@lingxiteam/ebe-utils 0.2.3 → 0.2.5

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

@@ -6,13 +6,7 @@ import { LingxiForwardRef } from '@lingxiteam/types';
 import { Dropdown, 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 React, { useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import Icon from '../Icon';
 import { useListenProps } from '../utils';
 import CustomModule from '../utils/CustomModule';
@@ -56,34 +50,14 @@ export interface MyTreeProps {
   asyncService?: any;
   treeService?: any;
   dataSource?: any;
-  onSelect?: (
-    key: any,
-    data: any,
-    parentNodeKey: any,
-    parentNodeData: any,
-  ) => void;
+  onSelect?: (key: any, data: any, parentNodeKey: any, parentNodeData: any) => void;
   onCheck?: (checked: any) => void;
   onDataSourceRelease?: (e: any) => void;
   onSelectedKeysRelease?: (e: any) => void;
   nodeIcons?: any[];
-  onNodeAdd?: (
-    key: any,
-    data: any,
-    parentNodeKey: any,
-    parentNodeData: any,
-  ) => void;
-  onNodeEdit?: (
-    key: any,
-    data: any,
-    parentNodeKey: any,
-    parentNodeData: any,
-  ) => void;
-  onNodeDelete?: (
-    key: any,
-    data: any,
-    parentNodeKey: any,
-    parentNodeData: any,
-  ) => void;
+  onNodeAdd?: (key: any, data: any, parentNodeKey: any, parentNodeData: any) => void;
+  onNodeEdit?: (key: any, data: any, parentNodeKey: any, parentNodeData: any) => void;
+  onNodeDelete?: (key: any, data: any, parentNodeKey: any, parentNodeData: any) => void;
   onEditingKeyRelease?: (e: any) => void;
   onSelectedDataRelease?: (e: any) => void;
   onCheckedKeysRelease?: (e: any) => void;
@@ -100,19 +74,15 @@ 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;
 }
 
 // const prefixCls = 'tree';
@@ -141,12 +111,12 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
     onClickMenuItem,
     customRenderCode,
     getEngineApis,
+    nodeIconsType = 'default',
+    style,
     ...resetProps
   } = props;
 
-  const [closeExpandedKey, setCloseExpandedKey] = useListenProps(
-    props.closeExpandedKey,
-  );
+  const [closeExpandedKey, setCloseExpandedKey] = useListenProps(props.closeExpandedKey);
   const [expandedKey, setExpandedKey] = useListenProps(props.expandedKey);
 
   // 加载数据字段映射
@@ -172,15 +142,11 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
 
   const [checkedKeys, setCheckedKeys] = useState<any[]>([]);
   const [loadedKeys, setLoadedKeys] = useState<any[]>([]);
-  const [isSelectAll, setIsSelectAll] = useState<boolean>(
-    props?.isSelectAll || false,
-  );
+  const [isSelectAll, setIsSelectAll] = useState<boolean>(props?.isSelectAll || false);
   const [expandedKeys, setExpandedKeys] = useState<any[]>([]);
   const [searchVal, setSearchVal] = useState('');
   const [showRightMenu, setShowRightMenu] = useState<any>({});
-  const [rightMenuData, setRightMenuData] = useState<any>(
-    props.rightMenuInfo ?? {},
-  );
+  const [rightMenuData, setRightMenuData] = useState<any>(props.rightMenuInfo ?? {});
   const [popVisible, setPopVisible] = useState<any>({});
   const scrollIntoViewComp = useRef(false);
   const treeWrapRef = useRef<any>();
@@ -188,6 +154,9 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
   // 当前操作字段key
   const [editingKey, setEditingKey] = useState('');
 
+  // 强制菜单模式
+  const forceDrowdown = nodeIconsType === 'forceDropdown';
+
   useImperativeHandle(ref, () => ({
     get dataSource() {
       return data;
@@ -245,14 +214,9 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
 
   useEffect(() => {
     if (rightMenuData) {
-      const { dataSource, treeKey, titleKey, valueKey, children, selectable } =
-        rightMenuData || {};
+      const { dataSource, treeKey, titleKey, valueKey, children, selectable } = rightMenuData || {};
 
-      if (
-        treeKey &&
-        !showRightMenu[treeKey] &&
-        showRightMenu?.treeKey === treeKey
-      ) {
+      if (treeKey && !showRightMenu[treeKey] && showRightMenu?.treeKey === treeKey) {
         const recursiveSetData = (arr: any) => {
           if (Array.isArray(arr) && arr?.length) {
             return (arr || []).map((c: any) => {
@@ -284,20 +248,10 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
   }, [rightMenuData, showRightMenu]);
 
   // 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来判断展开节点
+  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来判断展开节点
         if (Array.isArray(k.children) && k?.children?.length) {
           recursiveFind(k.children, oldKey, keys, isGetAll);
         }
@@ -322,19 +276,8 @@ 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) {
@@ -343,11 +286,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
         providerId,
         serviceProviderRequest: params,
       };
-    } else if (
-      _source === SERVICE_SOURCE.QUERY ||
-      _source === SERVICE_SOURCE.INNER ||
-      _source === SERVICE_SOURCE.PLATFORM
-    ) {
+    } else if (_source === SERVICE_SOURCE.QUERY || _source === SERVICE_SOURCE.INNER || _source === SERVICE_SOURCE.PLATFORM) {
       // 解析类服务或请求层服务
       params = {
         appId: (window as any).appId || appId,
@@ -405,26 +344,17 @@ 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;
+          const nodeSelectable = c._isReload ? c.selectable ?? isSelectable : isSelectable;
+          const _key = c._isReload ? c.key ?? originData[key] : originData[key] ?? originData.key;
           const renderTitle = () => {
             let _title = _key;
             // 返回的数据对象有配置的标题字段
-            if (
-              Object.prototype.hasOwnProperty.call(c, title) ||
-              Object.prototype.hasOwnProperty.call(c, 'title')
-            ) {
+            if (Object.prototype.hasOwnProperty.call(c, title) || Object.prototype.hasOwnProperty.call(c, 'title')) {
               _title = '';
             }
             if (c._isReload) {
@@ -438,14 +368,8 @@ 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';
@@ -456,10 +380,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
             if (asyncService || isAsync) {
               // 存量异步数据
               // -null是非叶子 -[]是叶子 -属性不存在是非叶子
-              if (
-                Array.isArray(c[childrenKey]) &&
-                c[childrenKey]?.length === 0
-              ) {
+              if (Array.isArray(c[childrenKey]) && c[childrenKey]?.length === 0) {
                 node.isLeaf = true;
               }
             } else if (children || c[childrenKey]) {
@@ -517,17 +438,12 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
         setExpandedKeys(newKeys);
       }
     }
-  }, [
-    JSON.stringify(treeService),
-    JSON.stringify(dataSource),
-    isAsync,
-    JSON.stringify(treeData),
-  ]);
+  }, [JSON.stringify(treeService), JSON.stringify(dataSource), isAsync, JSON.stringify(treeData)]);
 
   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);
         }
@@ -569,7 +485,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;
@@ -589,43 +505,37 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
       ) {
         serviceMethod = 'post';
       }
-      engineApis?.service
-        ?.commonFetch(serviceMethod, asyncService.api, params)
-        .then(
-          (res: string | any[]) => {
-            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.isLeaf = false;
-            } else {
-              node.props.dataRef.children = undefined;
-              node.props.dataRef.isLeaf = true;
-            }
-            setData([...data]);
-            resolve();
-          },
-          (err: void | PromiseLike<void>) => {
+      engineApis?.service?.commonFetch(serviceMethod, asyncService.api, params).then(
+        (res: string | any[]) => {
+          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.isLeaf = false;
+          } else {
             node.props.dataRef.children = undefined;
             node.props.dataRef.isLeaf = true;
-            setData([...data]);
-            resolve(err);
-          },
-        );
+          }
+          setData([...data]);
+          resolve();
+        },
+        (err: void | PromiseLike<void>) => {
+          node.props.dataRef.children = undefined;
+          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
@@ -648,20 +558,31 @@ 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) => {
     return dropdown ? (
-      <span
-        className="ued-tree-icon-dropdown"
-        onClick={(e) => onClickIcon(e, c, icon)}
-      >
+      <span className="ued-tree-icon-dropdown" onClick={e => onClickIcon(e, c, icon)}>
+        {/* ! 旧数据下，菜单不显示图标 */}
+        {/* { 当nodeIconsType为dropdown时，显示图标 } */}
+        {forceDrowdown && (
+          <span className="ued-treedropdown-icon">
+            <Icon
+              key={icon}
+              appId={appId}
+              style={{
+                width: 14,
+                height: 14,
+              }}
+              icon={icon?.icon}
+              getEngineApis={getEngineApis}
+              className=""
+              $$componentItem={props.$$componentItem}
+            />
+          </span>
+        )}
         {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}
@@ -687,19 +608,14 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
     }
     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 () => {};
   };
 
   const nodeIconsInfo = useMemo(() => {
     if (nodeIcons?.length) {
-      return nodeIcons.map((node) => {
+      return nodeIcons.map(node => {
         if (typeof node === 'string') {
           return {
             icon: {
@@ -714,9 +630,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
         try {
           ruleFunc = getRuleFunc(node?.rule);
         } catch (e) {
-          console.warn(
-            `${node?.rule}节点规则不正确，请使用node.字段名进行配置`,
-          );
+          console.warn(`${node?.rule}节点规则不正确，请使用node.字段名进行配置`);
         }
         return {
           ...node,
@@ -727,15 +641,9 @@ 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) => (
     <Popconfirm
-      onVisibleChange={(v) =>
-        v && setPopVisible({ ...popVisible, [c.key]: false })
-      }
+      onVisibleChange={v => v && setPopVisible({ ...popVisible, [c.key]: false })}
       key={`${icon?.type || icon}_1`}
       title={getLocale?.('deleteConfirm')}
       placement={dropdown ? 'rightBottom' : 'top'}
@@ -745,12 +653,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
           // 事件入参：节点key 节点数据 父节点key 父节点数据
           // 由于历史原因，图标点击事件中节点数据是原数据，而非平台包装后的数据，而选中，展开事件的节点数据为平台包装数据
           // 父节点数据保持一致，为平台包装后的数据，访问原数据需要从.data节点获取
-          onNodeDelete(
-            c.key,
-            c.data,
-            c?.data?.parentNode?.key,
-            c?.data?.parentNode,
-          );
+          onNodeDelete(c.key, c.data, c?.data?.parentNode?.key, c?.data?.parentNode);
         }
       }}
       onCancel={(e: any) => e.stopPropagation()}
@@ -759,47 +662,33 @@ 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) =>
     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) : renderIconFont(c, icon, dropdown)}
           </Menu.Item>
         ))}
       </Menu>
     ) : (
-      icons.map((icon) =>
+      icons.map(icon =>
         (icon?.type || icon) === 'delete' ? (
           <Tooltip
             title={icon?.title || iconMap[icon]?.name}
             visible={popVisible?.[c.key]}
-            onVisibleChange={(v) =>
-              setPopVisible({ ...popVisible, [c.key]: v })
-            }
+            onVisibleChange={v => setPopVisible({ ...popVisible, [c.key]: v })}
           >
             {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>
+        )
       )
     );
 
   const renderTooltip = (cItem: any, child: React.ReactNode) => (
-    <Tooltip
-      title={cItem.title}
-      overlayClassName="nodeHoverCodeTip"
-      placement="top"
-    >
+    <Tooltip title={cItem.title} overlayClassName="nodeHoverCodeTip" placement="top">
       {child}
     </Tooltip>
   );
@@ -830,8 +719,9 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
         </div>
       );
     } else if (codeStr && funcExpExecute) {
-      if (codeStr.toString().indexOf('节点名称hover展示全称') > -1)
+      if (codeStr.toString().indexOf('节点名称hover展示全称') > -1) {
         isTooltip = true;
+      }
       context = (
         <div
           style={{ position: 'relative' }}
@@ -865,12 +755,8 @@ 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) => {
+    if (!resetProps.disabled && Array.isArray(nodeIconsInfo) && nodeIconsInfo.length) {
+      const finalNodeIcons = nodeIconsInfo.filter(node => {
         if (node.rule && typeof node.rule === 'function') {
           try {
             return !node.rule(c);
@@ -880,7 +766,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
         }
         return true;
       });
-      if (finalNodeIcons.length <= 3) {
+      if (finalNodeIcons.length <= 3 && !forceDrowdown) {
         iconsDom = (
           <div key={c.key} className="ued-tree-icons ued-tree-icons-normal">
             {renderIcons(c, finalNodeIcons)}
@@ -889,11 +775,7 @@ 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}
-            >
+            <Dropdown trigger={['click']} overlay={renderIcons(c, finalNodeIcons, true) as any} getPopupContainer={(node: any) => node}>
               <EllipsisOutlined
                 rev=""
                 className="ued-tree-icon"
@@ -911,13 +793,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
       <div
         onContextMenu={() => {
           if (typeof onRightClickNode === 'function') {
-            onRightClickNode(
-              c.key,
-              c,
-              showRightMenu[c.key] !== undefined,
-              c?.data?.parentNode?.key,
-              c?.data?.parentNode,
-            );
+            onRightClickNode(c.key, c, showRightMenu[c.key] !== undefined, c?.data?.parentNode?.key, c?.data?.parentNode);
           }
         }}
         className="ued-tree-tit"
@@ -967,10 +843,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
 
   // 扩展规则
   const extRules = useMemo(() => {
-    if (
-      Array.isArray(treeNodeIcon?.extendRules) &&
-      treeNodeIcon?.extendRules?.length
-    ) {
+    if (Array.isArray(treeNodeIcon?.extendRules) && treeNodeIcon?.extendRules?.length) {
       return (treeNodeIcon?.extendRules || []).map((iconRule: any) => {
         const { rule } = iconRule;
         let ruleFunc;
@@ -1029,72 +902,48 @@ 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 nodeProps: any = { dataRef: c };
-          return (
-            <TreeNode
-              key={c.key}
-              title={renderTitle(nodeWithParent, i)}
-              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) => {
-                if (
-                  c.matchFlag &&
-                  !scrollIntoViewComp?.current &&
-                  ref &&
-                  treeWrapRef?.current
-                ) {
-                  let currentComp: HTMLElement | null = ref.parentElement;
-                  while (currentComp !== treeWrapRef?.current && currentComp) {
-                    if (
-                      currentComp &&
-                      currentComp.scrollHeight - currentComp.clientHeight > 8
-                    ) {
-                      // 容器存在滚动条
-                      break;
-                    }
-                    currentComp = currentComp
-                      ? currentComp.parentElement
-                      : null;
+        const nodeWithParent = {
+          ...c,
+          data: { ...(c.data || {}), parentNode },
+        };
+        const nodeProps: any = { dataRef: c };
+        return (
+          <TreeNode
+            key={c.key}
+            title={renderTitle(nodeWithParent, i)}
+            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 => {
+              if (c.matchFlag && !scrollIntoViewComp?.current && ref && treeWrapRef?.current) {
+                let currentComp: HTMLElement | null = ref.parentElement;
+                while (currentComp !== treeWrapRef?.current && currentComp) {
+                  if (currentComp && currentComp.scrollHeight - currentComp.clientHeight > 8) {
+                    // 容器存在滚动条
+                    break;
                   }
-                  if (currentComp && currentComp !== treeWrapRef?.current) {
-                    const { top: currentTop } =
-                      currentComp.getBoundingClientRect();
-                    const { top: refTop } = ref.getBoundingClientRect();
-                    if (refTop - currentTop > currentComp.scrollTop) {
-                      // 底部被遮挡，滚动
-                      currentComp.scrollTop = refTop - currentTop;
-                      scrollIntoViewComp.current = true;
-                    }
+                  currentComp = currentComp ? currentComp.parentElement : null;
+                }
+                if (currentComp && currentComp !== treeWrapRef?.current) {
+                  const { top: currentTop } = currentComp.getBoundingClientRect();
+                  const { top: refTop } = ref.getBoundingClientRect();
+                  if (refTop - currentTop > currentComp.scrollTop) {
+                    // 底部被遮挡，滚动
+                    currentComp.scrollTop = refTop - currentTop;
+                    scrollIntoViewComp.current = true;
                   }
                 }
-              }}
-              {...nodeProps}
-            >
-              {c.children &&
-                c.children.length > 0 &&
-                createNodes(c.children, Object.freeze({ ...c }))}
-            </TreeNode>
-          );
-        })
+              }
+            }}
+            {...nodeProps}
+          >
+            {c.children && c.children.length > 0 && createNodes(c.children, Object.freeze({ ...c }))}
+          </TreeNode>
+        );
+      })
       : null;
 
   // 由于为了兼容旧异步加载节点动作，搜索时过滤子节点修改了原节点数据，导致子节点数据丢失
@@ -1103,7 +952,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);
@@ -1166,9 +1015,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
               },
             ]);
             // 过滤掉funCode的html标签
-            titText = funCodeRes
-              .replace(/<\/?[^>]*>/g, '')
-              .replace(/[|]*\n|\s*/g, '');
+            titText = funCodeRes.replace(/<\/?[^>]*>/g, '').replace(/[|]*\n|\s*/g, '');
           }
 
           if (titText?.includes(searchVal || '') || newD.children?.length > 0) {
@@ -1191,11 +1038,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
 
   // 展开指定节点
   useEffect(() => {
-    if (
-      Array.isArray(expandedKey) &&
-      expandedKey?.length &&
-      filterData?.length
-    ) {
+    if (Array.isArray(expandedKey) && expandedKey?.length && filterData?.length) {
       let _expandKeys: any = expandedKeys || [];
       const getKeys = (dataAttr: any) => {
         dataAttr.forEach((da: any) => {
@@ -1215,43 +1058,33 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
   }, [expandedKey]);
   // 展开指定节点
   useEffect(() => {
-    if (
-      Array.isArray(closeExpandedKey) &&
-      closeExpandedKey?.length &&
-      filterData?.length
-    ) {
-      const _expandedKeys = expandedKeys.filter(
-        (key) => !closeExpandedKey.includes(key),
-      );
+    if (Array.isArray(closeExpandedKey) && closeExpandedKey?.length && filterData?.length) {
+      const _expandedKeys = expandedKeys.filter(key => !closeExpandedKey.includes(key));
       setExpandedKeys(_expandedKeys);
     }
   }, [closeExpandedKey]);
 
   return visible ? (
-    <div className="ued-tree-wrap" ref={treeWrapRef}>
+    <div className={classnames('ued-tree-wrap', className)} ref={treeWrapRef} style={style}>
       {showSearch && (
         <Input.Search
           className="ued-tree-search"
           value={searchVal}
-          onChange={(e) => {
+          onChange={e => {
             setSearchVal(e.target.value);
           }}
         />
       )}
       <Tree
         {...resetProps}
-        className={classnames(
-          'ued-tree',
-          className,
-          !showLineIcon ? 'ued-tree-no-line-icon' : '',
-        )}
+        className={classnames('ued-tree', !showLineIcon ? 'ued-tree-no-line-icon' : '')}
         selectedKeys={selectedKeys}
         checkedKeys={checkedKeys}
         showLine={
           resetProps?.showLine
             ? {
-                showLeafIcon: false,
-              }
+              showLeafIcon: false,
+            }
             : false
         }
         defaultExpandAll={isAsync && asyncService ? false : defaultExpandAll}
@@ -1267,7 +1100,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
                 node.key,
                 (node.children || []).map((c: any) => c.key),
                 parentNode?.key,
-                parentNode,
+                parentNode
               );
             } else {
               node.isLeaf = !(node?.children && node?.children.length > 0);
@@ -1288,12 +1121,7 @@ const MyTree = LingxiForwardRef<any, MyTreeProps>((props, ref) => {
           const selectedData = findTreeDataByKey(data, keys);
           setSelectDataList(selectedData);
           if (onSelect) {
-            onSelect(
-              keys,
-              e,
-              e?.node?.data?.parentNode?.key,
-              e?.node?.data?.parentNode,
-            );
+            onSelect(keys, e, e?.node?.data?.parentNode?.key, e?.node?.data?.parentNode);
           }
         }}
         showIcon={showLineIcon}