@teamix/pro 1.2.22 → 1.2.23

package/dist/pro.js

@@ -51790,10 +51790,11 @@ var FieldSelect = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forw
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _output__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(90405);
-/* harmony import */ var _selectGroup__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(47363);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(80653);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59787);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _output__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(90405);
+/* harmony import */ var _selectGroup__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(47363);
 var _excluded = ["dataSource", "type", "value", "onChange", "mode", "render"];
 
 function ownKeys(object, enumerableOnly) {
@@ -51938,6 +51939,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 
 
 
+
 var FieldSelectGroup = function FieldSelectGroup(props) {
   var dataSource = props.dataSource,
       type = props.type,
@@ -51947,25 +51949,23 @@ var FieldSelectGroup = function FieldSelectGroup(props) {
       render = props.render,
       others = _objectWithoutProperties(props, _excluded);
 
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(value),
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(value),
       _useState2 = _slicedToArray(_useState, 2),
       fieldVal = _useState2[0],
       setFieldVal = _useState2[1];
 
   if (mode === 'edit') {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_selectGroup__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z // trigger={<Button>标签筛选</Button>}
-    , _objectSpread({
-      // trigger={<Button>标签筛选</Button>}
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_selectGroup__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, _objectSpread({
       className: "teamix-pro-field-layout-compact",
       dataSource: dataSource,
-      placeholder: "\u8BF7\u9009\u62E9\u6216\u8F93\u5165\u6807\u7B7E\u952E\u6216\u6807\u7B7E\u503C",
+      placeholder: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getMessage)('pleaseSelectOrEnterALabelKeyOrLabelValue'),
       leftLabelTooltipProps: {
-        label: '标签键',
-        tooltip: '键之间“与”运算，筛选出所选键的交集对象'
+        label: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getMessage)('labelKey'),
+        tooltip: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getMessage)('labelKeyTooltip')
       },
       rightLabelTooltipProps: {
-        label: '标签值',
-        tooltip: '值之间“或”运算，筛选出所选值的并集对象'
+        label: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getMessage)('labelValue'),
+        tooltip: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_0__.getMessage)('labelValueTooltip')
       },
       value: fieldVal,
       onChange: function onChange(value) {
@@ -51984,7 +51984,7 @@ var FieldSelectGroup = function FieldSelectGroup(props) {
     });
   }
 
-  return (0,_output__WEBPACK_IMPORTED_MODULE_1__/* .formatterOutput */ .h)(fieldVal, outputRender, fieldVal);
+  return (0,_output__WEBPACK_IMPORTED_MODULE_2__/* .formatterOutput */ .h)(fieldVal, outputRender, fieldVal);
 };
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FieldSelectGroup);
@@ -56173,7 +56173,7 @@ var Unit = function Unit(props) {
 /* harmony import */ var lodash_clonedeep__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_clonedeep__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(39339);
 /* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_5__);
-var _excluded = ["trigger", "triggerType", "showSearch", "searchValue", "defaultSearchValue", "onSearchChange", "searchProps", "renderSearch", "leftLabelTooltipProps", "rightLabelTooltipProps", "renderLeftLabel", "renderRightLabel", "dataSource", "value", "defaultValue", "showFooter", "renderFooter", "onFooterClick", "footerBtnText", "footerBtnProps", "onChange", "popupProps", "className", "placeholder"];
+var _excluded = ["trigger", "triggerType", "showSearch", "searchValue", "defaultSearchValue", "onSearchChange", "searchProps", "renderSearch", "leftLabelTooltipProps", "rightLabelTooltipProps", "renderLeftLabel", "renderRightLabel", "dataSource", "value", "defaultValue", "showFooter", "renderFooter", "onFooterClick", "footerBtnText", "footerBtnProps", "onChange", "popupProps", "className", "placeholder", "maxTagCount"];
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -56216,6 +56216,22 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+
 function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
@@ -56352,13 +56368,15 @@ var SelectGroup = function SelectGroup(props) {
       renderFooter = props.renderFooter,
       onFooterClick = props.onFooterClick,
       _props$footerBtnText = props.footerBtnText,
-      footerBtnText = _props$footerBtnText === void 0 ? '标签管理' : _props$footerBtnText,
+      footerBtnText = _props$footerBtnText === void 0 ? (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('labelManagement') : _props$footerBtnText,
       footerBtnProps = props.footerBtnProps,
       _onChange = props.onChange,
       popupProps = props.popupProps,
       _props$className = props.className,
       className = _props$className === void 0 ? '' : _props$className,
       placeholder = props.placeholder,
+      _props$maxTagCount = props.maxTagCount,
+      maxTagCount = _props$maxTagCount === void 0 ? 'auto' : _props$maxTagCount,
       others = _objectWithoutProperties(props, _excluded);
 
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(defaultValue),
@@ -56382,37 +56400,88 @@ var SelectGroup = function SelectGroup(props) {
   var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)((_dataSource$0$value = dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$ = dataSource[0]) === null || _dataSource$ === void 0 ? void 0 : _dataSource$.value) !== null && _dataSource$0$value !== void 0 ? _dataSource$0$value : ''),
       _useState8 = _slicedToArray(_useState7, 2),
       activeKey = _useState8[0],
-      setActiveKey = _useState8[1]; // 获取 select 中展示的标签
+      setActiveKey = _useState8[1];
 
+  var _useState9 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]),
+      _useState10 = _slicedToArray(_useState9, 2),
+      labelTag = _useState10[0],
+      setLabelTag = _useState10[1]; // 获取 select 中展示的标签
 
-  var getTagList = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
-    var totalValues = 0;
-    var selectValues = 0;
 
-    if (value && (value === null || value === void 0 ? void 0 : value.length) > 0) {
-      value.forEach(function (item) {
-        if (item.value && item.value.length > 0) {
-          selectValues = selectValues + item.value.length;
-        }
-      });
-    }
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+    // 展示总数
+    if (maxTagCount === 'total') {
+      if (!value || value.length === 0) {
+        setLabelTag([]);
+        return;
+      }
 
-    if (dataSourceProp && (dataSourceProp === null || dataSourceProp === void 0 ? void 0 : dataSourceProp.length) > 0) {
-      dataSourceProp.forEach(function (item) {
-        if (item.children && item.children.length > 0) {
-          totalValues = totalValues + item.children.length;
-        }
+      var totalValues = 0;
+      var selectValues = 0;
+
+      if (value && (value === null || value === void 0 ? void 0 : value.length) > 0) {
+        value.forEach(function (item) {
+          if (item.value && item.value.length > 0) {
+            selectValues = selectValues + item.value.length;
+          }
+        });
+      }
+
+      if (dataSourceProp && (dataSourceProp === null || dataSourceProp === void 0 ? void 0 : dataSourceProp.length) > 0) {
+        dataSourceProp.forEach(function (item) {
+          if (item.children && item.children.length > 0) {
+            totalValues = totalValues + item.children.length;
+          }
+        });
+      }
+
+      if (selectValues > 0) {
+        setLabelTag({
+          children: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('selected', {
+            count: "".concat(selectValues, "/").concat(totalValues)
+          }),
+          color: 'process'
+        });
+      }
+    } // 自动折叠标签
+
+
+    if (maxTagCount === 'auto') {
+      var _value$map$reduce$map, _value$map$reduce;
+
+      var tags = (_value$map$reduce$map = value === null || value === void 0 ? void 0 : (_value$map$reduce = value.map(function (item) {
+        return item.value;
+      }).reduce(function (acc, cur) {
+        return [].concat(_toConsumableArray(acc), _toConsumableArray(cur));
+      }, [])) === null || _value$map$reduce === void 0 ? void 0 : _value$map$reduce.map(function (item) {
+        return {
+          children: item,
+          color: 'process'
+        };
+      })) !== null && _value$map$reduce$map !== void 0 ? _value$map$reduce$map : []; // 这边为了保证顺序
+
+      var oldTagsChildren = labelTag.map(function (item) {
+        return item.children;
       });
-    }
+      var newTagsChildren = tags.map(function (item) {
+        return item.children;
+      });
+      var remainTagsChildren = oldTagsChildren.filter(function (item) {
+        return newTagsChildren.includes(item);
+      });
+      var newAllTagsChildren = Array.from(new Set([].concat(_toConsumableArray(remainTagsChildren), _toConsumableArray(newTagsChildren))));
+      var newTags = [];
+      newAllTagsChildren.forEach(function (item) {
+        var newTagItem = tags.find(function (tagItem) {
+          return tagItem.children === item;
+        });
 
-    if (selectValues > 0) {
-      return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.renderTags)({
-        children: "\u5DF2\u9009\u62E9".concat(selectValues, "/").concat(totalValues),
-        color: 'process'
+        if (newTagItem) {
+          newTags.push(newTagItem);
+        }
       });
+      setLabelTag(newTags);
     }
-
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null);
   }, [value]);
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     setSearchValue(searchValueProp);
@@ -56626,7 +56695,7 @@ var SelectGroup = function SelectGroup(props) {
       }
     }),
     className: cls('search-input'),
-    placeholder: "\u641C\u7D22\u6807\u7B7E\u952E\u6216\u6807\u7B7E\u503C",
+    placeholder: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('searchTagKeyOrTagValue'),
     value: searchValue,
     onChange: onSearch,
     hasClear: true,
@@ -56638,8 +56707,8 @@ var SelectGroup = function SelectGroup(props) {
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
     className: cls('container-box', 'container-left')
   }, !!renderLeftLabel && renderLeftLabel, !renderLeftLabel && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.LabelIconTip, _objectSpread({
-    label: "\u6807\u7B7E\u952E",
-    tooltip: "\u6807\u7B7E\u952E"
+    label: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('labelKey'),
+    tooltip: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('labelKey')
   }, leftLabelTooltipProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Menu, {
     className: cls('checkbox-group')
   }, dataSource && dataSource.map(function (item, index) {
@@ -56671,8 +56740,8 @@ var SelectGroup = function SelectGroup(props) {
   }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
     className: cls('container-box', 'container-right')
   }, !!renderRightLabel && renderRightLabel, !renderRightLabel && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.LabelIconTip, _objectSpread({
-    label: "\u6807\u7B7E\u503C",
-    tooltip: "\u6807\u7B7E\u503C"
+    label: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('labelValue'),
+    tooltip: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('labelValue')
   }, rightLabelTooltipProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Menu, {
     className: cls('checkbox-group')
   }, getKeyValues(activeKey).map(function (item, index) {
@@ -56702,10 +56771,16 @@ var SelectGroup = function SelectGroup(props) {
   if (!trigger) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_0__.Select, _objectSpread({
       className: "".concat(cls({
-        select: true
+        select: true,
+        'select-has-placeholder': !value || (value === null || value === void 0 ? void 0 : value.length) === 0
       }), " ").concat(className),
-      placeholder: value && (value === null || value === void 0 ? void 0 : value.length) > 0 ? ' ' : placeholder !== null && placeholder !== void 0 ? placeholder : '请选择',
-      label: getTagList,
+      placeholder: value && (value === null || value === void 0 ? void 0 : value.length) > 0 ? ' ' : placeholder !== null && placeholder !== void 0 ? placeholder : (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('pleaseChoose'),
+      label: maxTagCount === 'total' ? (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.renderTags)(labelTag) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.ProTagGroup, {
+        tag: labelTag,
+        moreTagProps: {
+          color: 'process'
+        }
+      }),
       popupContent: renderPopup,
       hasClear: true,
       value: value,
@@ -59035,7 +59110,10 @@ var useResponsiveProps = function useResponsiveProps(breakpoints, props, default
 
   var updateUI = function updateUI() {
     if (ref.current) {
-      setResponsiveProps(calculateProps(ref.current, breakpoints, props));
+      setResponsiveProps(calculateProps(ref.current, breakpoints, props)); // console.log(
+      //   'setResponsiveProps',
+      //   calculateProps(ref.current, breakpoints, props),
+      // );
     }
   };
 
@@ -64654,7 +64732,7 @@ _teamix_icon__WEBPACK_IMPORTED_MODULE_13__/* ["default"].setConfig */ .Z.setConf
 
  // export * from './sidebar';
 
-var version = '1.2.21';
+var version = '1.2.23';
 
 
 /***/ }),
