@para-ui/core 4.0.26 → 4.0.28

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.
@@ -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
- const defaultPageSize = {
568
+ var defaultPageSize = {
567
569
  page: 1,
568
570
  size: 10
569
571
  };
570
572
  //tree 组件
571
- const Tree = /*#__PURE__*/React__default.forwardRef((props, ref) => {
572
- const {
573
- url,
574
- ctx,
575
- params = null,
576
- method = 'GET',
577
- headers,
578
- requestCallback,
579
- refresh,
580
- replaceFields = {
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: originTreeData,
588
- className,
589
- showIcon,
590
- icon,
591
- showLine,
592
- switcherIcon,
593
- blockNode,
594
- checkable,
595
- selectable,
596
- radioable = false,
597
- showRadio = true,
598
- checkStrictly = false,
599
- actionsCallback,
600
- showActions,
601
- checkedKeys,
602
- defaultCheckedKeys,
603
- expandedKeys,
604
- defaultExpandedKeys,
605
- loadedKeys,
606
- onCheck,
607
- onExpand,
608
- asyncLoad = false,
609
- pagination = false,
610
- pageSize = defaultPageSize,
611
- loadData,
612
- localFilter = false,
613
- localParams,
614
- onFilter,
615
- loadMoreNode = null,
616
- paramsCallback,
617
- titleRender,
618
- emptyProps,
619
- emptyClassName,
620
- notFoundContent,
621
- wrapperClassName,
622
- wrapperStyle,
623
- showLoading = true,
624
- loadingNode,
625
- onLoadedKey,
626
- tipMaxWidth = 500
627
- } = props;
628
- const [treeData, setTreeData] = useState([]); //树数据
629
- const [inCheckedKeys, setInCheckedKeys] = useState([]); //选中keys
630
- const [inExpandedKeysKeys, setInExpandedKeys] = useState([]); //展开keys
631
- const opRef = useRef({}); //操作栏
632
- const mouseInSectorRef = useRef(false); //是否鼠标进入扇形
633
- const timeSectorRef = useRef(-1); //定时显示扇形
634
- const nodesRef = useRef([]); //保存节点状态
635
- const prefixCls = "".concat($prefixCls, "-tree"); //tree容器前缀
636
- const treeMapRef = useRef({}); //tree map
637
- const treeOriDataRef = useRef([]); //tree origin data
638
- const nPageSize = Object.assign(Object.assign({}, defaultPageSize), pageSize);
639
- const halfCheckedKeys = useRef([]); //半选keys
640
- const intl = useFormatMessage('Tree', localeJson);
641
- const [loading, setLoading] = useState(false);
642
- const firstRender = useRef(true); //是否第一次渲染
643
- const [inLoadedKeys, setInLoadKeys] = useState([]);
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
- const newProps = Object.assign(Object.assign({}, props), {
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
- const makeCls = () => {
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
- const formatTreeData = treeData => {
683
+ var formatTreeData = function formatTreeData(treeData) {
662
684
  function recursive(dataList) {
663
- const {
664
- key,
665
- title,
666
- children,
667
- parentId
668
- } = replaceFields || {};
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
- const internalTitleRender = nodeData => {
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: evt => handleSectorMEnter(nodeData, evt),
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
- const handleTreeNodeMEnter = evt => {
744
+ var handleTreeNodeMEnter = function handleTreeNodeMEnter(evt) {
722
745
  var _a;
723
- const spanClass = "".concat($prefixCls, "-tree-title-wrapper");
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
- const _currTarget = evt.currentTarget;
751
+ var _currTarget = evt.currentTarget;
729
752
  if (_currTarget) {
730
- const pClsx = ".".concat($prefixCls, "-tree-node-content-wrapper");
731
- const cParentEl = _currTarget.closest(pClsx);
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
- const handleTreeNodeMLeave = evt => {
760
+ var handleTreeNodeMLeave = function handleTreeNodeMLeave(evt) {
738
761
  evt.stopPropagation();
739
762
  clearNodesState();
740
- const _currTarget = evt.currentTarget;
763
+ var _currTarget = evt.currentTarget;
741
764
  if (_currTarget) {
742
- const pClsx = ".".concat($prefixCls, "-tree-node-content-wrapper");
743
- const cParentEl = _currTarget.closest(pClsx);
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
- const handleTreeNodeClick = () => {
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
- const showMoreActionIcon = (cParentEl, isShow) => {
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
- const handleSectorMEnter = (nodeData, evt) => {
794
+ var handleSectorMEnter = function handleSectorMEnter(nodeData, evt) {
772
795
  evt.stopPropagation();
773
- const _currTarget = evt.currentTarget;
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
- const handleSectorMLeave = evt => {
804
+ var handleSectorMLeave = function handleSectorMLeave(evt) {
782
805
  evt.stopPropagation();
783
806
  clearTimeout(timeSectorRef.current);
784
- const _anchor = evt.currentTarget;
785
- const timer = setTimeout(() => {
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
- const showSector = (anchorEl, nodeData) => {
816
+ var showSector = function showSector(anchorEl, nodeData) {
794
817
  var _a, _b;
795
- const portalRoot = document.getElementById(opRef.current.uid);
818
+ var portalRoot = document.getElementById(opRef.current.uid);
796
819
  anchorEl.classList.add('sector-anchor--active');
797
820
  if (portalRoot) {
798
- const container = portalRoot.querySelector('.sector-container');
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
- const removeSector = anchorEl => {
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
- const handleOnRemove = anchorEl => {
836
+ var handleOnRemove = function handleOnRemove(anchorEl) {
814
837
  if (anchorEl) {
815
- const pCls = ".".concat($prefixCls, "-tree-node-content-wrapper");
816
- const cParentEl = anchorEl.closest(pCls);
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
- const clearNodesState = () => {
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
- const internalCheck = (checkedKeys, e) => {
856
+ var internalCheck = function internalCheck(checkedKeys, e) {
834
857
  var _a;
835
- let temp = [];
836
- let halfChecked = [];
858
+ var temp = [];
859
+ var halfChecked = [];
837
860
  if (radioable) {
838
861
  //单选
839
- const node = e.node;
840
- const key = (_a = replaceFields.key) !== null && _a !== void 0 ? _a : 'key';
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
- const internalExpand = (expandedKeys, e) => {
880
+ var internalExpand = function internalExpand(expandedKeys, e) {
858
881
  if (!('expandedKeys' in props)) {
859
- setInExpandedKeys([...expandedKeys]);
882
+ setInExpandedKeys(_toConsumableArray(expandedKeys));
860
883
  }
861
884
  onExpand === null || onExpand === void 0 ? void 0 : onExpand(expandedKeys, e);
862
885
  };
863
886
  //请求树数据
864
- const requestTreeData = function () {
865
- let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
866
- return __awaiter(void 0, void 0, void 0, function* () {
867
- if (!url) return [];
868
- showLoading && setLoading(true);
869
- const tParams = (paramsCallback === null || paramsCallback === void 0 ? void 0 : paramsCallback(params)) || params;
870
- const m = method === null || method === void 0 ? void 0 : method.toUpperCase();
871
- const opts = {
872
- url,
873
- ctx,
874
- method: m,
875
- [m === 'GET' ? 'params' : 'data']: tParams || {}
876
- };
877
- if (headers) opts.headers = headers;
878
- const {
879
- data,
880
- err
881
- } = yield Request(opts); //分页数据格式 {list,page,size,total},否则 []
882
- showLoading && setLoading(false);
883
- if (err) return pagination ? {} : [];
884
- return pagination ? data.data || {} : data.data || [];
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
- const getLoadMoreData = () => {
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
- const renderLoadMoreNode = dataNode => {
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
- const updateTreeData = (list, key, children, moreFlag) => {
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
- const child = node.children || [];
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
- const onLoadData = dataNode => {
945
- const {
946
- key,
947
- children,
948
- parentId,
949
- moreFlag
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(resolve => __awaiter(void 0, void 0, void 0, function* () {
954
- var _a;
955
- if (children) {
956
- resolve();
957
- return;
958
- }
959
- //当前节点key
960
- let tKey = key;
961
- //参数动态字段
962
- const loadKey = (_a = replaceFields.loadKey) !== null && _a !== void 0 ? _a : 'key';
963
- //加载节点时参数
964
- const loadParams = Object.assign({
965
- [loadKey]: tKey
966
- }, params);
967
- //是否分页
968
- if (pagination) {
969
- if (moreFlag) {
970
- //是否加载更多
971
- tKey = parentId;
972
- treeMapRef.current[tKey].page += 1;
973
- loadParams[loadKey] = tKey;
974
- if (tKey === 'ROOT_KEY') {
975
- //根节点加载更多,不需要key
976
- delete loadParams[loadKey];
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
- loadParams.page = treeMapRef.current[tKey].page;
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
- const transformTreeData = (treeData, pageInfo, parentId) => {
1020
- const newTreeData = convert(treeData); //tree结构
1021
- const {
1022
- page,
1023
- size,
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
- const loadMoreData = getLoadMoreData();
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
- const obj = treeMapRef.current;
1090
+ var obj = treeMapRef.current;
1036
1091
  if (!(data === null || data === void 0 ? void 0 : data.length)) return obj;
1037
- data.forEach(item => {
1038
- const tKey = item.moreFlag ? item.parentId : item.key;
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
- const initTree = () => __awaiter(void 0, void 0, void 0, function* () {
1049
- const tParams = Object.assign({}, params);
1050
- if (pagination) {
1051
- //分页参数
1052
- tParams.page = nPageSize.page;
1053
- tParams.size = nPageSize.size;
1054
- }
1055
- let treeData = yield requestTreeData(tParams);
1056
- let pageInfo = {}; //分页信息
1057
- //透传数据
1058
- const handledData = yield requestCallback === null || requestCallback === void 0 ? void 0 : requestCallback(treeData);
1059
- if (handledData) treeData = handledData;
1060
- if (pagination) {
1061
- //分页数据格式 {list,page,size,total}
1062
- if (!Object.keys(treeData).length) return setTreeData([]);
1063
- const {
1064
- list = [],
1065
- page,
1066
- size,
1067
- total
1068
- } = treeData;
1069
- treeData = list;
1070
- pageInfo = {
1071
- page,
1072
- size,
1073
- total
1074
- };
1075
- //clean treeMapRef
1076
- treeMapRef.current = {};
1077
- }
1078
- if (!(treeData === null || treeData === void 0 ? void 0 : treeData.length)) return setTreeData([]);
1079
- treeData = formatTreeData(treeData);
1080
- if (localFilter)
1081
- //本地过滤
1082
- treeOriDataRef.current = deepCopy(treeData);
1083
- if (pagination)
1084
- //是否分页
1085
- treeData = transformTreeData(treeData, pageInfo);
1086
- setTreeData([...treeData]);
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
- const getAdditionProps = () => {
1090
- const additionProps = {};
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([...defaultCheckedKeys]);
1180
+ setInCheckedKeys(_toConsumableArray(defaultCheckedKeys));
1102
1181
  }
1103
1182
  if (defaultExpandedKeys) {
1104
1183
  //默认值expanded
1105
- setInExpandedKeys([...defaultExpandedKeys]);
1184
+ setInExpandedKeys(_toConsumableArray(defaultExpandedKeys));
1106
1185
  }
1107
1186
  }, [defaultCheckedKeys, defaultExpandedKeys]);
1108
- useEffect(() => {
1187
+ useEffect(function () {
1109
1188
  if (checkedKeys) {
1110
1189
  //选中keys
1111
- setInCheckedKeys([...getCheckedKeys(checkedKeys)]);
1190
+ setInCheckedKeys(_toConsumableArray(getCheckedKeys(checkedKeys)));
1112
1191
  halfCheckedKeys.current = getHalfCheckedKeys(checkedKeys);
1113
1192
  }
1114
1193
  if (expandedKeys) {
1115
1194
  //展开keys
1116
- setInExpandedKeys([...expandedKeys]);
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([...loadedKeys]);
1205
+ setInLoadKeys(_toConsumableArray(loadedKeys));
1127
1206
  }
1128
1207
  }
1129
1208
  }, [loadedKeys]);
1130
- useEffect(() => {
1209
+ useEffect(function () {
1131
1210
  //默认展开所有
1132
1211
  function _expandAllNode(newTreeData) {
1133
- const keys = [];
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
- const newTreeData = formatTreeData(originTreeData);
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([...newTreeData]);
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(_ref) {
1165
- let {
1166
- searchKey,
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
- const tKeys = expandedKeys || defaultExpandedKeys;
1173
- setInExpandedKeys([...(tKeys || [])]);
1249
+ var tKeys = expandedKeys || defaultExpandedKeys;
1250
+ setInExpandedKeys(_toConsumableArray(tKeys || []));
1174
1251
  return;
1175
1252
  }
1176
- const flatData = flatten(treeOriDataRef.current);
1253
+ var flatData = flatten(treeOriDataRef.current);
1177
1254
  //匹配数据
1178
- const filterTreeData = flatData.reduce((acc, curr) => {
1179
- const title = String(curr[searchKey]).toLowerCase();
1180
- const isMatch = title.includes(searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase());
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
- const newTreeData = convertByFilter(deepCopy(flatData), filterTreeData);
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) => acc.concat(curr.key, _handleExpendKey(curr.children || [])), []);
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
- const fData = onFilter(treeOriDataRef.current);
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
- const renderEmpty = jsx("div", Object.assign({
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
- const treeMemo = useMemo(() => {
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
- let tCheckedKeys = inCheckedKeys;
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: nodeProps => renderSwitcherIcon(prefixCls, switcherIcon, showLine, nodeProps)
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 (icon) {
1246
- return typeof icon === 'function' ? icon(nodeProps) : icon;
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
- const renderOperateBar = () => {
1338
+ var renderOperateBar = function renderOperateBar() {
1258
1339
  return !!showActions ? jsx(OperateBar, {
1259
1340
  opRef: opRef,
1260
1341
  mouseInRef: mouseInSectorRef,