linkmore-design 1.0.57 → 1.0.58

package/es/LmFilter/components/CheckboxFilter.js

@@ -44,20 +44,16 @@ var CheckboxFilter = function CheckboxFilter(_ref) {
       setVisible = instance.setVisible;
   var _itemProps$data = itemProps.data,
       filters = _itemProps$data === void 0 ? [] : _itemProps$data;
-  var inputRef = (0, _react.useRef)(); // 选中的数据项: [{}, {}, ...];
+  var inputRef = (0, _react.useRef)(); // 选中的数据项: [key, key, ...];
 
   var _useState = (0, _react.useState)(filterValue),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       checkedValues = _useState2[0],
       setCheckedValues = _useState2[1]; // 选中的数据的键
+  // const checkedKeys = useMemo(() => checkedValues.map(v => v), [checkedValues]);
+  // 搜索后的筛选项
 
 
-  var checkedKeys = (0, _react.useMemo)(function () {
-    return checkedValues.map(function (v) {
-      return v.value;
-    });
-  }, [checkedValues]); // 搜索后的筛选项
-
   var _useState3 = (0, _react.useState)(filters),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
       options = _useState4[0],
@@ -74,7 +70,7 @@ var CheckboxFilter = function CheckboxFilter(_ref) {
     return isAll && options.every(function (_ref2) {
       var value = _ref2.value;
       return checkedValues.some(function (v) {
-        return v.value === value;
+        return v === value;
       });
     });
   }, [checkedValues, options]); // 是否半选: 存在选中的数据 && 未全选