@@ -68138,6 +68216,7 @@ var Layout = function Layout(props) {
       var _dataFilter$schema2;
 
       if ( /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(dataFilter == null ? void 0 : dataFilter.content)) {
+        // 自定义渲染内容，当 `schema=[]` 时生效
         return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
           className: cls('panel-filter'),
           style: {
@@ -68288,6 +68367,247 @@ var Layout = function Layout(props) {
 
 /***/ }),
 
+/***/ 33977:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33049);
+/* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(80653);
+/* harmony import */ var _teamix_hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(42341);
+var _excluded = ["className", "onChange", "total", "totalRender", "pageSize", "current", "pageSizeList", "pageSizeSelector", "type", "onPageSizeChange", "responsivePaginationType"];
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+// 自适应宽度的翻页器
+
+
+
+
+
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.baseClass)('teamix-pro-pagination');
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (function (props) {
+  var className = props.className,
+      propsOnChange = props.onChange,
+      total = props.total,
+      totalRender = props.totalRender,
+      pageSize = props.pageSize,
+      current = props.current,
+      pageSizeList = props.pageSizeList,
+      pageSizeSelector = props.pageSizeSelector,
+      type = props.type,
+      onPageSizeChange = props.onPageSizeChange,
+      responsivePaginationType = props.responsivePaginationType,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var _useResponsiveProps = (0,_teamix_hooks__WEBPACK_IMPORTED_MODULE_3__.useResponsiveProps)([480, 590, 700], ['mini', 'small', 'simple', 'normal']),
+      responsiveProps = _useResponsiveProps.responsiveProps,
+      paginationWrapperRef = _useResponsiveProps.ref;
+
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
+      visible = _useState[0],
+      setVisible = _useState[1];
+
+  var _useState2 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(current),
+      currentPage = _useState2[0],
+      setCurrentPage = _useState2[1];
+
+  var commonPaginationProps = {
+    className: className,
+    onChange: propsOnChange,
+    total: total,
+    pageSize: pageSize,
+    shape: 'arrow-only',
+    pageSizeList: pageSizeList,
+    pageSizeSelector: pageSizeSelector,
+    pageSizePosition: 'end',
+    onPageSizeChange: onPageSizeChange
+  }; // 自定义总数，用于 small、mini
+
+  var customTotalRender = function customTotalRender(total) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Balloon, {
+      visible: visible,
+      closable: false,
+      onVisibleChange: function onVisibleChange(visible) {
+        return setVisible(visible);
+      },
+      align: "t" // triggerType="click"
+      ,
+      trigger: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
+        text: true,
+        onMouseEnter: function onMouseEnter() {
+          return setVisible(true);
+        }
+      }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('total', {
+        total: total
+      }))
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      className: cls('custom-total-content')
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      className: "title"
+    }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('pageSize')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Select, {
+      className: cls('custom-page-size-selector'),
+      dataSource: pageSizeList,
+      defaultValue: pageSize,
+      followTrigger: true,
+      menuProps: {
+        hasSelectedIcon: false
+      },
+      onChange: function onChange(value) {
+        setVisible(false);
+        setCurrentPage(1);
+        onPageSizeChange == null ? void 0 : onPageSizeChange(value);
+      }
+    })));
+  }; // 获取页总数
+
+
+  function getTotalPage(total, currentPageSize) {
+    var totalPage = Math.ceil(total / currentPageSize);
+    return totalPage <= 0 ? 1 : totalPage;
+  } // 自定义翻页，用于 mini
+
+
+  var customJumpRender = function customJumpRender() {
+    var handleInputChange = function handleInputChange(value, e) {
+      setCurrentPage(value);
+    }; // 回车触发跳转
+
+
+    var handleJump = function handleJump(e) {
+      var totalPage = getTotalPage(total, pageSize);
+      var value = Number(currentPage);
+
+      if (isNaN(value)) {
+        value = '';
+      } else if (value < 1) {
+        value = 1;
+      } else if (value > totalPage) {
+        value = totalPage;
+      }
+
+      if (value && value !== current) {
+        setCurrentPage(value);
+        propsOnChange == null ? void 0 : propsOnChange(value, e);
+      }
+    };
+
+    var handlePrevClick = function handlePrevClick(e) {
+      setCurrentPage(currentPage - 1);
+      propsOnChange == null ? void 0 : propsOnChange(currentPage - 1, e);
+    };
+
+    var handleNextClick = function handleNextClick(e) {
+      setCurrentPage(currentPage + 1);
+      propsOnChange == null ? void 0 : propsOnChange(currentPage + 1, e);
+    };
+
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      className: cls('custom-jumper')
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
+      className: "next-prev next-pagination-item",
+      onClick: handlePrevClick,
+      disabled: Number(currentPage) <= 1
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Icon, {
+      size: "small",
+      type: "arrow-left"
+    })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Input, {
+      className: "jump-input",
+      value: currentPage,
+      onChange: handleInputChange,
+      onKeyDown: function onKeyDown(e) {
+        if (e.keyCode === 13) {
+          handleJump(e);
+        }
+      }
+    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      className: "total"
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
+      style: {
+        marginRight: 4
+      }
+    }, "/"), getTotalPage(total, pageSize)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
+      className: "next-next next-pagination-item",
+      onClick: handleNextClick //@ts-ignore
+      ,
+      disabled: total && Number(currentPage) >= getTotalPage(total, pageSize)
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Icon, {
+      size: "small",
+      type: "arrow-right"
+    })));
+  };
+
+  var renderMiniPagination = function renderMiniPagination() {
+    if (total && pageSize) {
+      if (total / pageSize <= 2) {
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Pagination, _extends({}, commonPaginationProps, {
+          type: "simple"
+        }, otherProps));
+      } else {
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+          className: cls('custom-mini-pagination') + "  next-pagination"
+        }, customTotalRender(total), customJumpRender());
+      }
+    }
+  };
+
+  var renderPagination = function renderPagination() {
+    switch (responsivePaginationType || responsiveProps) {
+      case 'normal':
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Pagination, _extends({}, commonPaginationProps, {
+          totalRender: function totalRender(total) {
+            return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('total', {
+              total: total
+            });
+          }
+        }, otherProps));
+
+      case 'simple':
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Pagination, _extends({}, commonPaginationProps, {
+          pageShowCount: 3,
+          totalRender: function totalRender(total) {
+            return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_2__.getMessage)('total', {
+              total: total
+            });
+          }
+        }, otherProps));
+
+      case 'small':
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Pagination, _extends({}, commonPaginationProps, {
+          pageShowCount: 3,
+          pageSizeSelector: false,
+          totalRender: function totalRender(total) {
+            return customTotalRender(total);
+          }
+        }, otherProps));
+
+      case 'mini':
+        return renderMiniPagination();
+
+      default:
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Pagination, _extends({}, commonPaginationProps, otherProps));
+    }
+  };
+
+  return (
+    /*#__PURE__*/
+    // 用于获取翻页器响应式 ref
+    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      ref: paginationWrapperRef,
+      className: cls('wrapper')
+    }, renderPagination())
+  );
+});
+
+/***/ }),
+
 /***/ 96379:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -69198,24 +69518,25 @@ var ToolBar = function ToolBar(props) {
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33049);
 /* harmony import */ var _alicloudfe_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _utils_genProColumnToColumn__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(40339);
