linkmore-design 1.0.12 → 1.0.15

package/es/ProTable/style/style.css

@@ -578,7 +578,6 @@ html {
 .lm_operate .operate_left,
 .lm_operate .operate_right {
   display: flex;
-  padding-bottom: calc(var(--gap) * 2);
 }
 .lm_operate .operate_left:empty,
 .lm_operate .operate_right:empty {
@@ -817,7 +816,7 @@ html {
   height: 100%;
   border-radius: 2px;
   background-color: var(--background-color);
-  padding: 8px;
+  padding: 16px 8px 8px 8px;
   overflow: hidden;
   border: 1px solid transparent;
   transition: 0.3s;
@@ -880,9 +879,11 @@ html {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
+  font-weight: 500;
 }
 .lm_img_table .lm_imgList .img_cell_wrap .img_cell_body .img_cell_title .code {
   padding-top: 5px;
+  color: var(--text-color);
 }
 .lm_img_table .lm_imgList .img_cell_wrap .img_cell_body .img_cell_title .code .ant-typography {
   color: var(--text-color);
@@ -902,6 +903,8 @@ html {
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
+  font-size: 12px;
+  padding-left: 4px;
 }
 .lm_img_table .lm_imgList .img_cell_wrap .img_cell_body .img_cell_tags button.ant-btn-sm {
   border: 0;
@@ -970,6 +973,9 @@ html {
   background: var(--background-color);
   padding: 0 8px;
 }
+.lm_img_table .lm_card_cell_content .card_cell_body .card_cell_info .code {
+  font-size: 12px;
+}
 .lm_img_table .lm_card_cell_content .card_cell_body .card_cell_info .code .ant-typography {
   color: var(--text-color);
   text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
@@ -1056,3 +1062,10 @@ html {
 .lm_img_table .lm_card_cell_content:hover .card_cell_body .card_cell_checkbox {
   opacity: 1;
 }
+.lm_customCheck {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  max-width: 50%;
+  font-size: 12px;
+}

package/es/Radio/style/style.css

@@ -34,6 +34,13 @@
   color: var(--font-color);
   vertical-align: middle;
 }
+.lm-radio-group .ant-radio-button-wrapper .anticon {
+  font-size: 16px;
+  vertical-align: middle;
+}
+.lm-radio-group .ant-radio-button-wrapper:hover {
+  color: var(--primary-color);
+}
 .lm-radio-group .ant-radio-button-wrapper > span:last-child {
   display: inline-block;
   font-size: 12px;

package/es/TabBar/style/style.css

@@ -15,7 +15,6 @@
   list-style: none;
 }
 .lm-tabbar-list-item {
-  height: 40px;
   display: flex;
   flex-direction: row;
   align-items: center;

package/lib/Button/index.js

@@ -41,7 +41,9 @@ var LMButton = function LMButton(props) {
       hover = _props$hover === void 0 ? false : _props$hover,
       restProps = __rest(props, ["children", "className", "size", "type", "hover"]);
 
-  var classs = (0, _classnames.default)('lm-button', className, (0, _defineProperty2.default)({}, "lm-button-".concat(size), size), (0, _defineProperty2.default)({}, "lm-button-".concat(type), type), (0, _defineProperty2.default)({}, "lm-button-".concat(type, "-hover"), type && hover));
+  var classs = (0, _classnames.default)('lm-button', className, {
+    'lm-button-icon-only': !children
+  }, (0, _defineProperty2.default)({}, "lm-button-".concat(size), size), (0, _defineProperty2.default)({}, "lm-button-".concat(type), type), (0, _defineProperty2.default)({}, "lm-button-".concat(type, "-hover"), type && hover));
   return /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({}, restProps, {
     className: classs,
     size: size,

package/lib/Button/style/style.css

@@ -7,7 +7,7 @@
   vertical-align: middle;
 }
 .ant-btn.lm-button .anticon {
-  font-size: 16px;
+  font-size: 12px;
   line-height: 0;
 }
 .ant-btn.lm-button .anticon + span {
@@ -96,3 +96,6 @@
   border: 0 !important;
   background: transparent !important;
 }
+.ant-btn.lm-button-icon-only .anticon {
+  font-size: 16px;
+}

package/lib/CkFilter/components/filterTypes.js

@@ -281,12 +281,12 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
       filters = _ref8$filters === void 0 ? [] : _ref8$filters,
       getFilterValue = _ref8.getFilterValue,
       setFilterValue = _ref8.setFilterValue;
-  var inputRef = (0, _react.useRef)(null);
+  var inputRef = (0, _react.useRef)(null); // 选中的数据项: ['', '', ...];
 
   var _useState5 = (0, _react.useState)(getFilterValue || []),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
       checkedValues = _useState6[0],
-      setCheckedValues = _useState6[1]; // 搜索后的筛选项
+      setCheckedValues = _useState6[1]; // 搜索后的筛选项：[{value: '', ... }, ...]
 
 
   var _useState7 = (0, _react.useState)(filters),
@@ -297,20 +297,29 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
 
   var isSearch = (0, _react.useMemo)(function () {
     return filters.length > 8;
-  }, [filters.length]); // 是否半选
-
-  var indeterminate = (0, _react.useMemo)(function () {
-    return checkedValues.length && checkedValues.length < filters.length;
-  }, [checkedValues.length, filters.length]); // 是否全选
+  }, [filters.length]); // 是否全选: 选中的数据大于等于筛选后的数据 && 筛选后的数据全部存在于选中的数据中
 
   var checkAll = (0, _react.useMemo)(function () {
-    return checkedValues.length === filters.length;
-  }, [checkedValues.length, filters.length]); // 全选事件
+    var isLen = checkedValues.length >= options.length;
+    return isLen && options.every(function (_ref9) {
+      var value = _ref9.value;
+      return checkedValues.includes(value);
+    });
+  }, [checkedValues.length, options]); // 是否半选: 存在选中的数据 && 未全选
+
+  var indeterminate = (0, _react.useMemo)(function () {
+    return checkedValues.length && !checkAll;
+  }, [checkedValues.length, checkAll]); // 全选事件
 
   var onCheckAllChange = function onCheckAllChange() {
-    var nValue = checkAll ? [] : filters.map(function (v) {
+    var nValue = checkAll ? checkedValues.filter(function (v) {
+      return !options.some(function (_ref10) {
+        var value = _ref10.value;
+        return v === value;
+      });
+    }) : Array.from(new Set([].concat((0, _toConsumableArray2.default)(checkedValues), (0, _toConsumableArray2.default)(options.map(function (v) {
       return v.value;
-    });
+    })))));
     setCheckedValues(nValue);
   }; // 搜索
 
@@ -329,7 +338,7 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
 
   var handleReset = function handleReset() {
     if (inputRef.current) {
-      inputRef.current.state.value = '';
+      inputRef.current.input.value = '';
     }
 
     setFilterValue(undefined);
@@ -376,9 +385,9 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
   }, /*#__PURE__*/_react.default.createElement(_VirtualList.default, {
     options: options,
     className: "filter_list"
-  }, function (_ref9) {
-    var item = _ref9.item,
-        resetProps = (0, _objectWithoutProperties2.default)(_ref9, _excluded4);
+  }, function (_ref11) {
+    var item = _ref11.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref11, _excluded4);
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
       className: (0, _classnames.default)('filter_item', {
         checked: checkedValues.includes(item.value)
@@ -395,19 +404,21 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
   }, "\u6682\u65E0\u6570\u636E")), isSearch && /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_footer"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "footer_save",
-    onClick: handleSure
-  }, "\u786E\u5B9A"), /*#__PURE__*/_react.default.createElement("div", {
     className: "footer_clear",
     onClick: handleReset
-  }, "\u6E05\u7A7A")));
+  }, "\u6E05\u7A7A"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    type: "primary",
+    disabled: !checkedValues.length,
+    size: "small",
+    onClick: handleSure
+  }, "\u786E\u5B9A")));
 }; // 更多筛选
 
 
