linkmore-design 1.0.12 → 1.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -29,7 +29,9 @@ var LMButton = function LMButton(props) {
29
29
  hover = _props$hover === void 0 ? false : _props$hover,
30
30
  restProps = __rest(props, ["children", "className", "size", "type", "hover"]);
31
31
 
32
- var classs = cls('lm-button', className, _defineProperty({}, "lm-button-".concat(size), size), _defineProperty({}, "lm-button-".concat(type), type), _defineProperty({}, "lm-button-".concat(type, "-hover"), type && hover));
32
+ var classs = cls('lm-button', className, {
33
+ 'lm-button-icon-only': !children
34
+ }, _defineProperty({}, "lm-button-".concat(size), size), _defineProperty({}, "lm-button-".concat(type), type), _defineProperty({}, "lm-button-".concat(type, "-hover"), type && hover));
33
35
  return /*#__PURE__*/React.createElement(_Button, Object.assign({}, restProps, {
34
36
  className: classs,
35
37
  size: size,
@@ -7,7 +7,7 @@
7
7
  vertical-align: middle;
8
8
  }
9
9
  .ant-btn.lm-button .anticon {
10
- font-size: 16px;
10
+ font-size: 12px;
11
11
  line-height: 0;
12
12
  }
13
13
  .ant-btn.lm-button .anticon + span {
@@ -96,3 +96,6 @@
96
96
  border: 0 !important;
97
97
  background: transparent !important;
98
98
  }
99
+ .ant-btn.lm-button-icon-only .anticon {
100
+ font-size: 16px;
101
+ }
@@ -281,12 +281,12 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
281
281
  filters = _ref8$filters === void 0 ? [] : _ref8$filters,
282
282
  getFilterValue = _ref8.getFilterValue,
283
283
  setFilterValue = _ref8.setFilterValue;
284
- var inputRef = (0, _react.useRef)(null);
284
+ var inputRef = (0, _react.useRef)(null); // 选中的数据项: ['', '', ...];
285
285
 
286
286
  var _useState5 = (0, _react.useState)(getFilterValue || []),
287
287
  _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
288
288
  checkedValues = _useState6[0],
289
- setCheckedValues = _useState6[1]; // 搜索后的筛选项
289
+ setCheckedValues = _useState6[1]; // 搜索后的筛选项:[{value: '', ... }, ...]
290
290
 
291
291
 
292
292
  var _useState7 = (0, _react.useState)(filters),
@@ -297,20 +297,29 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
297
297
 
298
298
  var isSearch = (0, _react.useMemo)(function () {
299
299
  return filters.length > 8;
300
- }, [filters.length]); // 是否半选
301
-
302
- var indeterminate = (0, _react.useMemo)(function () {
303
- return checkedValues.length && checkedValues.length < filters.length;
304
- }, [checkedValues.length, filters.length]); // 是否全选
300
+ }, [filters.length]); // 是否全选: 选中的数据大于等于筛选后的数据 && 筛选后的数据全部存在于选中的数据中
305
301
 
306
302
  var checkAll = (0, _react.useMemo)(function () {
307
- return checkedValues.length === filters.length;
308
- }, [checkedValues.length, filters.length]); // 全选事件
303
+ var isLen = checkedValues.length >= options.length;
304
+ return isLen && options.every(function (_ref9) {
305
+ var value = _ref9.value;
306
+ return checkedValues.includes(value);
307
+ });
308
+ }, [checkedValues.length, options]); // 是否半选: 存在选中的数据 && 未全选
309
+
310
+ var indeterminate = (0, _react.useMemo)(function () {
311
+ return checkedValues.length && !checkAll;
312
+ }, [checkedValues.length, checkAll]); // 全选事件
309
313
 
310
314
  var onCheckAllChange = function onCheckAllChange() {
311
- var nValue = checkAll ? [] : filters.map(function (v) {
315
+ var nValue = checkAll ? checkedValues.filter(function (v) {
316
+ return !options.some(function (_ref10) {
317
+ var value = _ref10.value;
318
+ return v === value;
319
+ });
320
+ }) : Array.from(new Set([].concat((0, _toConsumableArray2.default)(checkedValues), (0, _toConsumableArray2.default)(options.map(function (v) {
312
321
  return v.value;
313
- });
322
+ })))));
314
323
  setCheckedValues(nValue);
315
324
  }; // 搜索
