@alicloud/console-components-search 0.1.0 → 0.1.1

package/doc-dist/10.js

@@ -2,5 +2,5 @@
 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}
 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_) { 
 
-(window["webpackJsonpconsole-fe-test-rc-search-doc"]=window["webpackJsonpconsole-fe-test-rc-search-doc"]||[]).push([[10],{681:function(e,n,a){"use strict";a.r(n),a.d(n,"demo",(function(){return f})),a.d(n,"meta",(function(){return S})),a.d(n,"code",(function(){return h})),a.d(n,"imports",(function(){return g})),a.d(n,"deps",(function(){return b}));var t={};a.r(t),a.d(t,"default",(function(){return m}));var o=a(28),r=a(19),l=a.n(r),c=a(0),s=a.n(c),u=a(63),i=[{label:"实例名称",dataIndex:"name",template:"input",templateProps:{placeholder:"默认按实例名称搜索",dataSource:[]}}],d=[{label:"实例名称",dataIndex:"name",template:"input",templateProps:{placeholder:"默认按实例名称搜索",dataSource:[],fuzzyDisable:!0}}],p=[{label:"网络类型",dataIndex:"type",template:"select",templateProps:{placeholder:"请选择网络类型",dataSource:[{label:"A",value:"a"},{label:"B",value:"b"},{label:"C",value:"c"},{label:"D",value:"d"}]}}],m=function(e){function n(){return n=Object(o.a)(l.a.mark((function e(n,a){return l.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n){e.next=2;break}return e.abrupt("return",[]);case 2:return e.abrupt("return",["".concat(n,"-1"),"".concat(n,"-2"),"".concat(n,"-3"),"".concat(n,"-4"),"".concat(n,"-5")]);case 3:case"end":return e.stop()}}),e)}))),n.apply(this,arguments)}function a(e,n){var a=[];return e||(a=[]),a=["".concat(e,"-1"),"".concat(e,"-2"),"".concat(e,"-3"),"".concat(e,"-4"),"".concat(e,"-5")],Promise.resolve(a)}function t(e,n){return r.apply(this,arguments)}function r(){return r=Object(o.a)(l.a.mark((function e(n,a){return l.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:console.log("changedFileds:",n,"allFileds",a);case 1:case"end":return e.stop()}}),e)}))),r.apply(this,arguments)}function c(e){return m.apply(this,arguments)}function m(){return m=Object(o.a)(l.a.mark((function e(n){return l.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:console.log("onSearch:","allFileds",n),console.log("提交搜索： ".concat(JSON.stringify(n)));case 2:case"end":return e.stop()}}),e)}))),m.apply(this,arguments)}return s.a.createElement("div",null,"搜索类型：(async 调用)",s.a.createElement("br",null),s.a.createElement(u.Search,{mode:"single-single",regionId:"demo",resourceType:"demo",options:i,onSuggest:function(e,a){return n.apply(this,arguments)},onChange:t,onSearch:c}),s.a.createElement("br",null),s.a.createElement("br",null),s.a.createElement("br",null),"搜索类型：（promise调用）",s.a.createElement("br",null),s.a.createElement(u.Search,{mode:"single-single",regionId:"demo",resourceType:"demo",options:i,onSuggest:a,onChange:t,onSearch:c}),s.a.createElement("br",null),s.a.createElement("br",null),s.a.createElement("br",null),"搜索类型：（不支持模糊搜索 fuzzyDisable: true）",s.a.createElement("br",null),s.a.createElement(u.Search,{mode:"single-single",regionId:"demo",resourceType:"demo",options:d,onSuggest:a,onChange:t,onSearch:c}),s.a.createElement("br",null),s.a.createElement("br",null),s.a.createElement("br",null),"单选类型：",s.a.createElement("br",null),s.a.createElement(u.Search,{mode:"single-single",regionId:"demo",resourceType:"demo",options:p,onChange:t,onSearch:c}),s.a.createElement("br",null),"单维度单类别,暂不支持多选")};const g=["react","@alicloud/console-components-search"],h="/**\n * @title 场景一\n * @describe 场景一：single-single：单维度单类别单选.\n */\n\nimport React from \"react\";\nimport { Search, IRcSearchProps } from \"@alicloud/console-components-search\";\n\n// interface IProps {}\n\nlet options = [\n  {\n    label: '实例名称',\n    dataIndex: 'name',\n    template: 'input',\n    templateProps: {\n      placeholder: '默认按实例名称搜索',\n      dataSource: []\n    }\n  }\n]\n\nlet noFuzzyoptions = [\n  {\n    label: '实例名称',\n    dataIndex: 'name',\n    template: 'input',\n    templateProps: {\n      placeholder: '默认按实例名称搜索',\n      dataSource: [],\n      fuzzyDisable: true // 不支持模糊搜索 \n    }\n  }\n]\n\nlet options2 = [\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\nconst Demo1: React.FC<IRcSearchProps> = (props) => {\n\n  async function onSuggestAsync (value: string, dataIndex: string) {\n    if (!value) {\n      return [];\n    }\n    return [\n      // {label: value, value: `${dataIndex}-${value}`}\n      `${value}-1`,\n      `${value}-2`,\n      `${value}-3`,\n      `${value}-4`,\n      `${value}-5`,\n    ]\n  }\n  function onSuggestPromise (value: string, dataIndex: string) {\n    let rtList = [];\n    if (!value) {\n      rtList = [];\n    }\n    rtList = [\n      // {label: value, value: `${dataIndex}-${value}`}\n      `${value}-1`,\n      `${value}-2`,\n      `${value}-3`,\n      `${value}-4`,\n      `${value}-5`,\n    ]\n    return Promise.resolve(rtList)\n  }\n\n  async function onChange1 (changedFileds:any, allFileds:any) {\n    console.log(`changedFileds:`,  changedFileds, 'allFileds', allFileds)\n  }\n\n  async function onSearch (allFileds:any) {\n    console.log(`onSearch:`, 'allFileds', allFileds)\n    console.log(`提交搜索： ${JSON.stringify(allFileds)}`)\n  }\n\n  return (\n    <div>\n      搜索类型：(async 调用)<br />\n      <Search\n        mode=\"single-single\"\n        regionId=\"demo\"\n        resourceType=\"demo\"\n        options={options}\n        onSuggest={onSuggestAsync}\n        onChange={onChange1}\n        onSearch={onSearch}\n      />\n      <br /><br /><br />\n      搜索类型：（promise调用）<br />\n      <Search\n        mode=\"single-single\"\n        regionId=\"demo\"\n        resourceType=\"demo\"\n        options={options}\n        onSuggest={onSuggestPromise}\n        onChange={onChange1}\n        onSearch={onSearch} \n      />\n      <br /><br /><br />\n      搜索类型：（不支持模糊搜索 fuzzyDisable: true）<br />\n      <Search\n        mode=\"single-single\"\n        regionId=\"demo\"\n        resourceType=\"demo\"\n        options={noFuzzyoptions}\n        onSuggest={onSuggestPromise}\n        onChange={onChange1}\n        onSearch={onSearch} \n      />\n      <br /><br /><br />\n      单选类型：<br />\n      <Search\n        mode=\"single-single\"\n        regionId=\"demo\"\n        resourceType=\"demo\"\n        options={options2}\n        onChange={onChange1}\n        onSearch={onSearch}\n      />\n      <br />\n      单维度单类别,暂不支持多选\n    </div>\n  );\n};\n\nexport default Demo1;\n",b={react:c,"@alicloud/console-components-search":u},{default:f,meta:S={}}=t}}]);
+(window["webpackJsonpconsole-fe-test-rc-search-doc"]=window["webpackJsonpconsole-fe-test-rc-search-doc"]||[]).push([[10],{681:function(n,e,a){"use strict";a.r(e),a.d(e,"demo",(function(){return f})),a.d(e,"meta",(function(){return S})),a.d(e,"code",(function(){return b})),a.d(e,"imports",(function(){return h})),a.d(e,"deps",(function(){return g}));var t={};a.r(t),a.d(t,"default",(function(){return m}));var r=a(28),l=a(19),o=a.n(l),c=a(0),s=a.n(c),u=a(63),i=[{label:"实例名称",dataIndex:"name",template:"input",templateProps:{placeholder:"默认按实例名称搜索",dataSource:[]}}],p=[{label:"实例名称",dataIndex:"name",template:"input",templateProps:{placeholder:"默认按实例名称搜索",dataSource:[],fuzzyDisable:!0}}],d=[{label:"网络类型",dataIndex:"type",template:"select",templateProps:{placeholder:"请选择网络类型",dataSource:[{label:"A",value:"a"},{label:"B",value:"b"},{label:"C",value:"c"},{label:"D",value:"d"}]}}],m=function(n){function e(){return e=Object(r.a)(o.a.mark((function n(e,a){return o.a.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(e){n.next=2;break}return n.abrupt("return",[]);case 2:return n.abrupt("return",["".concat(e,"-1"),"".concat(e,"-2"),"".concat(e,"-3"),"".concat(e,"-4"),"".concat(e,"-5")]);case 3:case"end":return n.stop()}}),n)}))),e.apply(this,arguments)}function a(n,e){var a=[];return n||(a=[]),a=["".concat(n,"-1"),"".concat(n,"-2"),"".concat(n,"-3"),"".concat(n,"-4"),"".concat(n,"-5")],Promise.resolve(a)}function t(n,e){return l.apply(this,arguments)}function l(){return l=Object(r.a)(o.a.mark((function n(e,a){return o.a.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:console.log("changedFileds:",e,"allFileds",a);case 1:case"end":return n.stop()}}),n)}))),l.apply(this,arguments)}function c(n){return m.apply(this,arguments)}function m(){return m=Object(r.a)(o.a.mark((function n(e){return o.a.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:alert(JSON.stringify(e));case 1:case"end":return n.stop()}}),n)}))),m.apply(this,arguments)}return s.a.createElement("div",null,"搜索类型：(async 调用)",s.a.createElement("br",null),s.a.createElement(u.Search,{simple:!0,options:i,onSuggest:function(n,a){return e.apply(this,arguments)},onChange:t,onSearch:c}),s.a.createElement("br",null),s.a.createElement("br",null),s.a.createElement("br",null),"搜索类型：（promise调用）",s.a.createElement("br",null),s.a.createElement(u.Search,{simple:!0,resourceType:"demo",options:i,onSuggest:a,onChange:t,onSearch:c}),s.a.createElement("br",null),s.a.createElement("br",null),s.a.createElement("br",null),"搜索类型：（不支持模糊搜索 fuzzyDisable: true）",s.a.createElement("br",null),s.a.createElement(u.Search,{simple:!0,options:p,onSuggest:a,onChange:t,onSearch:c}),s.a.createElement("br",null),s.a.createElement("br",null),s.a.createElement("br",null),"单选类型：",s.a.createElement("br",null),s.a.createElement(u.Search,{simple:!0,options:d,onChange:t,onSearch:c}),s.a.createElement("br",null),"单维度单类别,暂不支持多选")};const h=["react","@alicloud/console-components-search"],b="/**\n * @title 场景一\n * @describe 场景一：single-single：单维度单类别单选.\n */\n\nimport React from \"react\";\nimport { Search, IRcSearchProps } from \"@alicloud/console-components-search\";\n\n// interface IProps {}\n\nlet options = [\n  {\n    label: '实例名称',\n    dataIndex: 'name',\n    template: 'input',\n    templateProps: {\n      placeholder: '默认按实例名称搜索',\n      dataSource: []\n    }\n  }\n]\n\nlet noFuzzyoptions = [\n  {\n    label: '实例名称',\n    dataIndex: 'name',\n    template: 'input',\n    templateProps: {\n      placeholder: '默认按实例名称搜索',\n      dataSource: [],\n      fuzzyDisable: true // 不支持模糊搜索 \n    }\n  }\n]\n\nlet options2 = [\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\nconst Demo1: React.FC<IRcSearchProps> = (props) => {\n\n  async function onSuggestAsync (value: string, dataIndex: string) {\n    if (!value) {\n      return [];\n    }\n    return [\n      // {label: value, value: `${dataIndex}-${value}`}\n      `${value}-1`,\n      `${value}-2`,\n      `${value}-3`,\n      `${value}-4`,\n      `${value}-5`,\n    ]\n  }\n  function onSuggestPromise (value: string, dataIndex: string) {\n    let rtList = [];\n    if (!value) {\n      rtList = [];\n    }\n    rtList = [\n      // {label: value, value: `${dataIndex}-${value}`}\n      `${value}-1`,\n      `${value}-2`,\n      `${value}-3`,\n      `${value}-4`,\n      `${value}-5`,\n    ]\n    return Promise.resolve(rtList)\n  }\n\n  async function onChange1 (changedFileds:any, allFileds:any) {\n    console.log(`changedFileds:`,  changedFileds, 'allFileds', allFileds)\n  }\n\n  async function onSearch (allFileds:any) {\n    alert(JSON.stringify(allFileds))\n  }\n\n  return (\n    <div>\n      搜索类型：(async 调用)<br />\n      <Search\n        simple\n        options={options}\n        onSuggest={onSuggestAsync}\n        onChange={onChange1}\n        onSearch={onSearch}\n      />\n      <br /><br /><br />\n      搜索类型：（promise调用）<br />\n      <Search\n        simple\n        resourceType=\"demo\"\n        options={options}\n        onSuggest={onSuggestPromise}\n        onChange={onChange1}\n        onSearch={onSearch} \n      />\n      <br /><br /><br />\n      搜索类型：（不支持模糊搜索 fuzzyDisable: true）<br />\n      <Search\n        simple\n        options={noFuzzyoptions}\n        onSuggest={onSuggestPromise}\n        onChange={onChange1}\n        onSearch={onSearch} \n      />\n      <br /><br /><br />\n      单选类型：<br />\n      <Search\n        simple\n        options={options2}\n        onChange={onChange1}\n        onSearch={onSearch}\n      />\n      <br />\n      单维度单类别,暂不支持多选\n    </div>\n  );\n};\n\nexport default Demo1;\n",g={react:c,"@alicloud/console-components-search":u},{default:f,meta:S={}}=t}}]);
 }})

