linkmore-design 1.0.43 → 1.0.46
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/CardTable/table/TableRoot.d.ts +2 -1
- package/dist/index.umd.js +5737 -5614
- package/dist/index.umd.min.js +6 -6
- package/es/CardTable/style/style.css +7 -0
- package/es/CardTable/table/TableRoot.js +4 -2
- package/es/CardTable/table/TableWrapper.js +6 -3
- package/es/CkFilter/components/CascaderFilter.js +7 -0
- package/es/CkFilter/components/filterTypes.js +37 -2
- package/es/CustomTableOption/index.js +7 -7
- package/es/CustomTableOption/style/index.css +2 -2
- package/es/IconFont/font/iconfont.css +15 -7
- package/es/IconFont/font/iconfont.js +1 -1
- package/es/IconFont/font/iconfont.ttf +0 -0
- package/es/IconFont/font/iconfont.woff +0 -0
- package/es/IconFont/font/iconfont.woff2 +0 -0
- package/es/LmTable/Table.js +127 -48
- package/es/LmTable/style/style.css +9 -0
- package/es/Tabs/index.js +6 -2
- package/lib/CardTable/style/style.css +7 -0
- package/lib/CardTable/table/TableRoot.js +4 -2
- package/lib/CardTable/table/TableWrapper.js +6 -3
- package/lib/CkFilter/components/CascaderFilter.js +7 -0
- package/lib/CkFilter/components/filterTypes.js +37 -2
- package/lib/CustomTableOption/index.js +7 -7
- package/lib/CustomTableOption/style/index.css +2 -2
- package/lib/IconFont/font/iconfont.css +15 -7
- package/lib/IconFont/font/iconfont.js +1 -1
- package/lib/IconFont/font/iconfont.ttf +0 -0
- package/lib/IconFont/font/iconfont.woff +0 -0
- package/lib/IconFont/font/iconfont.woff2 +0 -0
- package/lib/LmTable/Table.js +127 -48
- package/lib/LmTable/style/style.css +9 -0
- package/lib/Tabs/index.js +6 -2
- package/package.json +1 -1
|
@@ -15,7 +15,12 @@
|
|
|
15
15
|
}
|
|
16
16
|
.lm_card_table_wrapper .lm_card_table_container .lm_card_table .lm_card_table_body .lm_card_table_body_row .lm_card_table_body_cell {
|
|
17
17
|
width: 100%;
|
|
18
|
+
border: 1px solid transparent;
|
|
18
19
|
overflow: hidden;
|
|
20
|
+
transition: 0.3s;
|
|
21
|
+
}
|
|
22
|
+
.lm_card_table_wrapper .lm_card_table_container .lm_card_table .lm_card_table_body .lm_card_table_body_row .lm_card_table_body_cell.cell_checked {
|
|
23
|
+
border-color: var(--primary-color);
|
|
19
24
|
}
|
|
20
25
|
.card_PTC {
|
|
21
26
|
height: 100%;
|
|
@@ -43,6 +48,7 @@
|
|
|
43
48
|
font-size: 0;
|
|
44
49
|
border: 8px solid rgba(255, 255, 255, 0.625);
|
|
45
50
|
border-radius: 2px;
|
|
51
|
+
line-height: 1;
|
|
46
52
|
}
|
|
47
53
|
.card_PTC .card_PTC_container .card_checkbox .ant-checkbox {
|
|
48
54
|
margin: 0;
|
|
@@ -158,6 +164,7 @@
|
|
|
158
164
|
font-size: 0;
|
|
159
165
|
border: 8px solid rgba(255, 255, 255, 0.625);
|
|
160
166
|
border-radius: 2px;
|
|
167
|
+
line-height: 1;
|
|
161
168
|
}
|
|
162
169
|
.card_PTR .card_PTR_container .card_PTR_body .card_checkbox .ant-checkbox {
|
|
163
170
|
margin: 0;
|
|
@@ -21,7 +21,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
21
21
|
|
|
22
22
|
var _TableWrapper = _interopRequireDefault(require("./TableWrapper"));
|
|
23
23
|
|
|
24
|
-
var _excluded = ["rowConfig", "cellConfig", "defaultConfig", "checkboxConfig"];
|
|
24
|
+
var _excluded = ["rowConfig", "cellConfig", "defaultConfig", "checkboxConfig", "checkboxClick"];
|
|
25
25
|
|
|
26
26
|
var reducer = function reducer(state, action) {
|
|
27
27
|
var page = action.page,
|
|
@@ -98,12 +98,13 @@ var LmCardTableRoot = function LmCardTableRoot(_ref2) {
|
|
|
98
98
|
cellConfig = _ref2.cellConfig,
|
|
99
99
|
defaultConfig = _ref2.defaultConfig,
|
|
100
100
|
checkboxConfig = _ref2.checkboxConfig,
|
|
101
|
+
checkboxClick = _ref2.checkboxClick,
|
|
101
102
|
resetProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
|
|
102
103
|
var initialState = (0, _react.useMemo)(function () {
|
|
103
104
|
return getInitialState((0, _objectSpread2.default)({
|
|
104
105
|
checkboxConfig: checkboxConfig
|
|
105
106
|
}, resetProps));
|
|
106
|
-
}, []);
|
|
107
|
+
}, [checkboxConfig, resetProps]);
|
|
107
108
|
|
|
108
109
|
var _useReducer = (0, _react.useReducer)(reducer, initialState),
|
|
109
110
|
_useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
|
|
@@ -126,6 +127,7 @@ var LmCardTableRoot = function LmCardTableRoot(_ref2) {
|
|
|
126
127
|
var nValues = checked ? [].concat((0, _toConsumableArray2.default)(checkValues), [cell]) : checkValues.filter(function (v) {
|
|
127
128
|
return v[resetProps.cellKey] !== cell[resetProps.cellKey];
|
|
128
129
|
});
|
|
130
|
+
checkboxClick(nValues);
|
|
129
131
|
dispatch({
|
|
130
132
|
type: 'changeCheckboxConfig',
|
|
131
133
|
checkboxConfig: {
|
|
@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.default = void 0;
|
|
9
9
|
|
|
10
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
|
+
|
|
10
12
|
var _react = _interopRequireDefault(require("react"));
|
|
11
13
|
|
|
12
14
|
var _TableContainer = _interopRequireDefault(require("./TableContainer"));
|
|
@@ -14,12 +16,13 @@ var _TableContainer = _interopRequireDefault(require("./TableContainer"));
|
|
|
14
16
|
// 包裹表格外围区域: 工具栏操作区域/主体区域/工具栏底部区域
|
|
15
17
|
var LmCardTableWrapper = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
16
18
|
var table = _ref.table;
|
|
17
|
-
var height = table.height
|
|
19
|
+
var height = table.height,
|
|
20
|
+
style = table.style;
|
|
18
21
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
19
22
|
className: "lm_card_table_wrapper",
|
|
20
|
-
style: {
|
|
23
|
+
style: (0, _objectSpread2.default)({
|
|
21
24
|
height: height
|
|
22
|
-
}
|
|
25
|
+
}, style)
|
|
23
26
|
}, /*#__PURE__*/_react.default.createElement(_TableContainer.default, {
|
|
24
27
|
table: table
|
|
25
28
|
}));
|
|
@@ -75,6 +75,13 @@ var CascaderFilter = function CascaderFilter(_ref) {
|
|
|
75
75
|
setFilterValue(undefined);
|
|
76
76
|
};
|
|
77
77
|
|
|
78
|
+
(0, _react.useEffect)(function () {
|
|
79
|
+
visible && setTimeout(function () {
|
|
80
|
+
var _inputRef$current;
|
|
81
|
+
|
|
82
|
+
(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
|
|
83
|
+
}, 200);
|
|
84
|
+
}, [visible]);
|
|
78
85
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
79
86
|
className: "filter_cascader_container filter_dropdown",
|
|
80
87
|
style: {
|
|
@@ -124,6 +124,13 @@ var SelectFilter = function SelectFilter(_ref2) {
|
|
|
124
124
|
setFilterValue(item.value);
|
|
125
125
|
};
|
|
126
126
|
|
|
127
|
+
(0, _react.useEffect)(function () {
|
|
128
|
+
setTimeout(function () {
|
|
129
|
+
var _inputRef$current2;
|
|
130
|
+
|
|
131
|
+
(_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
|
|
132
|
+
}, 200);
|
|
133
|
+
}, []);
|
|
127
134
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
128
135
|
className: "filter_dropdown"
|
|
129
136
|
}, isSearch && /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -192,6 +199,13 @@ var NestedFilter = function NestedFilter(_ref4) {
|
|
|
192
199
|
}
|
|
193
200
|
};
|
|
194
201
|
|
|
202
|
+
(0, _react.useEffect)(function () {
|
|
203
|
+
setTimeout(function () {
|
|
204
|
+
var _inputRef$current3;
|
|
205
|
+
|
|
206
|
+
(_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.focus();
|
|
207
|
+
}, 200);
|
|
208
|
+
}, []);
|
|
195
209
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
196
210
|
className: "filter_dropdown"
|
|
197
211
|
}, isSearch && /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -369,6 +383,13 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
|
|
|
369
383
|
!isSearch && setFilterValue(arr, 'single');
|
|
370
384
|
};
|
|
371
385
|
|
|
386
|
+
(0, _react.useEffect)(function () {
|
|
387
|
+
setTimeout(function () {
|
|
388
|
+
var _inputRef$current4;
|
|
389
|
+
|
|
390
|
+
(_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 ? void 0 : _inputRef$current4.focus();
|
|
391
|
+
}, 200);
|
|
392
|
+
}, []);
|
|
372
393
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
373
394
|
className: "filter_dropdown"
|
|
374
395
|
}, isSearch && /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -489,6 +510,13 @@ var MoreFilter = function MoreFilter(_ref12) {
|
|
|
489
510
|
setFilterValue(checkedValues, 'cancel');
|
|
490
511
|
};
|
|
491
512
|
|
|
513
|
+
(0, _react.useEffect)(function () {
|
|
514
|
+
setTimeout(function () {
|
|
515
|
+
var _inputRef$current5;
|
|
516
|
+
|
|
517
|
+
(_inputRef$current5 = inputRef.current) === null || _inputRef$current5 === void 0 ? void 0 : _inputRef$current5.focus();
|
|
518
|
+
}, 200);
|
|
519
|
+
}, []);
|
|
492
520
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
493
521
|
className: "filter_dropdown"
|
|
494
522
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -686,6 +714,13 @@ var CascaderFilter = function CascaderFilter(props) {
|
|
|
686
714
|
setCheckedValues(itemProps.multiple ? [] : '');
|
|
687
715
|
};
|
|
688
716
|
|
|
717
|
+
(0, _react.useEffect)(function () {
|
|
718
|
+
visible && setTimeout(function () {
|
|
719
|
+
var _inputRef$current6;
|
|
720
|
+
|
|
721
|
+
(_inputRef$current6 = inputRef.current) === null || _inputRef$current6 === void 0 ? void 0 : _inputRef$current6.focus();
|
|
722
|
+
}, 200);
|
|
723
|
+
}, [visible]);
|
|
689
724
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
690
725
|
className: "filter_cascader_container filter_dropdown"
|
|
691
726
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -696,9 +731,9 @@ var CascaderFilter = function CascaderFilter(props) {
|
|
|
696
731
|
size: "small",
|
|
697
732
|
placeholder: "\u8BF7\u8F93\u5165",
|
|
698
733
|
onSearch: handleFilter,
|
|
699
|
-
onChange:
|
|
734
|
+
onChange: function onChange(e) {
|
|
700
735
|
return handleFilter(e.target.value);
|
|
701
|
-
}
|
|
736
|
+
}
|
|
702
737
|
})), menus, itemProps.multiple && /*#__PURE__*/_react.default.createElement("div", {
|
|
703
738
|
className: "filter_footer"
|
|
704
739
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -15,15 +15,15 @@ var MiddleImg = require('./assets/option3.png');
|
|
|
15
15
|
|
|
16
16
|
var TabPane = Tabs.TabPane;
|
|
17
17
|
var optionsWithDisabled = [{
|
|
18
|
-
label: '紧凑型',
|
|
19
|
-
value: 'small',
|
|
20
|
-
imgUrl: SmallImg
|
|
21
|
-
}, {
|
|
22
18
|
label: '默认',
|
|
23
19
|
value: 'default',
|
|
24
20
|
imgUrl: DefaultImg
|
|
25
21
|
}, {
|
|
26
|
-
label: '
|
|
22
|
+
label: '紧凑型',
|
|
23
|
+
value: 'small',
|
|
24
|
+
imgUrl: SmallImg
|
|
25
|
+
}, {
|
|
26
|
+
label: '宽松',
|
|
27
27
|
value: 'middle',
|
|
28
28
|
imgUrl: MiddleImg
|
|
29
29
|
}];
|
|
@@ -50,7 +50,7 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
50
50
|
var _useState5 = useState({
|
|
51
51
|
filter: [],
|
|
52
52
|
columns: [],
|
|
53
|
-
size: '
|
|
53
|
+
size: 'default'
|
|
54
54
|
}),
|
|
55
55
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
56
56
|
lmOptions = _useState6[0],
|
|
@@ -64,7 +64,7 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
64
64
|
setLmOptions({
|
|
65
65
|
filter: props.filter,
|
|
66
66
|
columns: props.columns,
|
|
67
|
-
size: props.size || '
|
|
67
|
+
size: props.size || 'default'
|
|
68
68
|
});
|
|
69
69
|
}, [props.filter, props.columns, props.size]);
|
|
70
70
|
/** 提交按钮 */
|
|
@@ -514,11 +514,11 @@ html {
|
|
|
514
514
|
}
|
|
515
515
|
.lm_custom_option_columns .global_setting {
|
|
516
516
|
height: 44px;
|
|
517
|
-
background-color: var(--color-4);
|
|
518
517
|
display: flex;
|
|
519
518
|
align-items: center;
|
|
520
519
|
justify-content: space-between;
|
|
521
|
-
padding:
|
|
520
|
+
padding-bottom: 12px;
|
|
521
|
+
border-bottom: 1px solid var(--border-color);
|
|
522
522
|
font-size: 12px;
|
|
523
523
|
margin-bottom: 8px;
|
|
524
524
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
@font-face {
|
|
2
2
|
font-family: "iconfont"; /* Project id 2966019 */
|
|
3
|
-
src: url('iconfont.woff2?t=
|
|
4
|
-
url('iconfont.woff?t=
|
|
5
|
-
url('iconfont.ttf?t=
|
|
3
|
+
src: url('iconfont.woff2?t=1659492914541') format('woff2'),
|
|
4
|
+
url('iconfont.woff?t=1659492914541') format('woff'),
|
|
5
|
+
url('iconfont.ttf?t=1659492914541') format('truetype');
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
.iconfont {
|
|
@@ -13,6 +13,18 @@
|
|
|
13
13
|
-moz-osx-font-smoothing: grayscale;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
.lmweb-icon_application_light:before {
|
|
17
|
+
content: "\e6c7";
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.lmweb-icon_m_nullify:before {
|
|
21
|
+
content: "\e657";
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.lmweb-icon_m_data:before {
|
|
25
|
+
content: "\e658";
|
|
26
|
+
}
|
|
27
|
+
|
|
16
28
|
.lmweb-icon_china1:before {
|
|
17
29
|
content: "\e6c9";
|
|
18
30
|
}
|
|
@@ -25,10 +37,6 @@
|
|
|
25
37
|
content: "\e6cb";
|
|
26
38
|
}
|
|
27
39
|
|
|
28
|
-
.lmweb-icon_application_light:before {
|
|
29
|
-
content: "\e6c7";
|
|
30
|
-
}
|
|
31
|
-
|
|
32
40
|
.lmweb-icon_application:before {
|
|
33
41
|
content: "\e6c8";
|
|
34
42
|
}
|