linkmore-design 1.0.40 → 1.0.43
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/CkFilter/complexFilter/saveModal.d.ts +4 -0
- package/dist/CustomTableOption/index.d.ts +2 -1
- package/dist/LmTable/ImgList/footer.d.ts +3 -1
- package/dist/Spin/demos/basic.d.ts +2 -0
- package/dist/Spin/demos/size.d.ts +2 -0
- package/dist/Spin/index.d.ts +7 -0
- package/dist/Spin/style/index.d.ts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.umd.js +318 -105
- package/dist/index.umd.min.js +5 -5
- package/es/CardTable/style/style.css +3 -0
- package/es/CkFilter/baseFilter/index.js +9 -2
- package/es/CkFilter/complexFilter/drawer.js +31 -18
- package/es/CkFilter/complexFilter/saveModal.js +140 -0
- package/es/CkFilter/customFilter/drawer.js +2 -2
- package/es/CkFilter/style/style.css +34 -3
- package/es/CustomTableOption/index.d.ts +2 -1
- package/es/CustomTableOption/index.js +10 -6
- package/es/CustomTableOption/style/index.css +8 -0
- package/es/Dropdown/index.js +10 -2
- package/es/EditTable/EditTable.js +6 -4
- package/es/IconFont/font/iconfont.css +113 -5
- package/es/IconFont/font/iconfont.js +19 -19
- 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/ImgList/footer.js +9 -7
- package/es/LmTable/ImgList/imgCell.js +25 -13
- package/es/LmTable/ImgList/imgTable.js +28 -5
- package/es/LmTable/Table.js +26 -4
- package/es/LmTable/style/style.css +422 -395
- package/es/Pagination/index.js +2 -1
- package/es/ProTable/style/style.css +0 -3
- package/es/Spin/index.d.ts +7 -0
- package/es/Spin/index.js +3 -0
- package/es/Spin/style/index.css +505 -0
- package/es/Spin/style/index.d.ts +1 -0
- package/es/Spin/style/index.js +1 -0
- package/es/index.d.ts +1 -0
- package/es/index.js +2 -1
- package/lib/CardTable/style/style.css +3 -0
- package/lib/CkFilter/baseFilter/index.js +9 -2
- package/lib/CkFilter/complexFilter/drawer.js +31 -18
- package/lib/CkFilter/complexFilter/saveModal.js +140 -0
- package/lib/CkFilter/customFilter/drawer.js +2 -2
- package/lib/CkFilter/style/style.css +34 -3
- package/lib/CustomTableOption/index.d.ts +2 -1
- package/lib/CustomTableOption/index.js +12 -6
- package/lib/CustomTableOption/style/index.css +8 -0
- package/lib/Dropdown/index.js +10 -2
- package/lib/EditTable/EditTable.js +6 -4
- package/lib/IconFont/font/iconfont.css +113 -5
- package/lib/IconFont/font/iconfont.js +19 -19
- 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/ImgList/footer.js +9 -7
- package/lib/LmTable/ImgList/imgCell.js +25 -13
- package/lib/LmTable/ImgList/imgTable.js +28 -5
- package/lib/LmTable/Table.js +26 -4
- package/lib/LmTable/style/style.css +422 -395
- package/lib/Pagination/index.js +2 -1
- package/lib/ProTable/style/style.css +0 -3
- package/lib/Spin/index.d.ts +7 -0
- package/lib/Spin/index.js +15 -0
- package/lib/Spin/style/index.css +505 -0
- package/lib/Spin/style/index.d.ts +1 -0
- package/lib/Spin/style/index.js +3 -0
- package/lib/index.d.ts +1 -0
- package/lib/index.js +9 -1
- package/package.json +1 -1
|
@@ -256,6 +256,9 @@
|
|
|
256
256
|
.card_PTR .card_PTR_container .card_PTR_footer > *:last-child::after {
|
|
257
257
|
display: none;
|
|
258
258
|
}
|
|
259
|
+
.card_PTR .card_PTR_container:hover {
|
|
260
|
+
background-color: var(--color-6);
|
|
261
|
+
}
|
|
259
262
|
.card_PTR .card_PTR_container:hover .card_PTR_body .card_checkbox {
|
|
260
263
|
opacity: 1;
|
|
261
264
|
}
|
|
@@ -55,6 +55,13 @@ var Filter = function Filter() {
|
|
|
55
55
|
visibleFields = state.visibleFields,
|
|
56
56
|
orderFields = state.orderFields,
|
|
57
57
|
customFilterValues = state.customFilterValues;
|
|
58
|
+
var hasClear = (0, _react.useMemo)(function () {
|
|
59
|
+
var _Object$keys;
|
|
60
|
+
|
|
61
|
+
var obj = (0, _objectSpread2.default)({}, filterValues);
|
|
62
|
+
delete obj[searchKey];
|
|
63
|
+
return ((_Object$keys = Object.keys(obj)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) || false;
|
|
64
|
+
}, [filterValues]);
|
|
58
65
|
|
|
59
66
|
var handleFilter = function handleFilter(val) {
|
|
60
67
|
var nValue = (0, _objectSpread2.default)({}, filterValues);
|
|
@@ -84,7 +91,7 @@ var Filter = function Filter() {
|
|
|
84
91
|
|
|
85
92
|
dispatch({
|
|
86
93
|
type: 'changeFilterValues',
|
|
87
|
-
filterValues: {}
|
|
94
|
+
filterValues: (0, _defineProperty2.default)({}, searchKey, filterValues[searchKey])
|
|
88
95
|
});
|
|
89
96
|
onChange === null || onChange === void 0 ? void 0 : onChange((0, _defineProperty2.default)({}, searchKey, filterValues[searchKey]), customFilterValues);
|
|
90
97
|
};
|
|
@@ -105,7 +112,7 @@ var Filter = function Filter() {
|
|
|
105
112
|
return /*#__PURE__*/_react.default.createElement(_filterMenu.default, (0, _extends2.default)({
|
|
106
113
|
key: v.field
|
|
107
114
|
}, v));
|
|
108
|
-
}), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
|
|
115
|
+
}), hasClear && /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
|
|
109
116
|
type: "link",
|
|
110
117
|
onClick: handleClear
|
|
111
118
|
}, "\u4E00\u952E\u6E05\u7A7A")), /*#__PURE__*/_react.default.createElement(_NestedFilter.default, null));
|
|
@@ -37,6 +37,8 @@ var _context = require("../context");
|
|
|
37
37
|
|
|
38
38
|
var _utils = require("../utils");
|
|
39
39
|
|
|
40
|
+
var _saveModal = _interopRequireDefault(require("./saveModal"));
|
|
41
|
+
|
|
40
42
|
var _excluded = ["item"],
|
|
41
43
|
_excluded2 = ["item"];
|
|
42
44
|
|
|
@@ -90,6 +92,8 @@ var ListItemChecked = function ListItemChecked(props) {
|
|
|
90
92
|
var checkedValue = value.value;
|
|
91
93
|
|
|
92
94
|
if (Array.isArray(checkedValue)) {
|
|
95
|
+
var _getItem$data;
|
|
96
|
+
|
|
93
97
|
if (getItem.type === 'nested') {
|
|
94
98
|
return checkedValue;
|
|
95
99
|
}
|
|
@@ -100,7 +104,7 @@ var ListItemChecked = function ListItemChecked(props) {
|
|
|
100
104
|
return arr;
|
|
101
105
|
}
|
|
102
106
|
|
|
103
|
-
return getItem.data.filter(function (v) {
|
|
107
|
+
return (_getItem$data = getItem.data) === null || _getItem$data === void 0 ? void 0 : _getItem$data.filter(function (v) {
|
|
104
108
|
return checkedValue.includes(v.value);
|
|
105
109
|
});
|
|
106
110
|
}
|
|
@@ -168,7 +172,7 @@ var ListItemChecked = function ListItemChecked(props) {
|
|
|
168
172
|
className: "site-tag-plus",
|
|
169
173
|
onClick: handleAdd
|
|
170
174
|
}, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
|
|
171
|
-
type: "lmweb-plus
|
|
175
|
+
type: "lmweb-plus"
|
|
172
176
|
}), " \u65B0\u589E"), checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues.map(function (v) {
|
|
173
177
|
return /*#__PURE__*/_react.default.createElement(_tag.default, {
|
|
174
178
|
key: v.value,
|
|
@@ -201,7 +205,9 @@ var ListItemChecked = function ListItemChecked(props) {
|
|
|
201
205
|
}; // 全部筛选项
|
|
202
206
|
|
|
203
207
|
|
|
204
|
-
var ListGroup = function ListGroup() {
|
|
208
|
+
var ListGroup = function ListGroup(_ref) {
|
|
209
|
+
var checkedValues = _ref.checkedValues;
|
|
210
|
+
|
|
205
211
|
var _useStore2 = (0, _context.useStore)(),
|
|
206
212
|
state = _useStore2.state,
|
|
207
213
|
dispatch = _useStore2.dispatch;
|
|
@@ -220,8 +226,8 @@ var ListGroup = function ListGroup() {
|
|
|
220
226
|
}; // 编辑
|
|
221
227
|
|
|
222
228
|
|
|
223
|
-
var handleEdit = function handleEdit(
|
|
224
|
-
var field =
|
|
229
|
+
var handleEdit = function handleEdit(_ref2) {
|
|
230
|
+
var field = _ref2.field;
|
|
225
231
|
// 单项匹配数据, 根据字段名查找
|
|
226
232
|
var getItem = fullData.find(function (v) {
|
|
227
233
|
return v.field === field;
|
|
@@ -239,6 +245,14 @@ var ListGroup = function ListGroup() {
|
|
|
239
245
|
});
|
|
240
246
|
};
|
|
241
247
|
|
|
248
|
+
(0, _react.useEffect)(function () {
|
|
249
|
+
var nValue = fullData.filter(function (item) {
|
|
250
|
+
return !checkedValues.some(function (v) {
|
|
251
|
+
return v.field === item.field;
|
|
252
|
+
});
|
|
253
|
+
});
|
|
254
|
+
setOptions(nValue);
|
|
255
|
+
}, [checkedValues]);
|
|
242
256
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
243
257
|
className: "list_group"
|
|
244
258
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -253,9 +267,9 @@ var ListGroup = function ListGroup() {
|
|
|
253
267
|
})), /*#__PURE__*/_react.default.createElement(_VirtualList.default, {
|
|
254
268
|
options: options,
|
|
255
269
|
className: "filter_drawer_group_list"
|
|
256
|
-
}, function (
|
|
257
|
-
var item =
|
|
258
|
-
resetProps = (0, _objectWithoutProperties2.default)(
|
|
270
|
+
}, function (_ref3) {
|
|
271
|
+
var item = _ref3.item,
|
|
272
|
+
resetProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
|
|
259
273
|
return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
|
|
260
274
|
className: "filter_drawer_group_item"
|
|
261
275
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -307,8 +321,6 @@ var Index = function Index() {
|
|
|
307
321
|
});
|
|
308
322
|
};
|
|
309
323
|
|
|
310
|
-
var onSave = function onSave() {};
|
|
311
|
-
|
|
312
324
|
var onSearch = function onSearch() {
|
|
313
325
|
console.log('complexDrawer:', data);
|
|
314
326
|
dispatch({
|
|
@@ -350,10 +362,9 @@ var Index = function Index() {
|
|
|
350
362
|
extra: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Space, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
|
|
351
363
|
onClick: onClose,
|
|
352
364
|
size: "small"
|
|
353
|
-
}, "\u53D6\u6D88"), !!instance.custom && /*#__PURE__*/_react.default.createElement(
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
}, "\u4FDD\u5B58\u67E5\u8BE2"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
|
|
365
|
+
}, "\u53D6\u6D88"), !!instance.custom && /*#__PURE__*/_react.default.createElement(_saveModal.default, {
|
|
366
|
+
state: state
|
|
367
|
+
}), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
|
|
357
368
|
type: "primary",
|
|
358
369
|
onClick: onSearch,
|
|
359
370
|
size: "small"
|
|
@@ -366,13 +377,15 @@ var Index = function Index() {
|
|
|
366
377
|
}, /*#__PURE__*/_react.default.createElement(_VirtualList.default, {
|
|
367
378
|
options: filterItemData,
|
|
368
379
|
className: "filter_drawer_group_list"
|
|
369
|
-
}, function (
|
|
370
|
-
var item =
|
|
371
|
-
resetProps = (0, _objectWithoutProperties2.default)(
|
|
380
|
+
}, function (_ref4) {
|
|
381
|
+
var item = _ref4.item,
|
|
382
|
+
resetProps = (0, _objectWithoutProperties2.default)(_ref4, _excluded2);
|
|
372
383
|
return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
|
|
373
384
|
className: "filter_drawer_group_item"
|
|
374
385
|
}), /*#__PURE__*/_react.default.createElement(ListItemChecked, item));
|
|
375
|
-
})), /*#__PURE__*/_react.default.createElement(ListGroup,
|
|
386
|
+
})), /*#__PURE__*/_react.default.createElement(ListGroup, {
|
|
387
|
+
checkedValues: filterItemData
|
|
388
|
+
})), /*#__PURE__*/_react.default.createElement(_modal.default, null)));
|
|
376
389
|
};
|
|
377
390
|
|
|
378
391
|
var _default = Index;
|
|
@@ -0,0 +1,140 @@
|
|
|
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 _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
13
|
+
|
|
14
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
15
|
+
|
|
16
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
|
|
17
|
+
|
|
18
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
19
|
+
|
|
20
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
21
|
+
|
|
22
|
+
var _linkmoreDesign = require("linkmore-design");
|
|
23
|
+
|
|
24
|
+
var Save = function Save(_ref) {
|
|
25
|
+
var state = _ref.state;
|
|
26
|
+
|
|
27
|
+
var _useState = (0, _react.useState)(false),
|
|
28
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
29
|
+
visible = _useState2[0],
|
|
30
|
+
setVisible = _useState2[1];
|
|
31
|
+
|
|
32
|
+
var _Form$useForm = _linkmoreDesign.Form.useForm(),
|
|
33
|
+
_Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
|
|
34
|
+
form = _Form$useForm2[0];
|
|
35
|
+
|
|
36
|
+
var onClose = function onClose() {
|
|
37
|
+
setVisible(false);
|
|
38
|
+
form.resetFields();
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
var onSave = /*#__PURE__*/function () {
|
|
42
|
+
var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
43
|
+
var val, nValue;
|
|
44
|
+
return _regenerator.default.wrap(function _callee$(_context) {
|
|
45
|
+
while (1) {
|
|
46
|
+
switch (_context.prev = _context.next) {
|
|
47
|
+
case 0:
|
|
48
|
+
_context.prev = 0;
|
|
49
|
+
_context.next = 3;
|
|
50
|
+
return form.validateFields();
|
|
51
|
+
|
|
52
|
+
case 3:
|
|
53
|
+
val = _context.sent;
|
|
54
|
+
nValue = (0, _objectSpread2.default)({
|
|
55
|
+
filterValues: (0, _objectSpread2.default)({}, state.complexDrawer.data)
|
|
56
|
+
}, val);
|
|
57
|
+
|
|
58
|
+
if (!nValue.value) {
|
|
59
|
+
Object.assign(nValue, {
|
|
60
|
+
value: "diy".concat(Date.now())
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
console.log('保存数据!', nValue);
|
|
65
|
+
onClose();
|
|
66
|
+
_context.next = 13;
|
|
67
|
+
break;
|
|
68
|
+
|
|
69
|
+
case 10:
|
|
70
|
+
_context.prev = 10;
|
|
71
|
+
_context.t0 = _context["catch"](0);
|
|
72
|
+
console.log('error:', _context.t0);
|
|
73
|
+
|
|
74
|
+
case 13:
|
|
75
|
+
case "end":
|
|
76
|
+
return _context.stop();
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
}, _callee, null, [[0, 10]]);
|
|
80
|
+
}));
|
|
81
|
+
|
|
82
|
+
return function onSave() {
|
|
83
|
+
return _ref2.apply(this, arguments);
|
|
84
|
+
};
|
|
85
|
+
}();
|
|
86
|
+
|
|
87
|
+
var modalProps = {
|
|
88
|
+
title: "保存查询",
|
|
89
|
+
size: 'small',
|
|
90
|
+
visible: visible,
|
|
91
|
+
onOk: function onOk() {
|
|
92
|
+
return onSave();
|
|
93
|
+
},
|
|
94
|
+
onCancel: function onCancel() {
|
|
95
|
+
return onClose();
|
|
96
|
+
}
|
|
97
|
+
};
|
|
98
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
|
|
99
|
+
onClick: function onClick() {
|
|
100
|
+
return setVisible(true);
|
|
101
|
+
},
|
|
102
|
+
size: "small"
|
|
103
|
+
}, "\u4FDD\u5B58\u67E5\u8BE2"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Modal, modalProps, /*#__PURE__*/_react.default.createElement("div", {
|
|
104
|
+
className: "save_modal"
|
|
105
|
+
}, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form, {
|
|
106
|
+
form: form,
|
|
107
|
+
layout: "vertical",
|
|
108
|
+
size: "default"
|
|
109
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
110
|
+
className: "filter_drawer_group"
|
|
111
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
112
|
+
className: "text_tip"
|
|
113
|
+
}, "\u4FDD\u5B58\u67E5\u8BE2\u540E\uFF0C\u4E0B\u6B21\u53EF\u4EE5\u5728\u81EA\u5B9A\u4E49\u67E5\u8BE2\u91CC\u5FEB\u901F\u627E\u5230\uFF0C\u8FDB\u884C\u5FEB\u6377\u67E5\u8BE2")), /*#__PURE__*/_react.default.createElement("div", {
|
|
114
|
+
className: "filter_drawer_group"
|
|
115
|
+
}, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form.Item, {
|
|
116
|
+
name: "label",
|
|
117
|
+
label: "\u540D\u79F0",
|
|
118
|
+
rules: [{
|
|
119
|
+
required: true,
|
|
120
|
+
message: '请输入名称'
|
|
121
|
+
}]
|
|
122
|
+
}, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input, {
|
|
123
|
+
placeholder: "\u8BF7\u8F93\u5165",
|
|
124
|
+
size: "middle"
|
|
125
|
+
}))), /*#__PURE__*/_react.default.createElement("div", {
|
|
126
|
+
className: "filter_drawer_group"
|
|
127
|
+
}, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form.Item, {
|
|
128
|
+
name: "default",
|
|
129
|
+
label: "\u8BBE\u4E3A\u9ED8\u8BA4"
|
|
130
|
+
}, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Group, {
|
|
131
|
+
size: "small"
|
|
132
|
+
}, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio, {
|
|
133
|
+
value: true
|
|
134
|
+
}, "\u662F"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio, {
|
|
135
|
+
value: false
|
|
136
|
+
}, "\u5426"))))))));
|
|
137
|
+
};
|
|
138
|
+
|
|
139
|
+
var _default = Save;
|
|
140
|
+
exports.default = _default;
|
|
@@ -176,7 +176,7 @@ var ListItem = function ListItem(props) {
|
|
|
176
176
|
className: "site-tag-plus",
|
|
177
177
|
onClick: handleAdd
|
|
178
178
|
}, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
|
|
179
|
-
type: "lmweb-plus
|
|
179
|
+
type: "lmweb-plus"
|
|
180
180
|
}), " \u65B0\u589E"), checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues.map(function (v) {
|
|
181
181
|
return /*#__PURE__*/_react.default.createElement(_tag.default, {
|
|
182
182
|
key: v.value,
|
|
@@ -376,7 +376,7 @@ var Index = function Index() {
|
|
|
376
376
|
type: "dashed",
|
|
377
377
|
onClick: addEvent,
|
|
378
378
|
icon: /*#__PURE__*/_react.default.createElement(_IconFont.default, {
|
|
379
|
-
type: "lmweb-plus
|
|
379
|
+
type: "lmweb-plus"
|
|
380
380
|
}),
|
|
381
381
|
size: "middle"
|
|
382
382
|
}, "\u65B0\u589E\u7B5B\u9009\u9879")), /*#__PURE__*/_react.default.createElement(_VirtualList.default, {
|
|
@@ -515,6 +515,7 @@ html {
|
|
|
515
515
|
align-items: center;
|
|
516
516
|
justify-content: space-between;
|
|
517
517
|
height: 32px;
|
|
518
|
+
line-height: 1;
|
|
518
519
|
min-width: 100px;
|
|
519
520
|
border: 1px solid var(--box-shadow-color);
|
|
520
521
|
border-radius: 2px;
|
|
@@ -829,9 +830,6 @@ html {
|
|
|
829
830
|
cursor: pointer;
|
|
830
831
|
transition: 0.3s;
|
|
831
832
|
}
|
|
832
|
-
.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box:hover {
|
|
833
|
-
border-color: var(--primary-color);
|
|
834
|
-
}
|
|
835
833
|
.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_header {
|
|
836
834
|
display: flex;
|
|
837
835
|
align-items: center;
|
|
@@ -1039,6 +1037,39 @@ html {
|
|
|
1039
1037
|
.ant-modal .custom_modal .ant-select {
|
|
1040
1038
|
font-size: 12px;
|
|
1041
1039
|
}
|
|
1040
|
+
.ant-modal .filter_drawer_group {
|
|
1041
|
+
font-size: 12px;
|
|
1042
|
+
line-height: 1;
|
|
1043
|
+
}
|
|
1044
|
+
.ant-modal .filter_drawer_group .text_tip {
|
|
1045
|
+
font-size: 12px;
|
|
1046
|
+
line-height: 22px;
|
|
1047
|
+
color: var(--text-color);
|
|
1048
|
+
margin-bottom: 16px;
|
|
1049
|
+
}
|
|
1050
|
+
.ant-modal .filter_drawer_group .ant-form-item {
|
|
1051
|
+
margin-bottom: 16px;
|
|
1052
|
+
}
|
|
1053
|
+
.ant-modal .filter_drawer_group .ant-form-item-label {
|
|
1054
|
+
padding-bottom: 0;
|
|
1055
|
+
}
|
|
1056
|
+
.ant-modal .filter_drawer_group .ant-form-item-label label {
|
|
1057
|
+
font-size: 12px;
|
|
1058
|
+
}
|
|
1059
|
+
.ant-modal .filter_drawer_group .ant-form-item-control {
|
|
1060
|
+
width: 100%;
|
|
1061
|
+
}
|
|
1062
|
+
.ant-modal .filter_drawer_group input {
|
|
1063
|
+
font-size: 12px;
|
|
1064
|
+
}
|
|
1065
|
+
.ant-modal .filter_drawer_group .ant-radio-wrapper {
|
|
1066
|
+
display: inline-flex;
|
|
1067
|
+
align-items: center;
|
|
1068
|
+
font-size: 12px;
|
|
1069
|
+
}
|
|
1070
|
+
.ant-modal .filter_drawer_group .ant-radio-wrapper .ant-radio {
|
|
1071
|
+
top: 0;
|
|
1072
|
+
}
|
|
1042
1073
|
.lm_filter_dropdown_picker .filter_picker_box {
|
|
1043
1074
|
display: flex;
|
|
1044
1075
|
}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TableProps } from 'antd';
|
|
2
|
+
import { TableProps, TooltipProps } from 'antd';
|
|
3
3
|
export interface ICustomTableOptionProps {
|
|
4
4
|
className?: string;
|
|
5
5
|
style?: React.CSSProperties;
|
|
6
6
|
size?: 'small' | 'default' | 'middle';
|
|
7
|
+
tooltip?: TooltipProps;
|
|
7
8
|
filter?: Record<string, any>[];
|
|
8
9
|
columns?: TableProps<any>['columns'];
|
|
9
10
|
onSave?: (data: any) => void;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import "antd/es/tooltip/style";
|
|
2
|
+
import _Tooltip from "antd/es/tooltip";
|
|
1
3
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
4
|
import React, { forwardRef, useState, useEffect, useRef } from 'react';
|
|
3
5
|
import { Drawer, Tabs, Radio, IconFont, Space, Button, Switch } from 'linkmore-design';
|
|
@@ -27,7 +29,9 @@ var optionsWithDisabled = [{
|
|
|
27
29
|
}];
|
|
28
30
|
var prefixCls = 'lm_custom-table-option';
|
|
29
31
|
var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
30
|
-
var className = props.className
|
|
32
|
+
var className = props.className,
|
|
33
|
+
_props$tooltip = props.tooltip,
|
|
34
|
+
tooltip = _props$tooltip === void 0 ? {} : _props$tooltip;
|
|
31
35
|
var filterRef = useRef(null);
|
|
32
36
|
var columnsRef = useRef(null); // const sizeRef = useRef(null)
|
|
33
37
|
|
|
@@ -38,7 +42,7 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
38
42
|
/** 是否记住页面使用状态 */
|
|
39
43
|
|
|
40
44
|
|
|
41
|
-
var _useState3 = useState(
|
|
45
|
+
var _useState3 = useState(true),
|
|
42
46
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
43
47
|
saveSetting = _useState4[0],
|
|
44
48
|
setSaveSetting = _useState4[1];
|
|
@@ -88,14 +92,14 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
88
92
|
setVisible(false);
|
|
89
93
|
};
|
|
90
94
|
|
|
91
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
|
|
95
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Tooltip, Object.assign({}, tooltip), /*#__PURE__*/React.createElement(Button, {
|
|
92
96
|
onClick: openSetting,
|
|
93
97
|
icon: /*#__PURE__*/React.createElement(IconFont, {
|
|
94
98
|
type: 'lmweb-setting'
|
|
95
99
|
})
|
|
96
|
-
}), /*#__PURE__*/React.createElement(Drawer, {
|
|
100
|
+
})), /*#__PURE__*/React.createElement(Drawer, {
|
|
97
101
|
className: classNames(className, prefixCls),
|
|
98
|
-
title: "\
|
|
102
|
+
title: "\u7B5B\u9009\u8BBE\u7F6E",
|
|
99
103
|
visible: visible,
|
|
100
104
|
extra: /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
|
|
101
105
|
size: "small",
|
|
@@ -121,7 +125,7 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
121
125
|
ref: filterRef,
|
|
122
126
|
filter: lmOptions.filter
|
|
123
127
|
})), /*#__PURE__*/React.createElement(TabPane, {
|
|
124
|
-
tab: "\u5217\u5B57\u6BB5\u8BBE\u7F6E",
|
|
128
|
+
tab: "\u5217\u8868\u5B57\u6BB5\u8BBE\u7F6E",
|
|
125
129
|
key: "2",
|
|
126
130
|
forceRender: true
|
|
127
131
|
}, /*#__PURE__*/React.createElement(ColumnsSort, {
|
|
@@ -544,6 +544,13 @@ html {
|
|
|
544
544
|
padding: 0 16px;
|
|
545
545
|
font-size: 12px;
|
|
546
546
|
margin-bottom: 8px;
|
|
547
|
+
cursor: pointer;
|
|
548
|
+
}
|
|
549
|
+
.lm_custom_option_columns .lm_custom_item:hover {
|
|
550
|
+
background-color: var(--line-color);
|
|
551
|
+
}
|
|
552
|
+
.lm_custom_option_columns .lm_custom_item:hover .hover_show {
|
|
553
|
+
display: inline-flex;
|
|
547
554
|
}
|
|
548
555
|
.lm_custom_option_columns .lm_custom_item .lm-checkbox > span {
|
|
549
556
|
font-size: 12px;
|
|
@@ -557,6 +564,7 @@ html {
|
|
|
557
564
|
color: var(--tip-text-color);
|
|
558
565
|
}
|
|
559
566
|
.lm_custom_option_columns .lm_custom_icon.hover_show {
|
|
567
|
+
display: none;
|
|
560
568
|
color: var(--primary-color);
|
|
561
569
|
}
|
|
562
570
|
.lm_custom_size_warp {
|
package/es/Dropdown/index.js
CHANGED
|
@@ -28,7 +28,9 @@ var CLMDropdown = function CLMDropdown(props) {
|
|
|
28
28
|
dropdownmatchwidth = _props$dropdownmatchw === void 0 ? false : _props$dropdownmatchw,
|
|
29
29
|
_props$onlyIcon = props.onlyIcon,
|
|
30
30
|
onlyIcon = _props$onlyIcon === void 0 ? false : _props$onlyIcon,
|
|
31
|
-
|
|
31
|
+
_props$trigger = props.trigger,
|
|
32
|
+
trigger = _props$trigger === void 0 ? ['click'] : _props$trigger,
|
|
33
|
+
others = __rest(props, ["children", "className", "overlayClassName", "dropdownmatchwidth", "onlyIcon", "trigger"]);
|
|
32
34
|
|
|
33
35
|
var dropdownRef = useRef(null);
|
|
34
36
|
|
|
@@ -53,6 +55,7 @@ var CLMDropdown = function CLMDropdown(props) {
|
|
|
53
55
|
return /*#__PURE__*/React.createElement(_Dropdown, Object.assign({
|
|
54
56
|
className: classNames(className, prefixCls, onlyIcon && 'only_icon')
|
|
55
57
|
}, others, {
|
|
58
|
+
trigger: trigger,
|
|
56
59
|
overlayClassName: classNames(overlayClassName, 'lm_dropdown_overlay')
|
|
57
60
|
}), children);
|
|
58
61
|
}
|
|
@@ -62,6 +65,7 @@ var CLMDropdown = function CLMDropdown(props) {
|
|
|
62
65
|
}, /*#__PURE__*/React.createElement(_Dropdown, Object.assign({
|
|
63
66
|
className: classNames(className, prefixCls, onlyIcon && 'only_icon')
|
|
64
67
|
}, others, {
|
|
68
|
+
trigger: trigger,
|
|
65
69
|
overlayClassName: classNames(overlayClassName, 'lm_dropdown_overlay'),
|
|
66
70
|
overlayStyle: minwidth ? Object.assign({
|
|
67
71
|
minWidth: minwidth
|
|
@@ -74,7 +78,9 @@ var LMDropdown = CLMDropdown;
|
|
|
74
78
|
LMDropdown.Button = function (props) {
|
|
75
79
|
var _props$dropdownmatchw2 = props.dropdownmatchwidth,
|
|
76
80
|
dropdownmatchwidth = _props$dropdownmatchw2 === void 0 ? false : _props$dropdownmatchw2,
|
|
77
|
-
icon = props.icon
|
|
81
|
+
icon = props.icon,
|
|
82
|
+
_props$trigger2 = props.trigger,
|
|
83
|
+
trigger = _props$trigger2 === void 0 ? ['click'] : _props$trigger2;
|
|
78
84
|
var dropdownRef = useRef(null);
|
|
79
85
|
|
|
80
86
|
var _useState3 = useState(''),
|
|
@@ -96,6 +102,7 @@ LMDropdown.Button = function (props) {
|
|
|
96
102
|
|
|
97
103
|
if (!dropdownmatchwidth) {
|
|
98
104
|
return /*#__PURE__*/React.createElement(_Dropdown.Button, Object.assign({}, props, {
|
|
105
|
+
trigger: trigger,
|
|
99
106
|
icon: icon || /*#__PURE__*/React.createElement(IconFont, {
|
|
100
107
|
className: 'lm_default_icon',
|
|
101
108
|
type: 'lmweb-down'
|
|
@@ -108,6 +115,7 @@ LMDropdown.Button = function (props) {
|
|
|
108
115
|
return /*#__PURE__*/React.createElement("div", {
|
|
109
116
|
ref: dropdownRef
|
|
110
117
|
}, /*#__PURE__*/React.createElement(_Dropdown.Button, Object.assign({}, props, {
|
|
118
|
+
trigger: trigger,
|
|
111
119
|
icon: icon || /*#__PURE__*/React.createElement(IconFont, {
|
|
112
120
|
className: 'lm_default_icon',
|
|
113
121
|
type: 'lmweb-down'
|
|
@@ -63,6 +63,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/exten
|
|
|
63
63
|
|
|
64
64
|
var _react = _interopRequireWildcard(require("react"));
|
|
65
65
|
|
|
66
|
+
var _linkmoreDesign = require("linkmore-design");
|
|
67
|
+
|
|
66
68
|
var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
67
69
|
|
|
68
70
|
var _UploadOss = _interopRequireDefault(require("../UploadOss"));
|
|
@@ -92,7 +94,7 @@ var UploadSingle = function UploadSingle(props) {
|
|
|
92
94
|
|
|
93
95
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
94
96
|
className: "upload_single"
|
|
95
|
-
}, value ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(IconFont, {
|
|
97
|
+
}, value ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
|
|
96
98
|
type: "lmweb-link",
|
|
97
99
|
style: {
|
|
98
100
|
fontSize: 14,
|
|
@@ -102,7 +104,7 @@ var UploadSingle = function UploadSingle(props) {
|
|
|
102
104
|
href: "".concat(value === null || value === void 0 ? void 0 : value.externalUrl, "/").concat(value === null || value === void 0 ? void 0 : value.filePath).concat(value === null || value === void 0 ? void 0 : value.realFileName),
|
|
103
105
|
target: "_blank",
|
|
104
106
|
rel: "noreferrer"
|
|
105
|
-
}, value === null || value === void 0 ? void 0 : value.fileName), /*#__PURE__*/_react.default.createElement(IconFont, {
|
|
107
|
+
}, value === null || value === void 0 ? void 0 : value.fileName), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
|
|
106
108
|
type: "lmweb-delete",
|
|
107
109
|
style: {
|
|
108
110
|
fontSize: 14,
|
|
@@ -168,7 +170,7 @@ var Opetate = function Opetate(_ref2) {
|
|
|
168
170
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_button.default, (0, _extends2.default)({
|
|
169
171
|
type: "link",
|
|
170
172
|
size: "small",
|
|
171
|
-
icon: /*#__PURE__*/_react.default.createElement(IconFont, {
|
|
173
|
+
icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
|
|
172
174
|
type: "lmweb-minus-circle",
|
|
173
175
|
style: {
|
|
174
176
|
fontSize: 16
|
|
@@ -182,7 +184,7 @@ var Opetate = function Opetate(_ref2) {
|
|
|
182
184
|
})), /*#__PURE__*/_react.default.createElement(_button.default, (0, _extends2.default)({
|
|
183
185
|
type: "link",
|
|
184
186
|
size: "small",
|
|
185
|
-
icon: /*#__PURE__*/_react.default.createElement(IconFont, {
|
|
187
|
+
icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
|
|
186
188
|
type: "lmweb-plus-circle",
|
|
187
189
|
style: {
|
|
188
190
|
fontSize: 16
|