linkmore-design 1.0.19 → 1.0.20

package/dist/index.umd.js

@@ -23391,7 +23391,7 @@
 	}
 
 	var add = createAdder(1, 'add'),
-	    subtract = createAdder(-1, 'subtract');
+	    subtract$1 = createAdder(-1, 'subtract');
 
 	function isString(input) {
 	    return typeof input === 'string' || input instanceof String;
@@ -24681,7 +24681,7 @@
 	proto.parsingFlags = parsingFlags;
 	proto.set = stringSet;
 	proto.startOf = startOf;
-	proto.subtract = subtract;
+	proto.subtract = subtract$1;
 	proto.toArray = toArray;
 	proto.toObject = toObject;
 	proto.toDate = toDate;
@@ -24979,7 +24979,7 @@
 	}
 
 	// supports only 2.0-style subtract(1, 's') or subtract(duration)
-	function subtract$1(input, value) {
+	function subtract$1$1(input, value) {
 	    return addSubtract$1(this, input, value, -1);
 	}
 
@@ -25343,7 +25343,7 @@
 	proto$2.isValid = isValid$1;
 	proto$2.abs = abs;
 	proto$2.add = add$1;
-	proto$2.subtract = subtract$1;
+	proto$2.subtract = subtract$1$1;
 	proto$2.as = as;
 	proto$2.asMilliseconds = asMilliseconds;
 	proto$2.asSeconds = asSeconds;
@@ -26377,7 +26377,6 @@
 	    onClick: handleReset
 	  }, "\u53D6\u6D88"), /*#__PURE__*/React__default['default'].createElement(linkmoreDesign.Button, {
 	    type: "primary",
-	    disabled: !checkedValues.length,
 	    size: "small",
 	    onClick: handleSure
 	  }, "\u786E\u5B9A")));
@@ -26388,10 +26387,13 @@
 	  var filters = _ref12.filters,
 	      getFilterValue = _ref12.getFilterValue,
 	      setFilterValue = _ref12.setFilterValue;
+
 	  // 选中的数据
-	  var checkedValues = React.useMemo(function () {
-	    return getFilterValue;
-	  }, [getFilterValue]); // 排序后的数组
+	  var _useState9 = React.useState(getFilterValue || []),
+	      _useState10 = _slicedToArray(_useState9, 2),
+	      checkedValues = _useState10[0],
+	      setCheckedValues = _useState10[1]; // 排序后的数组
+
 
 	  var options = React.useMemo(function () {
 	    return filters;
@@ -26411,15 +26413,29 @@
 	    return checkedValues.length === options.length;
 	  }, [checkedValues.length, options.length]); // 全选事件
 
-	  var onCheckAllChange = function onCheckAllChange() {
-	    // const nValue = checkAll ? [] : options.map(v => v.field);
-	    // setCheckedValues(nValue);
-	    setFilterValue(options, checkAll ? 'hidden' : 'show');
+	  var onCheckAllChange = function onCheckAllChange(e) {
+	    e.preventDefault();
+	    e.stopPropagation();
+	    var nValue = checkAll ? [] : options.map(function (v) {
+	      return v.field;
+	    });
+	    console.log('nValue', checkAll, nValue, nValue.length);
+	    setCheckedValues(nValue); // setFilterValue(options, checkAll ? 'hidden' : 'show')
 	  }; // 重置
 
 
 	  var handleReset = function handleReset() {
 	    return setFilterValue(null, 'reset');
+	  }; // 确定
+
+
+	  var handleSure = function handleSure() {
+	    setFilterValue(checkedValues, 'sure');
+	  }; // 取消
+
+
+	  var handleCancel = function handleCancel() {
+	    setFilterValue(checkedValues, 'cancel');
 	  }; // 置顶操作, 防止频繁操作, 建议加上节流
 
 
@@ -26431,7 +26447,13 @@
 
 	  var onChange = function onChange(e, item) {
 	    e.preventDefault();
-	    setFilterValue(item);
+	    e.stopPropagation(); // setFilterValue(item)
+
+	    var nValue = checkedValues.includes(item.field) ? checkedValues.filter(function (v) {
+	      return v !== item.field;
+	    }) : [].concat(_toConsumableArray(checkedValues), [item.field]);
+	    console.log('item', getFilterValue, nValue, checkedValues, item);
+	    setCheckedValues(nValue);
 	  };
 
 	  return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -26440,11 +26462,13 @@
 	    className: "filter_header"
 	  }, /*#__PURE__*/React__default['default'].createElement("div", {
 	    className: "filter_header_operate"
+	  }, /*#__PURE__*/React__default['default'].createElement("div", {
+	    onClick: onCheckAllChange,
+	    className: "filter_header_operate_checked"
 	  }, /*#__PURE__*/React__default['default'].createElement(linkmoreDesign.Checkbox, {
 	    indeterminate: indeterminate,
-	    onChange: onCheckAllChange,
 	    checked: checkAll
-	  }, "\u5168\u90E8"), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("span", {
+	  }, "\u5168\u90E8")), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("span", {
 	    className: "filter_reset",
 	    onClick: handleReset
 	  }, "\u91CD\u7F6E")))), /*#__PURE__*/React__default['default'].createElement(linkmoreDesign.Checkbox.Group, {
@@ -26474,7 +26498,16 @@
 	        return handleTop(e, item);
 	      }
 	    })));
-	  })));
+	  })), /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "filter_footer"
+	  }, /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "footer_clear",
+	    onClick: handleCancel
+	  }, "\u53D6\u6D88"), /*#__PURE__*/React__default['default'].createElement(linkmoreDesign.Button, {
+	    type: "primary",
+	    size: "small",
+	    onClick: handleSure
+	  }, "\u786E\u5B9A")));
 	}; // 日期范围选择器
 
 
