@zat-design/sisyphus-react 4.0.0-beta.4 → 4.0.0-beta.5

package/lib/ProTable/propsType.d.ts

@@ -8,12 +8,18 @@ import type { TabsProps } from 'antd/es/tabs';
  * 合计栏的每列配置参数
  */
 interface ProTableSummaryColumnType {
+    /**
+     * 配置列的 key
+     * @description 对应表格列的 key
+     * @default undefined
+     */
+    key?: string | string[];
     /**
      * 配置列的 dataIndex
      * @description 对应表格列的 dataIndex
      * @default undefined
      */
-    key: string | string[];
+    dataIndex?: string | string[];
     /**
      * 配置列的下标
      * @description 列在表格中的索引位置
@@ -191,7 +197,7 @@ export interface ProTableColumnType extends Omit<ColumnType<any>, 'dataIndex'> {
      * @description 用于开启比对时，自定义 render 渲染初始值，触发条件必须写render
      * @default undefined
      */
-    viewRender?: ({ value, record, index, originValue, originRecord, }: any) => 'same' | 'changed' | 'add' | undefined;
+    viewRender?: ({ value, record, index, originValue, originRecord }: any) => 'same' | 'changed' | 'add' | undefined;
     /**
      * 是否已更改
      * @description 标记列值是否已变更
@@ -638,7 +644,7 @@ export interface ProTableRequestOptionsType<T, R> {
      * @description 在发送请求前转换参数
      * @default undefined
      */
-    transformParams?: (params: any, requestParams: any) => any;
+    transformParams?: (params: any) => any;
     /**
      * 转换响应数据
      * @description 处理服务器返回的数据

package/lib/ProTable/propsType.js

@@ -1,17 +1,5 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProTable/propsType.ts
-var propsType_exports = {};
-module.exports = __toCommonJS(propsType_exports);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/ProTable/utils/index.js

@@ -1,41 +1,35 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProTable/utils/index.ts
-var utils_exports = {};
-__export(utils_exports, {
-  getColumnDataIndex: () => getColumnDataIndex,
-  getDecimalDigits: () => getDecimalDigits,
-  getOriginalValue: () => getOriginalValue,
-  getRowKey: () => getRowKey,
-  isListResult: () => isListResult,
-  isNonEmptyObject: () => isNonEmptyObject,
-  parseWidth: () => parseWidth,
-  removeEmptyKeys: () => removeEmptyKeys
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(utils_exports);
-var import_lodash = require("lodash");
-var import_utils = require("@zat-design/utils");
-var { isEmpty } = import_utils.validate;
-var getDecimalDigits = (num = 0) => {
-  const match = Number(num).toString().match(/\.(\d+)/);
+exports.removeEmptyKeys = exports.parseWidth = exports.isNonEmptyObject = exports.isListResult = exports.getRowKey = exports.getOriginalValue = exports.getDecimalDigits = exports.getColumnDataIndex = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _lodash = require("lodash");
+var _utils = require("@zat-design/utils");
+var isEmpty = _utils.validate.isEmpty;
+
+/**
+ * 获取小数点后的位数
+ * @param num 数字
+ * @returns 位数
+ */
+var getDecimalDigits = exports.getDecimalDigits = function getDecimalDigits() {
+  var num = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  var match = Number(num).toString().match(/\.(\d+)/);
   return match ? match[1].length : 0;
 };
+
+/**
+ * @description: 获取初始值
+ * @param {any} rowKey
+ * @param any value
+ * @param any originalObj
+ * @param {any} dataIndex
+ * @return {any} isChanged 返回bool值，表示存在比对
+ * @return {any} isAddCell 返回bool值，表示存在比对
+ */
 var getOriginalValue = (value, record, originalObj, rowKey, dataIndex) => {
   if (!originalObj) {
     return {
@@ -44,8 +38,8 @@ var getOriginalValue = (value, record, originalObj, rowKey, dataIndex) => {
       isAddCell: null
     };
   }
-  const originRecord = (0, import_lodash.get)(originalObj, (0, import_lodash.get)(record, rowKey));
-  const originalValue = (0, import_lodash.get)(originRecord, dataIndex);
+  var originRecord = (0, _lodash.get)(originalObj, (0, _lodash.get)(record, rowKey));
+  var originalValue = (0, _lodash.get)(originRecord, dataIndex);
   if (isEmpty(originalValue) && !isEmpty(value)) {
     return {
       originalValue,
@@ -53,7 +47,7 @@ var getOriginalValue = (value, record, originalObj, rowKey, dataIndex) => {
       isChanged: false
     };
   }
-  if (!(0, import_lodash.isEqual)(originalValue, value)) {
+  if (!(0, _lodash.isEqual)(originalValue, value)) {
     return {
       originalValue,
       isChanged: true,
@@ -66,62 +60,79 @@ var getOriginalValue = (value, record, originalObj, rowKey, dataIndex) => {
     isAddCell: false
   };
 };
-var getColumnDataIndex = (dataIndex) => {
-  return typeof dataIndex === "string" ? dataIndex : dataIndex == null ? void 0 : dataIndex.join("-");
+exports.getOriginalValue = getOriginalValue;
+var getColumnDataIndex = dataIndex => {
+  return typeof dataIndex === 'string' ? dataIndex : dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.join('-');
 };
-var isListResult = (data) => {
-  return data.hasOwnProperty("total") && data.hasOwnProperty("list");
+
+/**
+ * 判断数据是否为Response<List<any>>结构
+ * @param data { [key: string]: any } 需要判断数据
+ * @returns boolean 是否
+ */
+exports.getColumnDataIndex = getColumnDataIndex;
+var isListResult = data => {
+  return data.hasOwnProperty('total') && data.hasOwnProperty('list');
 };
+exports.isListResult = isListResult;
 var getRowKey = (rowKey, record) => {
-  let key = record.rowKey || "id";
+  // 默认取id
+  var key = record.rowKey || 'id';
   if (rowKey) {
-    key = (typeof rowKey === "function" ? rowKey(record) : record[rowKey]) ?? key;
+    var _ref;
+    key = (_ref = typeof rowKey === 'function' ? rowKey(record) : record[rowKey]) !== null && _ref !== void 0 ? _ref : key;
   }
   return key;
 };
-var removeEmptyKeys = (obj) => {
-  if (!obj)
-    return {};
-  return Object.fromEntries(
-    Object.entries(obj).filter(([_, value]) => {
-      if (value === null || value === void 0 || value === "") {
-        return false;
-      }
-      if (value && typeof value === "object" && !Array.isArray(value)) {
-        return !Object.values(value).every(
-          (item) => item === null || item === void 0 || item === ""
-        );
-      }
-      return true;
-    })
-  );
+
+/** 移除对象中的 null , undefined, '' 的key */
+exports.getRowKey = getRowKey;
+var removeEmptyKeys = obj => {
+  if (!obj) return {};
+
+  // 一次遍历完成所有处理
+  return Object.fromEntries(Object.entries(obj).filter(_ref2 => {
+    var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+      _ = _ref3[0],
+      value = _ref3[1];
+    // 过滤空值
+    if (value === null || value === undefined || value === '') {
+      return false;
+    }
+
+    // 检查是否是全空对象
+    if (value && typeof value === 'object' && !Array.isArray(value)) {
+      return !Object.values(value).every(item => item === null || item === undefined || item === '');
+    }
+    return true;
+  }));
 };
-var isNonEmptyObject = (obj) => {
-  return obj !== null && typeof obj === "object" && !Array.isArray(obj) && Object.keys(obj).length > 0;
+
+/** 判断是有值的对象 */
+exports.removeEmptyKeys = removeEmptyKeys;
+var isNonEmptyObject = obj => {
+  return obj !== null && typeof obj === 'object' && !Array.isArray(obj) && Object.keys(obj).length > 0;
 };
+
+/** 解析宽度值 */
+exports.isNonEmptyObject = isNonEmptyObject;
 var parseWidth = (widthValue, trWidth) => {
-  if (typeof widthValue === "number")
-    return widthValue;
-  if (typeof widthValue === "string") {
-    if (widthValue.endsWith("%")) {
-      const percentage = parseFloat(widthValue) / 100;
+  // 如果是数字，直接返回
+  if (typeof widthValue === 'number') return widthValue;
+  // 如果是字符串，检查是否是百分比
+  if (typeof widthValue === 'string') {
+    if (widthValue.endsWith('%')) {
+      // 计算百分比
+      var percentage = parseFloat(widthValue) / 100;
       return Math.max(trWidth * percentage, 0);
     }
-    const numericValue = parseFloat(widthValue);
+    // 尝试解析为数字（处理如'300px'这样的情况）
+    var numericValue = parseFloat(widthValue);
     if (!Number.isNaN(numericValue)) {
       return numericValue;
     }
   }
+  // 所有其他情况，返回默认值
   return null;
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getColumnDataIndex,
-  getDecimalDigits,
-  getOriginalValue,
-  getRowKey,
-  isListResult,
-  isNonEmptyObject,
-  parseWidth,
-  removeEmptyKeys
-});
+exports.parseWidth = parseWidth;

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

@@ -1,33 +1,60 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProTabs/components/Card/index.tsx
-var Card_exports = {};
-__export(Card_exports, {
-  default: () => Card_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Card_exports);
-var import_antd = require("antd");
-var import_icons = require("@ant-design/icons");
-var import_utils = require("@zat-design/utils");
-var Card = (props) => {
-  const { total, label, icon, mode, loading } = props;
-  const antIcon = /* @__PURE__ */ React.createElement(import_icons.LoadingOutlined, { style: { fontSize: 24 }, spin: true });
-  return /* @__PURE__ */ React.createElement("div", { className: "pro-tabs-card" }, mode === "card" ? /* @__PURE__ */ React.createElement(import_antd.Space, { size: 8, align: "center" }, /* @__PURE__ */ React.createElement("div", { className: "pro-tabs-card-left" }, /* @__PURE__ */ React.createElement("div", { className: "pro-tabs-card-left-total" }, loading ? /* @__PURE__ */ React.createElement(import_antd.Spin, { indicator: antIcon }) : import_utils.tools.formatAmount(total, 0) || 0), /* @__PURE__ */ React.createElement("div", { className: "pro-tabs-card-left-label" }, label)), /* @__PURE__ */ React.createElement("div", { className: "pro-tabs-card-right" }, icon || "-")) : /* @__PURE__ */ React.createElement(import_antd.Space, { size: 8, align: "center" }, label, /* @__PURE__ */ React.createElement(import_antd.Tag, { color: "#FF5050" }, total >= 100 ? "99+" : total || 0)));
+exports.default = void 0;
+require("antd/es/tag/style");
+var _tag = _interopRequireDefault(require("antd/es/tag"));
+require("antd/es/space/style");
+var _space = _interopRequireDefault(require("antd/es/space"));
+require("antd/es/spin/style");
+var _spin = _interopRequireDefault(require("antd/es/spin"));
+var _icons = require("@ant-design/icons");
+var _utils = require("@zat-design/utils");
+var _jsxRuntime = require("react/jsx-runtime");
+var Card = props => {
+  var total = props.total,
+    label = props.label,
+    icon = props.icon,
+    mode = props.mode,
+    loading = props.loading,
+    size = props.size;
+  var antIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LoadingOutlined, {
+    style: {
+      fontSize: 24
+    },
+    spin: true
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "pro-tabs-card",
+    children: mode === 'card' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+      size: 8,
+      align: size === 'small' ? 'start' : 'center',
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "pro-tabs-card-left",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "pro-tabs-card-left-total",
+          children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
+            indicator: antIcon
+          }) : _utils.tools.formatAmount(total, 0) || 0
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "pro-tabs-card-left-label",
+          children: label
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "pro-tabs-card-right",
+        children: icon || '-'
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+      size: 8,
+      align: "center",
+      children: [label, /*#__PURE__*/(0, _jsxRuntime.jsx)(_tag.default, {
+        color: "#FF5050",
+        children: total >= 100 ? '99+' : total || 0
+      })]
+    })
+  });
 };
-var Card_default = Card;
+var _default = exports.default = Card;

package/lib/ProTabs/components/index.js

@@ -1,39 +1,13 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProTabs/components/index.ts
-var components_exports = {};
-__export(components_exports, {
-  Card: () => import_Card.default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(components_exports);
-var import_Card = __toESM(require("./Card"));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Card
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function get() {
+    return _Card.default;
+  }
 });
+var _Card = _interopRequireDefault(require("./Card"));

package/lib/ProTabs/index.js

@@ -1,123 +1,128 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProTabs/index.tsx
-var ProTabs_exports = {};
-__export(ProTabs_exports, {
-  default: () => ProTabs_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(ProTabs_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_ahooks = require("ahooks");
-var import_classnames = __toESM(require("classnames"));
-var import_lodash = require("lodash");
-var import_components = require("./components");
+exports.default = void 0;
+require("antd/es/tabs/style");
+var _tabs = _interopRequireDefault(require("antd/es/tabs"));
+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 _ahooks = require("ahooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _lodash = require("lodash");
+var _components = require("./components");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["style", "className", "dataSource", "onChange", "transformResponse", "useRequest", "tabSearch", "mode"];
+/* eslint-disable @typescript-eslint/consistent-type-assertions */
 var ProTabs = (props, ref) => {
-  const {
-    style,
-    className,
-    dataSource = [],
-    onChange,
-    transformResponse,
-    useRequest,
-    tabSearch = false,
-    mode = "card",
-    ...rest
-  } = props;
-  const [selectList, setSelectList] = (0, import_react.useState)(dataSource || []);
-  const fetchFunction = (0, import_ahooks.useRequest)(useRequest == null ? void 0 : useRequest.service, {
+  var style = props.style,
+    className = props.className,
+    _props$dataSource = props.dataSource,
+    dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
+    onChange = props.onChange,
+    transformResponse = props.transformResponse,
+    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),
+    selectList = _useState2[0],
+    setSelectList = _useState2[1];
+  var fetchFunction = (0, _ahooks.useRequest)(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, (0, _objectSpread2.default)({
     manual: true,
-    onSuccess: (data) => {
-      let responseData;
-      if (transformResponse && typeof transformResponse === "function") {
+    onSuccess: data => {
+      var responseData;
+      if (transformResponse && typeof transformResponse === 'function') {
+        // 转换数据
         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]");
+        return console.error('transformResponse must return a number array, like [1, 2, 3]');
       }
-      const result = selectList.map((item, index) => {
-        return {
-          ...item,
+      var result = selectList.map((item, index) => {
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
           total: responseData[index] || 0
-        };
+        });
       });
       setSelectList(result);
     },
     debounceWait: 300,
-    loadingDelay: 1e3,
-    ...useRequest == null ? void 0 : useRequest.options
-  });
-  const _items = (0, import_react.useMemo)(() => {
-    return selectList.map((itemProps) => {
-      const cardItemProps = {
+    loadingDelay: 1000
+  }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options));
+  var _items = (0, _react.useMemo)(() => {
+    return selectList.map(itemProps => {
+      var cardItemProps = {
         total: itemProps.total,
         label: itemProps.label,
         icon: itemProps.icon,
         mode,
         title: itemProps.title || itemProps.label,
-        loading: fetchFunction == null ? void 0 : fetchFunction.loading
-      };
-      return {
-        ...(0, import_lodash.omit)(itemProps, ["total", "label", "icon"]),
-        label: /* @__PURE__ */ import_react.default.createElement(import_components.Card, { ...cardItemProps })
+        loading: fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.loading,
+        size: rest === null || rest === void 0 ? void 0 : rest.size
       };
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(itemProps, ['total', 'label', 'icon'])), {}, {
+        label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Card, (0, _objectSpread2.default)({}, cardItemProps))
+      });
     });
-  }, [selectList, fetchFunction == null ? void 0 : fetchFunction.loading]);
-  const cls = (0, import_classnames.default)({
-    "pro-tabs": mode === "card",
-    "pro-tabs-tab": mode !== "card",
+  }, [selectList, fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.loading]);
+  var cls = (0, _classnames.default)({
+    'pro-tabs': mode === 'card',
+    'pro-tabs-mode-card': mode === 'card',
+    'pro-tabs-tab': mode !== 'card',
+    'pro-tabs-size-small': (rest === null || rest === void 0 ? void 0 : rest.size) === 'small',
     [className]: className
   });
-  const handleChange = (key) => {
-    const { onChange: onChange2 } = props;
+  var handleChange = key => {
+    var onChange = props.onChange;
+    // 开启tab切换查询
     if (tabSearch) {
       fetchFunction.refresh();
     }
-    onChange2 && onChange2(key, fetchFunction);
+    onChange && onChange(key, fetchFunction);
   };
-  (0, import_ahooks.useDeepCompareEffect)(() => {
-    const { defaultParams, manual } = (useRequest == null ? void 0 : useRequest.options) || {};
-    const params = Array.isArray(defaultParams) ? defaultParams == null ? void 0 : defaultParams[0] : defaultParams || {};
+
+  // manual为false时，自动执行
+  (0, _ahooks.useDeepCompareEffect)(() => {
+    var _ref = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
+      defaultParams = _ref.defaultParams,
+      manual = _ref.manual;
+    var params = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
     if (manual || !useRequest) {
       return;
     }
     fetchFunction.run(params);
-  }, [useRequest == null ? void 0 : useRequest.options]);
-  (0, import_react.useImperativeHandle)(
-    ref,
-    () => ({
-      useRequestRef: fetchFunction
-    })
-  );
-  return /* @__PURE__ */ import_react.default.createElement("div", { style, className: cls }, /* @__PURE__ */ import_react.default.createElement(import_antd.Tabs, { animated: false, ...rest, items: _items, onChange: handleChange }));
+  }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options]);
+
+  // dataSource变化时，更新selectList
+  (0, _ahooks.useDeepCompareEffect)(() => {
+    if (!(dataSource !== null && dataSource !== void 0 && dataSource.length)) {
+      return;
+    }
+    setSelectList(dataSource);
+  }, [dataSource]);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    useRequestRef: fetchFunction
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: style,
+    className: cls,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      animated: false
+    }, rest), {}, {
+      items: _items,
+      onChange: handleChange
+    }))
+  });
 };
-var ProTabs_default = (0, import_react.forwardRef)(ProTabs);
+var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(ProTabs);

package/lib/ProTabs/propType.d.ts

@@ -85,6 +85,11 @@ export interface ProTabsType extends Omit<TabsProps, 'items' | 'onChange'> {
         service: Service<any, any>;
         options?: Options<any, any>;
     };
+    /**
+     * @description       卡片大小
+     * @default           default
+     */
+    size?: 'small' | 'middle' | 'large';
     [key: string]: any;
 }
 export type ProTabsProps = ProTabsType;