linkmore-design 1.0.49 → 1.0.50

package/es/CardTable/card/PictureTextColumn.js

@@ -28,11 +28,13 @@ var PictureTextColumn = function PictureTextColumn(_ref) {
       cell = _ref.cell,
       table = _ref.table,
       checked = _ref.checked;
-  var state = table.state,
+  var cellKey = table.cellKey,
+      state = table.state,
       defaultConfig = table.defaultConfig,
       cellClick = table.cellClick,
       cellDoubleClick = table.cellDoubleClick,
-      setSelectCells = table.setSelectCells;
+      toggleCheckboxKey = table.toggleCheckboxKey,
+      checkboxChange = table.checkboxChange;
   var trigger = state.checkboxConfig.trigger;
   var clickFlag = (0, _react.useRef)(null);
   var resetDefaultConfig = (0, _objectSpread2.default)({
@@ -46,8 +48,9 @@ var PictureTextColumn = function PictureTextColumn(_ref) {
     extend: null
   }, defaultConfig); // 复选框改变事件, 将复选数据保存到缓存中
 
-  var onSelectChange = function onSelectChange(e) {
-    setSelectCells === null || setSelectCells === void 0 ? void 0 : setSelectCells(e.target.checked, cell, index);
+  var onSelectChange = function onSelectChange(val) {
+    toggleCheckboxKey(cell[cellKey]);
+    checkboxChange === null || checkboxChange === void 0 ? void 0 : checkboxChange(val, cell, index);
   }; // 单元格单击事件
 
 
@@ -58,7 +61,7 @@ var PictureTextColumn = function PictureTextColumn(_ref) {
     cellClick === null || cellClick === void 0 ? void 0 : cellClick(cell, index);
 
     if (trigger === 'cell') {
-      setSelectCells === null || setSelectCells === void 0 ? void 0 : setSelectCells(!checked, cell, index);
+      onSelectChange === null || onSelectChange === void 0 ? void 0 : onSelectChange(!checked);
     } // }, 200)
 
   }; // 单元格双击事件: 双击时避免单击事件触发自己实现
@@ -82,7 +85,9 @@ var PictureTextColumn = function PictureTextColumn(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
     checked: checked,
-    onChange: onSelectChange
+    onChange: function onChange(e) {
+      return onSelectChange(e.target.checked);
+    }
   })), resetDefaultConfig.operate ? /*#__PURE__*/_react.default.createElement("div", {
     className: "PTC_operate"
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Dropdown, {

package/es/CardTable/card/PictureTextRow.js

@@ -38,11 +38,13 @@ var PictureTextRow = function PictureTextRow(_ref) {
       cell = _ref.cell,
       table = _ref.table,
       checked = _ref.checked;
-  var state = table.state,
+  var cellKey = table.cellKey,
+      state = table.state,
       defaultConfig = table.defaultConfig,
       cellClick = table.cellClick,
       cellDoubleClick = table.cellDoubleClick,
-      setSelectCells = table.setSelectCells;
+      toggleCheckboxKey = table.toggleCheckboxKey,
+      checkboxChange = table.checkboxChange;
   var trigger = state.checkboxConfig.trigger;
   var resetDefaultConfig = (0, _objectSpread2.default)({
     checkbox: true,
@@ -98,8 +100,9 @@ var PictureTextRow = function PictureTextRow(_ref) {
     }
   }, defaultConfig); // 复选框改变事件, 将复选数据保存到缓存中
 
-  var onSelctChange = function onSelctChange(e) {
-    setSelectCells === null || setSelectCells === void 0 ? void 0 : setSelectCells(e.target.checked, cell, index);
+  var onSelctChange = function onSelctChange(val) {
+    toggleCheckboxKey(cell[cellKey]);
+    checkboxChange === null || checkboxChange === void 0 ? void 0 : checkboxChange(val, cell, index);
   }; // 单元格单击事件
 
 
@@ -107,7 +110,7 @@ var PictureTextRow = function PictureTextRow(_ref) {
     cellClick === null || cellClick === void 0 ? void 0 : cellClick(cell, index);
 
     if (trigger === 'cell') {
-      setSelectCells === null || setSelectCells === void 0 ? void 0 : setSelectCells(!checked, cell, index);
+      onSelctChange === null || onSelctChange === void 0 ? void 0 : onSelctChange(!checked);
     }
   }; // 单元格双击事件: 双击时避免单击事件触发自己实现
 
@@ -131,7 +134,9 @@ var PictureTextRow = function PictureTextRow(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
     checked: checked,
-    onChange: onSelctChange
+    onChange: function onChange() {
+      return onSelctChange(e.target.checked);
+    }
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "card_PTR_left"
   }, typeof resetDefaultConfig.imgurl === 'function' ? resetDefaultConfig.imgurl(cell, table) : /*#__PURE__*/_react.default.createElement(_image.default, {

package/es/CardTable/fns/index.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
+// 操作方法集合
+var setOptions = function setOptions(_ref) {
+  var state = _ref.state,
+      dispatch = _ref.dispatch,
+      props = _ref.props;
+  var checkboxConfig = state.checkboxConfig;
+  var dataSource = props.dataSource,
+      cellKey = props.cellKey;
+  var checkKeys = checkboxConfig.checkKeys,
+      checkValues = checkboxConfig.checkValues; // 设置选中的值: 第一个参数是数据的键，第二个参数是选中与否, 第三个参数控制是否重置
+  // 未做key是否属于数据源校验，用于分页时保存之前的选中状态
+
+  var setCheckboxKeys = function setCheckboxKeys(keys, checked, reset) {
+    var flag = typeof checked === 'boolean' ? checked : true;
+    var nKeys = keys,
+        nValues = [];
+
+    if (reset) {
+      nValues = (dataSource === null || dataSource === void 0 ? void 0 : dataSource.filter(function (v) {
+        return nKeys.includes(v[cellKey]);
+      })) || [];
+      dispatch({
+        type: 'changeCheckboxConfig',
+        checkboxConfig: {
+          checkKeys: nKeys,
+          checkValues: nValues
+        }
+      });
+      return;
+    }
+
+    if (flag) {
+      nKeys = Array.from(new Set([].concat((0, _toConsumableArray2.default)(checkKeys), (0, _toConsumableArray2.default)(keys))));
+      nValues = (dataSource === null || dataSource === void 0 ? void 0 : dataSource.filter(function (v) {
+        return nKeys.includes(v[cellKey]);
+      })) || [];
+    } else {
+      nKeys = checkKeys.filter(function (v) {
+        return !keys.includes(v);
+      });
+      nValues = checkValues.filter(function (v) {
+        return !keys.includes(v[cellKey]);
+      });
+    }
+
+    dispatch({
+      type: 'changeCheckboxConfig',
+      checkboxConfig: {
+        checkKeys: nKeys,
+        checkValues: nValues
+      }
+    });
+  }; // 切换选中状态: 单个切换/批量切换
+
+
+  var toggleCheckboxKey = function toggleCheckboxKey(k) {
+    var nKeys = [k],
+        isChecked = true,
+        reset = false; // 单个切换
+
+    if (!Array.isArray(k)) {
+      isChecked = !(checkKeys === null || checkKeys === void 0 ? void 0 : checkKeys.some(function (v) {
+        return v === k;
+      }));
+    } // 多个切换
+
+
+    if (Array.isArray(k)) {
+      var checkArr = checkKeys.filter(function (v) {
+        return !k.includes(v);
+      }); // 选中的值
+
+      var notCheckArr = k.filter(function (v) {
+        return !checkKeys.includes(v);
+      }); // 未选中的值
+
+      nKeys = [].concat((0, _toConsumableArray2.default)(notCheckArr), (0, _toConsumableArray2.default)(checkArr)); // 组合新值为选中状态
+
+      var nValues = dataSource === null || dataSource === void 0 ? void 0 : dataSource.filter(function (v) {
+        return nKeys.includes(v[cellKey]);
+      });
+      reset = true;
+    }
+
+    setCheckboxKeys(nKeys, isChecked, reset);
+  };
+
+  return {
+    setCheckboxKeys: setCheckboxKeys,
+    toggleCheckboxKey: toggleCheckboxKey
+  };
+};
+
+var _default = setOptions;
+exports.default = _default;

package/es/CardTable/hooks/usePagination.js

@@ -0,0 +1,128 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = require("react");
+
+var _excluded = ["defaultPageSize", "defaultCurrent", "refreshDeps"];
+
+var usePagination = function usePagination(service) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _options$defaultPageS = options.defaultPageSize,
+      defaultPageSize = _options$defaultPageS === void 0 ? 20 : _options$defaultPageS,
+      _options$defaultCurre = options.defaultCurrent,
+      defaultCurrent = _options$defaultCurre === void 0 ? 1 : _options$defaultCurre,
+      _options$refreshDeps = options.refreshDeps,
+      refreshDeps = _options$refreshDeps === void 0 ? [] : _options$refreshDeps,
+      rest = (0, _objectWithoutProperties2.default)(options, _excluded);
+
+  var _useState = (0, _react.useState)({
+    loading: false,
+    data: {
+      pageIndex: defaultCurrent,
+      pageSize: defaultPageSize
+    }
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      result = _useState2[0],
+      setResult = _useState2[1];
+
+  var getRequest = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    var c,
+        p,
+        res,
+        _args = arguments;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            c = _args.length > 0 && _args[0] !== undefined ? _args[0] : defaultCurrent;
+            p = _args.length > 1 && _args[1] !== undefined ? _args[1] : defaultPageSize;
+            setResult(function (old) {
+              return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, old), {}, {
+                loading: true
+              });
+            });
+            _context.next = 5;
+            return service((0, _objectSpread2.default)({
+              current: c,
+              pageSize: p
+            }, rest));
+
+          case 5:
+            res = _context.sent;
+            setResult(function (old) {
+              return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, old), res), {}, {
+                loading: false
+              });
+            });
+
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })), [service].concat((0, _toConsumableArray2.default)(refreshDeps)));
+
+  var _ref2 = (result === null || result === void 0 ? void 0 : result.data) || {},
+      _ref2$pageIndex = _ref2.pageIndex,
+      pageIndex = _ref2$pageIndex === void 0 ? 1 : _ref2$pageIndex,
+      _ref2$pageSize = _ref2.pageSize,
+      pageSize = _ref2$pageSize === void 0 ? defaultPageSize : _ref2$pageSize,
+      _ref2$totalCount = _ref2.totalCount,
+      totalCount = _ref2$totalCount === void 0 ? 0 : _ref2$totalCount; // 总页数
+
+
+  var totalPage = (0, _react.useMemo)(function () {
+    return Math.ceil(totalCount / pageSize);
+  }, [pageSize, totalCount]); // 分页改变触发
+
+  var onChange = function onChange(c, p) {
+    return getRequest(c, p);
+  }; // 手动重取数据, 不传入数据则触发刷新
+
+
+  var refetch = function refetch(_ref3) {
+    var _ref3$current = _ref3.current,
+        c = _ref3$current === void 0 ? pageIndex : _ref3$current,
+        _ref3$pageSize = _ref3.pageSize,
+        p = _ref3$pageSize === void 0 ? pageSize : _ref3$pageSize;
+    return getRequest(c, p);
+  }; // 初始化获取数据
+
+
+  (0, _react.useEffect)(function () {
+    getRequest(defaultCurrent, defaultPageSize);
+  }, [getRequest]);
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, result), {}, {
+    refetch: refetch,
+    pagination: {
+      current: pageIndex,
+      pageSize: pageSize,
+      total: totalCount,
+      totalPage: totalPage,
+      onChange: onChange
+    }
+  });
+};
+
+var _default = usePagination;
+exports.default = _default;

