@zat-design/sisyphus-react 3.0.16-beta.2 → 3.1.4

package/lib/ProTable/utils.js

@@ -4,21 +4,18 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getParentElement = exports.getColumnDataIndex = exports.formatColumn = void 0;
-var _react = _interopRequireDefault(require("react"));
+exports.isListResult = exports.getParentElement = exports.getColumnDataIndex = exports.formatColumn = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
 var _moment8 = _interopRequireDefault(require("moment"));
-var _lodash = require("lodash");
-var _zatDesignProComponent = require("zat-design-pro-component");
-var _reactSvg = require("react-svg");
-var _icons = require("@ant-design/icons");
 var _antd = require("antd");
-var _copy = _interopRequireDefault(require("../assets/copy.svg"));
-var _getEnumLabel = _interopRequireDefault(require("../ProEnum/getEnumLabel"));
-var _tip = _interopRequireDefault(require("../assets/tip.svg"));
+var _lodash = require("lodash");
+var _utils = require("@zat-design/utils");
+var _getEnumLabel = _interopRequireDefault(require("../ProEnum/utils/getEnumLabel"));
+var _TooltipTitle = _interopRequireDefault(require("./components/TooltipTitle"));
+var _RenderColumn = _interopRequireDefault(require("./components/RenderColumn"));
 /* eslint-disable react-hooks/rules-of-hooks */
 
