@zat-design/sisyphus-react 3.13.14-deta.2 → 4.0.0-beta.3

package/es/ProTable/index.js

@@ -5,29 +5,27 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _isBoolean from "lodash/isBoolean";
-import _isFunction from "lodash/isFunction";
-import _isObject from "lodash/isObject";
-import _assign from "lodash/assign";
-import _keyBy from "lodash/keyBy";
-import _get from "lodash/get";
 var _excluded = ["tableId", "headerRender", "footerRender", "quickConfig", "stripe", "columns", "className", "draggable", "disabled", "isView", "rowDisabled", "summary", "emptyText", "diffConfig", "onDragStart", "onDragEnd", "tabs"],
   _excluded2 = ["resizeColumn", "columnConfig", "cacheTime", "storage"];
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState, createContext } from 'react';
+import { get, keyBy, assign, isObject, isFunction, isBoolean } from 'lodash';
 import { useDebounceEffect, useDeepCompareEffect, useSetState } from 'ahooks';
 import classnames from 'classnames';
-import { useProConfig } from '../index';
-import { RenderTableHeader, RenderFooter, RenderTabs } from './components';
-import useAntdTable, { CURRENT_PAGE, SELECTION_ALL, UNCHECK_ALL } from './hooks/useAntdTable';
-import { BaseTable, DraggableTable } from './components/RcTable';
-import { formatColumn } from './components/FormatColumn';
-import empty from '../assets/empty.png';
-import resetSvg from '../assets/reset.svg';
-import customColumnSvg from '../assets/customColumn.svg';
-import { getColumnDataIndex, getRowKey } from './utils';
-import locale from '../locale';
+import { useProConfig } from "../index";
+import { RenderTableHeader, RenderFooter, RenderTabs } from "./components";
+import useAntdTable from "./hooks/useAntdTable";
+import { BaseTable, DraggableTable } from "./components/RcTable";
+import { formatColumn } from "./components/FormatColumn";
+import empty from "../assets/empty.png";
+import resetSvg from "../assets/reset.svg";
+import customColumnSvg from "../assets/customColumn.svg";
+import { getColumnDataIndex, getRowKey } from "./utils";
+import locale from "../locale";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var defaultCacheTime = 1; // columns 配置保存时间为一天
+
 // 全局上下文
 export var TableContext = /*#__PURE__*/createContext({});
 export var defaultPage = {
@@ -38,6 +36,7 @@ var ProTable = function ProTable(props) {
   var _locale$ProTable, _props$scroll, _curTableConfig$pathK;
   var _ref = useProConfig('globalConfig') || {},
     configStorage = _ref.storage; // 获取全局缓存位置配置
+
   var _ref2 = useProConfig('ProTable') || {},
     configResizeColumn = _ref2.resizeColumn,
     configTColumnConfig = _ref2.columnConfig,
@@ -56,7 +55,7 @@ var ProTable = function ProTable(props) {
     rowDisabled = props.rowDisabled,
     summary = props.summary,
     _props$emptyText = props.emptyText,
-    emptyText = _props$emptyText === void 0 ? locale === null || locale === void 0 ? void 0 : (_locale$ProTable = locale.ProTable) === null || _locale$ProTable === void 0 ? void 0 : _locale$ProTable.noData : _props$emptyText,
+    emptyText = _props$emptyText === void 0 ? locale === null || locale === void 0 || (_locale$ProTable = locale.ProTable) === null || _locale$ProTable === void 0 ? void 0 : _locale$ProTable.noData : _props$emptyText,
     diffConfig = props.diffConfig,
     onDragStartGuard = props.onDragStart,
     onDragEndGuard = props.onDragEnd,
@@ -82,7 +81,7 @@ var ProTable = function ProTable(props) {
   var quickTableConfig = quickConfig ? _objectSpread({
     columnConfig: true,
     cacheTime: true
-  }, restProps) : (restProps === null || restProps === void 0 ? void 0 : restProps.columnConfig) ? _objectSpread({
+  }, restProps) : restProps !== null && restProps !== void 0 && restProps.columnConfig ? _objectSpread({
     cacheTime: true
   }, restProps) : restProps;
   var _quickTableConfig$res = quickTableConfig.resizeColumn,
@@ -119,7 +118,7 @@ var ProTable = function ProTable(props) {
       rowKey: getRowKey(rowKey, item)
     });
   });
-  var originalObj = _originalDataSource ? _keyBy(_originalDataSource, 'rowKey') : undefined;
+  var originalObj = _originalDataSource ? keyBy(_originalDataSource, 'rowKey') : undefined;
   var propsColumnObj = useMemo(function () {
     return propsColumns.reduce(function (acc, cur) {
       // @ts-ignore
@@ -143,8 +142,8 @@ var ProTable = function ProTable(props) {
     var duration = (typeof cacheTime === 'number' ? cacheTime : defaultCacheTime) * 86400000;
     // 开启缓存配置功能且缓存存在时，从缓存中获取缓存配置
     if (cacheTime && startTime && new Date().getTime() - startTime < duration) {
-      var _curTableConfig$pathK2, _curTableConfig$pathK3, _localColumns;
-      localColumns = (_curTableConfig$pathK2 = curTableConfig[pathKey]) === null || _curTableConfig$pathK2 === void 0 ? void 0 : (_curTableConfig$pathK3 = _curTableConfig$pathK2.columns) === null || _curTableConfig$pathK3 === void 0 ? void 0 : _curTableConfig$pathK3.map(function (item) {
+      var _curTableConfig$pathK2, _localColumns;
+      localColumns = (_curTableConfig$pathK2 = curTableConfig[pathKey]) === null || _curTableConfig$pathK2 === void 0 || (_curTableConfig$pathK2 = _curTableConfig$pathK2.columns) === null || _curTableConfig$pathK2 === void 0 ? void 0 : _curTableConfig$pathK2.map(function (item) {
         var _propsColumnObj$getCo;
         return _objectSpread(_objectSpread({}, propsColumnObj[getColumnDataIndex(item.dataIndex)]), {}, {
           dataIndex: item.dataIndex,
@@ -163,12 +162,13 @@ var ProTable = function ProTable(props) {
       Storage.setItem('tableConfig', JSON.stringify(_objectSpread(_objectSpread({}, curTableConfig), {}, _defineProperty({}, pathKey, undefined))));
     }
   }, [cacheTime, curTableConfig, storage]);
+
   // 重置列宽，恢复至props的columns列宽
   var resetColumnWidth = function resetColumnWidth() {
     var nextColumns = _toConsumableArray(curColumns);
-    nextColumns === null || nextColumns === void 0 ? void 0 : nextColumns.forEach(function (item) {
+    nextColumns === null || nextColumns === void 0 || nextColumns.forEach(function (item) {
       var _propsColumnObj$item$;
-      if ((_propsColumnObj$item$ = propsColumnObj[item.dataIndex]) === null || _propsColumnObj$item$ === void 0 ? void 0 : _propsColumnObj$item$.width) {
+      if ((_propsColumnObj$item$ = propsColumnObj[item.dataIndex]) !== null && _propsColumnObj$item$ !== void 0 && _propsColumnObj$item$.width) {
         var _propsColumnObj$item$2;
         item.width = (_propsColumnObj$item$2 = propsColumnObj[item.dataIndex]) === null || _propsColumnObj$item$2 === void 0 ? void 0 : _propsColumnObj$item$2.width;
       } else {
@@ -177,6 +177,7 @@ var ProTable = function ProTable(props) {
     });
     setCurColumns(nextColumns);
   };
+
   // 列宽resize函数
   var handleResize = function handleResize(index) {
     return function (e, _ref5) {
@@ -189,12 +190,12 @@ var ProTable = function ProTable(props) {
     };
   };
   var _rowClassName = function _rowClassName(record, index) {
-    if (originalDataSource && !originalObj.hasOwnProperty(_get(record, 'rowKey'))) {
+    if (originalDataSource && !originalObj.hasOwnProperty(get(record, 'rowKey'))) {
       return 'new-cell';
     }
   };
-  var _formatColumns = function formatColumns(nextColumns) {
-    nextColumns === null || nextColumns === void 0 ? void 0 : nextColumns.forEach(function (item, index) {
+  var formatColumns = function formatColumns(nextColumns) {
+    nextColumns === null || nextColumns === void 0 || nextColumns.forEach(function (item, index) {
       formatColumn({
         column: item,
         originalObj: originalObj,
@@ -208,7 +209,7 @@ var ProTable = function ProTable(props) {
         isInNewRow: _rowClassName
       });
       if (item.children && Array.isArray(item.children)) {
-        _formatColumns(item.children);
+        formatColumns(item.children);
       }
     });
     return nextColumns;
@@ -216,7 +217,7 @@ var ProTable = function ProTable(props) {
   var columns = useMemo(function () {
     var newColumns = curColumns.map(function (item, index) {
       var _propsColumnObj$getCo2;
-      if ((_propsColumnObj$getCo2 = propsColumnObj[getColumnDataIndex(item.dataIndex)]) === null || _propsColumnObj$getCo2 === void 0 ? void 0 : _propsColumnObj$getCo2.render) {
+      if ((_propsColumnObj$getCo2 = propsColumnObj[getColumnDataIndex(item.dataIndex)]) !== null && _propsColumnObj$getCo2 !== void 0 && _propsColumnObj$getCo2.render) {
         item.render = propsColumnObj[getColumnDataIndex(item.dataIndex)].render;
       }
       return _objectSpread(_objectSpread({
@@ -232,33 +233,33 @@ var ProTable = function ProTable(props) {
         }
       });
     }).filter(function (item) {
-      return !(item === null || item === void 0 ? void 0 : item.delete);
+      return !(item !== null && item !== void 0 && item.delete);
     });
-    var nextColumns = _formatColumns(newColumns);
+    var nextColumns = formatColumns(newColumns);
     return nextColumns;
   }, [curColumns, handleResize, _scroll, originalDataSource, originalObj, _rowClassName]);
   var _columns = useMemo(function () {
     return columns === null || columns === void 0 ? void 0 : columns.filter(function (item, index) {
       var show = item.show;
-      if (_isBoolean(show)) {
+      if (isBoolean(show)) {
         return show;
       }
-      if (_isFunction(show)) {
+      if (isFunction(show)) {
         return show();
       }
       return true;
     });
   }, [columns]);
-  var isExistPercentWidth = !!(_columns === null || _columns === void 0 ? void 0 : _columns.find(function (item) {
+  var isExistPercentWidth = !!(_columns !== null && _columns !== void 0 && _columns.find(function (item) {
     var _item$width;
-    return (item === null || item === void 0 ? void 0 : item.width) && typeof (item === null || item === void 0 ? void 0 : item.width) === 'string' && (item === null || item === void 0 ? void 0 : (_item$width = item.width) === null || _item$width === void 0 ? void 0 : _item$width.endsWith('%'));
+    return (item === null || item === void 0 ? void 0 : item.width) && typeof (item === null || item === void 0 ? void 0 : item.width) === 'string' && (item === null || item === void 0 || (_item$width = item.width) === null || _item$width === void 0 ? void 0 : _item$width.endsWith('%'));
   }));
   if (isExistPercentWidth) {
     _scroll = props === null || props === void 0 ? void 0 : props.scroll;
   }
   var handleColumnConfig = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(checkList) {
-      var newColumns, _columnConfig$onColum, catchColumns;
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(checkList) {
+      var newColumns, _onColumnOk, _ref7, catchColumns;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -270,7 +271,7 @@ var ProTable = function ProTable(props) {
                 return _objectSpread({}, propsColumnObj === null || propsColumnObj === void 0 ? void 0 : propsColumnObj[item]);
               });
             }
-            if (!_isObject(columnConfig)) {
+            if (!isObject(columnConfig)) {
               _context.next = 6;
               break;
             }
@@ -283,7 +284,7 @@ var ProTable = function ProTable(props) {
               })
             });
             _context.next = 6;
-            return columnConfig === null || columnConfig === void 0 ? void 0 : (_columnConfig$onColum = columnConfig.onColumnOk) === null || _columnConfig$onColum === void 0 ? void 0 : _columnConfig$onColum.call(columnConfig, catchColumns, newColumns);
+            return columnConfig === null || columnConfig === void 0 || (_onColumnOk = (_ref7 = columnConfig).onColumnOk) === null || _onColumnOk === void 0 ? void 0 : _onColumnOk.call(_ref7, catchColumns, newColumns);
           case 6:
             setCurColumns(newColumns);
           case 7:
@@ -330,8 +331,9 @@ var ProTable = function ProTable(props) {
   var cls = classnames(_defineProperty({
     'pro-table': true,
     'pro-table-no-stripe': !stripe,
-    'pro-table-draggable-only': draggable && !(tableProps === null || tableProps === void 0 ? void 0 : tableProps.rowSelection)
+    'pro-table-draggable-only': draggable && !(tableProps !== null && tableProps !== void 0 && tableProps.rowSelection)
   }, className, className));
+
   // 复选框
   var _rowSelection = tableProps.rowSelection ? _objectSpread({
     fixed: draggable,
@@ -346,6 +348,7 @@ var ProTable = function ProTable(props) {
     },
     hideSelectAll: disabled || isView
   }, tableProps.rowSelection) : undefined;
+
   /**
    * 渲染表格选择器
    * @returns rowSelection
@@ -359,14 +362,14 @@ var ProTable = function ProTable(props) {
         fixed: true,
         hideSelectAll: true,
         renderCell: function renderCell() {
-          return _jsx(_Fragment, {});
+          return /*#__PURE__*/_jsx(_Fragment, {});
         }
       };
     }
     return _rowSelection;
   };
   var onDataSourceChange = /*#__PURE__*/function () {
-    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(nextDataSource) {
+    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(nextDataSource) {
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -374,7 +377,7 @@ var ProTable = function ProTable(props) {
               dataSource: nextDataSource
             });
             // 覆盖引用值
-            _assign(dataSource, nextDataSource);
+            assign(dataSource, nextDataSource);
           case 2:
           case "end":
             return _context2.stop();
@@ -382,26 +385,27 @@ var ProTable = function ProTable(props) {
       }, _callee2);
     }));
     return function onDataSourceChange(_x2) {
-      return _ref7.apply(this, arguments);
+      return _ref8.apply(this, arguments);
     };
   }();
   var TableComponent = draggable ? DraggableTable : BaseTable;
+
   // 标记样式
   var tagStyle = {
     '--zaui-contract-bg': changeTipColor,
     '--zaui-contract-bg-add': addTipColor
   };
-  return _jsx(TableContext.Provider, {
+  return /*#__PURE__*/_jsx(TableContext.Provider, {
     value: {
       pathKey: pathKey,
       tableConfig: tableConfig,
       Storage: Storage
     },
-    children: _jsxs("div", {
+    children: /*#__PURE__*/_jsxs("div", {
       className: cls,
-      children: [tabs && _jsx(RenderTabs, _objectSpread(_objectSpread({}, tabs), {}, {
+      children: [tabs && /*#__PURE__*/_jsx(RenderTabs, _objectSpread(_objectSpread({}, tabs), {}, {
         formTableProps: restProps === null || restProps === void 0 ? void 0 : restProps.formTableProps
-      })), _jsx(RenderTableHeader, {
+      })), /*#__PURE__*/_jsx(RenderTableHeader, {
         dataSource: {
           headerRender: headerRender,
           columnConfig: columnConfig,
@@ -414,10 +418,10 @@ var ProTable = function ProTable(props) {
           handleColumnConfig: handleColumnConfig,
           customColumnSvg: customColumnSvg
         }
-      }), _jsxs("div", {
+      }), /*#__PURE__*/_jsxs("div", {
         className: "pro-table-container",
         style: tagStyle,
-        children: [_jsx(TableComponent, _objectSpread(_objectSpread({}, restProps), {}, {
+        children: [/*#__PURE__*/_jsx(TableComponent, _objectSpread(_objectSpread({}, restProps), {}, {
           draggableProps: {
             onChange: onDataSourceChange,
             draggable: draggable,
@@ -445,13 +449,13 @@ var ProTable = function ProTable(props) {
           },
           dataSource: _dataSource,
           scroll: _scroll
-        })), _jsx("span", {
+        })), /*#__PURE__*/_jsx("span", {
           className: "pro-table-resizable-line",
           style: {
             display: 'none'
           }
         })]
-      }), _jsx(RenderFooter, {
+      }), /*#__PURE__*/_jsx(RenderFooter, {
         dataSource: {
           footerRender: footerRender,
           pagination: pagination,
@@ -463,13 +467,11 @@ var ProTable = function ProTable(props) {
 };
 ProTable.defaultProps = {
   quickConfig: false,
+  // 默认关闭快速配置
   stripe: true,
   draggable: false,
   disabled: false,
   isView: false
 };
 ProTable.useAntdTable = useAntdTable;
-ProTable.SELECTION_ALL = SELECTION_ALL;
-ProTable.CURRENT_PAGE = CURRENT_PAGE;
-ProTable.UNCHECK_ALL = UNCHECK_ALL;
 export default ProTable;

package/es/ProTable/propsType.d.ts

@@ -1,9 +1,7 @@
 import { Key, ReactNode } from 'react';
-import { TableProps } from 'antd/es/table/Table';
+import type { TableProps, FormInstance, TooltipProps } from 'antd';
 import { NamePath } from 'antd/es/form/interface';
 import { ColumnType, GetRowKey, RowSelectionType } from 'antd/es/table/interface';
-import { FormInstance } from 'antd';
-import type { TooltipProps } from 'antd';
 import type { TabsProps } from 'antd/es/tabs';
 /**
  * 合计栏的每列配置参数
@@ -609,7 +607,7 @@ export interface ProTableRequestOptionsType<T, R> {
      * @description 启用选择当前页、选择全部、取消选择下拉菜单
      * @default false
      */
-    rowSelections?: boolean | object[];
+    rowSelections?: boolean;
     /**
      * 额外参数
      * @description 无法通过搜索表单设置的值,此值变更时也会重新发起请求,重置表单不会被清空

package/es/ProTable/style/index.less

@@ -1,5 +1,5 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-table {
   .pro-tooltip .singleLine {
@@ -97,10 +97,10 @@
     }
   }
   .drag-wrapper {
-    display: flex;
-    width: 20px;
+    display: inline-flex;
+    width: auto;
+    margin-right: 8px;
     .anticon {
-      margin-right: 12px;
       cursor: pointer;
       .drag-icon {
         margin-right: 0;

package/es/ProTable/utils/index.js

@@ -1,9 +1,9 @@
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _isEqual from "lodash/isEqual";
-import _get from "lodash/get";
+import { get, isEqual } from 'lodash';
 import { validate } from '@zat-design/utils';
 var isEmpty = validate.isEmpty;
+
 /**
  * 获取小数点后的位数
  * @param num 数字
@@ -14,6 +14,7 @@ export var getDecimalDigits = function getDecimalDigits() {
   var match = Number(num).toString().match(/\.(\d+)/);
   return match ? match[1].length : 0;
 };
+
 /**
  * @description: 获取初始值
  * @param {any} rowKey
@@ -31,8 +32,8 @@ export var getOriginalValue = function getOriginalValue(value, record, originalO
       isAddCell: null
     };
   }
-  var originRecord = _get(originalObj, _get(record, rowKey));
-  var originalValue = _get(originRecord, dataIndex);
+  var originRecord = get(originalObj, get(record, rowKey));
+  var originalValue = get(originRecord, dataIndex);
   if (isEmpty(originalValue) && !isEmpty(value)) {
     return {
       originalValue: originalValue,
@@ -40,7 +41,7 @@ export var getOriginalValue = function getOriginalValue(value, record, originalO
       isChanged: false
     };
   }
-  if (!_isEqual(originalValue, value)) {
+  if (!isEqual(originalValue, value)) {
     return {
       originalValue: originalValue,
       isChanged: true,
@@ -56,6 +57,7 @@ export var getOriginalValue = function getOriginalValue(value, record, originalO
 export var getColumnDataIndex = function getColumnDataIndex(dataIndex) {
   return typeof dataIndex === 'string' ? dataIndex : dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.join('-');
 };
+
 /**
  * 判断数据是否为Response<List<any>>结构
  * @param data { [key: string]: any } 需要判断数据
@@ -73,9 +75,11 @@ export var getRowKey = function getRowKey(rowKey, record) {
   }
   return key;
 };
+
 /** 移除对象中的 null , undefined, '' 的key */
 export var removeEmptyKeys = function removeEmptyKeys(obj) {
   if (!obj) return {};
+
   // 一次遍历完成所有处理
   return Object.fromEntries(Object.entries(obj).filter(function (_ref2) {
     var _ref3 = _slicedToArray(_ref2, 2),
@@ -85,6 +89,7 @@ export var removeEmptyKeys = function removeEmptyKeys(obj) {
     if (value === null || value === undefined || value === '') {
       return false;
     }
+
     // 检查是否是全空对象
     if (value && _typeof(value) === 'object' && !Array.isArray(value)) {
       return !Object.values(value).every(function (item) {
@@ -94,10 +99,12 @@ export var removeEmptyKeys = function removeEmptyKeys(obj) {
     return true;
   }));
 };
+
 /** 判断是有值的对象 */
 export var isNonEmptyObject = function isNonEmptyObject(obj) {
   return obj !== null && _typeof(obj) === 'object' && !Array.isArray(obj) && Object.keys(obj).length > 0;
 };
+
 /** 解析宽度值 */
 export var parseWidth = function parseWidth(widthValue, trWidth) {
   // 如果是数字，直接返回

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

@@ -1,48 +1,44 @@
-import "antd/es/tag/style";
-import _Tag from "antd/es/tag";
-import "antd/es/spin/style";
-import _Spin from "antd/es/spin";
-import "antd/es/space/style";
-import _Space from "antd/es/space";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Space, Tag, Spin } from 'antd';
 import { LoadingOutlined } from '@ant-design/icons';
 import { tools } from '@zat-design/utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var Card = function Card(props) {
   var total = props.total,
     label = props.label,
     icon = props.icon,
     mode = props.mode,
     loading = props.loading;
-  var antIcon = _jsx(LoadingOutlined, {
+  var antIcon = /*#__PURE__*/_jsx(LoadingOutlined, {
     style: {
       fontSize: 24
     },
     spin: true
   });
-  return _jsx("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: "pro-tabs-card",
-    children: mode === 'card' ? _jsxs(_Space, {
+    children: mode === 'card' ? /*#__PURE__*/_jsxs(Space, {
       size: 8,
       align: "center",
-      children: [_jsxs("div", {
+      children: [/*#__PURE__*/_jsxs("div", {
         className: "pro-tabs-card-left",
-        children: [_jsx("div", {
+        children: [/*#__PURE__*/_jsx("div", {
           className: "pro-tabs-card-left-total",
-          children: loading ? _jsx(_Spin, {
+          children: loading ? /*#__PURE__*/_jsx(Spin, {
             indicator: antIcon
           }) : tools.formatAmount(total, 0) || 0
-        }), _jsx("div", {
+        }), /*#__PURE__*/_jsx("div", {
           className: "pro-tabs-card-left-label",
           children: label
         })]
-      }), _jsx("div", {
+      }), /*#__PURE__*/_jsx("div", {
         className: "pro-tabs-card-right",
         children: icon || '-'
       })]
-    }) : _jsxs(_Space, {
+    }) : /*#__PURE__*/_jsxs(Space, {
       size: 8,
       align: "center",
-      children: [label, _jsx(_Tag, {
+      children: [label, /*#__PURE__*/_jsx(Tag, {
         color: "#FF5050",
         children: total >= 100 ? '99+' : total || 0
       })]

package/es/ProTabs/components/index.js

@@ -1 +1 @@
-export { default as Card } from './Card';
+export { default as Card } from "./Card";

package/es/ProTabs/index.js

@@ -1,17 +1,16 @@
-import "antd/es/tabs/style";
-import _Tabs from "antd/es/tabs";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _omit from "lodash/omit";
 var _excluded = ["style", "className", "dataSource", "onChange", "transformResponse", "useRequest", "tabSearch", "mode"];
-import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable @typescript-eslint/consistent-type-assertions */
-import { useMemo, useState, forwardRef, useImperativeHandle } from 'react';
+import React, { useMemo, useState, forwardRef, useImperativeHandle } from 'react';
+import { Tabs } from 'antd';
 import { useDeepCompareEffect, useRequest as useRequestFunc } from 'ahooks';
 import classNames from 'classnames';
-import { Card } from './components';
+import { omit } from 'lodash';
+import { Card } from "./components";
+import { jsx as _jsx } from "react/jsx-runtime";
 var ProTabs = function ProTabs(props, ref) {
   var style = props.style,
     className = props.className,
@@ -63,8 +62,8 @@ var ProTabs = function ProTabs(props, ref) {
         title: itemProps.title || itemProps.label,
         loading: fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.loading
       };
-      return _objectSpread(_objectSpread({}, _omit(itemProps, ['total', 'label', 'icon'])), {}, {
-        label: _jsx(Card, _objectSpread({}, cardItemProps))
+      return _objectSpread(_objectSpread({}, omit(itemProps, ['total', 'label', 'icon'])), {}, {
+        label: /*#__PURE__*/_jsx(Card, _objectSpread({}, cardItemProps))
       });
     });
   }, [selectList, fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.loading]);
@@ -80,6 +79,7 @@ var ProTabs = function ProTabs(props, ref) {
     }
     onChange && onChange(key, fetchFunction);
   };
+
   // manual为false时，自动执行
   useDeepCompareEffect(function () {
     var _ref = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
@@ -96,10 +96,10 @@ var ProTabs = function ProTabs(props, ref) {
       useRequestRef: fetchFunction
     };
   });
-  return _jsx("div", {
+  return /*#__PURE__*/_jsx("div", {
     style: style,
     className: cls,
-    children: _jsx(_Tabs, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsx(Tabs, _objectSpread(_objectSpread({
       animated: false
     }, rest), {}, {
       items: _items,

package/es/ProTabs/style/index.less

@@ -1,5 +1,5 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-tabs {
   .@{ant-prefix}-tabs .@{ant-prefix}-tabs-nav-list .@{ant-prefix}-tabs-tab {