@para-ui/core 4.0.0-rc.5 → 4.0.0-rc.6
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/Button/index.js +1 -1
- package/Cascader/index.js +5 -4
- package/ComboSelect/index.js +27 -16
- package/ComboSelect/lang/en_US.d.ts +1 -0
- package/ComboSelect/lang/index.d.ts +2 -0
- package/ComboSelect/lang/zh_CN.d.ts +1 -0
- package/ComboSelect/utils.d.ts +6 -0
- package/DatePicker/index.js +3 -1
- package/DynamicMultiBox/index.js +8 -5
- package/Form/index.js +9 -5
- package/FormItem/index.js +9 -5
- package/FunctionModal/index.js +2 -2
- package/Selector/index.js +3 -326
- package/SelectorPicker/index.js +3 -2
- package/Stepper/index.js +1 -1
- package/Table/index.js +471 -409
- package/Tabs/index.js +2 -2
- package/Tag/index.js +82 -53
- package/TextEditor/index.js +3 -3
- package/TimePicker/index.js +3 -1
- package/Timeline/index.js +14 -20
- package/ToggleButton/index.js +25 -26
- package/Tooltip/index.js +26 -27
- package/Transfer/index.js +49 -44
- package/Tree/index.js +8 -4
- package/Upload/index.js +624 -407
- package/_verture/{index-0ced30f7.js → index-3cdaba96.js} +3 -18
- package/_verture/{index-f186b5e8.js → index-4fafd0a0.js} +394 -312
- package/_verture/index-d63bd287.js +327 -0
- package/_verture/{index-ef1235fb.js → index-e0f9064d.js} +1 -1
- package/_verture/{slicedToArray-8223a2ef.js → slicedToArray-75fa4188.js} +1 -1
- package/_verture/toConsumableArray-c7a8028f.js +19 -0
- package/_verture/{utils-46e99c9a.js → utils-c17b5265.js} +16 -1
- package/index.js +9 -7
- package/locale/en-US.d.ts +1 -0
- package/locale/index.d.ts +2 -0
- package/locale/index.js +4 -2
- package/locale/zh-CN.d.ts +1 -0
- package/package.json +11 -10
- package/umd/Button.js +7 -7
- package/umd/ButtonGroup.js +1 -1
- package/umd/ComboSelect.js +2 -2
- package/umd/DatePicker.js +1 -1
- package/umd/Descriptions.js +1 -1
- package/umd/Desktop.js +6 -6
- package/umd/Drawer.js +1 -1
- package/umd/DynamicMultiBox.js +2 -2
- package/umd/Form.js +4 -4
- package/umd/FormItem.js +2 -2
- package/umd/FunctionModal.js +1 -1
- package/umd/Modal.js +7 -7
- package/umd/OperateBtn.js +1 -1
- package/umd/PageHeader.js +6 -6
- package/umd/Pagination.js +1 -1
- package/umd/PopConfirm.js +1 -1
- package/umd/Table.js +1 -1
- package/umd/Tabs.js +1 -1
- package/umd/TimePicker.js +7 -7
- package/umd/ToggleButton.js +5 -5
- package/umd/Transfer.js +1 -1
- package/umd/Upload.js +1 -1
- package/umd/locale.js +1 -1
- /package/_verture/{modalContext-5df08980.js → modalContext-8534f23d.js} +0 -0
- /package/_verture/{typeof-c310ee4a.js → typeof-b240b062.js} +0 -0
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
import { _ as _toConsumableArray } from './toConsumableArray-c7a8028f.js';
|
|
2
|
+
import { _ as _defineProperty } from './defineProperty-1d116156.js';
|
|
3
|
+
import { _ as _slicedToArray } from './slicedToArray-75fa4188.js';
|
|
4
|
+
import { r as regenerator } from './index-d63bd287.js';
|
|
1
5
|
import { _ as __rest, a as __awaiter } from './tslib.es6-55ed4bd2.js';
|
|
2
6
|
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
3
7
|
import React__default, { isValidElement, cloneElement, useRef, useState, useImperativeHandle, useEffect, useMemo } from 'react';
|
|
@@ -9,7 +13,6 @@ import FileOutlined from '@para-ui/icons/Document';
|
|
|
9
13
|
import SolidArrowDown from '@para-ui/icons/DownTriangleF';
|
|
10
14
|
import { Radio } from '../Radio/index.js';
|
|
11
15
|
import { $ as $prefixCls } from './constant-5317fc89.js';
|
|
12
|
-
import { b as _slicedToArray } from './slicedToArray-8223a2ef.js';
|
|
13
16
|
import ReactDOM from 'react-dom';
|
|
14
17
|
import EditOutlinedIcon from '@para-ui/icons/EditFile';
|
|
15
18
|
import AddOutlinedIcon from '@para-ui/icons/PlusCircle';
|
|
@@ -563,110 +566,129 @@ var OperateBar = function OperateBar(props) {
|
|
|
563
566
|
};
|
|
564
567
|
|
|
565
568
|
//默认分页信息
|
|
566
|
-
|
|
569
|
+
var defaultPageSize = {
|
|
567
570
|
page: 1,
|
|
568
571
|
size: 10
|
|
569
572
|
};
|
|
570
573
|
//tree 组件
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
params = null,
|
|
576
|
-
method =
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
574
|
+
var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
575
|
+
var url = props.url,
|
|
576
|
+
ctx = props.ctx,
|
|
577
|
+
_props$params = props.params,
|
|
578
|
+
params = _props$params === void 0 ? null : _props$params,
|
|
579
|
+
_props$method = props.method,
|
|
580
|
+
method = _props$method === void 0 ? 'GET' : _props$method,
|
|
581
|
+
headers = props.headers,
|
|
582
|
+
requestCallback = props.requestCallback,
|
|
583
|
+
refresh = props.refresh,
|
|
584
|
+
_props$replaceFields = props.replaceFields,
|
|
585
|
+
replaceFields = _props$replaceFields === void 0 ? {
|
|
581
586
|
key: 'key',
|
|
582
587
|
parentId: 'parentId',
|
|
583
588
|
children: 'children',
|
|
584
589
|
title: 'title',
|
|
585
590
|
loadKey: 'key'
|
|
586
|
-
},
|
|
587
|
-
treeData
|
|
588
|
-
className,
|
|
589
|
-
showIcon,
|
|
590
|
-
icon,
|
|
591
|
-
showLine,
|
|
592
|
-
switcherIcon,
|
|
593
|
-
blockNode,
|
|
594
|
-
checkable,
|
|
595
|
-
selectable,
|
|
596
|
-
radioable =
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
591
|
+
} : _props$replaceFields,
|
|
592
|
+
originTreeData = props.treeData,
|
|
593
|
+
className = props.className,
|
|
594
|
+
showIcon = props.showIcon,
|
|
595
|
+
_icon = props.icon,
|
|
596
|
+
showLine = props.showLine,
|
|
597
|
+
_switcherIcon = props.switcherIcon,
|
|
598
|
+
blockNode = props.blockNode,
|
|
599
|
+
checkable = props.checkable,
|
|
600
|
+
selectable = props.selectable,
|
|
601
|
+
_props$radioable = props.radioable,
|
|
602
|
+
radioable = _props$radioable === void 0 ? false : _props$radioable,
|
|
603
|
+
_props$showRadio = props.showRadio,
|
|
604
|
+
showRadio = _props$showRadio === void 0 ? true : _props$showRadio,
|
|
605
|
+
_props$checkStrictly = props.checkStrictly,
|
|
606
|
+
checkStrictly = _props$checkStrictly === void 0 ? false : _props$checkStrictly,
|
|
607
|
+
actionsCallback = props.actionsCallback,
|
|
608
|
+
showActions = props.showActions,
|
|
609
|
+
checkedKeys = props.checkedKeys,
|
|
610
|
+
defaultCheckedKeys = props.defaultCheckedKeys,
|
|
611
|
+
expandedKeys = props.expandedKeys,
|
|
612
|
+
defaultExpandedKeys = props.defaultExpandedKeys,
|
|
613
|
+
loadedKeys = props.loadedKeys,
|
|
614
|
+
onCheck = props.onCheck,
|
|
615
|
+
onExpand = props.onExpand,
|
|
616
|
+
_props$asyncLoad = props.asyncLoad,
|
|
617
|
+
asyncLoad = _props$asyncLoad === void 0 ? false : _props$asyncLoad,
|
|
618
|
+
_props$pagination = props.pagination,
|
|
619
|
+
pagination = _props$pagination === void 0 ? false : _props$pagination,
|
|
620
|
+
_props$pageSize = props.pageSize,
|
|
621
|
+
pageSize = _props$pageSize === void 0 ? defaultPageSize : _props$pageSize,
|
|
622
|
+
loadData = props.loadData,
|
|
623
|
+
_props$localFilter = props.localFilter,
|
|
624
|
+
localFilter = _props$localFilter === void 0 ? false : _props$localFilter,
|
|
625
|
+
localParams = props.localParams,
|
|
626
|
+
onFilter = props.onFilter,
|
|
627
|
+
_props$loadMoreNode = props.loadMoreNode,
|
|
628
|
+
loadMoreNode = _props$loadMoreNode === void 0 ? null : _props$loadMoreNode,
|
|
629
|
+
paramsCallback = props.paramsCallback,
|
|
630
|
+
titleRender = props.titleRender,
|
|
631
|
+
emptyProps = props.emptyProps,
|
|
632
|
+
emptyClassName = props.emptyClassName,
|
|
633
|
+
notFoundContent = props.notFoundContent,
|
|
634
|
+
wrapperClassName = props.wrapperClassName,
|
|
635
|
+
wrapperStyle = props.wrapperStyle,
|
|
636
|
+
_props$showLoading = props.showLoading,
|
|
637
|
+
showLoading = _props$showLoading === void 0 ? true : _props$showLoading,
|
|
638
|
+
loadingNode = props.loadingNode,
|
|
639
|
+
onLoadedKey = props.onLoadedKey,
|
|
640
|
+
_props$tipMaxWidth = props.tipMaxWidth,
|
|
641
|
+
tipMaxWidth = _props$tipMaxWidth === void 0 ? 500 : _props$tipMaxWidth;
|
|
642
|
+
var _useState = useState([]),
|
|
643
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
644
|
+
treeData = _useState2[0],
|
|
645
|
+
setTreeData = _useState2[1]; //树数据
|
|
646
|
+
var _useState3 = useState([]),
|
|
647
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
648
|
+
inCheckedKeys = _useState4[0],
|
|
649
|
+
setInCheckedKeys = _useState4[1]; //选中keys
|
|
650
|
+
var _useState5 = useState([]),
|
|
651
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
652
|
+
inExpandedKeysKeys = _useState6[0],
|
|
653
|
+
setInExpandedKeys = _useState6[1]; //展开keys
|
|
654
|
+
var opRef = useRef({}); //操作栏
|
|
655
|
+
var mouseInSectorRef = useRef(false); //是否鼠标进入扇形
|
|
656
|
+
var timeSectorRef = useRef(-1); //定时显示扇形
|
|
657
|
+
var nodesRef = useRef([]); //保存节点状态
|
|
658
|
+
var prefixCls = "".concat($prefixCls, "-tree"); //tree容器前缀
|
|
659
|
+
var treeMapRef = useRef({}); //tree map
|
|
660
|
+
var treeOriDataRef = useRef([]); //tree origin data
|
|
661
|
+
var nPageSize = Object.assign(Object.assign({}, defaultPageSize), pageSize);
|
|
662
|
+
var halfCheckedKeys = useRef([]); //半选keys
|
|
663
|
+
var intl = useFormatMessage('Tree', localeJson);
|
|
664
|
+
var _useState7 = useState(false),
|
|
665
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
666
|
+
loading = _useState8[0],
|
|
667
|
+
setLoading = _useState8[1];
|
|
668
|
+
var firstRender = useRef(true); //是否第一次渲染
|
|
669
|
+
var _useState9 = useState([]),
|
|
670
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
671
|
+
inLoadedKeys = _useState10[0],
|
|
672
|
+
setInLoadKeys = _useState10[1];
|
|
644
673
|
//新属性
|
|
645
|
-
|
|
674
|
+
var newProps = Object.assign(Object.assign({}, props), {
|
|
646
675
|
showLine: Boolean(showLine),
|
|
647
676
|
checkStrictly: radioable || checkStrictly,
|
|
648
677
|
showIcon: radioable || showIcon
|
|
649
678
|
});
|
|
650
679
|
//生成class
|
|
651
|
-
|
|
652
|
-
return clsx({
|
|
653
|
-
["".concat(prefixCls, "-icon-hide")]: !showIcon,
|
|
654
|
-
["".concat(prefixCls, "-block-node")]: blockNode,
|
|
655
|
-
["".concat(prefixCls, "-unselectable")]: !selectable,
|
|
656
|
-
["".concat(prefixCls, "-radioable")]: radioable,
|
|
657
|
-
["".concat(prefixCls, "-radioable-showradio")]: radioable && showRadio
|
|
658
|
-
}, className);
|
|
680
|
+
var makeCls = function makeCls() {
|
|
681
|
+
return clsx(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-icon-hide"), !showIcon), "".concat(prefixCls, "-block-node"), blockNode), "".concat(prefixCls, "-unselectable"), !selectable), "".concat(prefixCls, "-radioable"), radioable), "".concat(prefixCls, "-radioable-showradio"), radioable && showRadio), className);
|
|
659
682
|
};
|
|
660
683
|
//格式化treeData 替换显示字段
|
|
661
|
-
|
|
684
|
+
var formatTreeData = function formatTreeData(treeData) {
|
|
662
685
|
function recursive(dataList) {
|
|
663
|
-
|
|
664
|
-
key,
|
|
665
|
-
title,
|
|
666
|
-
children,
|
|
667
|
-
parentId
|
|
668
|
-
|
|
669
|
-
dataList.forEach(item => {
|
|
686
|
+
var _ref = replaceFields || {},
|
|
687
|
+
key = _ref.key,
|
|
688
|
+
title = _ref.title,
|
|
689
|
+
children = _ref.children,
|
|
690
|
+
parentId = _ref.parentId;
|
|
691
|
+
dataList.forEach(function (item) {
|
|
670
692
|
var _a;
|
|
671
693
|
if (key) item.key = item[key];
|
|
672
694
|
if (title) item.title = item[title];
|
|
@@ -679,7 +701,7 @@ const Tree = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
|
679
701
|
return treeData;
|
|
680
702
|
};
|
|
681
703
|
//内部 tree title render
|
|
682
|
-
|
|
704
|
+
var internalTitleRender = function internalTitleRender(nodeData) {
|
|
683
705
|
if (nodeData.moreFlag) {
|
|
684
706
|
//加载更多节点
|
|
685
707
|
return jsx("span", Object.assign({
|
|
@@ -708,7 +730,9 @@ const Tree = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
|
708
730
|
children: typeof titleRender === 'function' ? titleRender(nodeData) : nodeData.title
|
|
709
731
|
})), !!showActions && jsx("div", Object.assign({
|
|
710
732
|
className: "sector-anchor",
|
|
711
|
-
onMouseEnter:
|
|
733
|
+
onMouseEnter: function onMouseEnter(evt) {
|
|
734
|
+
return handleSectorMEnter(nodeData, evt);
|
|
735
|
+
},
|
|
712
736
|
onMouseLeave: handleSectorMLeave
|
|
713
737
|
}, {
|
|
714
738
|
children: jsx(MoreOutlinedIcon, {
|
|
@@ -718,44 +742,44 @@ const Tree = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
|
718
742
|
}));
|
|
719
743
|
};
|
|
720
744
|
//tree node mouse enter
|
|
721
|
-
|
|
745
|
+
var handleTreeNodeMEnter = function handleTreeNodeMEnter(evt) {
|
|
722
746
|
evt.stopPropagation();
|
|
723
747
|
clearNodesState();
|
|
724
|
-
|
|
748
|
+
var _currTarget = evt.currentTarget;
|
|
725
749
|
if (_currTarget) {
|
|
726
|
-
|
|
727
|
-
|
|
750
|
+
var pClsx = ".".concat($prefixCls, "-tree-node-content-wrapper");
|
|
751
|
+
var cParentEl = _currTarget.closest(pClsx);
|
|
728
752
|
nodesRef.current.push(cParentEl);
|
|
729
753
|
showMoreActionIcon(cParentEl, true);
|
|
730
754
|
}
|
|
731
755
|
};
|
|
732
756
|
//tree node mouse leave
|
|
733
|
-
|
|
757
|
+
var handleTreeNodeMLeave = function handleTreeNodeMLeave(evt) {
|
|
734
758
|
evt.stopPropagation();
|
|
735
759
|
clearNodesState();
|
|
736
|
-
|
|
760
|
+
var _currTarget = evt.currentTarget;
|
|
737
761
|
if (_currTarget) {
|
|
738
|
-
|
|
739
|
-
|
|
762
|
+
var pClsx = ".".concat($prefixCls, "-tree-node-content-wrapper");
|
|
763
|
+
var cParentEl = _currTarget.closest(pClsx);
|
|
740
764
|
showMoreActionIcon(cParentEl, false);
|
|
741
765
|
}
|
|
742
766
|
};
|
|
743
767
|
// Tree node Click
|
|
744
|
-
|
|
768
|
+
var handleTreeNodeClick = function handleTreeNodeClick() {
|
|
745
769
|
var _a;
|
|
746
770
|
if (!showActions) return;
|
|
747
771
|
// 点击tree node 的时候 rc 内部会把node节点的样式重写,导致之前逻辑添加的样式不存在,需要点击的时候加上样式
|
|
748
772
|
if (((_a = nodesRef.current) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
|
749
773
|
// 需要滞后到下次事件循环
|
|
750
|
-
setTimeout(()
|
|
751
|
-
nodesRef.current.forEach(el
|
|
774
|
+
setTimeout(function () {
|
|
775
|
+
nodesRef.current.forEach(function (el) {
|
|
752
776
|
showMoreActionIcon(el, true);
|
|
753
777
|
});
|
|
754
778
|
});
|
|
755
779
|
}
|
|
756
780
|
};
|
|
757
781
|
//节点显示更多图标
|
|
758
|
-
|
|
782
|
+
var showMoreActionIcon = function showMoreActionIcon(cParentEl, isShow) {
|
|
759
783
|
if (!cParentEl) return;
|
|
760
784
|
if (isShow) {
|
|
761
785
|
cParentEl === null || cParentEl === void 0 ? void 0 : cParentEl.classList.add("".concat($prefixCls, "-tree-node-content-wrapper--active"));
|
|
@@ -764,21 +788,21 @@ const Tree = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
|
764
788
|
}
|
|
765
789
|
};
|
|
766
790
|
//mouse enter sector
|
|
767
|
-
|
|
791
|
+
var handleSectorMEnter = function handleSectorMEnter(nodeData, evt) {
|
|
768
792
|
evt.stopPropagation();
|
|
769
|
-
|
|
793
|
+
var _currTarget = evt.currentTarget;
|
|
770
794
|
opRef.current.anchorEl = _currTarget;
|
|
771
|
-
timeSectorRef.current = setTimeout(()
|
|
795
|
+
timeSectorRef.current = setTimeout(function () {
|
|
772
796
|
clearTimeout(timeSectorRef.current);
|
|
773
797
|
showSector(_currTarget, nodeData);
|
|
774
798
|
}, 300);
|
|
775
799
|
};
|
|
776
800
|
//mouse sector leave
|
|
777
|
-
|
|
801
|
+
var handleSectorMLeave = function handleSectorMLeave(evt) {
|
|
778
802
|
evt.stopPropagation();
|
|
779
803
|
clearTimeout(timeSectorRef.current);
|
|
780
|
-
|
|
781
|
-
|
|
804
|
+
var _anchor = evt.currentTarget;
|
|
805
|
+
var timer = setTimeout(function () {
|
|
782
806
|
clearTimeout(timer);
|
|
783
807
|
if (!mouseInSectorRef.current) {
|
|
784
808
|
removeSector(_anchor);
|
|
@@ -786,19 +810,19 @@ const Tree = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
|
786
810
|
}, 300);
|
|
787
811
|
};
|
|
788
812
|
//显示扇形
|
|
789
|
-
|
|
813
|
+
var showSector = function showSector(anchorEl, nodeData) {
|
|
790
814
|
var _a, _b;
|
|
791
|
-
|
|
815
|
+
var portalRoot = document.getElementById(opRef.current.uid);
|
|
792
816
|
anchorEl.classList.add('sector-anchor--active');
|
|
793
817
|
if (portalRoot) {
|
|
794
|
-
|
|
818
|
+
var container = portalRoot.querySelector('.sector-container');
|
|
795
819
|
if (container) {
|
|
796
820
|
(_b = (_a = opRef.current) === null || _a === void 0 ? void 0 : _a.onShowSector) === null || _b === void 0 ? void 0 : _b.call(_a, nodeData, true);
|
|
797
821
|
}
|
|
798
822
|
}
|
|
799
823
|
};
|
|
800
824
|
//移除扇形
|
|
801
|
-
|
|
825
|
+
var removeSector = function removeSector(anchorEl) {
|
|
802
826
|
var _a, _b;
|
|
803
827
|
if (anchorEl) {
|
|
804
828
|
anchorEl.classList.remove('sector-anchor--active');
|
|
@@ -806,19 +830,19 @@ const Tree = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
|
806
830
|
}
|
|
807
831
|
};
|
|
808
832
|
//离开扇形回调
|
|
809
|
-
|
|
833
|
+
var handleOnRemove = function handleOnRemove(anchorEl) {
|
|
810
834
|
if (anchorEl) {
|
|
811
|
-
|
|
812
|
-
|
|
835
|
+
var pCls = ".".concat($prefixCls, "-tree-node-content-wrapper");
|
|
836
|
+
var cParentEl = anchorEl.closest(pCls);
|
|
813
837
|
showMoreActionIcon(cParentEl, false);
|
|
814
838
|
removeSector(anchorEl);
|
|
815
839
|
}
|
|
816
840
|
};
|
|
817
841
|
//清除节点状态
|
|
818
|
-
|
|
842
|
+
var clearNodesState = function clearNodesState() {
|
|
819
843
|
var _a;
|
|
820
844
|
if ((_a = nodesRef.current) === null || _a === void 0 ? void 0 : _a.length) {
|
|
821
|
-
nodesRef.current.forEach(el
|
|
845
|
+
nodesRef.current.forEach(function (el) {
|
|
822
846
|
var _a;
|
|
823
847
|
(_a = el === null || el === void 0 ? void 0 : el.classList) === null || _a === void 0 ? void 0 : _a.remove("".concat($prefixCls, "-tree-node-content-wrapper--active"));
|
|
824
848
|
});
|
|
@@ -826,14 +850,14 @@ const Tree = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
|
826
850
|
}
|
|
827
851
|
};
|
|
828
852
|
//内部check
|
|
829
|
-
|
|
853
|
+
var internalCheck = function internalCheck(checkedKeys, e) {
|
|
830
854
|
var _a;
|
|
831
|
-
|
|
832
|
-
|
|
855
|
+
var temp = [];
|
|
856
|
+
var halfChecked = [];
|
|
833
857
|
if (radioable) {
|
|
834
858
|
//单选
|
|
835
|
-
|
|
836
|
-
|
|
859
|
+
var node = e.node;
|
|
860
|
+
var key = (_a = replaceFields.key) !== null && _a !== void 0 ? _a : 'key';
|
|
837
861
|
if (e.checked) temp = [node[key]];
|
|
838
862
|
} else if (checkStrictly) {
|
|
839
863
|
//严格模式
|
|
@@ -850,38 +874,59 @@ const Tree = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
|
850
874
|
onCheck === null || onCheck === void 0 ? void 0 : onCheck(temp, e, halfChecked);
|
|
851
875
|
};
|
|
852
876
|
//展开节点
|
|
853
|
-
|
|
877
|
+
var internalExpand = function internalExpand(expandedKeys, e) {
|
|
854
878
|
if (!('expandedKeys' in props)) {
|
|
855
|
-
setInExpandedKeys(
|
|
879
|
+
setInExpandedKeys(_toConsumableArray(expandedKeys));
|
|
856
880
|
}
|
|
857
881
|
onExpand === null || onExpand === void 0 ? void 0 : onExpand(expandedKeys, e);
|
|
858
882
|
};
|
|
859
883
|
//请求树数据
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
return __awaiter(void 0, void 0, void 0, function
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
884
|
+
var requestTreeData = function requestTreeData() {
|
|
885
|
+
var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
886
|
+
return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
|
|
887
|
+
var tParams, m, opts, _yield$Request, data, err;
|
|
888
|
+
return regenerator.wrap(function _callee$(_context) {
|
|
889
|
+
while (1) switch (_context.prev = _context.next) {
|
|
890
|
+
case 0:
|
|
891
|
+
if (url) {
|
|
892
|
+
_context.next = 2;
|
|
893
|
+
break;
|
|
894
|
+
}
|
|
895
|
+
return _context.abrupt("return", []);
|
|
896
|
+
case 2:
|
|
897
|
+
showLoading && setLoading(true);
|
|
898
|
+
tParams = (paramsCallback === null || paramsCallback === void 0 ? void 0 : paramsCallback(params)) || params;
|
|
899
|
+
m = method === null || method === void 0 ? void 0 : method.toUpperCase();
|
|
900
|
+
opts = _defineProperty({
|
|
901
|
+
url: url,
|
|
902
|
+
ctx: ctx,
|
|
903
|
+
method: m
|
|
904
|
+
}, m === 'GET' ? 'params' : 'data', tParams || {});
|
|
905
|
+
if (headers) opts.headers = headers;
|
|
906
|
+
_context.next = 9;
|
|
907
|
+
return Request(opts);
|
|
908
|
+
case 9:
|
|
909
|
+
_yield$Request = _context.sent;
|
|
910
|
+
data = _yield$Request.data;
|
|
911
|
+
err = _yield$Request.err;
|
|
912
|
+
//分页数据格式 {list,page,size,total},否则 []
|
|
913
|
+
showLoading && setLoading(false);
|
|
914
|
+
if (!err) {
|
|
915
|
+
_context.next = 15;
|
|
916
|
+
break;
|
|
917
|
+
}
|
|
918
|
+
return _context.abrupt("return", pagination ? {} : []);
|
|
919
|
+
case 15:
|
|
920
|
+
return _context.abrupt("return", pagination ? data.data || {} : data.data || []);
|
|
921
|
+
case 16:
|
|
922
|
+
case "end":
|
|
923
|
+
return _context.stop();
|
|
924
|
+
}
|
|
925
|
+
}, _callee);
|
|
926
|
+
}));
|
|
882
927
|
};
|
|
883
928
|
//加载更多节点数据
|
|
884
|
-
|
|
929
|
+
var getLoadMoreData = function getLoadMoreData() {
|
|
885
930
|
return {
|
|
886
931
|
key: String((Math.random() * 1000000 | 0) + Date.now()),
|
|
887
932
|
title: intl({
|
|
@@ -896,10 +941,10 @@ const Tree = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
|
896
941
|
};
|
|
897
942
|
};
|
|
898
943
|
//渲染加载更多节点
|
|
899
|
-
|
|
944
|
+
var renderLoadMoreNode = function renderLoadMoreNode(dataNode) {
|
|
900
945
|
return jsx("span", Object.assign({
|
|
901
946
|
className: "".concat($prefixCls, "-tree-treenode-more-wrapper"),
|
|
902
|
-
onClick: e
|
|
947
|
+
onClick: function onClick(e) {
|
|
903
948
|
e.stopPropagation();
|
|
904
949
|
onLoadData(dataNode);
|
|
905
950
|
}
|
|
@@ -908,24 +953,24 @@ const Tree = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
|
908
953
|
}));
|
|
909
954
|
};
|
|
910
955
|
//更新tree数据
|
|
911
|
-
|
|
956
|
+
var updateTreeData = function updateTreeData(list, key, children, moreFlag) {
|
|
912
957
|
//root节点
|
|
913
958
|
if (key === 'ROOT_KEY') {
|
|
914
959
|
list.pop(); //删除加载更多节点
|
|
915
960
|
return list.concat(children);
|
|
916
961
|
}
|
|
917
|
-
return list.map(node
|
|
962
|
+
return list.map(function (node) {
|
|
918
963
|
if (node.key === key) {
|
|
919
964
|
if (moreFlag) {
|
|
920
965
|
//加载更多
|
|
921
|
-
|
|
966
|
+
var child = node.children || [];
|
|
922
967
|
child.pop();
|
|
923
968
|
return Object.assign(Object.assign({}, node), {
|
|
924
969
|
children: child.concat(children)
|
|
925
970
|
});
|
|
926
971
|
}
|
|
927
972
|
return Object.assign(Object.assign({}, node), {
|
|
928
|
-
children
|
|
973
|
+
children: children
|
|
929
974
|
});
|
|
930
975
|
}
|
|
931
976
|
if (node.children) {
|
|
@@ -937,101 +982,112 @@ const Tree = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
|
937
982
|
});
|
|
938
983
|
};
|
|
939
984
|
//异步数据加载 [moreFlag]:加载更多标识
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
} = dataNode;
|
|
947
|
-
setInLoadKeys([...inLoadedKeys, key]);
|
|
985
|
+
var onLoadData = function onLoadData(dataNode) {
|
|
986
|
+
var key = dataNode.key,
|
|
987
|
+
children = dataNode.children,
|
|
988
|
+
parentId = dataNode.parentId,
|
|
989
|
+
moreFlag = dataNode.moreFlag;
|
|
990
|
+
setInLoadKeys([].concat(_toConsumableArray(inLoadedKeys), [key]));
|
|
948
991
|
onLoadedKey === null || onLoadedKey === void 0 ? void 0 : onLoadedKey(key, dataNode);
|
|
949
|
-
return new Promise(
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
992
|
+
return new Promise(function (resolve) {
|
|
993
|
+
return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee2() {
|
|
994
|
+
var _a, tKey, loadKey, loadParams, treeData, handledData, pageInfo, _treeData, _treeData$list, list, page, size, total;
|
|
995
|
+
return regenerator.wrap(function _callee2$(_context2) {
|
|
996
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
997
|
+
case 0:
|
|
998
|
+
if (!children) {
|
|
999
|
+
_context2.next = 3;
|
|
1000
|
+
break;
|
|
1001
|
+
}
|
|
1002
|
+
resolve();
|
|
1003
|
+
return _context2.abrupt("return");
|
|
1004
|
+
case 3:
|
|
1005
|
+
//当前节点key
|
|
1006
|
+
tKey = key; //参数动态字段
|
|
1007
|
+
loadKey = (_a = replaceFields.loadKey) !== null && _a !== void 0 ? _a : 'key'; //加载节点时参数
|
|
1008
|
+
loadParams = Object.assign(_defineProperty({}, loadKey, tKey), params); //是否分页
|
|
1009
|
+
if (pagination) {
|
|
1010
|
+
if (moreFlag) {
|
|
1011
|
+
//是否加载更多
|
|
1012
|
+
tKey = parentId;
|
|
1013
|
+
treeMapRef.current[tKey].page += 1;
|
|
1014
|
+
loadParams[loadKey] = tKey;
|
|
1015
|
+
if (tKey === 'ROOT_KEY') {
|
|
1016
|
+
//根节点加载更多,不需要key
|
|
1017
|
+
delete loadParams[loadKey];
|
|
1018
|
+
}
|
|
1019
|
+
}
|
|
1020
|
+
//分页参数
|
|
1021
|
+
loadParams.page = treeMapRef.current[tKey].page;
|
|
1022
|
+
loadParams.size = treeMapRef.current[tKey].size;
|
|
1023
|
+
}
|
|
1024
|
+
_context2.next = 9;
|
|
1025
|
+
return requestTreeData(loadParams);
|
|
1026
|
+
case 9:
|
|
1027
|
+
treeData = _context2.sent;
|
|
1028
|
+
_context2.next = 12;
|
|
1029
|
+
return requestCallback === null || requestCallback === void 0 ? void 0 : requestCallback(treeData);
|
|
1030
|
+
case 12:
|
|
1031
|
+
handledData = _context2.sent;
|
|
1032
|
+
if (handledData) treeData = handledData;
|
|
1033
|
+
pageInfo = {}; //分页信息
|
|
1034
|
+
if (!pagination) {
|
|
1035
|
+
_context2.next = 22;
|
|
1036
|
+
break;
|
|
1037
|
+
}
|
|
1038
|
+
if (Object.keys(treeData).length) {
|
|
1039
|
+
_context2.next = 19;
|
|
1040
|
+
break;
|
|
1041
|
+
}
|
|
1042
|
+
resolve();
|
|
1043
|
+
return _context2.abrupt("return");
|
|
1044
|
+
case 19:
|
|
1045
|
+
_treeData = treeData, _treeData$list = _treeData.list, list = _treeData$list === void 0 ? [] : _treeData$list, page = _treeData.page, size = _treeData.size, total = _treeData.total;
|
|
1046
|
+
treeData = list;
|
|
1047
|
+
pageInfo = {
|
|
1048
|
+
page: page,
|
|
1049
|
+
size: size,
|
|
1050
|
+
total: total
|
|
1051
|
+
};
|
|
1052
|
+
case 22:
|
|
1053
|
+
if (treeData === null || treeData === void 0 ? void 0 : treeData.length) {
|
|
1054
|
+
treeData = formatTreeData(treeData);
|
|
1055
|
+
if (pagination) {
|
|
1056
|
+
//是否分页
|
|
1057
|
+
treeData = transformTreeData(treeData, pageInfo, tKey);
|
|
1058
|
+
}
|
|
1059
|
+
}
|
|
1060
|
+
if (Array.isArray(treeData)) setTreeData(function (origin) {
|
|
1061
|
+
return updateTreeData(origin, tKey, treeData, moreFlag);
|
|
1062
|
+
});
|
|
1063
|
+
resolve();
|
|
1064
|
+
case 25:
|
|
1065
|
+
case "end":
|
|
1066
|
+
return _context2.stop();
|
|
973
1067
|
}
|
|
974
|
-
}
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
loadParams.size = treeMapRef.current[tKey].size;
|
|
978
|
-
}
|
|
979
|
-
let treeData = yield requestTreeData(loadParams);
|
|
980
|
-
//透传数据
|
|
981
|
-
const handledData = yield requestCallback === null || requestCallback === void 0 ? void 0 : requestCallback(treeData);
|
|
982
|
-
if (handledData) treeData = handledData;
|
|
983
|
-
let pageInfo = {}; //分页信息
|
|
984
|
-
if (pagination) {
|
|
985
|
-
//分页数据格式 {list,page,size,total}
|
|
986
|
-
if (!Object.keys(treeData).length) {
|
|
987
|
-
resolve();
|
|
988
|
-
return;
|
|
989
|
-
}
|
|
990
|
-
const {
|
|
991
|
-
list = [],
|
|
992
|
-
page,
|
|
993
|
-
size,
|
|
994
|
-
total
|
|
995
|
-
} = treeData;
|
|
996
|
-
treeData = list;
|
|
997
|
-
pageInfo = {
|
|
998
|
-
page,
|
|
999
|
-
size,
|
|
1000
|
-
total
|
|
1001
|
-
};
|
|
1002
|
-
}
|
|
1003
|
-
if (treeData === null || treeData === void 0 ? void 0 : treeData.length) {
|
|
1004
|
-
treeData = formatTreeData(treeData);
|
|
1005
|
-
if (pagination) {
|
|
1006
|
-
//是否分页
|
|
1007
|
-
treeData = transformTreeData(treeData, pageInfo, tKey);
|
|
1008
|
-
}
|
|
1009
|
-
}
|
|
1010
|
-
if (Array.isArray(treeData)) setTreeData(origin => updateTreeData(origin, tKey, treeData, moreFlag));
|
|
1011
|
-
resolve();
|
|
1012
|
-
}));
|
|
1068
|
+
}, _callee2);
|
|
1069
|
+
}));
|
|
1070
|
+
});
|
|
1013
1071
|
};
|
|
1014
1072
|
//转化tree数据
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
total
|
|
1021
|
-
} = pageInfo;
|
|
1073
|
+
var transformTreeData = function transformTreeData(treeData, pageInfo, parentId) {
|
|
1074
|
+
var newTreeData = convert(treeData); //tree结构
|
|
1075
|
+
var page = pageInfo.page,
|
|
1076
|
+
size = pageInfo.size,
|
|
1077
|
+
total = pageInfo.total;
|
|
1022
1078
|
//计算分页,是否显示加载更多
|
|
1023
1079
|
if (page * size < total) {
|
|
1024
|
-
|
|
1080
|
+
var loadMoreData = getLoadMoreData();
|
|
1025
1081
|
loadMoreData.parentId = parentId || 'ROOT_KEY';
|
|
1026
1082
|
loadMoreData.title = renderLoadMoreNode(loadMoreData);
|
|
1027
1083
|
newTreeData.push(loadMoreData);
|
|
1028
1084
|
}
|
|
1029
1085
|
treeMapRef.current = _toObject(newTreeData);
|
|
1030
1086
|
function _toObject(data) {
|
|
1031
|
-
|
|
1087
|
+
var obj = treeMapRef.current;
|
|
1032
1088
|
if (!(data === null || data === void 0 ? void 0 : data.length)) return obj;
|
|
1033
|
-
data.forEach(item
|
|
1034
|
-
|
|
1089
|
+
data.forEach(function (item) {
|
|
1090
|
+
var tKey = item.moreFlag ? item.parentId : item.key;
|
|
1035
1091
|
if (!obj[tKey]) {
|
|
1036
1092
|
obj[tKey] = Object.assign(Object.assign({}, item), nPageSize);
|
|
1037
1093
|
}
|
|
@@ -1041,49 +1097,73 @@ const Tree = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
|
1041
1097
|
return newTreeData;
|
|
1042
1098
|
};
|
|
1043
1099
|
//初始化树
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1100
|
+
var initTree = function initTree() {
|
|
1101
|
+
return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee3() {
|
|
1102
|
+
var tParams, treeData, pageInfo, handledData, _treeData2, _treeData2$list, list, page, size, total;
|
|
1103
|
+
return regenerator.wrap(function _callee3$(_context3) {
|
|
1104
|
+
while (1) switch (_context3.prev = _context3.next) {
|
|
1105
|
+
case 0:
|
|
1106
|
+
tParams = Object.assign({}, params);
|
|
1107
|
+
if (pagination) {
|
|
1108
|
+
//分页参数
|
|
1109
|
+
tParams.page = nPageSize.page;
|
|
1110
|
+
tParams.size = nPageSize.size;
|
|
1111
|
+
}
|
|
1112
|
+
_context3.next = 4;
|
|
1113
|
+
return requestTreeData(tParams);
|
|
1114
|
+
case 4:
|
|
1115
|
+
treeData = _context3.sent;
|
|
1116
|
+
pageInfo = {}; //分页信息
|
|
1117
|
+
//透传数据
|
|
1118
|
+
_context3.next = 8;
|
|
1119
|
+
return requestCallback === null || requestCallback === void 0 ? void 0 : requestCallback(treeData);
|
|
1120
|
+
case 8:
|
|
1121
|
+
handledData = _context3.sent;
|
|
1122
|
+
if (handledData) treeData = handledData;
|
|
1123
|
+
if (!pagination) {
|
|
1124
|
+
_context3.next = 17;
|
|
1125
|
+
break;
|
|
1126
|
+
}
|
|
1127
|
+
if (Object.keys(treeData).length) {
|
|
1128
|
+
_context3.next = 13;
|
|
1129
|
+
break;
|
|
1130
|
+
}
|
|
1131
|
+
return _context3.abrupt("return", setTreeData([]));
|
|
1132
|
+
case 13:
|
|
1133
|
+
_treeData2 = treeData, _treeData2$list = _treeData2.list, list = _treeData2$list === void 0 ? [] : _treeData2$list, page = _treeData2.page, size = _treeData2.size, total = _treeData2.total;
|
|
1134
|
+
treeData = list;
|
|
1135
|
+
pageInfo = {
|
|
1136
|
+
page: page,
|
|
1137
|
+
size: size,
|
|
1138
|
+
total: total
|
|
1139
|
+
};
|
|
1140
|
+
//clean treeMapRef
|
|
1141
|
+
treeMapRef.current = {};
|
|
1142
|
+
case 17:
|
|
1143
|
+
if (treeData === null || treeData === void 0 ? void 0 : treeData.length) {
|
|
1144
|
+
_context3.next = 19;
|
|
1145
|
+
break;
|
|
1146
|
+
}
|
|
1147
|
+
return _context3.abrupt("return", setTreeData([]));
|
|
1148
|
+
case 19:
|
|
1149
|
+
treeData = formatTreeData(treeData);
|
|
1150
|
+
if (localFilter)
|
|
1151
|
+
//本地过滤
|
|
1152
|
+
treeOriDataRef.current = deepCopy(treeData);
|
|
1153
|
+
if (pagination)
|
|
1154
|
+
//是否分页
|
|
1155
|
+
treeData = transformTreeData(treeData, pageInfo);
|
|
1156
|
+
setTreeData(_toConsumableArray(treeData));
|
|
1157
|
+
case 23:
|
|
1158
|
+
case "end":
|
|
1159
|
+
return _context3.stop();
|
|
1160
|
+
}
|
|
1161
|
+
}, _callee3);
|
|
1162
|
+
}));
|
|
1163
|
+
};
|
|
1084
1164
|
//额外的属性
|
|
1085
|
-
|
|
1086
|
-
|
|
1165
|
+
var getAdditionProps = function getAdditionProps() {
|
|
1166
|
+
var additionProps = {};
|
|
1087
1167
|
if (asyncLoad)
|
|
1088
1168
|
//异步加载
|
|
1089
1169
|
additionProps.loadData = onLoadData;
|
|
@@ -1091,44 +1171,44 @@ const Tree = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
|
1091
1171
|
additionProps.titleRender = internalTitleRender;
|
|
1092
1172
|
return additionProps;
|
|
1093
1173
|
};
|
|
1094
|
-
useEffect(()
|
|
1174
|
+
useEffect(function () {
|
|
1095
1175
|
if (defaultCheckedKeys) {
|
|
1096
1176
|
//默认值checked
|
|
1097
|
-
setInCheckedKeys(
|
|
1177
|
+
setInCheckedKeys(_toConsumableArray(defaultCheckedKeys));
|
|
1098
1178
|
}
|
|
1099
1179
|
if (defaultExpandedKeys) {
|
|
1100
1180
|
//默认值expanded
|
|
1101
|
-
setInExpandedKeys(
|
|
1181
|
+
setInExpandedKeys(_toConsumableArray(defaultExpandedKeys));
|
|
1102
1182
|
}
|
|
1103
1183
|
}, [defaultCheckedKeys, defaultExpandedKeys]);
|
|
1104
|
-
useEffect(()
|
|
1184
|
+
useEffect(function () {
|
|
1105
1185
|
if (checkedKeys) {
|
|
1106
1186
|
//选中keys
|
|
1107
|
-
setInCheckedKeys(
|
|
1187
|
+
setInCheckedKeys(_toConsumableArray(getCheckedKeys(checkedKeys)));
|
|
1108
1188
|
halfCheckedKeys.current = getHalfCheckedKeys(checkedKeys);
|
|
1109
1189
|
}
|
|
1110
1190
|
if (expandedKeys) {
|
|
1111
1191
|
//展开keys
|
|
1112
|
-
setInExpandedKeys(
|
|
1192
|
+
setInExpandedKeys(_toConsumableArray(expandedKeys));
|
|
1113
1193
|
}
|
|
1114
1194
|
}, [checkedKeys, expandedKeys]);
|
|
1115
|
-
useEffect(()
|
|
1195
|
+
useEffect(function () {
|
|
1116
1196
|
if (loadedKeys) {
|
|
1117
1197
|
//loadedKeys
|
|
1118
1198
|
if (loadedKeys.length === 0) {
|
|
1119
1199
|
setInLoadKeys([]);
|
|
1120
1200
|
setInExpandedKeys([]);
|
|
1121
1201
|
} else {
|
|
1122
|
-
setInLoadKeys(
|
|
1202
|
+
setInLoadKeys(_toConsumableArray(loadedKeys));
|
|
1123
1203
|
}
|
|
1124
1204
|
}
|
|
1125
1205
|
}, [loadedKeys]);
|
|
1126
|
-
useEffect(()
|
|
1206
|
+
useEffect(function () {
|
|
1127
1207
|
//默认展开所有
|
|
1128
1208
|
function _expandAllNode(newTreeData) {
|
|
1129
|
-
|
|
1209
|
+
var keys = [];
|
|
1130
1210
|
function recursive(dataList) {
|
|
1131
|
-
dataList.forEach(item
|
|
1211
|
+
dataList.forEach(function (item) {
|
|
1132
1212
|
var _a;
|
|
1133
1213
|
if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
|
|
1134
1214
|
keys.push(item.key);
|
|
@@ -1143,51 +1223,51 @@ const Tree = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
|
1143
1223
|
}
|
|
1144
1224
|
//tree 初始化
|
|
1145
1225
|
if (Array.isArray(originTreeData)) {
|
|
1146
|
-
|
|
1226
|
+
var newTreeData = formatTreeData(originTreeData);
|
|
1147
1227
|
//本地过滤
|
|
1148
1228
|
if (localFilter) treeOriDataRef.current = deepCopy(newTreeData);
|
|
1149
1229
|
if (newProps.defaultExpandAll) {
|
|
1150
1230
|
//默认展开所有
|
|
1151
1231
|
_expandAllNode(newTreeData);
|
|
1152
1232
|
}
|
|
1153
|
-
setTreeData(
|
|
1233
|
+
setTreeData(_toConsumableArray(newTreeData));
|
|
1154
1234
|
} else {
|
|
1155
1235
|
initTree();
|
|
1156
1236
|
}
|
|
1157
1237
|
}, [url, ctx, params, method, refresh, originTreeData]);
|
|
1158
|
-
useEffect(()
|
|
1238
|
+
useEffect(function () {
|
|
1159
1239
|
//过滤数据
|
|
1160
|
-
function _filterData(
|
|
1161
|
-
|
|
1162
|
-
|
|
1163
|
-
searchValue
|
|
1164
|
-
} = _ref;
|
|
1240
|
+
function _filterData(_ref2) {
|
|
1241
|
+
var searchKey = _ref2.searchKey,
|
|
1242
|
+
searchValue = _ref2.searchValue;
|
|
1165
1243
|
if (!searchKey) return;
|
|
1166
1244
|
if (searchValue === '') {
|
|
1167
1245
|
setTreeData(treeOriDataRef.current);
|
|
1168
|
-
|
|
1169
|
-
setInExpandedKeys(
|
|
1246
|
+
var tKeys = expandedKeys || defaultExpandedKeys;
|
|
1247
|
+
setInExpandedKeys(_toConsumableArray(tKeys || []));
|
|
1170
1248
|
return;
|
|
1171
1249
|
}
|
|
1172
|
-
|
|
1250
|
+
var flatData = flatten(treeOriDataRef.current);
|
|
1173
1251
|
//匹配数据
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
|
|
1252
|
+
var filterTreeData = flatData.reduce(function (acc, curr) {
|
|
1253
|
+
var title = String(curr[searchKey]).toLowerCase();
|
|
1254
|
+
var isMatch = title.includes(searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase());
|
|
1177
1255
|
return isMatch ? acc.concat(curr) : acc;
|
|
1178
1256
|
}, []);
|
|
1179
|
-
|
|
1257
|
+
var newTreeData = convertByFilter(deepCopy(flatData), filterTreeData);
|
|
1180
1258
|
setTreeData(newTreeData);
|
|
1181
1259
|
setInExpandedKeys(_handleExpendKey(newTreeData));
|
|
1182
1260
|
}
|
|
1183
1261
|
//处理展开key
|
|
1184
1262
|
function _handleExpendKey(list) {
|
|
1185
|
-
return list.reduce((acc, curr)
|
|
1263
|
+
return list.reduce(function (acc, curr) {
|
|
1264
|
+
return acc.concat(curr.key, _handleExpendKey(curr.children || []));
|
|
1265
|
+
}, []);
|
|
1186
1266
|
}
|
|
1187
1267
|
if (localFilter) {
|
|
1188
1268
|
//开启本地过滤
|
|
1189
1269
|
if (onFilter) {
|
|
1190
|
-
|
|
1270
|
+
var fData = onFilter(treeOriDataRef.current);
|
|
1191
1271
|
if (!fData) return;
|
|
1192
1272
|
setTreeData(fData);
|
|
1193
1273
|
return;
|
|
@@ -1196,7 +1276,7 @@ const Tree = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
|
1196
1276
|
}
|
|
1197
1277
|
}, [localFilter, localParams]);
|
|
1198
1278
|
//渲染空状态
|
|
1199
|
-
|
|
1279
|
+
var renderEmpty = jsx("div", Object.assign({
|
|
1200
1280
|
className: clsx("".concat($prefixCls, "-tree ").concat($prefixCls, "-tree-empty"), className, emptyClassName),
|
|
1201
1281
|
style: props.style
|
|
1202
1282
|
}, {
|
|
@@ -1205,14 +1285,14 @@ const Tree = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
|
1205
1285
|
}, emptyProps))
|
|
1206
1286
|
}));
|
|
1207
1287
|
//tree memo
|
|
1208
|
-
|
|
1288
|
+
var treeMemo = useMemo(function () {
|
|
1209
1289
|
if (!(treeData === null || treeData === void 0 ? void 0 : treeData.length) && firstRender.current) {
|
|
1210
1290
|
firstRender.current = false;
|
|
1211
1291
|
return null;
|
|
1212
1292
|
} else if (!(treeData === null || treeData === void 0 ? void 0 : treeData.length)) {
|
|
1213
1293
|
return !loading ? renderEmpty : null;
|
|
1214
1294
|
}
|
|
1215
|
-
|
|
1295
|
+
var tCheckedKeys = inCheckedKeys;
|
|
1216
1296
|
if (checkStrictly) {
|
|
1217
1297
|
tCheckedKeys = {
|
|
1218
1298
|
checked: inCheckedKeys,
|
|
@@ -1229,7 +1309,9 @@ const Tree = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
|
1229
1309
|
className: "".concat(prefixCls, "-checkbox-inner")
|
|
1230
1310
|
}) : checkable,
|
|
1231
1311
|
selectable: radioable ? false : selectable,
|
|
1232
|
-
switcherIcon:
|
|
1312
|
+
switcherIcon: function switcherIcon(nodeProps) {
|
|
1313
|
+
return renderSwitcherIcon(prefixCls, _switcherIcon, showLine, nodeProps);
|
|
1314
|
+
}
|
|
1233
1315
|
}, getAdditionProps(), {
|
|
1234
1316
|
treeData: treeData,
|
|
1235
1317
|
checkedKeys: tCheckedKeys,
|
|
@@ -1237,9 +1319,9 @@ const Tree = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
|
1237
1319
|
loadedKeys: inLoadedKeys,
|
|
1238
1320
|
onCheck: internalCheck,
|
|
1239
1321
|
onExpand: internalExpand,
|
|
1240
|
-
icon: nodeProps
|
|
1241
|
-
if (
|
|
1242
|
-
return typeof
|
|
1322
|
+
icon: function icon(nodeProps) {
|
|
1323
|
+
if (_icon) {
|
|
1324
|
+
return typeof _icon === 'function' ? _icon(nodeProps) : _icon;
|
|
1243
1325
|
}
|
|
1244
1326
|
if (nodeProps.checkable === false) return null;
|
|
1245
1327
|
if (!radioable) {
|
|
@@ -1250,7 +1332,7 @@ const Tree = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
|
1250
1332
|
}));
|
|
1251
1333
|
}, [treeData, inCheckedKeys, inExpandedKeysKeys, newProps.selectedKeys, inLoadedKeys]);
|
|
1252
1334
|
//OperateBar render
|
|
1253
|
-
|
|
1335
|
+
var renderOperateBar = function renderOperateBar() {
|
|
1254
1336
|
return !!showActions ? jsx(OperateBar, {
|
|
1255
1337
|
opRef: opRef,
|
|
1256
1338
|
mouseInRef: mouseInSectorRef,
|