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