-/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(80653);
-/* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(53277);
-/* harmony import */ var _components_Layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(9458);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(90450);
-/* harmony import */ var _utils_getTableProps__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(78964);
-/* harmony import */ var _utils_getTableSortIcons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(98806);
-/* harmony import */ var _utils_useTableSelection__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(23779);
-/* harmony import */ var _components_ToolBar_Fullscreen__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(21630);
-/* harmony import */ var _components_EmptyContent__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(98300);
-/* harmony import */ var _form__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(89417);
-/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(28758);
-/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(39339);
-/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(28266);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_14__);
-/* harmony import */ var _page_container__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(2781);
-var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestWhenMount", "showPagination", "pageSizeList", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "customRequest", "filterColumnType"];
+/* harmony import */ var _components_Pagination__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(33977);
+/* harmony import */ var _utils_genProColumnToColumn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(40339);
+/* harmony import */ var _teamix_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(80653);
+/* harmony import */ var _skeleton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(53277);
+/* harmony import */ var _components_Layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(9458);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(90450);
+/* harmony import */ var _utils_getTableProps__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(78964);
+/* harmony import */ var _utils_getTableSortIcons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(98806);
+/* harmony import */ var _utils_useTableSelection__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(23779);
+/* harmony import */ var _components_ToolBar_Fullscreen__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(21630);
+/* harmony import */ var _components_EmptyContent__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(98300);
+/* harmony import */ var _form__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(89417);
+/* harmony import */ var _actions__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(28758);
+/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(39339);
+/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(28266);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var _page_container__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(2781);
+var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "customRequest", "filterColumnType"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -69228,7 +69549,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 
- // import Pagination from './components/Pagination';
 
 
 
