@para-ui/core 4.0.44 → 4.0.46

package/Pagination/index.js

@@ -13,7 +13,7 @@ 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 '@paraview/lib';
-import '../_verture/tslib.es6-f43aa41d.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Label/index.js';
 import '../Help/index.js';
 import '../Tooltip/index.js';
@@ -64,7 +64,7 @@ var localeJson = {
   en
 };
 
-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  display: flex;\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(46, 101, 230);\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(46, 101, 230);\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(46, 101, 230);\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(46, 101, 230);\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}";
+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}\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 .total-num {\n  height: 32px;\n  line-height: 32px;\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  display: flex;\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(46, 101, 230);\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(46, 101, 230);\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(46, 101, 230);\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(46, 101, 230);\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);
 
 const Pagination = props => {
@@ -83,34 +83,33 @@ const Pagination = props => {
     skipFunc,
     changePage,
     changeRowsPerPage,
-    getPopupContainer
+    getPopupContainer,
+    resizeLine
   } = props;
+  const intl = useFormatMessage('Pagination', localeJson);
   const {
     language,
     locale
   } = React__default.useContext(GlobalContext);
-  const intl = useFormatMessage('Pagination', localeJson);
   const [currentRowsPerPageCom, setCurrentRowsPerPageCom] = useState(currentRowsPerPage); // 当前选中每页行数
   const [rowsPerPageCom, setRowsPerPageCom] = useState([]); // 每页显示的行数
   const [pageCom, setPageCom] = useState(page); // 当前页数
   const [totalPage, setTotalPage] = useState(); // 总页数
   const [skipValue, setSkipValue] = useState(); // 跳转页数
-  const [typeCom, setTypeCom] = useState(); // 组件类型
-  const refDom = useRef();
-  const constData = useRef({});
+  const [morePos, setMorePos] = useState(null); // 超出在原始位置
+  const refDom = useRef(null);
+  const constData = useRef({
+    layoutArr: ['jumper', 'pageRow', 'pager-btn', 'sizes', 'pager-num']
+  });
   constData.current.type = type;
   constData.current.autoType = autoType;
   useEffect(() => {
     return () => {
       window.removeEventListener('resize', changeSize);
       clearTimeout(constData.current.timer);
-      clearTimeout(constData.current.timerClass);
       clearTimeout(constData.current.changePagination);
     };
   }, []);
-  useEffect(() => {
-    setTypeCom(type);
-  }, [type]);
   useEffect(() => {
     setPageCom(page);
   }, [page]);
@@ -151,61 +150,59 @@ const Pagination = props => {
       window.addEventListener('resize', changeSize);
     } else {
       window.removeEventListener('resize', changeSize);
-      setTypeCom(type);
     }
   }, [type, autoType]);
   useEffect(() => {
     if (constData.current.type === 'complex' && constData.current.autoType) {
-      changePagination();
+      changeSize();
     }
-  }, [total, currentRowsPerPageCom, pageCom, language]);
-  /**
-   * 改变了分页数据,需要判断当前是否换行了
-   * */
-  const changePagination = () => {
-    clearTimeout(constData.current.changePagination);
-    constData.current.changePagination = setTimeout(() => {
-      const current = refDom.current;
-      const skipDom = current && current.querySelector('.skip-page-memo');
-      // 简单模式,不存在跳转
-      if (skipDom) {
-        // 复杂模式,换行了 -> 变成简单模式
-        if (current.offsetTop !== skipDom.offsetTop) {
-          setTypeCom('simple');
-        }
-      } else {
-        setTypeCom('complex');
-        // 简单模式 -> 复杂, 需要再次判断是否换行了
-        changePagination();
-      }
-    });
-  };
+  }, [total, currentRowsPerPageCom, pageCom, language, resizeLine]);
   /** 改变屏幕大小 */
   const changeSize = () => {
     clearTimeout(constData.current.timer);
-    clearTimeout(constData.current.timerClass);
     const current = refDom.current;
     if (!current) return;
     current.classList.add("".concat($prefixCls, "-pagination-over"));
     constData.current.timer = setTimeout(() => {
-      if (!current) return;
-      const moduleDom = current.querySelector('.pagination-content');
-      const skipDom = current.querySelector('.skip-page-memo');
-      // 简单模式,不存在跳转
-      if (moduleDom) {
-        // 复杂模式,换行了 -> 变成简单模式
-        if (current.offsetTop !== skipDom.offsetTop) {
-          setTypeCom('simple');
+      setMorePos(constData.current.layoutArr.length);
+      if (constData.current.layoutArr.length > 1) handMultiline();
+    }, 100);
+  };
+  /**
+   * 判断是否换行
+   * true 换行
+   * */
+  const isMultiline = () => {
+    const arr = ['.total-num', '.component-pagination', '.pagination-btn-content', '.page-line-memo', '.skip-page-memo'];
+    let num;
+    let bol = false;
+    arr.forEach(str => {
+      const dom = refDom.current.querySelector(str);
+      if (dom) {
+        if (num === undefined) {
+          num = dom.offsetTop;
+        } else {
+          if (dom.offsetTop !== num) {
+            bol = true;
+          }
         }
-      } else {
-        setTypeCom('complex');
-        // 简单模式 -> 复杂, 需要再次判断是否换行了
-        changeSize();
       }
-      constData.current.timerClass = setTimeout(() => {
-        current.classList.remove("".concat($prefixCls, "-pagination-over"));
-      }, 200);
-    }, 200);
+    });
+    return bol;
+  };
+  const handMultiline = index => {
+    if (index === null || index === 0) return;
+    if (index === undefined) index = constData.current.layoutArr.length;
+    if (isMultiline()) {
+      const num = Number(index) - 1;
+      // 超出
+      setMorePos(num);
+      if (num > 3) handMultiline(num);else refDom.current.classList.remove("".concat($prefixCls, "-pagination-over"));
+    } else {
+      // 一行
+      //if (list.length <= index) handleCloseMore();
+      refDom.current.classList.remove("".concat($prefixCls, "-pagination-over"));
+    }
   };
   /**
    * 是否存在当前类型
@@ -213,6 +210,28 @@ const Pagination = props => {
   const notLayout = layout => {
     return constData.current.type instanceof Array && constData.current.type.indexOf(layout) === -1;
   };
+  /**
+   * 判断超出是否显示
+   * false 显示
+   * true 不显示
+   * */
+  const overShowDom = type => {
+    if (morePos === null) return false;
+    switch (type) {
+      case 'jumper':
+        return morePos <= 0;
+      case 'pageRow':
+        return morePos <= 1;
+      case 'pager-btn':
+        return morePos <= 2 || morePos > 4;
+      case 'sizes':
+        return morePos <= 3;
+      case 'pager-num':
+        return morePos <= 4;
+      default:
+        return false;
+    }
+  };
   // 点击分页
   const clickPage = type => value => {
     let num = pageCom;
@@ -281,7 +300,7 @@ const Pagination = props => {
   };
   /* 总数量 */
   const TotalMemo = useMemo(() => {
-    if (typeCom === 'simple' || notLayout('sizes')) {
+    if (type === 'simple' || notLayout('sizes') || overShowDom('sizes')) {
       return null;
     }
     // 共{total}条
@@ -295,10 +314,10 @@ const Pagination = props => {
         total: totalFormat
       })
     }));
