linkmore-design 1.0.19 → 1.0.22

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.
Files changed (55) hide show
  1. package/dist/index.umd.css +0 -1
  2. package/dist/index.umd.js +5983 -2664
  3. package/dist/index.umd.min.css +1 -1
  4. package/dist/index.umd.min.js +14 -6
  5. package/es/CkFilter/baseFilter/moreFilters.js +29 -4
  6. package/es/CkFilter/components/filterTypes.js +59 -26
  7. package/es/CkFilter/style/style.css +4 -0
  8. package/es/Input/style/style.css +21 -7
  9. package/es/InputNumber/style/index.css +1 -0
  10. package/es/LeftTable/style/style.css +1 -0
  11. package/es/LmTable/ImgList/body.js +111 -0
  12. package/es/LmTable/ImgList/cardCell.js +192 -0
  13. package/es/LmTable/ImgList/context.js +12 -0
  14. package/es/LmTable/ImgList/empty.js +24 -0
  15. package/es/LmTable/ImgList/footer.js +59 -0
  16. package/es/LmTable/ImgList/imgCell.js +181 -0
  17. package/es/LmTable/ImgList/imgTable.js +110 -0
  18. package/es/LmTable/ImgList/index.js +13 -0
  19. package/es/LmTable/Table.js +390 -0
  20. package/es/LmTable/VList.js +594 -0
  21. package/es/LmTable/autosize.js +170 -0
  22. package/es/LmTable/context.js +12 -0
  23. package/es/LmTable/detectElementResize.js +225 -0
  24. package/es/LmTable/index.js +19 -0
  25. package/es/LmTable/resetConfig.js +39 -0
  26. package/es/LmTable/style/index.js +3 -0
  27. package/es/LmTable/style/style.css +1068 -0
  28. package/es/Radio/style/style.css +3 -0
  29. package/es/index.js +9 -1
  30. package/lib/CkFilter/baseFilter/moreFilters.js +29 -4
  31. package/lib/CkFilter/components/filterTypes.js +59 -26
  32. package/lib/CkFilter/style/style.css +4 -0
  33. package/lib/Input/style/style.css +21 -7
  34. package/lib/InputNumber/style/index.css +1 -0
  35. package/lib/LeftTable/style/style.css +1 -0
  36. package/lib/LmTable/ImgList/body.js +111 -0
  37. package/lib/LmTable/ImgList/cardCell.js +192 -0
  38. package/lib/LmTable/ImgList/context.js +12 -0
  39. package/lib/LmTable/ImgList/empty.js +24 -0
  40. package/lib/LmTable/ImgList/footer.js +59 -0
  41. package/lib/LmTable/ImgList/imgCell.js +181 -0
  42. package/lib/LmTable/ImgList/imgTable.js +110 -0
  43. package/lib/LmTable/ImgList/index.js +13 -0
  44. package/lib/LmTable/Table.js +390 -0
  45. package/lib/LmTable/VList.js +594 -0
  46. package/lib/LmTable/autosize.js +170 -0
  47. package/lib/LmTable/context.js +12 -0
  48. package/lib/LmTable/detectElementResize.js +225 -0
  49. package/lib/LmTable/index.js +19 -0
  50. package/lib/LmTable/resetConfig.js +39 -0
  51. package/lib/LmTable/style/index.js +3 -0
  52. package/lib/LmTable/style/style.css +1068 -0
  53. package/lib/Radio/style/style.css +3 -0
  54. package/lib/index.js +9 -1
  55. package/package.json +2 -2
@@ -101,6 +101,9 @@
101
101
  background-color: var(--background-color-hover);
102
102
  border-color: var(--stroke-color);
103
103
  }
104
+ .lm-radio-group .ant-radio-button-wrapper-disabled:hover {
105
+ color: var(--disabled-font-color);
106
+ }
104
107
  .lm-radio-group.lm-radio-group-column {
105
108
  display: flex;
106
109
  flex-direction: column;
package/es/index.js CHANGED
@@ -107,6 +107,12 @@ Object.defineProperty(exports, "LeftTable", {
107
107
  return _LeftTable.default;
108
108
  }
109
109
  });
