@alicloud/console-components-search 0.1.0 → 0.1.1

package/demos/demo1.demo.tsx

@@ -86,17 +86,14 @@ const Demo1: React.FC<IRcSearchProps> = (props) => {
   }
 
   async function onSearch (allFileds:any) {
-    console.log(`onSearch:`, 'allFileds', allFileds)
-    console.log(`提交搜索： ${JSON.stringify(allFileds)}`)
+    alert(JSON.stringify(allFileds))
   }
 
   return (
     <div>
       搜索类型：(async 调用)<br />
       <Search
-        mode="single-single"
-        regionId="demo"
-        resourceType="demo"
+        simple
         options={options}
         onSuggest={onSuggestAsync}
         onChange={onChange1}
@@ -105,8 +102,7 @@ const Demo1: React.FC<IRcSearchProps> = (props) => {
       <br /><br /><br />
       搜索类型：（promise调用）<br />
       <Search
-        mode="single-single"
-        regionId="demo"
+        simple
         resourceType="demo"
         options={options}
         onSuggest={onSuggestPromise}
@@ -116,9 +112,7 @@ const Demo1: React.FC<IRcSearchProps> = (props) => {
       <br /><br /><br />
       搜索类型：（不支持模糊搜索 fuzzyDisable: true）<br />
       <Search
-        mode="single-single"
-        regionId="demo"
-        resourceType="demo"
+        simple
         options={noFuzzyoptions}
         onSuggest={onSuggestPromise}
         onChange={onChange1}
@@ -127,9 +121,7 @@ const Demo1: React.FC<IRcSearchProps> = (props) => {
       <br /><br /><br />
       单选类型：<br />
       <Search
-        mode="single-single"
-        regionId="demo"
-        resourceType="demo"
+        simple
         options={options2}
         onChange={onChange1}
         onSearch={onSearch}

package/demos/demo2.demo.tsx

@@ -51,52 +51,25 @@ let options = [
 const Demo2: React.FC<IRcSearchProps> = (props) => {
   const [tagList, setTagList] = useState<any>([]);
 
-  async function onSuggest (value: string, dataIndex: string) {
-    if (!value) {
-      return [];
-    }
-    return [
-      // {label: value, value: `${dataIndex}-${value}`}
-      `${value}-1`,
-      `${value}-2`,
-      `${value}-3`,
-      `${value}-4`,
-      `${value}-5`,
-    ]
-  }
-
-  async function onChange (changedFileds:any, allFileds:any) {
-    console.log(`changedFileds:`,  changedFileds, 'allFileds', allFileds)
-  }
-
-  function onTagChange(newTags: any) {
-    console.log(`onTagChange:`, newTags);
-    setTagList(newTags);
-  }
-
   function onTagChangeByTagList (newTags: any) {
     console.log(`onTagChange:`, newTags);
     setTagList(newTags);
-  
   }
 
-  async function onSearch (allFileds:any) {
-    console.log(`onSearch:`, 'allFileds', allFileds)
-    console.log(`提交搜索： ${JSON.stringify(allFileds)}`)
+  async function onSearch (field:any) {
+    alert(JSON.stringify(field))
+    console.log(`onSearch:`, 'allFileds', field)
+    console.log(`提交搜索： ${JSON.stringify(field)}`)
   }
 
 
   return (
     <div>
       <Search
-        mode="single-multi"
         defaultDataIndex="name"
         regionId="demo"
         resourceType="demo"
         options={options}
-        onChange={onChange}
-        onSuggest={onSuggest}
-        onTagChange={onTagChange}
         onSearch={onSearch}
         tags={tagList}
       />

package/demos/demo3.demo.tsx

@@ -51,32 +51,9 @@ let options = [
 const Demo3: React.FC<IRcSearchProps> = (props) => {
   const [tagList, setTagList] = useState<any>([]);
 
-  async function onSuggest (value: string, dataIndex: string) {
-    if (!value) {
-      return [];
-    }
-    return [
-      // {label: value, value: `${dataIndex}-${value}`}
-      `${value}-1`,
-      `${value}-2`,
-      `${value}-3`,
-      `${value}-4`,
-      `${value}-5`,
-    ]
-  }
-
-  async function onChange (changedFileds:any, allFileds:any) {
-    console.log(`changedFileds:`,  changedFileds, 'allFileds', allFileds)
-  }
-
-  function onTagChange(newTags: any) {
-    console.log(`onTagChange:`, newTags);
-    setTagList(newTags);
-  }
-
-  async function onSearch (allFileds:any) {
-    console.log(`onSearch:`, 'allFileds', allFileds)
-    console.log(`提交搜索： ${JSON.stringify(allFileds)}`)
+  async function onSearch (field:any) {
+    console.log(field)
+    setTagList(field);
   }
 
   return (
@@ -85,14 +62,8 @@ const Demo3: React.FC<IRcSearchProps> = (props) => {
       <div>
         <Button type="primary" style={{marginRight: '10px'}}>主按钮</Button>
         <Search
-          mode="multi-multi"
           defaultDataIndex="name"
-          regionId="demo"
-          resourceType="demo"
           options={options}
-          onChange={onChange}
-          onSuggest={onSuggest}
-          onTagChange={onTagChange}
           onSearch={onSearch}
           tags={tagList}
           style={{marginRight: '10px', width: '500px'}}
@@ -101,7 +72,8 @@ const Demo3: React.FC<IRcSearchProps> = (props) => {
 
       </div>
       
-      <SearchTagList regionId="demo" resourceType="demo" style={{marginTop: '8px'}} tagList={tagList} onChange={onTagChange} />
+      <SearchTagList regionId="demo" resourceType="demo" style={{marginTop: '8px'}} tagList={tagList}/>
+
       <Table>
         <Table.Column title="Key" dataIndex="key" />
         <Table.Column title="实例ID/名称" dataIndex="id" />

package/demos/demo4.demo.tsx

@@ -122,7 +122,6 @@ const Demo3: React.FC<IRcSearchProps> = (props) => {
     <div>
       <p>无默认分类, 默认多类别搜索</p>
       <Search
-        mode="multi-multi"
         options={options}
         regionId="demo"
         resourceType="demo"
@@ -130,7 +129,6 @@ const Demo3: React.FC<IRcSearchProps> = (props) => {
         onSuggest={onSuggest}
         defaultPlaceholder="请搜索"
         onSuggestNoDataIndex={onSuggestNoIndex}
-        onTagChange={onTagChange}
         onSearch={onSearch}
         tags={tagList}
       />