-  }, [total, language, locale, typeCom]);
+  }, [total, language, locale, morePos]);
   /* 每页行数 */
   const PageLineMemo = useMemo(() => {
-    if (notLayout('pageRow')) {
+    if (notLayout('pageRow') || overShowDom('pageRow')) {
       return null;
     }
     return jsx("div", Object.assign({
@@ -315,7 +334,7 @@ const Pagination = props => {
         getPopupContainer: getPopupContainer
       })
     }));
-  }, [rowsPerPageCom, currentRowsPerPageCom, getPopupContainer, language, locale, typeCom]);
+  }, [rowsPerPageCom, currentRowsPerPageCom, getPopupContainer, language, locale, morePos]);
   /** 分页上一页 */
   const jumpPrevIcon = () => {
     return jsxs("div", Object.assign({
@@ -336,9 +355,23 @@ const Pagination = props => {
       }), jsx(DoubleRight, {})]
     }));
   };
+  /**
+   * 判断显示分页
+   * true 不显示
+   * */
+  const isPaginationMemo = () => {
+    if (pagerType !== 'num') return true;
+    if (type === 'simple') {
+      return true;
+    } else if (type === 'complex') {
+      return overShowDom('pager-num');
+    } else {
+      return notLayout('pager');
+    }
+  };
   /* 页码 */
   const PaginationMemo = useMemo(() => {
-    if (typeCom === 'simple' || pagerType !== 'num' || notLayout('pager')) {
+    if (isPaginationMemo()) {
       return null;
     }
     return jsxs("div", Object.assign({
@@ -373,10 +406,24 @@ const Pagination = props => {
         }))
       }))]
     }));