@@ -69247,8 +69567,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.baseClass)('teamix-pro-table');
-var toJS = _form__WEBPACK_IMPORTED_MODULE_11__/* .formilyReactive.toJS */ .SP.toJS;
+
+var cls = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.baseClass)('teamix-pro-table');
+var toJS = _form__WEBPACK_IMPORTED_MODULE_12__/* .formilyReactive.toJS */ .SP.toJS;
 /**
  * 处理原生传入的 columns 以便于 选择列 方便处理
  * @param columns 原生传入的 columns
@@ -69341,6 +69662,7 @@ var ProTable = function ProTable(props) {
       showPagination = _props$showPagination === void 0 ? true : _props$showPagination,
       _props$pageSizeList = props.pageSizeList,
       pageSizeList = _props$pageSizeList === void 0 ? [5, 10, 20, 50, 100] : _props$pageSizeList,
+      responsivePaginationType = props.responsivePaginationType,
       _props$showSkeleton = props.showSkeleton,
       propsShowSkeleton = _props$showSkeleton === void 0 ? true : _props$showSkeleton,
       _props$skeletonSize = props.skeletonSize,
@@ -69452,7 +69774,7 @@ var ProTable = function ProTable(props) {
 
 
   var dataFilterForm = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
-    return (0,_form__WEBPACK_IMPORTED_MODULE_11__/* .createForm */ .Np)();
+    return (0,_form__WEBPACK_IMPORTED_MODULE_12__/* .createForm */ .Np)();
   }, []); // TODO 获取内容区是否超出一屏（暂时仅支持全家桶）
 
   var getFooterSuctionState = function getFooterSuctionState() {
@@ -69476,7 +69798,7 @@ var ProTable = function ProTable(props) {
   }; // rowSelection 相关
 
 
-  var rowSelectionHook = (0,_utils_useTableSelection__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(_objectSpread(_objectSpread({}, propsRowSelection), {}, {
+  var rowSelectionHook = (0,_utils_useTableSelection__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z)(_objectSpread(_objectSpread({}, propsRowSelection), {}, {
     // 当初始出现骨架屏的时候，不可选择
     getProps: function getProps(record, index) {
       var result = {};
@@ -69528,7 +69850,7 @@ var ProTable = function ProTable(props) {
 
       return getProps ? !((_getProps = getProps(d, i)) != null && _getProps.disabled) : true;
     }).map(function (d) {
-      return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.getDeepValue)(primaryKey || 'id', d);
+      return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getDeepValue)(primaryKey || 'id', d);
     });
     var nowCheckedKeys = allRowKeys.filter(function (k) {
       return selectedRowKeys.includes(k);
@@ -69578,7 +69900,7 @@ var ProTable = function ProTable(props) {
     }
   }, [propsDataSource]); // 绑定 Actions
 
-  (0,_utils__WEBPACK_IMPORTED_MODULE_6__/* .useActionType */ .tx)(actionRef, {
+  (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .useActionType */ .tx)(actionRef, {
     fullScreen: function fullScreen() {
       var state = !fullscreenState; // 全屏时需要重新计算header高度
 
@@ -69600,7 +69922,7 @@ var ProTable = function ProTable(props) {
       (_actionRef$current2 = actionRef.current) == null ? void 0 : _actionRef$current2.setState == null ? void 0 : _actionRef$current2.setState('filterColumns', columns);
 
       if (update) {
-        (0,_utils__WEBPACK_IMPORTED_MODULE_6__/* .emit */ .j8)('refreshFilterState', newColumns);
+        (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .emit */ .j8)('refreshFilterState', newColumns);
       }
     },
     setSize: function setSize(mode) {
@@ -69683,7 +70005,7 @@ var ProTable = function ProTable(props) {
   } // 请求表格数据工具函数
 
 
-  var getData = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.useRequest)(function (params) {
+  var getData = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.useRequest)(function (params) {
     var _ref2;
 
     return _ref2 = {
@@ -69693,7 +70015,7 @@ var ProTable = function ProTable(props) {
   }, {
     // 使用 request 方法代替 fetch
     requestMethod: function requestMethod(params) {
-      return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.request)(params);
+      return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.request)(params);
     },
     manual: true,
     onSuccess: function onSuccess(result) {
@@ -69704,9 +70026,9 @@ var ProTable = function ProTable(props) {
         if (typeof formatResult === 'function') {
           nextData = formatResult(result) || {};
         } else if (typeof formatResult === 'object') {
-          var dataTotal = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.getDeepValue)(formatResult.total, result);
+          var dataTotal = (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getDeepValue)(formatResult.total, result);
           nextData = {
-            data: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.getDeepValue)(formatResult.data, result) || [],
+            data: (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getDeepValue)(formatResult.data, result) || [],
             total: isNaN(dataTotal) ? 0 : Number(dataTotal)
           };
         }
@@ -69808,7 +70130,7 @@ var ProTable = function ProTable(props) {
 
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     // 初始化 actionRef state、callback 此时 actionRef 已初始化完成
-    (0,_utils__WEBPACK_IMPORTED_MODULE_6__/* .initActionRef */ .rf)(); // 监听 浏览器变化 更吸底状态
+    (0,_utils__WEBPACK_IMPORTED_MODULE_7__/* .initActionRef */ .rf)(); // 监听 浏览器变化 更吸底状态
 
     if (footerSuction) {
       getFooterSuctionState();
@@ -69872,7 +70194,7 @@ var ProTable = function ProTable(props) {
   var dataFilter = _objectSpread(_objectSpread({
     mode: 'inline'
   }, propsDataFilter), {}, {
-    onFilter: lodash_debounce__WEBPACK_IMPORTED_MODULE_13___default()(function (values) {
+    onFilter: lodash_debounce__WEBPACK_IMPORTED_MODULE_14___default()(function (values) {
       (propsDataFilter == null ? void 0 : propsDataFilter.onFilter) && (propsDataFilter == null ? void 0 : propsDataFilter.onFilter(values));
 
       if (dataFilterForm.validate()) {
@@ -69925,8 +70247,8 @@ var ProTable = function ProTable(props) {
   var renderTable = function renderTable() {
     if (propsColumns) {
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-        className: classnames__WEBPACK_IMPORTED_MODULE_14___default()('teamix-pro-table-container', className)
-      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_Layout__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
+        className: classnames__WEBPACK_IMPORTED_MODULE_15___default()('teamix-pro-table-container', className)
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_Layout__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
         header: header,
         mainAction: mainAction,
         extra: extra,
@@ -69940,9 +70262,9 @@ var ProTable = function ProTable(props) {
       }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Table.StickyLock, _extends({
         hasBorder: false,
         dataSource: showSkeleton ? skeletonDataSource : data || props.dataSource,
-        columns: (0,_utils_genProColumnToColumn__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)(filteredColumns, showSkeleton, actionRef),
+        columns: (0,_utils_genProColumnToColumn__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(filteredColumns, showSkeleton, actionRef),
         loading: getTableLoading(),
-        className: classnames__WEBPACK_IMPORTED_MODULE_14___default()('teamix-pro-table', tableClassName, {
+        className: classnames__WEBPACK_IMPORTED_MODULE_15___default()('teamix-pro-table', tableClassName, {
           'with-row-select': rowSelection
         }),
         size: size,
@@ -69950,18 +70272,18 @@ var ProTable = function ProTable(props) {
         sort: sort,
         primaryKey: primaryKey,
         rowSelection: rowSelection,
-        emptyContent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_EmptyContent__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, null),
-        sortIcons: (0,_utils_getTableSortIcons__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z)(),
+        emptyContent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_EmptyContent__WEBPACK_IMPORTED_MODULE_11__/* ["default"] */ .Z, null),
+        sortIcons: (0,_utils_getTableSortIcons__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)(),
         fixedHeader: fullscreenState // 102px 为 底部 50px + 空格10px + 顶部 24px padding
         ,
         maxBodyHeight: "calc(100vh - 84px - " + headerHeight + "px)" // 过滤出可以传到 Table 的 Props
 
-      }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.pickProps)((0,_utils_getTableProps__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .Z)(), otherProps))));
+      }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.pickProps)((0,_utils_getTableProps__WEBPACK_IMPORTED_MODULE_17__/* ["default"] */ .Z)(), otherProps))));
     } else {
       // 不传 columns 直接返回原始 Table
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Table, _extends({
         className: cls()
-      }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.pickProps)((0,_utils_getTableProps__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .Z)(), otherProps)));
+      }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.pickProps)((0,_utils_getTableProps__WEBPACK_IMPORTED_MODULE_17__/* ["default"] */ .Z)(), otherProps)));
     }
   };
 
@@ -69987,7 +70309,7 @@ var ProTable = function ProTable(props) {
 
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
         className: cls('footer-action')
-      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_actions__WEBPACK_IMPORTED_MODULE_12__/* .ProActionGroup */ .d5, _extends({}, targetFooterActions, {
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_actions__WEBPACK_IMPORTED_MODULE_13__/* .ProActionGroup */ .d5, _extends({}, targetFooterActions, {
         context: _objectSpread(_objectSpread({}, defaultContext), targetFooterActions == null ? void 0 : targetFooterActions.context)
       })));
     } else return footerAction;
@@ -70024,7 +70346,7 @@ var ProTable = function ProTable(props) {
         if (showSkeleton) {
           return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
             className: cls('footer-left-wrapper')
-          }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_4__/* .ProSkeletonRaw.Footer.Operation */ .vR.Footer.Operation, null));
+          }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_5__/* .ProSkeletonRaw.Footer.Operation */ .vR.Footer.Operation, null));
         } else {
           return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
             className: cls('footer-left-wrapper')
@@ -70032,7 +70354,7 @@ var ProTable = function ProTable(props) {
             className: cls("footer-checkbox-" + size)
           }, getCheckAllProps())), footerAction && renderFooterAction(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
             className: cls('selected-msg')
-          }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.getMessage)('selected', {
+          }, (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getMessage)('selected', {
             count: selectedCount
           })));
         }
@@ -70046,16 +70368,17 @@ var ProTable = function ProTable(props) {
         })
       }, renderRowSelection(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
         className: cls('footer-right-wrapper')
-      }, showSkeleton ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_4__/* .ProSkeletonRaw.Footer.Pagination */ .vR.Footer.Pagination, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_alicloudfe_components__WEBPACK_IMPORTED_MODULE_1__.Pagination, _extends({
+      }, showSkeleton ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_5__/* .ProSkeletonRaw.Footer.Pagination */ .vR.Footer.Pagination, null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_Pagination__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, _extends({
         className: cls('pagination'),
         onChange: function onChange(number) {
           return onChangePagination(number);
         },
         total: total,
-        shape: "arrow-only",
-        pageSizePosition: "end",
+        responsivePaginationType: responsivePaginationType // shape="arrow-only"
+        // pageSizePosition="end"
+        ,
         totalRender: function totalRender(total) {
-          return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_3__.getMessage)('total', {
+          return (0,_teamix_utils__WEBPACK_IMPORTED_MODULE_4__.getMessage)('total', {
             total: total
           });
         },
@@ -70075,11 +70398,11 @@ var ProTable = function ProTable(props) {
         })
       }, renderRowSelection(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
         className: cls('footer-right-wrapper')
-      }, showSkeleton ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_4__/* .ProSkeletonRaw.Footer.Pagination */ .vR.Footer.Pagination, null) : footer));
+      }, showSkeleton ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_skeleton__WEBPACK_IMPORTED_MODULE_5__/* .ProSkeletonRaw.Footer.Pagination */ .vR.Footer.Pagination, null) : footer));
     }
   };
 
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_ToolBar_Fullscreen__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_ToolBar_Fullscreen__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
     visible: fullscreenState,
     actionRef: actionRef
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -70089,7 +70412,7 @@ var ProTable = function ProTable(props) {
 
     }),
     ref: tableRef