316
325
 
@@ -329,7 +338,7 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
329
338
 
330
339
  var handleReset = function handleReset() {
331
340
  if (inputRef.current) {
332
- inputRef.current.state.value = '';
341
+ inputRef.current.input.value = '';
333
342
  }
334
343
 
335
344
  setFilterValue(undefined);
@@ -376,9 +385,9 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
376
385
  }, /*#__PURE__*/_react.default.createElement(_VirtualList.default, {
377
386
  options: options,
378
387
  className: "filter_list"
379
- }, function (_ref9) {
380
- var item = _ref9.item,
381
- resetProps = (0, _objectWithoutProperties2.default)(_ref9, _excluded4);
388
+ }, function (_ref11) {
389
+ var item = _ref11.item,
390
+ resetProps = (0, _objectWithoutProperties2.default)(_ref11, _excluded4);
382
391
  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
383
392
  className: (0, _classnames.default)('filter_item', {
384
393
  checked: checkedValues.includes(item.value)
@@ -395,19 +404,21 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
395
404
  }, "\u6682\u65E0\u6570\u636E")), isSearch && /*#__PURE__*/_react.default.createElement("div", {
396
405
  className: "filter_footer"
397
406
  }, /*#__PURE__*/_react.default.createElement("div", {
398
- className: "footer_save",
399
- onClick: handleSure
400
- }, "\u786E\u5B9A"), /*#__PURE__*/_react.default.createElement("div", {
401
407
  className: "footer_clear",
402
408
  onClick: handleReset
403
- }, "\u6E05\u7A7A")));
409
+ }, "\u6E05\u7A7A"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
410
+ type: "primary",
411
+ disabled: !checkedValues.length,
412
+ size: "small",
413
+ onClick: handleSure
414
+ }, "\u786E\u5B9A")));
404
415
  }; // 更多筛选
405
416
 
406
417
 
