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.
- package/dist/index.umd.js +951 -847
- package/dist/index.umd.min.js +6 -6
- package/es/Button/index.js +3 -1
- package/es/Button/style/style.css +4 -1
- package/es/CkFilter/components/filterTypes.js +42 -31
- package/es/CkFilter/filter.js +1 -1
- package/es/CkFilter/style/style.css +3 -3
- package/es/Dropdown/index.d.ts +1 -0
- package/es/Dropdown/index.js +78 -7
- package/es/Filter/Popover.js +2 -2
- package/es/LeftTable/index.js +5 -3
- package/es/LeftTable/style/style.css +38 -10
- package/es/Modal/index.js +7 -3
- package/es/PopTable/style/style.css +1 -5
- package/es/ProTable/ImgList/body.js +5 -5
- package/es/ProTable/Table.js +24 -13
- package/es/ProTable/style/style.css +15 -2
- package/es/Radio/style/style.css +7 -0
- package/es/TabBar/style/style.css +0 -1
- package/lib/Button/index.js +3 -1
- package/lib/Button/style/style.css +4 -1
- package/lib/CkFilter/components/filterTypes.js +42 -31
- package/lib/CkFilter/filter.js +1 -1
- package/lib/CkFilter/style/style.css +3 -3
- package/lib/Dropdown/index.d.ts +1 -0
- package/lib/Dropdown/index.js +81 -7
- package/lib/Filter/Popover.js +2 -2
- package/lib/LeftTable/index.js +5 -3
- package/lib/LeftTable/style/style.css +38 -10
- package/lib/Modal/index.js +7 -3
- package/lib/PopTable/style/style.css +1 -5
- package/lib/ProTable/ImgList/body.js +5 -5
- package/lib/ProTable/Table.js +24 -13
- package/lib/ProTable/style/style.css +15 -2
- package/lib/Radio/style/style.css +7 -0
- package/lib/TabBar/style/style.css +0 -1
- package/package.json +1 -1
package/es/Button/index.js
CHANGED
|
@@ -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,
|
|
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:
|
|
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
|
-
|
|
308
|
-
|
|
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 ?
|
|
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.
|
|
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 (
|
|
380
|
-
var item =
|
|
381
|
-
resetProps = (0, _objectWithoutProperties2.default)(
|
|
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(
|
|
408
|
-
var filters =
|
|
409
|
-
getFilterValue =
|
|
410
|
-
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 (
|
|
477
|
-
var item =
|
|
478
|
-
resetProps = (0, _objectWithoutProperties2.default)(
|
|
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(
|
|
501
|
-
var getFilterValue =
|
|
502
|
-
setFilterValue =
|
|
503
|
-
props =
|
|
504
|
-
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 () {
|
package/es/CkFilter/filter.js
CHANGED
|
@@ -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) >
|
|
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:
|
|
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:
|
|
734
|
-
min-height:
|
|
733
|
+
font-size: 12px;
|
|
734
|
+
min-height: 40px;
|
|
735
735
|
color: #666;
|
|
736
736
|
padding: 0 8px;
|
|
737
737
|
}
|
package/es/Dropdown/index.d.ts
CHANGED
|
@@ -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;
|
package/es/Dropdown/index.js
CHANGED
|
@@ -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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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;
|
package/es/Filter/Popover.js
CHANGED
|
@@ -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"));
|
package/es/LeftTable/index.js
CHANGED
|
@@ -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
|
|
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
|
|
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:
|
|
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:
|
|
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:
|
|
554
|
-
color: var(--
|
|
555
|
-
background-color: var(--
|
|
556
|
-
transition:
|
|
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
|
|
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:
|
|
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 ?
|
|
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;
|
package/es/ProTable/Table.js
CHANGED
|
@@ -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
|
-
(
|
|
244
|
-
|
|
245
|
-
|
|
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
|
-
|
|
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) {
|