-var Paragraph = _antd.Typography.Paragraph,
-  Text = _antd.Typography.Text;
 /**
  * 获取小数点后的位数
  * @param num 数字
@@ -28,34 +25,57 @@ var getDecimalDigits = function getDecimalDigits(num) {
   var match = num.toString().match(/\.(\d+)/);
   return match ? match[1].length : 0;
 };
-var formatColumn = function formatColumn(column) {
+var formatColumn = exports.formatColumn = function formatColumn(column) {
   var title = column.title,
     valueType = column.valueType,
     _column$format = column.format,
     format = _column$format === void 0 ? 'YYYY-MM-DD HH:mm:ss' : _column$format,
     _column$precision = column.precision,
-    precision = _column$precision === void 0 ? 2 : _column$precision,
+    precision = _column$precision === void 0 ? 0 : _column$precision,
     ellipsis = column.ellipsis,
     code = column.code,
     copyable = column.copyable,
     width = column.width,
     tooltip = column.tooltip,
-    transform = column.transform;
+    transform = column.transform,
+    prefix = column.prefix,
+    suffix = column.suffix;
   if (column === null || column === void 0 ? void 0 : column.render) {
     return;
   }
   if (tooltip) {
-    var _ref = tooltip || {},
-      tooltipTitle = _ref.title,
-      icon = _ref.icon;
-    column.title = /*#__PURE__*/_react.default.createElement("span", {
-      className: "pro-table-tooltip"
-    }, title, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-      title: tooltipTitle !== null && tooltipTitle !== void 0 ? tooltipTitle : tooltip
-    }, /*#__PURE__*/_react.default.createElement(_reactSvg.ReactSVG, {
-      className: "icon-tip",
-      src: icon || _tip.default
-    })));
+    column.title = (0, _jsxRuntime.jsx)(_TooltipTitle.default, {
+      title: title,
+      tooltip: tooltip
+    });
+  }
+  // 前缀处理
+  var prefixNode = function prefixNode(value, record, index) {
+    if (!prefix) {
+      if (valueType === 'thousandthCNY') {
+        return 'CNY';
+      }
+      return '';
+    }
+    if ((0, _lodash.isString)(prefix) || /*#__PURE__*/(0, _react.isValidElement)(prefix)) {
+      return prefix;
+    }
+    if ((0, _lodash.isFunction)(prefix)) {
+      return prefix(value, record, index);
+    }
+  };
+  // 后缀处理
+  var suffixNode = function suffixNode(value, record, index) {
+    if ((0, _lodash.isString)(suffix) || /*#__PURE__*/(0, _react.isValidElement)(suffix)) {
+      return suffix;
+    }
+    if ((0, _lodash.isFunction)(suffix)) {
+      return suffix(value, record, index);
+    }
+  };
+  var valueTypePrecision = precision;
+  if (['percentage', 'permillage', 'thousandth', 'thousandthCNY'].includes(valueType)) {
+    valueTypePrecision = precision || 2;
   }
   switch (valueType) {
     case 'percentage':
@@ -64,13 +84,13 @@ var formatColumn = function formatColumn(column) {
         if (!value && value !== 0) {
           return '-';
         }
-        var renderValue = (0, _lodash.multiply)(Number(value), 100);
+        var renderValue = _utils.tools.calc(Number(value), '*', 100);
         // 获取真实数据的小数位数
         var decimalDigits = getDecimalDigits(value);
-        if (decimalDigits > precision) {
+        if (decimalDigits > valueTypePrecision) {
           return renderValue;
         }
-        return renderValue.toFixed(precision);
+        return renderValue.toFixed(valueTypePrecision);
       };
       break;
     case 'permillage':
@@ -79,158 +99,188 @@ var formatColumn = function formatColumn(column) {
         if (!value && value !== 0) {
           return '-';
         }
-        var renderValue = (0, _lodash.multiply)(Number(value), 1000);
+        var renderValue = _utils.tools.calc(Number(value), '*', 1000);
         // 获取真实数据的小数位数
         var decimalDigits = getDecimalDigits(value);
-        if (decimalDigits > precision) {
+        if (decimalDigits > valueTypePrecision) {
           return renderValue;
         }
-        return renderValue.toFixed(precision);
+        return renderValue.toFixed(valueTypePrecision);
       };
       break;
     case 'thousandth':
       // 千分位
-      column.render = function (value) {
+      column.render = function (value, record, index) {
         if (!value && value !== 0) {
           return '-';
         }
-        if (precision) {
-          return "".concat(Number(value).toFixed(precision)).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+        if (valueTypePrecision) {
+          return (0, _jsxRuntime.jsxs)(_antd.Space, {
+            size: 8,
+            children: [prefixNode(value, record, index), "".concat(Number(value).toFixed(valueTypePrecision)).replace(/\B(?=(\d{3})+(?!\d))/g, ','), suffixNode(value, record, index)]
+          });
         }
-        return "".concat(value).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+        return (0, _jsxRuntime.jsxs)(_antd.Space, {
+          size: 8,
+          children: [prefixNode(value, record, index), "".concat(value).replace(/\B(?=(\d{3})+(?!\d))/g, ','), suffixNode(value, record, index)]
+        });
       };
       break;
     case 'thousandthCNY':
       // 千分位
-      column.render = function (value) {
+      column.render = function (value, record, index) {
         if (!value && value !== 0) {
           return '-';
         }
-        if (precision) {
-          return "CNY ".concat(Number(value).toFixed(precision)).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+        if (valueTypePrecision) {
+          return (0, _jsxRuntime.jsxs)(_antd.Space, {
+            size: 8,
+            children: [prefixNode(value, record, index), "".concat(Number(value).toFixed(valueTypePrecision), "\n              ").replace(/\B(?=(\d{3})+(?!\d))/g, ','), suffixNode(value, record, index)]
+          });
         }
-        return "CNY ".concat(value).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+        return (0, _jsxRuntime.jsxs)(_antd.Space, {
+          size: 8,
+          children: [prefixNode(value, record, index), "".concat(prefixNode(value, record, index), " ").concat(value).replace(/\B(?=(\d{3})+(?!\d))/g, ','), suffixNode(value, record, index)]
+        });
       };
       break;
     case 'datePicker':
       // 日期
-      column.render = function (value) {
+      column.render = function (value, record, index) {
         var _moment;
-        return value ? (_moment = (0, _moment8.default)(value)) === null || _moment === void 0 ? void 0 : _moment.format(format) : '-';
+        if (!value) {
+          return '-';
+        }
+        return (0, _jsxRuntime.jsxs)(_antd.Space, {
+          size: 8,
+          children: [prefixNode(value, record, index), (_moment = (0, _moment8.default)(value)) === null || _moment === void 0 ? void 0 : _moment.format(format), suffixNode(value, record, index)]
+        });
       };
       break;
     case 'date':
       // 日期：YYYY-MM-DD
-      column.render = function (value) {
+      column.render = function (value, record, index) {
         var _moment2;
-        return value ? (_moment2 = (0, _moment8.default)(value)) === null || _moment2 === void 0 ? void 0 : _moment2.format('YYYY-MM-DD') : '-';
+        if (!value) {
+          return '-';
+        }
+        return (0, _jsxRuntime.jsxs)(_antd.Space, {
+          size: 8,
+          children: [prefixNode(value, record, index), (_moment2 = (0, _moment8.default)(value)) === null || _moment2 === void 0 ? void 0 : _moment2.format('YYYY-MM-DD'), suffixNode(value, record, index)]
+        });
       };
       break;
     case 'dateTime':
       // 日期：YYYY-MM-DD HH:mm:ss
-      column.render = function (value) {
+      column.render = function (value, record, index) {
         var _moment3;
-        return value ? (_moment3 = (0, _moment8.default)(value)) === null || _moment3 === void 0 ? void 0 : _moment3.format('YYYY-MM-DD HH:mm:ss') : '-';
+        if (!value) {
+          return '-';
+        }
+        return (0, _jsxRuntime.jsxs)(_antd.Space, {
+          size: 8,
+          children: [prefixNode(value, record, index), (_moment3 = (0, _moment8.default)(value)) === null || _moment3 === void 0 ? void 0 : _moment3.format('YYYY-MM-DD HH:mm:ss'), suffixNode(value, record, index)]
+        });
       };
       break;
     case 'dateStartTime':
       // 日期：YYYY-MM-DD 00:00:00
-      column.render = function (value) {
+      column.render = function (value, record, index) {
         var _moment4;
-        return value ? "".concat((_moment4 = (0, _moment8.default)(value)) === null || _moment4 === void 0 ? void 0 : _moment4.format('YYYY-MM-DD'), " 00:00:00") : '-';
+        if (!value) {
+          return '-';
+        }
+        return (0, _jsxRuntime.jsxs)(_antd.Space, {
+          size: 8,
+          children: [prefixNode(value, record, index), "".concat((_moment4 = (0, _moment8.default)(value)) === null || _moment4 === void 0 ? void 0 : _moment4.format('YYYY-MM-DD'), " 00:00:00"), suffixNode(value, record, index)]
+        });
       };
       break;
     case 'dateEndTime':
       // 日期：YYYY-MM-DD 23:59:59
-      column.render = function (value) {
+      column.render = function (value, record, index) {
         var _moment5;
-        return value ? "".concat((_moment5 = (0, _moment8.default)(value)) === null || _moment5 === void 0 ? void 0 : _moment5.format('YYYY-MM-DD'), " 23:59:59") : '-';
+        if (!value) {
+          return '-';
+        }
+        return (0, _jsxRuntime.jsxs)(_antd.Space, {
+          size: 8,
+          children: [prefixNode(value, record, index), "".concat((_moment5 = (0, _moment8.default)(value)) === null || _moment5 === void 0 ? void 0 : _moment5.format('YYYY-MM-DD'), " 23:59:59"), suffixNode(value, record, index)]
+        });
       };
       break;
     case 'dateStartEndTime':
       // 日期：YYYY-MM-DD 00:00:00~YYYY-MM-DD 23:59:59
-      column.render = function (value) {
+      column.render = function (value, record, index) {
         var _moment6, _moment7;
-        return Array.isArray(value) ? "".concat((_moment6 = (0, _moment8.default)(value === null || value === void 0 ? void 0 : value[0])) === null || _moment6 === void 0 ? void 0 : _moment6.format('YYYY-MM-DD'), " 00:00:00~").concat((_moment7 = (0, _moment8.default)(value === null || value === void 0 ? void 0 : value[1])) === null || _moment7 === void 0 ? void 0 : _moment7.format('YYYY-MM-DD'), " 23:59:59") : '-';
+        if (!Array.isArray(value)) {
+          return '-';
+        }
+        return (0, _jsxRuntime.jsxs)(_antd.Space, {
+          size: 8,
+          children: [prefixNode(value, record, index), "".concat((_moment6 = (0, _moment8.default)(value === null || value === void 0 ? void 0 : value[0])) === null || _moment6 === void 0 ? void 0 : _moment6.format('YYYY-MM-DD'), " 00:00:00~").concat((_moment7 = (0, _moment8.default)(value === null || value === void 0 ? void 0 : value[1])) === null || _moment7 === void 0 ? void 0 : _moment7.format('YYYY-MM-DD'), " 23:59:59"), suffixNode(value, record, index)]
+        });
       };
       break;
     case 'enumName':
       // 枚举-展示name
-      column.render = function (value) {
-        return (0, _getEnumLabel.default)(typeof code === 'function' ? code() : code, value);
+      column.render = function (value, record, index) {
+        return (0, _jsxRuntime.jsxs)(_antd.Space, {
+          size: 8,
+          children: [prefixNode(value, record, index), (0, _getEnumLabel.default)(typeof code === 'function' ? code() : code, value), suffixNode(value, record, index)]
+        });
       };
       break;
     case 'enumCodeName':
       // 枚举-展示code-name
-      column.render = function (value) {
-        return (0, _getEnumLabel.default)(typeof code === 'function' ? code() : code, value, true);
-      };
-      break;
-    case 'address':
-      column.render = function (value, record) {
-        var _newValue$filter;
-        var newValue = transform ? transform(value, record) : value;
-        if (!newValue || Array.isArray(newValue) && (newValue === null || newValue === void 0 ? void 0 : (_newValue$filter = newValue.filter(function (item) {
-          return !!item;
-        })) === null || _newValue$filter === void 0 ? void 0 : _newValue$filter.length) === 0) {
-          return '-';
-        }
-        return /*#__PURE__*/_react.default.createElement(_zatDesignProComponent.ProForm.ProAddressBar, {
-          isView: true,
-          enumCode: code,
-          value: newValue
+      column.render = function (value, record, index) {
+        return (0, _jsxRuntime.jsxs)(_antd.Space, {
+          size: 8,
+          children: [prefixNode(value, record, index), (0, _getEnumLabel.default)(typeof code === 'function' ? code() : code, value, true), suffixNode(value, record, index)]
         });
       };
       break;
     default:
       if (precision) {
-        column.render = function (value) {
-          return typeof value === 'number' ? value.toFixed(precision) : value;
+        column.render = function (value, record, index) {
+          return (0, _jsxRuntime.jsxs)(_antd.Space, {
+            size: 8,
+            children: [prefixNode(value, record, index), typeof value === 'number' ? value.toFixed(precision) : value, suffixNode(value, record, index)]
+          });
+        };
+      }
+      if (prefix || suffix) {
+        column.render = function (value, record, index) {
+          return value ? (0, _jsxRuntime.jsxs)(_antd.Space, {
+            size: 8,
+            children: [prefixNode(value, record, index), value, suffixNode(value, record, index)]
+          }) : '-';
         };
       }
       break;
   }
-  if (copyable) {
-    column.render = function (value) {
-      return /*#__PURE__*/_react.default.createElement("span", {
-        className: "copyable-table-cell"
-      }, /*#__PURE__*/_react.default.createElement(Paragraph, {
-        style: ellipsis ? {
-          width: width
-        } : undefined,
-        ellipsis: ellipsis ? {
-          tooltip: value
-        } : false,
-        copyable: {
-          text: value,
-          icon: [/*#__PURE__*/_react.default.createElement(_reactSvg.ReactSVG, {
-            key: "copy-icon",
-            className: "drag-icon",
-            src: _copy.default
-          }), /*#__PURE__*/_react.default.createElement(_icons.CheckOutlined, {
-            key: "copied-icon"
-          })],
-          tooltips: ['复制', '复制成功']
-        }
-      }, value));
-    };
-  } else if (ellipsis) {
+  if (ellipsis) {
     column.ellipsis = false;
-    column.render = function (value) {
-      return value ? /*#__PURE__*/_react.default.createElement(Text, {
-        style: {
-          width: width
-        },
-        ellipsis: {
-          tooltip: true,
-          onEllipsis: function onEllipsis() {}
-        }
-      }, value) : '-';
+  }
+  if (valueType === 'address' || copyable || ellipsis) {
+    column.render = function (value, record, index) {
+      return (0, _jsxRuntime.jsxs)(_antd.Space, {
+        size: 8,
+        children: [prefixNode(value, record, index), (0, _jsxRuntime.jsx)(_RenderColumn.default, {
+          valueType: valueType,
+          code: code,
+          copyable: copyable,
+          ellipsis: ellipsis,
+          width: width,
+          transform: transform,
+          value: value,
+          record: record
+        }), suffixNode(value, record, index)]
+      });
     };
   }
 };
-exports.formatColumn = formatColumn;
-var getColumnDataIndex = function getColumnDataIndex(dataIndex) {
+var getColumnDataIndex = exports.getColumnDataIndex = function getColumnDataIndex(dataIndex) {
   return typeof dataIndex === 'string' ? dataIndex : dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.join('-');
 };
 /**
@@ -240,10 +290,9 @@ var getColumnDataIndex = function getColumnDataIndex(dataIndex) {
  * @param name string class或者id的值
  * @returns ReactNode 父级element
  */
-exports.getColumnDataIndex = getColumnDataIndex;
-var getParentElement = function getParentElement(element, name) {
+var getParentElement = exports.getParentElement = function getParentElement(element, name) {
   var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'className';
-  var result = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  var result = (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
   if (!element || !name) {
     return result;
   }
@@ -258,4 +307,11 @@ var getParentElement = function getParentElement(element, name) {
   searchDom(element, name, type = 'className');
   return result;
 };
-exports.getParentElement = getParentElement;
+/**
+ * 判断数据是否为Response<List<any>>结构
+ * @param data { [key: string]: any } 需要判断数据
+ * @returns boolean 是否
+ */
+var isListResult = exports.isListResult = function isListResult(data) {
+  return data.hasOwnProperty('total') && data.hasOwnProperty('list');
+};

package/lib/ProTabs/components/Card/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { CardProps } from '../../propType';
-declare const Card: (props: CardProps) => React.JSX.Element;
+declare const Card: (props: CardProps) => JSX.Element;
 export default Card;

package/lib/ProTabs/components/Card/index.js

@@ -1,31 +1,53 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _antd = require("antd");
-var _utils = require("@zat-design-pro-component/utils");
+var _icons = require("@ant-design/icons");
+var _utils = require("@zat-design/utils");
 var Card = function Card(props) {
   var total = props.total,
     label = props.label,
-    icon = props.icon;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-tabs-card"
-  }, /*#__PURE__*/_react.default.createElement(_antd.Space, {
-    size: 8,
-    align: "center"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-tabs-card-left"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-tabs-card-left-total"
-  }, _utils.tools.formatAmount(total, 0) || 0), /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-tabs-card-left-label"
-  }, label)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "pro-tabs-card-right"
-  }, icon || '-')));
+    icon = props.icon,
+    mode = props.mode,
+    loading = props.loading;
+  var antIcon = (0, _jsxRuntime.jsx)(_icons.LoadingOutlined, {
+    style: {
+      fontSize: 24
+    },
+    spin: true
+  });
+  return (0, _jsxRuntime.jsx)("div", {
+    className: "pro-tabs-card",
+    children: mode === 'card' ? (0, _jsxRuntime.jsxs)(_antd.Space, {
+      size: 8,
+      align: "center",
+      children: [(0, _jsxRuntime.jsxs)("div", {
+        className: "pro-tabs-card-left",
+        children: [(0, _jsxRuntime.jsx)("div", {
+          className: "pro-tabs-card-left-total",
+          children: loading ? (0, _jsxRuntime.jsx)(_antd.Spin, {
+            indicator: antIcon
+          }) : _utils.tools.formatAmount(total, 0) || 0
+        }), (0, _jsxRuntime.jsx)("div", {
+          className: "pro-tabs-card-left-label",
+          children: label
+        })]
+      }), (0, _jsxRuntime.jsx)("div", {
+        className: "pro-tabs-card-right",
+        children: icon || '-'
+      })]
+    }) : (0, _jsxRuntime.jsxs)(_antd.Space, {
+      size: 8,
+      align: "center",
+      children: [label, (0, _jsxRuntime.jsx)(_antd.Tag, {
+        color: "#FF5050",
+        children: total >= 100 ? '99+' : total || 0
+      })]
+    })
+  });
 };
-var _default = Card;
-exports.default = _default;
+var _default = exports.default = Card;

package/lib/ProTabs/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { ProTabsProps } from './propType';
-declare const _default: React.ForwardRefExoticComponent<Pick<ProTabsProps, keyof ProTabsProps> & React.RefAttributes<unknown>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<ProTabsProps, "ref"> & React.RefAttributes<unknown>>;
 export default _default;

package/lib/ProTabs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,13 +9,14 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
 var _antd = require("antd");
 var _ahooks = require("ahooks");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _lodash = require("lodash");
 var _components = require("./components");
-var _excluded = ["style", "className", "dataSource", "onChange", "transformResponse", "useRequest", "tabSearch"];
+var _excluded = ["style", "className", "dataSource", "onChange", "transformResponse", "useRequest", "tabSearch", "mode"];
 /* eslint-disable @typescript-eslint/consistent-type-assertions */
 var ProTabs = function ProTabs(props, ref) {
   var style = props.style,
@@ -28,6 +28,8 @@ var ProTabs = function ProTabs(props, ref) {
     useRequest = props.useRequest,
     _props$tabSearch = props.tabSearch,
     tabSearch = _props$tabSearch === void 0 ? false : _props$tabSearch,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'card' : _props$mode,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   var _useState = (0, _react.useState)(dataSource || []),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -36,38 +38,45 @@ var ProTabs = function ProTabs(props, ref) {
   var fetchFunction = (0, _ahooks.useRequest)(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, (0, _objectSpread2.default)({
     manual: true,
     onSuccess: function onSuccess(data) {
+      var responseData;
       if (transformResponse && typeof transformResponse === 'function') {
         // 转换数据
-        var responseData = transformResponse(data);
-        if (!Array.isArray(responseData) || !responseData.every(function (item) {
-          return typeof item === 'number';
-        })) {
-          return console.error('transformResponse must return a number array, like [1, 2, 3]');
-        }
-        var result = selectList.map(function (item, index) {
-          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
-            total: responseData[index]
-          });
-        });
-        setSelectList(result);
+        responseData = transformResponse(data);
+      }
+      if (Array.isArray(data)) {
+        responseData = data;
+      }
+      if (!Array.isArray(responseData)) {
+        return console.error('transformResponse must return a number array, like [1, 2, 3]');
       }
+      var result = selectList.map(function (item, index) {
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+          total: responseData[index] || 0
+        });
+      });
+      setSelectList(result);
     },
-    debounceWait: 300
+    debounceWait: 300,
+    loadingDelay: 1000
   }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options));
   var _items = (0, _react.useMemo)(function () {
     return selectList.map(function (itemProps) {
       var cardItemProps = {
         total: itemProps.total,
         label: itemProps.label,
-        icon: itemProps.icon
+        icon: itemProps.icon,
+        mode: mode
       };
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(itemProps, ['total', 'label', 'icon'])), {}, {
-        label: /*#__PURE__*/_react.default.createElement(_components.Card, (0, _objectSpread2.default)({}, cardItemProps))
+        label: (0, _jsxRuntime.jsx)(_components.Card, (0, _objectSpread2.default)({
+          loading: fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.loading
+        }, cardItemProps))
       });
     });
-  }, [selectList]);
+  }, [selectList, fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.loading]);
   var cls = (0, _classnames.default)((0, _defineProperty2.default)({
-    'pro-tabs': true
+    'pro-tabs': mode === 'card',
+    'pro-tabs-tab': mode !== 'card'
   }, className, className));
   var handleChange = function handleChange(key) {
     var onChange = props.onChange;
@@ -92,15 +101,15 @@ var ProTabs = function ProTabs(props, ref) {
       useRequestRef: fetchFunction
     };
   });
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _jsxRuntime.jsx)("div", {
     style: style,
-    className: cls
-  }, /*#__PURE__*/_react.default.createElement(_antd.Tabs, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-    animated: false
-  }, rest), {}, {
-    items: _items,
-    onChange: handleChange
-  })));
+    className: cls,
+    children: (0, _jsxRuntime.jsx)(_antd.Tabs, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      animated: false
+    }, rest), {}, {
+      items: _items,
+      onChange: handleChange
+    }))
+  });
 };
-var _default = /*#__PURE__*/(0, _react.forwardRef)(ProTabs);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(ProTabs);

package/lib/ProTabs/propType.d.ts

@@ -5,6 +5,8 @@ export interface CardProps {
     total: number;
     label: string | React.ReactNode;
     icon: React.ReactNode;
+    mode?: TabModeEnum;
+    loading?: boolean;
     [key: string]: any;
 }
 export interface ProTabsItemsProps extends CardProps {
@@ -17,11 +19,14 @@ export interface ProTabsAction {
     /** 获取发生请求的 useRequest 的 ref */
     useRequestRef: Result<any, any>;
 }
+export type TabModeEnum = 'card' | 'line';
 export interface ProTabsProps extends Omit<TabsProps, 'items' | 'onChange'> {
     dataSource: ProTabsItemsProps[];
     /** 是否开启tab切换查询 */
     tabSearch?: boolean;
     onChange?: (activeKey: string, useRequest: Result<any, any>) => void;
+    /** card：卡片模式 tab tab模式 */
+    mode?: TabModeEnum;
     /** 远程请求接口 */
     useRequest?: {
         service: Service<any, any>;