110
+ Object.defineProperty(exports, "LmTable", {
111
+ enumerable: true,
112
+ get: function get() {
113
+ return _LmTable.default;
114
+ }
115
+ });
110
116
  Object.defineProperty(exports, "LoadingPage", {
111
117
  enumerable: true,
112
118
  get: function get() {
@@ -244,4 +250,6 @@ var _UploadOss = _interopRequireDefault(require("./UploadOss"));
244
250
 
245
251
  var _VirtualList = _interopRequireDefault(require("./VirtualList"));
246
252
 
247
- var _IconSelect = _interopRequireDefault(require("./IconSelect"));
253
+ var _IconSelect = _interopRequireDefault(require("./IconSelect"));
254
+
255
+ var _LmTable = _interopRequireDefault(require("./LmTable"));
@@ -73,11 +73,36 @@ var MoreFilters = function MoreFilters() {
73
73
  });
74
74
  (_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); // 触发外部查询事件
75
75
  }
76
+ }
77
+
78
+ if (type === 'sure') {
79
+ var _state$instance$onCha2, _state$instance2;
80
+
81
+ var flag = false; // 是否触发查询
82
+
83
+ dispatch({
84
+ type: 'changeVisibleFields',
85
+ visibleFields: item
86
+ }); // 收起时,仅当存在筛选条件时, 才会触发筛选改变事件
87
+
88
+ var _filterValues = (0, _objectSpread2.default)({}, state.filterValues);
89
+
90
+ Object.keys(_filterValues).forEach(function (v) {
91
+ if (!item.includes(v)) {
92
+ flag = true;
93
+ delete _filterValues[v];
94
+ }
95
+ });
96
+ dispatch({
97
+ type: 'changeFilterValues',
98
+ filterValues: _filterValues
99
+ });
100
+ 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)); // 触发外部查询事件
76
101
  } // 重置操作: 输入框的内容不重置
77
102
 
78
103
 
79
104
  if (type === 'reset') {
80
- var _state$instance$onCha2, _state$instance2;
105
+ var _state$instance$onCha3, _state$instance3;
81
106
 
82
107
  var searchKey = state.instance.searchKey;
83
108
  var searchValue = state.filterValues[searchKey];
@@ -104,7 +129,7 @@ var MoreFilters = function MoreFilters() {
104
129
  type: 'initOptions',
105
130
  options: options
106
131
  });
107
- (_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); // 触发外部查询事件
132
+ (_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); // 触发外部查询事件
108
133
  }
109
134
 
110
135
  if (type === 'top') {
@@ -132,7 +157,7 @@ var MoreFilters = function MoreFilters() {
132
157
  var searchObj = (0, _defineProperty2.default)({}, _searchKey, _searchValue); // 判断是否存在选中的筛选数据
133
158
 
134
159
  if (JSON.stringify(searchObj) !== JSON.stringify(state.filterValues)) {
135
- var _state$instance$onCha3, _state$instance3;
160
+ var _state$instance$onCha4, _state$instance4;
136
161
 
137
162
  var _obj = {};
138
163
  (0, _utils.getIsHas)(_searchValue) && (_obj[_searchKey] = _searchValue);
@@ -140,7 +165,7 @@ var MoreFilters = function MoreFilters() {
140
165
  type: 'changeFilterValues',
141
166
  filterValues: _obj
142
167
  });
143
- (_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); // 触发外部查询事件
168
+ (_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); // 触发外部查询事件
144
169
  }
145
170
  }
146
171
  } // 人性化设计,位置不变无需收起
@@ -412,7 +412,6 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
412
412
  onClick: handleReset
413
413
  }, "\u53D6\u6D88"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
414
414
  type: "primary",
415
- disabled: !checkedValues.length,
416
415
  size: "small",
