@alicloud/console-components-search 0.2.39 → 0.2.40-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/demos/demo1.demo.tsx +36 -1
- package/dist/index.js +90843 -96578
- package/es/searchTagList/PureTag.js +6 -3
- package/es/searchTagList/TagValue.js +33 -0
- package/es/searchTagList/index.js +68 -11
- package/es/style.js +1 -1
- package/lib/searchTagList/PureTag.js +6 -3
- package/lib/searchTagList/TagValue.d.ts +6 -0
- package/lib/searchTagList/TagValue.js +40 -0
- package/lib/searchTagList/index.js +67 -10
- package/lib/style.js +1 -1
- package/lib/types/IRcSearchProps.type.d.ts +5 -0
- package/lib/types/IRcSearchTagListProps.type.d.ts +5 -0
- package/package.json +15 -14
- package/LICENSE +0 -21
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @alicloud/console-components-search
|
|
2
2
|
|
|
3
|
+
## 0.2.40-beta.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- fix: SearchFilter 搜索条件较长时仅截断值内容，支持通过 tagValueMaxWidth 自定义值最大宽度
|
|
8
|
+
|
|
9
|
+
## 0.2.40-beta.0
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- fix: SearchFilter 搜索条件较长时限制筛选标签宽度，并通过 Balloon 展示完整内容
|
|
14
|
+
|
|
3
15
|
## 0.2.37
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
package/demos/demo1.demo.tsx
CHANGED
|
@@ -58,7 +58,7 @@ const options2 = [
|
|
|
58
58
|
},
|
|
59
59
|
];
|
|
60
60
|
|
|
61
|
-
const intl = (a) => a;
|
|
61
|
+
const intl = (a: string, _options?: Record<string, unknown>) => a;
|
|
62
62
|
|
|
63
63
|
const options3 = [
|
|
64
64
|
{
|
|
@@ -172,10 +172,17 @@ const options3 = [
|
|
|
172
172
|
},
|
|
173
173
|
];
|
|
174
174
|
|
|
175
|
+
const maxWidthDemoFilters = [
|
|
176
|
+
{ label: '超长搜索条件', value: 'search_filter_long_value_2026_08_18_should_only_truncate_the_value_part', dataIndex: 'longValue' },
|
|
177
|
+
{ label: '实例名称', value: 'xxxxxx', dataIndex: 'name' },
|
|
178
|
+
{ value: [{ tagKey: 'test', tagValue: 'long_tag_value_2026_08_18_should_only_truncate_the_value_part' }], dataIndex: 'tag' },
|
|
179
|
+
];
|
|
180
|
+
|
|
175
181
|
|
|
176
182
|
const Demo1: React.FC<{}> = (props) => {
|
|
177
183
|
const [filters, setFilters] = useState<any>([
|
|
178
184
|
{ label: '实例名称', value: 'xxxxxx', dataIndex: 'name' },
|
|
185
|
+
{ label: '超长搜索条件', value: 'search_filter_long_value_2026_08_18_should_only_truncate_the_value_part', dataIndex: 'longValue' },
|
|
179
186
|
{ value: [{ tagKey: 'test', tagValue: '' }], dataIndex: 'tag' },
|
|
180
187
|
{ value: [{ tagKey: 'test', tagValue: '' }], dataIndex: 'tag2' },
|
|
181
188
|
]);
|
|
@@ -236,8 +243,36 @@ const Demo1: React.FC<{}> = (props) => {
|
|
|
236
243
|
/>
|
|
237
244
|
|
|
238
245
|
<div style={{ marginTop: 8 }}>
|
|
246
|
+
<div>tagValueMaxWidth 默认值</div>
|
|
247
|
+
<SearchFilter
|
|
248
|
+
dataSource={maxWidthDemoFilters}
|
|
249
|
+
onChange={() => {}}
|
|
250
|
+
/>
|
|
251
|
+
</div>
|
|
252
|
+
|
|
253
|
+
<div style={{ marginTop: 8 }}>
|
|
254
|
+
<div>tagValueMaxWidth=120</div>
|
|
255
|
+
<SearchFilter
|
|
256
|
+
dataSource={maxWidthDemoFilters}
|
|
257
|
+
tagValueMaxWidth={120}
|
|
258
|
+
onChange={() => {}}
|
|
259
|
+
/>
|
|
260
|
+
</div>
|
|
261
|
+
|
|
262
|
+
<div style={{ marginTop: 8 }}>
|
|
263
|
+
<div>tagValueMaxWidth=360</div>
|
|
264
|
+
<SearchFilter
|
|
265
|
+
dataSource={maxWidthDemoFilters}
|
|
266
|
+
tagValueMaxWidth={360}
|
|
267
|
+
onChange={() => {}}
|
|
268
|
+
/>
|
|
269
|
+
</div>
|
|
270
|
+
|
|
271
|
+
<div style={{ marginTop: 8 }}>
|
|
272
|
+
<div>可交互 SearchFilter</div>
|
|
239
273
|
<SearchFilter
|
|
240
274
|
dataSource={filters}
|
|
275
|
+
tagValueMaxWidth={220}
|
|
241
276
|
onChange={(deletedFilter, remainFilters) => {
|
|
242
277
|
setFilters(remainFilters);
|
|
243
278
|
}}
|