-  }, [total, pageCom, totalPage, currentRowsPerPageCom, typeCom, props.flippingArrow, pagerType]);
+  }, [total, pageCom, totalPage, currentRowsPerPageCom, props.flippingArrow, pagerType, morePos]);
+  /**
+   * 判断显示按钮分页
+   * true 不显示
+   * */
+  const isPaginationBtnMemo = () => {
+    if (pagerType === 'btn') return false;
+    if (type === 'simple') {
+      return false;
+    } else if (type === 'complex') {
+      return overShowDom('pager-btn');
+    } else {
+      return notLayout('pager');
+    }
+  };
   /** 页码btn */
   const PaginationBtnMemo = useMemo(() => {
-    if (notLayout('pager') || typeCom !== 'simple' && pagerType !== 'btn') {
+    if (isPaginationBtnMemo()) {
       return null;
     }
     return jsxs("div", Object.assign({
@@ -404,10 +451,10 @@ const Pagination = props => {
         })
       }))]
     }));
-  }, [pageCom, totalPage, pagerType, typeCom, locale]);
+  }, [pageCom, totalPage, pagerType, locale, morePos]);
   /* 跳转页数 */
   const SkipPageMemo = useMemo(() => {
-    if (notLayout('jumper')) {
+    if (notLayout('jumper') || overShowDom('jumper')) {
       return null;
     }
     return jsxs("div", Object.assign({
@@ -432,7 +479,7 @@ const Pagination = props => {
         })]
       })]
     }));
-  }, [skipValue, totalPage, language, locale, typeCom]);
+  }, [skipValue, totalPage, language, locale, morePos]);
   // 处理class
   const handClass = () => {
     let str = "".concat($prefixCls, "-pagination");

package/PopConfirm/index.js

@@ -1,4 +1,4 @@
-import { a as __rest } from '../_verture/tslib.es6-f43aa41d.js';
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useRef, useState, useMemo, useEffect } from 'react';
 import CheckCircleF from '@para-ui/icons/CheckCircleF';

package/PopMenu/index.js

@@ -1,4 +1,4 @@
-import { a as __rest } from '../_verture/tslib.es6-f43aa41d.js';
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import React__default, { useState, useRef, useEffect } from 'react';

package/Popover/index.js

@@ -1,4 +1,4 @@
-import { a as __rest } from '../_verture/tslib.es6-f43aa41d.js';
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default, { useEffect } from 'react';
 import { Tooltip } from '../Tooltip/index.js';

package/Progress/index.js

@@ -1,4 +1,4 @@
-import { a as __rest } from '../_verture/tslib.es6-f43aa41d.js';
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Circle } from 'rc-progress';
 import CheckCircleF from '@para-ui/icons/CheckCircleF';

package/QuickReply/index.js

@@ -20,7 +20,7 @@ import { Popover } from '../Popover/index.js';
 import Message from '@para-ui/icons/Message';
 import Set from '@para-ui/icons/Set';
 import '../_verture/sortable.esm-76fe46a4.js';
-import '../_verture/tslib.es6-f43aa41d.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
 import '@para-ui/icons/LoadingF';
 import '../Tooltip/index.js';
 import 'rc-tooltip';

package/README.md

