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

package/CHANGELOG.md

@@ -1,10 +1,10 @@
 # @alicloud/console-components-search
 
-## 0.2.40-beta.0
+## 0.2.40
 
 ### Patch Changes
 
-- fix: SearchFilter 搜索条件较长时限制筛选标签宽度，并通过 Balloon 展示完整内容
+- fix: SearchFilter 搜索条件较长时仅截断值内容，支持通过 tagValueMaxWidth 自定义值最大宽度
 
 ## 0.2.37
 

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 Alibaba Cloud
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/demos/demo1.demo.tsx

@@ -172,10 +172,17 @@ const options3 = [
   },
 ];
 
+const maxWidthDemoFilters = [
+  { label: '超长搜索条件', value: 'search_filter_long_value_2026_08_18_should_only_truncate_the_value_part', dataIndex: 'longValue' },
+  { label: '实例名称', value: 'xxxxxx', dataIndex: 'name' },
+  { value: [{ tagKey: 'test', tagValue: 'long_tag_value_2026_08_18_should_only_truncate_the_value_part' }], dataIndex: 'tag' },
+];
+
 
 const Demo1: React.FC<{}> = (props) => {
   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' },
     { value: [{ tagKey: 'test', tagValue: '' }], dataIndex: 'tag' },
     { value: [{ tagKey: 'test', tagValue: '' }], dataIndex: 'tag2' },
   ]);
@@ -236,8 +243,36 @@ const Demo1: React.FC<{}> = (props) => {
         />
 
         <div style={{ marginTop: 8 }}>
+          <div>tagValueMaxWidth 默认值</div>
+          <SearchFilter
+            dataSource={maxWidthDemoFilters}
+            onChange={() => {}}
+          />
+        </div>
+
+        <div style={{ marginTop: 8 }}>
+          <div>tagValueMaxWidth=120</div>
+          <SearchFilter
+            dataSource={maxWidthDemoFilters}
+            tagValueMaxWidth={120}
+            onChange={() => {}}
+          />
+        </div>
+
+        <div style={{ marginTop: 8 }}>
+          <div>tagValueMaxWidth=360</div>
+          <SearchFilter
+            dataSource={maxWidthDemoFilters}
+            tagValueMaxWidth={360}
+            onChange={() => {}}
+          />
+        </div>
+
+        <div style={{ marginTop: 8 }}>
+          <div>可交互 SearchFilter</div>
           <SearchFilter
             dataSource={filters}
+            tagValueMaxWidth={220}
             onChange={(deletedFilter, remainFilters) => {
               setFilters(remainFilters);
             }}