package/es/CardTable/index.js

@@ -9,6 +9,9 @@ exports.default = void 0;
 
 var _LmCardTable = _interopRequireDefault(require("./LmCardTable"));
 
+var _usePagination = _interopRequireDefault(require("./hooks/usePagination"));
+
+_LmCardTable.default.usePagination = _usePagination.default;
 var _default = _LmCardTable.default; // export * from LmCardTable;
 
 exports.default = _default;

package/es/CardTable/style/style.css

@@ -1,8 +1,10 @@
 .lm_card_table_wrapper {
   height: 100%;
+  display: flex;
+  flex-flow: column;
 }
 .lm_card_table_wrapper .lm_card_table_container {
-  height: 100%;
+  flex: 1 1 0;
   overflow: auto;
 }
 .lm_card_table_wrapper .lm_card_table_container .lm_card_table .lm_card_table_body .lm_card_table_body_row {
@@ -22,6 +24,16 @@
 .lm_card_table_wrapper .lm_card_table_container .lm_card_table .lm_card_table_body .lm_card_table_body_row .lm_card_table_body_cell.cell_checked {
   border-color: var(--primary-color);
 }
+.lm_card_table_wrapper .lm_card_table_toolbar_bottom {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.lm_card_table_wrapper .lm_card_table_toolbar_bottom .lm_card_table_pagination {
+  display: flex;
+  align-items: center;
+  height: 48px;
+}
 .card_PTC {
   height: 100%;
 }

package/es/CardTable/table/TableRoot.js

@@ -9,19 +9,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _TableWrapper = _interopRequireDefault(require("./TableWrapper"));
 
-var _excluded = ["rowConfig", "cellConfig", "defaultConfig", "checkboxChange"];
+var _fns = _interopRequireDefault(require("../fns"));
+
+var _excluded = ["rowConfig", "cellConfig", "defaultConfig", "checkboxConfig"];
 
 var reducer = function reducer(state, action) {
   var page = action.page,
@@ -32,6 +32,7 @@ var reducer = function reducer(state, action) {
 
   switch (action.type) {
     case 'changePage':
+      // 分页改变
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
         page: page
       });
@@ -101,16 +102,9 @@ var getInitialState = function getInitialState(props) {
 };
 
 var LmCardTableRoot = function LmCardTableRoot(props, ref) {
-  var rowConfig = props.rowConfig,
-      cellConfig = props.cellConfig,
-      defaultConfig = props.defaultConfig,
-      checkboxChange = props.checkboxChange,
-      resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var initialState = (0, _react.useMemo)(function () {
-    return getInitialState((0, _objectSpread2.default)({
-      checkboxChange: checkboxChange
-    }, resetProps));
-  }, [checkboxChange, resetProps]);
+    return getInitialState(props);
+  }, []);
 
   var _useReducer = (0, _react.useReducer)(reducer, initialState),
       _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
@@ -124,66 +118,51 @@ var LmCardTableRoot = function LmCardTableRoot(props, ref) {
 
   var _state$checkboxConfig = state.checkboxConfig,
       checkKeys = _state$checkboxConfig.checkKeys,
-      checkValues = _state$checkboxConfig.checkValues; // 设置选中的数据
-
-  var setSelectCells = function setSelectCells(checked, cell, cellIndex) {
-    var nKeys = checked ? [].concat((0, _toConsumableArray2.default)(checkKeys), [cell[resetProps.cellKey]]) : checkKeys.filter(function (v) {
-      return v !== cell[resetProps.cellKey];
-    });
-    var nValues = checked ? [].concat((0, _toConsumableArray2.default)(checkValues), [cell]) : checkValues.filter(function (v) {
-      return v[resetProps.cellKey] !== cell[resetProps.cellKey];
-    });
-    checkboxChange === null || checkboxChange === void 0 ? void 0 : checkboxChange(checked, cell, cellIndex);
-    dispatch({
-      type: 'changeCheckboxConfig',
-      checkboxConfig: {
-        checkKeys: nKeys,
-        checkValues: nValues
-      }
+      checkValues = _state$checkboxConfig.checkValues; // 配置对象收集
+
+  var configProps = (0, _react.useMemo)(function () {
+    var rowConfig = props.rowConfig,
+        cellConfig = props.cellConfig,
+        defaultConfig = props.defaultConfig,
+        checkboxConfig = props.checkboxConfig,
+        resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetProps), {}, {
+      rowConfig: (0, _objectSpread2.default)({
+        // 行配置
+        gap: 16
+      }, rowConfig),
+      cellConfig: (0, _objectSpread2.default)({
+        // 单元格配置对象
+        width: 192,
+        height: 282
+      }, cellConfig),
+      checkboxConfig: (0, _objectSpread2.default)({}, checkboxConfig),
+      toolbarConfig: {
+        pager: {},
+        toolbarBottom: {}
+      },
+      defaultConfig: defaultConfig
     });
-  }; // 外部设置选中的值
-
-
-  var setCheckboxKeys = function setCheckboxKeys(checkKeys) {
-    var checkValues = resetProps.dataSource.filter(function (v) {
-      return checkKeys.includes(v[resetProps.cellKey]);
-    }) || [];
-    dispatch({
-      type: 'changeCheckboxConfig',
-      checkboxConfig: {
-        checkKeys: checkKeys,
-        checkValues: checkValues
-      }
+  }, [props]); // 方法收集
+
+  var EventProps = (0, _react.useMemo)(function () {
+    return (0, _fns.default)({
+      state: state,
+      dispatch: dispatch,
+      props: props
     });
-  }; // 配置对象收集
-
-
-  var config = {
-    rowConfig: (0, _objectSpread2.default)({
-      // 行配置
-      gap: 16
-    }, rowConfig),
-    cellConfig: (0, _objectSpread2.default)({
-      // 单元格配置对象
-      width: 192,
-      height: 282
-    }, cellConfig),
-    defaultConfig: defaultConfig
-  };
-  var table = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+  }, [state, dispatch, props]);
+  var table = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, configProps), EventProps), {}, {
     state: state,
     dispatch: dispatch
-  }, config), resetProps), {}, {
-    setSelectCells: setSelectCells
   }); // 向外暴露出的方法
 
   (0, _react.useImperativeHandle)(ref, function () {
-    return {
+    return (0, _objectSpread2.default)({
       getCheckboxRecords: function getCheckboxRecords() {
         return state.checkboxConfig.checkValues;
-      },
-      setCheckboxKeys: setCheckboxKeys
-    };
+      }
+    }, EventProps);
   });
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !isFullScreen && /*#__PURE__*/_react.default.createElement(_TableWrapper.default, {
     table: table

package/es/CardTable/table/TableWrapper.js

@@ -13,6 +13,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _TableContainer = _interopRequireDefault(require("./TableContainer"));
 
+var _ToolBarBottom = _interopRequireDefault(require("../toolbar/ToolBarBottom"));
+
 // 包裹表格外围区域: 工具栏操作区域/主体区域/工具栏底部区域
 var LmCardTableWrapper = /*#__PURE__*/_react.default.memo(function (_ref) {
   var table = _ref.table;
@@ -25,6 +27,8 @@ var LmCardTableWrapper = /*#__PURE__*/_react.default.memo(function (_ref) {
     }, style)
   }, /*#__PURE__*/_react.default.createElement(_TableContainer.default, {
     table: table
+  }), /*#__PURE__*/_react.default.createElement(_ToolBarBottom.default, {
+    table: table
   }));
 });
 