-  }, renderTable(), footerSuctionState && footerSuction && !fullscreenState && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_page_container__WEBPACK_IMPORTED_MODULE_15__/* ["default"].FixedFooter */ .ZP.FixedFooter, null, renderFooter()), !(footerSuctionState && footerSuction) && !fullscreenState && renderFooter(), fullscreenState && renderFooter()));
+  }, renderTable(), footerSuctionState && footerSuction && !fullscreenState && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_page_container__WEBPACK_IMPORTED_MODULE_16__/* ["default"].FixedFooter */ .ZP.FixedFooter, null, renderFooter()), !(footerSuctionState && footerSuction) && !fullscreenState && renderFooter(), fullscreenState && renderFooter()));
 };
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProTable);
@@ -71713,39 +72036,70 @@ var LabelIconTip = function LabelIconTip(_ref) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var ahooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(26245);
-/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(39339);
-/* harmony import */ var lodash_debounce__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_debounce__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59787);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(864);
+/* harmony import */ var ahooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(26245);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(59787);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(864);
+/* harmony import */ var lodash_clonedeep__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(52308);
+/* harmony import */ var lodash_clonedeep__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_clonedeep__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(80653);
+var _excluded = ["tag", "renderMore", "maxShowNumber", "moreTagProps", "moreTagWidth"],
+    _excluded2 = ["className"],
+    _excluded3 = ["className"];
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
 
 
 
 
 
