@alicloud/console-components-search 0.2.12 → 0.2.13
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/README.md +3 -2
- package/config/config.ts +1 -0
- package/demos/demo1.demo.tsx +4 -13
- package/dist/index.css +54 -1
- package/dist/index.js +120592 -45
- package/doc-dist/10.js +1 -1
- package/doc-dist/9.js +1 -1
- package/doc-dist/log-deps-build.log +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -141,15 +141,16 @@ let options2 = [
|
|
|
141
141
|
|
|
142
142
|
## API
|
|
143
143
|
|
|
144
|
-
###
|
|
144
|
+
### Search
|
|
145
145
|
|
|
146
146
|
基础搜索组件的参数
|
|
147
147
|
[$XView](https://xconsole.aliyun-inc.com/demo-playground?servePath=https%3A%2F%2Fopensource-microapp.oss-cn-hangzhou.aliyuncs.com%2Fapp%2Fbreezr-docs%2Fconsole-fe-test-rc-search-doc%2F-latest%2F&consoleOSId=console-fe-test-rc-search-doc&entryKey=types%2FIRcSearchProps)
|
|
148
148
|
|
|
149
|
-
###
|
|
149
|
+
### IRcSearchOptionsProps
|
|
150
150
|
|
|
151
151
|
配置组件类别的options
|
|
152
152
|
[$XView](http://localhost:3333/?entryKey=types%2FIRcSearchOptions&consoleOSId=console-fe-test-rc-search-doc)
|
|
153
|
+
|
|
153
154
|
### SearchFilter
|
|
154
155
|
|
|
155
156
|
[$XView](http://localhost:3333/?entryKey=types%2FIRcSearchTagListProps&consoleOSId=console-fe-test-rc-search-doc)
|
package/config/config.ts
CHANGED
package/demos/demo1.demo.tsx
CHANGED
|
@@ -92,7 +92,10 @@ let options2 = [
|
|
|
92
92
|
|
|
93
93
|
|
|
94
94
|
const Demo1: React.FC<{}> = (props) => {
|
|
95
|
-
const [filters, setFilters] = useState<any>([
|
|
95
|
+
const [filters, setFilters] = useState<any>([
|
|
96
|
+
{label: '实例名称', value: 'xxxxxx', dataIndex: 'name'},
|
|
97
|
+
{value: [{tagKey: 'test', tagValue: ''}], dataIndex: 'tag'}
|
|
98
|
+
]);
|
|
96
99
|
console.log(filters)
|
|
97
100
|
return (
|
|
98
101
|
<ConfigProvider>
|
|
@@ -126,18 +129,6 @@ let options2 = [
|
|
|
126
129
|
}}
|
|
127
130
|
/>
|
|
128
131
|
</div>
|
|
129
|
-
|
|
130
|
-
<div style={{marginTop: 8}}>
|
|
131
|
-
<SearchFilter
|
|
132
|
-
dataSource={[
|
|
133
|
-
{label: '实例名称', value: 'xxxxxx', dataIndex: 'name'},
|
|
134
|
-
{value: [{tagKey: 'test', tagValue: ''}], dataIndex: 'tag'}
|
|
135
|
-
]}
|
|
136
|
-
onChange={(deletedFilter, remainFilters)=> {
|
|
137
|
-
console.log(deletedFilter, remainFilters);
|
|
138
|
-
}}
|
|
139
|
-
/>
|
|
140
|
-
</div>
|
|
141
132
|
</div>
|
|
142
133
|
</ConfigProvider>
|
|
143
134
|
);
|
package/dist/index.css
CHANGED
|
@@ -1 +1,54 @@
|
|
|
1
|
-
body .xconsole-rcsearch-multi-pop.xconsole-rcsearch-multi-pop
|
|
1
|
+
body .xconsole-rcsearch-multi-pop.xconsole-rcsearch-multi-pop > ul {
|
|
2
|
+
padding: 8px;
|
|
3
|
+
}
|
|
4
|
+
body .xconsole-rcsearch-multi-pop .next-select-menu-item {
|
|
5
|
+
padding-left: 0px!important;
|
|
6
|
+
}
|
|
7
|
+
body .xconsole-rcsearch-multi-pop .next-select-menu-item .next-menu-icon-selected {
|
|
8
|
+
display: none;
|
|
9
|
+
}
|
|
10
|
+
body .xconsole-rcsearch-multi-pop .next-menu-group-label {
|
|
11
|
+
padding-left: 0;
|
|
12
|
+
}
|
|
13
|
+
body .xconsole-rc-search-popup {
|
|
14
|
+
margin-top: 4px;
|
|
15
|
+
}
|
|
16
|
+
body .rc-search.isWind {
|
|
17
|
+
--console-rc-search-label-color: #f7f7f7;
|
|
18
|
+
--console-rc-search-label-hover-color: #ebebeb;
|
|
19
|
+
}
|
|
20
|
+
body .rc-search.isWidget {
|
|
21
|
+
--console-rc-search-close-btn-top: 2px;
|
|
22
|
+
--console-rc-search-close-btn-left: -2px;
|
|
23
|
+
--icon-content-delete-filling: "\E6A2";
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.rc-search-taglist:not(.isWind).rc-search-taglist:not(.isWind) [class*='-icon-close']::before {
|
|
27
|
+
content: var(--icon-content-close) !important;
|
|
28
|
+
}
|
|
29
|
+
.console-tags-tag.console-tags-tag {
|
|
30
|
+
font-weight: 400;
|
|
31
|
+
color: var(--color-text1-9, #333333) !important;
|
|
32
|
+
}
|
|
33
|
+
.console-tags-tag.console-tags-tag .console-tags-tag-label {
|
|
34
|
+
font-weight: 500;
|
|
35
|
+
color: var(--color-text1-6, #808080);
|
|
36
|
+
margin-right: 8px;
|
|
37
|
+
}
|
|
38
|
+
.console-tags-tag.console-tags-tag[class*='tag-closable'] > [class*='tag-close-btn'] {
|
|
39
|
+
margin-left: 12px;
|
|
40
|
+
}
|
|
41
|
+
.console-tags-tag.console-tags-tag.console-tags-tag.console-tags-tag:hover [class*='-icon-close'] {
|
|
42
|
+
color: #181818;
|
|
43
|
+
}
|
|
44
|
+
.console-tags-tag:not(:last-child) {
|
|
45
|
+
margin-right: 8px;
|
|
46
|
+
}
|
|
47
|
+
.console-tags-tag_empty {
|
|
48
|
+
color: var(--color-text1-6, #808080);
|
|
49
|
+
}
|
|
50
|
+
.console-tags-tag-dot.console-tags-tag-dot [class*='-badge-dot'] {
|
|
51
|
+
right: 4px;
|
|
52
|
+
top: 0px;
|
|
53
|
+
}
|
|
54
|
+
|