@zat-design/sisyphus-react 3.9.0-beta.2 → 3.9.0-beta.21

package/es/ProTable/components/RenderColumn/index.js

@@ -8,8 +8,11 @@ import "antd/es/typography/style";
 import _Typography from "antd/es/typography";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useSetState } from 'ahooks';
+import { isBoolean } from 'lodash';
+import classNames from 'classnames';
 import { CheckOutlined } from '@ant-design/icons';
 import { ReactSVG } from 'react-svg';
+import { isEmpty } from '../../../utils';
 import copySvg from '../../../assets/copy.svg';
 var Paragraph = _Typography.Paragraph,
   Text = _Typography.Text;
@@ -23,7 +26,6 @@ var RenderColumn = function RenderColumn(props) {
     ellipsis = props.ellipsis,
     width = props.width,
     originalValue = props.originalValue,
-    originalDiffTip = props.originalDiffTip,
     _props$toolTipProps = props.toolTipProps,
     toolTipProps = _props$toolTipProps === void 0 ? {} : _props$toolTipProps,
     minWidth = props.minWidth,
@@ -34,9 +36,13 @@ var RenderColumn = function RenderColumn(props) {
     _useSetState2 = _slicedToArray(_useSetState, 2),
     tooltip = _useSetState2[0].tooltip,
     setState = _useSetState2[1];
-  if ((originalValue || originalValue === 0) && !isInNewRowFlag) {
+  var cellDiffCls = classNames({
+    'varied-cell': props === null || props === void 0 ? void 0 : props.isChanged
+  });
+  // 比对场景走的逻辑
+  if (!isInNewRowFlag && isBoolean(props === null || props === void 0 ? void 0 : props.isChanged)) {
     var renderNode = value ? node : '-';
-    if (ellipsis || originalDiffTip) {
+    if (ellipsis || (props === null || props === void 0 ? void 0 : props.isChanged)) {
       renderNode = _jsx(Text, {
         style: {
           width: currentValue === '-' ? 32.5 : width,
@@ -47,23 +53,35 @@ var RenderColumn = function RenderColumn(props) {
         },
         children: ellipsis ? currentValue : renderNode
       });
+      if ((props === null || props === void 0 ? void 0 : props.isChanged) === false) {
+        return renderNode;
+      }
+      if (Array.isArray(originalValue)) {
+        console.error('Error: When enabled, dataIndex corresponds to an array, which needs to be converted using viewRender');
+      }
+      var originalValueCalc = function originalValueCalc() {
+        if (Array.isArray(originalValue)) {
+          return null;
+        }
+        return !isEmpty(originalValue) ? originalValue : '-';
+      };
       return _jsx(_Tooltip, _objectSpread(_objectSpread({
-        className: "varied-cell",
+        className: cellDiffCls,
         style: {
           width: width,
           minWidth: minWidth
         },
-        overlayClassName: "original-value-tootip",
+        overlayClassName: "original-value-tooltip",
         placement: "topLeft",
         autoAdjustOverflow: false,
         title: _jsx(_Space, {
           direction: "vertical",
           className: "changed-tooltip",
-          children: originalDiffTip ? _jsxs(_Fragment, {
+          children: (props === null || props === void 0 ? void 0 : props.isChanged) ? _jsxs(_Fragment, {
             children: [_jsxs(_Space, {
               align: "start",
               className: "original-value-container",
-              children: ["\u521D\u59CB\u503C\uFF1A", originalValue]
+              children: ["\u521D\u59CB\u503C\uFF1A", originalValueCalc()]
             }), _jsx(_Space, {
               className: "current-value-container",
               children: ellipsis ? _jsxs(_Space, {
@@ -79,8 +97,11 @@ var RenderColumn = function RenderColumn(props) {
         children: renderNode
       }));
     }
+    if ((props === null || props === void 0 ? void 0 : props.isChanged) === false) {
+      return renderNode;
+    }
     return _jsx("span", {
-      className: "varied-cell",
+      className: cellDiffCls,
       style: {
         width: width,
         minWidth: minWidth
@@ -129,15 +150,12 @@ var RenderColumn = function RenderColumn(props) {
       range.setStart(box, 0);
       range.setEnd(box, box.childNodes.length);
       var rangeWidth = range.getBoundingClientRect().width;
-      var rangeHeight = range.getBoundingClientRect().height;
-      var contentWidth = rangeWidth - Math.floor(rangeWidth);
       var _getPadding = getPadding(box),
         pLeft = _getPadding.pLeft,
         pRight = _getPadding.pRight,
         pTop = _getPadding.pTop,
         pBottom = _getPadding.pBottom;
       var horizontalPadding = pLeft + pRight;
-      var verticalPadding = pTop + pBottom;
       if (rangeWidth + horizontalPadding > box.clientWidth) {
         return true;
       }

package/es/ProTable/components/RenderFooter/index.d.ts

@@ -1,2 +1,2 @@
-declare const RenderFooter: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const RenderFooter: (props: any) => JSX.Element;
 export default RenderFooter;

package/es/ProTable/components/RenderTableHeader/index.d.ts

@@ -1,2 +1,2 @@
-declare const RenderTableHeader: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const RenderTableHeader: (props: any) => JSX.Element;
 export default RenderTableHeader;

package/es/ProTable/components/TableResizable/index.d.ts

@@ -6,7 +6,7 @@ declare const _default: {
                 onDrag: any;
                 width: number;
                 minwidth?: number;
-            }) => import("react/jsx-runtime").JSX.Element;
+            }) => JSX.Element;
         };
     };
 };

package/es/ProTable/components/TableResizable/index.js

@@ -3,10 +3,9 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["onDrag", "width", "minwidth"];
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useState, useContext } from 'react';
+import { useState } from 'react';
 import { Resizable } from 'react-resizable';
 import classnames from 'classnames';
-import { TableContext } from '../../index';
 import { getParentElement } from '../FormatColumn';
 var ResizableTitle = function ResizableTitle(props) {
   var _restProps$className;
@@ -15,9 +14,6 @@ var ResizableTitle = function ResizableTitle(props) {
     _props$minwidth = props.minwidth,
     minwidth = _props$minwidth === void 0 ? 50 : _props$minwidth,
     restProps = _objectWithoutProperties(props, _excluded);
-  var _useContext = useContext(TableContext),
-    tableConfig = _useContext.tableConfig,
-    Storage = _useContext.Storage;
   // 添加偏移量
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),

package/es/ProTable/hooks/useAntdTable.js

@@ -276,7 +276,7 @@ function useAntdTable(service, options, useRequestOptions) {
     }
   };
   var handleRefresh = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var res;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -388,7 +388,7 @@ function useAntdTable(service, options, useRequestOptions) {
         total: total
       }),
       onSelect: function () {
-        var _onSelect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(changeableRowKeys) {
+        var _onSelect = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(changeableRowKeys) {
           return _regeneratorRuntime().wrap(function _callee2$(_context2) {
             while (1) switch (_context2.prev = _context2.next) {
               case 0:
@@ -412,7 +412,7 @@ function useAntdTable(service, options, useRequestOptions) {
       key: 'uncheckAll',
       text: locale === null || locale === void 0 ? void 0 : (_locale$ProTable4 = locale.ProTable) === null || _locale$ProTable4 === void 0 ? void 0 : _locale$ProTable4.deselect,
       onSelect: function () {
-        var _onSelect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+        var _onSelect2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
           return _regeneratorRuntime().wrap(function _callee3$(_context3) {
             while (1) switch (_context3.prev = _context3.next) {
               case 0:

package/es/ProTable/index.d.ts

@@ -1,19 +1,20 @@
 /// <reference types="react" />
 import { ProTableProps } from './propsType';
+import useAntdTable from './hooks/useAntdTable';
 export declare const TableContext: import("react").Context<{}>;
 export declare const defaultPage: {
     pageNum: number;
     pageSize: number;
 };
-declare function ProTable(props: ProTableProps): import("react/jsx-runtime").JSX.Element;
-declare namespace ProTable {
-    var defaultProps: {
+declare const ProTable: {
+    (props: ProTableProps): JSX.Element;
+    defaultProps: {
         quickConfig: boolean;
         stripe: boolean;
         draggable: boolean;
         disabled: boolean;
         isView: boolean;
     };
-    var useAntdTable: typeof import("./hooks/useAntdTable").default;
-}
+    useAntdTable: typeof useAntdTable;
+};
 export default ProTable;

package/es/ProTable/index.js

@@ -29,7 +29,7 @@ export var defaultPage = {
   pageNum: 1,
   pageSize: 10
 };
-function ProTable(props) {
+var ProTable = function ProTable(props) {
   var _locale$ProTable, _props$scroll, _curTableConfig$pathK;
   var _ref = useProConfig('globalConfig') || {},
     configStorage = _ref.storage; // 获取全局缓存位置配置
@@ -114,7 +114,6 @@ function ProTable(props) {
     });
   });
   var originalObj = _originalDataSource ? keyBy(_originalDataSource, 'rowKey') : undefined;
-  var dataSourceObj = _dataSource ? keyBy(_dataSource, 'rowKey') : {};
   var propsColumnObj = useMemo(function () {
     return propsColumns.reduce(function (acc, cur) {
       // @ts-ignore
@@ -213,9 +212,8 @@ function ProTable(props) {
       formatColumn({
         column: item,
         originalObj: originalObj,
-        dataSourceObj: dataSourceObj,
-        rowKey: 'rowKey',
-        diffToolTip: toolTip,
+        rowKey: props.rowKey,
+        diffConfig: diffConfig,
         wrapToolTipProps: wrapToolTipProps,
         scroll: _scroll,
         onUpdateMinWidth: function onUpdateMinWidth(w) {
@@ -246,7 +244,7 @@ function ProTable(props) {
     _scroll = props === null || props === void 0 ? void 0 : props.scroll;
   }
   var handleColumnConfig = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(checkList) {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(checkList) {
       var newColumns, _columnConfig$onColum, catchColumns;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -355,7 +353,7 @@ function ProTable(props) {
     return _rowSelection;
   };
   var onDataSourceChange = /*#__PURE__*/function () {
-    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(nextDataSource) {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(nextDataSource) {
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -447,7 +445,7 @@ function ProTable(props) {
       })]
     })
   });
-}
+};
 ProTable.defaultProps = {
   quickConfig: false,
   stripe: true,

package/es/ProTable/propsType.d.ts

@@ -31,7 +31,6 @@ export interface ProTableColumn extends Omit<ColumnType<any>, 'dataIndex'> {
         value: string | number;
     }[];
     copyable?: boolean;
-    originalDiffTip?: boolean;
     prefix?: string | ReactNode | ((value: any, record?: any, index?: number) => any);
     suffix?: string | ReactNode | ((value: any, record?: any, index?: number) => any);
     tooltip?: ReactNode | {
@@ -45,6 +44,8 @@ export interface ProTableColumn extends Omit<ColumnType<any>, 'dataIndex'> {
         value: any;
         originValue: any;
     }) => boolean;
+    viewRender?: ({ value, record, index, originalValue, originalRecord }: any) => any;
+    isChanged?: boolean | null;
 }
 export interface CreateTreeFromArrayOptions {
     itemKey?: string;

package/es/ProTable/style/index.less

@@ -261,11 +261,20 @@
     tr.@{ant-prefix}-table-row.new-cell {
       background: var(--zaui-contract-bg-add; #d2fff4) !important;
       background-color: var(--zaui-contract-bg-add; #d2fff4) !important;
-
       td.@{ant-prefix}-table-cell {
         background: var(--zaui-contract-bg-add; #d2fff4) !important;
         background-color: var(--zaui-contract-bg-add; #d2fff4) !important;
         border-bottom: 1px solid var(--zaui-form-control-line, #dcdcdc);
+        &.@{ant-prefix}-table-cell-fix-right {
+          background: var(--zaui-contract-bg-add; #d2fff4) !important;
+          background-color: var(--zaui-contract-bg-add; #d2fff4) !important;
+          border-bottom: 1px solid var(--zaui-form-control-line, #dcdcdc);
+        }
+        &.@{ant-prefix}-table-cell-fix-left {
+          background: var(--zaui-contract-bg-add; #d2fff4) !important;
+          background-color: var(--zaui-contract-bg-add; #d2fff4) !important;
+          border-bottom: 1px solid var(--zaui-form-control-line, #dcdcdc);
+        }
       }
     }
 

package/es/ProTable/utils/index.d.ts

@@ -11,9 +11,12 @@ export declare const getDecimalDigits: (num?: number) => number;
  * @param any value
  * @param any originalObj
  * @param {any} dataIndex
- * @return {any}
+ * @return {any} isChanged 返回bool值，表示存在比对
  */
-export declare const getOriginalValue: (value: any, record: any, originalObj: any, rowKey: any, dataIndex: any) => any;
+export declare const getOriginalValue: (value: any, record: any, originalObj: any, rowKey: any, dataIndex: any) => {
+    originalValue: any;
+    isChanged: boolean;
+};
 export declare const getColumnDataIndex: (dataIndex: string | string[]) => string;
 /**
  * 判断数据是否为Response<List<any>>结构

package/es/ProTable/utils/index.js

@@ -16,18 +16,27 @@ export var getDecimalDigits = function getDecimalDigits() {
  * @param any value
  * @param any originalObj
  * @param {any} dataIndex
- * @return {any}
+ * @return {any} isChanged 返回bool值，表示存在比对
  */
 export var getOriginalValue = function getOriginalValue(value, record, originalObj, rowKey, dataIndex) {
   if (!originalObj) {
-    return undefined;
+    return {
+      originalValue: null,
+      isChanged: null
+    };
   }
   var originalRecord = get(originalObj, get(record, rowKey));
   var originalValue = get(originalRecord, dataIndex);
   if (!isEqual(originalValue, value)) {
-    return originalValue;
+    return {
+      originalValue: originalValue,
+      isChanged: true
+    };
   }
-  return undefined;
+  return {
+    originalValue: null,
+    isChanged: false
+  };
 };
 export var getColumnDataIndex = function getColumnDataIndex(dataIndex) {
   return typeof dataIndex === 'string' ? dataIndex : dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.join('-');

package/es/ProTabs/components/Card/index.d.ts

@@ -1,3 +1,3 @@
 import { CardProps } from '../../propType';
-declare const Card: (props: CardProps) => import("react/jsx-runtime").JSX.Element;
+declare const Card: (props: CardProps) => JSX.Element;
 export default Card;

package/es/ProThemeTools/component/ProTools/index.d.ts

@@ -1,3 +1,3 @@
 import type { DevToolsPropsType } from '../../propsType';
-declare const ProTools: ({ onReset, onClose, setState, open, state, tableBorder, tableStripe, }: DevToolsPropsType) => import("react/jsx-runtime").JSX.Element;
+declare const ProTools: ({ onReset, onClose, setState, open, state, tableBorder, tableStripe, }: DevToolsPropsType) => JSX.Element;
 export default ProTools;

package/es/ProThemeTools/index.d.ts

@@ -1,6 +1,6 @@
 import type { ProThemeToolsProps } from './propsType';
 declare const ProThemeTools: {
-    ({ size, className, cacheTime, color, mode, iconFollowTheme, prefixCls, tableBorder, tableStripe, theme, onChange, ...props }: ProThemeToolsProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, className, cacheTime, color, mode, iconFollowTheme, prefixCls, tableBorder, tableStripe, theme, onChange, ...props }: ProThemeToolsProps): JSX.Element;
     defaultProps: {
         size: number;
         mode: string;

package/es/ProTooltip/index.d.ts

@@ -1,4 +1,4 @@
 import { ProTooltipPropsType } from './propsType';
 import './style/index.less';
-declare const ProTooltip: (props: ProTooltipPropsType) => import("react/jsx-runtime").JSX.Element;
+declare const ProTooltip: (props: ProTooltipPropsType) => JSX.Element;
 export default ProTooltip;

package/es/ProTree/components/AdaptiveTooltip.d.ts

@@ -1,4 +1,4 @@
 declare const AdaptiveTooltip: ({ children }: {
     children: any;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => JSX.Element;
 export default AdaptiveTooltip;

package/es/ProTree/components/CloseIcon.d.ts

@@ -1,2 +1,3 @@
-declare function CloseIcon(props: any): import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+declare function CloseIcon(props: any): JSX.Element;
 export default CloseIcon;

package/es/ProTree/components/List.d.ts

@@ -12,6 +12,6 @@ interface ListProps {
     handleFilterClose?: (code: string) => void;
     optionRender?: (item: any, searchStr?: string) => string | ReactNode;
 }
-declare function List(props: ListProps): import("react/jsx-runtime").JSX.Element;
+declare function List(props: ListProps): JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof List>;
 export default _default;

package/es/ProTree/components/ProTree.d.ts

@@ -1,4 +1,4 @@
 import { ProTreeProps } from '../propsType';
 import '../style/index.less';
-declare const ProTree: (props: ProTreeProps) => import("react/jsx-runtime").JSX.Element;
+declare const ProTree: (props: ProTreeProps) => JSX.Element;
 export default ProTree;

package/es/ProTree/components/ProTree.js

@@ -359,7 +359,7 @@ var ProTree = function ProTree(props) {
   };
   /** 点击了树节点开始loading,改变自身state并将值通过onchange上传到form */
   var onSelectTreeNode = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(props, info) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(props, info) {
       var _options$;
       var values, options, option;
       return _regeneratorRuntime().wrap(function _callee$(_context) {

package/es/ProTree/components/ProTreeSelect/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { PropTreeSelectProps } from './propsType';
-export declare const ProTreeSelect: (props: PropTreeSelectProps, ref: React.Ref<unknown> | undefined) => import("react/jsx-runtime").JSX.Element;
+export declare const ProTreeSelect: (props: PropTreeSelectProps, ref: React.Ref<unknown> | undefined) => JSX.Element;
 declare const _default: React.ForwardRefExoticComponent<PropTreeSelectProps & React.RefAttributes<unknown>>;
 export default _default;

package/es/ProTree/components/ProTreeSelect/index.js

@@ -1,6 +1,8 @@
 import "antd/es/tooltip/style";
 import _Tooltip from "antd/es/tooltip";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import "antd/es/input/style";
 import _Input from "antd/es/input";
 import "antd/es/message/style";
@@ -18,7 +20,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useDeepCompareEffect, useRequest as useRequestFunc, useSetState } from 'ahooks';
 import classnames from 'classnames';
 import { useImperativeHandle, forwardRef } from 'react';
-import { cloneDeep } from 'lodash';
+import { cloneDeep, debounce } from 'lodash';
 import { useProConfig } from '../../../ProConfigProvider';
 import Container from '../../../ProForm/components/Container';
 import AdaptiveTooltip from '../AdaptiveTooltip';
@@ -108,14 +110,14 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     }
     var count = 0;
     var result = [];
-    var _loopCount = function loopCount(data) {
+    var loopCount = function loopCount(data) {
       data.map(function (item) {
         count += 1;
         var children = item.children,
           other = _objectWithoutProperties(item, _excluded2);
         result.push(_objectSpread({}, other));
         if (item.children) {
-          _loopCount(item.children);
+          loopCount(item.children);
         }
         return item;
       });
@@ -123,7 +125,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     if ((dictsEnum === null || dictsEnum === void 0 ? void 0 : dictsEnum.length) > 10) {
       return dictsEnum;
     }
-    _loopCount(dictsEnum);
+    loopCount(dictsEnum);
     if (count <= 10) {
       return result;
     }
@@ -137,17 +139,17 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
    */
   var transferDataSource = function transferDataSource(dataArr, showCodeAndName) {
     var copyData = cloneDeep(dataArr);
-    var _loop = function loop(arr) {
+    var loop = function loop(arr) {
       arr.map(function (item) {
         item[label] = "".concat(item[code], "-").concat(item[label]);
         if (item.children) {
-          _loop(item.children);
+          loop(item.children);
         }
         return item;
       });
     };
     if (showCodeAndName) {
-      _loop(copyData);
+      loop(copyData);
     }
     return copyData;
   };
@@ -241,19 +243,19 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       return viewEmpty;
     }
     var labelResult = [];
-    var _queryLabel = function queryLabel(dicts) {
+    var queryLabel = function queryLabel(dicts) {
       return dicts.map(function (item) {
         if (value.includes(item[code])) {
           var labelText = item[label];
           labelResult.push(labelText);
         }
         if (item.children) {
-          _queryLabel(item.children);
+          queryLabel(item.children);
         }
         return item;
       });
     };
-    _queryLabel(origDataSource);
+    queryLabel(origDataSource);
     return labelResult === null || labelResult === void 0 ? void 0 : labelResult.join('，');
   };
   // 纯展示处理
@@ -291,7 +293,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
    * @param node 每个节点数据对象
    * @returns 整个react节点树
    */
-  var _renderTreeNode = function renderTreeNode(node, grade) {
+  var renderTreeNode = function renderTreeNode(node, grade) {
     var children = node.children,
       icon = node.icon;
     var labelText = node[label];
@@ -362,7 +364,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       checkable: node.checkable,
       className: "node-val-".concat(value),
       children: children.map(function (child) {
-        return _renderTreeNode(child, sonGrade);
+        return renderTreeNode(child, sonGrade);
       })
     }, key);
   };
@@ -373,7 +375,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
    * @returns 处理后得树
    */
   function filterTree(sourceList, keyWord) {
-    var _filterData = function filterData(data) {
+    var filterData = function filterData(data) {
       var currentAllNodeChild = []; // 记录当前节点得所有子节点
       // 遍历数组
       for (var i = 0; i < data.length; i++) {
@@ -381,7 +383,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
         // 一直递归到最后一层子节点
         var currentNodeChild = []; // 记录当前节点下得子节点匹配到的节点个数
         if (item.children && item.children.length > 0) {
-          currentNodeChild = _filterData(item.children);
+          currentNodeChild = filterData(item.children);
         }
         // 迭代完子节点向上回溯，如果有匹配到得子节点，那么加入当前节点得孩子对象上,否则加入得是空数组
         item.children = currentNodeChild;
@@ -395,24 +397,41 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       }
       return currentAllNodeChild;
     };
-    sourceList = _filterData(sourceList);
+    sourceList = filterData(sourceList);
     return sourceList;
   }
-  var searchTreeEvent = function searchTreeEvent(searchVal) {
-    if (!searchVal) {
-      setState({
-        selectList: cloneDeep(origDataSource || [])
-      });
-      return null;
-    }
-    var result = filterTree(cloneDeep(origDataSource || []), searchVal);
-    setState({
-      selectList: result || []
-    });
-  };
+  var searchTreeEvent = debounce( /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(searchVal) {
+      var result;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (searchVal) {
+              _context.next = 3;
+              break;
+            }
+            setState({
+              selectList: cloneDeep(origDataSource || [])
+            });
+            return _context.abrupt("return", null);
+          case 3:
+            result = filterTree(cloneDeep(origDataSource || []), searchVal);
+            setState({
+              selectList: result || []
+            });
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref5.apply(this, arguments);
+    };
+  }(), 500);
   function findTreeNode(treeList, nodeValue) {
     var result = {};
-    var _filterData2 = function filterData(data) {
+    var filterData = function filterData(data) {
       for (var i = 0; i < data.length; i++) {
         var item = data[i];
         if (item[code] === nodeValue || Array.isArray(nodeValue) && nodeValue.includes(item[code])) {
@@ -424,11 +443,11 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
         }
         // 一直递归到最后一层子节点
         if (item.children && item.children.length > 0) {
-          _filterData2(item.children);
+          filterData(item.children);
         }
       }
     };
-    _filterData2(treeList);
+    filterData(treeList);
     return result;
   }
   function getLabelByValue(treeList, nodeValue) {
@@ -565,7 +584,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       }
     }, treeProps), {}, {
       children: selectList.map(function (node) {
-        return _renderTreeNode(node, 1);
+        return renderTreeNode(node, 1);
       })
     }))
   });

package/es/ProTree/components/SearchTitle.d.ts

@@ -6,6 +6,6 @@ declare function SearchTitle(props: {
     showEllipse?: boolean;
     ellipseWidth?: string;
     otherProps?: ProFormOtherProps;
-}): import("react/jsx-runtime").JSX.Element;
+}): JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof SearchTitle>;
 export default _default;

package/es/ProTree/components/Tree.d.ts

@@ -23,5 +23,5 @@ interface ListProps extends ProTreeProps {
     handleFilterClose?: (code: string, node?: any) => void;
     [key: string]: any;
 }
-declare function List(props: ListProps): import("react/jsx-runtime").JSX.Element;
+declare function List(props: ListProps): JSX.Element;
 export default List;