-var MoreFilter = function MoreFilter(_ref10) {
-  var filters = _ref10.filters,
-      getFilterValue = _ref10.getFilterValue,
-      setFilterValue = _ref10.setFilterValue;
+var MoreFilter = function MoreFilter(_ref12) {
+  var filters = _ref12.filters,
+      getFilterValue = _ref12.getFilterValue,
+      setFilterValue = _ref12.setFilterValue;
   // 选中的数据
   var checkedValues = (0, _react.useMemo)(function () {
     return getFilterValue;
@@ -473,9 +484,9 @@ var MoreFilter = function MoreFilter(_ref10) {
   }, /*#__PURE__*/_react.default.createElement(_VirtualList.default, {
     options: options,
     className: "filter_list"
-  }, function (_ref11) {
-    var item = _ref11.item,
-        resetProps = (0, _objectWithoutProperties2.default)(_ref11, _excluded5);
+  }, function (_ref13) {
+    var item = _ref13.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref13, _excluded5);
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
       className: "filter_item",
       onClick: function onClick(e) {
@@ -497,11 +508,11 @@ var MoreFilter = function MoreFilter(_ref10) {
 }; // 日期范围选择器
 
 
-var DatePickerFilter = function DatePickerFilter(_ref12) {
-  var getFilterValue = _ref12.getFilterValue,
-      setFilterValue = _ref12.setFilterValue,
-      props = _ref12.props,
-      dateType = _ref12.dateType;
+var DatePickerFilter = function DatePickerFilter(_ref14) {
+  var getFilterValue = _ref14.getFilterValue,
+      setFilterValue = _ref14.setFilterValue,
+      props = _ref14.props,
+      dateType = _ref14.dateType;
   console.log(dateType, '--dateType'); // 对日期格式的转换, 日期组件仅接收moment格式
 
   var value = (0, _react.useMemo)(function () {

package/lib/CkFilter/filter.js

@@ -54,7 +54,7 @@ var Filter = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         filterValues = _props$filterValues === void 0 ? {} : _props$filterValues,
         hasCustom = props.custom,
         hasLevelGroup = props.levelGroup;
-    var isMore = (data === null || data === void 0 ? void 0 : data.length) > 5;
+    var isMore = (data === null || data === void 0 ? void 0 : data.length) > 3;
     var visileData = data.filter(function (v) {
       v.fixed && (0, _utils.getIsHas)(v === null || v === void 0 ? void 0 : v.value) && (filterValues[v.field] = v.value);
       return v.fixed;

package/lib/CkFilter/style/style.css

@@ -704,7 +704,7 @@ html {
   align-items: center;
   justify-content: space-between;
   font-size: 12px;
-  min-height: 32px;
+  min-height: 42px;
   padding: 6px 8px;
   border-top: 1px solid #eee;
   letter-spacing: 1px;
@@ -730,8 +730,8 @@ html {
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 14px;
-  min-height: 60px;
+  font-size: 12px;
+  min-height: 40px;
   color: #666;
   padding: 0 8px;
 }

package/lib/Dropdown/index.d.ts

@@ -3,6 +3,7 @@ import { DropdownProps, Dropdown } from 'antd';
 export interface IDropdownProps extends DropdownProps {
     className?: string;
     style?: React.CSSProperties;
+    dropdownmatchwidth?: boolean;
 }
 interface LmDropdownInterface extends React.FC<IDropdownProps> {
     Button?: typeof Dropdown.Button;

package/lib/Dropdown/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
 Object.defineProperty(exports, "__esModule", {
@@ -11,7 +13,9 @@ require("antd/es/dropdown/style");
 
 var _dropdown = _interopRequireDefault(require("antd/es/dropdown"));
 
-var _react = _interopRequireDefault(require("react"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -34,24 +38,94 @@ var CLMDropdown = function CLMDropdown(props) {
   var children = props.children,
       className = props.className,
       overlayClassName = props.overlayClassName,
-      others = __rest(props, ["children", "className", "overlayClassName"]);
+      _props$dropdownmatchw = props.dropdownmatchwidth,
+      dropdownmatchwidth = _props$dropdownmatchw === void 0 ? false : _props$dropdownmatchw,
+      others = __rest(props, ["children", "className", "overlayClassName", "dropdownmatchwidth"]);
+
+  var dropdownRef = (0, _react.useRef)(null);
+
+  var _useState = (0, _react.useState)(''),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      minwidth = _useState2[0],
+      setMinWidth = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    var _a, _b, _c;
+
+    if (dropdownmatchwidth) {
+      var dropdown_dom = (_a = dropdownRef.current.getElementsByClassName("lm_dropdown")) === null || _a === void 0 ? void 0 : _a[0];
+
+      if (dropdown_dom) {
+        console.log((_b = dropdown_dom.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width);
+        setMinWidth(((_c = dropdown_dom.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.width) || '');
+      }
+    }
+  }, []);
+
+  if (!dropdownmatchwidth) {
+    return /*#__PURE__*/_react.default.createElement(_dropdown.default, Object.assign({
+      className: (0, _classnames.default)(className, prefixCls)
+    }, others, {
+      overlayClassName: (0, _classnames.default)(overlayClassName, 'lm_dropdown_overlay')
+    }), children);
+  }
 
-  return /*#__PURE__*/_react.default.createElement(_dropdown.default, Object.assign({
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: dropdownRef
+  }, /*#__PURE__*/_react.default.createElement(_dropdown.default, Object.assign({
     className: (0, _classnames.default)(className, prefixCls)
   }, others, {
-    overlayClassName: (0, _classnames.default)(overlayClassName, 'lm_dropdown_overlay')
-  }), children);
+    overlayClassName: (0, _classnames.default)(overlayClassName, 'lm_dropdown_overlay'),
+    overlayStyle: minwidth ? Object.assign({
+      minWidth: minwidth
+    }, others.overlayStyle) : Object.assign({}, others.overlayStyle)
+  }), children));
 };
 
 var LMDropdown = CLMDropdown;
 
 LMDropdown.Button = function (props) {
-  return /*#__PURE__*/_react.default.createElement(_dropdown.default.Button, Object.assign({
+  var _props$dropdownmatchw2 = props.dropdownmatchwidth,
+      dropdownmatchwidth = _props$dropdownmatchw2 === void 0 ? false : _props$dropdownmatchw2;
+  var dropdownRef = (0, _react.useRef)(null);
+
+  var _useState3 = (0, _react.useState)(''),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      minwidth = _useState4[0],
+      setMinWidth = _useState4[1];
+
+  (0, _react.useEffect)(function () {
+    var _a, _b;
+
+    if (dropdownmatchwidth) {
+      var dropdown_dom = (_a = dropdownRef.current.getElementsByClassName("lm_dropdown_button")) === null || _a === void 0 ? void 0 : _a[0];
+
+      if (dropdown_dom) {
+        setMinWidth(((_b = dropdown_dom.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width) || '');
+      }
+    }
+  }, []);
+
+  if (!dropdownmatchwidth) {
+    return /*#__PURE__*/_react.default.createElement(_dropdown.default.Button, Object.assign({
+      size: 'small'
+    }, props, {
+      overlayClassName: (0, _classnames.default)(props.overlayClassName, 'lm_dropdown_overlay'),
+      className: (0, _classnames.default)(props.className, 'lm_dropdown_button')
+    }));
+  }
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: dropdownRef
+  }, /*#__PURE__*/_react.default.createElement(_dropdown.default.Button, Object.assign({
     size: 'small'
   }, props, {
     overlayClassName: (0, _classnames.default)(props.overlayClassName, 'lm_dropdown_overlay'),
+    overlayStyle: minwidth ? Object.assign({
+      minWidth: minwidth
+    }, props.overlayStyle) : Object.assign({}, props.overlayStyle),
     className: (0, _classnames.default)(props.className, 'lm_dropdown_button')
-  }));
+  })));
 };
 
 var _default = LMDropdown;

package/lib/Filter/Popover.js

@@ -23,10 +23,10 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _react = _interopRequireWildcard(require("react"));
-
 var _icons = require("@ant-design/icons");
 
+var _react = _interopRequireWildcard(require("react"));
+
 var _components = require("./components");
 
 var _popContext = _interopRequireDefault(require("./popContext"));

package/lib/LeftTable/index.js

@@ -19,10 +19,10 @@ var _button = _interopRequireDefault(require("antd/es/button"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _react = _interopRequireWildcard(require("react"));
-
 var _icons = require("@ant-design/icons");
 
+var _react = _interopRequireWildcard(require("react"));
+
 var _Popover = _interopRequireDefault(require("../Filter/Popover"));
 
 var _imgTest = _interopRequireDefault(require("./assets/imgTest.jpg"));
@@ -91,6 +91,7 @@ var LeftSide = function LeftSide(_ref) {
   }, /*#__PURE__*/_react.default.createElement("span", null, useTree.title)), /*#__PURE__*/_react.default.createElement(_Popover.default, {
     item: treeType,
     config: {
+      arrow: false,
       placement: 'bottomRight',
       overlayStyle: {
         width: 168,
@@ -105,7 +106,8 @@ var LeftSide = function LeftSide(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_button.default, {
     type: "text"
   }, /*#__PURE__*/_react.default.createElement(_icons.EllipsisOutlined, null))))), /*#__PURE__*/_react.default.createElement(_tree.default, {
-    treeData: useTree.treeData
+    treeData: useTree.treeData,
+    rootClassName: "lm_tree_warp"
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "toggle_btn",
     onClick: toggleTree

package/lib/LeftTable/style/style.css

@@ -498,7 +498,7 @@ html {
   font-size: 12px;
   height: calc(100% - 36px);
   width: 168px;
-  border: 1px solid #eee;
+  border: 1px solid var(--line-color);
 }
 .lm_grid_tree .grid_tree_title {
   display: flex;
@@ -510,15 +510,31 @@ html {
   transition: 0.3s;
   overflow: hidden;
 }
-.lm_grid_tree .grid_tree_title .grid_tree_title_left,
-.lm_grid_tree .grid_tree_title .grid_tree_title_right {
+.lm_grid_tree .grid_tree_title .grid_tree_title_left {
   white-space: nowrap;
-  padding: 0 6px 0 16px;
+  padding: 0 6px 0 8px;
+}
+.lm_grid_tree .grid_tree_title .grid_tree_title_left > button {
+  display: flex;
+  justify-content: flex-end;
+}
+.lm_grid_tree .grid_tree_title .grid_tree_title_right button {
+  width: 24px;
+  height: 24px;
+  margin-right: 8px;
+  padding: 0;
+  cursor: pointer;
+}
+.lm_grid_tree .grid_tree_title .grid_tree_title_right button :hover {
+  color: var(--primary-color);
+}
+.lm_grid_tree .grid_tree_title .grid_tree_title_right.ant-popover-open button {
+  color: var(--primary-color);
 }
 .lm_grid_tree .ant-tree {
   font-size: 12px;
   white-space: nowrap;
-  padding: 0 10px;
+  padding: 0px;
   transition: 0.3s;
 }
 .lm_grid_tree .ant-tree .ant-tree-list-holder-inner > :first-child .ant-tree-switcher:empty {
@@ -543,17 +559,19 @@ html {
   z-index: 1;
   top: 50%;
   transform: translateY(-50%);
-  right: -6px;
+  right: 0;
   display: flex;
   font-size: 8px;
   width: 12px;
   height: 48px;
   align-items: center;
   justify-content: center;
-  border-radius: 12px;
-  color: var(--font-color);
-  background-color: var(--table-background-color);
-  transition: 0.3s;
+  border-radius: 0;
+  color: var(--text-color);
+  background-color: var(--line-color);
+  transition: 0s;
+  border-top-left-radius: 100px;
+  border-bottom-left-radius: 100px;
   cursor: pointer;
 }
 .lm_grid_tree .toggle_btn:hover {
@@ -575,3 +593,13 @@ html {
   right: -14px;
   transform: translateY(-50%) rotateY(180deg);
 }
+.lm_tree_warp .ant-tree-list-holder-inner .ant-tree-treenode {
+  width: 100%;
+  display: flex;
+}
+.lm_tree_warp .ant-tree-list-holder-inner .ant-tree-treenode > .ant-tree-node-content-wrapper {
+  flex: 1 1 auto;
+}
+.lm_tree_warp .ant-tree-list-holder-inner .ant-tree-treenode > .ant-tree-node-content-wrapper.ant-tree-node-selected {
+  background-color: var(--primary-select-color);
+}

package/lib/Modal/index.js

@@ -46,16 +46,20 @@ var CLMModal = function CLMModal(props) {
 
   return /*#__PURE__*/_react.default.createElement(_modal.default, Object.assign({
     wrapClassName: (0, _classnames.default)(wrapClassName, prefixCls),
-    width: size === 'default' ? 552 : 416
-  }, other, {
+    width: size === 'default' ? 552 : 416,
     footer: [/*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
       onClick: onCancel,
       size: 'middle'
-    }, cancelText || '取消'), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    }, cancelText), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
       type: "primary",
       onClick: onOk,
       size: 'middle'
     }, okText)]
+  }, other, {
+    onOk: onOk,
+    onCancel: onCancel,
+    okText: okText,
+    cancelText: cancelText
   }));
 };
 

package/lib/PopTable/style/style.css

@@ -520,9 +520,6 @@ html {
   align-items: center;
   justify-content: center;
 }
-.lm_popover_table .lm_operate .ant-btn > .anticon:not(.anticon-down) {
-  font-size: 14px;
-}
 .lm_popover_table .lm_operate .anticon + span,
 .lm_popover_table .lm_operate span + .anticon {
   margin-left: calc(var(--gap) / 2);
@@ -530,7 +527,6 @@ html {
 .lm_popover_table .lm_operate .operate_left,
 .lm_popover_table .lm_operate .operate_right {
   display: flex;
-  padding-bottom: calc(var(--gap) * 2);
 }
 .lm_popover_table .lm_operate .operate_left:empty,
 .lm_popover_table .lm_operate .operate_right:empty {
@@ -688,7 +684,7 @@ html {
 }
 .lm_popover_table .lm_grid .ant-pagination {
   font-size: 12px;
-  padding-top: 12px;
+  padding-top: 10px;
   margin: 0;
 }
 .lm_popover_table .lm_grid .ant-pagination .ant-select {

package/lib/ProTable/ImgList/body.js

@@ -17,14 +17,14 @@ var _reactVirtualizedAutoSizer = _interopRequireDefault(require("react-virtualiz
 
 var _reactWindow = require("react-window");
 
-var _context = _interopRequireDefault(require("./context"));
-
-var _imgCell = _interopRequireDefault(require("./imgCell"));
-
 var _cardCell = _interopRequireDefault(require("./cardCell"));
 
+var _context = _interopRequireDefault(require("./context"));
+
 var _empty = _interopRequireDefault(require("./empty"));
 
+var _imgCell = _interopRequireDefault(require("./imgCell"));
+
 var ImgList = function ImgList(props) {
   var widthCount = props.width,
       heightCount = props.height;
@@ -40,7 +40,7 @@ var ImgList = function ImgList(props) {
 
 
   var columnCount = (0, _react.useMemo)(function () {
-    return widthCount > 1800 ? 5 : widthCount > 1500 ? 4 : 3;
+    return widthCount > 1800 ? 7 : widthCount > 1400 ? 6 : widthCount > 1000 ? 5 : 4;
   }, [widthCount]);
   var widthCell = (0, _react.useMemo)(function () {
     return (widthCount - 8) / columnCount;