+var cls = (0,___WEBPACK_IMPORTED_MODULE_3__.baseClass)('teamix-pro-tag-group');
 
 var ProTagGroup = function ProTagGroup(props) {
-  var ref = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
-  var size = (0,ahooks__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(ref);
+  var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+  var size = (0,ahooks__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(ref);
+
   var _props$tag = props.tag,
       tagProp = _props$tag === void 0 ? [] : _props$tag,
       renderMore = props.renderMore,
       _props$maxShowNumber = props.maxShowNumber,
-      maxShowNumber = _props$maxShowNumber === void 0 ? 'auto' : _props$maxShowNumber;
+      maxShowNumber = _props$maxShowNumber === void 0 ? 'auto' : _props$maxShowNumber,
+      _props$moreTagProps = props.moreTagProps,
+      moreTagProps = _props$moreTagProps === void 0 ? {} : _props$moreTagProps,
+      _props$moreTagWidth = props.moreTagWidth,
+      moreTagWidth = _props$moreTagWidth === void 0 ? 30 : _props$moreTagWidth,
+      others = _objectWithoutPropertiesLoose(props, _excluded);
 
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(tagProp),
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(tagProp),
       tag = _useState[0],
       setTag = _useState[1];
 
-  var _useState2 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(maxShowNumber === 'auto' ? 0 : maxShowNumber),
-      count = _useState2[0],
-      setCount = _useState2[1];
+  var _useState2 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(tagProp),
+      realTag = _useState2[0],
+      setRealTag = _useState2[1];
+
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    setTag(lodash_clonedeep__WEBPACK_IMPORTED_MODULE_2___default()(tagProp));
+  }, [tagProp]); // 监听 tag变化、宽度变化
+
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    var data = getRealTag(tag);
+    setRealTag([].concat(data));
+  }, [tag, size]); // 获取真实显示的 tag
+
+  var getRealTag = function getRealTag(tag) {
+    var count = tag.length; // 自动计算需要显示的 tag 数量
 
-  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
-    setTag([].concat(tagProp));
-  }, [tagProp]);
-  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(lodash_debounce__WEBPACK_IMPORTED_MODULE_0___default()(function () {
     if (maxShowNumber === 'auto') {
       var _ref$current$scrollWi, _ref$current, _ref$current$offsetWi, _ref$current2;
 
@@ -71758,52 +72112,64 @@ var ProTagGroup = function ProTagGroup(props) {
         var tagsDom = (_ref$current$querySel = (_ref$current3 = ref.current) == null ? void 0 : _ref$current3.querySelector('.teamix-pro-tags')) != null ? _ref$current$querySel : null;
         var tagList = (_tagsDom$children = tagsDom == null ? void 0 : tagsDom.children) != null ? _tagsDom$children : [];
         var width = 0;
-        var _count = 0;
+        var flag = 0;
 
         for (var i = 0; i < tagList.length; i++) {
           var tagItem = tagList[i];
           width = width + tagItem.clientWidth + 8;
 
-          if (width > offsetWidth - 50) {
+          if (width > offsetWidth - moreTagWidth) {
             break;
           }
 
-          _count++;
+          flag++;
         }
 
-        setCount(_count);
+        count = flag;
       } else {
-        setCount(tag.length);
+        count = tag.length;
       }
-    }
-  }, 100), [size, tagProp]);
-  var renderRealTag = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+    } // 指定tag显示数量
+
+
     if (count === 0 && tag.length > 0) {
-      var countTag = {
-        children: "+" + tag.length
-      };
-      return (0,___WEBPACK_IMPORTED_MODULE_2__/* .renderTags */ .a)([countTag]);
-    }
+      var className = moreTagProps.className,
+          _others = _objectWithoutPropertiesLoose(moreTagProps, _excluded2);
+
+      var countTag = _objectSpread({
+        children: "+" + tag.length,
+        className: cls('remain') + " teamix-pro-tag"
+      }, _others);
+
+      return [countTag];
+    } // tag 显示不下。进行折叠
+
 
     if (tag.length > count) {
-      var _countTag = {
-        children: "+" + (tag.length - count)
-      };
+      var _className = moreTagProps.className,
+          _others2 = _objectWithoutPropertiesLoose(moreTagProps, _excluded3);
+
+      var _countTag = _objectSpread({
+        children: "+" + (tag.length - count),
+        className: cls('remain') + " teamix-pro-tag"
+      }, _others2);
+
       var customRenderMore = renderMore == null ? void 0 : renderMore(count, tag);
       var remainTags = tag.filter(function (_item, index) {
         return index < count;
       });
-      return (0,___WEBPACK_IMPORTED_MODULE_2__/* .renderTags */ .a)([].concat(remainTags, [customRenderMore != null ? customRenderMore : _countTag]));
+      return [].concat(remainTags, [customRenderMore != null ? customRenderMore : _countTag]);
     }
 
