From 083224a9d6252784dbaa00b12431c511a78b33b7 Mon Sep 17 00:00:00 2001
From: GongFlying <150640661+gzcqqqqqqqq1@users.noreply.github.com>
Date: Fri, 4 Sep 2026 10:15:27 +0800
Subject: [PATCH] search add clear tooltip

---
 src/DTableCustomizeSearchInput/index.js | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/DTableCustomizeSearchInput/index.js b/src/DTableCustomizeSearchInput/index.js
index 7945e930..861717f9 100644
--- a/src/DTableCustomizeSearchInput/index.js
+++ b/src/DTableCustomizeSearchInput/index.js
@@ -2,6 +2,8 @@ import React, { Component, Fragment } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import DTableIcon from '../DTableIcon';
+import { getLocale } from '../lang';
+import DTableToolTip from '../DTableToolTip';
 
 import './index.css';
 
@@ -105,11 +107,18 @@ class DTableCustomizeSearchInput extends Component {
     const { isClearable, clearClassName } = this.props;
     const { searchValue } = this.state;
     if (!isClearable || !searchValue) return null;
-
     return (
-      <span className={classnames('clear-icon-x', clearClassName)} onClick={this.clearSearch}>
-        <DTableIcon symbol="close" color='var(--bs-icon-color)'/>
-      </span>
+      <>
+        <span className={classnames('clear-icon-x', clearClassName)} onClick={this.clearSearch} id='customize-search-clear'>
+          <DTableIcon symbol="close" color='var(--bs-icon-color)'/>
+        </span>
+        <DTableToolTip
+          placement='bottom'
+          target='customize-search-clear'
+        >
+          {getLocale('Clear')}
+        </DTableToolTip>
+      </>
     );
   };