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.
Files changed (50) hide show
  1. package/dist/CardTable/table/TableRoot.d.ts +2 -1
  2. package/dist/CkFilter/complexFilter/saveModal.d.ts +4 -0
  3. package/dist/CustomTableOption/index.d.ts +2 -1
  4. package/dist/index.umd.js +235 -52
  5. package/dist/index.umd.min.js +4 -4
  6. package/es/CardTable/style/style.css +10 -0
  7. package/es/CardTable/table/TableRoot.js +4 -2
  8. package/es/CardTable/table/TableWrapper.js +6 -3
  9. package/es/CkFilter/baseFilter/index.js +9 -2
  10. package/es/CkFilter/complexFilter/drawer.js +31 -18
  11. package/es/CkFilter/complexFilter/saveModal.js +140 -0
  12. package/es/CkFilter/components/CascaderFilter.js +7 -0
  13. package/es/CkFilter/components/filterTypes.js +9 -2
  14. package/es/CkFilter/customFilter/drawer.js +2 -2
  15. package/es/CkFilter/style/style.css +34 -3
  16. package/es/CustomTableOption/index.d.ts +2 -1
  17. package/es/CustomTableOption/index.js +9 -5
  18. package/es/CustomTableOption/style/index.css +10 -2
  19. package/es/IconFont/font/iconfont.css +23 -15
  20. package/es/IconFont/font/iconfont.js +6 -6
  21. package/es/IconFont/font/iconfont.ttf +0 -0
  22. package/es/IconFont/font/iconfont.woff +0 -0
  23. package/es/IconFont/font/iconfont.woff2 +0 -0
  24. package/es/LmTable/ImgList/imgCell.js +22 -13
  25. package/es/LmTable/ImgList/imgTable.js +22 -4
  26. package/es/LmTable/Table.js +8 -7
  27. package/es/Tabs/index.js +6 -2
  28. package/lib/CardTable/style/style.css +10 -0
  29. package/lib/CardTable/table/TableRoot.js +4 -2
  30. package/lib/CardTable/table/TableWrapper.js +6 -3
  31. package/lib/CkFilter/baseFilter/index.js +9 -2
  32. package/lib/CkFilter/complexFilter/drawer.js +31 -18
  33. package/lib/CkFilter/complexFilter/saveModal.js +140 -0
  34. package/lib/CkFilter/components/CascaderFilter.js +7 -0
  35. package/lib/CkFilter/components/filterTypes.js +9 -2
  36. package/lib/CkFilter/customFilter/drawer.js +2 -2
  37. package/lib/CkFilter/style/style.css +34 -3
  38. package/lib/CustomTableOption/index.d.ts +2 -1
  39. package/lib/CustomTableOption/index.js +11 -5
  40. package/lib/CustomTableOption/style/index.css +10 -2
  41. package/lib/IconFont/font/iconfont.css +23 -15
  42. package/lib/IconFont/font/iconfont.js +6 -6
  43. package/lib/IconFont/font/iconfont.ttf +0 -0
  44. package/lib/IconFont/font/iconfont.woff +0 -0
  45. package/lib/IconFont/font/iconfont.woff2 +0 -0
  46. package/lib/LmTable/ImgList/imgCell.js +22 -13
  47. package/lib/LmTable/ImgList/imgTable.js +22 -4
  48. package/lib/LmTable/Table.js +8 -7
  49. package/lib/Tabs/index.js +6 -2
  50. 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 onChange = function onChange(e) {
117
- var bol = e.target.checked;
118
- var nValue = bol ? [].concat((0, _toConsumableArray2.default)(defaultValue), [item]) : defaultValue.filter(function (v) {
119
- return v[rowKey] !== item[rowKey];
120
- });
121
- dispatch({
122
- type: 'changeList',
123
- checkList: nValue
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
- return dispatch({
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",
@@ -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
- if (filters[obj.dataIndex]) {
392
- obj['filteredValue'] = filters[obj.dataIndex];
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
- onChange === null || onChange === void 0 ? void 0 : onChange(resultColumns, pagination, filters, sorter, extra);
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({}, others, {
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-circle"
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(_ref) {
224
- var field = _ref.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 (_ref2) {
257
- var item = _ref2.item,
258
- resetProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
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(_linkmoreDesign.Button, {
354
- onClick: onSave,
355
- size: "small"
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 (_ref3) {
370
- var item = _ref3.item,
371
- resetProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
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, null)), /*#__PURE__*/_react.default.createElement(_modal.default, null)));
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: (0, _lodash.debounce)(function (e) {
706
+ onChange: function onChange(e) {
700
707
  return handleFilter(e.target.value);
701
- }, 500)
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-circle"
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-circle"
379
+ type: "lmweb-plus"
380
380
  }),
381
381
  size: "middle"
382
382
  }, "\u65B0\u589E\u7B5B\u9009\u9879")), /*#__PURE__*/_react.default.createElement(_VirtualList.default, {