@@ -1,3 +1,19 @@
+## 🎉 para-ui/core@4.0.46 发布
+
+🎁【Feature】
+- 【对齐容器-Align】新增组件-对齐容器
+
+🔧【Bugfix】
+- 【标签-Tag】新增marginBottom,marginRight参数，tag默认没有，tagGroup默认8px
+- 【帮助-Help】帮助组件设置line-height为0，让容器与图标一样高度
+
+## 🎉 para-ui/core@4.0.45 发布
+
+🔧【Bugfix】
+- 【分页-Pagination】重构复杂模式下，超出换行显示内容，逐个减少
+- 【表格-Table】增加resizePaginationLine参数，重新计算分页换行不换行
+- 【分栏收缩容器-CollapseLayout】onClickBtn增加duration动画时间参数，新增onDragEnd拖拽结束事件
+
 ## 🎉 para-ui/core@4.0.44 发布
 
 🎁【Feature】

package/Radio/index.js

@@ -4,7 +4,7 @@ import Label from '../Label/index.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { Tooltip } from '../Tooltip/index.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/tslib.es6-f43aa41d.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
 import 'clsx';

package/RadioGroup/index.js

@@ -6,7 +6,7 @@ import HelperText from '../HelperText/index.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../Tooltip/index.js';
-import '../_verture/tslib.es6-f43aa41d.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import 'clsx';

package/RangeInput/index.js

@@ -8,7 +8,7 @@ import clsx from 'clsx';
 import { Tooltip } from '../Tooltip/index.js';
 import { DeepClone } from '@paraview/lib';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/tslib.es6-f43aa41d.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
 import 'rc-tooltip';

package/Result/index.js

@@ -8,7 +8,7 @@ import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import 'react';
 import '../Tooltip/index.js';
-import '../_verture/tslib.es6-f43aa41d.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';

package/Search/index.js

@@ -4,7 +4,7 @@ import { TextField } from '../TextField/index.js';
 import SearchIcon from '@para-ui/icons/Search';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/tslib.es6-f43aa41d.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Label/index.js';
 import '../Help/index.js';
 import '../Tooltip/index.js';

package/Select/index.js

@@ -20,7 +20,7 @@ import { u as useGlobalProps } from '../_verture/useGlobalProps-4ae1a007.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import 'clsx';
-import '../_verture/tslib.es6-f43aa41d.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
 import 'rc-tooltip';

package/SelectInput/index.js

@@ -10,7 +10,7 @@ import '@paraview/lib';
 import '../_verture/useGlobalProps-4ae1a007.js';
 import '../_verture/style-inject.es-300983ab.js';
 import '../Label/index.js';
-import '../_verture/tslib.es6-f43aa41d.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Help/index.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';

package/Selector/index.js

@@ -1,4 +1,4 @@
-import { _ as __awaiter, a as __rest } from '../_verture/tslib.es6-f43aa41d.js';
+import { a as __awaiter, _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, Fragment as Fragment$1 } from 'react';
 import { _ as _slicedToArray } from '../_verture/slicedToArray-75fa4188.js';

package/SelectorPicker/index.js

@@ -14,7 +14,7 @@ import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import { Tooltip } from '../Tooltip/index.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/tslib.es6-f43aa41d.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
 import 'rc-tooltip';

package/SingleBox/index.js

@@ -9,7 +9,7 @@ import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import { Tooltip } from '../Tooltip/index.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/tslib.es6-f43aa41d.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
 import '@paraview/lib';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';

package/Slider/index.js

@@ -1,4 +1,4 @@
-import { a as __rest } from '../_verture/tslib.es6-f43aa41d.js';
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React__default from 'react';
 import RcSlider, { Range, SliderTooltip, Handle } from 'rc-slider';

package/Stepper/index.js

@@ -1,4 +1,4 @@
-import { a as __rest } from '../_verture/tslib.es6-f43aa41d.js';
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import RcSteps from 'rc-steps';

package/Switch/index.js

@@ -1,4 +1,4 @@
-import { a as __rest } from '../_verture/tslib.es6-f43aa41d.js';
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import LoadingOutlined from '@para-ui/icons/LoadingF';
 import RcSwitch from 'rc-switch';

