@lingxiteam/ebe-utils 0.2.22 → 0.2.23

package/lib/pcpublic/src/components/pcfactory/src/Tree/index.tsx

@@ -1,18 +1,20 @@
 /* eslint-disable no-underscore-dangle */
 /* eslint-disable eqeqeq */
 /* eslint-disable no-param-reassign */
-import { EllipsisOutlined } from '@ant-design/icons';
-import { LingxiForwardRef } from '@lingxiteam/types';
-import { Dropdown, Input, Menu, Popconfirm, Tooltip, Tree } from 'antd';
+import { Input, Menu, Popconfirm, Tooltip, Tree } from 'antd';
 import classnames from 'classnames';
-import { uniq } from 'lodash';
 import React, { useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { uniq } from 'lodash';
 import Icon from '../Icon';
-import { useListenProps } from '../utils';
-import CustomModule from '../utils/CustomModule';
+import TreeNodeMenu from './TreeNodeMenu';
 import { useFuncExpExecute } from '../utils/hooks/useFuncExpExecute';
+import { LingxiForwardRef } from '@lingxiteam/types';
+import { useListenProps } from '../utils';
 import { useLocale } from '../utils/hooks/useLocale';
-import TreeNodeMenu from './TreeNodeMenu';
+import useBackgroundStyle from '../View/useBackgroundStyle';
+import CustomModule from '../utils/CustomModule';
+import EmptyComp from '../utils/Empty';
+import TreeEllipsisIcon from './TreeEllipsisIcon';
 
 const SERVICE_SOURCE = {
   // 服务来源
@@ -74,15 +76,16 @@ export interface MyTreeProps {
   isSelectAll?: boolean;
   checkable?: boolean;
   rightMenuInfo?: any;
-  onRightClickNode?: (key: any, data: any, isLoaded: boolean, parentNodeKey: any, parentNodeData: any) => void;
+  onRightClickNode?: (key: any, data: any, isLoaded: boolean, parentNodeKey: any, parentNodeData: any,) => void;
   onClickMenuItem?: (key: string, menuData: any, path: any[]) => void;
   customRenderCode?: any;
   expandedKey?: any;
   closeExpandedKey?: any;
   showLine?: any;
   getEngineApis: any;
-  nodeIconsType?: 'default' | 'forceDropdown';
-  style?: React.CSSProperties;
+  nodeIconsType?: 'default' | 'forceDropdown',
+  style?: React.CSSProperties,
+  backgroundType?: any;
 }
 
 // const prefixCls = 'tree';
@@ -113,9 +116,12 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
     getEngineApis,
     nodeIconsType = 'default',
     style,
+    backgroundType,
+    $$componentItem,
     ...resetProps
   } = props;
 
+  const { backgroundStyle } = useBackgroundStyle({ backgroundType, engineApis: getEngineApis?.(), appId: $$componentItem?.appId, mode: 'engine' });
   const [closeExpandedKey, setCloseExpandedKey] = useListenProps(props.closeExpandedKey);
   const [expandedKey, setExpandedKey] = useListenProps(props.expandedKey);
 
@@ -126,7 +132,11 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
 
   const engineApis = getEngineApis?.() || {};
 
-  const { sandBoxSafeRun, sandBoxLoadModule } = engineApis;
+  const {
+    sandBoxSafeRun,
+    sandBoxLoadModule,
+    dataState,
+  } = engineApis;
 
   const { getLocale } = useLocale(engineApis);
 
@@ -249,9 +259,14 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
 
   // isGetAll 是否获取所有节点keys，否则只获取父级的，展开时使用
   const recursiveFind = (arr: any[], oldKey: any[], keys: any[], isGetAll = false) => {
-    arr?.forEach?.(k => {
-      if ((Array.isArray(k.children) && k.children.length > 0 && (!oldKey.length || oldKey.find(c => c == k.key))) || isGetAll) {
-        keys.push(oldKey.find(c => c == k.key) || String(k.key)); // id为数字的时候, 树控件识别string来判断展开节点
+    arr?.forEach?.((k) => {
+      if (
+        (Array.isArray(k.children) &&
+          k.children.length > 0 &&
+          (!oldKey.length || oldKey.find((c) => c == k.key))) ||
+        isGetAll
+      ) {
+        keys.push(oldKey.find((c) => c == k.key) || String(k.key)); // id为数字的时候, 树控件识别string来判断展开节点
         if (Array.isArray(k.children) && k?.children?.length) {
           recursiveFind(k.children, oldKey, keys, isGetAll);
         }
@@ -276,8 +291,19 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
   }, [isSelectAll, data]);
 
   const getParams = (service: any, key: any) => {
-    const { providerId, appId, serviceCode, _source, loadKey, _serviceId, serviceVersion, sceneCode, linkCode, busiObjectId, versionCode } =
-      service || {};
+    const {
+      providerId,
+      appId,
+      serviceCode,
+      _source,
+      loadKey,
+      _serviceId,
+      serviceVersion,
+      sceneCode,
+      linkCode,
+      busiObjectId,
+      versionCode,
+    } = service || {};
     let params: Record<string, any> = { [loadKey]: key };
     // 特殊服务参数处理
     if (_source === SERVICE_SOURCE.ATOM) {
@@ -344,10 +370,11 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
     const { key, title, children, selectable = 'selectable' } = service || {};
     const getTreeData = (arr: any[]) => {
       if (Array.isArray(arr)) {
-        return arr.map(c => {
+        return arr.map((c) => {
           // _isReload 标识节点数据是通过加载子节点动作设置的,此时取该动作配置好的key/title/selectable,原数据放在了data字段
           const originData = c._isReload ? c.data : c;
-          const isSelectable = transformBoolean(originData[selectable] ?? originData.selectable) ?? true;
+          const isSelectable =
+            transformBoolean(originData[selectable] ?? originData.selectable) ?? true;
           // 如果加载子节点配置了映射，优先取加载子节点的，否则取当时加载数据的映射，若都没有则取数据上的默认字段
           const nodeSelectable = c._isReload ? c.selectable ?? isSelectable : isSelectable;
           const _key = c._isReload ? c.key ?? originData[key] : originData[key] ?? originData.key;
@@ -368,8 +395,14 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
             selectable: nodeSelectable,
             isLeaf: c.isLeaf ?? originData.isLeaf ?? false,
             data: c.data || c,
-            disableCheckbox: c.disabled ?? c.disableCheckbox ?? (nodeSelectable !== undefined ? !nodeSelectable : undefined),
-            disabled: c.disabled ?? c.disableCheckbox ?? (nodeSelectable !== undefined ? !nodeSelectable : undefined),
+            disableCheckbox:
+              c.disabled ??
+              c.disableCheckbox ??
+              (nodeSelectable !== undefined ? !nodeSelectable : undefined),
+            disabled:
+              c.disabled ??
+              c.disableCheckbox ??
+              (nodeSelectable !== undefined ? !nodeSelectable : undefined),
           };
           // 优先取配置的children字段，若配置错误则子节点为空，若无配置默认访问数据自身chidren
           const childrenKey = children || 'children';
@@ -443,7 +476,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
   const findTreeDataByKey = (treeD: any, keys: string[]) => {
     const selectedData: any[] = [];
     const findSelectedData = (arr: any[]) => {
-      arr.forEach(c => {
+      arr.forEach((c) => {
         if (keys?.includes(String(c.key))) {
           selectedData.push(c.data || c);
         }
@@ -485,7 +518,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
 
   const loadNodeData = (node: any) => {
     const { children, eventKey } = node.props;
-    return new Promise<void>(resolve => {
+    return new Promise<void>((resolve) => {
       if (children && children.length) {
         resolve();
         return;
@@ -507,16 +540,13 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
       }
       engineApis?.service?.commonFetch(serviceMethod, asyncService.api, params).then(
         (res: string | any[]) => {
-          setLoadedKeys(pre => {
+          setLoadedKeys((pre) => {
             const newKeys = new Set([...pre, eventKey]);
             return [...newKeys];
           });
           if (Array.isArray(res) && res.length) {
             const source = loadTreeData(res, asyncService);
-            node.props.dataRef.children = source.map(c => ({
-              ...c,
-              isLeaf: false,
-            }));
+            node.props.dataRef.children = source.map((c) => ({ ...c, isLeaf: false }));
             node.props.dataRef.isLeaf = false;
           } else {
             node.props.dataRef.children = undefined;
@@ -530,12 +560,16 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
           node.props.dataRef.isLeaf = true;
           setData([...data]);
           resolve(err);
-        }
+        },
       );
     });
   };
 
-  const onClickIcon = (e: React.MouseEvent<HTMLSpanElement, MouseEvent>, c: Record<string, any>, icon: any) => {
+  const onClickIcon = (
+    e: React.MouseEvent<HTMLSpanElement, MouseEvent>,
+    c: Record<string, any>,
+    icon: any,
+  ) => {
     // e.stopPropagation();
 
     // 设置当前操作key
@@ -558,12 +592,20 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
     }
   };
 
-  const renderIconFont = (c: Record<string, any>, icon: any, dropdown?: boolean) => {
+  const renderIconFont = (c: Record<string, any>, icon: any, dropdown?: boolean, onCloseDropdown?: Function) => {
     return dropdown ? (
-      <span className="ued-tree-icon-dropdown" onClick={e => onClickIcon(e, c, icon)}>
+      <span
+        className="ued-tree-icon-dropdown"
+        onClick={(e) => {
+          if (typeof onCloseDropdown === 'function') {
+            onCloseDropdown();
+          }
+          onClickIcon(e, c, icon);
+        }}
+      >
         {/* ! 旧数据下，菜单不显示图标 */}
         {/* { 当nodeIconsType为dropdown时，显示图标 } */}
-        {forceDrowdown && (
+        {forceDrowdown && icon?.icon && (
           <span className="ued-treedropdown-icon">
             <Icon
               key={icon}
@@ -582,7 +624,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
         {icon?.title || iconMap[icon]?.name}
       </span>
     ) : (
-      <span className="ued-tree-icon" onClick={e => onClickIcon(e, c, icon)}>
+      <span className="ued-tree-icon" onClick={(e) => onClickIcon(e, c, icon)}>
         <Icon
           key={icon}
           appId={appId}
@@ -601,21 +643,24 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
 
   const getRuleFunc = (rule: string) => {
     if (!rule) {
-      return () => {};
+      return () => { };
     }
     if (typeof rule === 'function') {
       return rule;
     }
     if (typeof rule === 'string') {
       // eslint-disable-next-line no-new-func
-      return new Function('node', `try { return ${rule};} catch(e) { console.warn("${rule}${getLocale?.('nodeRule')}");}`);
+      return new Function(
+        'node',
+        `try { return ${rule};} catch(e) { console.warn("${rule}${getLocale?.('nodeRule')}");}`,
+      );
     }
-    return () => {};
+    return () => { };
   };
 
   const nodeIconsInfo = useMemo(() => {
     if (nodeIcons?.length) {
-      return nodeIcons.map(node => {
+      return nodeIcons.map((node) => {
         if (typeof node === 'string') {
           return {
             icon: {
@@ -641,7 +686,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
     return [];
   }, [JSON.stringify(nodeIcons || {})]);
 
-  const renderDelete = (c: Record<string, any>, icon: any, dropdown?: boolean) => (
+  const renderDelete = (c: Record<string, any>, icon: any, dropdown?: boolean, onCloseDropdown?: Function) => (
     <Popconfirm
       onVisibleChange={v => v && setPopVisible({ ...popVisible, [c.key]: false })}
       key={`${icon?.type || icon}_1`}
@@ -655,6 +700,9 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
           // 父节点数据保持一致，为平台包装后的数据，访问原数据需要从.data节点获取
           onNodeDelete(c.key, c.data, c?.data?.parentNode?.key, c?.data?.parentNode);
         }
+        if (typeof onCloseDropdown === 'function') {
+          onCloseDropdown();
+        }
       }}
       onCancel={(e: any) => e.stopPropagation()}
     >
@@ -662,17 +710,19 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
     </Popconfirm>
   );
 
-  const renderIcons = (c: Record<string, any>, icons: any[], dropdown?: boolean) =>
+  const renderIcons = (c: Record<string, any>, icons: any[], dropdown?: boolean, onCloseDropdown?: Function) =>
     dropdown ? (
-      <Menu onClick={e => e.domEvent.stopPropagation()}>
-        {icons.map(icon => (
+      <Menu onClick={(e) => e.domEvent.stopPropagation()}>
+        {icons.map((icon) => (
           <Menu.Item key={icon?.type || icon}>
-            {(icon?.type || icon) === 'delete' ? renderDelete(c, icon, dropdown) : renderIconFont(c, icon, dropdown)}
+            {(icon?.type || icon) === 'delete'
+              ? renderDelete(c, icon, dropdown, onCloseDropdown)
+              : renderIconFont(c, icon, dropdown, onCloseDropdown)}
           </Menu.Item>
         ))}
       </Menu>
     ) : (
-      icons.map(icon =>
+      icons.map((icon) =>
         (icon?.type || icon) === 'delete' ? (
           <Tooltip
             title={icon?.title || iconMap[icon]?.name}
@@ -682,8 +732,10 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
             {renderDelete(c, icon)}
           </Tooltip>
         ) : (
-          <Tooltip title={icon?.title || iconMap[icon]?.name}>{renderIconFont(c, icon)}</Tooltip>
-        )
+          <Tooltip title={icon?.title || iconMap[icon]?.name}>
+            {renderIconFont(c, icon)}
+          </Tooltip>
+        ),
       )
     );
 
@@ -719,9 +771,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
         </div>
       );
     } else if (codeStr && funcExpExecute) {
-      if (codeStr.toString().indexOf('节点名称hover展示全称') > -1) {
-        isTooltip = true;
-      }
+      if (codeStr.toString().indexOf('节点名称hover展示全称') > -1) isTooltip = true;
       context = (
         <div
           style={{ position: 'relative' }}
@@ -756,7 +806,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
   const renderTitle = (c: Record<string, any>, i: number) => {
     let iconsDom: any = null;
     if (!resetProps.disabled && Array.isArray(nodeIconsInfo) && nodeIconsInfo.length) {
-      const finalNodeIcons = nodeIconsInfo.filter(node => {
+      const finalNodeIcons = nodeIconsInfo.filter((node) => {
         if (node.rule && typeof node.rule === 'function') {
           try {
             return !node.rule(c);
@@ -774,21 +824,19 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
         );
       } else {
         iconsDom = (
-          <div className="ued-tree-icons">
-            <Dropdown trigger={['click']} overlay={renderIcons(c, finalNodeIcons, true) as any} getPopupContainer={(node: any) => node}>
-              <EllipsisOutlined
-                rev=""
-                className="ued-tree-icon"
-                onClick={(e: { stopPropagation: () => void }) => {
-                  e.stopPropagation();
-                }}
-              />
-            </Dropdown>
-          </div>
+          <TreeEllipsisIcon
+            trigger={['click']}
+            overlayFn={(onClose) => renderIcons(c, finalNodeIcons, true, onClose) as any}
+            // 不挂在当前层级，避免被overflow hidden截取
+            // getPopupContainer={(node: any) => node}
+            overlayClassName="ued-tree-ellipsis-menu"
+          />
         );
       }
     }
 
+    const treeTitle = renderContent(c, i);
+
     return (
       <div
         onContextMenu={() => {
@@ -816,7 +864,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
           overlayClassName="ued-tree-menu"
           menuData={rightMenuData[c.key]}
         >
-          <div className="tree-tit-item">{renderContent(c, i)}</div>
+          <div className="tree-tit-item" title={treeTitle}>{treeTitle}</div>
         </TreeNodeMenu>
         {iconsDom}
       </div>
@@ -829,6 +877,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
       return (
         <Icon
           {...info}
+          icon={info}
           appId={appId}
           isUsePrimary={treeNodeIcon?.isUsePrimary}
           style={{
@@ -875,10 +924,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
       extRules.forEach((iconRule: any) => {
         const { rule } = iconRule;
         if (typeof rule === 'function') {
-          const ruleResult = rule({
-            ...node,
-            ...(data?.dataRef || data || {}),
-          });
+          const ruleResult = rule({ ...node, ...(data?.dataRef || data || {}) });
           if (ruleResult) {
             // 为真时表示配置该图标
             info = iconRule;
@@ -902,10 +948,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
   const createNodes = (nodes: any[], parentNode?: any) =>
     Array.isArray(nodes) && nodes.length > 0
       ? nodes.map((c, i) => {
-        const nodeWithParent = {
-          ...c,
-          data: { ...(c.data || {}), parentNode },
-        };
+        const nodeWithParent = { ...c, data: { ...(c.data || {}), parentNode } };
         const nodeProps: any = { dataRef: c };
         return (
           <TreeNode
@@ -914,10 +957,21 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
             data={nodeWithParent.data}
             isLeaf={c.isLeaf}
             selectable={c.selectable}
-            disableCheckbox={c.disabled ?? c.disableCheckbox ?? (c.selectable !== undefined ? !c.selectable : undefined)}
-            disabled={c.disabled ?? c.disableCheckbox ?? (c.selectable !== undefined ? !c.selectable : undefined)}
-            className={classnames(!c.children || !c.children.length ? 'ued-tree-node-leaf' : '', 'ued-tree-tree-node')}
-            domRef={ref => {
+            disableCheckbox={
+              c.disabled ??
+              c.disableCheckbox ??
+              (c.selectable !== undefined ? !c.selectable : undefined)
+            }
+            disabled={
+              c.disabled ??
+              c.disableCheckbox ??
+              (c.selectable !== undefined ? !c.selectable : undefined)
+            }
+            className={classnames(
+              !c.children || !c.children.length ? 'ued-tree-node-leaf' : '',
+              'ued-tree-tree-node',
+            )}
+            domRef={(ref) => {
               if (c.matchFlag && !scrollIntoViewComp?.current && ref && treeWrapRef?.current) {
                 let currentComp: HTMLElement | null = ref.parentElement;
                 while (currentComp !== treeWrapRef?.current && currentComp) {
@@ -952,7 +1006,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
     const nodeMap = new WeakMap();
     const recursiveGetChildren = (d: any) => {
       if (Array.isArray(d) && d.length) {
-        d.forEach(c => {
+        d.forEach((c) => {
           if (c.children) {
             nodeMap.set(c, c.children);
             recursiveGetChildren(c.children);
@@ -978,20 +1032,6 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
           const newD = c;
           newD.title = tit;
           const originChildrenData = childrenData.get(newD);
-          if (originChildrenData) {
-            newD.children = originChildrenData;
-          }
-          if (newD.children) {
-            // 增加父级key路径
-            let pathKeys = newD.pathKeys || [];
-            if (newD.key) {
-              pathKeys = [...pathKeys, newD.key];
-            }
-            newD.children.forEach((d: any) => {
-              d.pathKeys = pathKeys;
-            });
-            newD.children = recursiveFilter(newD.children);
-          }
 
           // 自定义渲染函数-新数据格式
           // 自定义渲染函数-旧数据格式兼容 {code: string, originCode: string}
@@ -1018,12 +1058,30 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
             titText = funCodeRes.replace(/<\/?[^>]*>/g, '').replace(/[|]*\n|\s*/g, '');
           }
 
-          if (titText?.includes(searchVal || '') || newD.children?.length > 0) {
-            if (titText.includes(searchVal || '') && !firstMatchFlag) {
-              firstMatchFlag = true;
-              // 匹配中的第一个节点出现在可视区域内
-              newD.matchFlag = true;
+          if (titText?.includes(searchVal || '') && !firstMatchFlag) {
+            firstMatchFlag = true;
+            // 匹配中的第一个节点出现在可视区域内
+            newD.matchFlag = true;
+          } else {
+            newD.matchFlag = false;
+          }
+
+          if (originChildrenData) {
+            newD.children = originChildrenData;
+          }
+          if (newD.children) {
+            // 增加父级key路径
+            let pathKeys = newD.pathKeys || [];
+            if (newD.key) {
+              pathKeys = [...pathKeys, newD.key];
             }
+            newD.children.forEach((d: any) => {
+              d.pathKeys = pathKeys;
+            });
+            newD.children = recursiveFilter(newD.children);
+          }
+
+          if (titText?.includes(searchVal || '') || newD.children?.length > 0) {
             // 匹配中或存在子节点的，保留
             newArr.push(newD);
           }
@@ -1059,77 +1117,83 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
   // 展开指定节点
   useEffect(() => {
     if (Array.isArray(closeExpandedKey) && closeExpandedKey?.length && filterData?.length) {
-      const _expandedKeys = expandedKeys.filter(key => !closeExpandedKey.includes(key));
+      const _expandedKeys = expandedKeys.filter((key) => !closeExpandedKey.includes(key));
       setExpandedKeys(_expandedKeys);
     }
   }, [closeExpandedKey]);
 
+  const renderEmpty = (
+    <EmptyComp getLocale={getLocale} dataState={dataState} />
+  );
+
   return visible ? (
-    <div className={classnames('ued-tree-wrap', className)} ref={treeWrapRef} style={style}>
+    <div className={classnames('ued-tree-wrap', className)} ref={treeWrapRef} style={{ ...backgroundStyle, ...style }}>
       {showSearch && (
         <Input.Search
           className="ued-tree-search"
           value={searchVal}
-          onChange={e => {
+          onChange={(e) => {
             setSearchVal(e.target.value);
           }}
         />
       )}
-      <Tree
-        {...resetProps}
-        className={classnames('ued-tree', !showLineIcon ? 'ued-tree-no-line-icon' : '')}
-        selectedKeys={selectedKeys}
-        checkedKeys={checkedKeys}
-        showLine={
-          resetProps?.showLine
-            ? {
-              showLeafIcon: false,
+      {!filterData || !filterData?.length ? renderEmpty : (
+        <Tree
+          {...resetProps}
+          className={classnames('ued-tree', !showLineIcon ? 'ued-tree-no-line-icon' : '')}
+          selectedKeys={selectedKeys}
+          checkedKeys={checkedKeys}
+          showLine={
+            resetProps?.showLine
+              ? {
+                showLeafIcon: false,
+              }
+              : false
+          }
+          defaultExpandAll={isAsync && asyncService ? false : defaultExpandAll}
+          loadedKeys={loadedKeys}
+          onExpand={(keys: any[], eventData) => {
+            const { node, expanded } = eventData;
+            const parentNode: any = (eventData?.node as any)?.data?.parentNode;
+            setExpandedKeys(keys);
+            // 展开的时候触发
+            if (expanded) {
+              if (typeof onExpand === 'function') {
+                onExpand(
+                  node.key,
+                  (node.children || []).map((c: any) => c.key),
+                  parentNode?.key,
+                  parentNode,
+                );
+              } else {
+                node.isLeaf = !(node?.children && node?.children.length > 0);
+              }
             }
-            : false
-        }
-        defaultExpandAll={isAsync && asyncService ? false : defaultExpandAll}
-        loadedKeys={loadedKeys}
-        onExpand={(keys: any[], eventData) => {
-          const { node, expanded } = eventData;
-          const parentNode: any = (eventData?.node as any)?.data?.parentNode;
-          setExpandedKeys(keys);
-          // 展开的时候触发
-          if (expanded) {
-            if (typeof onExpand === 'function') {
-              onExpand(
-                node.key,
-                (node.children || []).map((c: any) => c.key),
-                parentNode?.key,
-                parentNode
-              );
-            } else {
-              node.isLeaf = !(node?.children && node?.children.length > 0);
+          }}
+          expandedKeys={expandedKeys}
+          onCheck={(checked: any) => {
+            // 重新设置选项时，重置全选状态
+            setCheckedKeys(checked);
+            setIsSelectAll(false);
+            if (onCheck) {
+              onCheck(checked);
             }
-          }
-        }}
-        expandedKeys={expandedKeys}
-        onCheck={(checked: any) => {
-          // 重新设置选项时，重置全选状态
-          setCheckedKeys(checked);
-          setIsSelectAll(false);
-          if (onCheck) {
-            onCheck(checked);
-          }
-        }}
-        onSelect={(keys: any[], e: any) => {
-          setSelectedKeys(keys);
-          const selectedData = findTreeDataByKey(data, keys);
-          setSelectDataList(selectedData);
-          if (onSelect) {
-            onSelect(keys, e, e?.node?.data?.parentNode?.key, e?.node?.data?.parentNode);
-          }
-        }}
-        showIcon={showLineIcon}
-        icon={showLineIcon ? renderNodeIcon : undefined}
-        loadData={isAsync && asyncService ? loadNodeData : undefined}
-      >
-        {createNodes(filterData)}
-      </Tree>
+          }}
+          onSelect={(keys: any[], e: any) => {
+            setSelectedKeys(keys);
+            const selectedData = findTreeDataByKey(data, keys);
+            setSelectDataList(selectedData);
+            if (onSelect) {
+              onSelect(keys, e, e?.node?.data?.parentNode?.key, e?.node?.data?.parentNode);
+            }
+          }}
+          showIcon={showLineIcon}
+          icon={showLineIcon ? renderNodeIcon : undefined}
+          loadData={isAsync && asyncService ? loadNodeData : undefined}
+        >
+          {createNodes(filterData)}
+        </Tree>
+      )}
     </div>
   ) : null;
 });