package/doc-dist/11.js

@@ -2,5 +2,5 @@
 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}
 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_) { 
 
-(window["webpackJsonpconsole-fe-test-rc-search-doc"]=window["webpackJsonpconsole-fe-test-rc-search-doc"]||[]).push([[11],{682:function(n,e,a){"use strict";a.r(e),a.d(e,"demo",(function(){return f})),a.d(e,"meta",(function(){return b})),a.d(e,"code",(function(){return h})),a.d(e,"imports",(function(){return g})),a.d(e,"deps",(function(){return m}));var t={};a.r(t),a.d(t,"default",(function(){return p}));var l=a(28),o=a(1),c=a(19),r=a.n(c),s=a(0),u=a.n(s),i=a(63),d=[{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"}]}}],p=function(n){var e=Object(s.useState)([]),a=Object(o.a)(e,2),t=a[0],c=a[1];function p(){return p=Object(l.a)(r.a.mark((function n(e,a){return r.a.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(e){n.next=2;break}return n.abrupt("return",[]);case 2:return n.abrupt("return",["".concat(e,"-1"),"".concat(e,"-2"),"".concat(e,"-3"),"".concat(e,"-4"),"".concat(e,"-5")]);case 3:case"end":return n.stop()}}),n)}))),p.apply(this,arguments)}function g(){return g=Object(l.a)(r.a.mark((function n(e,a){return r.a.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:console.log("changedFileds:",e,"allFileds",a);case 1:case"end":return n.stop()}}),n)}))),g.apply(this,arguments)}function h(){return h=Object(l.a)(r.a.mark((function n(e){return r.a.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:console.log("onSearch:","allFileds",e),console.log("提交搜索： ".concat(JSON.stringify(e)));case 2:case"end":return n.stop()}}),n)}))),h.apply(this,arguments)}return u.a.createElement("div",null,u.a.createElement(i.Search,{mode:"single-multi",defaultDataIndex:"name",regionId:"demo",resourceType:"demo",options:d,onChange:function(n,e){return g.apply(this,arguments)},onSuggest:function(n,e){return p.apply(this,arguments)},onTagChange:function(n){console.log("onTagChange:",n),c(n)},onSearch:function(n){return h.apply(this,arguments)},tags:t}),u.a.createElement(i.SearchTagList,{regionId:"demo",resourceType:"demo",style:{marginTop:"8px"},tagList:t,onChange:function(n){console.log("onTagChange:",n),c(n)}}))};const g=["react","@alicloud/console-components-search"],h="/**\n * @title 场景二 +  结合SearchTagList使用\n * @describe 场景二：single-multi：单维度多类别单选\n * @canFullScreen\n */\n\nimport React, {useState} from \"react\";\nimport { Search, IRcSearchProps, SearchTagList } from \"@alicloud/console-components-search\";\n\n// interface IProps {}\nlet options = [\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\nconst Demo2: React.FC<IRcSearchProps> = (props) => {\n  const [tagList, setTagList] = useState<any>([]);\n\n  async function onSuggest (value: string, dataIndex: string) {\n    if (!value) {\n      return [];\n    }\n    return [\n      // {label: value, value: `${dataIndex}-${value}`}\n      `${value}-1`,\n      `${value}-2`,\n      `${value}-3`,\n      `${value}-4`,\n      `${value}-5`,\n    ]\n  }\n\n  async function onChange (changedFileds:any, allFileds:any) {\n    console.log(`changedFileds:`,  changedFileds, 'allFileds', allFileds)\n  }\n\n  function onTagChange(newTags: any) {\n    console.log(`onTagChange:`, newTags);\n    setTagList(newTags);\n  }\n\n  function onTagChangeByTagList (newTags: any) {\n    console.log(`onTagChange:`, newTags);\n    setTagList(newTags);\n  \n  }\n\n  async function onSearch (allFileds:any) {\n    console.log(`onSearch:`, 'allFileds', allFileds)\n    console.log(`提交搜索： ${JSON.stringify(allFileds)}`)\n  }\n\n\n  return (\n    <div>\n      <Search\n        mode=\"single-multi\"\n        defaultDataIndex=\"name\"\n        regionId=\"demo\"\n        resourceType=\"demo\"\n        options={options}\n        onChange={onChange}\n        onSuggest={onSuggest}\n        onTagChange={onTagChange}\n        onSearch={onSearch}\n        tags={tagList}\n      />\n      <SearchTagList regionId=\"demo\" resourceType=\"demo\" style={{marginTop: '8px'}} tagList={tagList} onChange={onTagChangeByTagList} />\n      \n    </div>\n    \n  )\n};\n \nexport default Demo2;\n",m={react:s,"@alicloud/console-components-search":i},{default:f,meta:b={}}=t}}]);
+(window["webpackJsonpconsole-fe-test-rc-search-doc"]=window["webpackJsonpconsole-fe-test-rc-search-doc"]||[]).push([[11],{682:function(e,n,a){"use strict";a.r(n),a.d(n,"demo",(function(){return f})),a.d(n,"meta",(function(){return b})),a.d(n,"code",(function(){return g})),a.d(n,"imports",(function(){return m})),a.d(n,"deps",(function(){return h}));var t={};a.r(t),a.d(t,"default",(function(){return p}));var l=a(28),o=a(1),r=a(19),c=a.n(r),s=a(0),i=a.n(s),d=a(63),u=[{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"}]}}],p=function(e){var n=Object(s.useState)([]),a=Object(o.a)(n,2),t=a[0],r=a[1];function p(){return p=Object(l.a)(c.a.mark((function e(n){return c.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:alert(JSON.stringify(n)),console.log("onSearch:","allFileds",n),console.log("提交搜索： ".concat(JSON.stringify(n)));case 3:case"end":return e.stop()}}),e)}))),p.apply(this,arguments)}return i.a.createElement("div",null,i.a.createElement(d.Search,{defaultDataIndex:"name",regionId:"demo",resourceType:"demo",options:u,onSearch:function(e){return p.apply(this,arguments)},tags:t}),i.a.createElement(d.SearchTagList,{regionId:"demo",resourceType:"demo",style:{marginTop:"8px"},tagList:t,onChange:function(e){console.log("onTagChange:",e),r(e)}}))};const m=["react","@alicloud/console-components-search"],g="/**\n * @title 场景二 +  结合SearchTagList使用\n * @describe 场景二：single-multi：单维度多类别单选\n * @canFullScreen\n */\n\nimport React, {useState} from \"react\";\nimport { Search, IRcSearchProps, SearchTagList } from \"@alicloud/console-components-search\";\n\n// interface IProps {}\nlet options = [\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\nconst Demo2: React.FC<IRcSearchProps> = (props) => {\n  const [tagList, setTagList] = useState<any>([]);\n\n  function onTagChangeByTagList (newTags: any) {\n    console.log(`onTagChange:`, newTags);\n    setTagList(newTags);\n  }\n\n  async function onSearch (field:any) {\n    alert(JSON.stringify(field))\n    console.log(`onSearch:`, 'allFileds', field)\n    console.log(`提交搜索： ${JSON.stringify(field)}`)\n  }\n\n\n  return (\n    <div>\n      <Search\n        defaultDataIndex=\"name\"\n        regionId=\"demo\"\n        resourceType=\"demo\"\n        options={options}\n        onSearch={onSearch}\n        tags={tagList}\n      />\n      <SearchTagList regionId=\"demo\" resourceType=\"demo\" style={{marginTop: '8px'}} tagList={tagList} onChange={onTagChangeByTagList} />\n      \n    </div>\n    \n  )\n};\n \nexport default Demo2;\n",h={react:s,"@alicloud/console-components-search":d},{default:f,meta:b={}}=t}}]);
 }})

package/doc-dist/12.js

@@ -2,5 +2,5 @@
 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}
 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_) { 
 
-(window["webpackJsonpconsole-fe-test-rc-search-doc"]=window["webpackJsonpconsole-fe-test-rc-search-doc"]||[]).push([[12],{683:function(e,n,a){"use strict";a.r(n),a.d(n,"demo",(function(){return f})),a.d(n,"meta",(function(){return y})),a.d(n,"code",(function(){return h})),a.d(n,"imports",(function(){return g})),a.d(n,"deps",(function(){return b}));var t={};a.r(t),a.d(t,"default",(function(){return m}));var l=a(28),o=a(1),r=a(19),c=a.n(r),u=a(0),s=a.n(u),i=a(63),d=a(64),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"}]}}],m=function(e){var n=Object(u.useState)([]),a=Object(o.a)(n,2),t=a[0],r=a[1];function m(){return m=Object(l.a)(c.a.mark((function e(n,a){return c.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n){e.next=2;break}return e.abrupt("return",[]);case 2:return e.abrupt("return",["".concat(n,"-1"),"".concat(n,"-2"),"".concat(n,"-3"),"".concat(n,"-4"),"".concat(n,"-5")]);case 3:case"end":return e.stop()}}),e)}))),m.apply(this,arguments)}function g(){return g=Object(l.a)(c.a.mark((function e(n,a){return c.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:console.log("changedFileds:",n,"allFileds",a);case 1:case"end":return e.stop()}}),e)}))),g.apply(this,arguments)}function h(e){console.log("onTagChange:",e),r(e)}function b(){return b=Object(l.a)(c.a.mark((function e(n){return c.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:console.log("onSearch:","allFileds",n),console.log("提交搜索： ".concat(JSON.stringify(n)));case 2:case"end":return e.stop()}}),e)}))),b.apply(this,arguments)}return s.a.createElement("div",null,s.a.createElement("p",null,"有默认分类: 实例名称"),s.a.createElement("div",null,s.a.createElement(d.Button,{type:"primary",style:{marginRight:"10px"}},"主按钮"),s.a.createElement(i.Search,{mode:"multi-multi",defaultDataIndex:"name",regionId:"demo",resourceType:"demo",options:p,onChange:function(e,n){return g.apply(this,arguments)},onSuggest:function(e,n){return m.apply(this,arguments)},onTagChange:h,onSearch:function(e){return b.apply(this,arguments)},tags:t,style:{marginRight:"10px",width:"500px"}}),s.a.createElement(d.Button,{type:"normal"},"普通按钮")),s.a.createElement(i.SearchTagList,{regionId:"demo",resourceType:"demo",style:{marginTop:"8px"},tagList:t,onChange:h}),s.a.createElement(d.Table,null,s.a.createElement(d.Table.Column,{title:"Key",dataIndex:"key"}),s.a.createElement(d.Table.Column,{title:"实例ID/名称",dataIndex:"id"}),s.a.createElement(d.Table.Column,{title:"状态",dataIndex:"status"})))};const g=["react","@alicloud/console-components-search","@alicloud/console-components"],h="/**\n * @title 场景三 + 结合表格使用\n * @describe 场景三：multi-multi：多维度多类别单选\n * @canFullScreen\n */\n\nimport React, {useState} from \"react\";\nimport { Search, IRcSearchProps, SearchTagList } from \"@alicloud/console-components-search\";\nimport { Button, Table } from '@alicloud/console-components'\n// interface IProps {}\nlet options = [\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 \nconst Demo3: React.FC<IRcSearchProps> = (props) => {\n  const [tagList, setTagList] = useState<any>([]);\n\n  async function onSuggest (value: string, dataIndex: string) {\n    if (!value) {\n      return [];\n    }\n    return [\n      // {label: value, value: `${dataIndex}-${value}`}\n      `${value}-1`,\n      `${value}-2`,\n      `${value}-3`,\n      `${value}-4`,\n      `${value}-5`,\n    ]\n  }\n\n  async function onChange (changedFileds:any, allFileds:any) {\n    console.log(`changedFileds:`,  changedFileds, 'allFileds', allFileds)\n  }\n\n  function onTagChange(newTags: any) {\n    console.log(`onTagChange:`, newTags);\n    setTagList(newTags);\n  }\n\n  async function onSearch (allFileds:any) {\n    console.log(`onSearch:`, 'allFileds', allFileds)\n    console.log(`提交搜索： ${JSON.stringify(allFileds)}`)\n  }\n\n  return (\n    <div>\n      <p>有默认分类: 实例名称</p>\n      <div>\n        <Button type=\"primary\" style={{marginRight: '10px'}}>主按钮</Button>\n        <Search\n          mode=\"multi-multi\"\n          defaultDataIndex=\"name\"\n          regionId=\"demo\"\n          resourceType=\"demo\"\n          options={options}\n          onChange={onChange}\n          onSuggest={onSuggest}\n          onTagChange={onTagChange}\n          onSearch={onSearch}\n          tags={tagList}\n          style={{marginRight: '10px', width: '500px'}}\n        />\n        <Button type=\"normal\">普通按钮</Button>\n\n      </div>\n      \n      <SearchTagList regionId=\"demo\" resourceType=\"demo\" style={{marginTop: '8px'}} tagList={tagList} onChange={onTagChange} />\n      <Table>\n        <Table.Column title=\"Key\" dataIndex=\"key\" />\n        <Table.Column title=\"实例ID/名称\" dataIndex=\"id\" />\n        <Table.Column title=\"状态\" dataIndex=\"status\" />\n      </Table>\n    </div>\n    \n  )\n};\n\nexport default Demo3;\n",b={react:u,"@alicloud/console-components-search":i,"@alicloud/console-components":d},{default:f,meta:y={}}=t}}]);
+(window["webpackJsonpconsole-fe-test-rc-search-doc"]=window["webpackJsonpconsole-fe-test-rc-search-doc"]||[]).push([[12],{683:function(e,n,a){"use strict";a.r(n),a.d(n,"demo",(function(){return y})),a.d(n,"meta",(function(){return g})),a.d(n,"code",(function(){return h})),a.d(n,"imports",(function(){return b})),a.d(n,"deps",(function(){return f}));var t={};a.r(t),a.d(t,"default",(function(){return m}));var l=a(28),o=a(1),r=a(19),c=a.n(r),u=a(0),d=a.n(u),s=a(63),p=a(64),i=[{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"}]}}],m=function(e){var n=Object(u.useState)([]),a=Object(o.a)(n,2),t=a[0],r=a[1];function m(){return m=Object(l.a)(c.a.mark((function e(n){return c.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:console.log(n),r(n);case 2:case"end":return e.stop()}}),e)}))),m.apply(this,arguments)}return d.a.createElement("div",null,d.a.createElement("p",null,"有默认分类: 实例名称"),d.a.createElement("div",null,d.a.createElement(p.Button,{type:"primary",style:{marginRight:"10px"}},"主按钮"),d.a.createElement(s.Search,{defaultDataIndex:"name",options:i,onSearch:function(e){return m.apply(this,arguments)},tags:t,style:{marginRight:"10px",width:"500px"}}),d.a.createElement(p.Button,{type:"normal"},"普通按钮")),d.a.createElement(s.SearchTagList,{regionId:"demo",resourceType:"demo",style:{marginTop:"8px"},tagList:t}),d.a.createElement(p.Table,null,d.a.createElement(p.Table.Column,{title:"Key",dataIndex:"key"}),d.a.createElement(p.Table.Column,{title:"实例ID/名称",dataIndex:"id"}),d.a.createElement(p.Table.Column,{title:"状态",dataIndex:"status"})))};const b=["react","@alicloud/console-components-search","@alicloud/console-components"],h="/**\n * @title 场景三 + 结合表格使用\n * @describe 场景三：multi-multi：多维度多类别单选\n * @canFullScreen\n */\n\nimport React, {useState} from \"react\";\nimport { Search, IRcSearchProps, SearchTagList } from \"@alicloud/console-components-search\";\nimport { Button, Table } from '@alicloud/console-components'\n// interface IProps {}\nlet options = [\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 \nconst Demo3: React.FC<IRcSearchProps> = (props) => {\n  const [tagList, setTagList] = useState<any>([]);\n\n  async function onSearch (field:any) {\n    console.log(field)\n    setTagList(field);\n  }\n\n  return (\n    <div>\n      <p>有默认分类: 实例名称</p>\n      <div>\n        <Button type=\"primary\" style={{marginRight: '10px'}}>主按钮</Button>\n        <Search\n          defaultDataIndex=\"name\"\n          options={options}\n          onSearch={onSearch}\n          tags={tagList}\n          style={{marginRight: '10px', width: '500px'}}\n        />\n        <Button type=\"normal\">普通按钮</Button>\n\n      </div>\n      \n      <SearchTagList regionId=\"demo\" resourceType=\"demo\" style={{marginTop: '8px'}} tagList={tagList}/>\n\n      <Table>\n        <Table.Column title=\"Key\" dataIndex=\"key\" />\n        <Table.Column title=\"实例ID/名称\" dataIndex=\"id\" />\n        <Table.Column title=\"状态\" dataIndex=\"status\" />\n      </Table>\n    </div>\n    \n  )\n};\n\nexport default Demo3;\n",f={react:u,"@alicloud/console-components-search":s,"@alicloud/console-components":p},{default:y,meta:g={}}=t}}]);
 }})