-    return (0,___WEBPACK_IMPORTED_MODULE_2__/* .renderTags */ .a)(tag);
-  }, [count, tag]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
-    className: "teamix-pro-tag-group",
+    return tag;
+  };
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
+    className: cls(),
     ref: ref
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
-    className: "teamix-pro-tag-group-hidden"
-  }, (0,___WEBPACK_IMPORTED_MODULE_2__/* .renderTags */ .a)(tag)), renderRealTag);
+  }, others), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: cls('hidden')
+  }, (0,___WEBPACK_IMPORTED_MODULE_1__/* .renderTags */ .a)(tag)), realTag.length > 0 && (0,___WEBPACK_IMPORTED_MODULE_1__/* .renderTags */ .a)(realTag));
 };
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ProTagGroup);
@@ -72732,7 +73098,15 @@ function goToLink(link, history) {
   ok: 'OK',
   cancel: 'Cancel',
   edit: 'Edit',
-  pageSize: 'Items per page:'
+  pageSize: 'Items per page:',
+  pleaseChoose: 'Please choose',
+  labelKey: 'Label key',
+  labelValue: 'Label value',
+  searchTagKeyOrTagValue: 'Search tag key or tag value',
+  labelManagement: 'Label management',
+  pleaseSelectOrEnterALabelKeyOrLabelValue: 'Please select or enter a label key or label value',
+  labelKeyTooltip: '"AND" operation between keys to filter out the intersection objects of the selected keys',
+  labelValueTooltip: '"OR" operation between values to filter out the union object of the selected value'
 });
 
 /***/ }),