@@ -26584,25 +26617,25 @@
 	      itemProps = _props$itemProps === void 0 ? {} : _props$itemProps,
 	      isFiltering = props.isFiltering;
 
-	  var _useState9 = React.useState(false),
-	      _useState10 = _slicedToArray(_useState9, 2),
-	      visible = _useState10[0],
-	      setVisible = _useState10[1];
-
-	  var _useState11 = React.useState(filters),
+	  var _useState11 = React.useState(false),
 	      _useState12 = _slicedToArray(_useState11, 2),
-	      options = _useState12[0],
-	      setOptions = _useState12[1];
+	      visible = _useState12[0],
+	      setVisible = _useState12[1];
 
-	  var _useState13 = React.useState('全部'),
+	  var _useState13 = React.useState(filters),
 	      _useState14 = _slicedToArray(_useState13, 2),
-	      text = _useState14[0],
-	      setText = _useState14[1];
+	      options = _useState14[0],
+	      setOptions = _useState14[1];
 
-	  var _useState15 = React.useState(getFilterValue || itemProps.multiple ? [] : ''),
+	  var _useState15 = React.useState('全部'),
 	      _useState16 = _slicedToArray(_useState15, 2),
-	      checkedValues = _useState16[0],
-	      setCheckedValues = _useState16[1]; // const isSearch = useMemo(() => filters.length > 8, [filters.length]);
+	      text = _useState16[0],
+	      setText = _useState16[1];
+
+	  var _useState17 = React.useState(getFilterValue || itemProps.multiple ? [] : ''),
+	      _useState18 = _slicedToArray(_useState17, 2),
+	      checkedValues = _useState18[0],
+	      setCheckedValues = _useState18[1]; // const isSearch = useMemo(() => filters.length > 8, [filters.length]);
 
 
 	  var handleFilter = function handleFilter(val) {
@@ -26984,11 +27017,36 @@
 	        });
 	        (_state$instance$onCha = (_state$instance = state.instance).onChange) === null || _state$instance$onCha === void 0 ? void 0 : _state$instance$onCha.call(_state$instance, filterValues, state.customFilterValues); // 触发外部查询事件
 	      }
+	    }
+
+	    if (type === 'sure') {
+	      var _state$instance$onCha2, _state$instance2;
+
+	      var flag = false; // 是否触发查询
+
+	      dispatch({
+	        type: 'changeVisibleFields',
+	        visibleFields: item
+	      }); // 收起时，仅当存在筛选条件时, 才会触发筛选改变事件
+
+	      var _filterValues = _objectSpread({}, state.filterValues);
+
+	      Object.keys(_filterValues).forEach(function (v) {
+	        if (!item.includes(v)) {
+	          flag = true;
+	          delete _filterValues[v];
+	        }
+	      });
+	      dispatch({
+	        type: 'changeFilterValues',
+	        filterValues: _filterValues
+	      });
+	      flag && ((_state$instance$onCha2 = (_state$instance2 = state.instance).onChange) === null || _state$instance$onCha2 === void 0 ? void 0 : _state$instance$onCha2.call(_state$instance2, _filterValues, state.customFilterValues)); // 触发外部查询事件
 	    } // 重置操作: 输入框的内容不重置
 
 
 	    if (type === 'reset') {
-	      var _state$instance$onCha2, _state$instance2;
+	      var _state$instance$onCha3, _state$instance3;
 
 	      var searchKey = state.instance.searchKey;
 	      var searchValue = state.filterValues[searchKey];
@@ -27015,7 +27073,7 @@
 	        type: 'initOptions',
 	        options: options
 	      });
-	      (_state$instance$onCha2 = (_state$instance2 = state.instance).onChange) === null || _state$instance$onCha2 === void 0 ? void 0 : _state$instance$onCha2.call(_state$instance2, obj, state.customFilterValues); // 触发外部查询事件
+	      (_state$instance$onCha3 = (_state$instance3 = state.instance).onChange) === null || _state$instance$onCha3 === void 0 ? void 0 : _state$instance$onCha3.call(_state$instance3, obj, state.customFilterValues); // 触发外部查询事件
 	    }
 
 	    if (type === 'top') {
@@ -27045,7 +27103,7 @@
 
 
 	        if (JSON.stringify(searchObj) !== JSON.stringify(state.filterValues)) {
-	          var _state$instance$onCha3, _state$instance3;
+	          var _state$instance$onCha4, _state$instance4;
 
 	          var _obj = {};
 	          getIsHas(_searchValue) && (_obj[_searchKey] = _searchValue);
@@ -27053,7 +27111,7 @@
 	            type: 'changeFilterValues',
 	            filterValues: _obj
 	          });
-	          (_state$instance$onCha3 = (_state$instance3 = state.instance).onChange) === null || _state$instance$onCha3 === void 0 ? void 0 : _state$instance$onCha3.call(_state$instance3, _obj, state.customFilterValues); // 触发外部查询事件
+	          (_state$instance$onCha4 = (_state$instance4 = state.instance).onChange) === null || _state$instance$onCha4 === void 0 ? void 0 : _state$instance$onCha4.call(_state$instance4, _obj, state.customFilterValues); // 触发外部查询事件
 	        }
 	      }
 	    } // 人性化设计,位置不变无需收起
@@ -73683,6 +73741,891 @@
 	  }))));
 	};
 