@@ -94,20 +90,17 @@ var CheckboxFilter = function CheckboxFilter(_ref) {
 
   var onChange = function onChange(e, item) {
     e.preventDefault();
-    var nValue = checkedValues.some(function (_ref3) {
-      var value = _ref3.value;
+    var nValue = checkedValues.some(function (value) {
       return value === item.value;
-    }) ? checkedValues.filter(function (_ref4) {
-      var value = _ref4.value;
+    }) ? checkedValues.filter(function (value) {
       return value !== item.value;
-    }) : (0, _utils.uniqueFunc)([].concat((0, _toConsumableArray2.default)(checkedValues), [item]), 'value');
+    }) : (0, _utils.uniqueFunc)([].concat((0, _toConsumableArray2.default)(checkedValues), [item.value]), 'value');
     setCheckedValues(nValue);
   }; // 全选事件
 
 
   var onCheckAllChange = function onCheckAllChange() {
-    var nValue = checkAll ? checkedValues.filter(function (_ref5) {
-      var value = _ref5.value;
+    var nValue = checkAll ? checkedValues.filter(function (value) {
       return !options.some(function (v) {
         return v.value === value;
       });
@@ -159,18 +152,17 @@ var CheckboxFilter = function CheckboxFilter(_ref) {
   }, "\u5168\u90E8"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
     className: "filter_tip"
   }, "\u5DF2\u9009: ", checkedValues.length)))), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox.Group, {
-    value: checkedKeys,
+    value: checkedValues,
     className: "filter_body"
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.VirtualList, {
     options: options,
     className: "filter_list"
-  }, function (_ref6) {
-    var item = _ref6.item,
-        resetProps = (0, _objectWithoutProperties2.default)(_ref6, _excluded);
+  }, function (_ref3) {
+    var item = _ref3.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
       className: (0, _classnames.default)('filter_item', {
-        checked: checkedValues.some(function (_ref7) {
-          var value = _ref7.value;
+        checked: checkedValues.some(function (value) {
           return value === item.value;
         })
       }),

package/es/LmFilter/components/DateFilter.js

@@ -19,15 +19,28 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _linkmoreDesign = require("linkmore-design");
 
+var _moment = _interopRequireDefault(require("moment"));
+
 var _utils = require("../utils");
 
 var RangePicker = function RangePicker(_ref) {
-  var filterValue = _ref.filterValue,
-      setFilterValue = _ref.setFilterValue,
+  var instance = _ref.instance,
       onChange = _ref.onChange,
-      itemProps = _ref.itemProps,
-      visible = _ref.visible;
-  // 最近的时间段, 值为JSON转换后的字符串
+      itemProps = _ref.itemProps;
+  var filterValue = instance.filterValue,
+      setFilterValue = instance.setFilterValue,
+      visible = instance.visible,
+      setVisible = instance.setVisible;
+  var defaultValue = (0, _react.useMemo)(function () {
+    var nValue;
+
+    if ((0, _utils.getIsHas)(filterValue)) {
+      nValue = [(0, _moment.default)(filterValue[0]), (0, _moment.default)(filterValue[1])];
+    }
+
+    return nValue;
+  }, [filterValue]); // 最近的时间段, 值为JSON转换后的字符串
+
   var ranges = (0, _react.useMemo)(function () {
     return Object.entries((0, _utils.getRanges)()).map(function (item, i) {
       return {
@@ -82,17 +95,17 @@ var RangePicker = function RangePicker(_ref) {
         color: 'var(--text-color)'
       }
     }),
-    placeholder: ['开始日期', '结束日期'],
-    style: {
-      width: 210
-    }
+    placeholder: ['开始日期', '结束日期']
   }, itemProps, {
+    value: defaultValue,
     onChange: handleOnChange,
     open: visible,
+    onOpenChange: function onOpenChange(vis) {
+      return setVisible(vis);
+    },
     panelRender: panelRender,
     dropdownClassName: "lm_filter_dropdown_picker",
-    bordered: false,
-    size: "small",
+    size: "middle",
     inputReadOnly: true
   })));
 }; // 日期范围选择器
@@ -103,11 +116,25 @@ var DatePickerFilter = function DatePickerFilter(_ref2) {
       itemProps = _ref2.item;
   var filterValue = instance.filterValue,
       setFilterValue = instance.setFilterValue,
-      visible = instance.visible;
-  var _itemProps$props = itemProps.props,
-      props = _itemProps$props === void 0 ? {
-    picker: 'date'
-  } : _itemProps$props; // 选中时间段的触发
+      visible = instance.visible,
+      setVisible = instance.setVisible;
+  var props = itemProps.props;
+
+  var _ref3 = props || {},
+      _ref3$picker = _ref3.picker,
+      picker = _ref3$picker === void 0 ? 'date' : _ref3$picker;
+
+  var defaultValue = (0, _react.useMemo)(function () {
+    var nValue; // 周/月/季/年 需要处理回显
+
+    if (picker !== 'date') return nValue;
+
+    if (filterValue) {
+      nValue = (0, _moment.default)(filterValue);
+    }
+
+    return nValue;
+  }, [filterValue]); // 选中时间段的触发
 
   var onChange = function onChange(dates, dateStrings) {
     setFilterValue((0, _utils.getIsHas)(dateStrings) ? dateStrings : null);
@@ -115,21 +142,22 @@ var DatePickerFilter = function DatePickerFilter(_ref2) {
 
   if (['range', 'rangePicker'].includes(itemProps.dateType || itemProps.datetype)) {
     return /*#__PURE__*/_react.default.createElement(RangePicker, {
-      filterValue: filterValue,
-      setFilterValue: setFilterValue,
+      instance: instance,
       onChange: onChange,
-      itemProps: props,
-      visible: visible
+      itemProps: props
     });
   }
 
   return /*#__PURE__*/_react.default.createElement(_datePicker.default, (0, _extends2.default)({
     placeholder: "\u9009\u62E9\u65F6\u95F4"
   }, props, {
+    defaultValue: defaultValue,
     onChange: onChange,
     open: visible,
-    bordered: false,
-    size: "small",
+    onOpenChange: function onOpenChange(vis) {
+      return setVisible(vis);
+    },
+    size: "middle",
     inputReadOnly: true,
     dropdownClassName: "lm_filter_dropdown_picker"
   }));

package/es/LmFilter/components/DropdownFIlter.js

@@ -100,57 +100,78 @@ var getPlacehodler = function getPlacehodler(props) {
 
 
 var getLabel = function getLabel(filterValue, item) {
-  var _val;
+  var _data$find;
 
-  var val = filterValue;
-  var type = item.type; // 不存在筛选时
+  var type = item.type,
+      data = item.data; // 不存在筛选时
 
-  if (!(0, _utils.getIsHas)(val)) {
+  if (!(0, _utils.getIsHas)(filterValue)) {
     return getPlacehodler(item);
-  } // 存在筛选数据时
+  } // 存在筛选数据时 ⬇️
+  // 级联数据转换平级结构
 
 
-  if (Array.isArray(val)) {
+  if (['cascader'].includes(type)) {
+    var nArr = (0, _utils.getFlatItem)(filterValue, data);
+    var labels = nArr.map(function (v) {
+      return v.label;
+    });
+
+    switch (labels.length) {
+      case 1:
+        return labels[0];
+
+      case 2:
+        return "".concat(labels[0], "\u3001").concat(labels[1]);
+
+      default:
+        return "".concat(labels[0], "\u3001+").concat(labels.length - 1, "...");
+    }
+  }
+
+  if (Array.isArray(filterValue)) {
+    var _data$filter;
+
     // 日期
     if (['date'].includes(type)) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, val[0], /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, filterValue[0], /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
         type: "lmweb-swap-right",
         style: {
           fontSize: 14,
           color: 'var(--text-color)'
         }
-      }), val[1]);
-    } // 级联数据转换平级结构
-
-
-    if (['cascader'].includes(type)) {
-      var _filterValue$map;
-
-      val = (_filterValue$map = filterValue.map(function (v) {
-        return v[1] ? v[1] : v[0].children;
-      })) === null || _filterValue$map === void 0 ? void 0 : _filterValue$map.flat(2);
+      }), filterValue[1]);
     } // 多选
 
 
-    switch (val.length) {
+    var _labels = data === null || data === void 0 ? void 0 : (_data$filter = data.filter(function (v) {
+      return filterValue.includes(v.value);
+    })) === null || _data$filter === void 0 ? void 0 : _data$filter.map(function (v) {
+      return v.label;
+    });
+
+    switch (_labels.length) {
       case 1:
-        return val[0].label;
+        return _labels[0];
 
       case 2:
-        return "".concat(val[0].label, "\u3001").concat(val[1].label);
+        return "".concat(_labels[0], "\u3001").concat(_labels[1]);
 
       default:
-        return "".concat(val[0].label, "\u3001+").concat(val.length - 1, "...");
+        return "".concat(_labels[0], "\u3001+").concat(_labels.length - 1, "...");
     }
   } // 输入框
 
 
   if (['input', 'date'].includes(type)) {
-    return val;
+    return filterValue;
   } // 单选框
 
 
-  return (_val = val) === null || _val === void 0 ? void 0 : _val.label;
+  var label = (_data$find = data.find(function (v) {
+    return v.value === filterValue;
+  })) === null || _data$find === void 0 ? void 0 : _data$find.label;
+  return label;
 };
 /*
  * css样式控制

package/es/LmFilter/components/SelectFilter.js

@@ -53,7 +53,6 @@ var SelectFilter = function SelectFilter(_ref) {
 
   var handleFilter = function handleFilter() {
     var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-    console.log('val', val);
     var serachValues = filters.filter(function (v) {
       return v.label.indexOf(val) > -1;
     });
@@ -63,7 +62,7 @@ var SelectFilter = function SelectFilter(_ref) {
 
   var onChange = function onChange(e, obj) {
     e.preventDefault();
-    setFilterValue === null || setFilterValue === void 0 ? void 0 : setFilterValue(obj);
+    setFilterValue === null || setFilterValue === void 0 ? void 0 : setFilterValue(obj.value);
   }; // 展开下拉时触发: 赋值 && 聚焦 && 重置显示内容
 
 
@@ -98,7 +97,7 @@ var SelectFilter = function SelectFilter(_ref) {
         resetProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
       className: (0, _classnames.default)('filter_item', {
-        checked: item.value === (filterValue === null || filterValue === void 0 ? void 0 : filterValue.value)
+        checked: item.value === filterValue
       }),
       onClick: function onClick(e) {
         return onChange(e, item);

package/es/LmFilter/components/index.js

@@ -55,72 +55,16 @@ var FilterControl = /*#__PURE__*/_react.default.memo(function (props) {
   }),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       aliveValue = _useState2[0],
-      setAliveValue = _useState2[1]; // 单独使用时将值转换为行数据
+      setAliveValue = _useState2[1]; // 单独使用 检查是否受控模式
 
 
   var transformFilterValue = (0, _react.useMemo)(function () {
-    // 检查是否受控模式
-    var checkedValue = value || aliveValue;
-    var getOptions = (resetItem === null || resetItem === void 0 ? void 0 : resetItem.data) || [];
-    var nValue = checkedValue;
-
-    if (['select'].includes(resetItem.type)) {
-      nValue = getOptions === null || getOptions === void 0 ? void 0 : getOptions.find(function (v) {
-        return v.value === checkedValue;
-      });
-    }
-
-    if (['checkbox'].includes(resetItem.type)) {
-      nValue = (getOptions === null || getOptions === void 0 ? void 0 : getOptions.filter(function (v) {
-        return checkedValue.includes(v.value);
-      })) || [];
-    }
-
-    if (['cascader'].includes(resetItem.type)) {
-      // 查询值
-      // const getRow = (val, arr) => {
-      //   let nRow = '';
-      //   arr.forEach(item => {
-      //     nRow = item.value === val ? item : getRow(val, item.children);
-      //   })
-      //   return nRow;
-      // };
-      // checkedValue?.map(v => {
-      //   return Array.isArray(v) ? getRow(v) : getRow(v);
-      // })
-      return '';
-    }
-
-    return nValue;
-  }, [value, aliveValue, resetItem.data, resetItem.type]); // 单独使用时抛出选中的值: val => obj || Array
+    return value || aliveValue;
+  }, [value, aliveValue]); // 单独使用时抛出选中的值
 
   var handleChange = function handleChange(val) {
-    var nValue = val;
-
-    if (['cascader'].includes(resetItem.type)) {
-      var flatKeys = function flatKeys(arr) {
-        return arr.map(function (v) {
-          return v.value;
-        });
-      };
-
-      nValue = val.map(function (v) {
-        return Array.isArray(v) ? flatKeys(v) : v.value;
-      });
-    }
-
-    if (['select'].includes(resetItem.type)) {
-      nValue = val.value;
-    }
-
-    if (['checkbox'].includes(resetItem.type)) {
-      nValue = val.map(function (v) {
-        return v.value;
-      });
-    }
-
-    setAliveValue === null || setAliveValue === void 0 ? void 0 : setAliveValue(nValue);
-    onChange === null || onChange === void 0 ? void 0 : onChange(nValue);
+    setAliveValue === null || setAliveValue === void 0 ? void 0 : setAliveValue(val);
+    onChange === null || onChange === void 0 ? void 0 : onChange(val);
   }; // 重组instance
 
 

package/es/LmFilter/filterFns/index.js

@@ -21,6 +21,8 @@ var CoreOptions = function CoreOptions(_ref) {
   var onChange = props.onChange; // 设置筛选的值 item => Object || Array => [{label: '',  value: ''}, ...]
 
   var setFilterValue = function setFilterValue(item, field) {
+    var _Object$entries;
+
     var basicFilter = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state.basicFilter), {}, (0, _defineProperty2.default)({}, field, item));
 
     if (!(0, _utils.getIsHas)(item)) {
@@ -32,26 +34,24 @@ var CoreOptions = function CoreOptions(_ref) {
       type: 'changeBasicFilter',
       basicFilter: basicFilter
     });
-
-    var formatVK = function formatVK() {
-      var obj = {};
-      Object.entries(basicFilter).forEach(function (item) {
-        if (Array.isArray(item[1])) {
-          obj[item[0]] = item[1].map(function (v) {
-            return v.value;
-          });
-          return;
-        }
-
-        obj[item[0]] = item[1].value;
-      });
-      return obj;
-    }; // 触发外部事件
-
+    dispatch({
+      type: 'changeComplexFilter',
+      complexFilter: {}
+    }); // 基础筛选清空高级筛选
+    // 抛出给外部存储
+
+    var filterQuery = (_Object$entries = Object.entries(basicFilter)) === null || _Object$entries === void 0 ? void 0 : _Object$entries.map(function (v) {
+      return {
+        fieldName: v[0],
+        value: v[1],
+        operator: 0
+      };
+    }); // 触发外部事件
 
     onChange === null || onChange === void 0 ? void 0 : onChange({
       basicFilter: basicFilter,
-      formatVK: formatVK()
+      filterQuery: filterQuery,
+      type: 'basic'
     });
   }; // 根据字段查找过滤的数据, 不存在时返回默认值
 