417
416
  onClick: handleSure
418
417
  }, "\u786E\u5B9A")));
@@ -423,10 +422,13 @@ var MoreFilter = function MoreFilter(_ref12) {
423
422
  var filters = _ref12.filters,
424
423
  getFilterValue = _ref12.getFilterValue,
425
424
  setFilterValue = _ref12.setFilterValue;
425
+
426
426
  // 选中的数据
427
- var checkedValues = (0, _react.useMemo)(function () {
428
- return getFilterValue;
429
- }, [getFilterValue]); // 排序后的数组
427
+ var _useState9 = (0, _react.useState)(getFilterValue || []),
428
+ _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
429
+ checkedValues = _useState10[0],
430
+ setCheckedValues = _useState10[1]; // 排序后的数组
431
+
430
432
 
431
433
  var options = (0, _react.useMemo)(function () {
432
434
  return filters;
@@ -446,15 +448,29 @@ var MoreFilter = function MoreFilter(_ref12) {
446
448
  return checkedValues.length === options.length;
447
449
  }, [checkedValues.length, options.length]); // 全选事件
448
450
 
449
- var onCheckAllChange = function onCheckAllChange() {
450
- // const nValue = checkAll ? [] : options.map(v => v.field);
451
- // setCheckedValues(nValue);
452
- setFilterValue(options, checkAll ? 'hidden' : 'show');
451
+ var onCheckAllChange = function onCheckAllChange(e) {
452
+ e.preventDefault();
453
+ e.stopPropagation();
454
+ var nValue = checkAll ? [] : options.map(function (v) {
455
+ return v.field;
456
+ });
457
+ console.log('nValue', checkAll, nValue, nValue.length);
458
+ setCheckedValues(nValue); // setFilterValue(options, checkAll ? 'hidden' : 'show')
453
459
  }; // 重置
454
460
 
455
461
 
456
462
  var handleReset = function handleReset() {
457
463
  return setFilterValue(null, 'reset');
464
+ }; // 确定
465
+
466
+
467
+ var handleSure = function handleSure() {
468
+ setFilterValue(checkedValues, 'sure');
469
+ }; // 取消
470
+
471
+
472
+ var handleCancel = function handleCancel() {
473
+ setFilterValue(checkedValues, 'cancel');
458
474
  }; // 置顶操作, 防止频繁操作, 建议加上节流
459
475
 
460
476
 
@@ -466,7 +482,13 @@ var MoreFilter = function MoreFilter(_ref12) {
466
482
 
467
483
  var onChange = function onChange(e, item) {
468
484
  e.preventDefault();
469
- setFilterValue(item);
485
+ e.stopPropagation(); // setFilterValue(item)
486
+
487
+ var nValue = checkedValues.includes(item.field) ? checkedValues.filter(function (v) {
488
+ return v !== item.field;
489
+ }) : [].concat((0, _toConsumableArray2.default)(checkedValues), [item.field]);
490
+ console.log('item', getFilterValue, nValue, checkedValues, item);
491
+ setCheckedValues(nValue);
470
492
  };
471
493
 
472
494
  return /*#__PURE__*/_react.default.createElement("div", {
@@ -475,11 +497,13 @@ var MoreFilter = function MoreFilter(_ref12) {
475
497
  className: "filter_header"
476
498
  }, /*#__PURE__*/_react.default.createElement("div", {
477
499
  className: "filter_header_operate"
500
+ }, /*#__PURE__*/_react.default.createElement("div", {
501
+ onClick: onCheckAllChange,
502
+ className: "filter_header_operate_checked"
478
503
  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
479
504
  indeterminate: indeterminate,
480
- onChange: onCheckAllChange,
481
505
  checked: checkAll
482
- }, "\u5168\u90E8"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
506
+ }, "\u5168\u90E8")), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
483
507
  className: "filter_reset",
484
508
  onClick: handleReset
485
509
  }, "\u91CD\u7F6E")))), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox.Group, {
@@ -508,7 +532,16 @@ var MoreFilter = function MoreFilter(_ref12) {
508
532
  return handleTop(e, item);
509
533
  }
510
534
  })));
