linkmore-design 1.0.41 → 1.0.44
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/CkFilter/complexFilter/saveModal.d.ts +4 -0
- package/dist/CustomTableOption/index.d.ts +2 -1
- package/dist/index.umd.js +235 -52
- package/dist/index.umd.min.js +4 -4
- package/es/CardTable/style/style.css +10 -0
- package/es/CardTable/table/TableRoot.js +4 -2
- package/es/CardTable/table/TableWrapper.js +6 -3
- 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/components/CascaderFilter.js +7 -0
- package/es/CkFilter/components/filterTypes.js +9 -2
- 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 +9 -5
- package/es/CustomTableOption/style/index.css +10 -2
- package/es/IconFont/font/iconfont.css +23 -15
- package/es/IconFont/font/iconfont.js +6 -6
- 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/imgCell.js +22 -13
- package/es/LmTable/ImgList/imgTable.js +22 -4
- package/es/LmTable/Table.js +8 -7
- package/es/Tabs/index.js +6 -2
- package/lib/CardTable/style/style.css +10 -0
- package/lib/CardTable/table/TableRoot.js +4 -2
- package/lib/CardTable/table/TableWrapper.js +6 -3
- 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/components/CascaderFilter.js +7 -0
- package/lib/CkFilter/components/filterTypes.js +9 -2
- 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 +11 -5
- package/lib/CustomTableOption/style/index.css +10 -2
- package/lib/IconFont/font/iconfont.css +23 -15
- package/lib/IconFont/font/iconfont.js +6 -6
- 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/imgCell.js +22 -13
- package/lib/LmTable/ImgList/imgTable.js +22 -4
- package/lib/LmTable/Table.js +8 -7
- package/lib/Tabs/index.js +6 -2
- package/package.json +1 -1
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -33,12 +33,12 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
33
33
|
|
|
34
34
|
var _linkmoreDesign = require("linkmore-design");
|
|
35
35
|
|
|
36
|
-
var _context = _interopRequireDefault(require("./context"));
|
|
37
|
-
|
|
38
36
|
var _react = _interopRequireWildcard(require("react"));
|
|
39
37
|
|
|
40
38
|
var _EnlargeImg = _interopRequireDefault(require("../../EnlargeImg"));
|
|
41
39
|
|
|
40
|
+
var _context = _interopRequireDefault(require("./context"));
|
|
41
|
+
|
|
42
42
|
var Paragraph = _typography.default.Paragraph;
|
|
43
43
|
|
|
44
44
|
var stateRender = function stateRender(v) {
|
|
@@ -82,7 +82,8 @@ var Cell = function Cell(props) {
|
|
|
82
82
|
desc = _useContext.desc,
|
|
83
83
|
footer = _useContext.footer,
|
|
84
84
|
_onDoubleClick = _useContext.onDoubleClick,
|
|
85
|
-
expand = _useContext.expand
|
|
85
|
+
expand = _useContext.expand,
|
|
86
|
+
rowSelectChange = _useContext.rowSelectChange;
|
|
86
87
|
|
|
87
88
|
var _useState = (0, _react.useState)(false),
|
|
88
89
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
@@ -113,15 +114,21 @@ var Cell = function Cell(props) {
|
|
|
113
114
|
}, config);
|
|
114
115
|
}, []); // 多选事件
|
|
115
116
|
|
|
116
|
-
var
|
|
117
|
-
var
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
117
|
+
var _onChange = function onChange(e) {
|
|
118
|
+
var selectKey = e[rowKey];
|
|
119
|
+
|
|
120
|
+
if (![undefined, null].includes(selectKey)) {
|
|
121
|
+
var nValue = defaultValue.find(function (item) {
|
|
122
|
+
return item[rowKey] === selectKey;
|
|
123
|
+
}) ? defaultValue.filter(function (v) {
|
|
124
|
+
return v[rowKey] !== item[rowKey];
|
|
125
|
+
}) : [].concat((0, _toConsumableArray2.default)(defaultValue), [item]);
|
|
126
|
+
dispatch({
|
|
127
|
+
type: 'changeList',
|
|
128
|
+
checkList: nValue
|
|
129
|
+
});
|
|
130
|
+
rowSelectChange === null || rowSelectChange === void 0 ? void 0 : rowSelectChange(nValue);
|
|
131
|
+
}
|
|
125
132
|
};
|
|
126
133
|
|
|
127
134
|
(0, _react.useEffect)(function () {
|
|
@@ -145,7 +152,9 @@ var Cell = function Cell(props) {
|
|
|
145
152
|
}, defaultConfig.checkbox && /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
|
|
146
153
|
className: "checkBox",
|
|
147
154
|
checked: useCheck,
|
|
148
|
-
onChange: onChange
|
|
155
|
+
onChange: function onChange(e) {
|
|
156
|
+
return _onChange(item);
|
|
157
|
+
}
|
|
149
158
|
}), expand && /*#__PURE__*/_react.default.createElement("div", {
|
|
150
159
|
className: "more"
|
|
151
160
|
}, /*#__PURE__*/_react.default.createElement(_dropdown.default, {
|
|
@@ -73,8 +73,10 @@ var ImgTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
73
73
|
var _useReducer = (0, _react.useReducer)(reducer, initialState),
|
|
74
74
|
_useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
|
|
75
75
|
state = _useReducer2[0],
|
|
76
|
-
dispatch = _useReducer2[1];
|
|
76
|
+
dispatch = _useReducer2[1];
|
|
77
77
|
|
|
78
|
+
var selectedRows = rowSelection.selectedRows,
|
|
79
|
+
rowSelectChange = rowSelection.onChange; // 将节点方法给外部使用
|
|
78
80
|
|
|
79
81
|
_react.default.useImperativeHandle(ref, function () {
|
|
80
82
|
return {
|
|
@@ -82,21 +84,37 @@ var ImgTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
82
84
|
return state.checkList;
|
|
83
85
|
},
|
|
84
86
|
clearSelect: function clearSelect() {
|
|
85
|
-
|
|
87
|
+
dispatch({
|
|
86
88
|
type: 'changeList',
|
|
87
89
|
checkList: []
|
|
88
90
|
});
|
|
91
|
+
rowSelectChange === null || rowSelectChange === void 0 ? void 0 : rowSelectChange(data);
|
|
92
|
+
},
|
|
93
|
+
customSetCheckboxRecords: function customSetCheckboxRecords(data) {
|
|
94
|
+
dispatch({
|
|
95
|
+
type: 'changeList',
|
|
96
|
+
checkList: data || []
|
|
97
|
+
});
|
|
98
|
+
rowSelectChange === null || rowSelectChange === void 0 ? void 0 : rowSelectChange(data);
|
|
89
99
|
}
|
|
90
100
|
};
|
|
91
101
|
});
|
|
92
102
|
|
|
93
|
-
(0, _react.useEffect)(function () {
|
|
103
|
+
(0, _react.useEffect)(function () {
|
|
104
|
+
if (selectedRows) {
|
|
105
|
+
dispatch({
|
|
106
|
+
type: 'changeList',
|
|
107
|
+
checkList: selectedRows || []
|
|
108
|
+
});
|
|
109
|
+
}
|
|
110
|
+
}, [selectedRows]);
|
|
94
111
|
return /*#__PURE__*/_react.default.createElement(_context.default.Provider, {
|
|
95
112
|
value: (0, _objectSpread2.default)((0, _objectSpread2.default)({
|
|
96
113
|
dispatch: dispatch
|
|
97
114
|
}, resetProps), {}, {
|
|
98
115
|
defaultValue: state.checkList,
|
|
99
|
-
defaultPage: defaultPage
|
|
116
|
+
defaultPage: defaultPage,
|
|
117
|
+
rowSelectChange: rowSelectChange
|
|
100
118
|
})
|
|
101
119
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
102
120
|
className: "lm_pro_component_img_table",
|
package/es/LmTable/Table.js
CHANGED
|
@@ -39,7 +39,7 @@ var _empty = _interopRequireDefault(require("./assets/empty.png"));
|
|
|
39
39
|
|
|
40
40
|
var _resetConfig = _interopRequireDefault(require("./resetConfig"));
|
|
41
41
|
|
|
42
|
-
var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "sortOpen", "customCheck", "rowSelection", "columnsState", "onChange", "tableRowType", "size"],
|
|
42
|
+
var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "sortOpen", "customCheck", "rowSelection", "columnsState", "onChange", "filterChange", "tableRowType", "size"],
|
|
43
43
|
_excluded2 = ["className", "style"];
|
|
44
44
|
var Summary = _proTable.default.Summary;
|
|
45
45
|
exports.Summary = Summary;
|
|
@@ -79,6 +79,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
79
79
|
rowSelection = props.rowSelection,
|
|
80
80
|
columnsState = props.columnsState,
|
|
81
81
|
onChange = props.onChange,
|
|
82
|
+
filterChange = props.filterChange,
|
|
82
83
|
_props$tableRowType = props.tableRowType,
|
|
83
84
|
tableRowType = _props$tableRowType === void 0 ? 'default' : _props$tableRowType,
|
|
84
85
|
_props$size = props.size,
|
|
@@ -183,7 +184,6 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
183
184
|
}
|
|
184
185
|
});
|
|
185
186
|
});
|
|
186
|
-
console.log(sortOpen ? [sortDefaultColumnItem].concat((0, _toConsumableArray2.default)(result)) : result, sortOpen, 111);
|
|
187
187
|
return sortOpen ? [sortDefaultColumnItem].concat((0, _toConsumableArray2.default)(result)) : result;
|
|
188
188
|
}, [useColumns, sortOpen]);
|
|
189
189
|
(0, _react.useEffect)(function () {
|
|
@@ -387,10 +387,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
387
387
|
var onTableChange = function onTableChange(pagination, filters, sorter, extra) {
|
|
388
388
|
var resultColumns = useColumns.map(function (item) {
|
|
389
389
|
var obj = (0, _objectSpread2.default)({}, item);
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
}
|
|
390
|
+
obj['filteredValue'] = filters[obj.dataIndex] || []; // if (filters[obj.dataIndex]) {
|
|
391
|
+
// obj['filteredValue'] = filters[obj.dataIndex]
|
|
392
|
+
// }
|
|
394
393
|
|
|
395
394
|
if ((sorter === null || sorter === void 0 ? void 0 : sorter.field) === obj.dataIndex) {
|
|
396
395
|
obj['sortOrder'] = sorter.order;
|
|
@@ -398,7 +397,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
398
397
|
|
|
399
398
|
return obj;
|
|
400
399
|
});
|
|
401
|
-
|
|
400
|
+
setColumns(resultColumns);
|
|
401
|
+
filterChange === null || filterChange === void 0 ? void 0 : filterChange(resultColumns);
|
|
402
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(pagination, filters, sorter, extra);
|
|
402
403
|
};
|
|
403
404
|
|
|
404
405
|
return /*#__PURE__*/_react.default.createElement("div", {
|
package/es/Tabs/index.js
CHANGED
|
@@ -20,11 +20,15 @@ var prefixCls = 'lm_tabs';
|
|
|
20
20
|
|
|
21
21
|
var LMTabs = function LMTabs(props) {
|
|
22
22
|
var className = props.className,
|
|
23
|
+
_props$size = props.size,
|
|
24
|
+
size = _props$size === void 0 ? "middle" : _props$size,
|
|
23
25
|
_props$noBorder = props.noBorder,
|
|
24
26
|
noBorder = _props$noBorder === void 0 ? false : _props$noBorder,
|
|
25
|
-
others = __rest(props, ["className", "noBorder"]);
|
|
27
|
+
others = __rest(props, ["className", "size", "noBorder"]);
|
|
26
28
|
|
|
27
|
-
return /*#__PURE__*/React.createElement(_Tabs, Object.assign({
|
|
29
|
+
return /*#__PURE__*/React.createElement(_Tabs, Object.assign({
|
|
30
|
+
size: size
|
|
31
|
+
}, others, {
|
|
28
32
|
className: classNames(className, prefixCls, noBorder && 'lm_tabs_noborder')
|
|
29
33
|
}));
|
|
30
34
|
};
|
|
@@ -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;
|
|
@@ -256,6 +263,9 @@
|
|
|
256
263
|
.card_PTR .card_PTR_container .card_PTR_footer > *:last-child::after {
|
|
257
264
|
display: none;
|
|
258
265
|
}
|
|
266
|
+
.card_PTR .card_PTR_container:hover {
|
|
267
|
+
background-color: var(--color-6);
|
|
268
|
+
}
|
|
259
269
|
.card_PTR .card_PTR_container:hover .card_PTR_body .card_checkbox {
|
|
260
270
|
opacity: 1;
|
|
261
271
|
}
|
|
@@ -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/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
|
}));
|
|
@@ -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/objectSpread2"));
|
|
15
|
+
|
|
16
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
17
|
+
|
|
18
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/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;
|
|
@@ -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: {
|
|
@@ -686,6 +686,13 @@ var CascaderFilter = function CascaderFilter(props) {
|
|
|
686
686
|
setCheckedValues(itemProps.multiple ? [] : '');
|
|
687
687
|
};
|
|
688
688
|
|
|
689
|
+
(0, _react.useEffect)(function () {
|
|
690
|
+
visible && setTimeout(function () {
|
|
691
|
+
var _inputRef$current2;
|
|
692
|
+
|
|
693
|
+
(_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
|
|
694
|
+
}, 200);
|
|
695
|
+
}, [visible]);
|
|
689
696
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
690
697
|
className: "filter_cascader_container filter_dropdown"
|
|
691
698
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -696,9 +703,9 @@ var CascaderFilter = function CascaderFilter(props) {
|
|
|
696
703
|
size: "small",
|
|
697
704
|
placeholder: "\u8BF7\u8F93\u5165",
|
|
698
705
|
onSearch: handleFilter,
|
|
699
|
-
onChange:
|
|
706
|
+
onChange: function onChange(e) {
|
|
700
707
|
return handleFilter(e.target.value);
|
|
701
|
-
}
|
|
708
|
+
}
|
|
702
709
|
})), menus, itemProps.multiple && /*#__PURE__*/_react.default.createElement("div", {
|
|
703
710
|
className: "filter_footer"
|
|
704
711
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -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, {
|