package/es/LmFilter/style/style.css

@@ -14,6 +14,7 @@
   display: inline-flex;
 }
 .lm_filter_basic_item {
+  font-size: 12px;
   display: inline-flex;
   align-items: center;
   line-height: 1;
@@ -65,7 +66,7 @@
 }
 .ant-dropdown.filter_dropdown_container_date .ant-picker {
   visibility: hidden;
-  transform: translateY(-28px);
+  transform: translateY(-36px);
 }
 .ant-dropdown .filter_dropdown {
   display: flex;

package/es/LmFilter/utils.js

@@ -5,14 +5,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getFlat = getFlat;
+exports.getFlatItem = getFlatItem;
 exports.getIsHas = getIsHas;
 exports.getRanges = getRanges;
 exports.getValueForType = getValueForType;
 exports.uniqueFunc = uniqueFunc;
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
 
 var _dayjs = _interopRequireDefault(require("dayjs"));
@@ -44,7 +42,9 @@ function getValueForType(type) {
 function uniqueFunc(arr, guid) {
   var res = new Map();
   return arr.filter(function (item) {
-    return !res.has(item[guid]) && res.set(item[guid], 1);
+    var isHas = (item === null || item === void 0 ? void 0 : item[guid]) || typeof (item === null || item === void 0 ? void 0 : item[guid]) === 'number';
+    var resetItem = isHas ? item === null || item === void 0 ? void 0 : item[guid] : item;
+    return !res.has(resetItem) && res.set(resetItem, 1);
   });
 } // 获取最近的时间段
 
@@ -55,17 +55,66 @@ function getRanges() {
     '近一月': [(0, _dayjs.default)().subtract(1, 'month').format('YYYY-MM-DD'), (0, _dayjs.default)().format('YYYY-MM-DD')],
     '近一年': [(0, _dayjs.default)().subtract(1, 'year').format('YYYY-MM-DD'), (0, _dayjs.default)().format('YYYY-MM-DD')]
   };
-}
-
-function getFlat(arr) {
-  var nValue = [];
-  arr.forEach(function (item) {
-    if (item.length > 1) {
-      var suf = item.splice(1);
-      getFlat(suf);
+} // 级联选择器获取深层结构数据 type: 遍历子/父结构
+
+
+function getFlatItem(filterValues, originArr) {
+  var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'children';
+  var nArr = []; // 获取子级项
+
+  var getChildren = function getChildren(item) {
+    var _item$children;
+
+    if (type === 'parent') {
+      nArr.push(item);
+      return;
+    }
+
+    if (item === null || item === void 0 ? void 0 : (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) {
+      item === null || item === void 0 ? void 0 : item.children.forEach(function (v) {
+        return getChildren(v);
+      });
     } else {
-      nValue.push.apply(nValue, (0, _toConsumableArray2.default)(item[0].children));
+      nArr.push(item);
+    }
+  }; // 检测到三级结构
+
+
+  filterValues.forEach(function (item) {
+    if (item.length === 1) {
+      var findItem = originArr.find(function (v) {
+        return v.value === item[item.length - 1];
+      });
+      getChildren(findItem);
+    }
+
+    if (item.length === 2) {
+      var findArr1 = originArr.find(function (v) {
+        return v.value === item[0];
+      }).children;
+
+      var _findItem = findArr1.find(function (v) {
+        return v.value === item[item.length - 1];
+      });
+
+      getChildren(_findItem);
+    }
+
+    if (item.length === 3) {
+      var _findArr = originArr.find(function (v) {
+        return v.value === item[0];
+      }).children;
+
+      var findArr2 = _findArr.find(function (v) {
+        return v.value === item[1];
+      }).children;
+
+      var _findItem2 = findArr2.find(function (v) {
+        return v.value === item[item.length - 1];
+      });
+
+      nArr.push(_findItem2);
     }
   });
-  return nValue;
+  return nArr;
 }

package/es/LmFilter/wrapper/FilterRoot.js

@@ -72,30 +72,17 @@ var reducer = function reducer(state, action) {
     default:
       throw new Error();
   }
-}; // const getRows = ({ fieldName, value }, arr) => {
-//   const findItem = arr.find(item => {
-//     return item.field === fieldName;
-//   })
-//   switch (findItem.type) {
-//     case 'input':
-//       return value;
-//     case 'select':
-//       return findItem.data.find(v => v.value === value);
-//     case 'checkbox':
-//       return findItem.data.find(v => [value].includes(v.value));
-//     default:
-//       break;
-//   }
-// };
-// 仅在初始化时触发一次
+}; // 仅在初始化时触发一次
 
 
 var getInitialState = function getInitialState(_ref) {
+  var _filterQuery$filter;
+
   var localization = _ref.localization;
   var globalQuery = localization.globalQuery,
       filterQuery = localization.filterQuery;
   var basicFilter = {};
-  filterQuery.filter.forEach(function (item) {
+  filterQuery === null || filterQuery === void 0 ? void 0 : (_filterQuery$filter = filterQuery.filter) === null || _filterQuery$filter === void 0 ? void 0 : _filterQuery$filter.forEach(function (item) {
     basicFilter[item.fieldName] = item.value;
   });
   return {

package/es/LmTable/Table.js

@@ -23,14 +23,14 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 
-var _icons = require("@ant-design/icons");
-
 var _proTable = _interopRequireDefault(require("@ant-design/pro-table"));
 
 var _sortable = require("@dnd-kit/sortable");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _linkmoreDesign = require("linkmore-design");
+
 var _lodash = require("lodash");
 
 var _react = _interopRequireWildcard(require("react"));
@@ -39,13 +39,11 @@ var _reactResizable = require("react-resizable");
 
 var _reactSortableHoc = require("react-sortable-hoc");
 
-var _linkmoreDesign = require("linkmore-design");
-
 var _empty = _interopRequireDefault(require("./assets/empty.png"));
 
 var _resetConfig = _interopRequireDefault(require("./resetConfig"));
 
-var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "sortOpen", "resizeable", "customCheck", "components", "rowSelection", "columnsState", "onChange", "filterChange", "tableRowType", "size"],
+var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "sortOpen", "resizeable", "customCheck", "components", "rowSelection", "columnsState", "onChange", "filterChange", "tableRowType", "size", "emptyProps"],
     _excluded2 = ["className", "style"],
     _excluded3 = ["onResize", "width", "onResizeStop"];
 var Summary = _proTable.default.Summary; // const DragHandle = SortableHandle(() => <MenuOutlined style={{ cursor: 'grab', color: '#999' }} />);
@@ -97,7 +95,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       tableRowType = _props$tableRowType === void 0 ? 'default' : _props$tableRowType,
       _props$size = props.size,
       size = _props$size === void 0 ? 'default' : _props$size,
+      emptyProps = props.emptyProps,
       resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  console.log(emptyProps, '--emptyProps');
   var _resetProps$rowKey = resetProps.rowKey,
       rowKey = _resetProps$rowKey === void 0 ? 'id' : _resetProps$rowKey;
 
@@ -513,7 +513,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       width: '100%'
     }
   }, /*#__PURE__*/_react.default.createElement(_configProvider.default, {
-    renderEmpty: customizeRenderEmpty
+    renderEmpty: emptyProps ? function () {
+      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Empty, emptyProps, (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.footer) || null);
+    } : customizeRenderEmpty
   }, /*#__PURE__*/_react.default.createElement(_proTable.default, (0, _extends2.default)({}, config, {
     loading: loading,
     dataSource: dataSource,