511
- })));
535
+ })), /*#__PURE__*/_react.default.createElement("div", {
536
+ className: "filter_footer"
537
+ }, /*#__PURE__*/_react.default.createElement("div", {
538
+ className: "footer_clear",
539
+ onClick: handleCancel
540
+ }, "\u53D6\u6D88"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
541
+ type: "primary",
542
+ size: "small",
543
+ onClick: handleSure
544
+ }, "\u786E\u5B9A")));
512
545
  }; // 日期范围选择器
513
546
 
514
547
 
@@ -618,25 +651,25 @@ var CascaderFilter = function CascaderFilter(props) {
618
651
  itemProps = _props$itemProps === void 0 ? {} : _props$itemProps,
619
652
  isFiltering = props.isFiltering;
620
653
 
621
- var _useState9 = (0, _react.useState)(false),
622
- _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
623
- visible = _useState10[0],
624
- setVisible = _useState10[1];
625
-
626
- var _useState11 = (0, _react.useState)(filters),
654
+ var _useState11 = (0, _react.useState)(false),
627
655
  _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
628
- options = _useState12[0],
629
- setOptions = _useState12[1];
656
+ visible = _useState12[0],
657
+ setVisible = _useState12[1];
630
658
 
631
- var _useState13 = (0, _react.useState)('全部'),
659
+ var _useState13 = (0, _react.useState)(filters),
632
660
  _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
633
- text = _useState14[0],
634
- setText = _useState14[1];
661
+ options = _useState14[0],
662
+ setOptions = _useState14[1];
635
663
 
636
- var _useState15 = (0, _react.useState)(getFilterValue || itemProps.multiple ? [] : ''),
664
+ var _useState15 = (0, _react.useState)('全部'),
637
665
  _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
638
- checkedValues = _useState16[0],
639
- setCheckedValues = _useState16[1]; // const isSearch = useMemo(() => filters.length > 8, [filters.length]);
666
+ text = _useState16[0],
667
+ setText = _useState16[1];
668
+
669
+ var _useState17 = (0, _react.useState)(getFilterValue || itemProps.multiple ? [] : ''),
670
+ _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
671
+ checkedValues = _useState18[0],
672
+ setCheckedValues = _useState18[1]; // const isSearch = useMemo(() => filters.length > 8, [filters.length]);
640
673
 
641
674
 
642
675
  var handleFilter = function handleFilter(val) {
@@ -640,6 +640,10 @@ html {
640
640
  align-items: center;
641
641
  justify-content: space-between;
642
642
  }
643
+ .filter_dropdown .filter_header .filter_header_operate .filter_header_operate_checked {
644
+ display: inline-flex;
645
+ align-items: center;
646
+ }
643
647
  .filter_dropdown .filter_header .filter_header_operate .filter_reset {
644
648
  font-size: 12px;
645
649
  color: var(--primary-color);
@@ -499,6 +499,7 @@ html {
499
499
  }
500
500
  .lm_input.ant-input-sm {
501
501
  height: 24px;
502
+ line-height: 20px;
502
503
  }
503
504
  .lm_input.ant-input-lg {
504
505
  height: 40px;
@@ -509,6 +510,7 @@ html {
509
510
  }
510
511
  .lm_input_search .ant-input.ant-input-sm {
511
512
  height: 24px;
513
+ line-height: 20px;
512
514
  }
513
515
  .lm_input_search .ant-input.ant-input-lg {
514
516
  height: 40px;
@@ -586,6 +588,16 @@ html {
586
588
  padding: 0 8px;
587
589
  height: auto;
588
590
  }
591
+ .ant-input-affix-wrapper.lm_input .ant-input {
592
+ padding: 2px 0 !important;
593
+ height: 30px;
594
+ }
595
+ .ant-input-affix-wrapper.lm_input .ant-input.ant-input-sm {
596
+ height: 22px;
597
+ }
598
+ .ant-input-affix-wrapper.lm_input .ant-input.ant-input-lg {
599
+ height: 38px;
600
+ }
589
601
  .ant-input-affix-wrapper .lm_input {
590
602
  padding: 2px 0 !important;
591
603
  height: 30px;
@@ -600,14 +612,14 @@ html {
600
612
  padding: 0;
601
613
  height: auto;
602
614
  }
603
- .ant-input-group-wrapper .lm_input {
615
+ .ant-input-group-wrapper.lm_input .ant-input {
604
616
  padding: 2px 8px !important;
605
617
  height: 32px;
606
618
  }
607
- .ant-input-group-wrapper .lm_input.ant-input-sm {
619
+ .ant-input-group-wrapper.lm_input .ant-input.ant-input-sm {
608
620
  height: 24px;
609
621
  }
610
- .ant-input-group-wrapper .lm_input.ant-input-lg {
622
+ .ant-input-group-wrapper.lm_input .ant-input.ant-input-lg {
611
623
  height: 40px;
612
624
  }
613
625
  .ant-input-group.ant-input-group-lg .lm_input {
@@ -622,9 +634,8 @@ html {
622
634
  vertical-align: middle;
623
635
  }
624
636
  .ant-input {
625
- color: var(--color-85);
626
- border: 1px solid var(--color-15);
627
- font-size: var(--font-size);
637
+ color: var(--color-85) !important;
638
+ font-size: var(--font-size) !important;
628
639
  }
629
640
  .ant-input:focus {
630
641
  border-color: var(--primary-color);
@@ -676,5 +687,8 @@ html {
676
687
  border-color: var(--primary-hover-color);
677
688
  }
678
689
  .ant-input-search-with-button .ant-input-group .ant-input:hover {
679
- z-index: 2;
690
+ z-index: 2 !important;
691
+ }
692
+ .ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
693
+ z-index: 2 !important;
680
694
  }
@@ -501,6 +501,7 @@ html {
501
501
  }
502
502
  .lm_input-number .ant-input-number-handler-wrap .ant-input-number-handler-up-inner,
503
503
  .lm_input-number .ant-input-number-handler-wrap .ant-input-number-handler-down-inner {
504
+ color: var(--color-85);
504
505
  right: 8px;
505
506
  }
506
507
  .lm_input-number:hover {
@@ -499,6 +499,7 @@ html {
499
499
  height: calc(100% - 36px);
500
500
  width: 168px;
501
501
  border: 1px solid var(--line-color);
502
+ transition: all 0.5s;
502
503
  }
503
504
  .lm_grid_tree .grid_tree_title {
504
505
  display: flex;
@@ -0,0 +1,111 @@
1
+ "use strict";
2
+
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
+
5
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
6
+
7
+ Object.defineProperty(exports, "__esModule", {
8
+ value: true
9
+ });
10
+ exports.default = void 0;
11
+
12
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
+
14
+ var _react = _interopRequireWildcard(require("react"));
15
+
16
+ var _reactVirtualizedAutoSizer = _interopRequireDefault(require("react-virtualized-auto-sizer"));
17
+
18
+ var _reactWindow = require("react-window");
19
+
20
+ var _cardCell = _interopRequireDefault(require("./cardCell"));
21
+
22
+ var _context = _interopRequireDefault(require("./context"));
23
+
24
+ var _empty = _interopRequireDefault(require("./empty"));
25
+
26
+ var _imgCell = _interopRequireDefault(require("./imgCell"));
27
+
28
+ var ImgList = function ImgList(props) {
29
+ var widthCount = props.width,
30
+ heightCount = props.height;
31
+
32
+ var _useContext = (0, _react.useContext)(_context.default),
33
+ data = _useContext.data,
34
+ _useContext$heightCel = _useContext.heightCell,
35
+ heightCell = _useContext$heightCel === void 0 ? 375 : _useContext$heightCel,
36
+ _useContext$rowKey = _useContext.rowKey,
37
+ rowKey = _useContext$rowKey === void 0 ? 'id' : _useContext$rowKey,
38
+ _useContext$cell = _useContext.cell,
39
+ cell = _useContext$cell === void 0 ? 'img' : _useContext$cell; // 响应式列数量控制
40
+
41
+
42
+ var columnCount = (0, _react.useMemo)(function () {
43
+ return widthCount > 1800 ? 7 : widthCount > 1400 ? 6 : widthCount > 1000 ? 5 : 4;
44
+ }, [widthCount]);
45
+ var widthCell = (0, _react.useMemo)(function () {
46
+ return (widthCount - 8) / columnCount;
47
+ }, [widthCount]);
48
+ var rowCount = (0, _react.useMemo)(function () {
49
+ var rs = Math.ceil(data.length / columnCount);
50
+ return rs;
51
+ }, [data, widthCount]);
52
+
53
+ var Cell = _react.default.useCallback(function (_ref) {
54
+ var columnIndex = _ref.columnIndex,
55
+ rowIndex = _ref.rowIndex,
56
+ style = _ref.style;
57
+ var idx = rowIndex * columnCount + columnIndex;
58
+ var config = {
59
+ item: data[idx],
60
+ index: idx,
61
+ style: style
62
+ };
63
+ var r = rowIndex === 0 ? 'first_row' : rowIndex === rowCount - 1 ? 'last_row' : '';
64
+ var c = columnIndex === 0 ? 'first_column' : columnIndex + 1 === columnCount ? 'last_column' : '';
65
+ var classN = "".concat(r, " ").concat(c);
66
+ return data[idx] ? cell === 'img' ? /*#__PURE__*/_react.default.createElement(_imgCell.default, (0, _extends2.default)({
67
+ key: rowKey,
68
+ className: classN
69
+ }, config)) : /*#__PURE__*/_react.default.createElement(_cardCell.default, (0, _extends2.default)({
70
+ key: rowKey,
71
+ className: classN
72
+ }, config)) : '';
73
+ }, [data, widthCount]);
74
+
75
+ var Gd = _react.default.useCallback(function () {
76
+ return /*#__PURE__*/_react.default.createElement(_reactWindow.VariableSizeGrid, {
77
+ className: "virtual-grid lm_imgList",
78
+ columnCount: columnCount,
79
+ columnWidth: function columnWidth() {
80
+ return widthCell;
81
+ },
82
+ height: heightCount,
83
+ rowCount: rowCount,
84
+ rowHeight: function rowHeight() {
85
+ return heightCell;
86
+ },
87
+ width: widthCount
88
+ }, Cell);
89
+ }, [data, widthCount, heightCount]);
90
+
91
+ return data.length > 0 ? /*#__PURE__*/_react.default.createElement(Gd, null) : /*#__PURE__*/_react.default.createElement(_empty.default, null);
92
+ }; // 监听大小
93
+
94
+
95
+ var ResizeSize = function ResizeSize(props) {
96
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactVirtualizedAutoSizer.default, {
97
+ style: {
98
+ width: '100%'
99
+ }
100
+ }, function (_ref2) {
101
+ var height = _ref2.height,
102
+ width = _ref2.width;
103
+ return /*#__PURE__*/_react.default.createElement(ImgList, (0, _extends2.default)({}, props, {
104
+ width: width,
105
+ height: height
106
+ }));
107
+ }));
108
+ };
109
+
110
+ var _default = ResizeSize;
111
+ exports.default = _default;
@@ -0,0 +1,192 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
5
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
6
+
7
+ Object.defineProperty(exports, "__esModule", {
8
+ value: true
9
+ });
10
+ exports.default = void 0;
11
+
12
+ require("antd/es/message/style");
13
+
14
+ var _message2 = _interopRequireDefault(require("antd/es/message"));
15
+
16
+ require("antd/es/checkbox/style");
17
+
18
+ var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
19
+
20
+ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
21
+
22
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
23
+
24
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
25
+
26
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
27
+
28
+ require("antd/es/typography/style");
29
+
30
+ var _typography = _interopRequireDefault(require("antd/es/typography"));
31
+
32
+ var _react = _interopRequireWildcard(require("react"));
33
+
34
+ var _classnames = _interopRequireDefault(require("classnames"));
35
+
36
+ var _context = _interopRequireDefault(require("./context"));
37
+
38
+ var _state = _interopRequireDefault(require("../../TableRender/state"));
39
+
40
+ var _excluded = ["desc"];
41
+ var Paragraph = _typography.default.Paragraph;
42
+
43
+ var Access = function Access(props) {
44
+ var _defaultConfig$desc, _defaultConfig$bigVie;
45
+
46
+ var item = props.item,
47
+ style = props.style,
48
+ className = props.className;
49
+
50
+ var _useContext = (0, _react.useContext)(_context.default),
51
+ dispatch = _useContext.dispatch,
52
+ defaultValue = _useContext.defaultValue,
53
+ _useContext$rowKey = _useContext.rowKey,
54
+ rowKey = _useContext$rowKey === void 0 ? 'id' : _useContext$rowKey,
55
+ config = _useContext.config,
56
+ footer = _useContext.footer,
57
+ onClick = _useContext.onClick,
58
+ _onDoubleClick = _useContext.onDoubleClick,
59
+ onTitleClick = _useContext.onTitleClick,
60
+ expand = _useContext.expand,
61
+ checkboxConfig = _useContext.checkboxConfig;
62
+
63
+ var _useState = (0, _react.useState)(false),
64
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
65
+ useCheck = _useState2[0],
66
+ setCheck = _useState2[1];
67
+
68
+ var defaultConfig = (0, _react.useMemo)(function () {
69
+ var desc = config.desc,
70
+ resetConfig = (0, _objectWithoutProperties2.default)(config, _excluded);
71
+ return (0, _objectSpread2.default)({
72
+ title: 'title',
73
+ code: 'code',
74
+ bigView: [{
75
+ label: '计划数量',
76
+ value: 'cfg'
77
+ }, {
78
+ label: '已录入',
79
+ value: 'cfg1'
80
+ }, {
81
+ label: '已准入',
82
+ value: 'cfg2'
83
+ }],
84
+ state: 'state',
85
+ stateRender: _state.default,
86
+ checkbox: true,
87
+ desc: typeof desc === 'function' ? desc(item) : desc
88
+ }, resetConfig);
89
+ }, [config]); // 多选事件
90
+
91
+ var _onChange = function onChange(val) {
92
+ var nValue = val ? [].concat((0, _toConsumableArray2.default)(defaultValue), [item]) : defaultValue.filter(function (v) {
93
+ return v[rowKey] !== item[rowKey];
94
+ });
95
+ dispatch({
96
+ type: 'changeList',
97
+ checkList: nValue
98
+ });
99
+ };
100
+
101
+ var handleClick = function handleClick(e) {
102
+ e.stopPropagation();
103
+ onClick === null || onClick === void 0 ? void 0 : onClick(item);
104
+
105
+ if (checkboxConfig.trigger === 'row') {
106
+ _onChange === null || _onChange === void 0 ? void 0 : _onChange(!useCheck);
107
+ }
108
+ };
109
+
110
+ var handleOnTitleClick = function handleOnTitleClick(e) {
111
+ e.stopPropagation();
112
+ onTitleClick === null || onTitleClick === void 0 ? void 0 : onTitleClick(item);
113
+ };
114
+
115
+ (0, _react.useEffect)(function () {
116
+ setCheck(defaultValue.some(function (v) {
117
+ return v[rowKey] === item[rowKey];
118
+ }));
119
+ }, [defaultValue]);
120
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
121
+ className: "".concat(className, " img_cell_wrap"),
122
+ key: item[rowKey],
123
+ style: style
124
+ }, /*#__PURE__*/_react.default.createElement("div", {
125
+ className: (0, _classnames.default)('card_cell_content', {
126
+ checked: useCheck
127
+ })
128
+ }, /*#__PURE__*/_react.default.createElement("div", {
129
+ className: "card_cell_body",
130
+ onClick: handleClick,
131
+ onDoubleClick: function onDoubleClick() {
132
+ return _onDoubleClick === null || _onDoubleClick === void 0 ? void 0 : _onDoubleClick(item);
133
+ }
134
+ }, defaultConfig.checkbox && /*#__PURE__*/_react.default.createElement("div", {
135
+ className: "card_cell_checkbox",
136
+ onClick: function onClick(e) {
137
+ return e.stopPropagation();
138
+ }
139
+ }, /*#__PURE__*/_react.default.createElement(_checkbox.default, {
140
+ checked: useCheck,
141
+ onChange: function onChange(e) {
142
+ return _onChange(e.target.checked);
143
+ }
144
+ })), /*#__PURE__*/_react.default.createElement("div", {
145
+ className: "card_cell_info"
146
+ }, /*#__PURE__*/_react.default.createElement("div", {
147
+ className: "title"
148
+ }, /*#__PURE__*/_react.default.createElement("div", {
149
+ className: "label",
150
+ onClick: handleOnTitleClick
151
+ }, item[defaultConfig.title]), /*#__PURE__*/_react.default.createElement("div", {
152
+ className: "icon"
153
+ }, /*#__PURE__*/_react.default.createElement(defaultConfig.stateRender, {
154
+ dom: item[defaultConfig.state]
155
+ }))), /*#__PURE__*/_react.default.createElement("div", {
156
+ className: "code",
157
+ onClick: function onClick(e) {
158
+ return e.stopPropagation();
159
+ }
160
+ }, /*#__PURE__*/_react.default.createElement(Paragraph, {
161
+ copyable: {
162
+ tooltips: false,
163
+ onCopy: function onCopy() {
164
+ return _message2.default.success('复制成功!', 1.5);
165
+ }
166
+ }
167
+ }, item[defaultConfig.code])), /*#__PURE__*/_react.default.createElement("div", {
168
+ className: "expand"
169
+ }, (_defaultConfig$desc = defaultConfig.desc) === null || _defaultConfig$desc === void 0 ? void 0 : _defaultConfig$desc.map(function (v) {
170
+ return /*#__PURE__*/_react.default.createElement("div", null, v.label, "\uFF1A", v.value);
171
+ }))), /*#__PURE__*/_react.default.createElement("div", {
172
+ className: "card_cell_center"
173
+ }, /*#__PURE__*/_react.default.createElement("ul", {
174
+ className: "list"
175
+ }, (_defaultConfig$bigVie = defaultConfig.bigView) === null || _defaultConfig$bigVie === void 0 ? void 0 : _defaultConfig$bigVie.map(function (v) {
176
+ return /*#__PURE__*/_react.default.createElement("li", {
177
+ key: v.value,
178
+ className: "item"
179
+ }, /*#__PURE__*/_react.default.createElement("div", {
180
+ className: "num"
181
+ }, item[v.value] || 0), /*#__PURE__*/_react.default.createElement("div", {
182
+ className: "text"
183
+ }, v.label));
184
+ })))), /*#__PURE__*/_react.default.createElement("div", {
185
+ className: "card_cell_footer"
186
+ }, footer && footer(item), expand && /*#__PURE__*/_react.default.createElement("div", {
187
+ className: "footer_expand"
188
+ }, expand(item))))));
189
+ };
190
+
191
+ var _default = Access;
192
+ exports.default = _default;
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _react = require("react");
9
+
10
+ var _default = /*#__PURE__*/(0, _react.createContext)();
11
+
12
+ exports.default = _default;