@lemon-fe/components 0.1.78 → 0.1.82
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/es/BaseTable/index.less +1 -1
- package/es/ColorPicker/index.less +47 -0
- package/es/MainFramework/components/Menu/index.less +0 -407
- package/es/Table/typings.d.ts +0 -1
- package/es/index.less +1 -0
- package/package.json +5 -2
- package/es/Actions/index.d.ts +0 -26
- package/es/Actions/index.js +0 -171
- package/es/BaseTable/Actions.d.ts +0 -8
- package/es/BaseTable/Actions.js +0 -136
- package/es/BaseTable/BaseTableContext.d.ts +0 -6
- package/es/BaseTable/BaseTableContext.js +0 -6
- package/es/BaseTable/ResizeHeaderCell.d.ts +0 -8
- package/es/BaseTable/ResizeHeaderCell.js +0 -126
- package/es/BaseTable/VirtualBody.d.ts +0 -8
- package/es/BaseTable/VirtualBody.js +0 -165
- package/es/BaseTable/index.d.ts +0 -7
- package/es/BaseTable/index.js +0 -465
- package/es/BaseTable/utils.d.ts +0 -4
- package/es/BaseTable/utils.js +0 -26
- package/es/Dropdown/index.d.ts +0 -14
- package/es/Dropdown/index.js +0 -53
- package/es/DurationPicker/index.d.ts +0 -25
- package/es/DurationPicker/index.js +0 -237
- package/es/EditableTable/EditableCell.d.ts +0 -11
- package/es/EditableTable/EditableCell.js +0 -37
- package/es/EditableTable/EditableTableFormItem.d.ts +0 -5
- package/es/EditableTable/EditableTableFormItem.js +0 -49
- package/es/EditableTable/Table.d.ts +0 -7
- package/es/EditableTable/Table.js +0 -363
- package/es/EditableTable/index.d.ts +0 -9
- package/es/EditableTable/index.js +0 -8
- package/es/EditableTable/util.d.ts +0 -25
- package/es/EditableTable/util.js +0 -387
- package/es/Filter/index.d.ts +0 -7
- package/es/Filter/index.js +0 -610
- package/es/FormHorizontal/index.d.ts +0 -6
- package/es/FormHorizontal/index.js +0 -35
- package/es/FormInline/index.d.ts +0 -15
- package/es/FormInline/index.js +0 -90
- package/es/FormLayout/index.d.ts +0 -32
- package/es/FormLayout/index.js +0 -41
- package/es/FormTable/index.d.ts +0 -6
- package/es/FormTable/index.js +0 -159
- package/es/Icons/BigTip/index.d.ts +0 -6
- package/es/Icons/BigTip/index.js +0 -50
- package/es/Icons/Calendar.d.ts +0 -5
- package/es/Icons/Calendar.js +0 -47
- package/es/Icons/CollapseUp.d.ts +0 -5
- package/es/Icons/CollapseUp.js +0 -31
- package/es/Icons/DarkSearch.d.ts +0 -5
- package/es/Icons/DarkSearch.js +0 -38
- package/es/Icons/Down.d.ts +0 -5
- package/es/Icons/Down.js +0 -35
- package/es/Icons/Empty.d.ts +0 -2
- package/es/Icons/Empty.js +0 -267
- package/es/Icons/LookUp.d.ts +0 -5
- package/es/Icons/LookUp.js +0 -74
- package/es/Icons/More.d.ts +0 -5
- package/es/Icons/More.js +0 -44
- package/es/Icons/Search.d.ts +0 -5
- package/es/Icons/Search.js +0 -35
- package/es/Icons/Tip.d.ts +0 -6
- package/es/Icons/Tip.js +0 -169
- package/es/Icons/index.d.ts +0 -22
- package/es/Icons/index.js +0 -23
- package/es/InputMaxLength/index.d.ts +0 -14
- package/es/InputMaxLength/index.js +0 -92
- package/es/Layout/index.d.ts +0 -41
- package/es/Layout/index.js +0 -175
- package/es/MainFramework/components/DropMenu/index.d.ts +0 -10
- package/es/MainFramework/components/DropMenu/index.js +0 -104
- package/es/MainFramework/components/Menu/index.d.ts +0 -9
- package/es/MainFramework/components/Menu/index.js +0 -656
- package/es/MainFramework/components/RefreshButton/index.d.ts +0 -5
- package/es/MainFramework/components/RefreshButton/index.js +0 -72
- package/es/MainFramework/components/RefreshButton/index.less +0 -30
- package/es/MainFramework/components/TabBar/index.d.ts +0 -9
- package/es/MainFramework/components/TabBar/index.js +0 -116
- package/es/MainFramework/index.d.ts +0 -24
- package/es/MainFramework/index.js +0 -66
- package/es/PageLoading/index.d.ts +0 -5
- package/es/PageLoading/index.js +0 -15
- package/es/Popup/index.d.ts +0 -37
- package/es/Popup/index.js +0 -198
- package/es/Portal/index.d.ts +0 -12
- package/es/Portal/index.js +0 -72
- package/es/Section/TabBar.d.ts +0 -12
- package/es/Section/TabBar.js +0 -48
- package/es/Section/index.d.ts +0 -54
- package/es/Section/index.js +0 -96
- package/es/SelectView/index.d.ts +0 -53
- package/es/SelectView/index.js +0 -257
- package/es/SiderTree/TreeNodeTitle.d.ts +0 -8
- package/es/SiderTree/TreeNodeTitle.js +0 -107
- package/es/SiderTree/index.d.ts +0 -37
- package/es/SiderTree/index.js +0 -221
- package/es/SymbolIcon/index.d.ts +0 -8
- package/es/SymbolIcon/index.js +0 -32
- package/es/TabBar/index.d.ts +0 -14
- package/es/TabBar/index.js +0 -52
- package/es/Table/index.d.ts +0 -2
- package/es/Table/index.js +0 -236
- package/es/Table/utils.d.ts +0 -2
- package/es/Table/utils.js +0 -3
- package/es/TipMark/index.d.ts +0 -10
- package/es/TipMark/index.js +0 -45
- package/es/constants.d.ts +0 -1
- package/es/constants.js +0 -1
- package/es/index.d.ts +0 -31
- package/es/index.js +0 -26
- package/es/init.d.ts +0 -3
- package/es/init.js +0 -135
- package/es/utils.d.ts +0 -2
- package/es/utils.js +0 -14
package/es/Filter/index.js
DELETED
|
@@ -1,610 +0,0 @@
|
|
|
1
|
-
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
2
|
-
|
|
3
|
-
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
4
|
-
|
|
5
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
6
|
-
|
|
7
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
8
|
-
|
|
9
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
10
|
-
|
|
11
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
-
|
|
13
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
14
|
-
|
|
15
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
16
|
-
|
|
17
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
18
|
-
|
|
19
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
20
|
-
|
|
21
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
22
|
-
|
|
23
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
24
|
-
|
|
25
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
26
|
-
|
|
27
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
28
|
-
|
|
29
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
30
|
-
|
|
31
|
-
import React, { useEffect, useMemo, useState } from 'react';
|
|
32
|
-
import ResizeObserver from 'rc-resize-observer';
|
|
33
|
-
import { Button, Checkbox, Form, Input, Popover, Space, Modal, message, Select, Empty, InputNumber } from 'antd';
|
|
34
|
-
import { useDebounce, useRequest } from '@lemon-fe/hooks';
|
|
35
|
-
import classNames from 'classnames';
|
|
36
|
-
import Icons from '../Icons';
|
|
37
|
-
import DurationPicker from '../DurationPicker';
|
|
38
|
-
import FormLayout from '../FormLayout';
|
|
39
|
-
import { PREFIX_CLS } from '../constants';
|
|
40
|
-
import TabBar from '../TabBar';
|
|
41
|
-
import Dropdown from '../Dropdown';
|
|
42
|
-
var components = [{
|
|
43
|
-
type: 'input',
|
|
44
|
-
render: function render(item) {
|
|
45
|
-
return /*#__PURE__*/React.createElement(Input, _objectSpread({}, item.extraProps));
|
|
46
|
-
}
|
|
47
|
-
}, {
|
|
48
|
-
type: 'input-number',
|
|
49
|
-
render: function render(item) {
|
|
50
|
-
return /*#__PURE__*/React.createElement(InputNumber, _objectSpread({
|
|
51
|
-
style: {
|
|
52
|
-
width: '100%'
|
|
53
|
-
}
|
|
54
|
-
}, item.extraProps));
|
|
55
|
-
}
|
|
56
|
-
}, {
|
|
57
|
-
type: 'select',
|
|
58
|
-
render: function render(item) {
|
|
59
|
-
return /*#__PURE__*/React.createElement(Select, _objectSpread({}, item.extraProps));
|
|
60
|
-
}
|
|
61
|
-
}, {
|
|
62
|
-
type: 'range-picker',
|
|
63
|
-
colSpan: 2,
|
|
64
|
-
render: function render(item) {
|
|
65
|
-
return /*#__PURE__*/React.createElement(DurationPicker, _objectSpread({
|
|
66
|
-
types: [{
|
|
67
|
-
label: '日期',
|
|
68
|
-
value: 'date'
|
|
69
|
-
}]
|
|
70
|
-
}, item.extraProps));
|
|
71
|
-
}
|
|
72
|
-
}];
|
|
73
|
-
|
|
74
|
-
var getStorageData = function getData(storageKey) {
|
|
75
|
-
var data = localStorage.getItem("filter-storage-".concat(storageKey));
|
|
76
|
-
|
|
77
|
-
if (data) {
|
|
78
|
-
return JSON.parse(data);
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
return null;
|
|
82
|
-
};
|
|
83
|
-
|
|
84
|
-
var setStorageData = function setData(storageKey, data) {
|
|
85
|
-
localStorage.setItem("filter-storage-".concat(storageKey), JSON.stringify(data));
|
|
86
|
-
};
|
|
87
|
-
|
|
88
|
-
var DEFAULT_TAB_TITLE = '默认';
|
|
89
|
-
|
|
90
|
-
function setComponents(items) {
|
|
91
|
-
var compMap = new Map(components.map(function (item) {
|
|
92
|
-
return [item.type, item];
|
|
93
|
-
}));
|
|
94
|
-
items.forEach(function (item) {
|
|
95
|
-
compMap.set(item.type, item);
|
|
96
|
-
});
|
|
97
|
-
components = _toConsumableArray(compMap.values());
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
function setStorage(getData, setData) {
|
|
101
|
-
getStorageData = getData;
|
|
102
|
-
setStorageData = setData;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
function Filter(props) {
|
|
106
|
-
var data = props.data,
|
|
107
|
-
defaultValueProp = props.defaultValue,
|
|
108
|
-
onChange = props.onChange,
|
|
109
|
-
value = props.value,
|
|
110
|
-
defaultActiveKeys = props.defaultActiveKeys,
|
|
111
|
-
storageKey = props.storageKey,
|
|
112
|
-
onValuesChange = props.onValuesChange,
|
|
113
|
-
style = props.style,
|
|
114
|
-
simple = props.simple;
|
|
115
|
-
var prefixCls = "".concat(PREFIX_CLS, "-filter");
|
|
116
|
-
var defaultValue = useMemo(function () {
|
|
117
|
-
return defaultValueProp || value;
|
|
118
|
-
}, []);
|
|
119
|
-
var defaultKeys = useMemo(function () {
|
|
120
|
-
if (defaultActiveKeys) {
|
|
121
|
-
return new Set(defaultActiveKeys);
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
return new Set(data.map(function (item) {
|
|
125
|
-
return item.key;
|
|
126
|
-
}));
|
|
127
|
-
}, []);
|
|
128
|
-
var compMap = useMemo(function () {
|
|
129
|
-
return new Map(components.map(function (item) {
|
|
130
|
-
return [item.type, item];
|
|
131
|
-
}));
|
|
132
|
-
}, []);
|
|
133
|
-
|
|
134
|
-
var _useState = useState(defaultKeys),
|
|
135
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
136
|
-
activeKeys = _useState2[0],
|
|
137
|
-
setActiveKeys = _useState2[1];
|
|
138
|
-
|
|
139
|
-
var _useState3 = useState(''),
|
|
140
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
141
|
-
keywords = _useState4[0],
|
|
142
|
-
setKeywords = _useState4[1];
|
|
143
|
-
|
|
144
|
-
var _useState5 = useState([{
|
|
145
|
-
title: DEFAULT_TAB_TITLE,
|
|
146
|
-
value: defaultValue || value
|
|
147
|
-
}]),
|
|
148
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
149
|
-
tabs = _useState6[0],
|
|
150
|
-
setTabs = _useState6[1];
|
|
151
|
-
|
|
152
|
-
var _useState7 = useState(0),
|
|
153
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
154
|
-
active = _useState8[0],
|
|
155
|
-
setActive = _useState8[1];
|
|
156
|
-
|
|
157
|
-
var _useState9 = useState(false),
|
|
158
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
|
159
|
-
showModal = _useState10[0],
|
|
160
|
-
setShowModal = _useState10[1];
|
|
161
|
-
|
|
162
|
-
var _Form$useForm = Form.useForm(),
|
|
163
|
-
_Form$useForm2 = _slicedToArray(_Form$useForm, 1),
|
|
164
|
-
modalForm = _Form$useForm2[0];
|
|
165
|
-
|
|
166
|
-
var _Form$useForm3 = Form.useForm(),
|
|
167
|
-
_Form$useForm4 = _slicedToArray(_Form$useForm3, 1),
|
|
168
|
-
form = _Form$useForm4[0];
|
|
169
|
-
|
|
170
|
-
var _useState11 = useState(0),
|
|
171
|
-
_useState12 = _slicedToArray(_useState11, 2),
|
|
172
|
-
width = _useState12[0],
|
|
173
|
-
setWidth = _useState12[1];
|
|
174
|
-
|
|
175
|
-
var _useState13 = useState(true),
|
|
176
|
-
_useState14 = _slicedToArray(_useState13, 2),
|
|
177
|
-
collapsed = _useState14[0],
|
|
178
|
-
setCollapsed = _useState14[1];
|
|
179
|
-
|
|
180
|
-
var _useRequest = useRequest(function () {
|
|
181
|
-
if (!storageKey) {
|
|
182
|
-
return null;
|
|
183
|
-
}
|
|
184
|
-
|
|
185
|
-
return getStorageData(storageKey);
|
|
186
|
-
}, {
|
|
187
|
-
loadingState: false,
|
|
188
|
-
onSuccess: function onSuccess(res) {
|
|
189
|
-
if (res !== null) {
|
|
190
|
-
setTabs(function (prev) {
|
|
191
|
-
return [prev[0]].concat(_toConsumableArray(res));
|
|
192
|
-
});
|
|
193
|
-
}
|
|
194
|
-
}
|
|
195
|
-
}),
|
|
196
|
-
init = _useRequest.run;
|
|
197
|
-
|
|
198
|
-
useEffect(function () {
|
|
199
|
-
init();
|
|
200
|
-
}, []);
|
|
201
|
-
useEffect(function () {
|
|
202
|
-
if (!!value) {
|
|
203
|
-
form.setFieldsValue(value);
|
|
204
|
-
}
|
|
205
|
-
}, [value]);
|
|
206
|
-
var handleChangeKeywords = useDebounce(setKeywords, 300);
|
|
207
|
-
|
|
208
|
-
var toggleModal = function toggleModal() {
|
|
209
|
-
setShowModal(function (prev) {
|
|
210
|
-
return !prev;
|
|
211
|
-
});
|
|
212
|
-
};
|
|
213
|
-
|
|
214
|
-
var handleValuesChange = function handleValuesChange(changedValues, allValues) {
|
|
215
|
-
onValuesChange === null || onValuesChange === void 0 ? void 0 : onValuesChange(changedValues, allValues, form);
|
|
216
|
-
};
|
|
217
|
-
|
|
218
|
-
var handleSave = function handleSave(_ref) {
|
|
219
|
-
var title = _ref.name;
|
|
220
|
-
var index = tabs.findIndex(function (item) {
|
|
221
|
-
return item.title === title;
|
|
222
|
-
});
|
|
223
|
-
|
|
224
|
-
var next = _toConsumableArray(tabs);
|
|
225
|
-
|
|
226
|
-
var tab = {
|
|
227
|
-
title: title,
|
|
228
|
-
value: form.getFieldsValue()
|
|
229
|
-
};
|
|
230
|
-
|
|
231
|
-
if (index >= 0) {
|
|
232
|
-
next[index] = tab;
|
|
233
|
-
} else {
|
|
234
|
-
index = next.length;
|
|
235
|
-
next.push(tab);
|
|
236
|
-
}
|
|
237
|
-
|
|
238
|
-
if (!!storageKey) {
|
|
239
|
-
setStorageData(storageKey, next.slice(1));
|
|
240
|
-
}
|
|
241
|
-
|
|
242
|
-
setTabs(next);
|
|
243
|
-
setActive(index);
|
|
244
|
-
setShowModal(false);
|
|
245
|
-
};
|
|
246
|
-
|
|
247
|
-
var handleOk = /*#__PURE__*/function () {
|
|
248
|
-
var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
|
249
|
-
var values;
|
|
250
|
-
return regeneratorRuntime.wrap(function _callee$(_context) {
|
|
251
|
-
while (1) {
|
|
252
|
-
switch (_context.prev = _context.next) {
|
|
253
|
-
case 0:
|
|
254
|
-
_context.prev = 0;
|
|
255
|
-
_context.next = 3;
|
|
256
|
-
return modalForm.validateFields();
|
|
257
|
-
|
|
258
|
-
case 3:
|
|
259
|
-
values = _context.sent;
|
|
260
|
-
handleSave(values);
|
|
261
|
-
_context.next = 9;
|
|
262
|
-
break;
|
|
263
|
-
|
|
264
|
-
case 7:
|
|
265
|
-
_context.prev = 7;
|
|
266
|
-
_context.t0 = _context["catch"](0);
|
|
267
|
-
|
|
268
|
-
case 9:
|
|
269
|
-
case "end":
|
|
270
|
-
return _context.stop();
|
|
271
|
-
}
|
|
272
|
-
}
|
|
273
|
-
}, _callee, null, [[0, 7]]);
|
|
274
|
-
}));
|
|
275
|
-
|
|
276
|
-
return function handleOk() {
|
|
277
|
-
return _ref2.apply(this, arguments);
|
|
278
|
-
};
|
|
279
|
-
}();
|
|
280
|
-
|
|
281
|
-
var handleReset = function handleReset() {
|
|
282
|
-
form.resetFields();
|
|
283
|
-
|
|
284
|
-
if (onChange) {
|
|
285
|
-
onChange(form.getFieldsValue(true));
|
|
286
|
-
}
|
|
287
|
-
};
|
|
288
|
-
|
|
289
|
-
var handleAddTab = function handleAddTab() {
|
|
290
|
-
if (tabs.length > 6) {
|
|
291
|
-
message.warning('查询方案总数不可超过6个');
|
|
292
|
-
return;
|
|
293
|
-
}
|
|
294
|
-
|
|
295
|
-
modalForm.setFieldsValue({
|
|
296
|
-
name: active === 0 ? '' : tabs[active].title
|
|
297
|
-
});
|
|
298
|
-
toggleModal();
|
|
299
|
-
};
|
|
300
|
-
|
|
301
|
-
var handleDelete = function handleDelete() {
|
|
302
|
-
if (active === 0) {
|
|
303
|
-
message.warning('不允许删除默认');
|
|
304
|
-
return;
|
|
305
|
-
}
|
|
306
|
-
|
|
307
|
-
Modal.confirm({
|
|
308
|
-
title: '提示',
|
|
309
|
-
content: "\u786E\u8BA4\u5220\u9664".concat(tabs[active].title, "\uFF1F"),
|
|
310
|
-
maskClosable: true,
|
|
311
|
-
width: 300,
|
|
312
|
-
onOk: function onOk() {
|
|
313
|
-
form.setFieldsValue(tabs[active - 1].value);
|
|
314
|
-
setTabs(function (prev) {
|
|
315
|
-
var next = _toConsumableArray(prev);
|
|
316
|
-
|
|
317
|
-
next.splice(active, 1);
|
|
318
|
-
return next;
|
|
319
|
-
});
|
|
320
|
-
setActive(active - 1);
|
|
321
|
-
|
|
322
|
-
if (!!storageKey) {
|
|
323
|
-
setStorageData(storageKey, tabs.filter(function (item) {
|
|
324
|
-
return item.title !== tabs[active].title && item.title !== '默认';
|
|
325
|
-
}));
|
|
326
|
-
}
|
|
327
|
-
}
|
|
328
|
-
});
|
|
329
|
-
};
|
|
330
|
-
|
|
331
|
-
var handleTabChange = function handleTabChange(index) {
|
|
332
|
-
if (index !== active) {
|
|
333
|
-
setActive(index);
|
|
334
|
-
form.setFieldsValue(tabs[index].value);
|
|
335
|
-
handleFinish();
|
|
336
|
-
}
|
|
337
|
-
};
|
|
338
|
-
|
|
339
|
-
var handleFinish = function handleFinish() {
|
|
340
|
-
if (onChange) {
|
|
341
|
-
onChange(form.getFieldsValue(true));
|
|
342
|
-
}
|
|
343
|
-
};
|
|
344
|
-
|
|
345
|
-
var handleActiveKey = function handleActiveKey(key, value) {
|
|
346
|
-
setActiveKeys(function (prev) {
|
|
347
|
-
var next = new Set(prev);
|
|
348
|
-
|
|
349
|
-
if (value) {
|
|
350
|
-
next.add(key);
|
|
351
|
-
} else {
|
|
352
|
-
next.delete(key);
|
|
353
|
-
}
|
|
354
|
-
|
|
355
|
-
return next;
|
|
356
|
-
});
|
|
357
|
-
};
|
|
358
|
-
|
|
359
|
-
var items = useMemo(function () {
|
|
360
|
-
if (keywords) {
|
|
361
|
-
return data.filter(function (item) {
|
|
362
|
-
return item.label ? item.label.includes(keywords) : true;
|
|
363
|
-
});
|
|
364
|
-
}
|
|
365
|
-
|
|
366
|
-
return data;
|
|
367
|
-
}, [keywords, data]);
|
|
368
|
-
|
|
369
|
-
var getColStyle = function getColStyle() {
|
|
370
|
-
var colSpan = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
|
|
371
|
-
return {
|
|
372
|
-
width: colSpan * 348,
|
|
373
|
-
padding: '0 8px'
|
|
374
|
-
};
|
|
375
|
-
};
|
|
376
|
-
|
|
377
|
-
var _useMemo = useMemo(function () {
|
|
378
|
-
var result = data.filter(function (item) {
|
|
379
|
-
if (activeKeys.has(item.key)) {
|
|
380
|
-
return true;
|
|
381
|
-
}
|
|
382
|
-
|
|
383
|
-
return false;
|
|
384
|
-
});
|
|
385
|
-
|
|
386
|
-
if (!width) {
|
|
387
|
-
return [result, false];
|
|
388
|
-
}
|
|
389
|
-
|
|
390
|
-
var btnsWidth = simple ? 208 : 248;
|
|
391
|
-
var btnsVisible = false;
|
|
392
|
-
var size = 0;
|
|
393
|
-
var end = 0;
|
|
394
|
-
|
|
395
|
-
for (var i = 0; i < result.length; i++) {
|
|
396
|
-
var _compMap$get;
|
|
397
|
-
|
|
398
|
-
var item = result[i];
|
|
399
|
-
var itemWidth = getColStyle(item.colSpan || (item.type ? (_compMap$get = compMap.get(item.type)) === null || _compMap$get === void 0 ? void 0 : _compMap$get.colSpan : 1)).width;
|
|
400
|
-
|
|
401
|
-
if (size + itemWidth > width - btnsWidth) {
|
|
402
|
-
end = i;
|
|
403
|
-
btnsVisible = true;
|
|
404
|
-
break;
|
|
405
|
-
}
|
|
406
|
-
|
|
407
|
-
size += itemWidth;
|
|
408
|
-
}
|
|
409
|
-
|
|
410
|
-
if (!collapsed) {
|
|
411
|
-
return [result, btnsVisible];
|
|
412
|
-
}
|
|
413
|
-
|
|
414
|
-
return [result.slice(0, end || 1), btnsVisible];
|
|
415
|
-
}, [data, width, collapsed, simple, activeKeys]),
|
|
416
|
-
_useMemo2 = _slicedToArray(_useMemo, 2),
|
|
417
|
-
cols = _useMemo2[0],
|
|
418
|
-
showCollapse = _useMemo2[1];
|
|
419
|
-
|
|
420
|
-
return /*#__PURE__*/React.createElement(ResizeObserver, {
|
|
421
|
-
onResize: function onResize(size) {
|
|
422
|
-
if (size.width) {
|
|
423
|
-
setWidth(size.width + 16);
|
|
424
|
-
}
|
|
425
|
-
}
|
|
426
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
427
|
-
className: classNames(prefixCls, _defineProperty({}, "".concat(prefixCls, "-simple"), simple)),
|
|
428
|
-
style: style
|
|
429
|
-
}, /*#__PURE__*/React.createElement(Modal, {
|
|
430
|
-
destroyOnClose: true,
|
|
431
|
-
visible: showModal,
|
|
432
|
-
onCancel: toggleModal,
|
|
433
|
-
onOk: handleOk,
|
|
434
|
-
title: "\u4FDD\u5B58\u65B9\u6848",
|
|
435
|
-
width: 300
|
|
436
|
-
}, /*#__PURE__*/React.createElement(Form, {
|
|
437
|
-
form: modalForm,
|
|
438
|
-
onFinish: handleSave,
|
|
439
|
-
initialValues: {
|
|
440
|
-
name: tabs[active].title
|
|
441
|
-
}
|
|
442
|
-
}, /*#__PURE__*/React.createElement(Form.Item, {
|
|
443
|
-
label: "\u65B9\u6848\u540D\u79F0",
|
|
444
|
-
name: "name",
|
|
445
|
-
rules: [{
|
|
446
|
-
required: true
|
|
447
|
-
}]
|
|
448
|
-
}, /*#__PURE__*/React.createElement(Input, {
|
|
449
|
-
maxLength: 8,
|
|
450
|
-
autoFocus: true
|
|
451
|
-
})))), /*#__PURE__*/React.createElement(Form, {
|
|
452
|
-
initialValues: defaultValue,
|
|
453
|
-
onFinish: handleFinish,
|
|
454
|
-
form: form,
|
|
455
|
-
onValuesChange: handleValuesChange
|
|
456
|
-
}, !simple && /*#__PURE__*/React.createElement(TabBar, {
|
|
457
|
-
tabs: tabs,
|
|
458
|
-
activeKey: tabs[active].title,
|
|
459
|
-
onTabClick: function onTabClick(_, index) {
|
|
460
|
-
return handleTabChange(index);
|
|
461
|
-
},
|
|
462
|
-
className: "".concat(prefixCls, "-tab-bar")
|
|
463
|
-
}), /*#__PURE__*/React.createElement(FormLayout, {
|
|
464
|
-
direction: "row"
|
|
465
|
-
}, cols.map(function (item) {
|
|
466
|
-
if (item.renderFormItem) {
|
|
467
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
468
|
-
style: getColStyle(item.colSpan),
|
|
469
|
-
key: item.key
|
|
470
|
-
}, item.renderFormItem());
|
|
471
|
-
}
|
|
472
|
-
|
|
473
|
-
if (!item.type) {
|
|
474
|
-
return null;
|
|
475
|
-
}
|
|
476
|
-
|
|
477
|
-
var target = compMap.get(item.type);
|
|
478
|
-
|
|
479
|
-
if (target === undefined) {
|
|
480
|
-
return null;
|
|
481
|
-
}
|
|
482
|
-
|
|
483
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
484
|
-
style: getColStyle(item.colSpan || target.colSpan),
|
|
485
|
-
key: item.key
|
|
486
|
-
}, /*#__PURE__*/React.createElement(Form.Item, {
|
|
487
|
-
name: item.key,
|
|
488
|
-
label: item.hideLabel ? undefined : item.label
|
|
489
|
-
}, target.render(item)));
|
|
490
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
491
|
-
className: "".concat(prefixCls, "-btns")
|
|
492
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
493
|
-
className: "".concat(prefixCls, "-submit")
|
|
494
|
-
}, /*#__PURE__*/React.createElement(Button, {
|
|
495
|
-
type: "primary",
|
|
496
|
-
htmlType: "submit"
|
|
497
|
-
}, "\u67E5\u8BE2")), /*#__PURE__*/React.createElement(Space, null, simple ? /*#__PURE__*/React.createElement(Button, {
|
|
498
|
-
className: "".concat(prefixCls, "-btn"),
|
|
499
|
-
onClick: handleReset
|
|
500
|
-
}, /*#__PURE__*/React.createElement("svg", {
|
|
501
|
-
width: "20",
|
|
502
|
-
height: "20",
|
|
503
|
-
viewBox: "0 0 20 20",
|
|
504
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
505
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
506
|
-
d: "m15 12 .98 3.314a8 8 0 1 0-3.293 2.223",
|
|
507
|
-
stroke: "currentColor",
|
|
508
|
-
strokeWidth: "1.5",
|
|
509
|
-
strokeLinecap: "round",
|
|
510
|
-
strokeLinejoin: "round",
|
|
511
|
-
fill: "none",
|
|
512
|
-
fillRule: "evenodd"
|
|
513
|
-
}))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dropdown, {
|
|
514
|
-
actions: [{
|
|
515
|
-
text: '重置',
|
|
516
|
-
onClick: handleReset
|
|
517
|
-
}, {
|
|
518
|
-
text: '保存方案',
|
|
519
|
-
onClick: handleAddTab
|
|
520
|
-
}, {
|
|
521
|
-
text: '删除方案',
|
|
522
|
-
onClick: handleDelete
|
|
523
|
-
}]
|
|
524
|
-
}, /*#__PURE__*/React.createElement(Button, {
|
|
525
|
-
icon: /*#__PURE__*/React.createElement(Icons.More, null)
|
|
526
|
-
})), /*#__PURE__*/React.createElement(Popover, {
|
|
527
|
-
trigger: "click",
|
|
528
|
-
overlayClassName: "".concat(prefixCls, "-popover"),
|
|
529
|
-
destroyTooltipOnHide: true,
|
|
530
|
-
content: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, {
|
|
531
|
-
placeholder: "\u641C\u7D22\u9009\u9879",
|
|
532
|
-
allowClear: true,
|
|
533
|
-
className: "".concat(prefixCls, "-items-search"),
|
|
534
|
-
prefix: /*#__PURE__*/React.createElement(Icons.Search, null),
|
|
535
|
-
onChange: function onChange(e) {
|
|
536
|
-
return handleChangeKeywords(e.currentTarget.value);
|
|
537
|
-
}
|
|
538
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
539
|
-
className: "".concat(prefixCls, "-items")
|
|
540
|
-
}, items.length > 0 ? items.map(function (item) {
|
|
541
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
542
|
-
key: item.key,
|
|
543
|
-
className: "".concat(prefixCls, "-item")
|
|
544
|
-
}, /*#__PURE__*/React.createElement(Checkbox, {
|
|
545
|
-
checked: activeKeys.has(item.key),
|
|
546
|
-
onChange: function onChange(e) {
|
|
547
|
-
handleActiveKey(item.key, e.target.checked);
|
|
548
|
-
}
|
|
549
|
-
}, item.label));
|
|
550
|
-
}) : /*#__PURE__*/React.createElement(Empty, {
|
|
551
|
-
image: Empty.PRESENTED_IMAGE_SIMPLE
|
|
552
|
-
}))),
|
|
553
|
-
placement: "bottomRight"
|
|
554
|
-
}, /*#__PURE__*/React.createElement(Button, {
|
|
555
|
-
className: "".concat(prefixCls, "-btn"),
|
|
556
|
-
onClick: function onClick() {
|
|
557
|
-
setKeywords('');
|
|
558
|
-
},
|
|
559
|
-
icon: /*#__PURE__*/React.createElement(Icons.LookUp, null)
|
|
560
|
-
}))), /*#__PURE__*/React.createElement(Button, {
|
|
561
|
-
style: {
|
|
562
|
-
visibility: showCollapse ? 'visible' : 'hidden'
|
|
563
|
-
},
|
|
564
|
-
onClick: function onClick() {
|
|
565
|
-
return setCollapsed(function (prev) {
|
|
566
|
-
return !prev;
|
|
567
|
-
});
|
|
568
|
-
},
|
|
569
|
-
type: "link",
|
|
570
|
-
className: "".concat(prefixCls, "-collapse")
|
|
571
|
-
}, collapsed ? '高级搜索' : '收起搜索', /*#__PURE__*/React.createElement("svg", {
|
|
572
|
-
width: "10",
|
|
573
|
-
height: "10",
|
|
574
|
-
viewBox: "0 0 10 10",
|
|
575
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
576
|
-
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
577
|
-
style: collapsed ? {
|
|
578
|
-
transform: 'rotate(180deg)'
|
|
579
|
-
} : undefined
|
|
580
|
-
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("path", {
|
|
581
|
-
id: "a",
|
|
582
|
-
d: "M0 0h10v10H0z"
|
|
583
|
-
})), /*#__PURE__*/React.createElement("g", {
|
|
584
|
-
transform: "matrix(1 0 0 -1 0 10)",
|
|
585
|
-
fill: "none",
|
|
586
|
-
fillRule: "evenodd"
|
|
587
|
-
}, /*#__PURE__*/React.createElement("mask", {
|
|
588
|
-
id: "b",
|
|
589
|
-
fill: "#fff"
|
|
590
|
-
}, /*#__PURE__*/React.createElement("use", {
|
|
591
|
-
xlinkHref: "#a",
|
|
592
|
-
transform: "rotate(-90 5 5)"
|
|
593
|
-
})), /*#__PURE__*/React.createElement("use", {
|
|
594
|
-
fillOpacity: "0",
|
|
595
|
-
fill: "#C4C4C4",
|
|
596
|
-
transform: "rotate(-90 5 5)",
|
|
597
|
-
xlinkHref: "#a"
|
|
598
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
599
|
-
d: "M2.172 1.757 5 4.586l2.828-2.829M2.172 5.757 5 8.586l2.828-2.829",
|
|
600
|
-
stroke: "currentColor",
|
|
601
|
-
strokeLinecap: "round",
|
|
602
|
-
strokeLinejoin: "round",
|
|
603
|
-
strokeDasharray: "0,0",
|
|
604
|
-
mask: "url(#b)"
|
|
605
|
-
}))))))))));
|
|
606
|
-
}
|
|
607
|
-
|
|
608
|
-
Filter.setComponents = setComponents;
|
|
609
|
-
Filter.setStorage = setStorage;
|
|
610
|
-
export default Filter;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2
|
-
|
|
3
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
-
|
|
5
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
|
-
|
|
7
|
-
import React, { useContext, useMemo } from 'react';
|
|
8
|
-
import { FormContext } from 'antd/es/form/context';
|
|
9
|
-
import { PREFIX_CLS } from '../constants';
|
|
10
|
-
|
|
11
|
-
function FormHorizontal(props) {
|
|
12
|
-
var prefixCls = PREFIX_CLS;
|
|
13
|
-
var context = useContext(FormContext);
|
|
14
|
-
var myCtxt = useMemo(function () {
|
|
15
|
-
return _objectSpread(_objectSpread({}, context), {}, {
|
|
16
|
-
labelAlign: 'right',
|
|
17
|
-
labelCol: {
|
|
18
|
-
flex: '0 0 160px'
|
|
19
|
-
},
|
|
20
|
-
wrapperCol: {
|
|
21
|
-
md: 12,
|
|
22
|
-
lg: 10,
|
|
23
|
-
xl: 8
|
|
24
|
-
},
|
|
25
|
-
colon: false
|
|
26
|
-
});
|
|
27
|
-
}, [context]);
|
|
28
|
-
return /*#__PURE__*/React.createElement(FormContext.Provider, {
|
|
29
|
-
value: myCtxt
|
|
30
|
-
}, /*#__PURE__*/React.createElement("div", _objectSpread({
|
|
31
|
-
className: "".concat(prefixCls, "-form-horzontal")
|
|
32
|
-
}, props)));
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
export default FormHorizontal;
|
package/es/FormInline/index.d.ts
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
|
-
import type { RowProps } from 'antd';
|
|
3
|
-
interface Props extends RowProps {
|
|
4
|
-
children?: ReactNode;
|
|
5
|
-
prefixCls?: string;
|
|
6
|
-
}
|
|
7
|
-
declare function FormInline(props: Props): JSX.Element;
|
|
8
|
-
declare namespace FormInline {
|
|
9
|
-
var Col: typeof FormCol;
|
|
10
|
-
}
|
|
11
|
-
declare function FormCol(props: {
|
|
12
|
-
colSpan?: number;
|
|
13
|
-
children?: ReactNode;
|
|
14
|
-
}): JSX.Element;
|
|
15
|
-
export default FormInline;
|