@alicloud/console-components-search 0.2.40 → 0.2.41-beta.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @alicloud/console-components-search
 
+## 0.2.41-beta.0
+
+### Patch Changes
+
+- fix: 修复 SearchFilter 清除筛选条件入口被推到容器右侧的问题，恢复标签间距，支持清除入口随标签自然换行
+
 ## 0.2.40
 
 ### Patch Changes

package/demos/demo1.demo.tsx

@@ -180,6 +180,9 @@ const maxWidthDemoFilters = [
 
 
 const Demo1: React.FC<{}> = (props) => {
+  const [shortFilters, setShortFilters] = useState<any>([
+    { label: '模糊搜索', value: 'aaa', dataIndex: 'name' },
+  ]);
   const [filters, setFilters] = useState<any>([
     { label: '实例名称', value: 'xxxxxx', dataIndex: 'name' },
     { label: '超长搜索条件', value: 'search_filter_long_value_2026_08_18_should_only_truncate_the_value_part', dataIndex: 'longValue' },
@@ -242,6 +245,15 @@ const Demo1: React.FC<{}> = (props) => {
      
         />
 
+        <div style={{ marginTop: 8 }}>
+          <div>单个短值筛选条件</div>
+          <SearchFilter
+            dataSource={shortFilters}
+            onChange={(_, remainFilters) => setShortFilters(remainFilters)}
+            onClear={() => setShortFilters([])}
+          />
+        </div>
+
         <div style={{ marginTop: 8 }}>
           <div>tagValueMaxWidth 默认值</div>
           <SearchFilter
@@ -276,6 +288,7 @@ const Demo1: React.FC<{}> = (props) => {
             onChange={(deletedFilter, remainFilters) => {
               setFilters(remainFilters);
             }}
+            onClear={() => setFilters([])}
           />
         </div>
       </div>