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

package/es/ProTable/index.js

@@ -5,7 +5,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["tableId", "headerRender", "footerRender", "quickConfig", "stripe", "columns", "className", "draggable", "disabled", "isView", "rowDisabled", "summary", "emptyText", "originalDataSource", "onDragStart", "onDragEnd"],
+var _excluded = ["tableId", "headerRender", "footerRender", "quickConfig", "stripe", "columns", "className", "draggable", "disabled", "isView", "rowDisabled", "summary", "emptyText", "diffConfig", "onDragStart", "onDragEnd"],
   _excluded2 = ["resizeColumn", "columnConfig", "cacheTime", "storage"];
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState, createContext } from 'react';
@@ -52,10 +52,15 @@ function ProTable(props) {
     summary = props.summary,
     _props$emptyText = props.emptyText,
     emptyText = _props$emptyText === void 0 ? locale === null || locale === void 0 ? void 0 : (_locale$ProTable = locale.ProTable) === null || _locale$ProTable === void 0 ? void 0 : _locale$ProTable.noData : _props$emptyText,
-    originalDataSource = props.originalDataSource,
+    diffConfig = props.diffConfig,
     onDragStartGuard = props.onDragStart,
     onDragEndGuard = props.onDragEnd,
     restProps = _objectWithoutProperties(props, _excluded);
+  var _ref3 = diffConfig || {},
+    originalDataSource = _ref3.originalDataSource,
+    changeTipColor = _ref3.changeTipColor,
+    addTipColor = _ref3.addTipColor,
+    toolTip = _ref3.toolTip;
   var quickTableConfig = quickConfig ? _objectSpread({
     columnConfig: true,
     cacheTime: true
@@ -71,10 +76,10 @@ function ProTable(props) {
     _quickTableConfig$sto = quickTableConfig.storage,
     storage = _quickTableConfig$sto === void 0 ? configStorage : _quickTableConfig$sto,
     tableProps = _objectWithoutProperties(quickTableConfig, _excluded2);
-  var _ref3 = tableProps || {},
-    pagination = _ref3.pagination,
-    dataSource = _ref3.dataSource,
-    rowKey = _ref3.rowKey;
+  var _ref4 = tableProps || {},
+    pagination = _ref4.pagination,
+    dataSource = _ref4.dataSource,
+    rowKey = _ref4.rowKey;
   var initDataSource = dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item) {
     return _objectSpread(_objectSpread({}, item), {}, {
       rowKey: getRowKey(rowKey, item)
@@ -157,8 +162,8 @@ function ProTable(props) {
   };
   // 列宽resize函数
   var handleResize = function handleResize(index) {
-    return function (e, _ref4) {
-      var size = _ref4.size;
+    return function (e, _ref5) {
+      var size = _ref5.size;
       var nextColumns = _toConsumableArray(curColumns);
       nextColumns[index] = _objectSpread(_objectSpread({}, nextColumns[index]), {}, {
         width: size.width
@@ -188,7 +193,13 @@ function ProTable(props) {
       return !(item === null || item === void 0 ? void 0 : item.delete);
     });
     newColumns === null || newColumns === void 0 ? void 0 : newColumns.forEach(function (item) {
-      formatColumn(item, originalObj, dataSourceObj, 'rowKey');
+      formatColumn({
+        column: item,
+        originalObj: originalObj,
+        dataSourceObj: dataSourceObj,
+        rowKey: 'rowKey',
+        diffToolTip: toolTip
+      });
     });
     return newColumns;
   }, [curColumns, handleResize]);
@@ -205,7 +216,7 @@ function ProTable(props) {
     });
   }, [columns]);
   var handleColumnConfig = /*#__PURE__*/function () {
-    var _ref5 = _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) {
@@ -241,7 +252,7 @@ function ProTable(props) {
       }, _callee);
     }));
     return function handleColumnConfig(_x) {
-      return _ref5.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
   useDebounceEffect(function () {
@@ -314,7 +325,7 @@ function ProTable(props) {
     return _rowSelection;
   };
   var onDataSourceChange = /*#__PURE__*/function () {
-    var _ref6 = _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:
@@ -330,7 +341,7 @@ function ProTable(props) {
       }, _callee2);
     }));
     return function onDataSourceChange(_x2) {
-      return _ref6.apply(this, arguments);
+      return _ref7.apply(this, arguments);
     };
   }();
   var _rowClassName = function _rowClassName(record, index) {
@@ -339,6 +350,11 @@ function ProTable(props) {
     }
   };
   var TableComponent = draggable ? DraggableTable : BaseTable;
+  // 标记样式
+  var tagStyle = {
+    '--zaui-contract-bg': changeTipColor,
+    '--zaui-contract-bg-add': addTipColor
+  };
   return _jsx(TableContext.Provider, {
     value: {
       pathKey: pathKey,
@@ -362,6 +378,7 @@ function ProTable(props) {
         }
       }), _jsxs("div", {
         className: "pro-table-container",
+        style: tagStyle,
         children: [_jsx(TableComponent, _objectSpread(_objectSpread({}, restProps), {}, {
           draggableProps: {
             onChange: onDataSourceChange,

package/es/ProTable/propsType.d.ts

@@ -59,6 +59,16 @@ export interface DragStartGuardProps {
     activeObject: any;
     currentDataSource: any[];
 }
+export interface TableDiffConfigProps {
+    /** 比对原始数据源 */
+    originalDataSource: any[];
+    /** 是否显示对比值气泡 */
+    toolTip?: boolean;
+    /** 变更提示颜色 */
+    changeTipColor?: string;
+    /** 新增提示颜色 */
+    addTipColor?: string;
+}
 export interface ProTableProps<T = any> extends Omit<TableProps<any>, 'summary' | 'columns'> {
     tableId?: string;
     rowKey?: string | GetRowKey<any>;
@@ -84,7 +94,10 @@ export interface ProTableProps<T = any> extends Omit<TableProps<any>, 'summary'
      */
     stripe?: boolean;
     columns: ProTableColumn[];
-    originalDataSource?: any[];
+    /**
+     * 比对配置
+     */
+    diffConfig?: TableDiffConfigProps;
     /**
      * 拖拽额外配置
      */

package/es/ProTable/style/index.less

@@ -270,7 +270,7 @@
     .@{ant-prefix}-table-cell .varied-cell {
       margin-left: -8px;
       padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-sm, 8px);
-      background: var(--zaui-contract-bg, #fffaa1);
+      background: var(--zaui-contract-bg; #fffaa1) !important;
       border-radius: var(--zaui-border-radius, 8px);
     }
 

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

@@ -0,0 +1,4 @@
+declare const AdaptiveTooltip: ({ children }: {
+    children: any;
+}) => JSX.Element;
+export default AdaptiveTooltip;

package/es/ProTree/components/AdaptiveTooltip.js

@@ -0,0 +1,55 @@
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/*
+ * @Author: za-xuwenli xuwenli@zhongan.io
+ * @Date: 2024-09-20 10:26:04
+ * @LastEditors: za-xuwenli xuwenli@zhongan.io
+ * @LastEditTime: 2024-09-26 14:12:44
+ * @FilePath: /za-material-warehouse/src/ProTree/components/AdaptiveTooltip.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+
+import { useEffect, useState } from 'react';
+var AdaptiveTooltip = function AdaptiveTooltip(_ref) {
+  var children = _ref.children;
+  var _useState = useState('right'),
+    _useState2 = _slicedToArray(_useState, 2),
+    placement = _useState2[0],
+    setPlacement = _useState2[1];
+  useEffect(function () {
+    var handleResize = function handleResize() {
+      var tooltipElement = document.getElementById('adaptive-tooltip');
+      if (tooltipElement) {
+        var boundingRect = tooltipElement.getBoundingClientRect();
+        var windowWidth = window.innerWidth;
+        if (windowWidth - boundingRect.right < 150) {
+          setPlacement('left');
+        } else {
+          setPlacement('right');
+        }
+      }
+    };
+    window.addEventListener('resize', handleResize);
+    handleResize();
+    return function () {
+      window.removeEventListener('resize', handleResize);
+    };
+  }, [children]);
+  return _jsx(_Tooltip, {
+    placement: placement,
+    title: _jsx("div", {
+      onMouseDown: function onMouseDown(e) {
+        return e.stopPropagation();
+      },
+      children: children
+    }),
+    id: "adaptive-tooltip",
+    children: _jsxs("span", {
+      className: "pro-tree-wrap-ellipse",
+      children: [" ", children]
+    })
+  });
+};
+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/List.js

@@ -1,6 +1,17 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import "antd/es/checkbox/style";
 import _Checkbox from "antd/es/checkbox";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["checkedValues", "disabled", "treeData", "searchStr", "showCodeName", "mode", "fieldNames", "handleOnChange", "handleFilterClose", "optionRender"];
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * @Author: za-xuwenli xuwenli@zhongan.io
+ * @Date: 2024-07-03 11:02:19
+ * @LastEditors: za-xuwenli xuwenli@zhongan.io
+ * @LastEditTime: 2024-09-26 14:30:26
+ * @FilePath: /za-material-warehouse/src/ProTree/components/List.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
 import { memo } from 'react';
 import SearchTitle from './SearchTitle';
 import CloseIcon from './CloseIcon';
@@ -15,7 +26,8 @@ function List(props) {
     fieldNames = props.fieldNames,
     handleOnChange = props.handleOnChange,
     handleFilterClose = props.handleFilterClose,
-    optionRender = props.optionRender;
+    optionRender = props.optionRender,
+    other = _objectWithoutProperties(props, _excluded);
   var fieldNameLabel = fieldNames.label;
   var fieldNameValue = fieldNames.value;
   if (mode === 'render') {
@@ -37,10 +49,10 @@ function List(props) {
               value: item[fieldNameValue],
               disabled: item.disabled,
               children: _jsx("span", {
-                children: optionRender ? optionRender(item, searchStr) : _jsx(SearchTitle, {
+                children: optionRender ? optionRender(item, searchStr) : _jsx(SearchTitle, _objectSpread({
                   label: title,
                   searchStr: searchStr
-                })
+                }, other))
               })
             })
           }, item[fieldNameValue]);

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/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

@@ -21,6 +21,7 @@ import { useImperativeHandle, forwardRef } from 'react';
 import { cloneDeep } from 'lodash';
 import { useProConfig } from '../../../ProConfigProvider';
 import Container from '../../../ProForm/components/Container';
+import AdaptiveTooltip from '../AdaptiveTooltip';
 var SHOW_PARENT = _TreeSelect.SHOW_PARENT;
 export var ProTreeSelect = function ProTreeSelect(props, ref) {
   // 全局属性配置在ConfigProvider
@@ -74,9 +75,14 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     selectProps = _objectWithoutProperties(props, _excluded);
   var _props$value = props.value,
     value = _props$value === void 0 ? undefined : _props$value;
-  var _ref2 = otherProps || {},
-    isView = _ref2.isView,
-    viewEmpty = _ref2.viewEmpty;
+  var _props$showEllipse = props.showEllipse,
+    showEllipse = _props$showEllipse === void 0 ? true : _props$showEllipse;
+  var _ref2 = otherProps !== null && otherProps !== void 0 ? otherProps : {},
+    isDiffChange = _ref2.isDiffChange;
+  var _showEllipse = showEllipse && !isDiffChange;
+  var _ref3 = otherProps || {},
+    isView = _ref3.isView,
+    viewEmpty = _ref3.viewEmpty;
   if (fieldNames && Object.keys(fieldNames).length) {
     code = fieldNames.value || 'value';
     label = fieldNames.label || 'label';
@@ -102,14 +108,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;
       });
@@ -117,7 +123,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;
     }
@@ -131,17 +137,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;
   };
@@ -209,8 +215,8 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       return undefined;
     }
     // 如果配置手动加载，不执行请求
-    var _ref3 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
-      defaultParams = _ref3.defaultParams;
+    var _ref4 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
+      defaultParams = _ref4.defaultParams;
     // 执行用户配置的枚举服务，拉取枚举数据进行更新
     fetchFunction.run(defaultParams);
   }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, defaultDisableValue]);
@@ -235,19 +241,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('，');
   };
   // 纯展示处理
@@ -285,7 +291,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];
@@ -312,6 +318,20 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
         children: _jsx(Icon, {})
       }) : null]
     });
+    if (_showEllipse) {
+      title = _jsx(AdaptiveTooltip, {
+        children: treeCheckable ? titleHtml : _jsxs("span", {
+          className: "check-option-text",
+          children: [_jsx("span", {
+            className: "check-option-text-content",
+            children: titleHtml
+          }), !disabled ? _jsx("span", {
+            className: "check-mark-icon",
+            children: _jsx(Icon, {})
+          }) : null]
+        })
+      });
+    }
     if (!children) {
       return _jsx(_TreeSelect.TreeNode, {
         value: value,
@@ -332,7 +352,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);
   };
@@ -343,7 +363,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++) {
@@ -351,7 +371,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;
@@ -365,7 +385,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       }
       return currentAllNodeChild;
     };
-    sourceList = _filterData(sourceList);
+    sourceList = filterData(sourceList);
     return sourceList;
   }
   var searchTreeEvent = function searchTreeEvent(searchVal) {
@@ -382,7 +402,7 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
   };
   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])) {
@@ -394,11 +414,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) {
@@ -535,7 +555,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/ProTreeSelect/propsType.d.ts

@@ -73,6 +73,8 @@ export interface PropTreeSelectProps extends Omit<TreeSelectProps, 'onSearch'> {
     expandedKeys?: any[];
     checkStrictly?: boolean;
     checkable?: boolean;
+    showEllipse?: boolean;
+    isDiffChange?: boolean;
 }
 export interface ProSelectAction {
     /** 获取发生请求的 useRequest 的 ref */

package/es/ProTree/components/ProTreeSelect/style/index.less

@@ -70,7 +70,7 @@
                     }
                 }
                 .@{ant-prefix}-select-tree-treenode:hover{
-                    background-color: #f5f5f5;
+                    background-color:  var(--zaui-disabled-bg);
                 }
                 .check-option-text{
                     .check-mark-icon{
@@ -90,7 +90,7 @@
                     padding-left: 7px;
                 }
                 .@{ant-prefix}-select-tree-treenode:hover{
-                    background-color: #f5f5f5;
+                    background-color:  var(--zaui-disabled-bg);;
                 }
                 .@{ant-prefix}-select-tree-node-content-wrapper{
                     padding-right: var(--zaui-space-size-md);

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

@@ -1,9 +1,11 @@
 /// <reference types="react" />
+import { ProFormOtherProps } from '../../ProForm/propsType';
 declare function SearchTitle(props: {
     searchStr?: string;
     label?: string;
     showEllipse?: boolean;
     ellipseWidth?: string;
-}): import("react/jsx-runtime").JSX.Element;
+    otherProps?: ProFormOtherProps;
+}): JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof SearchTitle>;
 export default _default;

package/es/ProTree/components/SearchTitle.js

@@ -1,13 +1,24 @@
-import "antd/es/tooltip/style";
-import _Tooltip from "antd/es/tooltip";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * @Author: za-xuwenli xuwenli@zhongan.io
+ * @Date: 2024-09-26 14:37:00
+ * @LastEditors: za-xuwenli xuwenli@zhongan.io
+ * @LastEditTime: 2024-09-26 17:50:59
+ * @FilePath: /za-material-warehouse/src/ProTree/components/SearchTitle.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
 import { memo } from 'react';
+import AdaptiveTooltip from './AdaptiveTooltip';
 function SearchTitle(props) {
   var label = props.label,
     _props$searchStr = props.searchStr,
     searchStr = _props$searchStr === void 0 ? '' : _props$searchStr,
     showEllipse = props.showEllipse,
-    ellipseWidth = props.ellipseWidth;
+    ellipseWidth = props.ellipseWidth,
+    otherProps = props.otherProps;
+  var _ref = otherProps !== null && otherProps !== void 0 ? otherProps : {},
+    _ref$isDiffChange = _ref.isDiffChange,
+    isDiffChange = _ref$isDiffChange === void 0 ? false : _ref$isDiffChange;
   var strTitle = label;
   var index = strTitle === null || strTitle === void 0 ? void 0 : strTitle.indexOf(searchStr);
   var beforeStr = strTitle === null || strTitle === void 0 ? void 0 : strTitle.substring(0, index);
@@ -40,11 +51,9 @@ function SearchTitle(props) {
     style: style,
     children: strTitle
   });
-  if (classEllipse) {
-    return _jsx(_Tooltip, {
-      title: titleTips,
-      placement: "rightTop",
-      children: title
+  if (classEllipse && !isDiffChange) {
+    return _jsx(AdaptiveTooltip, {
+      children: titleTips
     });
   }
   return title;

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;

package/es/ProTree/components/Tree.js

@@ -298,7 +298,7 @@ function List(props) {
     }, onlyKey);
   };
   function fn() {
-    var _loop = function loop(data, index) {
+    var loop = function loop(data, index) {
       index++;
       var treeRow = data.map(function (item) {
         var nodeClass = 'pro-tree-tree-node ';
@@ -320,7 +320,7 @@ function List(props) {
           return _objectSpread(_objectSpread({}, item), {}, {
             title: nodeTitle,
             key: (item === null || item === void 0 ? void 0 : item.key) || item[fieldNameValue],
-            children: _loop(item[fieldNames.children], index)
+            children: loop(item[fieldNames.children], index)
           });
         }
         return _objectSpread(_objectSpread({}, item), {}, {
@@ -337,7 +337,7 @@ function List(props) {
     if (searchStr) {
       newTreeData = filterCheckedNodes(originalTreeData, [], searchStr, fieldNames);
     }
-    return _loop(newTreeData, -1);
+    return loop(newTreeData, -1);
   }
   var _treeData = fn();
   var onExpand = function onExpand(newExpandedKeys, nextPara) {

package/es/ProTree/index.d.ts

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