package/doc-dist/13.js

@@ -2,5 +2,5 @@
 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}
 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_) { 
 
-(window["webpackJsonpconsole-fe-test-rc-search-doc"]=window["webpackJsonpconsole-fe-test-rc-search-doc"]||[]).push([[13],{684:function(e,n,a){"use strict";a.r(n),a.d(n,"demo",(function(){return v})),a.d(n,"meta",(function(){return f})),a.d(n,"code",(function(){return b})),a.d(n,"imports",(function(){return g})),a.d(n,"deps",(function(){return h}));var t={};a.r(t),a.d(t,"default",(function(){return m}));var l=a(28),o=a(1),c=a(19),r=a.n(c),u=a(0),d=a.n(u),s=a(63),i=a(64),p=(i.Radio.Group,[{label:"实例名称",dataIndex:"name",template:"input",templateProps:{placeholder:"请输入",dataSource:[]}},{label:"密钥名称",dataIndex:"netkey",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"}]}}]),m=function(e){var n=Object(u.useState)([]),a=Object(o.a)(n,2),t=a[0],c=a[1];function i(){return i=Object(l.a)(r.a.mark((function e(n,a){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(console.log(),n){e.next=3;break}return e.abrupt("return",[]);case 3:return e.abrupt("return",["".concat(n,"-1"),"".concat(n,"-2"),"".concat(n,"-3"),"".concat(n,"-4"),"".concat(n,"-5")]);case 4:case"end":return e.stop()}}),e)}))),i.apply(this,arguments)}function m(){return m=Object(l.a)(r.a.mark((function e(n){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n){e.next=2;break}return e.abrupt("return",[]);case 2:return e.abrupt("return",[{label:"实例名称",dataIndex:"name",children:[{label:"".concat(n,"-1"),value:"".concat(n,"-1"),dataIndex:"name"},{label:"".concat(n,"-2"),value:"".concat(n,"-2"),dataIndex:"name"},{label:"".concat(n,"-3"),value:"".concat(n,"-3"),dataIndex:"name"}]},{label:"密钥名称",dataIndex:"netkey",children:[{label:"".concat(n,"-1"),value:"".concat(n,"-1"),dataIndex:"name"},{label:"".concat(n,"-2"),value:"".concat(n,"-2"),dataIndex:"name"},{label:"".concat(n,"-3"),value:"".concat(n,"-3"),dataIndex:"name"}]}]);case 3:case"end":return e.stop()}}),e)}))),m.apply(this,arguments)}function g(){return g=Object(l.a)(r.a.mark((function e(n,a){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:console.log("changedFileds:",n,"allFileds",a);case 1:case"end":return e.stop()}}),e)}))),g.apply(this,arguments)}function b(e){console.log("onTagChange:",e),c(e)}function h(){return h=Object(l.a)(r.a.mark((function e(n){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:console.log("onSearch:","allFileds",n),console.log("提交搜索： ".concat(JSON.stringify(n)));case 2:case"end":return e.stop()}}),e)}))),h.apply(this,arguments)}return d.a.createElement("div",null,d.a.createElement("p",null,"无默认分类, 默认多类别搜索"),d.a.createElement(s.Search,{mode:"multi-multi",options:p,regionId:"demo",resourceType:"demo",onChange:function(e,n){return g.apply(this,arguments)},onSuggest:function(e,n){return i.apply(this,arguments)},defaultPlaceholder:"请搜索",onSuggestNoDataIndex:function(e){return m.apply(this,arguments)},onTagChange:b,onSearch:function(e){return h.apply(this,arguments)},tags:t}),d.a.createElement(s.SearchTagList,{regionId:"demo",resourceType:"demo",style:{marginTop:"8px"},tagList:t,onChange:b}),d.a.createElement("br",null),d.a.createElement("br",null),d.a.createElement("br",null))};const g=["react","@alicloud/console-components-search","@alicloud/console-components"],b="/**\n * @title 场景三 + 无默认类别\n * @describe 场景三：multi-multi：多维度多类别单选\n * @canFullScreen\n */\n\nimport React, {useState} from \"react\";\nimport { Search, IRcSearchProps, SearchTagList } from \"@alicloud/console-components-search\";\nimport { Radio } from '@alicloud/console-components'\n\nconst RadioGroup = Radio.Group;\n// interface IProps {}\nlet options = [\n  {\n    label: '实例名称',\n    dataIndex: 'name',\n    template: 'input',\n    templateProps: {\n      placeholder: '请输入',\n      dataSource: []\n    }\n  },\n  {\n    label: '密钥名称',\n    dataIndex: 'netkey',\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 \nconst Demo3: React.FC<IRcSearchProps> = (props) => {\n  const [tagList, setTagList] = useState<any>([]);\n\n  async function onSuggest (value: string, dataIndex: string) {\n    console.log()\n    if (!value) {\n      return [];\n    }\n    return [\n      // {label: value, value: `${dataIndex}-${value}`}\n      `${value}-1`,\n      `${value}-2`,\n      `${value}-3`,\n      `${value}-4`,\n      `${value}-5`,\n    ]\n  }\n\n  async function onSuggestNoIndex (value: string) {\n    if (!value) {\n      return [];\n    }\n    \n    return [\n      {\n        label: '实例名称',\n        dataIndex: 'name',\n        children: [\n          {label: `${value}-1`, value: `${value}-1`, dataIndex: 'name'},\n          {label: `${value}-2`, value: `${value}-2`, dataIndex: 'name'},\n          {label: `${value}-3`, value: `${value}-3`, dataIndex: 'name'},\n        ]\n      },\n      {\n        label: '密钥名称',\n        dataIndex: 'netkey',\n        children: [\n          {label: `${value}-1`, value: `${value}-1`, dataIndex: 'name'},\n          {label: `${value}-2`, value: `${value}-2`, dataIndex: 'name'},\n          {label: `${value}-3`, value: `${value}-3`, dataIndex: 'name'},\n        ]\n      }\n    ]\n  }\n\n  async function onChange (changedFileds:any, allFileds:any) {\n    console.log(`changedFileds:`,  changedFileds, 'allFileds', allFileds)\n  }\n\n  function onTagChange(newTags: any) {\n    console.log(`onTagChange:`, newTags);\n    setTagList(newTags);\n  }\n\n  async function onSearch (allFileds:any) {\n    console.log(`onSearch:`, 'allFileds', allFileds)\n    console.log(`提交搜索： ${JSON.stringify(allFileds)}`)\n  }\n\n  return (\n    <div>\n      <p>无默认分类, 默认多类别搜索</p>\n      <Search\n        mode=\"multi-multi\"\n        options={options}\n        regionId=\"demo\"\n        resourceType=\"demo\"\n        onChange={onChange}\n        onSuggest={onSuggest}\n        defaultPlaceholder=\"请搜索\"\n        onSuggestNoDataIndex={onSuggestNoIndex}\n        onTagChange={onTagChange}\n        onSearch={onSearch}\n        tags={tagList}\n      />\n      <SearchTagList regionId=\"demo\" resourceType=\"demo\" style={{marginTop: '8px'}} tagList={tagList} onChange={onTagChange} />\n      <br /><br /><br />\n    </div>\n    \n  )\n};\n\nexport default Demo3;\n",h={react:u,"@alicloud/console-components-search":s,"@alicloud/console-components":i},{default:v,meta:f={}}=t}}]);
+(window["webpackJsonpconsole-fe-test-rc-search-doc"]=window["webpackJsonpconsole-fe-test-rc-search-doc"]||[]).push([[13],{684:function(e,n,a){"use strict";a.r(n),a.d(n,"demo",(function(){return h})),a.d(n,"meta",(function(){return f})),a.d(n,"code",(function(){return b})),a.d(n,"imports",(function(){return g})),a.d(n,"deps",(function(){return v}));var t={};a.r(t),a.d(t,"default",(function(){return m}));var l=a(28),o=a(1),c=a(19),r=a.n(c),u=a(0),d=a.n(u),s=a(63),i=a(64),p=(i.Radio.Group,[{label:"实例名称",dataIndex:"name",template:"input",templateProps:{placeholder:"请输入",dataSource:[]}},{label:"密钥名称",dataIndex:"netkey",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"}]}}]),m=function(e){var n=Object(u.useState)([]),a=Object(o.a)(n,2),t=a[0],c=a[1];function i(){return i=Object(l.a)(r.a.mark((function e(n,a){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(console.log(),n){e.next=3;break}return e.abrupt("return",[]);case 3:return e.abrupt("return",["".concat(n,"-1"),"".concat(n,"-2"),"".concat(n,"-3"),"".concat(n,"-4"),"".concat(n,"-5")]);case 4:case"end":return e.stop()}}),e)}))),i.apply(this,arguments)}function m(){return m=Object(l.a)(r.a.mark((function e(n){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n){e.next=2;break}return e.abrupt("return",[]);case 2:return e.abrupt("return",[{label:"实例名称",dataIndex:"name",children:[{label:"".concat(n,"-1"),value:"".concat(n,"-1"),dataIndex:"name"},{label:"".concat(n,"-2"),value:"".concat(n,"-2"),dataIndex:"name"},{label:"".concat(n,"-3"),value:"".concat(n,"-3"),dataIndex:"name"}]},{label:"密钥名称",dataIndex:"netkey",children:[{label:"".concat(n,"-1"),value:"".concat(n,"-1"),dataIndex:"name"},{label:"".concat(n,"-2"),value:"".concat(n,"-2"),dataIndex:"name"},{label:"".concat(n,"-3"),value:"".concat(n,"-3"),dataIndex:"name"}]}]);case 3:case"end":return e.stop()}}),e)}))),m.apply(this,arguments)}function g(){return g=Object(l.a)(r.a.mark((function e(n,a){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:console.log("changedFileds:",n,"allFileds",a);case 1:case"end":return e.stop()}}),e)}))),g.apply(this,arguments)}function b(){return b=Object(l.a)(r.a.mark((function e(n){return r.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:console.log("onSearch:","allFileds",n),console.log("提交搜索： ".concat(JSON.stringify(n)));case 2:case"end":return e.stop()}}),e)}))),b.apply(this,arguments)}return d.a.createElement("div",null,d.a.createElement("p",null,"无默认分类, 默认多类别搜索"),d.a.createElement(s.Search,{options:p,regionId:"demo",resourceType:"demo",onChange:function(e,n){return g.apply(this,arguments)},onSuggest:function(e,n){return i.apply(this,arguments)},defaultPlaceholder:"请搜索",onSuggestNoDataIndex:function(e){return m.apply(this,arguments)},onSearch:function(e){return b.apply(this,arguments)},tags:t}),d.a.createElement(s.SearchTagList,{regionId:"demo",resourceType:"demo",style:{marginTop:"8px"},tagList:t,onChange:function(e){console.log("onTagChange:",e),c(e)}}),d.a.createElement("br",null),d.a.createElement("br",null),d.a.createElement("br",null))};const g=["react","@alicloud/console-components-search","@alicloud/console-components"],b="/**\n * @title 场景三 + 无默认类别\n * @describe 场景三：multi-multi：多维度多类别单选\n * @canFullScreen\n */\n\nimport React, {useState} from \"react\";\nimport { Search, IRcSearchProps, SearchTagList } from \"@alicloud/console-components-search\";\nimport { Radio } from '@alicloud/console-components'\n\nconst RadioGroup = Radio.Group;\n// interface IProps {}\nlet options = [\n  {\n    label: '实例名称',\n    dataIndex: 'name',\n    template: 'input',\n    templateProps: {\n      placeholder: '请输入',\n      dataSource: []\n    }\n  },\n  {\n    label: '密钥名称',\n    dataIndex: 'netkey',\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 \nconst Demo3: React.FC<IRcSearchProps> = (props) => {\n  const [tagList, setTagList] = useState<any>([]);\n\n  async function onSuggest (value: string, dataIndex: string) {\n    console.log()\n    if (!value) {\n      return [];\n    }\n    return [\n      // {label: value, value: `${dataIndex}-${value}`}\n      `${value}-1`,\n      `${value}-2`,\n      `${value}-3`,\n      `${value}-4`,\n      `${value}-5`,\n    ]\n  }\n\n  async function onSuggestNoIndex (value: string) {\n    if (!value) {\n      return [];\n    }\n    \n    return [\n      {\n        label: '实例名称',\n        dataIndex: 'name',\n        children: [\n          {label: `${value}-1`, value: `${value}-1`, dataIndex: 'name'},\n          {label: `${value}-2`, value: `${value}-2`, dataIndex: 'name'},\n          {label: `${value}-3`, value: `${value}-3`, dataIndex: 'name'},\n        ]\n      },\n      {\n        label: '密钥名称',\n        dataIndex: 'netkey',\n        children: [\n          {label: `${value}-1`, value: `${value}-1`, dataIndex: 'name'},\n          {label: `${value}-2`, value: `${value}-2`, dataIndex: 'name'},\n          {label: `${value}-3`, value: `${value}-3`, dataIndex: 'name'},\n        ]\n      }\n    ]\n  }\n\n  async function onChange (changedFileds:any, allFileds:any) {\n    console.log(`changedFileds:`,  changedFileds, 'allFileds', allFileds)\n  }\n\n  function onTagChange(newTags: any) {\n    console.log(`onTagChange:`, newTags);\n    setTagList(newTags);\n  }\n\n  async function onSearch (allFileds:any) {\n    console.log(`onSearch:`, 'allFileds', allFileds)\n    console.log(`提交搜索： ${JSON.stringify(allFileds)}`)\n  }\n\n  return (\n    <div>\n      <p>无默认分类, 默认多类别搜索</p>\n      <Search\n        options={options}\n        regionId=\"demo\"\n        resourceType=\"demo\"\n        onChange={onChange}\n        onSuggest={onSuggest}\n        defaultPlaceholder=\"请搜索\"\n        onSuggestNoDataIndex={onSuggestNoIndex}\n        onSearch={onSearch}\n        tags={tagList}\n      />\n      <SearchTagList regionId=\"demo\" resourceType=\"demo\" style={{marginTop: '8px'}} tagList={tagList} onChange={onTagChange} />\n      <br /><br /><br />\n    </div>\n    \n  )\n};\n\nexport default Demo3;\n",v={react:u,"@alicloud/console-components-search":s,"@alicloud/console-components":i},{default:h,meta:f={}}=t}}]);
 }})

package/doc-dist/17.js

@@ -2,5 +2,5 @@
 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}
 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_) { 
 
-(window["webpackJsonpconsole-fe-test-rc-search-doc"]=window["webpackJsonpconsole-fe-test-rc-search-doc"]||[]).push([[17],{689:function(e,t,n){"use strict";n.r(t),n.d(t,"typeInfo",(function(){return a}));var a={name:"IRcSearchProps",documentation:"",properties:[{name:"mode",typeText:' "single-single" | "single-multi" | "multi-multi" | string',documentation:"组件适应的场景:<br />\n - 场景一：single-single：单维度单类别单选<br />\n - 场景二：single-multi：单维度多类别单选<br />\n - 场景三：multi-multi：多维度多类别单选<br />",defaultValue:'"single-single"'},{name:"className",typeText:" string",documentation:"类名"},{name:"style",typeText:" any",documentation:"样式"},{name:"options",typeText:" IRcSearchOptionsProps[]",documentation:"对应不同场景值的类型数组，后面要详细展开列一下",defaultValue:"[]"},{name:"tags",typeText:" IRcSearchTagItemProps[]",documentation:"tags 传入的taglist, 用于， 同步"},{name:"defaultDataIndex",typeText:" string",documentation:'默认类别\n仅在mode是"single-multi" | "multi-multi"生效'},{name:"defaultPlaceholder",typeText:" string",documentation:'默认placeholder\n仅在mode是"single-multi" | "multi-multi"生效, 且， 未配置默认值时生效'},{name:"regionId",typeText:" string",documentation:"regionId"},{name:"resourceType",typeText:" string",documentation:"resourceType"},{name:"onSearch",typeText:" (allFileds: any) => void",documentation:"点击搜索按钮， 触发搜索回调。"},{name:"onChange",typeText:" (changeFileds: any, allFileds: any) => void",documentation:"包括onInput的回车；onSelect； 对Tag的增减。"},{name:"onInput",typeText:" () => void",documentation:"input的input"},{name:"onSuggest",typeText:" (value: string, dataIndex: string) => void",documentation:"模糊搜索的回调函数(仅输入框返回)，用于构建模糊搜索的联想列表"},{name:"onSuggestNoDataIndex",typeText:" (value: string) => Promise<any>",documentation:"模糊搜索的回调函数(仅输入框返回)，当没设置defaultDataIndex，且有多个input类别时触发，\n可自定义二级返回List"},{name:"onSelect",typeText:" () => void",documentation:"提供单选和多选, 触发。"},{name:"onTagChange",typeText:" (newTags: any) => void",documentation:"tag有增减时。"}]}}}]);
+(window["webpackJsonpconsole-fe-test-rc-search-doc"]=window["webpackJsonpconsole-fe-test-rc-search-doc"]||[]).push([[17],{689:function(e,t,n){"use strict";n.r(t),n.d(t,"typeInfo",(function(){return a}));var a={name:"IRcSearchProps",documentation:"",properties:[{name:"simple",typeText:" boolean",documentation:"组件适应的场景:<br />\n - 场景一：single-single：单维度单类别单选<br />\n - 场景二：single-multi：单维度多类别单选<br />\n - 场景三：multi-multi：多维度多类别单选<br />",defaultValue:'"single-single"'},{name:"className",typeText:" string",documentation:"类名"},{name:"style",typeText:" any",documentation:"样式"},{name:"options",typeText:" IRcSearchOptionsProps[]",documentation:"对应不同场景值的类型数组，后面要详细展开列一下",defaultValue:"[]"},{name:"tags",typeText:" IRcSearchTagItemProps[]",documentation:"tags 传入的taglist, 用于， 同步"},{name:"defaultDataIndex",typeText:" string",documentation:'默认类别\n仅在mode是"single-multi" | "multi-multi"生效'},{name:"defaultPlaceholder",typeText:" string",documentation:'默认placeholder\n仅在mode是"single-multi" | "multi-multi"生效, 且， 未配置默认值时生效'},{name:"regionId",typeText:" string",documentation:"regionId"},{name:"resourceType",typeText:" string",documentation:"resourceType"},{name:"onSearch",typeText:" (allFields: any) => void",documentation:"点击搜索按钮， 触发搜索回调。"},{name:"onChange",typeText:" (changeFields: any, allFields: any) => void",documentation:"包括onInput的回车；onSelect； 对Tag的增减。"},{name:"onInput",typeText:" () => void",documentation:"input的input"},{name:"onSuggest",typeText:" (value: string, dataIndex: string) => void",documentation:"模糊搜索的回调函数(仅输入框返回)，用于构建模糊搜索的联想列表"},{name:"onSuggestNoDataIndex",typeText:" (value: string) => Promise<any>",documentation:"模糊搜索的回调函数(仅输入框返回)，当没设置defaultDataIndex，且有多个input类别时触发，\n可自定义二级返回List"},{name:"onSelect",typeText:" () => void",documentation:"提供单选和多选, 触发。"}]}}}]);
 }})