@@ -72844,7 +73218,15 @@ function getMessage(id, data) {
   ok: '确定',
   cancel: '取消',
   edit: '编辑',
-  pageSize: '每页显示：'
+  pageSize: '每页显示：',
+  pleaseChoose: '请选择',
+  labelKey: '标签键',
+  labelValue: '标签值',
+  searchTagKeyOrTagValue: '搜索标签键或标签值',
+  labelManagement: '标签管理',
+  pleaseSelectOrEnterALabelKeyOrLabelValue: '请选择或输入标签键或标签值',
+  labelKeyTooltip: '键之间“与”运算，筛选出所选键的交集对象',
+  labelValueTooltip: '值之间“或”运算，筛选出所选值的并集对象'
 });
 
 /***/ }),
@@ -72904,7 +73286,15 @@ function getMessage(id, data) {
   ok: '確定',
   cancel: '取消',
   edit: '編輯',
-  pageSize: '每頁顯示：'
+  pageSize: '每頁顯示：',
+  pleaseChoose: '請選擇',
+  labelKey: '標籤鍵',
+  labelValue: '標籤值',
+  searchTagKeyOrTagValue: '搜索標籤鍵或標籤值',
+  labelManagement: '標籤管理',
+  pleaseSelectOrEnterALabelKeyOrLabelValue: '請選擇或輸入標籤鍵或標籤值',
+  labelKeyTooltip: '鍵之間“與”運算，篩選出所選鍵的交集對象',
+  labelValueTooltip: '值之間“或”運算，篩選出所選值的並集對象'
 });
 
 /***/ }),
@@ -73062,16 +73452,15 @@ var getValueByValue = function getValueByValue(array, inputValue, keyMap) {
         return getValueByValue(array, v, keyMap);
       });
     } else {
-      array.forEach(function (obj, index) {
-        var _obj$childrenKey;
-
-        if ((obj == null ? void 0 : obj[inputKey]) === inputValue) {
-          outputValue = obj == null ? void 0 : obj[outputKey];
-        } // 如果遍历结束未找到匹配值，且匹配对象有children
-
-
-        if (index === array.length - 1 && outputValue === undefined && obj != null && (_obj$childrenKey = obj[childrenKey]) != null && _obj$childrenKey.length) {
-          outputValue = getValueByValue(obj == null ? void 0 : obj[childrenKey], inputValue, keyMap);
+      array.forEach(function (obj) {
+        if (outputValue === undefined) {
+          var _obj$childrenKey;
+
+          if ((obj == null ? void 0 : obj[inputKey]) === inputValue) {
+            outputValue = obj == null ? void 0 : obj[outputKey];
+          } else if (obj != null && (_obj$childrenKey = obj[childrenKey]) != null && _obj$childrenKey.length) {
+            outputValue = getValueByValue(obj == null ? void 0 : obj[childrenKey], inputValue, keyMap);
+          }
         }
       });
     }