407
- var MoreFilter = function MoreFilter(_ref10) {
408
- var filters = _ref10.filters,
409
- getFilterValue = _ref10.getFilterValue,
410
- setFilterValue = _ref10.setFilterValue;
418
+ var MoreFilter = function MoreFilter(_ref12) {
419
+ var filters = _ref12.filters,
420
+ getFilterValue = _ref12.getFilterValue,
421
+ setFilterValue = _ref12.setFilterValue;
411
422
  // 选中的数据
412
423
  var checkedValues = (0, _react.useMemo)(function () {
413
424
  return getFilterValue;
@@ -473,9 +484,9 @@ var MoreFilter = function MoreFilter(_ref10) {
473
484
  }, /*#__PURE__*/_react.default.createElement(_VirtualList.default, {
474
485
  options: options,
475
486
  className: "filter_list"
476
- }, function (_ref11) {
477
- var item = _ref11.item,
478
- resetProps = (0, _objectWithoutProperties2.default)(_ref11, _excluded5);
487
+ }, function (_ref13) {
488
+ var item = _ref13.item,
489
+ resetProps = (0, _objectWithoutProperties2.default)(_ref13, _excluded5);
479
490
  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
480
491
  className: "filter_item",
481
492
  onClick: function onClick(e) {
@@ -497,11 +508,11 @@ var MoreFilter = function MoreFilter(_ref10) {
497
508
  }; // 日期范围选择器
498
509
 
499
510
 
500
- var DatePickerFilter = function DatePickerFilter(_ref12) {
501
- var getFilterValue = _ref12.getFilterValue,
502
- setFilterValue = _ref12.setFilterValue,
503
- props = _ref12.props,
504
- dateType = _ref12.dateType;
511
+ var DatePickerFilter = function DatePickerFilter(_ref14) {
512
+ var getFilterValue = _ref14.getFilterValue,
513
+ setFilterValue = _ref14.setFilterValue,
514
+ props = _ref14.props,
515
+ dateType = _ref14.dateType;
505
516
  console.log(dateType, '--dateType'); // 对日期格式的转换, 日期组件仅接收moment格式
506
517
 
507
518
  var value = (0, _react.useMemo)(function () {
@@ -54,7 +54,7 @@ var Filter = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
54
54
  filterValues = _props$filterValues === void 0 ? {} : _props$filterValues,
55
55
  hasCustom = props.custom,
56
56
  hasLevelGroup = props.levelGroup;
57
- var isMore = (data === null || data === void 0 ? void 0 : data.length) > 5;
57
+ var isMore = (data === null || data === void 0 ? void 0 : data.length) > 3;
58
58
  var visileData = data.filter(function (v) {
59
59
  v.fixed && (0, _utils.getIsHas)(v === null || v === void 0 ? void 0 : v.value) && (filterValues[v.field] = v.value);
60
60
  return v.fixed;
@@ -704,7 +704,7 @@ html {
704
704
  align-items: center;
705
705
  justify-content: space-between;
706
706
  font-size: 12px;
707
- min-height: 32px;
707
+ min-height: 42px;
708
708
  padding: 6px 8px;
709
709
  border-top: 1px solid #eee;
710
710
  letter-spacing: 1px;
@@ -730,8 +730,8 @@ html {
730
730
  display: flex;
731
731
  align-items: center;
732
732
  justify-content: center;
733
- font-size: 14px;
734
- min-height: 60px;
733
+ font-size: 12px;
734
+ min-height: 40px;
735
735
  color: #666;
736
736
  padding: 0 8px;
737
737
  }
@@ -3,6 +3,7 @@ import { DropdownProps, Dropdown } from 'antd';
3
3
  export interface IDropdownProps extends DropdownProps {
4
4
  className?: string;
5
5
  style?: React.CSSProperties;
6
+ dropdownmatchwidth?: boolean;
6
7
  }
7
8
  interface LmDropdownInterface extends React.FC<IDropdownProps> {
8
9
  Button?: typeof Dropdown.Button;
@@ -1,5 +1,6 @@
1
1
  import "antd/es/dropdown/style";
2
2
  import _Dropdown from "antd/es/dropdown";
3
+ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
3
4
 
4
5
  var __rest = this && this.__rest || function (s, e) {
5
6
  var t = {};
@@ -14,7 +15,7 @@ var __rest = this && this.__rest || function (s, e) {
14
15
  return t;
15
16
  };
16
17
 
17
- import React from 'react';
18
+ import React, { useRef, useEffect, useState } from 'react';
18
19
  import classNames from 'classnames';
19
20
  var prefixCls = 'lm_dropdown';
20
21
 
@@ -22,24 +23,94 @@ var CLMDropdown = function CLMDropdown(props) {
22
23
  var children = props.children,
23
24
  className = props.className,
24
25
  overlayClassName = props.overlayClassName,
25
- others = __rest(props, ["children", "className", "overlayClassName"]);
26
+ _props$dropdownmatchw = props.dropdownmatchwidth,
27
+ dropdownmatchwidth = _props$dropdownmatchw === void 0 ? false : _props$dropdownmatchw,
28
+ others = __rest(props, ["children", "className", "overlayClassName", "dropdownmatchwidth"]);
26
29
 
27
- return /*#__PURE__*/React.createElement(_Dropdown, Object.assign({
30
+ var dropdownRef = useRef(null);
31
+
32
+ var _useState = useState(''),
33
+ _useState2 = _slicedToArray(_useState, 2),
34
+ minwidth = _useState2[0],
35
+ setMinWidth = _useState2[1];
36
+
37
+ useEffect(function () {
38
+ var _a, _b, _c;
39
+
40
+ if (dropdownmatchwidth) {
41
+ var dropdown_dom = (_a = dropdownRef.current.getElementsByClassName("lm_dropdown")) === null || _a === void 0 ? void 0 : _a[0];
42
+
43
+ if (dropdown_dom) {
44
+ console.log((_b = dropdown_dom.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width);
45
+ setMinWidth(((_c = dropdown_dom.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.width) || '');
46
+ }
47
+ }
48
+ }, []);
49
+
50
+ if (!dropdownmatchwidth) {
51
+ return /*#__PURE__*/React.createElement(_Dropdown, Object.assign({
52
+ className: classNames(className, prefixCls)
53
+ }, others, {
54
+ overlayClassName: classNames(overlayClassName, 'lm_dropdown_overlay')
55
+ }), children);
56
+ }
57
+
58
+ return /*#__PURE__*/React.createElement("div", {
59
+ ref: dropdownRef
60
+ }, /*#__PURE__*/React.createElement(_Dropdown, Object.assign({
28
61
  className: classNames(className, prefixCls)
29
62
  }, others, {
30
- overlayClassName: classNames(overlayClassName, 'lm_dropdown_overlay')
31
- }), children);
63
+ overlayClassName: classNames(overlayClassName, 'lm_dropdown_overlay'),
64
+ overlayStyle: minwidth ? Object.assign({
65
+ minWidth: minwidth
66
+ }, others.overlayStyle) : Object.assign({}, others.overlayStyle)
67
+ }), children));
32
68
  };
33
69
 
34
70
  var LMDropdown = CLMDropdown;
35
71
 
36
72
  LMDropdown.Button = function (props) {
37
- return /*#__PURE__*/React.createElement(_Dropdown.Button, Object.assign({
73
+ var _props$dropdownmatchw2 = props.dropdownmatchwidth,
74
+ dropdownmatchwidth = _props$dropdownmatchw2 === void 0 ? false : _props$dropdownmatchw2;
75
+ var dropdownRef = useRef(null);
76
+
77
+ var _useState3 = useState(''),
78
+ _useState4 = _slicedToArray(_useState3, 2),
79
+ minwidth = _useState4[0],
80
+ setMinWidth = _useState4[1];
81
+
82
+ useEffect(function () {
83
+ var _a, _b;
84
+
85
+ if (dropdownmatchwidth) {
86
+ var dropdown_dom = (_a = dropdownRef.current.getElementsByClassName("lm_dropdown_button")) === null || _a === void 0 ? void 0 : _a[0];
87
+
88
+ if (dropdown_dom) {
89
+ setMinWidth(((_b = dropdown_dom.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width) || '');
90
+ }
91
+ }
92
+ }, []);
93
+
94
+ if (!dropdownmatchwidth) {
95
+ return /*#__PURE__*/React.createElement(_Dropdown.Button, Object.assign({
96
+ size: 'small'
97
+ }, props, {
98
+ overlayClassName: classNames(props.overlayClassName, 'lm_dropdown_overlay'),
99
+ className: classNames(props.className, 'lm_dropdown_button')
100
+ }));
101
+ }
102
+
103
+ return /*#__PURE__*/React.createElement("div", {
104
+ ref: dropdownRef
105
+ }, /*#__PURE__*/React.createElement(_Dropdown.Button, Object.assign({
38
106
  size: 'small'
39
107
  }, props, {
40
108
  overlayClassName: classNames(props.overlayClassName, 'lm_dropdown_overlay'),
109
+ overlayStyle: minwidth ? Object.assign({
110
+ minWidth: minwidth
111
+ }, props.overlayStyle) : Object.assign({}, props.overlayStyle),
41
112
  className: classNames(props.className, 'lm_dropdown_button')
42
- }));
113
+ })));
43
114
  };
44
115
 
45
116
  export default LMDropdown;
@@ -23,10 +23,10 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
23
23
 
24
24
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
25
25
 
26
- var _react = _interopRequireWildcard(require("react"));
27
-
28
26
  var _icons = require("@ant-design/icons");
29
27
 
28
+ var _react = _interopRequireWildcard(require("react"));
29
+
30
30
  var _components = require("./components");
31
31
 
32
32
  var _popContext = _interopRequireDefault(require("./popContext"));
@@ -19,10 +19,10 @@ var _button = _interopRequireDefault(require("antd/es/button"));
19
19
 
20
20
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
21
21
 
22
- var _react = _interopRequireWildcard(require("react"));
23
-
24
22
  var _icons = require("@ant-design/icons");
25
23
 
24
+ var _react = _interopRequireWildcard(require("react"));
25
+
26
26
  var _Popover = _interopRequireDefault(require("../Filter/Popover"));
27
27
 
28
28
  var _imgTest = _interopRequireDefault(require("./assets/imgTest.jpg"));
@@ -91,6 +91,7 @@ var LeftSide = function LeftSide(_ref) {
91
91
  }, /*#__PURE__*/_react.default.createElement("span", null, useTree.title)), /*#__PURE__*/_react.default.createElement(_Popover.default, {
92
92
  item: treeType,
93
93
  config: {
94
+ arrow: false,
94
95
  placement: 'bottomRight',
95
96
  overlayStyle: {
96
97
  width: 168,
@@ -105,7 +106,8 @@ var LeftSide = function LeftSide(_ref) {
105
106
  }, /*#__PURE__*/_react.default.createElement(_button.default, {
106
107
  type: "text"
107
108
  }, /*#__PURE__*/_react.default.createElement(_icons.EllipsisOutlined, null))))), /*#__PURE__*/_react.default.createElement(_tree.default, {
108
- treeData: useTree.treeData
109
+ treeData: useTree.treeData,
110
+ rootClassName: "lm_tree_warp"
109
111
  }), /*#__PURE__*/_react.default.createElement("div", {
110
112
  className: "toggle_btn",
111
113
  onClick: toggleTree
@@ -498,7 +498,7 @@ html {
498
498
  font-size: 12px;
499
499
  height: calc(100% - 36px);
500
500
  width: 168px;
501
- border: 1px solid #eee;
501
+ border: 1px solid var(--line-color);
502
502
  }
503
503
  .lm_grid_tree .grid_tree_title {
504
504
  display: flex;
@@ -510,15 +510,31 @@ html {
510
510
  transition: 0.3s;
511
511
  overflow: hidden;
512
512
  }
513
- .lm_grid_tree .grid_tree_title .grid_tree_title_left,
514
- .lm_grid_tree .grid_tree_title .grid_tree_title_right {
513
+ .lm_grid_tree .grid_tree_title .grid_tree_title_left {
515
514
  white-space: nowrap;
516
- padding: 0 6px 0 16px;
515
+ padding: 0 6px 0 8px;
516
+ }
517
+ .lm_grid_tree .grid_tree_title .grid_tree_title_left > button {
518
+ display: flex;
519
+ justify-content: flex-end;
520
+ }
521
+ .lm_grid_tree .grid_tree_title .grid_tree_title_right button {
522
+ width: 24px;
523
+ height: 24px;
524
+ margin-right: 8px;
525
+ padding: 0;
526
+ cursor: pointer;
527
+ }
528
+ .lm_grid_tree .grid_tree_title .grid_tree_title_right button :hover {
529
+ color: var(--primary-color);
530
+ }
531
+ .lm_grid_tree .grid_tree_title .grid_tree_title_right.ant-popover-open button {
532
+ color: var(--primary-color);
517
533
  }
518
534
  .lm_grid_tree .ant-tree {
519
535
  font-size: 12px;
520
536
  white-space: nowrap;
521
- padding: 0 10px;
537
+ padding: 0px;
522
538
  transition: 0.3s;
523
539
  }
524
540
  .lm_grid_tree .ant-tree .ant-tree-list-holder-inner > :first-child .ant-tree-switcher:empty {
@@ -543,17 +559,19 @@ html {
543
559
  z-index: 1;
544
560
  top: 50%;
545
561
  transform: translateY(-50%);
546
- right: -6px;
562
+ right: 0;
547
563
  display: flex;
548
564
  font-size: 8px;
549
565
  width: 12px;
550
566
  height: 48px;
551
567
  align-items: center;
552
568
  justify-content: center;
553
- border-radius: 12px;
554
- color: var(--font-color);
555
- background-color: var(--table-background-color);
556
- transition: 0.3s;
569
+ border-radius: 0;
570
+ color: var(--text-color);
571
+ background-color: var(--line-color);
572
+ transition: 0s;
573
+ border-top-left-radius: 100px;
574
+ border-bottom-left-radius: 100px;
557
575
  cursor: pointer;
558
576
  }
559
577
  .lm_grid_tree .toggle_btn:hover {
@@ -575,3 +593,13 @@ html {
575
593
  right: -14px;
576
594
  transform: translateY(-50%) rotateY(180deg);
577
595
  }
596
+ .lm_tree_warp .ant-tree-list-holder-inner .ant-tree-treenode {
597
+ width: 100%;
598
+ display: flex;
599
+ }
600
+ .lm_tree_warp .ant-tree-list-holder-inner .ant-tree-treenode > .ant-tree-node-content-wrapper {
601
+ flex: 1 1 auto;
602
+ }
603
+ .lm_tree_warp .ant-tree-list-holder-inner .ant-tree-treenode > .ant-tree-node-content-wrapper.ant-tree-node-selected {
604
+ background-color: var(--primary-select-color);
605
+ }
package/es/Modal/index.js CHANGED
@@ -33,16 +33,20 @@ var CLMModal = function CLMModal(props) {
33
33
 
34
34
  return /*#__PURE__*/React.createElement(_Modal, Object.assign({
35
35
  wrapClassName: classNames(wrapClassName, prefixCls),
36
- width: size === 'default' ? 552 : 416
37
- }, other, {
36
+ width: size === 'default' ? 552 : 416,
38
37
  footer: [/*#__PURE__*/React.createElement(Button, {
39
38
  onClick: onCancel,
40
39
  size: 'middle'
41
- }, cancelText || '取消'), /*#__PURE__*/React.createElement(Button, {
40
+ }, cancelText), /*#__PURE__*/React.createElement(Button, {
42
41
  type: "primary",
43
42
  onClick: onOk,
44
43
  size: 'middle'
45
44
  }, okText)]
45
+ }, other, {
46
+ onOk: onOk,
47
+ onCancel: onCancel,
48
+ okText: okText,
49
+ cancelText: cancelText
46
50
  }));
47
51
  };
48
52
 
@@ -520,9 +520,6 @@ html {
520
520
  align-items: center;
521
521
  justify-content: center;
522
522
  }
523
- .lm_popover_table .lm_operate .ant-btn > .anticon:not(.anticon-down) {
524
- font-size: 14px;
525
- }
526
523
  .lm_popover_table .lm_operate .anticon + span,
527
524
  .lm_popover_table .lm_operate span + .anticon {
528
525
  margin-left: calc(var(--gap) / 2);
@@ -530,7 +527,6 @@ html {
530
527
  .lm_popover_table .lm_operate .operate_left,
531
528
  .lm_popover_table .lm_operate .operate_right {
532
529
  display: flex;
533
- padding-bottom: calc(var(--gap) * 2);
534
530
  }
535
531
  .lm_popover_table .lm_operate .operate_left:empty,
536
532
  .lm_popover_table .lm_operate .operate_right:empty {
@@ -688,7 +684,7 @@ html {
688
684
  }
689
685
  .lm_popover_table .lm_grid .ant-pagination {
690
686
  font-size: 12px;
691
- padding-top: 12px;
687
+ padding-top: 10px;
692
688
  margin: 0;
693
689
  }
694
690
  .lm_popover_table .lm_grid .ant-pagination .ant-select {
@@ -17,14 +17,14 @@ var _reactVirtualizedAutoSizer = _interopRequireDefault(require("react-virtualiz
17
17
 
18
18
  var _reactWindow = require("react-window");
19
19
 
20
- var _context = _interopRequireDefault(require("./context"));
21
-
22
- var _imgCell = _interopRequireDefault(require("./imgCell"));
23
-
24
20
  var _cardCell = _interopRequireDefault(require("./cardCell"));
25
21
 
22
+ var _context = _interopRequireDefault(require("./context"));
23
+
26
24
  var _empty = _interopRequireDefault(require("./empty"));
27
25
 
26
+ var _imgCell = _interopRequireDefault(require("./imgCell"));
27
+
28
28
  var ImgList = function ImgList(props) {
29
29
  var widthCount = props.width,
30
30
  heightCount = props.height;
@@ -40,7 +40,7 @@ var ImgList = function ImgList(props) {
40
40
 
41
41
 
42
42
  var columnCount = (0, _react.useMemo)(function () {
43
- return widthCount > 1800 ? 5 : widthCount > 1500 ? 4 : 3;
43
+ return widthCount > 1800 ? 7 : widthCount > 1400 ? 6 : widthCount > 1000 ? 5 : 4;
44
44
  }, [widthCount]);
45
45
  var widthCell = (0, _react.useMemo)(function () {
46
46
  return (widthCount - 8) / columnCount;
@@ -19,21 +19,21 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm
19
19
 
20
20
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
21
21
 
22
- var _react = _interopRequireWildcard(require("react"));
23
-
24
- var _reactVirtualizedAutoSizer = _interopRequireDefault(require("react-virtualized-auto-sizer"));
25
-
26
22
  var _proTable = _interopRequireDefault(require("@ant-design/pro-table"));
27
23
 
28
24
  var _lodash = require("lodash");
29
25
 
26
+ var _react = _interopRequireWildcard(require("react"));
27
+
28
+ var _reactVirtualizedAutoSizer = _interopRequireDefault(require("react-virtualized-auto-sizer"));
29
+
30
30
  var _context = _interopRequireDefault(require("./context"));
31
31
 
32
32
  var _VList = require("./VList");
33
33
 
34
34
  var _resetConfig = _interopRequireDefault(require("./resetConfig"));
35
35
 
36
- var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading"];
36
+ var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "customCheck"];
37
37
  var Summary = _proTable.default.Summary;
38
38
  exports.Summary = Summary;
39
39
  var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
@@ -47,6 +47,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
47
47
  pagination = props.pagination,
48
48
  hiddenPage = props.hiddenPage,
49
49
  loading = props.loading,
50
+ customCheck = props.customCheck,
50
51
  resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
51
52
  var _resetProps$rowKey = resetProps.rowKey,
52
53
  rowKey = _resetProps$rowKey === void 0 ? 'id' : _resetProps$rowKey;
@@ -179,7 +180,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
179
180
  selectedRowKeys: useSelectedRows.selectedRows.map(function (v) {
180
181
  return v[rowKey];
181
182
  }),
182
- onChange: function onChange(selectedRowKeys, selectedRows) {
183
+ onChange: function onChange(selectedRowKeys, selectedRows, t, s) {
183
184
  setSelectedRows({
184
185
  selectedRows: selectedRows
185
186
  });
@@ -188,7 +189,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
188
189
  },
189
190
  onRow: function onRow(record) {
190
191
  return {
191
- onClick: function onClick() {
192
+ onClick: function onClick(e) {
192
193
  onRecord(record);
193
194
  },
194
195
  onDoubleClick: function onDoubleClick() {
@@ -239,10 +240,10 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
239
240
  }
240
241
  });
241
242
  setColumnsStateMap(obj);
242
- }, []);
243
- (0, _react.useEffect)(function () {
244
- rowClick === null || rowClick === void 0 ? void 0 : rowClick();
245
- }, [useSelectedRows]); // 将节点方法给外部使用
243
+ }, []); // useEffect(() => {
244
+ // rowClick?.()
245
+ // }, [useSelectedRows])
246
+ // 将节点方法给外部使用
246
247
 
247
248
  _react.default.useImperativeHandle(ref, function () {
248
249
  return {
@@ -251,9 +252,16 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
251
252
  },
252
253
  // 用于按钮触发事件
253
254
  clearSelect: function clearSelect() {
254
- return setSelectedRows({
255
+ setSelectedRows({
255
256
  selectedRows: []
256
257
  });
258
+ rowClick === null || rowClick === void 0 ? void 0 : rowClick([]);
259
+ },
260
+ customSetCheckboxRecords: function customSetCheckboxRecords(value) {
261
+ setSelectedRows({
262
+ selectedRows: value
263
+ });
264
+ rowClick === null || rowClick === void 0 ? void 0 : rowClick(value);
257
265
  }
258
266
  };
259
267
  }); // loading触发清空选中状态
@@ -273,10 +281,13 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
273
281
  loading: loading,
274
282
  dataSource: dataSource,
275
283
  components: vComponents,
284
+ tableClassName: "lm_protable",
276
285
  summary: function summary(pageData) {
277
286
  return _summary && _summary(pageData, resultColumns);
278
287
  }
279
- })));
288
+ })), !!customCheck && /*#__PURE__*/_react.default.createElement("div", {
289
+ className: "lm_customCheck"
290
+ }, customCheck));
280
291
  }); // 监听大小: 这里的高度是整个表格的高度,表体需要减去列头和分页的高度
281
292
 
282
293
  var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {