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

package/es/ProTable/index.js

@@ -1,7 +1,5 @@
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-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";
@@ -32,7 +30,7 @@ export var defaultPage = {
   pageNum: 1,
   pageSize: 10
 };
-var ProTable = function ProTable(props) {
+var ProTable = props => {
   var _locale$ProTable, _props$scroll, _curTableConfig$pathK;
   var _ref = useProConfig('globalConfig') || {},
     configStorage = _ref.storage; // 获取全局缓存位置配置
@@ -72,11 +70,7 @@ var ProTable = function ProTable(props) {
     x: 'max-content'
   };
   var wrapToolTipProps = {
-    getPopupContainer: scrollFollowParent ? function (triggerNode) {
-      return triggerNode.parentNode;
-    } : function () {
-      return document.body;
-    }
+    getPopupContainer: scrollFollowParent ? triggerNode => triggerNode.parentNode : () => document.body
   };
   var _ref3 = diffConfig || {},
     originalDataSource = _ref3.originalDataSource,
@@ -102,7 +96,7 @@ var ProTable = function ProTable(props) {
     pagination = _ref4.pagination,
     dataSource = _ref4.dataSource,
     rowKey = _ref4.rowKey;
-  var initDataSource = dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item) {
+  var initDataSource = dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(item => {
     return _objectSpread(_objectSpread({}, item), {}, {
       rowKey: getRowKey(rowKey, item)
     });
@@ -113,27 +107,25 @@ var ProTable = function ProTable(props) {
     _useSetState2 = _slicedToArray(_useSetState, 2),
     _dataSource = _useSetState2[0].dataSource,
     setState = _useSetState2[1];
-  useDeepCompareEffect(function () {
+  useDeepCompareEffect(() => {
     setState({
       dataSource: initDataSource
     });
   }, [initDataSource]);
-  var _originalDataSource = originalDataSource === null || originalDataSource === void 0 ? void 0 : originalDataSource.map(function (item) {
+  var _originalDataSource = originalDataSource === null || originalDataSource === void 0 ? void 0 : originalDataSource.map(item => {
     return _objectSpread(_objectSpread({}, item), {}, {
       rowKey: getRowKey(rowKey, item)
     });
   });
   var originalObj = _originalDataSource ? keyBy(_originalDataSource, 'rowKey') : undefined;
-  var propsColumnObj = useMemo(function () {
-    return propsColumns.reduce(function (acc, cur) {
-      // @ts-ignore
-      acc[getColumnDataIndex(cur.dataIndex)] = _objectSpread({}, cur);
-      return acc;
-    }, {});
-  }, [propsColumns]);
+  var propsColumnObj = useMemo(() => propsColumns.reduce((acc, cur) => {
+    // @ts-ignore
+    acc[getColumnDataIndex(cur.dataIndex)] = _objectSpread({}, cur);
+    return acc;
+  }, {}), [propsColumns]);
   var pathname = window.location.pathname;
   // 以pathname + tableId作为缓存配置key
-  var pathKey = "".concat(pathname, "/").concat(tableId || '');
+  var pathKey = `${pathname}/${tableId || ''}`;
   var Storage = storage === 'sessionStorage' ? sessionStorage : localStorage;
   var tableConfig = Storage.getItem('tableConfig');
   var curTableConfig = tableConfig ? JSON.parse(tableConfig) : {};
@@ -142,13 +134,13 @@ var ProTable = function ProTable(props) {
     _useState2 = _slicedToArray(_useState, 2),
     curColumns = _useState2[0],
     setCurColumns = _useState2[1];
-  useDeepCompareEffect(function () {
+  useDeepCompareEffect(() => {
     var localColumns;
     var duration = (typeof cacheTime === 'number' ? cacheTime : defaultCacheTime) * 86400000;
     // 开启缓存配置功能且缓存存在时，从缓存中获取缓存配置
     if (cacheTime && startTime && new Date().getTime() - startTime < duration) {
       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) {
+      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(item => {
         var _propsColumnObj$getCo;
         return _objectSpread(_objectSpread({}, propsColumnObj[getColumnDataIndex(item.dataIndex)]), {}, {
           dataIndex: item.dataIndex,
@@ -161,17 +153,19 @@ var ProTable = function ProTable(props) {
       setCurColumns(propsColumns);
     }
   }, [pathKey, cacheTime, propsColumns]);
-  useEffect(function () {
+  useEffect(() => {
     if (!cacheTime && JSON.stringify(curTableConfig) !== '{}') {
       // 关闭缓存时，清理对应table缓存
-      Storage.setItem('tableConfig', JSON.stringify(_objectSpread(_objectSpread({}, curTableConfig), {}, _defineProperty({}, pathKey, undefined))));
+      Storage.setItem('tableConfig', JSON.stringify(_objectSpread(_objectSpread({}, curTableConfig), {}, {
+        [pathKey]: undefined
+      })));
     }
   }, [cacheTime, curTableConfig, storage]);
 
   // 重置列宽，恢复至props的columns列宽
-  var resetColumnWidth = function resetColumnWidth() {
-    var nextColumns = _toConsumableArray(curColumns);
-    nextColumns === null || nextColumns === void 0 || nextColumns.forEach(function (item) {
+  var resetColumnWidth = () => {
+    var nextColumns = [...curColumns];
+    nextColumns === null || nextColumns === void 0 || nextColumns.forEach(item => {
       var _propsColumnObj$item$;
       if ((_propsColumnObj$item$ = propsColumnObj[item.dataIndex]) !== null && _propsColumnObj$item$ !== void 0 && _propsColumnObj$item$.width) {
         var _propsColumnObj$item$2;
@@ -184,31 +178,29 @@ var ProTable = function ProTable(props) {
   };
 
   // 列宽resize函数
-  var handleResize = function handleResize(index) {
-    return function (e, _ref5) {
-      var size = _ref5.size;
-      var nextColumns = _toConsumableArray(curColumns);
-      nextColumns[index] = _objectSpread(_objectSpread({}, nextColumns[index]), {}, {
-        width: size.width
-      });
-      setCurColumns(nextColumns);
-    };
+  var handleResize = index => (e, _ref5) => {
+    var size = _ref5.size;
+    var nextColumns = [...curColumns];
+    nextColumns[index] = _objectSpread(_objectSpread({}, nextColumns[index]), {}, {
+      width: size.width
+    });
+    setCurColumns(nextColumns);
   };
-  var _rowClassName = function _rowClassName(record, index) {
+  var _rowClassName = (record, index) => {
     if (originalDataSource && !originalObj.hasOwnProperty(get(record, 'rowKey'))) {
       return 'new-cell';
     }
   };
-  var formatColumns = function formatColumns(nextColumns) {
-    nextColumns === null || nextColumns === void 0 || nextColumns.forEach(function (item, index) {
+  var formatColumns = nextColumns => {
+    nextColumns === null || nextColumns === void 0 || nextColumns.forEach((item, index) => {
       formatColumn({
         column: item,
-        originalObj: originalObj,
+        originalObj,
         rowKey: props.rowKey,
-        diffConfig: diffConfig,
-        wrapToolTipProps: wrapToolTipProps,
+        diffConfig,
+        wrapToolTipProps,
         scroll: _scroll,
-        onUpdateMinWidth: function onUpdateMinWidth(w) {
+        onUpdateMinWidth: w => {
           curColumns[index].minWidth = w;
         },
         isInNewRow: _rowClassName
@@ -219,8 +211,8 @@ var ProTable = function ProTable(props) {
     });
     return nextColumns;
   };
-  var columns = useMemo(function () {
-    var newColumns = curColumns.map(function (item, index) {
+  var columns = useMemo(() => {
+    var newColumns = curColumns.map((item, index) => {
       var _propsColumnObj$getCo2;
       if ((_propsColumnObj$getCo2 = propsColumnObj[getColumnDataIndex(item.dataIndex)]) !== null && _propsColumnObj$getCo2 !== void 0 && _propsColumnObj$getCo2.render) {
         item.render = propsColumnObj[getColumnDataIndex(item.dataIndex)].render;
@@ -229,33 +221,27 @@ var ProTable = function ProTable(props) {
         ellipsis: resizeColumn
       }, item), {}, {
         width: item.width,
-        onHeaderCell: function onHeaderCell(column) {
-          return {
-            width: column.width,
-            minwidth: column.minWidth,
-            onDrag: handleResize(index)
-          };
-        }
+        onHeaderCell: column => ({
+          width: column.width,
+          minwidth: column.minWidth,
+          onDrag: handleResize(index)
+        })
       });
-    }).filter(function (item) {
-      return !(item !== null && item !== void 0 && item.delete);
-    });
+    }).filter(item => !(item !== null && item !== void 0 && item.delete));
     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)) {
-        return show;
-      }
-      if (isFunction(show)) {
-        return show();
-      }
-      return true;
-    });
-  }, [columns]);
-  var isExistPercentWidth = !!(_columns !== null && _columns !== void 0 && _columns.find(function (item) {
+  var _columns = useMemo(() => columns === null || columns === void 0 ? void 0 : columns.filter((item, index) => {
+    var show = item.show;
+    if (isBoolean(show)) {
+      return show;
+    }
+    if (isFunction(show)) {
+      return show();
+    }
+    return true;
+  }), [columns]);
+  var isExistPercentWidth = !!(_columns !== null && _columns !== void 0 && _columns.find(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 || (_item$width = item.width) === null || _item$width === void 0 ? void 0 : _item$width.endsWith('%'));
   }));
@@ -272,22 +258,20 @@ var ProTable = function ProTable(props) {
             if (checkList === 'all') {
               newColumns = propsColumns;
             } else {
-              newColumns = checkList === null || checkList === void 0 ? void 0 : checkList.map(function (item) {
-                return _objectSpread({}, propsColumnObj === null || propsColumnObj === void 0 ? void 0 : propsColumnObj[item]);
-              });
+              newColumns = checkList === null || checkList === void 0 ? void 0 : checkList.map(item => _objectSpread({}, propsColumnObj === null || propsColumnObj === void 0 ? void 0 : propsColumnObj[item]));
             }
             if (!isObject(columnConfig)) {
               _context.next = 6;
               break;
             }
-            catchColumns = _defineProperty({}, pathKey, {
-              columns: newColumns.map(function (item) {
-                return {
+            catchColumns = {
+              [pathKey]: {
+                columns: newColumns.map(item => ({
                   dataIndex: item.dataIndex,
                   width: typeof item.width === 'number' ? Math.round(Number(item.width)) : item.width
-                };
-              })
-            });
+                }))
+              }
+            };
             _context.next = 6;
             return columnConfig === null || columnConfig === void 0 || (_onColumnOk = (_ref7 = columnConfig).onColumnOk) === null || _onColumnOk === void 0 ? void 0 : _onColumnOk.call(_ref7, catchColumns, newColumns);
           case 6:
@@ -302,47 +286,40 @@ var ProTable = function ProTable(props) {
       return _ref6.apply(this, arguments);
     };
   }();
-  useDebounceEffect(function () {
+  useDebounceEffect(() => {
     if (cacheTime) {
-      var newTableConfig = _objectSpread(_objectSpread({}, curTableConfig), {}, _defineProperty({}, pathKey, {
-        startTime: new Date().getTime(),
-        columns: curColumns.map(function (item) {
-          return {
+      var newTableConfig = _objectSpread(_objectSpread({}, curTableConfig), {}, {
+        [pathKey]: {
+          startTime: new Date().getTime(),
+          columns: curColumns.map(item => ({
             dataIndex: item.dataIndex,
             width: typeof item.width === 'number' ? Math.round(Number(item.width)) : item.width
-          };
-        })
-      }));
+          }))
+        }
+      });
       Storage.setItem('tableConfig', JSON.stringify(newTableConfig));
     }
   }, [cacheTime, storage, pathKey, curColumns], {
     wait: 100
   });
-  var customColumns = useMemo(function () {
-    return propsColumns.map(function (item) {
-      return {
-        label: item === null || item === void 0 ? void 0 : item.title,
-        value: item === null || item === void 0 ? void 0 : item.dataIndex,
-        disabled: item.fixed,
-        fixed: item.fixed
-      };
-    });
-  }, [propsColumns]);
-  var checkColumns = useMemo(function () {
-    return curColumns.map(function (item) {
-      return item === null || item === void 0 ? void 0 : item.dataIndex;
-    });
-  }, [curColumns]);
-  var cls = classnames(_defineProperty({
+  var customColumns = useMemo(() => propsColumns.map(item => ({
+    label: item === null || item === void 0 ? void 0 : item.title,
+    value: item === null || item === void 0 ? void 0 : item.dataIndex,
+    disabled: item.fixed,
+    fixed: item.fixed
+  })), [propsColumns]);
+  var checkColumns = useMemo(() => curColumns.map(item => item === null || item === void 0 ? void 0 : item.dataIndex), [curColumns]);
+  var cls = classnames({
     'pro-table': true,
     'pro-table-no-stripe': !stripe,
-    'pro-table-draggable-only': draggable && !(tableProps !== null && tableProps !== void 0 && tableProps.rowSelection)
-  }, className, className));
+    'pro-table-draggable-only': draggable && !(tableProps !== null && tableProps !== void 0 && tableProps.rowSelection),
+    [className]: className
+  });
 
   // 复选框
   var _rowSelection = tableProps.rowSelection ? _objectSpread({
     fixed: draggable,
-    getCheckboxProps: function getCheckboxProps(record) {
+    getCheckboxProps(record) {
       if (rowDisabled) {
         var _disabled = rowDisabled(record);
         return {
@@ -358,7 +335,7 @@ var ProTable = function ProTable(props) {
    * 渲染表格选择器
    * @returns rowSelection
    */
-  var renderRowSelection = function renderRowSelection() {
+  var renderRowSelection = () => {
     if (disabled || isView) {
       return null;
     }
@@ -366,7 +343,7 @@ var ProTable = function ProTable(props) {
       return {
         fixed: true,
         hideSelectAll: true,
-        renderCell: function renderCell() {
+        renderCell: () => {
           return /*#__PURE__*/_jsx(_Fragment, {});
         }
       };
@@ -402,9 +379,9 @@ var ProTable = function ProTable(props) {
   };
   return /*#__PURE__*/_jsx(TableContext.Provider, {
     value: {
-      pathKey: pathKey,
-      tableConfig: tableConfig,
-      Storage: Storage
+      pathKey,
+      tableConfig,
+      Storage
     },
     children: /*#__PURE__*/_jsxs("div", {
       className: cls,
@@ -412,16 +389,16 @@ var ProTable = function ProTable(props) {
         formTableProps: restProps === null || restProps === void 0 ? void 0 : restProps.formTableProps
       })), /*#__PURE__*/_jsx(RenderTableHeader, {
         dataSource: {
-          headerRender: headerRender,
-          columnConfig: columnConfig,
-          resizeColumn: resizeColumn,
-          resetSvg: resetSvg,
-          resetColumnWidth: resetColumnWidth,
-          locale: locale,
-          customColumns: customColumns,
-          checkColumns: checkColumns,
-          handleColumnConfig: handleColumnConfig,
-          customColumnSvg: customColumnSvg
+          headerRender,
+          columnConfig,
+          resizeColumn,
+          resetSvg,
+          resetColumnWidth,
+          locale,
+          customColumns,
+          checkColumns,
+          handleColumnConfig,
+          customColumnSvg
         }
       }), /*#__PURE__*/_jsxs("div", {
         className: "pro-table-container",
@@ -429,27 +406,27 @@ var ProTable = function ProTable(props) {
         children: [/*#__PURE__*/_jsx(TableComponent, _objectSpread(_objectSpread({}, restProps), {}, {
           draggableProps: {
             onChange: onDataSourceChange,
-            draggable: draggable,
-            rowKey: rowKey,
-            onDragStartGuard: onDragStartGuard,
-            onDragEndGuard: onDragEndGuard
+            draggable,
+            rowKey,
+            onDragStartGuard,
+            onDragEndGuard
           },
           tableProps: {
             value: _dataSource,
-            headerRender: headerRender,
+            headerRender,
             columns: _columns,
-            renderRowSelection: renderRowSelection,
+            renderRowSelection,
             rowClassName: _rowClassName,
-            disabled: disabled,
-            resizeColumn: resizeColumn
+            disabled,
+            resizeColumn
           },
           emptyTextProps: {
-            empty: empty,
-            locale: locale,
-            emptyText: emptyText
+            empty,
+            locale,
+            emptyText
           },
           summaryProps: {
-            summary: summary,
+            summary,
             dataSource: _dataSource
           },
           dataSource: _dataSource,
@@ -462,9 +439,9 @@ var ProTable = function ProTable(props) {
         })]
       }), /*#__PURE__*/_jsx(RenderFooter, {
         dataSource: {
-          footerRender: footerRender,
-          pagination: pagination,
-          _dataSource: _dataSource
+          footerRender,
+          pagination,
+          _dataSource
         }
       })]
     })

package/es/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/es/ProTable/utils/index.js

@@ -1,4 +1,3 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { get, isEqual } from 'lodash';
 import { validate } from '@zat-design/utils';
@@ -24,7 +23,7 @@ export var getDecimalDigits = function getDecimalDigits() {
  * @return {any} isChanged 返回bool值，表示存在比对
  * @return {any} isAddCell 返回bool值，表示存在比对
  */
-export var getOriginalValue = function getOriginalValue(value, record, originalObj, rowKey, dataIndex) {
+export var getOriginalValue = (value, record, originalObj, rowKey, dataIndex) => {
   if (!originalObj) {
     return {
       originalValue: null,
@@ -36,14 +35,14 @@ export var getOriginalValue = function getOriginalValue(value, record, originalO
   var originalValue = get(originRecord, dataIndex);
   if (isEmpty(originalValue) && !isEmpty(value)) {
     return {
-      originalValue: originalValue,
+      originalValue,
       isAddCell: true,
       isChanged: false
     };
   }
   if (!isEqual(originalValue, value)) {
     return {
-      originalValue: originalValue,
+      originalValue,
       isChanged: true,
       isAddCell: false
     };
@@ -54,7 +53,7 @@ export var getOriginalValue = function getOriginalValue(value, record, originalO
     isAddCell: false
   };
 };
-export var getColumnDataIndex = function getColumnDataIndex(dataIndex) {
+export var getColumnDataIndex = dataIndex => {
   return typeof dataIndex === 'string' ? dataIndex : dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.join('-');
 };
 
@@ -63,10 +62,10 @@ export var getColumnDataIndex = function getColumnDataIndex(dataIndex) {
  * @param data { [key: string]: any } 需要判断数据
  * @returns boolean 是否
  */
-export var isListResult = function isListResult(data) {
+export var isListResult = data => {
   return data.hasOwnProperty('total') && data.hasOwnProperty('list');
 };
-export var getRowKey = function getRowKey(rowKey, record) {
+export var getRowKey = (rowKey, record) => {
   // 默认取id
   var key = record.rowKey || 'id';
   if (rowKey) {
@@ -77,11 +76,11 @@ export var getRowKey = function getRowKey(rowKey, record) {
 };
 
 /** 移除对象中的 null , undefined, '' 的key */
-export var removeEmptyKeys = function removeEmptyKeys(obj) {
+export var removeEmptyKeys = obj => {
   if (!obj) return {};
 
   // 一次遍历完成所有处理
-  return Object.fromEntries(Object.entries(obj).filter(function (_ref2) {
+  return Object.fromEntries(Object.entries(obj).filter(_ref2 => {
     var _ref3 = _slicedToArray(_ref2, 2),
       _ = _ref3[0],
       value = _ref3[1];
@@ -91,22 +90,20 @@ export var removeEmptyKeys = function removeEmptyKeys(obj) {
     }
 
     // 检查是否是全空对象
-    if (value && _typeof(value) === 'object' && !Array.isArray(value)) {
-      return !Object.values(value).every(function (item) {
-        return item === null || item === undefined || item === '';
-      });
+    if (value && typeof value === 'object' && !Array.isArray(value)) {
+      return !Object.values(value).every(item => item === null || item === undefined || item === '');
     }
     return true;
   }));
 };
 
 /** 判断是有值的对象 */
-export var isNonEmptyObject = function isNonEmptyObject(obj) {
-  return obj !== null && _typeof(obj) === 'object' && !Array.isArray(obj) && Object.keys(obj).length > 0;
+export var isNonEmptyObject = obj => {
+  return obj !== null && typeof obj === 'object' && !Array.isArray(obj) && Object.keys(obj).length > 0;
 };
 
 /** 解析宽度值 */
-export var parseWidth = function parseWidth(widthValue, trWidth) {
+export var parseWidth = (widthValue, trWidth) => {
   // 如果是数字，直接返回
   if (typeof widthValue === 'number') return widthValue;
   // 如果是字符串，检查是否是百分比

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

@@ -1,14 +1,20 @@
-import { Space, Tag, Spin } from 'antd';
+import "antd/es/tag/style";
+import _Tag from "antd/es/tag";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import "antd/es/spin/style";
+import _Spin from "antd/es/spin";
 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 Card = props => {
   var total = props.total,
     label = props.label,
     icon = props.icon,
     mode = props.mode,
-    loading = props.loading;
+    loading = props.loading,
+    size = props.size;
   var antIcon = /*#__PURE__*/_jsx(LoadingOutlined, {
     style: {
       fontSize: 24
@@ -17,14 +23,14 @@ var Card = function Card(props) {
   });
   return /*#__PURE__*/_jsx("div", {
     className: "pro-tabs-card",
-    children: mode === 'card' ? /*#__PURE__*/_jsxs(Space, {
+    children: mode === 'card' ? /*#__PURE__*/_jsxs(_Space, {
       size: 8,
-      align: "center",
+      align: size === 'small' ? 'start' : 'center',
       children: [/*#__PURE__*/_jsxs("div", {
         className: "pro-tabs-card-left",
         children: [/*#__PURE__*/_jsx("div", {
           className: "pro-tabs-card-left-total",
-          children: loading ? /*#__PURE__*/_jsx(Spin, {
+          children: loading ? /*#__PURE__*/_jsx(_Spin, {
             indicator: antIcon
           }) : tools.formatAmount(total, 0) || 0
         }), /*#__PURE__*/_jsx("div", {
@@ -35,10 +41,10 @@ var Card = function Card(props) {
         className: "pro-tabs-card-right",
         children: icon || '-'
       })]
-    }) : /*#__PURE__*/_jsxs(Space, {
+    }) : /*#__PURE__*/_jsxs(_Space, {
       size: 8,
       align: "center",
-      children: [label, /*#__PURE__*/_jsx(Tag, {
+      children: [label, /*#__PURE__*/_jsx(_Tag, {
         color: "#FF5050",
         children: total >= 100 ? '99+' : total || 0
       })]