@chaoswise/ui 3.1.15 → 3.1.17
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/lib/Antd5/_util/isNumeric.js +4 -0
- package/lib/Antd5/avatar/group.js +121 -0
- package/lib/Antd5/button/LoadingIcon.js +82 -0
- package/lib/Antd5/pagination/Select.js +24 -0
- package/lib/BasicLayout/locale/en_US.js +4 -0
- package/lib/BasicLayout/locale/index.js +11 -0
- package/lib/BasicLayout/locale/zh_CN.js +4 -0
- package/lib/BasicLayout/locale/zh_TW.js +4 -0
- package/lib/CWColorPicker/index.js +44 -44
- package/lib/CWMessage/MessageContent/TabList/index.js +13 -13
- package/lib/CWMessage/MessageContent/index.js +24 -24
- package/lib/CWRangePicker/DropdownMenu/MoreHistoryList/index.js +7 -7
- package/lib/CWRangePicker/DropdownMenu/MoreTimeList/index.js +14 -14
- package/lib/CWRangePicker/DropdownMenu/index.js +34 -34
- package/lib/CWRangePicker/Refresh/index.js +12 -12
- package/lib/CWRangePicker/TimeSpan/index.js +14 -14
- package/lib/CWRangePicker/index.js +56 -56
- package/lib/CWRangePicker/utils/generate/dayjs.js +110 -93
- package/lib/CWRangePicker/utils/generate/moment.js +99 -82
- package/lib/CWTable/assets/DownGraySvg.js +16 -0
- package/lib/CWTable/assets/DownLightSvg.js +16 -0
- package/lib/CWTable/assets/SortSvg.js +16 -0
- package/lib/CWTable/assets/SortingSvg.js +16 -0
- package/lib/CWTable/assets/UpGraySvg.js +15 -0
- package/lib/CWTable/assets/UpLightSvg.js +15 -0
- package/lib/CWTree/index.js +19 -5
- package/lib/CWTree/locale/en_US.js +3 -0
- package/lib/CWTree/locale/index.js +11 -0
- package/lib/CWTree/locale/zh_CN.js +3 -0
- package/lib/CWTree/locale/zh_TW.js +3 -0
- package/lib/ConfigProvider/ConfigProvider.js +6 -0
- package/lib/ConfigProvider/generate/dayjs.js +4 -0
- package/lib/Empty/index.js +10 -10
- package/lib/ErrorBoundary/ErrorPage.js +10 -10
- package/lib/Exception/index.js +22 -22
- package/lib/FilterDropDown/index.js +19 -19
- package/lib/Header/Document/index.js +5 -5
- package/lib/IconSelect/components/CustomImg/index.js +10 -10
- package/lib/IconSelect/components/SearchIcon/index.js +8 -8
- package/lib/IconSelect/index.js +16 -16
- package/lib/Joyride/List.js +11 -11
- package/lib/Joyride/index.js +55 -55
- package/lib/Pagination/index.js +34 -34
- package/lib/QuickTransfer/DragList.js +15 -15
- package/lib/QuickTransfer/index.js +62 -63
- package/lib/RangePicker/components/ExtraTimeFooter.js +1 -1
- package/lib/SearchBar/index.js +40 -40
- package/lib/TimeRangeSlider/Refresh/index.js +11 -11
- package/lib/TimeRangeSlider/TimeSpan/index.js +13 -13
- package/lib/TimeRangeSlider/index.js +32 -32
- package/lib/TimeRangeSlider/utils/generate/moment.js +106 -89
- package/lib/locales/en_US.json +1 -86
- package/lib/locales/index.js +11 -0
- package/lib/locales/ja_JP.json +1 -0
- package/lib/locales/zh_CN.json +1 -86
- package/lib/locales/zh_TW.json +1 -86
- package/package.json +2 -1
- /package/lib/Antd5/avatar/{Avatar.js → avatar.js} +0 -0
|
@@ -29,16 +29,16 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
|
|
|
29
29
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
30
30
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
31
31
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
32
|
-
import React, { useState, useEffect, Fragment, useMemo, useCallback } from
|
|
33
|
-
import { filterTree, filterTreeByNameTable, filterObj, getNotSelectKeys, getKeysAndTitle, getBottomKey, renderLeafNodetree, renderRelationNode, createTitle, createTree } from
|
|
34
|
-
import classnames from
|
|
35
|
-
import Drag from
|
|
36
|
-
import PropTypes from
|
|
37
|
-
import { isEqual } from
|
|
38
|
-
import NoDrag from
|
|
39
|
-
import useConfigContext from
|
|
40
|
-
import { useIntl } from
|
|
41
|
-
import useStyle from
|
|
32
|
+
import React, { useState, useEffect, Fragment, useMemo, useCallback } from 'react';
|
|
33
|
+
import { filterTree, filterTreeByNameTable, filterObj, getNotSelectKeys, getKeysAndTitle, getBottomKey, renderLeafNodetree, renderRelationNode, createTitle, createTree } from './utils';
|
|
34
|
+
import classnames from 'classnames';
|
|
35
|
+
import Drag from './Drag';
|
|
36
|
+
import PropTypes from 'prop-types';
|
|
37
|
+
import { isEqual } from 'lodash-es';
|
|
38
|
+
import NoDrag from './NoDrag';
|
|
39
|
+
import useConfigContext from '../useConfigContext';
|
|
40
|
+
import { useIntl } from '../locales';
|
|
41
|
+
import useStyle from './index.style';
|
|
42
42
|
var Search = _Input.Search;
|
|
43
43
|
|
|
44
44
|
/**
|
|
@@ -47,7 +47,7 @@ var Search = _Input.Search;
|
|
|
47
47
|
|
|
48
48
|
var QuickTransfer = function QuickTransfer(props) {
|
|
49
49
|
var _props$type = props.type,
|
|
50
|
-
type = _props$type === void 0 ?
|
|
50
|
+
type = _props$type === void 0 ? 'list' : _props$type,
|
|
51
51
|
_props$tableProps = props.tableProps,
|
|
52
52
|
tableProps = _props$tableProps === void 0 ? {} : _props$tableProps,
|
|
53
53
|
_props$dragList = props.dragList,
|
|
@@ -115,13 +115,13 @@ var QuickTransfer = function QuickTransfer(props) {
|
|
|
115
115
|
var _treeProps$defaultExp = treeProps.defaultExpandAll,
|
|
116
116
|
defaultExpandAll = _treeProps$defaultExp === void 0 ? true : _treeProps$defaultExp,
|
|
117
117
|
_treeProps$treeSelect = treeProps.treeSelect,
|
|
118
|
-
treeSelect = _treeProps$treeSelect === void 0 ?
|
|
118
|
+
treeSelect = _treeProps$treeSelect === void 0 ? 'leafNode' : _treeProps$treeSelect,
|
|
119
119
|
_treeProps$onCheck = treeProps.onCheck,
|
|
120
120
|
_onCheck = _treeProps$onCheck === void 0 ? function () {} : _treeProps$onCheck,
|
|
121
121
|
treeRest = _objectWithoutProperties(treeProps, _excluded3);
|
|
122
122
|
//判断父节点选中能否到右侧列表,如果能设置父子节点关联
|
|
123
123
|
var newCheckStrictly = true;
|
|
124
|
-
if (treeSelect ===
|
|
124
|
+
if (treeSelect === 'leafNode') {
|
|
125
125
|
newCheckStrictly = false;
|
|
126
126
|
} else {
|
|
127
127
|
newCheckStrictly = true;
|
|
@@ -184,18 +184,18 @@ var QuickTransfer = function QuickTransfer(props) {
|
|
|
184
184
|
setIndeterminate = _useState10[1];
|
|
185
185
|
|
|
186
186
|
// 保存搜索结果
|
|
187
|
-
var _useState11 = useState(
|
|
187
|
+
var _useState11 = useState(''),
|
|
188
188
|
_useState12 = _slicedToArray(_useState11, 2),
|
|
189
189
|
saveSearchValueLeft = _useState12[0],
|
|
190
190
|
setSaveSearchValueLeft = _useState12[1];
|
|
191
|
-
var _useState13 = useState(
|
|
191
|
+
var _useState13 = useState(''),
|
|
192
192
|
_useState14 = _slicedToArray(_useState13, 2),
|
|
193
193
|
saveSearchValueRight = _useState14[0],
|
|
194
194
|
setSaveSearchValueRight = _useState14[1];
|
|
195
195
|
//表格情况下右侧列表渲染的列
|
|
196
196
|
var newRenderColumns = [];
|
|
197
197
|
var newSearchColumns = [];
|
|
198
|
-
if (type ===
|
|
198
|
+
if (type === 'table') {
|
|
199
199
|
// 处理type为table时的搜索高亮效果
|
|
200
200
|
// 外面无render传入时默认搜索高亮处理,有render外面自己处理
|
|
201
201
|
columns = columns.map(function (item) {
|
|
@@ -208,7 +208,7 @@ var QuickTransfer = function QuickTransfer(props) {
|
|
|
208
208
|
var afterTitle = text.substr(index + (saveSearchValueLeft === null || saveSearchValueLeft === void 0 ? void 0 : saveSearchValueLeft.length));
|
|
209
209
|
return index > -1 ? /*#__PURE__*/React.createElement("span", null, beforeTitle, /*#__PURE__*/React.createElement("span", {
|
|
210
210
|
style: {
|
|
211
|
-
color:
|
|
211
|
+
color: '#F5222D'
|
|
212
212
|
}
|
|
213
213
|
}, searchValue), afterTitle) : text;
|
|
214
214
|
}
|
|
@@ -239,7 +239,7 @@ var QuickTransfer = function QuickTransfer(props) {
|
|
|
239
239
|
return targetKeys;
|
|
240
240
|
});
|
|
241
241
|
//回显列表项
|
|
242
|
-
if (type ===
|
|
242
|
+
if (type === 'list') {
|
|
243
243
|
var finalCheckValue = [];
|
|
244
244
|
targetKeys.forEach(function (item) {
|
|
245
245
|
var findValue = dataSource.find(function (i) {
|
|
@@ -255,14 +255,14 @@ var QuickTransfer = function QuickTransfer(props) {
|
|
|
255
255
|
setCheckValue(finalCheckValue);
|
|
256
256
|
}
|
|
257
257
|
//回显table
|
|
258
|
-
if (type ===
|
|
258
|
+
if (type === 'table') {
|
|
259
259
|
setCheckValue(renderRelationNode(targetKeys, dataSource));
|
|
260
260
|
}
|
|
261
261
|
//回显树
|
|
262
|
-
if (type ===
|
|
262
|
+
if (type === 'tree') {
|
|
263
263
|
//根据父子节点不同的关联关系设置右侧的列表
|
|
264
|
-
if (treeSelect ===
|
|
265
|
-
setCheckValue(renderLeafNodetree(targetKeys, createTree(_renderTreeData(dataSource),
|
|
264
|
+
if (treeSelect === 'leafNode') {
|
|
265
|
+
setCheckValue(renderLeafNodetree(targetKeys, createTree(_renderTreeData(dataSource), '', undefined, undefined)));
|
|
266
266
|
} else {
|
|
267
267
|
setCheckValue(renderRelationNode(targetKeys, dataSource));
|
|
268
268
|
}
|
|
@@ -288,7 +288,7 @@ var QuickTransfer = function QuickTransfer(props) {
|
|
|
288
288
|
var handleSearch = useCallback(function (searchValue) {
|
|
289
289
|
var newData = [];
|
|
290
290
|
var listCheckedKeys_ = [];
|
|
291
|
-
if (type ===
|
|
291
|
+
if (type === 'list') {
|
|
292
292
|
dataSource.forEach(function (item, index) {
|
|
293
293
|
if (isMath(item.title, searchValue)) {
|
|
294
294
|
newData.push(dataSource[index]);
|
|
@@ -304,7 +304,7 @@ var QuickTransfer = function QuickTransfer(props) {
|
|
|
304
304
|
setData(newData);
|
|
305
305
|
setListCheckedStyle(listCheckedKeys_, newData);
|
|
306
306
|
}
|
|
307
|
-
if (type ===
|
|
307
|
+
if (type === 'table') {
|
|
308
308
|
newData = filterTreeByNameTable(dataSource, searchValue, searchColumns ? searchColumns : newSearchColumns);
|
|
309
309
|
setData(newData);
|
|
310
310
|
}
|
|
@@ -323,7 +323,7 @@ var QuickTransfer = function QuickTransfer(props) {
|
|
|
323
323
|
if (!searchValue) {
|
|
324
324
|
return true;
|
|
325
325
|
}
|
|
326
|
-
if (typeof title ===
|
|
326
|
+
if (typeof title === 'string' && typeof searchValue === 'string') {
|
|
327
327
|
return title.toLowerCase().indexOf(searchValue.toLowerCase()) > -1;
|
|
328
328
|
}
|
|
329
329
|
return false;
|
|
@@ -332,24 +332,24 @@ var QuickTransfer = function QuickTransfer(props) {
|
|
|
332
332
|
// 内置的右侧搜索框内容改变触发搜索
|
|
333
333
|
var handleRightSearch = function handleRightSearch(searchValue) {
|
|
334
334
|
var newCheckedValue = [];
|
|
335
|
-
if (type ===
|
|
335
|
+
if (type === 'list') {
|
|
336
336
|
checkValue.forEach(function (item, index) {
|
|
337
337
|
if (isMath(item.title, searchValue)) {
|
|
338
338
|
newCheckedValue.push(checkValue[index]);
|
|
339
339
|
}
|
|
340
340
|
});
|
|
341
341
|
}
|
|
342
|
-
if (type ===
|
|
342
|
+
if (type === 'tree') {
|
|
343
343
|
newCheckedValue = filterTree(checkValue, searchValue);
|
|
344
344
|
}
|
|
345
|
-
if (type ===
|
|
345
|
+
if (type === 'table') {
|
|
346
346
|
newCheckedValue = filterTreeByNameTable(checkValue, searchValue, renderColumns ? renderColumns : newRenderColumns);
|
|
347
347
|
}
|
|
348
348
|
return newCheckedValue;
|
|
349
349
|
};
|
|
350
350
|
var searchCheckedValue = useMemo(function () {
|
|
351
|
-
return type ===
|
|
352
|
-
return Boolean(i.isLeaf);
|
|
351
|
+
return type === 'tree' && treeSelect === 'leafNode' ? handleRightSearch(saveSearchValueRight).filter(function (i) {
|
|
352
|
+
return i && Boolean(i.isLeaf);
|
|
353
353
|
}) : handleRightSearch(saveSearchValueRight);
|
|
354
354
|
}, [checkValue, saveSearchValueRight, type, treeSelect]);
|
|
355
355
|
// type为list下全选框按钮的样式统一处理
|
|
@@ -422,7 +422,7 @@ var QuickTransfer = function QuickTransfer(props) {
|
|
|
422
422
|
return item !== value.key;
|
|
423
423
|
});
|
|
424
424
|
setCheckedKeys(checkedKeys_);
|
|
425
|
-
if (type ==
|
|
425
|
+
if (type == 'list') {
|
|
426
426
|
var listCheckedKeys_ = [];
|
|
427
427
|
listCheckedKeys_ = checkedKeys_.filter(function (item) {
|
|
428
428
|
return listCheckedKeys.includes(item);
|
|
@@ -449,7 +449,7 @@ var QuickTransfer = function QuickTransfer(props) {
|
|
|
449
449
|
handlePreviewList(newCheckedValue);
|
|
450
450
|
setCheckedKeys(newCheckedKey);
|
|
451
451
|
// 清除所有type为list时全选逻辑
|
|
452
|
-
if (type ===
|
|
452
|
+
if (type === 'list') {
|
|
453
453
|
var newListCheckedKeys = [];
|
|
454
454
|
newListCheckedKeys = listCheckedKeys.filter(function (item) {
|
|
455
455
|
return newCheckedKey.includes(item);
|
|
@@ -475,8 +475,7 @@ var QuickTransfer = function QuickTransfer(props) {
|
|
|
475
475
|
var _e$node = e.node,
|
|
476
476
|
eventKey = _e$node.key,
|
|
477
477
|
children = _e$node.children,
|
|
478
|
-
originTitle = _e$node.originTitle
|
|
479
|
-
record = _e$node.record;
|
|
478
|
+
originTitle = _e$node.originTitle;
|
|
480
479
|
//当前选中的节点和传到右侧列表的的value
|
|
481
480
|
var newCheckKey = [eventKey];
|
|
482
481
|
var newCheckValue = [{
|
|
@@ -490,7 +489,7 @@ var QuickTransfer = function QuickTransfer(props) {
|
|
|
490
489
|
newCheckValue = newCheckValue.concat(getKeysAndTitle(children));
|
|
491
490
|
}
|
|
492
491
|
//父子节点选中不再有关联
|
|
493
|
-
if (treeSelect ===
|
|
492
|
+
if (treeSelect === 'notRelationNode') {
|
|
494
493
|
if (e.checked) {
|
|
495
494
|
setCheckedKeys([].concat(_toConsumableArray(checkedKeys), [eventKey]));
|
|
496
495
|
setCheckValue([].concat(_toConsumableArray(checkValue), [{
|
|
@@ -505,7 +504,7 @@ var QuickTransfer = function QuickTransfer(props) {
|
|
|
505
504
|
return item !== eventKey;
|
|
506
505
|
}));
|
|
507
506
|
}
|
|
508
|
-
} else if (treeSelect ===
|
|
507
|
+
} else if (treeSelect === 'relationNode') {
|
|
509
508
|
//如果被选中,(父节点选中,子节点全部选中,删除右侧列表节点没有父子联动逻辑)
|
|
510
509
|
if (e.checked) {
|
|
511
510
|
//排除重复选中
|
|
@@ -521,7 +520,7 @@ var QuickTransfer = function QuickTransfer(props) {
|
|
|
521
520
|
return !newCheckKey.includes(item.key);
|
|
522
521
|
}));
|
|
523
522
|
}
|
|
524
|
-
} else if (treeSelect ===
|
|
523
|
+
} else if (treeSelect === 'leafNode') {
|
|
525
524
|
//只有子节点才会被渲染到右侧列表
|
|
526
525
|
if (e.checked) {
|
|
527
526
|
//当没有子节点,设置当前节点选中,但不会渲染到右侧列表,因为不是叶子节点
|
|
@@ -541,7 +540,7 @@ var QuickTransfer = function QuickTransfer(props) {
|
|
|
541
540
|
} else if (!children) {
|
|
542
541
|
//当前是叶子节点
|
|
543
542
|
setCheckedKeys([].concat(_toConsumableArray(checkedKeys), [eventKey]));
|
|
544
|
-
setCheckValue([].concat(_toConsumableArray(checkValue),
|
|
543
|
+
setCheckValue([].concat(_toConsumableArray(checkValue), _toConsumableArray(newCheckValue)));
|
|
545
544
|
}
|
|
546
545
|
} else {
|
|
547
546
|
//取消选中的情况
|
|
@@ -637,13 +636,13 @@ var QuickTransfer = function QuickTransfer(props) {
|
|
|
637
636
|
setCheckedKeys(newCheckedKeys);
|
|
638
637
|
setListCheckedStyle(listCheckedKeys_, data);
|
|
639
638
|
};
|
|
640
|
-
var allSelectedText = intl.get(
|
|
639
|
+
var allSelectedText = intl.get('aca12e3d-7037-43f5-8fb2-7545ca44955a', {
|
|
641
640
|
checkedLength: listCheckedKeys.length
|
|
642
|
-
}).d(
|
|
641
|
+
}).d('全选({checkedLength})');
|
|
643
642
|
// 根据不同的type渲染不同的列表类型,目前支持list tree table
|
|
644
643
|
|
|
645
644
|
var getFinalTitle = function getFinalTitle(title) {
|
|
646
|
-
if (typeof title ===
|
|
645
|
+
if (typeof title === 'string') {
|
|
647
646
|
var _createTitle = createTitle(caseSensitive, saveSearchValueLeft, title),
|
|
648
647
|
index = _createTitle.index,
|
|
649
648
|
beforeTitle = _createTitle.beforeTitle,
|
|
@@ -651,14 +650,14 @@ var QuickTransfer = function QuickTransfer(props) {
|
|
|
651
650
|
searchStr = _createTitle.searchStr;
|
|
652
651
|
return /*#__PURE__*/React.createElement("span", null, index > -1 ? /*#__PURE__*/React.createElement(React.Fragment, null, beforeTitle, /*#__PURE__*/React.createElement("span", {
|
|
653
652
|
style: {
|
|
654
|
-
color:
|
|
653
|
+
color: '#F5222D'
|
|
655
654
|
}
|
|
656
655
|
}, searchStr), afterTitle) : title);
|
|
657
656
|
}
|
|
658
657
|
return title;
|
|
659
658
|
};
|
|
660
659
|
var transferContent = function transferContent(data) {
|
|
661
|
-
if (type ===
|
|
660
|
+
if (type === 'list') {
|
|
662
661
|
return /*#__PURE__*/React.createElement("div", {
|
|
663
662
|
className: "cw-transfer-left-content-checkbox"
|
|
664
663
|
}, /*#__PURE__*/React.createElement(_Checkbox, {
|
|
@@ -675,21 +674,21 @@ var QuickTransfer = function QuickTransfer(props) {
|
|
|
675
674
|
disabled: value.disabled
|
|
676
675
|
}, /*#__PURE__*/React.createElement(_TooltipText, {
|
|
677
676
|
title: value.title,
|
|
678
|
-
placement:
|
|
677
|
+
placement: 'topLeft'
|
|
679
678
|
}, getFinalTitle(value.title)));
|
|
680
679
|
}));
|
|
681
680
|
}
|
|
682
|
-
if (type ===
|
|
681
|
+
if (type === 'table') {
|
|
683
682
|
return /*#__PURE__*/React.createElement(_CWTable, _extends({
|
|
684
683
|
dataSource: data,
|
|
685
684
|
columns: columns,
|
|
686
685
|
rowSelection: handleRowSelection,
|
|
687
686
|
defaultExpandAllRows: defaultExpandAllRows,
|
|
688
|
-
tableWapperClassName:
|
|
689
|
-
size:
|
|
687
|
+
tableWapperClassName: 'cw-transfer-table',
|
|
688
|
+
size: 'middle'
|
|
690
689
|
}, tableRest));
|
|
691
690
|
}
|
|
692
|
-
if (type ===
|
|
691
|
+
if (type === 'tree') {
|
|
693
692
|
return /*#__PURE__*/React.createElement(_CWTree, _extends({
|
|
694
693
|
checkable: true,
|
|
695
694
|
showIcon: false,
|
|
@@ -708,7 +707,7 @@ var QuickTransfer = function QuickTransfer(props) {
|
|
|
708
707
|
};
|
|
709
708
|
// todo - react-dnd:DndProvider的问题拖拽和非拖拽需要分开写
|
|
710
709
|
var renderRightList = searchCheckedValue.length === 0 ? /*#__PURE__*/React.createElement(_Empty, {
|
|
711
|
-
description: intl.get(
|
|
710
|
+
description: intl.get('476c8a4c-7d1f-48c8-b645-eeff9f012c80').d('请从左侧列表选择')
|
|
712
711
|
}) : dragList ? /*#__PURE__*/React.createElement(Drag, {
|
|
713
712
|
checkValue: searchCheckedValue,
|
|
714
713
|
handleDelete: handleDelete,
|
|
@@ -730,8 +729,8 @@ var QuickTransfer = function QuickTransfer(props) {
|
|
|
730
729
|
useDndProvider: useDndProvider
|
|
731
730
|
});
|
|
732
731
|
return wrapCSSVar(/*#__PURE__*/React.createElement("div", {
|
|
733
|
-
className: classnames(hashId, cssVarCls,
|
|
734
|
-
|
|
732
|
+
className: classnames(hashId, cssVarCls, 'cw-transfer-main', {
|
|
733
|
+
'cw-transfer-main-has-border': showBorder
|
|
735
734
|
}, transferWrapperClassName),
|
|
736
735
|
style: style
|
|
737
736
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -740,7 +739,7 @@ var QuickTransfer = function QuickTransfer(props) {
|
|
|
740
739
|
}, /*#__PURE__*/React.createElement("div", {
|
|
741
740
|
className: "cw-transfer-left-content"
|
|
742
741
|
}, leftHeader && /*#__PURE__*/React.createElement("div", {
|
|
743
|
-
className:
|
|
742
|
+
className: 'cw-transfer-left-top'
|
|
744
743
|
}, leftHeader), showLeftSearch && /*#__PURE__*/React.createElement("div", {
|
|
745
744
|
className: "cw-transfer-search"
|
|
746
745
|
}, /*#__PURE__*/React.createElement(Search, _extends({
|
|
@@ -752,7 +751,7 @@ var QuickTransfer = function QuickTransfer(props) {
|
|
|
752
751
|
}, data.length === 0 ? /*#__PURE__*/React.createElement(_Empty, null) : transferContent(data))), leftFooter && /*#__PURE__*/React.createElement("div", {
|
|
753
752
|
className: "cw-transfer-footer"
|
|
754
753
|
}, leftFooter)), division && /*#__PURE__*/React.createElement("div", {
|
|
755
|
-
className: classnames(
|
|
754
|
+
className: classnames('cw-transfer-division'),
|
|
756
755
|
style: divisionStyle
|
|
757
756
|
}), /*#__PURE__*/React.createElement("div", {
|
|
758
757
|
className: "cw-transfer-right",
|
|
@@ -766,19 +765,19 @@ var QuickTransfer = function QuickTransfer(props) {
|
|
|
766
765
|
allowClear: true,
|
|
767
766
|
value: saveSearchValueRight
|
|
768
767
|
}, restRightSearchProps))), rightHeader && /*#__PURE__*/React.createElement("div", {
|
|
769
|
-
className: classnames(
|
|
770
|
-
|
|
768
|
+
className: classnames('cw-transfer-right-header', {
|
|
769
|
+
'cw-transfer-right-header-has-search': showRightSearch
|
|
771
770
|
})
|
|
772
|
-
}, typeof rightHeader ===
|
|
773
|
-
className:
|
|
774
|
-
}, /*#__PURE__*/React.createElement("span", null, intl.get(
|
|
771
|
+
}, typeof rightHeader === 'boolean' ? /*#__PURE__*/React.createElement("div", {
|
|
772
|
+
className: 'cw-transfer-right-header-top'
|
|
773
|
+
}, /*#__PURE__*/React.createElement("span", null, intl.get('c6914863-5603-4924-a85d-93174e59d02d').d('已添加'), /*#__PURE__*/React.createElement("span", {
|
|
775
774
|
style: {
|
|
776
|
-
marginLeft:
|
|
775
|
+
marginLeft: '8px'
|
|
777
776
|
}
|
|
778
777
|
}, "(", searchCheckedValue.length, ")")), Boolean(searchCheckedValue.length) && /*#__PURE__*/React.createElement("span", {
|
|
779
778
|
onClick: clearAll,
|
|
780
|
-
className:
|
|
781
|
-
}, intl.get(
|
|
779
|
+
className: 'cw-transfer-right-header-clear'
|
|
780
|
+
}, intl.get('53e957d9-8aee-4322-a144-31d4cff11c9f').d('清空'))) : /*#__PURE__*/React.createElement(Fragment, null, rightHeader)), /*#__PURE__*/React.createElement("div", {
|
|
782
781
|
className: "cw-transfer-right-main-wrapper"
|
|
783
782
|
}, renderRightList)), rightFooter && /*#__PURE__*/React.createElement("div", {
|
|
784
783
|
className: "cw-transfer-footer"
|
|
@@ -796,7 +795,7 @@ QuickTransfer.propTypes = {
|
|
|
796
795
|
/**
|
|
797
796
|
* 穿梭框左侧的渲染的类型,支持列表,树,表格
|
|
798
797
|
*/
|
|
799
|
-
type: PropTypes.oneOf([
|
|
798
|
+
type: PropTypes.oneOf(['list', 'table', 'tree']),
|
|
800
799
|
/**
|
|
801
800
|
* 右侧选中列表是否可拖拽
|
|
802
801
|
*/
|
|
@@ -838,7 +837,7 @@ QuickTransfer.propTypes = {
|
|
|
838
837
|
* leafNode代表只有叶子节点能被选中,并穿梭到右侧列表(判断一个节点是否是叶子节点:此节点的children是否存在,不存在便为叶子节点);
|
|
839
838
|
* 默认为leafNode
|
|
840
839
|
*/
|
|
841
|
-
treeSelect: PropTypes.oneOf([
|
|
840
|
+
treeSelect: PropTypes.oneOf(['notRelationNode', 'relationNode', 'leafNode']),
|
|
842
841
|
/**
|
|
843
842
|
* table中额外添加的属性,点击选中右侧列表要渲染的列,默认为第一列
|
|
844
843
|
*/
|
|
@@ -10,7 +10,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
|
|
|
10
10
|
import React from 'react';
|
|
11
11
|
import { SwapRightOutlined } from '@ant-design/icons';
|
|
12
12
|
import classnames from 'classnames';
|
|
13
|
-
import { useIntl } from
|
|
13
|
+
import { useIntl } from '../../locales';
|
|
14
14
|
export default function ExtraTimeFooter(_ref) {
|
|
15
15
|
var startTimeValue = _ref.startTimeValue,
|
|
16
16
|
endTimeValue = _ref.endTimeValue,
|
package/lib/SearchBar/index.js
CHANGED
|
@@ -26,14 +26,14 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
|
|
|
26
26
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
27
27
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
28
28
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
29
|
-
import React, { useState, useEffect, Fragment, useMemo, useRef } from
|
|
30
|
-
import { EllipsisOutlined, UpOutlined, QuestionCircleOutlined, PlusOutlined } from
|
|
31
|
-
import classnames from
|
|
32
|
-
import PropTypes from
|
|
33
|
-
import OutSearch from
|
|
34
|
-
import useConfigContext from
|
|
35
|
-
import { useIntl } from
|
|
36
|
-
import useStyle from
|
|
29
|
+
import React, { useState, useEffect, Fragment, useMemo, useRef } from 'react';
|
|
30
|
+
import { EllipsisOutlined, UpOutlined, QuestionCircleOutlined, PlusOutlined } from '@ant-design/icons';
|
|
31
|
+
import classnames from 'classnames';
|
|
32
|
+
import PropTypes from 'prop-types';
|
|
33
|
+
import OutSearch from './OutSearch';
|
|
34
|
+
import useConfigContext from '../useConfigContext';
|
|
35
|
+
import { useIntl } from '../locales';
|
|
36
|
+
import useStyle from './index.style';
|
|
37
37
|
/**
|
|
38
38
|
* 通用搜索栏,适用于一些搜索场景,例如table表格
|
|
39
39
|
*/
|
|
@@ -95,7 +95,7 @@ var SearchBar = function SearchBar(props) {
|
|
|
95
95
|
var intl = useIntl();
|
|
96
96
|
var _useConfigContext = useConfigContext(),
|
|
97
97
|
getPrefixCls = _useConfigContext.getPrefixCls;
|
|
98
|
-
var searchBarprefixCls = getPrefixCls(
|
|
98
|
+
var searchBarprefixCls = getPrefixCls('search-bar');
|
|
99
99
|
var _useStyle = useStyle(searchBarprefixCls),
|
|
100
100
|
_useStyle2 = _slicedToArray(_useStyle, 3),
|
|
101
101
|
wrapCSSVar = _useStyle2[0],
|
|
@@ -121,7 +121,7 @@ var SearchBar = function SearchBar(props) {
|
|
|
121
121
|
var children = (_formItemContainer$cu = formItemContainer.current) === null || _formItemContainer$cu === void 0 || (_formItemContainer$cu = _formItemContainer$cu.children) === null || _formItemContainer$cu === void 0 || (_formItemContainer$cu = _formItemContainer$cu[0]) === null || _formItemContainer$cu === void 0 ? void 0 : _formItemContainer$cu.children;
|
|
122
122
|
if (!(children !== null && children !== void 0 && children.length)) return;
|
|
123
123
|
var containerTop = formItemContainer.current.children[0].getBoundingClientRect().top;
|
|
124
|
-
if (expandSearchArrange ===
|
|
124
|
+
if (expandSearchArrange === 'inline') {
|
|
125
125
|
if (!children[maxLine - 1]) return;
|
|
126
126
|
// 直接取最大行数的节点
|
|
127
127
|
var itemBottom = children[2].getBoundingClientRect().bottom;
|
|
@@ -189,7 +189,7 @@ var SearchBar = function SearchBar(props) {
|
|
|
189
189
|
setOutOperation(operation);
|
|
190
190
|
};
|
|
191
191
|
useEffect(function () {
|
|
192
|
-
if (
|
|
192
|
+
if ('expand' in props) {
|
|
193
193
|
setExpandSearch(expand);
|
|
194
194
|
} else if (defaultExpand) {
|
|
195
195
|
setExpandSearch(defaultExpand);
|
|
@@ -223,7 +223,7 @@ var SearchBar = function SearchBar(props) {
|
|
|
223
223
|
showAdvancedSearch = true;
|
|
224
224
|
}
|
|
225
225
|
var _showCols = useMemo(function () {
|
|
226
|
-
return props.hasOwnProperty(
|
|
226
|
+
return props.hasOwnProperty('showFilterCols') ? showFilterCols : showCols;
|
|
227
227
|
}, [showFilterCols, showCols]);
|
|
228
228
|
//点击搜索触发
|
|
229
229
|
var handleSearch = function handleSearch() {
|
|
@@ -269,7 +269,7 @@ var SearchBar = function SearchBar(props) {
|
|
|
269
269
|
}).filter(function (item) {
|
|
270
270
|
return !!item;
|
|
271
271
|
}).some(function (item) {
|
|
272
|
-
return item.labelDirection && item.labelDirection ===
|
|
272
|
+
return item.labelDirection && item.labelDirection === 'column';
|
|
273
273
|
});
|
|
274
274
|
|
|
275
275
|
//计算搜索重置按钮所占的span
|
|
@@ -299,7 +299,7 @@ var SearchBar = function SearchBar(props) {
|
|
|
299
299
|
//高级筛选展开和关闭触发
|
|
300
300
|
var handleExpandSearch = function handleExpandSearch() {
|
|
301
301
|
_onExpand(!expandSearch);
|
|
302
|
-
if (!(
|
|
302
|
+
if (!('expand' in props)) {
|
|
303
303
|
setExpandSearch(!expandSearch);
|
|
304
304
|
}
|
|
305
305
|
if (expandSearch) {
|
|
@@ -317,7 +317,7 @@ var SearchBar = function SearchBar(props) {
|
|
|
317
317
|
}
|
|
318
318
|
return null;
|
|
319
319
|
};
|
|
320
|
-
var menu = /*#__PURE__*/React.createElement(_Menu, null, typeof extra ===
|
|
320
|
+
var menu = /*#__PURE__*/React.createElement(_Menu, null, typeof extra === 'function' ? extra({
|
|
321
321
|
options: options,
|
|
322
322
|
showColumns: showColumns,
|
|
323
323
|
dataSource: dataSource,
|
|
@@ -334,9 +334,9 @@ var SearchBar = function SearchBar(props) {
|
|
|
334
334
|
if (index < showExtraCount) {
|
|
335
335
|
return /*#__PURE__*/React.createElement("div", {
|
|
336
336
|
style: {
|
|
337
|
-
marginLeft: index === 0 ? 0 :
|
|
338
|
-
display:
|
|
339
|
-
alignItems:
|
|
337
|
+
marginLeft: index === 0 ? 0 : '8px',
|
|
338
|
+
display: 'flex',
|
|
339
|
+
alignItems: 'center'
|
|
340
340
|
},
|
|
341
341
|
key: value.key ? value.key : index
|
|
342
342
|
}, value);
|
|
@@ -352,11 +352,11 @@ var SearchBar = function SearchBar(props) {
|
|
|
352
352
|
type: "primary",
|
|
353
353
|
onClick: handleSearch,
|
|
354
354
|
className: "".concat(searchBarprefixCls, "-expand-search-search")
|
|
355
|
-
}, searchButtonProps), searchTitle ? searchTitle : intl.get(
|
|
355
|
+
}, searchButtonProps), searchTitle ? searchTitle : intl.get('0d2fd4ff-51eb-4c95-a52d-a78585336915').d('查询')), /*#__PURE__*/React.createElement(_Button, _extends({
|
|
356
356
|
type: "default",
|
|
357
357
|
onClick: handleReset,
|
|
358
358
|
className: "".concat(searchBarprefixCls, "-expand-search-reset")
|
|
359
|
-
}, resetButtonProps), resetTitle ? resetTitle : intl.get(
|
|
359
|
+
}, resetButtonProps), resetTitle ? resetTitle : intl.get('9ce11da7-7647-43d8-bf18-0aaae952bfb0').d('重置')), /*#__PURE__*/React.createElement("div", {
|
|
360
360
|
className: "".concat(searchBarprefixCls, "-expand-icon-wrapper"),
|
|
361
361
|
onClick: handleExpandSearch
|
|
362
362
|
}, /*#__PURE__*/React.createElement(UpOutlined, {
|
|
@@ -387,12 +387,12 @@ var SearchBar = function SearchBar(props) {
|
|
|
387
387
|
justify: "space-between",
|
|
388
388
|
className: classnames("".concat(searchBarprefixCls, "-wrapper"), searchWrapperClassName),
|
|
389
389
|
style: {
|
|
390
|
-
alignItems: outLayout &&
|
|
390
|
+
alignItems: outLayout && 'flex-end'
|
|
391
391
|
}
|
|
392
392
|
}, /*#__PURE__*/React.createElement("div", {
|
|
393
393
|
style: {
|
|
394
|
-
display:
|
|
395
|
-
alignItems: outLayout &&
|
|
394
|
+
display: 'flex',
|
|
395
|
+
alignItems: outLayout && 'flex-end'
|
|
396
396
|
}
|
|
397
397
|
}, /*#__PURE__*/React.createElement(OutSearch, {
|
|
398
398
|
showExtraCount: showExtraCount,
|
|
@@ -411,7 +411,7 @@ var SearchBar = function SearchBar(props) {
|
|
|
411
411
|
}), showAdvancedSearch ? /*#__PURE__*/React.createElement("div", {
|
|
412
412
|
className: "".concat(searchBarprefixCls, "-advanced"),
|
|
413
413
|
onClick: handleExpandSearch
|
|
414
|
-
}, /*#__PURE__*/React.createElement("span", null, advancedSearchTitle ? advancedSearchTitle : intl.get(
|
|
414
|
+
}, /*#__PURE__*/React.createElement("span", null, advancedSearchTitle ? advancedSearchTitle : intl.get('b1db2936-33f9-410b-aba2-997c57d40e7a').d('高级筛选')), /*#__PURE__*/React.createElement(UpOutlined, {
|
|
415
415
|
className: "".concat(searchBarprefixCls, "-advanced-icon"),
|
|
416
416
|
rotate: expandSearch ? 0 : 180
|
|
417
417
|
})) : null), /*#__PURE__*/React.createElement(_Row, {
|
|
@@ -419,9 +419,9 @@ var SearchBar = function SearchBar(props) {
|
|
|
419
419
|
type: "flex",
|
|
420
420
|
justify: "center",
|
|
421
421
|
style: {
|
|
422
|
-
alignItems:
|
|
422
|
+
alignItems: 'center'
|
|
423
423
|
}
|
|
424
|
-
}, typeof extra ===
|
|
424
|
+
}, typeof extra === 'function' ? extra && extra({
|
|
425
425
|
options: options,
|
|
426
426
|
showColumns: showColumns,
|
|
427
427
|
dataSource: dataSource,
|
|
@@ -431,7 +431,7 @@ var SearchBar = function SearchBar(props) {
|
|
|
431
431
|
return renderExtra(value, index);
|
|
432
432
|
}) : extra.length > 0 && extra.map(function (value, index) {
|
|
433
433
|
return renderExtra(value, index);
|
|
434
|
-
}), (typeof extra ===
|
|
434
|
+
}), (typeof extra === 'function' ? extra({
|
|
435
435
|
options: options,
|
|
436
436
|
showColumns: showColumns,
|
|
437
437
|
dataSource: dataSource,
|
|
@@ -442,26 +442,26 @@ var SearchBar = function SearchBar(props) {
|
|
|
442
442
|
}, /*#__PURE__*/React.createElement(EllipsisOutlined, {
|
|
443
443
|
style: {
|
|
444
444
|
fontSize: 16,
|
|
445
|
-
cursor:
|
|
446
|
-
marginLeft:
|
|
445
|
+
cursor: 'pointer',
|
|
446
|
+
marginLeft: '8px'
|
|
447
447
|
}
|
|
448
448
|
})) : null)), /*#__PURE__*/React.createElement(_Form, {
|
|
449
449
|
layout: "vertical"
|
|
450
450
|
}, /*#__PURE__*/React.createElement(_Row, {
|
|
451
451
|
className: "".concat(searchBarprefixCls, "-expand"),
|
|
452
452
|
style: {
|
|
453
|
-
display: expandSearch ?
|
|
453
|
+
display: expandSearch ? 'block' : 'none'
|
|
454
454
|
}
|
|
455
455
|
}, /*#__PURE__*/React.createElement("div", {
|
|
456
456
|
style: {
|
|
457
|
-
display:
|
|
458
|
-
flexDirection:
|
|
457
|
+
display: 'flex',
|
|
458
|
+
flexDirection: 'column'
|
|
459
459
|
},
|
|
460
460
|
className: "".concat(searchBarprefixCls, "-expand-wrapper"),
|
|
461
461
|
ref: formItemContainer
|
|
462
462
|
},
|
|
463
463
|
//内置筛选条件是否是inline排列
|
|
464
|
-
expandSearchArrange ===
|
|
464
|
+
expandSearchArrange === 'inline' ? /*#__PURE__*/React.createElement("div", {
|
|
465
465
|
className: "".concat(searchBarprefixCls, "-expand-content"),
|
|
466
466
|
style: {
|
|
467
467
|
maxHeight: maxHeight
|
|
@@ -470,7 +470,7 @@ var SearchBar = function SearchBar(props) {
|
|
|
470
470
|
return index >= showSearchCount;
|
|
471
471
|
}).map(function (child, index) {
|
|
472
472
|
//判断是否是函数渲染
|
|
473
|
-
if (typeof child.components ===
|
|
473
|
+
if (typeof child.components === 'function') {
|
|
474
474
|
if (_showCols.includes(child.components(form).props.id)) {
|
|
475
475
|
return renderFormItem(child, index, true);
|
|
476
476
|
}
|
|
@@ -484,7 +484,7 @@ var SearchBar = function SearchBar(props) {
|
|
|
484
484
|
})) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Row, {
|
|
485
485
|
type: "flex",
|
|
486
486
|
style: {
|
|
487
|
-
flexWrap:
|
|
487
|
+
flexWrap: 'wrap',
|
|
488
488
|
maxHeight: maxHeight,
|
|
489
489
|
marginTop: 0,
|
|
490
490
|
marginBottom: searchContents.length > filterLength ? 8 : 0
|
|
@@ -496,7 +496,7 @@ var SearchBar = function SearchBar(props) {
|
|
|
496
496
|
return index >= showSearchCount;
|
|
497
497
|
}).map(function (child, index) {
|
|
498
498
|
//判断是否是函数
|
|
499
|
-
if (typeof child.components ===
|
|
499
|
+
if (typeof child.components === 'function') {
|
|
500
500
|
if (_showCols.includes(child.components(form).props.id)) {
|
|
501
501
|
return /*#__PURE__*/React.createElement(_Col, {
|
|
502
502
|
span: child.span ? child.span : 6,
|
|
@@ -519,7 +519,7 @@ var SearchBar = function SearchBar(props) {
|
|
|
519
519
|
}, /*#__PURE__*/React.createElement("div", {
|
|
520
520
|
style: {
|
|
521
521
|
width: 160,
|
|
522
|
-
height:
|
|
522
|
+
height: '20px'
|
|
523
523
|
}
|
|
524
524
|
}, /*#__PURE__*/React.createElement(_FilterDropDown, {
|
|
525
525
|
fixed: fixed,
|
|
@@ -528,7 +528,7 @@ var SearchBar = function SearchBar(props) {
|
|
|
528
528
|
}, /*#__PURE__*/React.createElement(_Button, {
|
|
529
529
|
icon: /*#__PURE__*/React.createElement(PlusOutlined, null),
|
|
530
530
|
type: "link"
|
|
531
|
-
}, intl.get(
|
|
531
|
+
}, intl.get('e963051e-0127-45fe-a5e5-92da5938a8ff').d('添加筛选条件')), /*#__PURE__*/React.createElement(_Tooltip, tipTooltipOptionRest, showTooltipIcon && /*#__PURE__*/React.createElement("div", {
|
|
532
532
|
className: "".concat(searchBarprefixCls, "-filter-title-icon-wrapper")
|
|
533
533
|
}, /*#__PURE__*/React.createElement(QuestionCircleOutlined, {
|
|
534
534
|
className: "".concat(searchBarprefixCls, "-filter-title-icon")
|
|
@@ -553,7 +553,7 @@ SearchBar.propTypes = {
|
|
|
553
553
|
/**
|
|
554
554
|
* 设置高级筛选展开栏的搜索框排列,设置为inline时searchContent中的span失效,默认为单行显示,超出换行
|
|
555
555
|
*/
|
|
556
|
-
expandSearchArrange: PropTypes.oneOf([
|
|
556
|
+
expandSearchArrange: PropTypes.oneOf(['inline']),
|
|
557
557
|
/**
|
|
558
558
|
* 出现添加条件下拉可控制的条件,默认为6,即搜索框超过6个时出现添加条件
|
|
559
559
|
*/
|
|
@@ -624,7 +624,7 @@ SearchBar.propTypes = {
|
|
|
624
624
|
span: PropTypes.number,
|
|
625
625
|
showLabel: PropTypes.bool,
|
|
626
626
|
formAttribute: PropTypes.object,
|
|
627
|
-
labelDirection: PropTypes.oneOf([
|
|
627
|
+
labelDirection: PropTypes.oneOf(['column'])
|
|
628
628
|
})),
|
|
629
629
|
/**
|
|
630
630
|
* 搜索条件点击展示触发的回调
|