package/Table/index.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __awaiter } from '../_verture/tslib.es6-f43aa41d.js';
+import { _ as __rest, a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useRef, useState, useEffect, useMemo, useCallback, Fragment as Fragment$1 } from 'react';
 import { Get, Post, DeepClone, GetBrowserClass, Cancel, ArrayToObject } from '@paraview/lib';
@@ -1696,7 +1696,8 @@ const TableHead = props => {
     selectAll,
     selectStatus,
     checkNumber = 0,
-    currentPageTotal = 0
+    currentPageTotal = 0,
+    resizePaginationLine
   } = props;
   const intl = useFormatMessage('Table', localeJson);
   const [indeterminate, setIndeterminate] = useState(false); // 半选中
@@ -1781,7 +1782,8 @@ const TableHead = props => {
       currentRowsPerPage: currentRowsPerPage,
       changePage: changePageCom,
       changeRowsPerPage: changeRowsPerPageCom,
-      getPopupContainer: () => document.body
+      getPopupContainer: () => document.body,
+      resizeLine: resizePaginationLine
     }), refreshInside && jsx(Button.IconButton, Object.assign({
       className: 'refresh-btn',
       variant: "outlined",
@@ -1922,7 +1924,8 @@ const Table = propsInit => {
     onError,
     refreshInside = props.url ? true : false,
     checkCount = props.check ? true : false,
-    onDragRow
+    onDragRow,
+    resizePaginationLine
   } = props;
   const intl = useFormatMessage('Table', localeJson);
   const dayNum = props.expirationTime ? props.expirationTime === 0 ? 100000000 : props.expirationTime : 7; // 过期天数
@@ -3032,9 +3035,10 @@ const Table = propsInit => {
       selectStatus: headSelectStatus,
       selectAll: setAllCheck,
       checkNumber: Object.keys(checkJson).length,
-      currentPageTotal: rowData.length
+      currentPageTotal: rowData.length,
+      resizePaginationLine: resizePaginationLine
     });
-  }, [total, pageCom, sizeCom, sizeArrCom, pagination, loadMore, autoPagination, paginationType, flippingArrow, refreshInside, checkCount, headSelectStatus, rowData, checkJson, disabledJson, totalDataJson]);
+  }, [total, pageCom, sizeCom, sizeArrCom, pagination, loadMore, autoPagination, paginationType, flippingArrow, refreshInside, checkCount, headSelectStatus, rowData, checkJson, disabledJson, totalDataJson, resizePaginationLine]);
   // 表格内容滚动
   const tableBoxScroll = e => {
     const dom = tableRef.current;

package/Table/interface.d.ts

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

package/Table/tablePaginationInterface.d.ts

@@ -40,4 +40,6 @@ export interface TablePaginationProps {
     checkNumber?: number;
     /** 当前页面总数 */
     currentPageTotal?: number;
+    /** 重新计算分页换行不换行 */
+    resizePaginationLine?: string | number;
 }

package/Tabs/index.js

@@ -1,4 +1,4 @@
-import { a as __rest } from '../_verture/tslib.es6-f43aa41d.js';
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import React__default, { useState, useEffect, createElement } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import RcTabs, { TabPane } from 'rc-tabs';

package/Tag/TagGroup.d.ts

@@ -59,6 +59,10 @@ export interface TagGroupProps {
      * 组数据源
      */
     data?: TagItem[] | Item[];
+    /** 下边距 默认8px */
+    marginBottom?: string;
+    /** 右边距 默认8px */
+    marginRight?: string;
     /**
      * onchange
      * @param tagData

package/Tag/index.d.ts

@@ -43,6 +43,10 @@ export interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
     editInputWidth?: number;
     /** 提示最大宽度 */
     tipMaxWidth?: number | string;
+    /** 下边距 */
+    marginBottom?: string;
+    /** 右边距 */
+    marginRight?: string;
 }
 export type TagPropsWithChild = PropsWithChildren<TagProps>;
 export type { TagGroupProps };