@alicloud/console-components-search 0.2.2 → 0.2.3
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/demos/demo1.demo.tsx +6 -3
- package/doc-dist/10.js +1 -1
- package/doc-dist/deps/main.js +4 -4
- package/doc-dist/log-deps-build.log +1 -1
- package/es/modeSingleSingle/index2.js +1 -2
- package/es/searchTagList/index.js +75 -22
- package/lib/modeSingleSingle/index2.js +1 -2
- package/lib/searchTagList/index.js +76 -22
- package/lib/types/IRcSearchTagItemProps.type.d.ts +1 -1
- package/package.json +1 -1
package/demos/demo1.demo.tsx
CHANGED
|
@@ -119,8 +119,8 @@ let options2 = [
|
|
|
119
119
|
<div style={{marginTop: 8}}>
|
|
120
120
|
<SearchFilter
|
|
121
121
|
dataSource={filters}
|
|
122
|
-
onChange={(deletedFilter,
|
|
123
|
-
setFilters(
|
|
122
|
+
onChange={(deletedFilter, remainFilters)=> {
|
|
123
|
+
setFilters(remainFilters)
|
|
124
124
|
}}
|
|
125
125
|
/>
|
|
126
126
|
</div>
|
|
@@ -129,8 +129,11 @@ let options2 = [
|
|
|
129
129
|
<SearchFilter
|
|
130
130
|
dataSource={[
|
|
131
131
|
{label: '实例名称', value: 'xxxxxx', dataIndex: 'name'},
|
|
132
|
-
{
|
|
132
|
+
{value: [{tagKey: 'xxxx', tagValue: 'xxxxxx'}, {tagKey: 'xx2xx', tagValue: 'xxxxxx'}], dataIndex: 'tag'}
|
|
133
133
|
]}
|
|
134
|
+
onChange={(deletedFilter, remainFilters)=> {
|
|
135
|
+
console.log(deletedFilter, remainFilters);
|
|
136
|
+
}}
|
|
134
137
|
/>
|
|
135
138
|
</div>
|
|
136
139
|
</div>
|
package/doc-dist/10.js
CHANGED
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
if (!window.__CONSOLE_OS_GLOBAL_HOOK__){window.__CONSOLE_OS_GLOBAL_VARS_={};window.__CONSOLE_OS_GLOBAL_HOOK__ = function(id, resolver) {resolver(undefined, undefined, undefined, {window: window,location: location,history: history,document: document})};window.__CONSOLE_OS_GLOBAL_HOOK__.standalone = true}
|
|
3
3
|
window.__CONSOLE_OS_GLOBAL_HOOK__("console-fe-test-rc-search-doc", function(require, module, exports, context){ var window = context.window;var location = context.location;var history = context.history;var document = context.document;with(window.__CONSOLE_OS_GLOBAL_VARS_) {
|
|
4
4
|
|
|
5
|
-
(window["webpackJsonpconsole-fe-test-rc-search-doc"]=window["webpackJsonpconsole-fe-test-rc-search-doc"]||[]).push([[10],{680:function(e,a,n){"use strict";n.r(a),n.d(a,"demo",(function(){return
|
|
5
|
+
(window["webpackJsonpconsole-fe-test-rc-search-doc"]=window["webpackJsonpconsole-fe-test-rc-search-doc"]||[]).push([[10],{680:function(e,a,n){"use strict";n.r(a),n.d(a,"demo",(function(){return b})),n.d(a,"meta",(function(){return v})),n.d(a,"code",(function(){return x})),n.d(a,"imports",(function(){return i})),n.d(a,"deps",(function(){return m}));var l={};n.r(l),n.d(l,"default",(function(){return s}));var t=n(5),r=n(1),o=n(0),c=n.n(o),d=n(63),u=[{label:"实例名称",dataIndex:"name",template:"input",templateProps:{placeholder:"按实例名称搜索",dataSource:[]},groupName:"test"},{label:"网络类型",dataIndex:"type",template:"select",templateProps:{placeholder:"请选择网络类型",dataSource:[{label:"A",value:"a"},{label:"B",value:"b"},{label:"C",value:"c"},{label:"D",value:"d"}]},groupName:"test"},{label:"付费类型",dataIndex:"pay",template:"multiple",templateProps:{placeholder:"请选择付费类型",dataSource:[{label:"A",value:"a"},{label:"B",value:"b"},{label:"C",value:"c"},{label:"D",value:"d"}]},groupName:"test2"}],p=[{label:"实例名称",dataIndex:"name",template:"input",templateProps:{placeholder:"按实例名称搜索",dataSource:[]}},{label:"网络类型",dataIndex:"type",template:"select",templateProps:{placeholder:"请选择网络类型",dataSource:[{label:"A",value:"a"},{label:"B",value:"b"},{label:"C",value:"c"},{label:"D",value:"d"}]}},{label:"付费类型",dataIndex:"pay",template:"multiple",templateProps:{placeholder:"请选择付费类型",dataSource:[{label:"A",value:"a"},{label:"B",value:"b"},{label:"C",value:"c"},{label:"D",value:"d"}]}}],s=function(e){var a=Object(o.useState)([]),n=Object(r.a)(a,2),l=n[0],s=n[1];return console.log(l),c.a.createElement("div",null,c.a.createElement(d.Search,{defaultDataIndex:"name",options:p,onSearch:function(e,a){console.log(e,a)},suggestions:[{label:"实例名称",children:["222222"]},"33333333"]}),c.a.createElement("br",null),c.a.createElement("br",null),c.a.createElement("div",null,"搜索条件成组"),c.a.createElement(d.Search,{defaultDataIndex:"name",options:u,onSearch:function(e,a,n){s([].concat(Object(t.a)(l),[n]))},suggestions:[{label:"实例名称",children:["222222"]},"33333333"]}),c.a.createElement("div",{style:{marginTop:8}},c.a.createElement(d.SearchFilter,{dataSource:l,onChange:function(e,a){s(a)}})),c.a.createElement("div",{style:{marginTop:8}},c.a.createElement(d.SearchFilter,{dataSource:[{label:"实例名称",value:"xxxxxx",dataIndex:"name"},{value:[{tagKey:"xxxx",tagValue:"xxxxxx"},{tagKey:"xx2xx",tagValue:"xxxxxx"}],dataIndex:"tag"}],onChange:function(e,a){console.log(e,a)}})))};const i=["react","@alicloud/console-components-search","react"],x="/**\n * @title 场景1\n */\n\nimport React from \"react\";\nimport { Search, SearchFilter } from \"@alicloud/console-components-search\";\nimport { useState } from \"react\";\n \n let options = [\n {\n label: '实例名称',\n dataIndex: 'name',\n template: 'input',\n templateProps: {\n placeholder: '按实例名称搜索',\n dataSource: []\n },\n groupName:\"test\"\n },\n {\n label: '网络类型',\n dataIndex: 'type',\n template: 'select',\n templateProps: {\n placeholder: '请选择网络类型',\n dataSource: [\n {label: 'A', value: 'a'},\n {label: 'B', value: 'b'},\n {label: 'C', value: 'c'},\n {label: 'D', value: 'd'},\n ]\n },\n groupName:\"test\"\n },\n {\n label: '付费类型',\n dataIndex: 'pay',\n template: 'multiple',\n templateProps: {\n placeholder: '请选择付费类型',\n dataSource: [\n {label: 'A', value: 'a'},\n {label: 'B', value: 'b'},\n {label: 'C', value: 'c'},\n {label: 'D', value: 'd'},\n ]\n },\n groupName:\"test2\"\n }\n]\n\nlet options2 = [\n {\n label: '实例名称',\n dataIndex: 'name',\n template: 'input',\n templateProps: {\n placeholder: '按实例名称搜索',\n dataSource: []\n },\n },\n {\n label: '网络类型',\n dataIndex: 'type',\n template: 'select',\n templateProps: {\n placeholder: '请选择网络类型',\n dataSource: [\n {label: 'A', value: 'a'},\n {label: 'B', value: 'b'},\n {label: 'C', value: 'c'},\n {label: 'D', value: 'd'},\n ]\n },\n },\n {\n label: '付费类型',\n dataIndex: 'pay',\n template: 'multiple',\n templateProps: {\n placeholder: '请选择付费类型',\n dataSource: [\n {label: 'A', value: 'a'},\n {label: 'B', value: 'b'},\n {label: 'C', value: 'c'},\n {label: 'D', value: 'd'},\n ]\n },\n }\n]\n\n\n const Demo1: React.FC<{}> = (props) => {\n const [filters, setFilters] = useState<any>([]);\n console.log(filters)\n return (\n <div>\n <Search\n defaultDataIndex=\"name\"\n options={options2}\n onSearch={(value, dataIndex) => {\n console.log(value, dataIndex)\n }}\n suggestions={[{label: '实例名称', children: ['222222']}, '33333333']}\n />\n <br/><br/>\n\n <div>搜索条件成组</div>\n <Search\n defaultDataIndex=\"name\"\n options={options}\n onSearch={(value, dataIndex, extra) => {\n //@ts-ignore\n setFilters([...filters, extra])\n }}\n suggestions={[{label: '实例名称', children: ['222222']}, '33333333']}\n />\n\n <div style={{marginTop: 8}}>\n <SearchFilter\n dataSource={filters}\n onChange={(deletedFilter, remainFilters)=> {\n setFilters(remainFilters)\n }}\n />\n </div>\n\n <div style={{marginTop: 8}}>\n <SearchFilter\n dataSource={[\n {label: '实例名称', value: 'xxxxxx', dataIndex: 'name'},\n {value: [{tagKey: 'xxxx', tagValue: 'xxxxxx'}, {tagKey: 'xx2xx', tagValue: 'xxxxxx'}], dataIndex: 'tag'}\n ]}\n onChange={(deletedFilter, remainFilters)=> {\n console.log(deletedFilter, remainFilters);\n }}\n />\n </div>\n </div>\n );\n };\n \n export default Demo1;\n ",m={react:o,"@alicloud/console-components-search":d,react:o},{default:b,meta:v={}}=l}}]);
|
|
6
6
|
}})
|