@para-ui/core 3.0.7 → 3.0.8
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/AutoTips/index.js +1 -1
- package/Form/index.js +1 -1
- package/FormItem/index.js +1 -1
- package/FunctionModal/index.js +2 -2
- package/Modal/index.js +1 -1
- package/README.md +8 -0
- package/Selector/index.js +319 -83
- package/Selector/interface.d.ts +38 -5
- package/Selector/lang/en_US.d.ts +2 -0
- package/Selector/lang/zh_CN.d.ts +2 -0
- package/SelectorPicker/index.js +2 -2
- package/Table/index.js +47 -12
- package/Table/interface.d.ts +4 -2
- package/Table/lang/en_US.d.ts +1 -0
- package/Table/lang/zh_CN.d.ts +1 -0
- package/Table/tableBodyInterface.d.ts +1 -1
- package/TextEditor/index.d.ts +2 -0
- package/TextEditor/index.js +86 -78
- package/_verture/{index-7b63f88e.js → index-2a854dc1.js} +0 -0
- package/_verture/{modalContext-4bce2dae.js → modalContext-44a724b5.js} +0 -0
- package/index.js +3 -2
- package/package.json +1 -1
package/Selector/index.js
CHANGED
|
@@ -10,6 +10,7 @@ import { Popover } from '../Popover/index.js';
|
|
|
10
10
|
import { Loading } from '../Loading/index.js';
|
|
11
11
|
import CloseIcon from '@para-ui/icons/Close';
|
|
12
12
|
import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
|
|
13
|
+
import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
|
|
13
14
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
14
15
|
import { Search } from '../Search/index.js';
|
|
15
16
|
import { Breadcrumbs } from '../Breadcrumbs/index.js';
|
|
@@ -17,7 +18,6 @@ import Empty from '../Empty/index.js';
|
|
|
17
18
|
import SearchIcon from '@para-ui/icons/Search';
|
|
18
19
|
import Refresh from '@para-ui/icons/Refresh';
|
|
19
20
|
import { ArrayToObject, Get, Post, Cancel } from '@paraview/lib';
|
|
20
|
-
import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
|
|
21
21
|
import { u as useGlobalProps } from '../_verture/useGlobalProps-af9a2af6.js';
|
|
22
22
|
import '../Label/index.js';
|
|
23
23
|
import '../Help/index.js';
|
|
@@ -27,6 +27,7 @@ import 'rc-tooltip/lib/placements';
|
|
|
27
27
|
import 'clsx';
|
|
28
28
|
import '@para-ui/icons/Help';
|
|
29
29
|
import '@para-ui/icons/LoadingF';
|
|
30
|
+
import '@para-ui/core/GlobalContext';
|
|
30
31
|
import '../TextField/index.js';
|
|
31
32
|
import '../_verture/typeof-498dd2b1.js';
|
|
32
33
|
import '@para-ui/icons/PreviewClose';
|
|
@@ -39,11 +40,37 @@ import 'rc-dropdown';
|
|
|
39
40
|
import '../Button/index.js';
|
|
40
41
|
import '@para-ui/icons/Forbid';
|
|
41
42
|
import '@para-ui/icons/Down';
|
|
42
|
-
import '@para-ui/core/GlobalContext';
|
|
43
43
|
import '@para-ui/icons/More';
|
|
44
44
|
import '@para-ui/icons/Return';
|
|
45
45
|
|
|
46
|
-
var
|
|
46
|
+
var en = {
|
|
47
|
+
root: 'root',
|
|
48
|
+
selectAll: 'Select all',
|
|
49
|
+
seeMore: 'See more',
|
|
50
|
+
selected: 'Selected',
|
|
51
|
+
pleaseEnter: 'Please enter',
|
|
52
|
+
searchResult: 'Search result',
|
|
53
|
+
detail: 'Details',
|
|
54
|
+
child: 'Level'
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
var zh = {
|
|
58
|
+
root: '根',
|
|
59
|
+
selectAll: '全选',
|
|
60
|
+
seeMore: '查看更多',
|
|
61
|
+
selected: '已选',
|
|
62
|
+
pleaseEnter: '请输入',
|
|
63
|
+
searchResult: '搜索结果',
|
|
64
|
+
detail: '详情',
|
|
65
|
+
child: '下级'
|
|
66
|
+
};
|
|
67
|
+
|
|
68
|
+
var localeJson = {
|
|
69
|
+
zh: zh,
|
|
70
|
+
en: en
|
|
71
|
+
};
|
|
72
|
+
|
|
73
|
+
var css_248z$3 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-selector-node {\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n}\n.paraui-v3-selector-node:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-selector-node > .selector-node-left {\n display: flex;\n align-items: center;\n flex: 1;\n overflow: hidden;\n padding-right: 16px;\n}\n.paraui-v3-selector-node > .selector-node-left > .selector-node-radio {\n margin-right: 8px;\n display: flex;\n align-items: center;\n padding: 0;\n}\n.paraui-v3-selector-node > .selector-node-left > .selector-node-radio .radio-box {\n top: 0;\n}\n.paraui-v3-selector-node > .selector-node-left > .selector-node-check {\n margin-right: 8px;\n display: flex;\n align-items: center;\n padding: 0;\n}\n.paraui-v3-selector-node > .selector-node-left > .selector-node-check .checkbox-box {\n top: 0;\n}\n.paraui-v3-selector-node > .selector-node-left > .node-img {\n display: inline-block;\n width: 30px;\n height: 30px;\n margin-right: 8px;\n}\n.paraui-v3-selector-node > .selector-node-left > .node-img img {\n width: 30px;\n height: 30px;\n border-radius: 50%;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-branch {\n height: 36px;\n padding: 0 16px;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-branch > .selector-node-left > .main-title {\n font-size: 14px;\n color: rgb(46, 55, 67);\n white-space: nowrap;\n height: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-branch > .selector-node-left > .sub-title {\n margin-left: 8px;\n font-size: 14px;\n color: rgba(46, 55, 67, 0.4);\n white-space: nowrap;\n height: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-branch > .selector-node-left > .tag {\n margin-left: 8px;\n background-color: rgba(54, 102, 214, 0.05);\n color: rgb(54, 102, 214);\n border-radius: 2px;\n font-size: 12px;\n padding: 0px 6px;\n white-space: nowrap;\n height: 17px;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-leaf {\n padding: 6px 16px;\n height: 48px;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-leaf > .selector-node-left > .title-box {\n flex: 1;\n overflow: hidden;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-leaf > .selector-node-left > .title-box > .main-title-box {\n display: flex;\n white-space: nowrap;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-leaf > .selector-node-left > .title-box > .main-title-box > .main-title {\n font-size: 14px;\n color: rgb(46, 55, 67);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-leaf > .selector-node-left > .title-box > .main-title-box > .tag {\n margin-left: 8px;\n background-color: rgba(54, 102, 214, 0.05);\n color: rgb(54, 102, 214);\n border-radius: 2px;\n font-size: 12px;\n padding: 1px 6px;\n white-space: nowrap;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-leaf > .selector-node-left > .title-box > .sub-title {\n font-size: 12px;\n color: rgba(46, 55, 67, 0.4);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v3-selector-node > .selector-node-right {\n display: flex;\n align-items: center;\n height: 100%;\n}\n.paraui-v3-selector-node > .selector-node-right > .detail {\n font-size: 14px;\n color: rgb(54, 102, 214);\n white-space: nowrap;\n padding: 0 4px;\n cursor: pointer;\n height: 24px;\n line-height: 24px;\n border-radius: 2px;\n}\n.paraui-v3-selector-node > .selector-node-right > .detail:hover {\n background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-selector-node > .selector-node-right > .line {\n border-left: 1px solid rgba(171, 176, 185, 0.2);\n margin: 0 8px;\n content: \"\";\n display: inline-block;\n height: 12px;\n}\n.paraui-v3-selector-node > .selector-node-right > .lower-child {\n font-size: 14px;\n color: rgb(54, 102, 214);\n white-space: nowrap;\n padding: 0 4px;\n cursor: pointer;\n height: 24px;\n line-height: 24px;\n border-radius: 2px;\n}\n.paraui-v3-selector-node > .selector-node-right > .lower-child:hover {\n background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-selector-node > .selector-node-right > .close {\n display: flex;\n align-items: center;\n color: rgb(54, 102, 214);\n white-space: nowrap;\n padding: 0 4px;\n cursor: pointer;\n height: 24px;\n line-height: 24px;\n border-radius: 2px;\n}\n.paraui-v3-selector-node > .selector-node-right > .close:hover {\n background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-selector-node > .selector-node-right > .close:hover > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-selector-node > .selector-node-right > .close > svg {\n font-size: 16px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-edit > .selector-node-right > .detail, .paraui-v3-selector-node.paraui-v3-selector-node-edit > .selector-node-right > .lower-child {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-edit > .selector-node-right > .detail:hover, .paraui-v3-selector-node.paraui-v3-selector-node-edit > .selector-node-right > .lower-child:hover {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-disabled {\n cursor: not-allowed;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-disabled.paraui-v3-selector-node-branch > .selector-node-left > .main-title {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-disabled.paraui-v3-selector-node-leaf > .selector-node-left > .title-box > .main-title-box > .main-title {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-disabled > .selector-node-right > .lower-child {\n cursor: not-allowed;\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-disabled-child > .selector-node-right > .lower-child {\n cursor: not-allowed;\n color: rgba(46, 55, 67, 0.4);\n}\n\n.paraui-v3-selector-detail .selector-detail-popover-content.selector-detail-popover-content-loading {\n min-width: 100px;\n min-height: 50px;\n}";
|
|
47
74
|
styleInject(css_248z$3);
|
|
48
75
|
|
|
49
76
|
var SelectorNode = function SelectorNode(props) {
|
|
@@ -65,9 +92,11 @@ var SelectorNode = function SelectorNode(props) {
|
|
|
65
92
|
checked = props.checked,
|
|
66
93
|
indeterminate = props.indeterminate,
|
|
67
94
|
disabled = props.disabled,
|
|
95
|
+
disabledChild = props.disabledChild,
|
|
68
96
|
onLevel = props.onLevel,
|
|
69
97
|
onSelect = props.onSelect,
|
|
70
98
|
onClose = props.onClose;
|
|
99
|
+
var intl = useFormatMessage('Selector', localeJson);
|
|
71
100
|
|
|
72
101
|
var _useState = useState(),
|
|
73
102
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -93,7 +122,7 @@ var SelectorNode = function SelectorNode(props) {
|
|
|
93
122
|
|
|
94
123
|
var onLevelBtn = function onLevelBtn(e) {
|
|
95
124
|
e.stopPropagation();
|
|
96
|
-
if (disabled) return;
|
|
125
|
+
if (disabled || disabledChild) return;
|
|
97
126
|
onLevel && onLevel();
|
|
98
127
|
};
|
|
99
128
|
/** 点击详情 */
|
|
@@ -217,7 +246,9 @@ var SelectorNode = function SelectorNode(props) {
|
|
|
217
246
|
className: "detail",
|
|
218
247
|
onClick: onClickDetail
|
|
219
248
|
}, {
|
|
220
|
-
children:
|
|
249
|
+
children: intl({
|
|
250
|
+
id: 'detail'
|
|
251
|
+
})
|
|
221
252
|
}))
|
|
222
253
|
}));
|
|
223
254
|
};
|
|
@@ -275,6 +306,7 @@ var SelectorNode = function SelectorNode(props) {
|
|
|
275
306
|
str += " ".concat($prefixCls, "-selector-node-").concat(useCase);
|
|
276
307
|
str += " ".concat($prefixCls, "-selector-node-").concat(nodeMode);
|
|
277
308
|
if (disabled) str += " ".concat($prefixCls, "-selector-node-disabled");
|
|
309
|
+
if (disabledChild) str += " ".concat($prefixCls, "-selector-node-disabled-child");
|
|
278
310
|
if (className) str += ' ' + className;
|
|
279
311
|
return str;
|
|
280
312
|
};
|
|
@@ -297,7 +329,9 @@ var SelectorNode = function SelectorNode(props) {
|
|
|
297
329
|
className: "lower-child",
|
|
298
330
|
onClick: onLevelBtn
|
|
299
331
|
}, {
|
|
300
|
-
children:
|
|
332
|
+
children: intl({
|
|
333
|
+
id: 'child'
|
|
334
|
+
})
|
|
301
335
|
})), detail && close && jsx("span", {
|
|
302
336
|
className: "line"
|
|
303
337
|
}), close && jsx("span", Object.assign({
|
|
@@ -310,30 +344,7 @@ var SelectorNode = function SelectorNode(props) {
|
|
|
310
344
|
}));
|
|
311
345
|
};
|
|
312
346
|
|
|
313
|
-
var
|
|
314
|
-
root: 'root',
|
|
315
|
-
selectAll: 'Select all',
|
|
316
|
-
seeMore: 'See more',
|
|
317
|
-
selected: 'Selected',
|
|
318
|
-
pleaseEnter: 'Please enter',
|
|
319
|
-
searchResult: 'Search result'
|
|
320
|
-
};
|
|
321
|
-
|
|
322
|
-
var zh = {
|
|
323
|
-
root: '根',
|
|
324
|
-
selectAll: '全选',
|
|
325
|
-
seeMore: '查看更多',
|
|
326
|
-
selected: '已选',
|
|
327
|
-
pleaseEnter: '请输入',
|
|
328
|
-
searchResult: '搜索结果'
|
|
329
|
-
};
|
|
330
|
-
|
|
331
|
-
var localeJson = {
|
|
332
|
-
zh: zh,
|
|
333
|
-
en: en
|
|
334
|
-
};
|
|
335
|
-
|
|
336
|
-
var css_248z$2 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-selector-main {\n padding: 16px 0 0 0;\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n}\n.paraui-v3-selector-main > .selectot-main-search {\n padding: 0 16px;\n margin-bottom: 16px;\n}\n.paraui-v3-selector-main > .selector-main-box {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .nav-box {\n padding: 0 16px;\n margin-bottom: 12px;\n line-height: 0;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list {\n flex: 1;\n overflow-y: auto;\n padding-bottom: 16px;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-no-data {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-all-check + .selector-group-title.selector-group-title-first {\n margin-top: 4px;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-group-title {\n padding: 0 12px;\n margin-top: 24px;\n margin-bottom: 12px;\n font-size: 14px;\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-group-title.selector-group-title-first {\n margin-top: 0;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-more {\n padding: 0 16px;\n cursor: pointer;\n font-size: 14px;\n color: rgb(54, 102, 214);\n line-height: 36px;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-more:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content.selector-main-search-content {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: white;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content.selector-main-search-content > .selector-main-list {\n padding-bottom: 16px;\n}\n.paraui-v3-selector-main.paraui-v3-selector-main-select > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-more {\n padding-left: 38px;\n}\n.paraui-v3-selector-main.paraui-v3-selector-main-show-search > .selector-main-box {\n height: calc(100% - 52px);\n}\n.paraui-v3-selector-main.paraui-v3-selector-main-show-search > .selector-main-box > .selector-main-content.selector-main-list-box {\n display: none;\n}\n.paraui-v3-selector-main.paraui-v3-selector-main-search > .selector-main-box {\n height: calc(100% - 52px);\n}";
|
|
347
|
+
var css_248z$2 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-selector-main {\n padding: 16px 0 0 0;\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n}\n.paraui-v3-selector-main > .selectot-main-search {\n padding: 0 16px;\n margin-bottom: 16px;\n}\n.paraui-v3-selector-main > .selector-main-box {\n position: relative;\n width: 100%;\n height: 100%;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .nav-box {\n padding: 0 16px;\n margin-bottom: 12px;\n line-height: 0;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list-no-data {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list {\n flex: 1;\n overflow-y: hidden;\n padding-bottom: 16px;\n display: flex;\n flex-direction: column;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-all-check {\n position: relative;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-all-check + .selector-group-title.selector-group-title-first {\n margin-top: 4px;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content {\n overflow-y: hidden;\n position: relative;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content:before {\n content: \"\";\n position: absolute;\n height: 36px;\n width: 100%;\n pointer-events: none;\n top: 0;\n left: 0;\n z-index: 1;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content:after {\n content: \"\";\n position: absolute;\n height: 36px;\n width: 100%;\n pointer-events: none;\n bottom: 0;\n left: 0;\n z-index: 1;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content.selector-main-list-scroll-top:after {\n box-shadow: inset 0px -10px 10px -8px rgba(0, 0, 0, 0.05);\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content.selector-main-list-scroll-middle:before {\n box-shadow: inset 0px 10px 10px -8px rgba(0, 0, 0, 0.05);\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content.selector-main-list-scroll-middle:after {\n box-shadow: inset 0px -10px 10px -8px rgba(0, 0, 0, 0.05);\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content.selector-main-list-scroll-bottom:before {\n box-shadow: inset 0px 10px 10px -8px rgba(0, 0, 0, 0.05);\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content > .selector-main-list-content-box {\n height: 100%;\n overflow-y: auto;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content > .selector-main-list-content-box > .selector-group-title {\n padding: 0 12px;\n margin-top: 24px;\n margin-bottom: 12px;\n font-size: 14px;\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-content > .selector-main-list-content-box > .selector-group-title.selector-group-title-first {\n margin-top: 0;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-more {\n padding: 0 16px;\n cursor: pointer;\n font-size: 14px;\n color: rgb(54, 102, 214);\n line-height: 36px;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-more:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content.selector-main-search-content {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: white;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content.selector-main-search-content > .selector-main-list {\n padding-bottom: 16px;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content.selector-main-content-all-check > .selector-main-list > .selector-main-list-content {\n max-height: calc(100% - 36px);\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content.selector-main-content-load-more > .selector-main-list > .selector-main-list-content {\n max-height: calc(100% - 36px);\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content.selector-main-content-all-check.selector-main-content-load-more > .selector-main-list > .selector-main-list-content {\n max-height: calc(100% - 36px - 36px);\n}\n.paraui-v3-selector-main.paraui-v3-selector-main-select > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-more {\n padding-left: 38px;\n}\n.paraui-v3-selector-main.paraui-v3-selector-main-show-search > .selector-main-box {\n height: calc(100% - 52px);\n}\n.paraui-v3-selector-main.paraui-v3-selector-main-show-search > .selector-main-box > .selector-main-content.selector-main-list-box {\n display: none;\n}\n.paraui-v3-selector-main.paraui-v3-selector-main-search > .selector-main-box {\n height: calc(100% - 52px);\n}";
|
|
337
348
|
styleInject(css_248z$2);
|
|
338
349
|
|
|
339
350
|
var SelectorMainContent = function SelectorMainContent(props) {
|
|
@@ -359,6 +370,7 @@ var SelectorMainContent = function SelectorMainContent(props) {
|
|
|
359
370
|
breadcrumbsList = _props$breadcrumbsLis === void 0 ? [] : _props$breadcrumbsLis,
|
|
360
371
|
fieldConfig = props.fieldConfig,
|
|
361
372
|
disabled = props.disabled,
|
|
373
|
+
disabledChild = props.disabledChild,
|
|
362
374
|
emptyProps = props.emptyProps,
|
|
363
375
|
loading = props.loading,
|
|
364
376
|
onClickBreadcrumbs = props.onClickBreadcrumbs,
|
|
@@ -375,10 +387,19 @@ var SelectorMainContent = function SelectorMainContent(props) {
|
|
|
375
387
|
|
|
376
388
|
var constData = useRef({
|
|
377
389
|
listTypeJson: {},
|
|
378
|
-
fieldConfig: {}
|
|
390
|
+
fieldConfig: {},
|
|
391
|
+
resizeTimer: null
|
|
379
392
|
});
|
|
393
|
+
var scrolltRef = useRef(null);
|
|
394
|
+
var contentRef = useRef(null);
|
|
380
395
|
constData.current.listTypeJson = ArrayToObject('value', groupType);
|
|
381
396
|
constData.current.fieldConfig = fieldConfig || {};
|
|
397
|
+
useEffect(function () {
|
|
398
|
+
changeResize();
|
|
399
|
+
return function () {
|
|
400
|
+
clearTimeout(constData.current.resizeTimer);
|
|
401
|
+
};
|
|
402
|
+
}, []);
|
|
382
403
|
useEffect(function () {
|
|
383
404
|
if (list && groupType && groupType.length > 0) {
|
|
384
405
|
var json = {};
|
|
@@ -393,8 +414,41 @@ var SelectorMainContent = function SelectorMainContent(props) {
|
|
|
393
414
|
setListCom(json);
|
|
394
415
|
}
|
|
395
416
|
}, [list]);
|
|
417
|
+
/** 屏幕发生改变 */
|
|
418
|
+
|
|
419
|
+
var changeResize = function changeResize() {
|
|
420
|
+
clearTimeout(constData.current.resizeTimer);
|
|
421
|
+
constData.current.resizeTimer = setTimeout(function () {
|
|
422
|
+
onScroll();
|
|
423
|
+
}, 100);
|
|
424
|
+
};
|
|
425
|
+
/** 滚动 */
|
|
426
|
+
|
|
427
|
+
|
|
428
|
+
var onScroll = function onScroll() {
|
|
429
|
+
if (!contentRef.current || !scrolltRef.current) return;
|
|
430
|
+
var scrollBox = scrolltRef.current;
|
|
431
|
+
var contentBox = contentRef.current;
|
|
432
|
+
contentBox.classList.remove('selector-main-list-scroll-top', 'selector-main-list-scroll-bottom', 'selector-main-list-scroll-middle');
|
|
433
|
+
if (scrollBox.scrollHeight <= scrollBox.clientHeight) return; // 滚动条初始化
|
|
434
|
+
|
|
435
|
+
if (scrollBox.scrollTop === 0) {
|
|
436
|
+
contentBox.classList.add('selector-main-list-scroll-top');
|
|
437
|
+
return;
|
|
438
|
+
} // 滚动到底部
|
|
439
|
+
|
|
440
|
+
|
|
441
|
+
if (scrollBox.clientHeight + scrollBox.scrollTop === scrollBox.scrollHeight) {
|
|
442
|
+
contentBox.classList.add('selector-main-list-scroll-bottom');
|
|
443
|
+
return;
|
|
444
|
+
} // 滚动条在中间
|
|
445
|
+
|
|
446
|
+
|
|
447
|
+
contentBox.classList.add('selector-main-list-scroll-middle');
|
|
448
|
+
};
|
|
396
449
|
/** 判断是否全选,半选 */
|
|
397
450
|
|
|
451
|
+
|
|
398
452
|
var handAllCheckFunc = function handAllCheckFunc() {
|
|
399
453
|
var json = {
|
|
400
454
|
checked: false,
|
|
@@ -451,6 +505,23 @@ var SelectorMainContent = function SelectorMainContent(props) {
|
|
|
451
505
|
if (item.disabled) return true;
|
|
452
506
|
return false;
|
|
453
507
|
};
|
|
508
|
+
/** 处理禁用下级状态 */
|
|
509
|
+
|
|
510
|
+
|
|
511
|
+
var handDisabledChild = function handDisabledChild(item) {
|
|
512
|
+
if (disabledChild) {
|
|
513
|
+
if (disabledChild === true) return true;
|
|
514
|
+
|
|
515
|
+
if (disabledChild instanceof Array) {
|
|
516
|
+
if (item.key && disabledChild.indexOf(item.key) !== -1) {
|
|
517
|
+
return true;
|
|
518
|
+
}
|
|
519
|
+
}
|
|
520
|
+
}
|
|
521
|
+
|
|
522
|
+
if (item.disabledChild) return true;
|
|
523
|
+
return false;
|
|
524
|
+
};
|
|
454
525
|
/** 全选 */
|
|
455
526
|
|
|
456
527
|
|
|
@@ -518,6 +589,7 @@ var SelectorMainContent = function SelectorMainContent(props) {
|
|
|
518
589
|
detail: detail,
|
|
519
590
|
nodeMode: nodeMode,
|
|
520
591
|
disabled: handDisabled(item),
|
|
592
|
+
disabledChild: handDisabledChild(item),
|
|
521
593
|
onLevel: function onLevel() {
|
|
522
594
|
return _onLevel && _onLevel(item);
|
|
523
595
|
},
|
|
@@ -660,26 +732,38 @@ var SelectorMainContent = function SelectorMainContent(props) {
|
|
|
660
732
|
}));
|
|
661
733
|
}
|
|
662
734
|
|
|
663
|
-
return jsxs(
|
|
664
|
-
|
|
665
|
-
}
|
|
735
|
+
return jsxs("div", Object.assign({
|
|
736
|
+
className: "selector-main-list"
|
|
737
|
+
}, {
|
|
738
|
+
children: [handAllCheck(), jsx("div", Object.assign({
|
|
739
|
+
className: "selector-main-list-content",
|
|
740
|
+
ref: contentRef
|
|
741
|
+
}, {
|
|
742
|
+
children: jsx("div", Object.assign({
|
|
743
|
+
className: "selector-main-list-content-box",
|
|
744
|
+
ref: scrolltRef,
|
|
745
|
+
onScroll: onScroll
|
|
746
|
+
}, {
|
|
747
|
+
children: handNode()
|
|
748
|
+
}))
|
|
749
|
+
})), handLoadMore()]
|
|
750
|
+
}));
|
|
666
751
|
};
|
|
667
752
|
|
|
668
753
|
var handClass = function handClass() {
|
|
669
754
|
var str = 'selector-main-content';
|
|
670
755
|
if (className) str += ' ' + className;
|
|
671
756
|
if (disabled) str += ' selector-main-content-disabled';
|
|
757
|
+
if (isAllCheck && selectMode === "check") str += ' selector-main-content-all-check';
|
|
758
|
+
if (loadMore) str += ' selector-main-content-load-more';
|
|
672
759
|
return str;
|
|
673
760
|
};
|
|
674
761
|
|
|
762
|
+
changeResize();
|
|
675
763
|
return jsxs("div", Object.assign({
|
|
676
764
|
className: handClass()
|
|
677
765
|
}, {
|
|
678
|
-
children: [handBreadcrumbs(),
|
|
679
|
-
className: "selector-main-list"
|
|
680
|
-
}, {
|
|
681
|
-
children: handContent()
|
|
682
|
-
}))]
|
|
766
|
+
children: [handBreadcrumbs(), handContent()]
|
|
683
767
|
}));
|
|
684
768
|
};
|
|
685
769
|
|
|
@@ -694,9 +778,12 @@ var SelectorMain = function SelectorMain(props) {
|
|
|
694
778
|
selectMode = props.selectMode,
|
|
695
779
|
_props$loadMore2 = props.loadMore,
|
|
696
780
|
loadMore = _props$loadMore2 === void 0 ? false : _props$loadMore2,
|
|
781
|
+
_props$searchLoadMore = props.searchLoadMore,
|
|
782
|
+
searchLoadMore = _props$searchLoadMore === void 0 ? false : _props$searchLoadMore,
|
|
697
783
|
_props$isAllCheck2 = props.isAllCheck,
|
|
698
784
|
isAllCheck = _props$isAllCheck2 === void 0 ? false : _props$isAllCheck2,
|
|
699
785
|
disabled = props.disabled,
|
|
786
|
+
disabledChild = props.disabledChild,
|
|
700
787
|
detail = props.detail,
|
|
701
788
|
detailRender = props.detailRender,
|
|
702
789
|
isLazy = props.isLazy,
|
|
@@ -823,6 +910,17 @@ var SelectorMain = function SelectorMain(props) {
|
|
|
823
910
|
onLevel && onLevel(item, isSearch);
|
|
824
911
|
};
|
|
825
912
|
};
|
|
913
|
+
/**
|
|
914
|
+
* 加载更多
|
|
915
|
+
* @param isSearch {boolean} 是否搜索
|
|
916
|
+
* */
|
|
917
|
+
|
|
918
|
+
|
|
919
|
+
var onLoadCom = function onLoadCom(isSearch) {
|
|
920
|
+
return function () {
|
|
921
|
+
onLoad && onLoad(isSearch);
|
|
922
|
+
};
|
|
923
|
+
};
|
|
826
924
|
/** 渲染列表 */
|
|
827
925
|
|
|
828
926
|
|
|
@@ -836,6 +934,7 @@ var SelectorMain = function SelectorMain(props) {
|
|
|
836
934
|
loadMore: loadMore,
|
|
837
935
|
isAllCheck: isAllCheck,
|
|
838
936
|
disabled: disabled,
|
|
937
|
+
disabledChild: disabledChild,
|
|
839
938
|
detail: detail,
|
|
840
939
|
detailRender: detailRender,
|
|
841
940
|
isLazy: isLazy,
|
|
@@ -849,7 +948,7 @@ var SelectorMain = function SelectorMain(props) {
|
|
|
849
948
|
onClickBreadcrumbs: onClickBreadcrumbs,
|
|
850
949
|
onLevel: onLevelCom(false),
|
|
851
950
|
onSelect: onSelect,
|
|
852
|
-
onLoad:
|
|
951
|
+
onLoad: onLoadCom(false),
|
|
853
952
|
onAllCheck: onAllCheck
|
|
854
953
|
}, "list");
|
|
855
954
|
};
|
|
@@ -864,18 +963,20 @@ var SelectorMain = function SelectorMain(props) {
|
|
|
864
963
|
rowKey: rowKey,
|
|
865
964
|
nodeMode: nodeMode,
|
|
866
965
|
selectMode: selectMode,
|
|
867
|
-
loadMore:
|
|
966
|
+
loadMore: searchLoadMore,
|
|
868
967
|
isAllCheck: false,
|
|
869
968
|
disabled: disabled,
|
|
969
|
+
disabledChild: disabledChild,
|
|
870
970
|
detail: detail,
|
|
871
971
|
detailRender: detailRender,
|
|
872
|
-
isLazy:
|
|
972
|
+
isLazy: isLazy,
|
|
873
973
|
list: searchList,
|
|
874
974
|
groupType: groupRange === 'search' || groupRange === 'searchList' ? groupType : undefined,
|
|
875
975
|
fieldConfig: fieldConfig,
|
|
876
976
|
loading: searchLoading,
|
|
877
977
|
onSelect: onSelect,
|
|
878
|
-
onLevel: onLevelCom(true)
|
|
978
|
+
onLevel: onLevelCom(true),
|
|
979
|
+
onLoad: onLoadCom(true)
|
|
879
980
|
}, "search");
|
|
880
981
|
};
|
|
881
982
|
/** 处理loading */
|
|
@@ -1201,6 +1302,7 @@ var Selector = function Selector(props) {
|
|
|
1201
1302
|
_useGlobalProps$isAll = _useGlobalProps.isAllCheck,
|
|
1202
1303
|
isAllCheck = _useGlobalProps$isAll === void 0 ? true : _useGlobalProps$isAll,
|
|
1203
1304
|
disabled = _useGlobalProps.disabled,
|
|
1305
|
+
disabledChild = _useGlobalProps.disabledChild,
|
|
1204
1306
|
detail = _useGlobalProps.detail,
|
|
1205
1307
|
detailRender = _useGlobalProps.detailRender,
|
|
1206
1308
|
backDataFieldConfig = _useGlobalProps.backDataFieldConfig,
|
|
@@ -1277,15 +1379,21 @@ var Selector = function Selector(props) {
|
|
|
1277
1379
|
setSearchList = _useState16[1]; // 搜索数据
|
|
1278
1380
|
|
|
1279
1381
|
|
|
1280
|
-
var _useState17 = useState(
|
|
1382
|
+
var _useState17 = useState(false),
|
|
1281
1383
|
_useState18 = _slicedToArray(_useState17, 2),
|
|
1282
|
-
|
|
1283
|
-
|
|
1384
|
+
searchLoadMore = _useState18[0],
|
|
1385
|
+
setSearchLoadMore = _useState18[1]; // 是否显示搜索的加载更多按钮
|
|
1386
|
+
|
|
1284
1387
|
|
|
1285
|
-
var _useState19 = useState(),
|
|
1388
|
+
var _useState19 = useState(true),
|
|
1286
1389
|
_useState20 = _slicedToArray(_useState19, 2),
|
|
1287
|
-
|
|
1288
|
-
|
|
1390
|
+
loadingCom = _useState20[0],
|
|
1391
|
+
setLoadingCom = _useState20[1];
|
|
1392
|
+
|
|
1393
|
+
var _useState21 = useState(),
|
|
1394
|
+
_useState22 = _slicedToArray(_useState21, 2),
|
|
1395
|
+
refreshCom = _useState22[0],
|
|
1396
|
+
setRefreshCom = _useState22[1];
|
|
1289
1397
|
|
|
1290
1398
|
var constData = useRef({
|
|
1291
1399
|
/** 对象集合 所有的 */
|
|
@@ -1329,7 +1437,17 @@ var Selector = function Selector(props) {
|
|
|
1329
1437
|
searchVal: '',
|
|
1330
1438
|
|
|
1331
1439
|
/** 搜索点了下级,记录搜索前的面包屑,null说明没有储存过 */
|
|
1332
|
-
beforeSearchBreadcrumbs: null
|
|
1440
|
+
beforeSearchBreadcrumbs: null,
|
|
1441
|
+
|
|
1442
|
+
/** 搜索配置 */
|
|
1443
|
+
searchConfig: {
|
|
1444
|
+
page: 1,
|
|
1445
|
+
size: 10,
|
|
1446
|
+
reqId: Math.random().toString(),
|
|
1447
|
+
|
|
1448
|
+
/** 当前页数据源 本地数据为当前页所有的数据,请求数据为当前展示的数据 */
|
|
1449
|
+
currentSourceData: []
|
|
1450
|
+
}
|
|
1333
1451
|
}); // 常量
|
|
1334
1452
|
|
|
1335
1453
|
constData.current.reqParams.size = size;
|
|
@@ -1446,6 +1564,7 @@ var Selector = function Selector(props) {
|
|
|
1446
1564
|
tag: item[fieldConfigHand.tag],
|
|
1447
1565
|
children: [],
|
|
1448
1566
|
disabled: false,
|
|
1567
|
+
disabledChild: false,
|
|
1449
1568
|
choice: selectMode !== undefined,
|
|
1450
1569
|
detail: detail,
|
|
1451
1570
|
leaf: nodeMode === 'leaf',
|
|
@@ -1549,15 +1668,13 @@ var Selector = function Selector(props) {
|
|
|
1549
1668
|
break;
|
|
1550
1669
|
}
|
|
1551
1670
|
|
|
1552
|
-
setLoadingCom(false);
|
|
1671
|
+
setLoadingCom(false);
|
|
1553
1672
|
|
|
1554
|
-
if (
|
|
1555
|
-
|
|
1556
|
-
|
|
1557
|
-
|
|
1558
|
-
|
|
1559
|
-
if (constData.current.page !== 1) constData.current.page = constData.current.page - 1;
|
|
1560
|
-
}
|
|
1673
|
+
if (constData.current.reqParams.isLazy) {
|
|
1674
|
+
// 懒加载
|
|
1675
|
+
if (constData.current.reqParams.pagination) {
|
|
1676
|
+
// 分页 第一页不处理
|
|
1677
|
+
if (constData.current.page !== 1) constData.current.page = constData.current.page - 1;
|
|
1561
1678
|
}
|
|
1562
1679
|
}
|
|
1563
1680
|
|
|
@@ -1571,7 +1688,7 @@ var Selector = function Selector(props) {
|
|
|
1571
1688
|
|
|
1572
1689
|
props.requestCallback(data, function (handData) {
|
|
1573
1690
|
setLoadingCom(false);
|
|
1574
|
-
handReqData(
|
|
1691
|
+
handReqData(handData);
|
|
1575
1692
|
});
|
|
1576
1693
|
return _context.abrupt("return");
|
|
1577
1694
|
|
|
@@ -1961,7 +2078,14 @@ var Selector = function Selector(props) {
|
|
|
1961
2078
|
/** 点击查看更多 */
|
|
1962
2079
|
|
|
1963
2080
|
|
|
1964
|
-
var onLoadCom = function onLoadCom() {
|
|
2081
|
+
var onLoadCom = function onLoadCom(isSearch) {
|
|
2082
|
+
if (isSearch) {
|
|
2083
|
+
// 搜索
|
|
2084
|
+
constData.current.searchConfig.page = constData.current.searchConfig.page + 1;
|
|
2085
|
+
reqSearch();
|
|
2086
|
+
return;
|
|
2087
|
+
}
|
|
2088
|
+
|
|
1965
2089
|
constData.current.page = constData.current.page + 1;
|
|
1966
2090
|
setRefreshCom(Math.random());
|
|
1967
2091
|
};
|
|
@@ -2072,22 +2196,143 @@ var Selector = function Selector(props) {
|
|
|
2072
2196
|
|
|
2073
2197
|
handInitCurrent();
|
|
2074
2198
|
};
|
|
2199
|
+
/** 处理搜索的请求 */
|
|
2200
|
+
|
|
2201
|
+
|
|
2202
|
+
var handSearchData = function handSearchData(resultData) {
|
|
2203
|
+
if (constData.current.reqParams.pagination) {
|
|
2204
|
+
// 分页
|
|
2205
|
+
var result = resultData.data || {};
|
|
2206
|
+
var arr = result.list || [];
|
|
2207
|
+
var total = result.total;
|
|
2208
|
+
var arrHand = convertTree(arr, true, true);
|
|
2209
|
+
var currentD = [].concat(_toConsumableArray(constData.current.searchConfig.currentSourceData), _toConsumableArray(arrHand));
|
|
2210
|
+
constData.current.searchConfig.currentSourceData = currentD;
|
|
2211
|
+
setSearchList(currentD);
|
|
2212
|
+
|
|
2213
|
+
if (constData.current.searchConfig.page * constData.current.searchConfig.size >= total) {
|
|
2214
|
+
setSearchLoadMore(false);
|
|
2215
|
+
} else {
|
|
2216
|
+
setSearchLoadMore(true);
|
|
2217
|
+
}
|
|
2218
|
+
} else {
|
|
2219
|
+
// 不分页 必须返回平铺的数组
|
|
2220
|
+
var _arr3 = resultData.data || [];
|
|
2221
|
+
|
|
2222
|
+
var treeData = convertTree(_arr3, true, true);
|
|
2223
|
+
constData.current.currentSourceData = treeData;
|
|
2224
|
+
setSearchList(treeData);
|
|
2225
|
+
}
|
|
2226
|
+
};
|
|
2227
|
+
/** 处理搜索接口 */
|
|
2228
|
+
|
|
2229
|
+
|
|
2230
|
+
var handReqSearchResult = function handReqSearchResult(result) {
|
|
2231
|
+
var data = result.data,
|
|
2232
|
+
err = result.err;
|
|
2233
|
+
|
|
2234
|
+
if (err) {
|
|
2235
|
+
setSearchLoading(false);
|
|
2236
|
+
|
|
2237
|
+
if (constData.current.reqParams.pagination) {
|
|
2238
|
+
// 分页 第一页不处理
|
|
2239
|
+
if (constData.current.searchConfig.page !== 1) constData.current.searchConfig.page = constData.current.searchConfig.page - 1;
|
|
2240
|
+
}
|
|
2241
|
+
|
|
2242
|
+
return;
|
|
2243
|
+
}
|
|
2244
|
+
|
|
2245
|
+
if (props.requestCallback) {
|
|
2246
|
+
props.requestCallback(data, function (handData) {
|
|
2247
|
+
setSearchLoading(false);
|
|
2248
|
+
handSearchData(handData);
|
|
2249
|
+
}, true);
|
|
2250
|
+
return;
|
|
2251
|
+
}
|
|
2252
|
+
|
|
2253
|
+
setSearchLoading(false);
|
|
2254
|
+
handSearchData(data);
|
|
2255
|
+
};
|
|
2256
|
+
/** 搜索请求 */
|
|
2257
|
+
|
|
2258
|
+
|
|
2259
|
+
var reqSearch = function reqSearch() {
|
|
2260
|
+
return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee4() {
|
|
2261
|
+
var reqParams, _result, obj, result;
|
|
2262
|
+
|
|
2263
|
+
return regenerator.wrap(function _callee4$(_context4) {
|
|
2264
|
+
while (1) {
|
|
2265
|
+
switch (_context4.prev = _context4.next) {
|
|
2266
|
+
case 0:
|
|
2267
|
+
if (!onSearch) {
|
|
2268
|
+
_context4.next = 9;
|
|
2269
|
+
break;
|
|
2270
|
+
}
|
|
2271
|
+
|
|
2272
|
+
setSearchLoading(true);
|
|
2273
|
+
reqParams = {};
|
|
2274
|
+
|
|
2275
|
+
if (constData.current.reqParams.pagination) {
|
|
2276
|
+
reqParams.size = constData.current.searchConfig.size;
|
|
2277
|
+
reqParams.page = constData.current.searchConfig.page;
|
|
2278
|
+
}
|
|
2279
|
+
|
|
2280
|
+
_context4.next = 6;
|
|
2281
|
+
return onSearch(constData.current.searchVal, reqParams);
|
|
2282
|
+
|
|
2283
|
+
case 6:
|
|
2284
|
+
_result = _context4.sent;
|
|
2285
|
+
handReqSearchResult(_result);
|
|
2286
|
+
return _context4.abrupt("return");
|
|
2287
|
+
|
|
2288
|
+
case 9:
|
|
2289
|
+
obj = {
|
|
2290
|
+
method: method,
|
|
2291
|
+
url: props.url || '',
|
|
2292
|
+
ctx: ctx,
|
|
2293
|
+
uuid: constData.current.reqId,
|
|
2294
|
+
data: Object.assign({
|
|
2295
|
+
searchKey: constData.current.searchVal
|
|
2296
|
+
}, props.params)
|
|
2297
|
+
};
|
|
2298
|
+
|
|
2299
|
+
if (constData.current.reqParams.pagination) {
|
|
2300
|
+
obj.data.size = constData.current.searchConfig.size;
|
|
2301
|
+
obj.data.page = constData.current.searchConfig.page;
|
|
2302
|
+
}
|
|
2303
|
+
|
|
2304
|
+
obj = props.paramsCallback ? props.paramsCallback(obj, true) : obj;
|
|
2305
|
+
setSearchLoadMore(true);
|
|
2306
|
+
_context4.next = 15;
|
|
2307
|
+
return reqFunc(obj);
|
|
2308
|
+
|
|
2309
|
+
case 15:
|
|
2310
|
+
result = _context4.sent;
|
|
2311
|
+
handReqSearchResult(result);
|
|
2312
|
+
|
|
2313
|
+
case 17:
|
|
2314
|
+
case "end":
|
|
2315
|
+
return _context4.stop();
|
|
2316
|
+
}
|
|
2317
|
+
}
|
|
2318
|
+
}, _callee4);
|
|
2319
|
+
}));
|
|
2320
|
+
};
|
|
2075
2321
|
/** 搜索回调
|
|
2076
2322
|
* @param bol 搜索框为空的情况下,触发搜索
|
|
2077
2323
|
* */
|
|
2078
2324
|
|
|
2079
2325
|
|
|
2080
2326
|
var onSearchCom = function onSearchCom(val, bol) {
|
|
2081
|
-
return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function
|
|
2082
|
-
|
|
2083
|
-
return regenerator.wrap(function _callee4$(_context4) {
|
|
2327
|
+
return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee5() {
|
|
2328
|
+
return regenerator.wrap(function _callee5$(_context5) {
|
|
2084
2329
|
while (1) {
|
|
2085
|
-
switch (
|
|
2330
|
+
switch (_context5.prev = _context5.next) {
|
|
2086
2331
|
case 0:
|
|
2087
2332
|
constData.current.searchVal = val;
|
|
2088
2333
|
|
|
2089
2334
|
if (!(val === '')) {
|
|
2090
|
-
|
|
2335
|
+
_context5.next = 7;
|
|
2091
2336
|
break;
|
|
2092
2337
|
}
|
|
2093
2338
|
|
|
@@ -2107,30 +2352,19 @@ var Selector = function Selector(props) {
|
|
|
2107
2352
|
refreshFunc();
|
|
2108
2353
|
}
|
|
2109
2354
|
|
|
2110
|
-
return
|
|
2355
|
+
return _context5.abrupt("return");
|
|
2111
2356
|
|
|
2112
2357
|
case 7:
|
|
2113
|
-
|
|
2114
|
-
|
|
2115
|
-
|
|
2116
|
-
}
|
|
2117
|
-
|
|
2118
|
-
setSearchLoading(true);
|
|
2119
|
-
_context4.next = 11;
|
|
2120
|
-
return onSearch(val);
|
|
2358
|
+
constData.current.searchConfig.page = 1;
|
|
2359
|
+
constData.current.searchConfig.currentSourceData = [];
|
|
2360
|
+
reqSearch();
|
|
2121
2361
|
|
|
2122
|
-
case
|
|
2123
|
-
result = _context4.sent;
|
|
2124
|
-
arr = convertTree(result || [], false, true);
|
|
2125
|
-
setSearchList(arr);
|
|
2126
|
-
setSearchLoading(false);
|
|
2127
|
-
|
|
2128
|
-
case 15:
|
|
2362
|
+
case 10:
|
|
2129
2363
|
case "end":
|
|
2130
|
-
return
|
|
2364
|
+
return _context5.stop();
|
|
2131
2365
|
}
|
|
2132
2366
|
}
|
|
2133
|
-
},
|
|
2367
|
+
}, _callee5);
|
|
2134
2368
|
}));
|
|
2135
2369
|
};
|
|
2136
2370
|
/** 删除数据 */
|
|
@@ -2213,7 +2447,9 @@ var Selector = function Selector(props) {
|
|
|
2213
2447
|
searchLoading: searchLoading,
|
|
2214
2448
|
searchVal: searchVal,
|
|
2215
2449
|
disabled: disabled,
|
|
2450
|
+
disabledChild: disabledChild,
|
|
2216
2451
|
loading: loadingCom,
|
|
2452
|
+
searchLoadMore: searchLoadMore,
|
|
2217
2453
|
searchList: searchList,
|
|
2218
2454
|
breadcrumbs: breadcrumbs,
|
|
2219
2455
|
breadcrumbsSeparator: breadcrumbsSeparator,
|