+	// 表格基础配置文件
+	// 行选择
+	var checkConfig$1 = {
+	  trigger: 'row',
+	  highlight: false
+	}; // 列排序
+
+	var sortConfig$1 = {
+	  trigger: 'default',
+	  checkRowIds: []
+	}; // 列过滤
+
+	var filterConfig$1 = {
+	  trigger: 'default',
+	  checkRowIds: []
+	}; // 分页
+
+	var pagerConfig$1 = {
+	  pageSize: 30,
+	  pageIndex: 0
+	}; // 编辑配置
+
+	var editConfig$1 = {
+	  enabled: false
+	};
+	var ResetConfig$1 = {
+	  checkConfig: checkConfig$1,
+	  sortConfig: sortConfig$1,
+	  filterConfig: filterConfig$1,
+	  pagerConfig: pagerConfig$1,
+	  editConfig: editConfig$1
+	};
+
+	var _excluded$1a = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "customCheck"];
+	var Summary$1 = ProviderWarp.Summary;
+	var ResetTable$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
+	  var dataSource = props.dataSource,
+	      autoSize = props.autoSize,
+	      columns = props.columns,
+	      rowClick = props.rowClick,
+	      _onDoubleClick = props.onDoubleClick,
+	      checkConfig = props.checkConfig,
+	      _summary = props.summary,
+	      pagination = props.pagination,
+	      hiddenPage = props.hiddenPage,
+	      loading = props.loading,
+	      _props$virtual = props.virtual,
+	      virtual = _props$virtual === void 0 ? false : _props$virtual,
+	      customCheck = props.customCheck,
+	      resetProps = _objectWithoutProperties(props, _excluded$1a);
+
+	  console.log(virtual, '--virtual', autoSize);
+	  var _resetProps$rowKey = resetProps.rowKey,
+	      rowKey = _resetProps$rowKey === void 0 ? 'id' : _resetProps$rowKey;
+
+	  var _useState = React.useState({
+	    selectedRows: []
+	  }),
+	      _useState2 = _slicedToArray(_useState, 2),
+	      useSelectedRows = _useState2[0],
+	      setSelectedRows = _useState2[1]; // 复选中的值
+
+
+	  var _useState3 = React.useState(''),
+	      _useState4 = _slicedToArray(_useState3, 2),
+	      useActiveKey = _useState4[0],
+	      setActiveKey = _useState4[1]; // 行选中
+
+
+	  var _useState5 = React.useState([]),
+	      _useState6 = _slicedToArray(_useState5, 2),
+	      useColumns = _useState6[0],
+	      setColumns = _useState6[1]; // 列设置
+
+
+	  var _useState7 = React.useState(),
+	      _useState8 = _slicedToArray(_useState7, 2),
+	      columnsStateMap = _useState8[0],
+	      setColumnsStateMap = _useState8[1]; // 原宽度，先宽度，序号
+
+
+	  var handleResize = function handleResize(sc, size, index) {
+	    var preCountW = lodash.sumBy(useColumns, 'width') + 36;
+	    var curCountW = preCountW - sc + size;
+	    var scale = curCountW > preCountW ? subtract(preCountW, size) / subtract(preCountW, sc) : subtract(autoSize.width, size) / subtract(autoSize.width, sc);
+	    var nValue = useColumns.map(function (v, idx) {
+	      var w = curCountW < autoSize.width ? scale * v.width : v.width;
+	      return _objectSpread(_objectSpread({}, v), {}, {
+	        width: idx === index ? size : w
+	      });
+	    });
+	    setColumns(_toConsumableArray(nValue));
+	  };
+
+	  var resetColumns = React.useCallback(function () {
+	    return useColumns.map(function (col, index) {
+	      return _objectSpread(_objectSpread({}, col), {}, {
+	        width: col.width,
+	        onHeaderCell: function onHeaderCell(column) {
+	          return {
+	            width: column.width,
+	            onResize: function onResize(e, size) {
+	              return handleResize(e, size, index);
+	            }
+	          };
+	        }
+	      });
+	    });
+	  }, [useColumns]);
+	  React.useEffect(function () {
+	    setColumns(columns);
+	  }, [columns]); // 行点击事件
+
+	  var onRecord = function onRecord(record) {
+	    var _Object$assign = Object.assign(ResetConfig$1.checkConfig, checkConfig),
+	        trigger = _Object$assign.trigger,
+	        highlight = _Object$assign.highlight;
+
+	    if (highlight) {
+	      setActiveKey(record[rowKey]);
+	    }
+
+	    if (trigger === 'row') {
+	      var selectedRows = useSelectedRows.selectedRows;
+	      var selectedRowKeys = selectedRows.map(function (v) {
+	        return v[rowKey];
+	      });
+	      var Idx = selectedRowKeys.indexOf(record[rowKey]);
+	      Idx >= 0 ? selectedRows.splice(Idx, 1) : selectedRows.push(record);
+	      setSelectedRows({
+	        selectedRows: selectedRows
+	      });
+	    }
+
+	    rowClick === null || rowClick === void 0 ? void 0 : rowClick(record);
+	  }; // 重写表格，增加虚拟滚动
+	  // const vComponents = useMemo(() => {
+	  //   return VList({
+	  //     height: autoSize.height, // 此值和scrollY值相同. 必传.
+	  //   })
+	  // }, [autoSize.height])
+	  // 复选框配置
+
+
+	  var config = React.useMemo(function () {
+	    return _objectSpread({
+	      defaultSize: 'small',
+	      tableLayout: 'fixed',
+	      rowKey: rowKey,
+	      debounceTime: 300,
+	      revalidateOnFocus: false,
+	      options: {
+	        setting: true,
+	        density: false,
+	        fullScreen: false,
+	        reload: false
+	      },
+	      columnsState: {
+	        value: columnsStateMap,
+	        onChange: function onChange(k) {
+	          setColumnsStateMap(k);
+	        }
+	      },
+	      search: false,
+	      tableAlertRender: false,
+	      checkConfig: checkConfig,
+	      // components: vComponents,
+	      scroll: _objectSpread({
+	        x: '100%',
+	        y: autoSize.height
+	      }, props.scroll),
+	      pagination: !hiddenPage && _objectSpread({
+	        showSizeChanger: true,
+	        showQuickJumper: true,
+	        showTotal: function showTotal(total) {
+	          return "\u5171 ".concat(total, " \u6761");
+	        }
+	      }, pagination),
+	      rowSelection: {
+	        fixed: true,
+	        type: 'checkbox',
+	        columnWidth: 36,
+	        selectedRowKeys: useSelectedRows.selectedRows.map(function (v) {
+	          return v[rowKey];
+	        }),
+	        onChange: function onChange(selectedRowKeys, selectedRows, t, s) {
+	          setSelectedRows({
+	            selectedRows: selectedRows
+	          });
+	          rowClick === null || rowClick === void 0 ? void 0 : rowClick(selectedRows);
+	        }
+	      },
+	      onRow: function onRow(record) {
+	        return {
+	          onClick: function onClick(e) {
+	            onRecord(record);
+	          },
+	          onDoubleClick: function onDoubleClick() {
+	            _onDoubleClick === null || _onDoubleClick === void 0 ? void 0 : _onDoubleClick(record);
+	          }
+	        };
+	      },
+	      rowClassName: function rowClassName(record) {
+	        return record[rowKey] === useActiveKey ? 'row-active' : '';
+	      },
+	      columns: resetColumns()
+	    }, resetProps);
+	  }, [useColumns, useSelectedRows, columnsStateMap, resetProps, autoSize.height]);
+	  var resultColumns = React.useMemo(function () {
+	    var result = useColumns.map(function (item, index) {
+	      var _columnsStateMap$item, _columnsStateMap$item2, _columnsStateMap$item3, _columnsStateMap$item4;
+
+	      return _objectSpread(_objectSpread({}, item), {}, {
+	        colSort: (columnsStateMap === null || columnsStateMap === void 0 ? void 0 : (_columnsStateMap$item = columnsStateMap[item.dataIndex]) === null || _columnsStateMap$item === void 0 ? void 0 : _columnsStateMap$item.order) === undefined ? index : (columnsStateMap === null || columnsStateMap === void 0 ? void 0 : (_columnsStateMap$item2 = columnsStateMap[item.dataIndex]) === null || _columnsStateMap$item2 === void 0 ? void 0 : _columnsStateMap$item2.order) || index,
+	        fixed: (columnsStateMap === null || columnsStateMap === void 0 ? void 0 : (_columnsStateMap$item3 = columnsStateMap[item.dataIndex]) === null || _columnsStateMap$item3 === void 0 ? void 0 : _columnsStateMap$item3.fixed) || item.fixed || undefined,
+	        show: (columnsStateMap === null || columnsStateMap === void 0 ? void 0 : (_columnsStateMap$item4 = columnsStateMap[item.dataIndex]) === null || _columnsStateMap$item4 === void 0 ? void 0 : _columnsStateMap$item4.show) !== false
+	      });
+	    }).filter(function (item) {
+	      return !!item.show;
+	    });
+	    result.sort(function (a, b) {
+	      return (a.fixed === 'left' ? a.colSort : a.fixed === 'right' ? 500 + a.colSort : a.colSort + 50) - (b.fixed === 'left' ? b.colSort : b.fixed === 'right' ? 500 + b.colSort : b.colSort + 50);
+	    });
+	    return result;
+	  }, [columnsStateMap, useColumns]); // useEffect(() => {
+	  //   const countW = sumBy(columns, 'width') + 36
+	  //   const nValue = columns.map((col) => {
+	  //     const rw = countW < autoSize.width ? (autoSize.width / countW) * col.width : col.width
+	  //     return {
+	  //       ...col,
+	  //       width: round(rw),
+	  //     }
+	  //   })
+	  //   setColumns(nValue)
+	  // }, [columns, autoSize.width])
+
+	  React.useEffect(function () {
+	    var obj = {};
+	    columns === null || columns === void 0 ? void 0 : columns.forEach(function (item) {
+	      if (item.fixed) {
+	        obj[item.dataIndex || item.key] = {
+	          fixed: item.fixed
+	        };
+	      }
+	    });
+	    setColumnsStateMap(obj);
+	  }, []); // useEffect(() => {
+	  //   rowClick?.()
+	  // }, [useSelectedRows])
+	  // 将节点方法给外部使用
+
+	  React__default['default'].useImperativeHandle(ref, function () {
+	    return {
+	      getCheckboxRecords: function getCheckboxRecords() {
+	        return useSelectedRows.selectedRows;
+	      },
+	      // 用于按钮触发事件
+	      clearSelect: function clearSelect() {
+	        setSelectedRows({
+	          selectedRows: []
+	        });
+	        rowClick === null || rowClick === void 0 ? void 0 : rowClick([]);
+	      },
+	      customSetCheckboxRecords: function customSetCheckboxRecords(value) {
+	        setSelectedRows({
+	          selectedRows: value
+	        });
+	        rowClick === null || rowClick === void 0 ? void 0 : rowClick(value);
+	      }
+	    };
+	  }); // loading触发清空选中状态
+
+	  React.useEffect(function () {
+	    setSelectedRows({
+	      selectedRows: []
+	    });
+	  }, [loading]);
+	  return /*#__PURE__*/React__default['default'].createElement("div", {
+	    style: {
+	      height: '100%',
+	      width: '100%'
+	    }
+	  }, /*#__PURE__*/React__default['default'].createElement(ProviderWarp, _extends({}, config, {
+	    loading: loading,
+	    dataSource: dataSource,
+	    components: virtual ? vComponents : null,
+	    tableClassName: "lm_protable",
+	    summary: function summary(pageData) {
+	      return _summary && _summary(pageData, resultColumns);
+	    }
+	  })), !!customCheck && /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "lm_customCheck"
+	  }, customCheck));
+	}); // 监听大小: 这里的高度是整个表格的高度，表体需要减去列头和分页的高度
+
+	/** 1: 使用scroll.x y 来控制宽高 默认都是100% */
+
+	var ResizeSize$2 = /*#__PURE__*/React.forwardRef(function (props, ref) {
+	  var _useState9 = React.useState({
+	    width: '100%',
+	    height: '100%'
+	  }),
+	      _useState10 = _slicedToArray(_useState9, 2),
+	      tableSize = _useState10[0],
+	      setTableSize = _useState10[1];
+
+	  var defaultRef = ref || React.useRef(null);
+	  var tableWarpRef = React.useRef(null);
+	  var resizeRef = React.useRef(null);
+	  var throttleSize = React.useCallback(function () {
+	    console.log(tableSize, '211');
+	    var width = tableSize.width,
+	        height = tableSize.height;
+
+	    var resetHeight = function resetHeight() {
+	      var h = height - 48;
+
+	      if (!props.hiddenPage || props.customCheck) {
+	        h -= 32;
+	      }
+
+	      if (props.columns.some(function (v) {
+	        return v.children;
+	      })) {
+	        h -= 32;
+	      }
+
+	      return h;
+	    };
+
+	    return /*#__PURE__*/React__default['default'].createElement(ResetTable$1, _extends({
+	      ref: defaultRef
+	    }, props, {
+	      autoSize: {
+	        height: resetHeight(),
+	        width: width
+	      }
+	    }));
+	  }, [tableSize, props]);
+
+	  var changeSize = function changeSize() {
+	    var _tableWarpRef$current4;
+
+	    var value = props.summary ? 48 : 0;
+
+	    var _tableWarpRef$current = (_tableWarpRef$current4 = tableWarpRef.current) === null || _tableWarpRef$current4 === void 0 ? void 0 : _tableWarpRef$current4.getBoundingClientRect(),
+	        _tableWarpRef$current2 = _tableWarpRef$current.width,
+	        width = _tableWarpRef$current2 === void 0 ? '100%' : _tableWarpRef$current2,
+	        _tableWarpRef$current3 = _tableWarpRef$current.height,
+	        height = _tableWarpRef$current3 === void 0 ? '100%' : _tableWarpRef$current3;
+
+	    setTableSize({
+	      width: width,
+	      height: typeof height === 'string' ? "calc(".concat(height, " - ").concat(value, "px)") : height - value
+	    });
+	  };
+
+	  var handResize = lodash.throttle(changeSize, 600);
+	  React.useEffect(function () {
+	    var _tableWarpRef$current8;
+
+	    var hiddenPage = props.hiddenPage,
+	        customCheck = props.customCheck,
+	        summary = props.summary;
+
+	    var _tableWarpRef$current5 = (_tableWarpRef$current8 = tableWarpRef.current) === null || _tableWarpRef$current8 === void 0 ? void 0 : _tableWarpRef$current8.getBoundingClientRect(),
+	        _tableWarpRef$current6 = _tableWarpRef$current5.width,
+	        width = _tableWarpRef$current6 === void 0 ? '100%' : _tableWarpRef$current6,
+	        _tableWarpRef$current7 = _tableWarpRef$current5.height,
+	        height = _tableWarpRef$current7 === void 0 ? '100%' : _tableWarpRef$current7;
+
+	    console.log(width, height, '--tableWarpReftableWarpRef', tableWarpRef.current);
+	    var value = summary ? 48 : 0;
+	    resizeRef.current = window.addEventListener('resize', handResize);
+	    setTableSize({
+	      width: width,
+	      height: typeof height === 'string' ? "calc(".concat(height, " - ").concat(value, "px)") : height - value - 32
+	    });
+	    return function () {
+	      window.removeEventListener('resize', handResize);
+	    };
+	  }, []);
+	  return /*#__PURE__*/React__default['default'].createElement("div", {
+	    ref: tableWarpRef,
+	    id: "lm_protable_warp",
+	    style: {
+	      width: '100%',
+	      height: '100%'
+	    }
+	  }, throttleSize());
+	});
+	var Table = /*#__PURE__*/React.memo(ResizeSize$2);
+
+	var Context$5 = /*#__PURE__*/React.createContext();
+
+	var _excluded$1b = ["desc"];
+	var Paragraph$2 = _Typography__default['default'].Paragraph;
+
+	var Access$1 = function Access(props) {
+	  var _defaultConfig$desc, _defaultConfig$bigVie;
+
+	  var item = props.item,
+	      style = props.style,
+	      className = props.className;
+
+	  var _useContext = React.useContext(Context$5),
+	      dispatch = _useContext.dispatch,
+	      defaultValue = _useContext.defaultValue,
+	      _useContext$rowKey = _useContext.rowKey,
+	      rowKey = _useContext$rowKey === void 0 ? 'id' : _useContext$rowKey,
+	      config = _useContext.config,
+	      footer = _useContext.footer,
+	      onClick = _useContext.onClick,
+	      _onDoubleClick = _useContext.onDoubleClick,
+	      onTitleClick = _useContext.onTitleClick,
+	      expand = _useContext.expand,
+	      checkboxConfig = _useContext.checkboxConfig;
+
+	  var _useState = React.useState(false),
+	      _useState2 = _slicedToArray(_useState, 2),
+	      useCheck = _useState2[0],
+	      setCheck = _useState2[1];
+
+	  var defaultConfig = React.useMemo(function () {
+	    var desc = config.desc,
+	        resetConfig = _objectWithoutProperties(config, _excluded$1b);
+
+	    return _objectSpread({
+	      title: 'title',
+	      code: 'code',
+	      bigView: [{
+	        label: '计划数量',
+	        value: 'cfg'
+	      }, {
+	        label: '已录入',
+	        value: 'cfg1'
+	      }, {
+	        label: '已准入',
+	        value: 'cfg2'
+	      }],
+	      state: 'state',
+	      stateRender: Index$l,
+	      checkbox: true,
+	      desc: typeof desc === 'function' ? desc(item) : desc
+	    }, resetConfig);
+	  }, [config]); // 多选事件
+
+	  var _onChange = function onChange(val) {
+	    var nValue = val ? [].concat(_toConsumableArray(defaultValue), [item]) : defaultValue.filter(function (v) {
+	      return v[rowKey] !== item[rowKey];
+	    });
+	    dispatch({
+	      type: 'changeList',
+	      checkList: nValue
+	    });
+	  };
+
+	  var handleClick = function handleClick(e) {
+	    e.stopPropagation();
+	    onClick === null || onClick === void 0 ? void 0 : onClick(item);
+
+	    if (checkboxConfig.trigger === 'row') {
+	      _onChange === null || _onChange === void 0 ? void 0 : _onChange(!useCheck);
+	    }
+	  };
+
+	  var handleOnTitleClick = function handleOnTitleClick(e) {
+	    e.stopPropagation();
+	    onTitleClick === null || onTitleClick === void 0 ? void 0 : onTitleClick(item);
+	  };
+
+	  React.useEffect(function () {
+	    setCheck(defaultValue.some(function (v) {
+	      return v[rowKey] === item[rowKey];
+	    }));
+	  }, [defaultValue]);
+	  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "".concat(className, " img_cell_wrap"),
+	    key: item[rowKey],
+	    style: style
+	  }, /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: classnames('card_cell_content', {
+	      checked: useCheck
+	    })
+	  }, /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "card_cell_body",
+	    onClick: handleClick,
+	    onDoubleClick: function onDoubleClick() {
+	      return _onDoubleClick === null || _onDoubleClick === void 0 ? void 0 : _onDoubleClick(item);
+	    }
+	  }, defaultConfig.checkbox && /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "card_cell_checkbox",
+	    onClick: function onClick(e) {
+	      return e.stopPropagation();
+	    }
+	  }, /*#__PURE__*/React__default['default'].createElement(_Checkbox__default['default'], {
+	    checked: useCheck,
+	    onChange: function onChange(e) {
+	      return _onChange(e.target.checked);
+	    }
+	  })), /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "card_cell_info"
+	  }, /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "title"
+	  }, /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "label",
+	    onClick: handleOnTitleClick
+	  }, item[defaultConfig.title]), /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "icon"
+	  }, /*#__PURE__*/React__default['default'].createElement(defaultConfig.stateRender, {
+	    dom: item[defaultConfig.state]
+	  }))), /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "code",
+	    onClick: function onClick(e) {
+	      return e.stopPropagation();
+	    }
+	  }, /*#__PURE__*/React__default['default'].createElement(Paragraph$2, {
+	    copyable: {
+	      tooltips: false,
+	      onCopy: function onCopy() {
+	        return _message__default['default'].success('复制成功！', 1.5);
+	      }
+	    }
+	  }, item[defaultConfig.code])), /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "expand"
+	  }, (_defaultConfig$desc = defaultConfig.desc) === null || _defaultConfig$desc === void 0 ? void 0 : _defaultConfig$desc.map(function (v) {
+	    return /*#__PURE__*/React__default['default'].createElement("div", null, v.label, "\uFF1A", v.value);
+	  }))), /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "card_cell_center"
+	  }, /*#__PURE__*/React__default['default'].createElement("ul", {
+	    className: "list"
+	  }, (_defaultConfig$bigVie = defaultConfig.bigView) === null || _defaultConfig$bigVie === void 0 ? void 0 : _defaultConfig$bigVie.map(function (v) {
+	    return /*#__PURE__*/React__default['default'].createElement("li", {
+	      key: v.value,
+	      className: "item"
+	    }, /*#__PURE__*/React__default['default'].createElement("div", {
+	      className: "num"
+	    }, item[v.value] || 0), /*#__PURE__*/React__default['default'].createElement("div", {
+	      className: "text"
+	    }, v.label));
+	  })))), /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "card_cell_footer"
+	  }, footer && footer(item), expand && /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "footer_expand"
+	  }, expand(item))))));
+	};
+
+	// import IconFont from '@/components/IconFont';
+	var EmptyCom$1 = function EmptyCom() {
+	  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(_Empty__default['default'], {
+	    image: _Empty__default['default'].PRESENTED_IMAGE_SIMPLE
+	  })));
+	};
+
+	var Paragraph$3 = _Typography__default['default'].Paragraph;
+
+	var stateRender$1 = function stateRender(v) {
+	  switch (v) {
+	    case 'ok':
+	      return /*#__PURE__*/React__default['default'].createElement(_Button__default['default'], null, /*#__PURE__*/React__default['default'].createElement(CheckCircleFilled$2, {
+	        style: {
+	          color: 'rgb(253,77,78)'
+	        }
+	      }), "\u5DF2\u5BA1\u6838");
+
+	    case 'wait':
+	      return /*#__PURE__*/React__default['default'].createElement(_Button__default['default'], null, /*#__PURE__*/React__default['default'].createElement(ClockCircleFilled$2, {
+	        style: {
+	          color: 'rgb(253,77,78)'
+	        }
+	      }), "\u5F85\u5BA1\u6838");
+
+	    default:
+	      return /*#__PURE__*/React__default['default'].createElement(_Button__default['default'], null, /*#__PURE__*/React__default['default'].createElement(StopOutlined$2, {
+	        style: {
+	          color: 'rgb(253,77,78)'
+	        }
+	      }), "\u51BB\u7ED3");
+	  }
+	};
+
+	var Cell$1 = function Cell(props) {
+	  var _item$defaultConfig$t;
+
+	  var item = props.item,
+	      style = props.style,
+	      className = props.className;
+
+	  var _useContext = React.useContext(Context$5),
+	      dispatch = _useContext.dispatch,
+	      defaultValue = _useContext.defaultValue,
+	      _useContext$rowKey = _useContext.rowKey,
+	      rowKey = _useContext$rowKey === void 0 ? 'id' : _useContext$rowKey,
+	      config = _useContext.config,
+	      desc = _useContext.desc,
+	      footer = _useContext.footer,
+	      _onDoubleClick = _useContext.onDoubleClick,
+	      expand = _useContext.expand;
+
+	  var _useState = React.useState(false),
+	      _useState2 = _slicedToArray(_useState, 2),
+	      useCheck = _useState2[0],
+	      setCheck = _useState2[1];
+
+	  var defaultConfig = React.useMemo(function () {
+	    return _objectSpread({
+	      title: 'title',
+	      code: 'code',
+	      state: 'state',
+	      tags: 'tags',
+	      checkbox: false,
+	      singleRender: stateRender$1,
+	      mapRender: function mapRender(v, i) {
+	        return /*#__PURE__*/React__default['default'].createElement(_Button__default['default'], {
+	          key: i,
+	          icon: v.icon || /*#__PURE__*/React__default['default'].createElement(StarFilled$2, {
+	            style: {
+	              color: 'rgb(253,77,78)'
+	            }
+	          })
+	        }, v.label);
+	      }
+	    }, config);
+	  }, []); // 多选事件
+
+	  var onChange = function onChange(e) {
+	    var bol = e.target.checked;
+	    var nValue = bol ? [].concat(_toConsumableArray(defaultValue), [item]) : defaultValue.filter(function (v) {
+	      return v[rowKey] !== item[rowKey];
+	    });
+	    dispatch({
+	      type: 'changeList',
+	      checkList: nValue
+	    });
+	  };
+
+	  React.useEffect(function () {
+	    setCheck(defaultValue.some(function (v) {
+	      return v[rowKey] === item[rowKey];
+	    }));
+	  }, [defaultValue]);
+	  return /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "".concat(className, " img_cell_wrap"),
+	    key: item[rowKey],
+	    style: style
+	  }, /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: classnames('img_cell_body', {
+	      checked: useCheck
+	    }),
+	    onDoubleClick: function onDoubleClick() {
+	      return _onDoubleClick === null || _onDoubleClick === void 0 ? void 0 : _onDoubleClick(item);
+	    }
+	  }, /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "img_cell_thum"
+	  }, defaultConfig.checkbox && /*#__PURE__*/React__default['default'].createElement(_Checkbox__default['default'], {
+	    className: "checkBox",
+	    checked: useCheck,
+	    onChange: onChange
+	  }), expand && /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "more"
+	  }, /*#__PURE__*/React__default['default'].createElement(_Dropdown__default['default'], {
+	    placement: "bottomRight",
+	    trigger: "click",
+	    overlay: expand
+	  }, /*#__PURE__*/React__default['default'].createElement(EllipsisOutlined$2, {
+	    className: "more_btn"
+	  }))), /*#__PURE__*/React__default['default'].createElement(EnlargeImg, {
+	    src: item.imgUrl
+	  })), /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "img_cell_title"
+	  }, /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "title"
+	  }, item[defaultConfig.title]), /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "code"
+	  }, desc ? desc(item) : /*#__PURE__*/React__default['default'].createElement(Paragraph$3, {
+	    copyable: {
+	      tooltips: false,
+	      onCopy: function onCopy() {
+	        return _message__default['default'].success('复制成功！', 1.5);
+	      }
+	    }
+	  }, item[defaultConfig.code]))), /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "img_cell_tags"
+	  }, footer ? footer(item) : (item[defaultConfig.state] && defaultConfig.singleRender(item[defaultConfig.state]), (_item$defaultConfig$t = item[defaultConfig.tags]) === null || _item$defaultConfig$t === void 0 ? void 0 : _item$defaultConfig$t.map(defaultConfig.mapRender)))));
+	};
+
+	var ImgList$1 = function ImgList(props) {
+	  var widthCount = props.width,
+	      heightCount = props.height;
+
+	  var _useContext = React.useContext(Context$5),
+	      data = _useContext.data,
+	      _useContext$heightCel = _useContext.heightCell,
+	      heightCell = _useContext$heightCel === void 0 ? 375 : _useContext$heightCel,
+	      _useContext$rowKey = _useContext.rowKey,
+	      rowKey = _useContext$rowKey === void 0 ? 'id' : _useContext$rowKey,
+	      _useContext$cell = _useContext.cell,
+	      cell = _useContext$cell === void 0 ? 'img' : _useContext$cell; // 响应式列数量控制
+
+
+	  var columnCount = React.useMemo(function () {
+	    return widthCount > 1800 ? 7 : widthCount > 1400 ? 6 : widthCount > 1000 ? 5 : 4;
+	  }, [widthCount]);
+	  var widthCell = React.useMemo(function () {
+	    return (widthCount - 8) / columnCount;
+	  }, [widthCount]);
+	  var rowCount = React.useMemo(function () {
+	    var rs = Math.ceil(data.length / columnCount);
+	    return rs;
+	  }, [data, widthCount]);
+	  var Cell = React__default['default'].useCallback(function (_ref) {
+	    var columnIndex = _ref.columnIndex,
+	        rowIndex = _ref.rowIndex,
+	        style = _ref.style;
+	    var idx = rowIndex * columnCount + columnIndex;
+	    var config = {
+	      item: data[idx],
+	      index: idx,
+	      style: style
+	    };
+	    var r = rowIndex === 0 ? 'first_row' : rowIndex === rowCount - 1 ? 'last_row' : '';
+	    var c = columnIndex === 0 ? 'first_column' : columnIndex + 1 === columnCount ? 'last_column' : '';
+	    var classN = "".concat(r, " ").concat(c);
+	    return data[idx] ? cell === 'img' ? /*#__PURE__*/React__default['default'].createElement(Cell$1, _extends({
+	      key: rowKey,
+	      className: classN
+	    }, config)) : /*#__PURE__*/React__default['default'].createElement(Access$1, _extends({
+	      key: rowKey,
+	      className: classN
+	    }, config)) : '';
+	  }, [data, widthCount]);
+	  var Gd = React__default['default'].useCallback(function () {
+	    return /*#__PURE__*/React__default['default'].createElement(VariableSizeGrid, {
+	      className: "virtual-grid lm_imgList",
+	      columnCount: columnCount,
+	      columnWidth: function columnWidth() {
+	        return widthCell;
+	      },
+	      height: heightCount,
+	      rowCount: rowCount,
+	      rowHeight: function rowHeight() {
+	        return heightCell;
+	      },
+	      width: widthCount
+	    }, Cell);
+	  }, [data, widthCount, heightCount]);
+	  return data.length > 0 ? /*#__PURE__*/React__default['default'].createElement(Gd, null) : /*#__PURE__*/React__default['default'].createElement(EmptyCom$1, null);
+	}; // 监听大小
+
+
+	var ResizeSize$3 = function ResizeSize(props) {
+	  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(AutoSizer, {
+	    style: {
+	      width: '100%'
+	    }
+	  }, function (_ref2) {
+	    var height = _ref2.height,
+	        width = _ref2.width;
+	    return /*#__PURE__*/React__default['default'].createElement(ImgList$1, _extends({}, props, {
+	      width: width,
+	      height: height
+	    }));
+	  }));
+	};
+
+	var Footer$1 = function Footer() {
+	  var _useContext = React.useContext(Context$5),
+	      dispatch = _useContext.dispatch,
+	      data = _useContext.data,
+	      onChange = _useContext.onChange,
+	      defaultPage = _useContext.defaultPage;
+
+	  var onPageChange = function onPageChange(pageIndex, pageSize) {
+	    dispatch({
+	      type: 'changePage',
+	      page: {
+	        pageIndex: pageIndex,
+	        pageSize: pageSize
+	      }
+	    });
+	    onChange === null || onChange === void 0 ? void 0 : onChange(pageIndex, pageSize);
+	  };
+
+	  var config = React.useMemo(function () {
+	    return {
+	      total: (defaultPage === null || defaultPage === void 0 ? void 0 : defaultPage.total) || data.length,
+	      current: (defaultPage === null || defaultPage === void 0 ? void 0 : defaultPage.pageIndex) || 1,
+	      pageSize: (defaultPage === null || defaultPage === void 0 ? void 0 : defaultPage.pageSize) || 20
+	    };
+	  }, [defaultPage]);
+	  return /*#__PURE__*/React__default['default'].createElement(_Pagination__default['default'], _extends({
+	    showSizeChanger: true,
+	    showQuickJumper: true,
+	    showTotal: function showTotal(total) {
+	      return "\u5171 ".concat(total, " \u6761");
+	    },
+	    size: "small",
+	    onChange: onPageChange
+	  }, config));
+	};
+
+	var _excluded$1c = ["style", "defaultPage"];
+	var initialState$4 = {
+	  // 选中的数据
+	  checkList: [],
+	  page: {
+	    pageIndex: 1,
+	    pageSize: 20
+	  }
+	};
+
+	var reducer$4 = function reducer(state, action) {
+	  var checkList = action.checkList,
+	      page = action.page,
+	      ifScrollTopClear = action.ifScrollTopClear;
+
+	  switch (action.type) {
+	    // 选中时改变默认
+	    case 'changeList':
+	      return _objectSpread(_objectSpread({}, state), {}, {
+	        checkList: checkList
+	      });
+	    // 更改totalLen
+
+	    case 'changePage':
+	      return _objectSpread(_objectSpread({}, state), {}, {
+	        page: page
+	      });
+
+	    case 'reset':
+	      return _objectSpread(_objectSpread({}, state), {}, {
+	        curScrollTop: ifScrollTopClear ? 0 : state.curScrollTop
+	      });
+
+	    default:
+	      throw new Error();
+	  }
+	};
+
+	var ImgTable$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
+	  var style = props.style,
+	      defaultPage = props.defaultPage,
+	      resetProps = _objectWithoutProperties(props, _excluded$1c);
+
+	  var _useReducer = React.useReducer(reducer$4, initialState$4),
+	      _useReducer2 = _slicedToArray(_useReducer, 2),
+	      state = _useReducer2[0],
+	      dispatch = _useReducer2[1]; // 将节点方法给外部使用
+
+
+	  React__default['default'].useImperativeHandle(ref, function () {
+	    return {
+	      getCheckboxRecords: function getCheckboxRecords() {
+	        return state.checkList;
+	      },
+	      clearSelect: function clearSelect() {
+	        return dispatch({
+	          type: 'changeList',
+	          checkList: []
+	        });
+	      }
+	    };
+	  });
+	  return /*#__PURE__*/React__default['default'].createElement(Context$5.Provider, {
+	    value: _objectSpread(_objectSpread({
+	      dispatch: dispatch
+	    }, resetProps), {}, {
+	      defaultValue: state.checkList,
+	      defaultPage: defaultPage
+	    })
+	  }, /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "lm_img_table",
+	    style: _objectSpread({}, style)
+	  }, /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: classnames('lm_img_body', {
+	      hasChecked: state.checkList.length > 0
+	    })
+	  }, /*#__PURE__*/React__default['default'].createElement(ResizeSize$3, null)), /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "lm_img_footer"
+	  }, /*#__PURE__*/React__default['default'].createElement(Footer$1, null))));
+	});
+
+	Table.ImgTable = ImgTable$1;
+	Table.Summary = Summary$1;
+
 	Object.defineProperty(exports, 'Space', {
 		enumerable: true,
 		get: function () {
@@ -73712,6 +74655,7 @@
 	exports.InputNumber = CInputNumber;
 	exports.LMTabBar = LMTabBar;
 	exports.LeftTable = LeftSide;
+	exports.LmTable = Table;
 	exports.LoadingPage = LoadingPage;
 	exports.Modal = LMModal;
 	exports.OldModal = Modal;