linkmore-design 1.1.6 → 1.1.8

package/dist/variables.css

@@ -9764,6 +9764,9 @@ p {
 .lm_editTable_warpper .icon_drag:hover {
   color: var(--text-color);
 }
+.lm_editTable_warpper .ant-table .ant-table-tbody > .ant-table-measure-row > td {
+  padding: 0 !important;
+}
 .lm_editTable_warpper .ant-picker {
   height: 24px !important;
   padding: 2px 8px;
@@ -9844,11 +9847,15 @@ p {
   background-color: var(--background-color-hover);
 }
 .lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_search {
+  width: 140px;
   max-width: 140px;
 }
 .lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_complex {
   display: inline-flex;
 }
+.lm_filter_wrapper .lm_filter_container .lm_filter.lm_filter_small .lm_filter_custom_line {
+  height: 24px;
+}
 .lm_filter_basic_item {
   font-size: 12px;
   display: inline-flex;
@@ -11259,6 +11266,9 @@ p {
   height: 48px;
   font-size: 12px;
 }
+#lm_protable_warp .ant-table-tbody > tr.ant-table-measure-row > td {
+  padding: 0 !important;
+}
 .row-dragging {
   display: flex;
   align-items: center;
@@ -11611,9 +11621,6 @@ button.ant-table-row-expand-icon::before,
 button.ant-table-row-expand-icon::after {
   color: #bfbfbf;
 }
-.ant-table-tbody > tr.ant-table-measure-row > td {
-  padding: 0 !important;
-}
 .react-resizable-handle {
   position: absolute;
   right: -5px;

package/es/CustomTableOption/index.js

@@ -7,28 +7,18 @@ import ColumnsSort from './columnsSort';
 import CardSort from './cardSort';
 import FilterSort from './filterSort';
 import classNames from 'classnames';
-
-var SmallImg = require('./assets/option1.png');
-
-var DefaultImg = require('./assets/option2.png');
-
-var MiddleImg = require('./assets/option3.png');
-
 var TabPane = Tabs.TabPane;
 var optionsWithDisabled = [{
   label: '默认',
   value: 'default',
-  imgUrl: DefaultImg,
   icon: 'lmweb-icon_default'
 }, {
   label: '紧凑',
   value: 'small',
-  imgUrl: SmallImg,
   icon: 'lmweb-icon_compact'
 }, {
   label: '宽松',
   value: 'middle',
-  imgUrl: MiddleImg,
   icon: 'lmweb-icon_large'
 }];
 var prefixCls = 'lm_custom-table-option';

package/es/LmEditTable/style/index.css

@@ -576,6 +576,9 @@ p {
 .lm_editTable_warpper .icon_drag:hover {
   color: var(--text-color);
 }
+.lm_editTable_warpper .ant-table .ant-table-tbody > .ant-table-measure-row > td {
+  padding: 0 !important;
+}
 .lm_editTable_warpper .ant-picker {
   height: 24px !important;
   padding: 2px 8px;

package/es/LmEditTable/style/variables.css

@@ -65,6 +65,9 @@
 .lm_editTable_warpper .icon_drag:hover {
   color: var(--text-color);
 }
+.lm_editTable_warpper .ant-table .ant-table-tbody > .ant-table-measure-row > td {
+  padding: 0 !important;
+}
 .lm_editTable_warpper .ant-picker {
   height: 24px !important;
   padding: 2px 8px;

package/es/LmFilter/clearFilter/index.js

@@ -14,7 +14,8 @@ var _linkmoreDesign = require("linkmore-design");
 var LmFilterClear = /*#__PURE__*/_react.default.memo(function (_ref) {
   var instance = _ref.instance;
   var onClearChange = instance.onClearChange,
-      getHasFilter = instance.getHasFilter;
+      getHasFilter = instance.getHasFilter,
+      size = instance.size;
   if (!getHasFilter()) return null;
 
   var handleClear = function handleClear() {
@@ -25,6 +26,7 @@ var LmFilterClear = /*#__PURE__*/_react.default.memo(function (_ref) {
     className: "lm_filter_clear"
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
     type: "link",
+    size: size,
     onClick: handleClear
   }, "\u4E00\u952E\u6E05\u7A7A"));
 });

package/es/LmFilter/complexFilter/index.js

@@ -24,7 +24,8 @@ var _utils = require("../utils");
 var LmFilterComplex = function LmFilterComplex(_ref) {
   var instance = _ref.instance;
   var state = instance.state,
-      dispatch = instance.dispatch;
+      dispatch = instance.dispatch,
+      size = instance.size;
   var expand = (0, _react.useMemo)(function () {
     return state.complexDrawer.visible;
   }, [state.complexDrawer.visible]);
@@ -44,7 +45,7 @@ var LmFilterComplex = function LmFilterComplex(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "lm_filter_complex"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('lm_filter_basic_item lm_filter_complex_item', {
+    className: (0, _classnames.default)('lm_filter_basic_item lm_filter_complex_item', size, {
       expand: expand,
       active: active
     }),

package/es/LmFilter/components/DropdownFIlter.js

@@ -98,7 +98,8 @@ var getPlacehodler = function getPlacehodler(props) {
 }; // 根据不同的类型展示文本内容
 
 
-var getLabel = function getLabel(filterValue, item) {
+var getLabel = function getLabel(resetInstance, item) {
+  var filterValue = resetInstance.filterValue;
   var type = item.type,
       data = item.data; // 不存在筛选时
 
@@ -151,7 +152,7 @@ var getLabel = function getLabel(filterValue, item) {
 
 
       var _labels = data === null || data === void 0 ? void 0 : (_data$filter = data.filter(function (v) {
-        return filterValue.includes(v.value);
+        return (0, _utils.toStringIsEqual)(v.value, filterValue, 'includes');
       })) === null || _data$filter === void 0 ? void 0 : _data$filter.map(function (v) {
         return v.label;
       });
@@ -180,7 +181,7 @@ var getLabel = function getLabel(filterValue, item) {
 
 
     var label = (data === null || data === void 0 ? void 0 : (_data$find = data.find(function (v) {
-      return (v === null || v === void 0 ? void 0 : v.value) === filterValue;
+      return (0, _utils.toStringIsEqual)(v === null || v === void 0 ? void 0 : v.value, filterValue);
     })) === null || _data$find === void 0 ? void 0 : _data$find.label) || filterValue;
     return label;
   } catch (error) {
@@ -203,7 +204,8 @@ var DropdownFilter = /*#__PURE__*/_react.default.memo(function (_ref2) {
       visible = _useState2[0],
       setVisible = _useState2[1];
 
-  var filterValue = instance.filterValue; // 触发查询时关闭下拉框
+  var filterValue = instance.filterValue,
+      size = instance.size; // 触发查询时关闭下拉框
 
   var setFilterValue = function setFilterValue(obj) {
     instance.setFilterValue(obj);
@@ -244,7 +246,7 @@ var DropdownFilter = /*#__PURE__*/_react.default.memo(function (_ref2) {
     ,
     destroyPopupOnHide: true
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('lm_filter_basic_item', {
+    className: (0, _classnames.default)('lm_filter_basic_item', size, {
       expand: visible,
       active: active
     })
@@ -252,7 +254,7 @@ var DropdownFilter = /*#__PURE__*/_react.default.memo(function (_ref2) {
     className: "filter_item_label"
   }, item === null || item === void 0 ? void 0 : item.title, ":"), /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_item_value"
-  }, getLabel(filterValue, item)), /*#__PURE__*/_react.default.createElement("div", {
+  }, getLabel(resetInstance, item)), /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_item_icon addon_after"
   }, item.type !== 'date' || active ? /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
     type: active ? 'lmweb-close-circle-fill' : 'lmweb-down',

package/es/LmFilter/style/index.css

@@ -53,11 +53,15 @@
   background-color: var(--background-color-hover);
 }
 .lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_search {
+  width: 140px;
   max-width: 140px;
 }
 .lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_complex {
   display: inline-flex;
 }
+.lm_filter_wrapper .lm_filter_container .lm_filter.lm_filter_small .lm_filter_custom_line {
+  height: 24px;
+}
 .lm_filter_basic_item {
   font-size: 12px;
   display: inline-flex;

package/es/LmFilter/style/variables.css

@@ -53,11 +53,15 @@
   background-color: var(--background-color-hover);
 }
 .lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_search {
+  width: 140px;
   max-width: 140px;
 }
 .lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_complex {
   display: inline-flex;
 }
+.lm_filter_wrapper .lm_filter_container .lm_filter.lm_filter_small .lm_filter_custom_line {
+  height: 24px;
+}
 .lm_filter_basic_item {
   font-size: 12px;
   display: inline-flex;

package/es/LmFilter/utils.js

@@ -11,6 +11,7 @@ exports.getFlatItem = getFlatItem;
 exports.getIsHas = getIsHas;
 exports.getRanges = getRanges;
 exports.getValueForType = getValueForType;
+exports.toStringIsEqual = toStringIsEqual;
 exports.uniqueFunc = uniqueFunc;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
@@ -33,6 +34,23 @@ function getIsHas(val) {
   }
 
   return flag;
+}
+/*
+ * 数据(布尔值、数值)转字符串后对比是否相等 str, strs, type
+ * @params {Array | String} strs
+ * @params {String} type 比对类型
+ * @type includes 是否包含在数组内
+ */
+
+
+function toStringIsEqual(str, strs, type) {
+  if (type === 'includes') {
+    return strs === null || strs === void 0 ? void 0 : strs.some(function (v) {
+      return toStringIsEqual(str, v);
+    });
+  }
+
+  return String(str) === String(strs);
 } // 根据类型返回对应的值
 
 

package/es/LmFilter/wrapper/Filter.js

@@ -7,8 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _baseFilter = _interopRequireDefault(require("../baseFilter"));
 
 var _customFilter = _interopRequireDefault(require("../customFilter"));
@@ -22,10 +26,10 @@ var LmFilter = /*#__PURE__*/_react.default.memo(function (_ref) {
   var instance = _ref.instance;
   var enableBaisc = instance.enableBaisc,
       enableComplex = instance.enableComplex,
-      enableCustom = instance.enableCustom,
+      size = instance.size,
       enableClear = instance.enableClear;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "lm_filter"
+    className: (0, _classnames.default)('lm_filter', (0, _defineProperty2.default)({}, "lm_filter_".concat(size), size))
   }, /*#__PURE__*/_react.default.createElement(_customFilter.default, {
     instance: instance
   }), enableBaisc && /*#__PURE__*/_react.default.createElement(_baseFilter.default, {

package/es/LmTable/Table.js

@@ -31,10 +31,14 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactResizable = require("react-resizable");
 
+var _ahooks = require("ahooks");
+
 var _immer = require("immer");
 
 var _reactSortableHoc = require("react-sortable-hoc");
 
+var _useRowSelectControllableValue = _interopRequireDefault(require("./hooks/useRowSelectControllableValue"));
+
 var _ConfigProvider = _interopRequireDefault(require("../ConfigProvider"));
 
 var _IconFont = _interopRequireDefault(require("../IconFont"));
@@ -142,24 +146,31 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _React$useContext = _react.default.useContext(ConfigContext),
       locale = _React$useContext.locale;
 
-  var _useState = (0, _react.useState)({
-    selectedRows: []
+  var transformRowClick = function transformRowClick(data) {
+    return rowClick === null || rowClick === void 0 ? void 0 : rowClick(data.selectedRows || data);
+  }; // const [useSelectedRows, setSelectedRows] = useState({ selectedRows: [] }) // 复选中的值
+
+
+  var _useControllableValue = (0, _useRowSelectControllableValue.default)({
+    value: {
+      selectedRows: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) || (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []
+    },
+    onChange: rowClick ? transformRowClick : undefined
   }),
+      _useControllableValue2 = (0, _slicedToArray2.default)(_useControllableValue, 2),
+      useSelectedRows = _useControllableValue2[0],
+      setSelectedRows = _useControllableValue2[1];
+
+  var _useState = (0, _react.useState)(''),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      useSelectedRows = _useState2[0],
-      setSelectedRows = _useState2[1]; // 复选中的值
+      useActiveKey = _useState2[0],
+      setActiveKey = _useState2[1]; // 行选中
 
 
-  var _useState3 = (0, _react.useState)(''),
+  var _useState3 = (0, _react.useState)([]),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      useActiveKey = _useState4[0],
-      setActiveKey = _useState4[1]; // 行选中
-
-
-  var _useState5 = (0, _react.useState)([]),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      useColumns = _useState6[0],
-      setColumns = _useState6[1];
+      useColumns = _useState4[0],
+      setColumns = _useState4[1];
 
   var tableWarpRef = (0, _react.useRef)(null);
   var dataSourceRef = (0, _react.useRef)(null);
@@ -169,10 +180,10 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var contentMenuRef = (0, _react.useRef)(null);
   /** 当前展开的列 */
 
-  var _useState7 = (0, _react.useState)([]),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      expandedRowKeys = _useState8[0],
-      setExpandedRowKeys = _useState8[1];
+  var _useState5 = (0, _react.useState)([]),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      expandedRowKeys = _useState6[0],
+      setExpandedRowKeys = _useState6[1];
 
   var deepDataSourceRef = (0, _react.useRef)([]);
   var deepColumnsRef = (0, _react.useRef)([]); //
@@ -217,7 +228,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, [groupRowKeys, groupColKeys]);
   /** sheel数据的表格 */
 
-  var _useState9 = (0, _react.useState)({
+  var _useState7 = (0, _react.useState)({
     // 记录框选的行列坐标信息
     start: {},
     end: {},
@@ -230,9 +241,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     // 记录右下角小方块的拖动信息
     commiting: {}
   }),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      sheelStataus = _useState10[0],
-      setSheelStatus = _useState10[1];
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      sheelStataus = _useState8[0],
+      setSheelStatus = _useState8[1];
 
   var shellStatusRef = (0, _react.useRef)({
     start: {},
@@ -244,49 +255,49 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     commiting: {}
   });
 
+  var _useState9 = (0, _react.useState)(false),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      selectIng = _useState10[0],
+      setSelectIng = _useState10[1];
+
   var _useState11 = (0, _react.useState)(false),
       _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      selectIng = _useState12[0],
-      setSelectIng = _useState12[1];
+      editIng = _useState12[0],
+      setEditIng = _useState12[1];
 
   var _useState13 = (0, _react.useState)(false),
       _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      editIng = _useState14[0],
-      setEditIng = _useState14[1];
-
-  var _useState15 = (0, _react.useState)(false),
-      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      commitIng = _useState16[0],
-      setCommitIng = _useState16[1];
+      commitIng = _useState14[0],
+      setCommitIng = _useState14[1];
   /** 右键菜单是否显示 */
 
 
-  var _useState17 = (0, _react.useState)(false),
-      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-      contextMenuStatus = _useState18[0],
-      setContextMenuStatus = _useState18[1];
+  var _useState15 = (0, _react.useState)(false),
+      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+      contextMenuStatus = _useState16[0],
+      setContextMenuStatus = _useState16[1];
   /** 右键按钮的位置 */
 
 
-  var _useState19 = (0, _react.useState)({
+  var _useState17 = (0, _react.useState)({
     position: 'fixed',
     left: 300,
     top: 200
   }),
-      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
-      style = _useState20[0],
-      setStyle = _useState20[1];
+      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
+      style = _useState18[0],
+      setStyle = _useState18[1];
 
-  var _useState21 = (0, _react.useState)(null),
-      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
-      chartsModalStatus = _useState22[0],
-      setChartsModalStatus = _useState22[1]; // 列设置
+  var _useState19 = (0, _react.useState)(null),
+      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
+      chartsModalStatus = _useState20[0],
+      setChartsModalStatus = _useState20[1]; // 列设置
 
 
-  var _useState23 = (0, _react.useState)(false),
-      _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
-      columnsStateMap = _useState24[0],
-      setColumnsStateMap = _useState24[1];
+  var _useState21 = (0, _react.useState)(false),
+      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
+      columnsStateMap = _useState22[0],
+      setColumnsStateMap = _useState22[1];
 
   var SortableItem = (0, _reactSortableHoc.SortableElement)(function (props) {
     return /*#__PURE__*/_react.default.createElement("tr", props);
@@ -1031,7 +1042,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       });
     };
 
-    var innerColumns = (0, _lodash.cloneDeep)(useColumns);
+    var innerColumns = (0, _lodash.cloneDeep)(useColumns.filter(function (item) {
+      return item.show !== false;
+    }));
     traverseColumns(innerColumns, null);
 
     if (groupRowKeys === null || groupRowKeys === void 0 ? void 0 : groupRowKeys.length) {
@@ -1064,15 +1077,13 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       var selectedRows = useSelectedRows.selectedRows;
 
       if (tableRowType === 'select' || tableRowType === 'default' && selectedRows.length) {
-        var selectedRowKeys = selectedRows.map(function (v) {
-          return v[rowKey];
+        var selectIndex = selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.findIndex(function (v) {
+          return (0, _lodash.isObject)(v) ? v[rowKey] === record[rowKey] : v === record[rowKey];
         });
-        var Idx = selectedRowKeys.indexOf(record[rowKey]);
-        Idx >= 0 ? selectedRows.splice(Idx, 1) : selectedRows.push(record);
+        selectIndex >= 0 ? selectedRows.splice(selectIndex, 1) : selectedRows.push((0, _lodash.isObject)(selectedRows[0]) || !selectedRows.length ? record : record[rowKey]);
         setSelectedRows({
-          selectedRows: selectedRows
-        });
-        rowClick === null || rowClick === void 0 ? void 0 : rowClick(selectedRows);
+          selectedRows: (0, _lodash.cloneDeep)(selectedRows)
+        }); // rowClick?.(selectedRows)
       }
     } else {
       rowClick === null || rowClick === void 0 ? void 0 : rowClick(record);
@@ -1120,13 +1131,13 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         showSizeChanger: true,
         showQuickJumper: true,
         showTotal: function showTotal(total) {
-          return (locale === null || locale === void 0 ? void 0 : locale.locale) === 'zh-cn' ? "\u5171 ".concat(total, " \u6761") : "total ".concat(total, " Page");
+          return (locale === null || locale === void 0 ? void 0 : locale.locale) === 'en' ? "total ".concat(total, " Page") : "\u5171 ".concat(total, " \u6761");
         },
-        locale: (locale === null || locale === void 0 ? void 0 : locale.locale) === 'zh-cn' ? {
+        locale: (locale === null || locale === void 0 ? void 0 : locale.locale) === 'en' ? (locale === null || locale === void 0 ? void 0 : locale.Pagination) || {} : {
           items_per_page: '/条',
           jump_to: '前往',
           page: '页'
-        } : (locale === null || locale === void 0 ? void 0 : locale.Pagination) || {},
+        },
         size: 'small'
       }, pagination),
       rowSelection: rowSelection === false ? undefined : (0, _objectSpread2.default)({
@@ -1134,7 +1145,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         type: 'checkbox',
         columnWidth: 36,
         selectedRowKeys: useSelectedRows.selectedRows.map(function (v) {
-          return v[rowKey];
+          return (0, _lodash.isObject)(v) ? v[rowKey] : v;
         }),
 
         /** 如果开启了行分组，则需要把checkStrictly关闭，变成受控模式 */
@@ -1142,8 +1153,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         onChange: !(rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) ? function (selectedRowKeys, selectedRows) {
           setSelectedRows({
             selectedRows: selectedRows
-          });
-          rowClick === null || rowClick === void 0 ? void 0 : rowClick(selectedRows);
+          }); // rowClick?.(selectedRows)
         } : undefined,
         onSelectAll: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) ? function (selected, selectedRows, changeRows) {
           var changeRowKeys = changeRows === null || changeRows === void 0 ? void 0 : changeRows.map(function (item) {
@@ -1154,8 +1164,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           });
           setSelectedRows({
             selectedRows: reulstSelect
-          });
-          rowClick === null || rowClick === void 0 ? void 0 : rowClick(reulstSelect);
+          }); // rowClick?.(reulstSelect)
         } : undefined,
         onSelect: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) ? function (record, selected) {
           var reulstSelect = selected ? (0, _lodash.uniqBy)([].concat((0, _toConsumableArray2.default)(rowSelection.selectedRows), [record]), rowKey) : rowSelection.selectedRows.filter(function (item) {
@@ -1163,8 +1172,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           });
           setSelectedRows({
             selectedRows: reulstSelect
-          });
-          rowClick === null || rowClick === void 0 ? void 0 : rowClick(reulstSelect);
+          }); // rowClick?.(reulstSelect)
         } : undefined
       }, rowSelection),
       onRow: function onRow(record) {
@@ -1228,14 +1236,12 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       clearSelect: function clearSelect() {
         setSelectedRows({
           selectedRows: []
-        });
-        rowClick === null || rowClick === void 0 ? void 0 : rowClick([]);
+        }); // rowClick?.([])
       },
       customSetCheckboxRecords: function customSetCheckboxRecords(value) {
         setSelectedRows({
           selectedRows: value
-        });
-        rowClick === null || rowClick === void 0 ? void 0 : rowClick(value);
+        }); // rowClick?.(value)
       },
       checkboxRecords: useSelectedRows.selectedRows,
       columns: useColumns.map(function (item) {
@@ -1243,14 +1249,12 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       })
     };
   }); // loading触发清空选中状态
+  // useEffect(() => {
+  //   console.log(3)
+  //   setSelectedRows({ selectedRows: [] })
+  // }, [loading])
 
 
-  (0, _react.useEffect)(function () {
-    setSelectedRows({
-      selectedRows: []
-    });
-  }, [loading]);
-
   var onTableChange = function onTableChange(pagination, filters, sorter, extra) {
     var resultColumns = useColumns.map(function (item) {
       var obj = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
@@ -1450,13 +1454,13 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$autoSizer = props.autoSizer,
       autoSizer = _props$autoSizer === void 0 ? false : _props$autoSizer;
 
-  var _useState25 = (0, _react.useState)({
+  var _useState23 = (0, _react.useState)({
     width: '100%',
     height: '100%'
   }),
-      _useState26 = (0, _slicedToArray2.default)(_useState25, 2),
-      tableSize = _useState26[0],
-      setTableSize = _useState26[1];
+      _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
+      tableSize = _useState24[0],
+      setTableSize = _useState24[1];
 
   var defaultRef = ref || (0, _react.useRef)(null);
   var tableWarpRef = (0, _react.useRef)(null);

package/es/LmTable/hooks/useRowSelectControllableValue.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _utils = require("ahooks/lib/utils");
+
+var _ahooks = require("ahooks");
+
+function useControllableValue() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var defaultValue = options.defaultValue,
+      _options$defaultValue = options.defaultValuePropName,
+      defaultValuePropName = _options$defaultValue === void 0 ? 'defaultValue' : _options$defaultValue,
+      _options$valuePropNam = options.valuePropName,
+      valuePropName = _options$valuePropNam === void 0 ? 'value' : _options$valuePropNam,
+      _options$trigger = options.trigger,
+      trigger = _options$trigger === void 0 ? 'onChange' : _options$trigger;
+  var value = props[valuePropName];
+  var isControlled = props === null || props === void 0 ? void 0 : props.hasOwnProperty(valuePropName);
+  var isControlledOnChange = props[trigger];
+  var initialValue = (0, _react.useMemo)(function () {
+    if (isControlled) {
+      return value;
+    }
+
+    if (props === null || props === void 0 ? void 0 : props.hasOwnProperty(defaultValuePropName)) {
+      return props[defaultValuePropName];
+    }
+
+    return defaultValue;
+  }, []);
+  var stateRef = (0, _react.useRef)(initialValue);
+
+  if (isControlled && isControlledOnChange) {
+    stateRef.current = value;
+  }
+
+  var update = (0, _ahooks.useUpdate)();
+
+  function setState(v) {
+    var r = (0, _utils.isFunction)(v) ? v(stateRef.current) : v;
+
+    if (!isControlledOnChange) {
+      stateRef.current = r;
+      update();
+    }
+
+    if (props[trigger]) {
+      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        args[_key - 1] = arguments[_key];
+      }
+
+      props[trigger].apply(props, [r].concat(args));
+    }
+  }
+
+  return [stateRef.current, (0, _ahooks.useMemoizedFn)(setState)];
+}
+
+var _default = useControllableValue;
+exports.default = _default;