package/es/CardTable/toolbar/TablePagination.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _excluded = ["onChange"];
+
+var LmCardTablePagination = function LmCardTablePagination(_ref) {
+  var table = _ref.table;
+  var dispatch = table.dispatch,
+      _table$dataSource = table.dataSource,
+      dataSource = _table$dataSource === void 0 ? [] : _table$dataSource,
+      _table$pagination = table.pagination,
+      onChange = _table$pagination.onChange,
+      paginationProps = (0, _objectWithoutProperties2.default)(_table$pagination, _excluded); // 分页改变事件
+
+  var onPageChange = function onPageChange(pageIndex, pageSize) {
+    dispatch({
+      type: 'changePage',
+      page: {
+        pageIndex: pageIndex,
+        pageSize: pageSize,
+        total: (paginationProps === null || paginationProps === void 0 ? void 0 : paginationProps.total) || 0
+      }
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(pageIndex, pageSize);
+  }; // 默认的配置
+
+
+  var defaultProps = {
+    size: 'small',
+    showSizeChanger: true,
+    showQuickJumper: true,
+    showTotal: function showTotal(total) {
+      return "\u5171 ".concat(total, " \u6761");
+    },
+    total: (paginationProps === null || paginationProps === void 0 ? void 0 : paginationProps.total) || (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) || 0,
+    defaultPageSize: 20,
+    pageSizeOptions: [20, 50, 100, 500],
+    onChange: onPageChange
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_card_table_pagination"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Pagination, (0, _extends2.default)({}, defaultProps, paginationProps)));
+};
+
+var _default = LmCardTablePagination;
+exports.default = _default;

package/es/CardTable/toolbar/ToolBarBottom.js

@@ -0,0 +1,47 @@
+"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 _TablePagination = _interopRequireDefault(require("./TablePagination"));
+
+var CardToolBarBottom = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var table = _ref.table;
+  var pagination = table.pagination,
+      _table$toolbarConfig = table.toolbarConfig,
+      toolbarBottom = _table$toolbarConfig.toolbarBottom,
+      pager = _table$toolbarConfig.pager; // toolbarBottom与pager一致: 用于插槽
+
+  var _ref2 = toolbarBottom || pager,
+      left = _ref2.left,
+      right = _ref2.right;
+
+  var LeftSlot = function LeftSlot() {
+    return left;
+  };
+
+  var RighSlot = function RighSlot() {
+    if (!right) {
+      return pagination && /*#__PURE__*/_react.default.createElement(_TablePagination.default, {
+        table: table
+      });
+    }
+
+    if (right) {
+      typeof right === 'function' ? right(_TablePagination.default) : right;
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_card_table_toolbar_bottom"
+  }, /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement(RighSlot, null));
+});
+
+var _default = CardToolBarBottom;
+exports.default = _default;

package/es/CustomTableOption/columnsSort.js

@@ -107,11 +107,11 @@ var ColumnsSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
     cloneCol.forEach(function (item, index) {
       var _a, _b, _c;
 
-      if (ColumnsStateValue === null || ColumnsStateValue === void 0 ? void 0 : ColumnsStateValue.hasOwnProperty(item.dataIndex)) {
-        var order = (_a = ColumnsStateValue[item.dataIndex]) === null || _a === void 0 ? void 0 : _a.order;
-        item.fixed = ((_b = ColumnsStateValue[item.dataIndex]) === null || _b === void 0 ? void 0 : _b.fixed) || undefined;
+      if (colStateValue === null || colStateValue === void 0 ? void 0 : colStateValue.hasOwnProperty(item.dataIndex)) {
+        var order = (_a = colStateValue[item.dataIndex]) === null || _a === void 0 ? void 0 : _a.order;
+        item.fixed = ((_b = colStateValue[item.dataIndex]) === null || _b === void 0 ? void 0 : _b.fixed) || undefined;
         item.order = [undefined, null].includes(order) ? index : order;
-        item.show = ((_c = ColumnsStateValue[item.dataIndex]) === null || _c === void 0 ? void 0 : _c.show) === false ? false : true;
+        item.show = ((_c = colStateValue[item.dataIndex]) === null || _c === void 0 ? void 0 : _c.show) === false ? false : true;
       }
     });
     var leftSortItem = [];
@@ -150,7 +150,7 @@ var ColumnsSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
   useEffect(function () {
     setLocalColumns(columns);
     setColStateValue(ColumnsStateValue);
-  }, []);
+  }, [columns]);
   var leftSensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
     coordinateGetter: sortableKeyboardCoordinates
   }));