@fle-ui/next 1.0.0-alpha.12 → 1.0.0-alpha.13

package/docs-dist/demos_tceles.js

@@ -1 +1,1416 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[116],{"2HEe":function(e,t,a){var n,r,l;(function(a,o){r=[t,e],n=o,l="function"===typeof n?n.apply(t,r):n,void 0===l||(e.exports=l)})(0,(function(e,t){"use strict";var a={timeout:5e3,jsonpCallback:"callback",jsonpCallbackFunction:null};function n(){return"jsonp_"+Date.now()+"_"+Math.ceil(1e5*Math.random())}function r(e){try{delete window[e]}catch(t){window[e]=void 0}}function l(e){var t=document.getElementById(e);t&&document.getElementsByTagName("head")[0].removeChild(t)}function o(e){var t=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],o=e,c=t.timeout||a.timeout,i=t.jsonpCallback||a.jsonpCallback,u=void 0;return new Promise((function(a,s){var d=t.jsonpCallbackFunction||n(),m=i+"_"+d;window[d]=function(e){a({ok:!0,json:function(){return Promise.resolve(e)}}),u&&clearTimeout(u),l(m),r(d)},o+=-1===o.indexOf("?")?"?":"&";var p=document.createElement("script");p.setAttribute("src",""+o+i+"="+d),t.charset&&p.setAttribute("charset",t.charset),t.nonce&&p.setAttribute("nonce",t.nonce),t.referrerPolicy&&p.setAttribute("referrerPolicy",t.referrerPolicy),p.id=m,document.getElementsByTagName("head")[0].appendChild(p),u=setTimeout((function(){s(new Error("JSONP request to "+e+" timed out")),r(d),l(m),window[d]=function(){r(d)}}),c),p.onerror=function(){s(new Error("JSONP request to "+e+" failed")),r(d),l(m),u&&clearTimeout(u)}}))}t.exports=o}))},"4JlD":function(e,t,a){"use strict";var n=function(e){switch(typeof e){case"string":return e;case"boolean":return e?"true":"false";case"number":return isFinite(e)?e:"";default:return""}};e.exports=function(e,t,a,c){return t=t||"&",a=a||"=",null===e&&(e=void 0),"object"===typeof e?l(o(e),(function(o){var c=encodeURIComponent(n(o))+a;return r(e[o])?l(e[o],(function(e){return c+encodeURIComponent(n(e))})).join(t):c+encodeURIComponent(n(e[o]))})).join(t):c?encodeURIComponent(n(c))+a+encodeURIComponent(n(e)):""};var r=Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)};function l(e,t){if(e.map)return e.map(t);for(var a=[],n=0;n<e.length;n++)a.push(t(e[n],n));return a}var o=Object.keys||function(e){var t=[];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.push(a);return t}},"5hpm":function(e,t,a){"use strict";a.r(t);for(var n=a("q1tI"),r=a.n(n),l=a("m/eG"),o=l["hb"].Title,c=[],i=0;i<1e5;i++){var u="".concat(i.toString(36)).concat(i);c.push({value:u,disabled:10===i})}function s(e){console.log("selected ".concat(e))}var d=()=>r.a.createElement(r.a.Fragment,null,r.a.createElement(o,{level:3},"Ant Design 4.0"),r.a.createElement(o,{level:4},c.length," Items"),r.a.createElement(l["Q"],{mode:"multiple",style:{width:"100%"},placeholder:"Please select",defaultValue:["a10","c12"],onChange:s,options:c}),r.a.createElement(l["u"],null),r.a.createElement(o,{level:3},"Ant Design 3.0"),r.a.createElement("iframe",{title:"Ant Design 3.0 Select demo",src:"https://codesandbox.io/embed/solitary-voice-m3vme?fontsize=14&hidenavigation=1&theme=dark&view=preview",style:{width:"100%",height:300}}));t["default"]=d},"6VBw":function(e,t,a){"use strict";var n=a("VTBJ"),r=a("ODXe"),l=a("rePB"),o=a("Ff2n"),c=a("q1tI"),i=a.n(c),u=a("TSYQ"),s=a.n(u),d=Object(c["createContext"])({}),m=d,p=a("U8pU"),f=a("AJpP"),v=a("Kwbf"),h=a("MNnm"),g="rc-util-key";function y(e){if(e.attachTo)return e.attachTo;var t=document.querySelector("head");return t||document.body}function b(e){var t,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!Object(h["a"])())return null;var n,r=document.createElement("style");(null===(t=a.csp)||void 0===t?void 0:t.nonce)&&(r.nonce=null===(n=a.csp)||void 0===n?void 0:n.nonce);r.innerHTML=e;var l=y(a),o=l.firstChild;return a.prepend&&l.prepend?l.prepend(r):a.prepend&&o?l.insertBefore(r,o):l.appendChild(r),r}var E=new Map;function C(e,t){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=y(a);if(!E.has(n)){var r=b("",a),l=r.parentNode;E.set(n,l),l.removeChild(r)}var o=Array.from(E.get(n).children).find((function(e){return"STYLE"===e.tagName&&e[g]===t}));if(o){var c,i,u;if((null===(c=a.csp)||void 0===c?void 0:c.nonce)&&o.nonce!==(null===(i=a.csp)||void 0===i?void 0:i.nonce))o.nonce=null===(u=a.csp)||void 0===u?void 0:u.nonce;return o.innerHTML!==e&&(o.innerHTML=e),o}var s=b(e,a);return s[g]=t,s}function w(e,t){Object(v["a"])(e,"[@ant-design/icons] ".concat(t))}function O(e){return"object"===Object(p["a"])(e)&&"string"===typeof e.name&&"string"===typeof e.theme&&("object"===Object(p["a"])(e.icon)||"function"===typeof e.icon)}function j(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Object.keys(e).reduce((function(t,a){var n=e[a];switch(a){case"class":t.className=n,delete t.class;break;default:t[a]=n}return t}),{})}function k(e,t,a){return a?i.a.createElement(e.tag,Object(n["a"])(Object(n["a"])({key:t},j(e.attrs)),a),(e.children||[]).map((function(a,n){return k(a,"".concat(t,"-").concat(e.tag,"-").concat(n))}))):i.a.createElement(e.tag,Object(n["a"])({key:t},j(e.attrs)),(e.children||[]).map((function(a,n){return k(a,"".concat(t,"-").concat(e.tag,"-").concat(n))})))}function S(e){return Object(f["generate"])(e)[0]}function T(e){return e?Array.isArray(e)?e:[e]:[]}var Q="\n.anticon {\n  display: inline-block;\n  color: inherit;\n  font-style: normal;\n  line-height: 0;\n  text-align: center;\n  text-transform: none;\n  vertical-align: -0.125em;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.anticon > * {\n  line-height: 1;\n}\n\n.anticon svg {\n  display: inline-block;\n}\n\n.anticon::before {\n  display: none;\n}\n\n.anticon .anticon-icon {\n  display: block;\n}\n\n.anticon[tabindex] {\n  cursor: pointer;\n}\n\n.anticon-spin::before,\n.anticon-spin {\n  display: inline-block;\n  -webkit-animation: loadingCircle 1s infinite linear;\n  animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n",I=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Q,t=Object(c["useContext"])(m),a=t.csp;Object(c["useEffect"])((function(){C(e,"@ant-design-icons",{prepend:!0,csp:a})}),[])},x=["icon","className","onClick","style","primaryColor","secondaryColor"],q={primaryColor:"#333",secondaryColor:"#E6E6E6",calculated:!1};function V(e){var t=e.primaryColor,a=e.secondaryColor;q.primaryColor=t,q.secondaryColor=a||S(t),q.calculated=!!a}function N(){return Object(n["a"])({},q)}var A=function(e){var t=e.icon,a=e.className,r=e.onClick,l=e.style,c=e.primaryColor,i=e.secondaryColor,u=Object(o["a"])(e,x),s=q;if(c&&(s={primaryColor:c,secondaryColor:i||S(c)}),I(),w(O(t),"icon should be icon definiton, but got ".concat(t)),!O(t))return null;var d=t;return d&&"function"===typeof d.icon&&(d=Object(n["a"])(Object(n["a"])({},d),{},{icon:d.icon(s.primaryColor,s.secondaryColor)})),k(d.icon,"svg-".concat(d.name),Object(n["a"])({className:a,onClick:r,style:l,"data-icon":d.name,width:"1em",height:"1em",fill:"currentColor","aria-hidden":"true"},u))};A.displayName="IconReact",A.getTwoToneColors=N,A.setTwoToneColors=V;var J=A;function L(e){var t=T(e),a=Object(r["a"])(t,2),n=a[0],l=a[1];return J.setTwoToneColors({primaryColor:n,secondaryColor:l})}function G(){var e=J.getTwoToneColors();return e.calculated?[e.primaryColor,e.secondaryColor]:e.primaryColor}var P=["className","icon","spin","rotate","tabIndex","onClick","twoToneColor"];L("#1890ff");var B=c["forwardRef"]((function(e,t){var a,i=e.className,u=e.icon,d=e.spin,p=e.rotate,f=e.tabIndex,v=e.onClick,h=e.twoToneColor,g=Object(o["a"])(e,P),y=c["useContext"](m),b=y.prefixCls,E=void 0===b?"anticon":b,C=s()(E,(a={},Object(l["a"])(a,"".concat(E,"-").concat(u.name),!!u.name),Object(l["a"])(a,"".concat(E,"-spin"),!!d||"loading"===u.name),a),i),w=f;void 0===w&&v&&(w=-1);var O=p?{msTransform:"rotate(".concat(p,"deg)"),transform:"rotate(".concat(p,"deg)")}:void 0,j=T(h),k=Object(r["a"])(j,2),S=k[0],Q=k[1];return c["createElement"]("span",Object(n["a"])(Object(n["a"])({role:"img","aria-label":u.name},g),{},{ref:t,tabIndex:w,onClick:v,className:C}),c["createElement"](J,{icon:u,primaryColor:S,secondaryColor:Q,style:O}))}));B.displayName="AntdIcon",B.getTwoToneColor=G,B.setTwoToneColor=L;t["a"]=B},"E+m9":function(e,t,a){"use strict";a.r(t);var n=a("q1tI"),r=a.n(n),l=a("m/eG"),o=l["Q"].Option,c=l["Q"].OptGroup,i=()=>{var e=e=>{console.log("selected ".concat(e))};return r.a.createElement(l["Q"],{defaultValue:"lucy",style:{width:200},onChange:e},r.a.createElement(c,{label:"Manager"},r.a.createElement(o,{value:"jack"},"Jack"),r.a.createElement(o,{value:"lucy"},"Lucy")),r.a.createElement(c,{label:"Engineer"},r.a.createElement(o,{value:"Yiminghe"},"yiminghe")))};t["default"]=i},IRFC:function(e,t,a){"use strict";a.r(t);var n=a("tJVT"),r=a("q1tI"),l=a.n(r),o=a("m/eG"),c=["Apples","Nails","Bananas","Helicopters"],i=()=>{var e=Object(r["useState"])([]),t=Object(n["a"])(e,2),a=t[0],i=t[1],u=e=>{i(e)},s=c.filter((e=>!a.includes(e)));return l.a.createElement(o["Q"],{mode:"multiple",placeholder:"Inserted are removed",value:a,onChange:u,style:{width:"100%"}},s.map((e=>l.a.createElement(o["Q"].Option,{key:e,value:e},e))))};t["default"]=i},KaX5:function(e,t,a){"use strict";a.r(t);var n=a("q1tI"),r=a.n(n),l=a("m/eG"),o=l["Q"].Option,c=()=>r.a.createElement(r.a.Fragment,null,r.a.createElement(l["Q"],{defaultValue:"lucy",style:{width:120},bordered:!1},r.a.createElement(o,{value:"jack"},"Jack"),r.a.createElement(o,{value:"lucy"},"Lucy"),r.a.createElement(o,{value:"Yiminghe"},"yiminghe")),r.a.createElement(l["Q"],{defaultValue:"lucy",style:{width:120},disabled:!0,bordered:!1},r.a.createElement(o,{value:"lucy"},"Lucy")));t["default"]=c},RrVk:function(e,t,a){"use strict";a.r(t);for(var n=a("tJVT"),r=a("q1tI"),l=a.n(r),o=a("m/eG"),c=o["Q"].Option,i=[],u=10;u<36;u++)i.push(l.a.createElement(c,{value:u.toString(36)+u,key:u.toString(36)+u},u.toString(36)+u));var s=()=>{var e=Object(r["useState"])(void 0),t=Object(n["a"])(e,2),a=t[0],c=t[1],u=e=>{console.log("Selected: ".concat(e))},s=e=>{c(e.target.value)};return l.a.createElement(l.a.Fragment,null,l.a.createElement(o["M"].Group,{value:a,onChange:s},l.a.createElement(o["M"].Button,{value:"large"},"Large"),l.a.createElement(o["M"].Button,{value:"default"},"Default"),l.a.createElement(o["M"].Button,{value:"small"},"Small")),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement(o["Q"],{size:a,defaultValue:"a1",onChange:u,style:{width:200}},i),l.a.createElement("br",null),l.a.createElement(o["Q"],{mode:"multiple",size:a,placeholder:"Please select",defaultValue:["a10","c12"],onChange:u,style:{width:"100%"}},i),l.a.createElement("br",null),l.a.createElement(o["Q"],{mode:"tags",size:a,placeholder:"Please select",defaultValue:["a10","c12"],onChange:u,style:{width:"100%"}},i))};t["default"]=s},SGGB:function(e,t,a){"use strict";a.r(t);for(var n=a("0Owb"),r=a("tJVT"),l=a("q1tI"),o=a.n(l),c=a("m/eG"),i=[],u=10;u<36;u++){var s=u.toString(36)+u;i.push({label:"Long Label: ".concat(s),value:s})}var d=()=>{var e=o.a.useState(["a10","c12","h17","j19","k20"]),t=Object(r["a"])(e,2),a=t[0],l=t[1],u={mode:"multiple",style:{width:"100%"},value:a,options:i,onChange:e=>{l(e)},placeholder:"Select Item...",maxTagCount:"responsive"};return o.a.createElement(c["T"],{direction:"vertical",style:{width:"100%"}},o.a.createElement(c["Q"],u),o.a.createElement(c["Q"],Object(n["a"])({},u,{disabled:!0})))};t["default"]=d},WRqG:function(e,t,a){"use strict";a.r(t);var n=a("q1tI"),r=a.n(n),l=a("m/eG"),o=l["Q"].Option,c=()=>{var e=e=>{console.log(e)};return r.a.createElement(l["Q"],{labelInValue:!0,defaultValue:{value:"lucy"},style:{width:120},onChange:e},r.a.createElement(o,{value:"jack"},"Jack (100)"),r.a.createElement(o,{value:"lucy"},"Lucy (101)"))};t["default"]=c},Z6NO:function(e,t,a){"use strict";a.r(t);for(var n=a("q1tI"),r=a.n(n),l=a("m/eG"),o=l["Q"].Option,c=[],i=10;i<36;i++)c.push(r.a.createElement(o,{value:i.toString(36)+i,key:i.toString(36)+i},i.toString(36)+i));var u=()=>{var e=e=>{console.log("selected ".concat(e))};return r.a.createElement(l["Q"],{mode:"tags",style:{width:"100%"},onChange:e,tokenSeparators:[","]},c)};t["default"]=u},"biW+":function(e,t,a){"use strict";a.r(t);var n=a("q1tI"),r=a.n(n),l=a("m/eG"),o=l["Q"].Option,c=()=>r.a.createElement(l["Q"],{showSearch:!0,style:{width:200},placeholder:"Search to Select",optionFilterProp:"children",filterOption:(e,t)=>t.children.toLowerCase().indexOf(e.toLowerCase())>=0,filterSort:(e,t)=>e.children.toLowerCase().localeCompare(t.children.toLowerCase())},r.a.createElement(o,{value:"1"},"Not Identified"),r.a.createElement(o,{value:"2"},"Closed"),r.a.createElement(o,{value:"3"},"Communicated"),r.a.createElement(o,{value:"4"},"Identified"),r.a.createElement(o,{value:"5"},"Resolved"),r.a.createElement(o,{value:"6"},"Cancelled"));t["default"]=c},cBlq:function(e,t,a){"use strict";a.r(t);var n=a("tJVT"),r=a("q1tI"),l=a.n(r),o=a("m/eG"),c=a("xvlK"),i=o["Q"].Option,u=0,s=()=>{var e=Object(r["useState"])(["jack","lucy"]),t=Object(n["a"])(e,2),a=t[0],s=t[1],d=Object(r["useState"])(""),m=Object(n["a"])(d,2),p=m[0],f=m[1],v=e=>{f(e.target.value)},h=()=>{s([...a,p||"New item ".concat(u++)]),f("")};return l.a.createElement(o["Q"],{style:{width:240},placeholder:"custom dropdown render",dropdownRender:e=>l.a.createElement("div",null,e,l.a.createElement(o["u"],{style:{margin:"4px 0"}}),l.a.createElement("div",{style:{display:"flex",flexWrap:"nowrap",padding:8}},l.a.createElement(o["A"],{style:{flex:"auto"},value:p,onChange:v}),l.a.createElement("a",{style:{flex:"none",padding:"8px",display:"block",cursor:"pointer"},onClick:h},l.a.createElement(c["a"],null)," Add item")))},a.map((e=>l.a.createElement(i,{value:e,key:e},e))))};t["default"]=s},"cUy+":function(e,t,a){"use strict";a.r(t);var n=a("q1tI"),r=a.n(n),l=a("m/eG"),o=l["Q"].Option,c=()=>{var e=e=>{console.log("selected ".concat(e))},t=()=>{console.log("blur")},a=()=>{console.log("focus")},n=e=>{console.log("search:",e)};return r.a.createElement(l["Q"],{showSearch:!0,style:{width:200},placeholder:"Select a person",optionFilterProp:"children",onChange:e,onFocus:a,onBlur:t,onSearch:n,filterOption:(e,t)=>t.children.toLowerCase().indexOf(e.toLowerCase())>=0},r.a.createElement(o,{value:"jack"},"Jack"),r.a.createElement(o,{value:"lucy"},"Lucy"),r.a.createElement(o,{value:"tom"},"Tom"))};t["default"]=c},fBEp:function(e,t,a){"use strict";a.r(t);var n=a("q1tI"),r=a.n(n),l=a("m/eG"),o=l["Q"].Option,c=()=>{var e=e=>{console.log("selected ".concat(e))};return r.a.createElement(l["Q"],{mode:"multiple",style:{width:"100%"},placeholder:"select one country",defaultValue:["china"],onChange:e,optionLabelProp:"label"},r.a.createElement(o,{value:"china",label:"China"},r.a.createElement("div",{className:"demo-option-label-item"},r.a.createElement("span",{role:"img","aria-label":"China"},"\ud83c\udde8\ud83c\uddf3"),"China (\u4e2d\u56fd)")),r.a.createElement(o,{value:"usa",label:"USA"},r.a.createElement("div",{className:"demo-option-label-item"},r.a.createElement("span",{role:"img","aria-label":"USA"},"\ud83c\uddfa\ud83c\uddf8"),"USA (\u7f8e\u56fd)")),r.a.createElement(o,{value:"japan",label:"Japan"},r.a.createElement("div",{className:"demo-option-label-item"},r.a.createElement("span",{role:"img","aria-label":"Japan"},"\ud83c\uddef\ud83c\uddf5"),"Japan (\u65e5\u672c)")),r.a.createElement(o,{value:"korea",label:"Korea"},r.a.createElement("div",{className:"demo-option-label-item"},r.a.createElement("span",{role:"img","aria-label":"Korea"},"\ud83c\uddf0\ud83c\uddf7"),"Korea (\u97e9\u56fd)")))};t["default"]=c},g3oB:function(e,t,a){"use strict";a.r(t);var n=a("9og8"),r=a("0Owb"),l=a("tJVT"),o=a("PpiC"),c=a("WmNS"),i=a.n(c),u=a("q1tI"),s=a.n(u),d=a("m/eG"),m=a("sEfC"),p=a.n(m);function f(e){var t=e.fetchOptions,a=e.debounceTimeout,n=void 0===a?800:a,c=Object(o["a"])(e,["fetchOptions","debounceTimeout"]),i=s.a.useState(!1),u=Object(l["a"])(i,2),m=u[0],f=u[1],v=s.a.useState([]),h=Object(l["a"])(v,2),g=h[0],y=h[1],b=s.a.useRef(0),E=s.a.useMemo((()=>{var e=e=>{b.current+=1;var a=b.current;y([]),f(!0),t(e).then((e=>{a===b.current&&(y(e),f(!1))}))};return p()(e,n)}),[t,n]);return s.a.createElement(d["Q"],Object(r["a"])({labelInValue:!0,filterOption:!1,onSearch:E,notFoundContent:m?s.a.createElement(d["U"],{size:"small"}):null},c,{options:g}))}function v(e){return h.apply(this,arguments)}function h(){return h=Object(n["a"])(i.a.mark((function e(t){return i.a.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return console.log("fetching user",t),e.abrupt("return",fetch("https://randomuser.me/api/?results=5").then((e=>e.json())).then((e=>e.results.map((e=>({label:"".concat(e.name.first," ").concat(e.name.last),value:e.login.username}))))));case 2:case"end":return e.stop()}}),e)}))),h.apply(this,arguments)}var g=()=>{var e=Object(u["useState"])([]),t=Object(l["a"])(e,2),a=t[0],n=t[1];return s.a.createElement(f,{mode:"multiple",value:a,placeholder:"Select users",fetchOptions:v,onChange:e=>{n(e)},style:{width:"100%"}})};t["default"]=g},gO0H:function(e,t,a){"use strict";a.r(t);var n=a("q1tI"),r=a.n(n),l=a("m/eG"),o=l["Q"].Option,c=()=>{var e=e=>{console.log("selected ".concat(e))};return r.a.createElement(r.a.Fragment,null,r.a.createElement(l["Q"],{defaultValue:"lucy",style:{width:120},onChange:e},r.a.createElement(o,{value:"jack"},"Jack"),r.a.createElement(o,{value:"lucy"},"Lucy"),r.a.createElement(o,{value:"disabled",disabled:!0},"Disabled"),r.a.createElement(o,{value:"Yiminghe"},"yiminghe")),r.a.createElement(l["Q"],{defaultValue:"lucy",style:{width:120},disabled:!0},r.a.createElement(o,{value:"lucy"},"Lucy")),r.a.createElement(l["Q"],{defaultValue:"lucy",style:{width:120},loading:!0},r.a.createElement(o,{value:"lucy"},"Lucy")),r.a.createElement(l["Q"],{defaultValue:"lucy",style:{width:120},allowClear:!0},r.a.createElement(o,{value:"lucy"},"Lucy")))};t["default"]=c},gUB6:function(e,t,a){"use strict";a.r(t);var n,r,l=a("tJVT"),o=a("q1tI"),c=a.n(o),i=a("m/eG"),u=a("2HEe"),s=a.n(u),d=a("s4NR"),m=a.n(d),p=i["Q"].Option;function f(e,t){function a(){var a=m.a.encode({code:"utf-8",q:e});s()("https://suggest.taobao.com/sug?".concat(a)).then((e=>e.json())).then((a=>{if(r===e){var n=a.result,l=[];n.forEach((e=>{l.push({value:e[0],text:e[0]})})),t(l)}}))}n&&(clearTimeout(n),n=null),r=e,n=setTimeout(a,300)}var v=()=>{var e=Object(o["useState"])([]),t=Object(l["a"])(e,2),a=t[0],n=t[1],r=Object(o["useState"])(),u=Object(l["a"])(r,2),s=u[0],d=u[1],m=e=>{e?f(e,(e=>n(e))):n([])},v=e=>{d(e)},h=null===a||void 0===a?void 0:a.map((e=>c.a.createElement(p,{value:e.value,key:e.value},e.text)));return c.a.createElement(i["Q"],{showSearch:!0,value:s,placeholder:"input search text",style:{width:200},defaultActiveFirstOption:!1,showArrow:!1,filterOption:!1,onSearch:m,onChange:v,notFoundContent:null},h)};t["default"]=v},kd2E:function(e,t,a){"use strict";function n(e,t){return Object.prototype.hasOwnProperty.call(e,t)}e.exports=function(e,t,a,l){t=t||"&",a=a||"=";var o={};if("string"!==typeof e||0===e.length)return o;var c=/\+/g;e=e.split(t);var i=1e3;l&&"number"===typeof l.maxKeys&&(i=l.maxKeys);var u=e.length;i>0&&u>i&&(u=i);for(var s=0;s<u;++s){var d,m,p,f,v=e[s].replace(c,"%20"),h=v.indexOf(a);h>=0?(d=v.substr(0,h),m=v.substr(h+1)):(d=v,m=""),p=decodeURIComponent(d),f=decodeURIComponent(m),n(o,p)?r(o[p])?o[p].push(f):o[p]=[o[p],f]:o[p]=f}return o};var r=Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)}},kmS0:function(e,t,a){"use strict";a.r(t);for(var n=a("q1tI"),r=a.n(n),l=a("m/eG"),o=l["Q"].Option,c=[],i=10;i<36;i++)c.push(r.a.createElement(o,{value:i.toString(36)+i,key:i.toString(36)+i},i.toString(36)+i));var u=()=>{var e=e=>{console.log("selected ".concat(e))};return r.a.createElement(r.a.Fragment,null,r.a.createElement(l["Q"],{mode:"multiple",allowClear:!0,style:{width:"100%"},placeholder:"Please select",defaultValue:["a10","c12"],onChange:e},c),r.a.createElement("br",null),r.a.createElement(l["Q"],{mode:"multiple",disabled:!0,style:{width:"100%"},placeholder:"Please select",defaultValue:["a10","c12"],onChange:e},c))};t["default"]=u},pYM3:function(e,t,a){"use strict";a.r(t);var n=a("tJVT"),r=a("q1tI"),l=a.n(r),o=a("m/eG"),c=o["Q"].Option,i=["Zhejiang","Jiangsu"],u={Zhejiang:["Hangzhou","Ningbo","Wenzhou"],Jiangsu:["Nanjing","Suzhou","Zhenjiang"]},s=()=>{var e=l.a.useState(u[i[0]]),t=Object(n["a"])(e,2),a=t[0],r=t[1],s=l.a.useState(u[i[0]][0]),d=Object(n["a"])(s,2),m=d[0],p=d[1],f=e=>{r(u[e]),p(u[e][0])},v=e=>{p(e)};return l.a.createElement(l.a.Fragment,null,l.a.createElement(o["Q"],{defaultValue:i[0],style:{width:120},onChange:f},i.map((e=>l.a.createElement(c,{value:e,key:e},e)))),l.a.createElement(o["Q"],{style:{width:120},value:m,onChange:v},a.map((e=>l.a.createElement(c,{value:e,key:e},e)))))};t["default"]=s},s4NR:function(e,t,a){"use strict";t.decode=t.parse=a("kd2E"),t.encode=t.stringify=a("4JlD")},xvlK:function(e,t,a){"use strict";var n=a("VTBJ"),r=a("q1tI"),l={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"defs",attrs:{},children:[{tag:"style",attrs:{}}]},{tag:"path",attrs:{d:"M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"}},{tag:"path",attrs:{d:"M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"}}]},name:"plus",theme:"outlined"},o=l,c=a("6VBw"),i=function(e,t){return r["createElement"](c["a"],Object(n["a"])(Object(n["a"])({},e),{},{ref:t,icon:o}))};i.displayName="PlusOutlined";t["a"]=r["forwardRef"](i)},yWSA:function(e,t,a){"use strict";a.r(t);for(var n=a("q1tI"),r=a.n(n),l=a("m/eG"),o=l["Q"].Option,c=[],i=10;i<36;i++)c.push(r.a.createElement(o,{value:i.toString(36)+i,key:i.toString(36)+i},i.toString(36)+i));var u=()=>{var e=e=>{console.log("selected ".concat(e))};return r.a.createElement(l["Q"],{mode:"tags",style:{width:"100%"},placeholder:"Tags Mode",onChange:e},c)};t["default"]=u}}]);
+(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
+  [116],
+  {
+    '2HEe': function (e, t, a) {
+      var n, r, l;
+      (function (a, o) {
+        (r = [t, e]),
+          (n = o),
+          (l = 'function' === typeof n ? n.apply(t, r) : n),
+          void 0 === l || (e.exports = l);
+      })(0, function (e, t) {
+        'use strict';
+        var a = {
+          timeout: 5e3,
+          jsonpCallback: 'callback',
+          jsonpCallbackFunction: null,
+        };
+        function n() {
+          return 'jsonp_' + Date.now() + '_' + Math.ceil(1e5 * Math.random());
+        }
+        function r(e) {
+          try {
+            delete window[e];
+          } catch (t) {
+            window[e] = void 0;
+          }
+        }
+        function l(e) {
+          var t = document.getElementById(e);
+          t && document.getElementsByTagName('head')[0].removeChild(t);
+        }
+        function o(e) {
+          var t =
+              arguments.length <= 1 || void 0 === arguments[1]
+                ? {}
+                : arguments[1],
+            o = e,
+            c = t.timeout || a.timeout,
+            i = t.jsonpCallback || a.jsonpCallback,
+            u = void 0;
+          return new Promise(function (a, s) {
+            var d = t.jsonpCallbackFunction || n(),
+              m = i + '_' + d;
+            (window[d] = function (e) {
+              a({
+                ok: !0,
+                json: function () {
+                  return Promise.resolve(e);
+                },
+              }),
+                u && clearTimeout(u),
+                l(m),
+                r(d);
+            }),
+              (o += -1 === o.indexOf('?') ? '?' : '&');
+            var p = document.createElement('script');
+            p.setAttribute('src', '' + o + i + '=' + d),
+              t.charset && p.setAttribute('charset', t.charset),
+              t.nonce && p.setAttribute('nonce', t.nonce),
+              t.referrerPolicy &&
+                p.setAttribute('referrerPolicy', t.referrerPolicy),
+              (p.id = m),
+              document.getElementsByTagName('head')[0].appendChild(p),
+              (u = setTimeout(function () {
+                s(new Error('JSONP request to ' + e + ' timed out')),
+                  r(d),
+                  l(m),
+                  (window[d] = function () {
+                    r(d);
+                  });
+              }, c)),
+              (p.onerror = function () {
+                s(new Error('JSONP request to ' + e + ' failed')),
+                  r(d),
+                  l(m),
+                  u && clearTimeout(u);
+              });
+          });
+        }
+        t.exports = o;
+      });
+    },
+    '4JlD': function (e, t, a) {
+      'use strict';
+      var n = function (e) {
+        switch (typeof e) {
+          case 'string':
+            return e;
+          case 'boolean':
+            return e ? 'true' : 'false';
+          case 'number':
+            return isFinite(e) ? e : '';
+          default:
+            return '';
+        }
+      };
+      e.exports = function (e, t, a, c) {
+        return (
+          (t = t || '&'),
+          (a = a || '='),
+          null === e && (e = void 0),
+          'object' === typeof e
+            ? l(o(e), function (o) {
+                var c = encodeURIComponent(n(o)) + a;
+                return r(e[o])
+                  ? l(e[o], function (e) {
+                      return c + encodeURIComponent(n(e));
+                    }).join(t)
+                  : c + encodeURIComponent(n(e[o]));
+              }).join(t)
+            : c
+            ? encodeURIComponent(n(c)) + a + encodeURIComponent(n(e))
+            : ''
+        );
+      };
+      var r =
+        Array.isArray ||
+        function (e) {
+          return '[object Array]' === Object.prototype.toString.call(e);
+        };
+      function l(e, t) {
+        if (e.map) return e.map(t);
+        for (var a = [], n = 0; n < e.length; n++) a.push(t(e[n], n));
+        return a;
+      }
+      var o =
+        Object.keys ||
+        function (e) {
+          var t = [];
+          for (var a in e)
+            Object.prototype.hasOwnProperty.call(e, a) && t.push(a);
+          return t;
+        };
+    },
+    '5hpm': function (e, t, a) {
+      'use strict';
+      a.r(t);
+      for (
+        var n = a('q1tI'),
+          r = a.n(n),
+          l = a('m/eG'),
+          o = l['hb'].Title,
+          c = [],
+          i = 0;
+        i < 1e5;
+        i++
+      ) {
+        var u = ''.concat(i.toString(36)).concat(i);
+        c.push({ value: u, disabled: 10 === i });
+      }
+      function s(e) {
+        console.log('selected '.concat(e));
+      }
+      var d = () =>
+        r.a.createElement(
+          r.a.Fragment,
+          null,
+          r.a.createElement(o, { level: 3 }, 'Ant Design 4.0'),
+          r.a.createElement(o, { level: 4 }, c.length, ' Items'),
+          r.a.createElement(l['Q'], {
+            mode: 'multiple',
+            style: { width: '100%' },
+            placeholder: 'Please select',
+            defaultValue: ['a10', 'c12'],
+            onChange: s,
+            options: c,
+          }),
+          r.a.createElement(l['u'], null),
+          r.a.createElement(o, { level: 3 }, 'Ant Design 3.0'),
+          r.a.createElement('iframe', {
+            title: 'Ant Design 3.0 Select demo',
+            src: 'https://codesandbox.io/embed/solitary-voice-m3vme?fontsize=14&hidenavigation=1&theme=dark&view=preview',
+            style: { width: '100%', height: 300 },
+          }),
+        );
+      t['default'] = d;
+    },
+    '6VBw': function (e, t, a) {
+      'use strict';
+      var n = a('VTBJ'),
+        r = a('ODXe'),
+        l = a('rePB'),
+        o = a('Ff2n'),
+        c = a('q1tI'),
+        i = a.n(c),
+        u = a('TSYQ'),
+        s = a.n(u),
+        d = Object(c['createContext'])({}),
+        m = d,
+        p = a('U8pU'),
+        f = a('AJpP'),
+        v = a('Kwbf'),
+        h = a('MNnm'),
+        g = 'rc-util-key';
+      function y(e) {
+        if (e.attachTo) return e.attachTo;
+        var t = document.querySelector('head');
+        return t || document.body;
+      }
+      function b(e) {
+        var t,
+          a =
+            arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};
+        if (!Object(h['a'])()) return null;
+        var n,
+          r = document.createElement('style');
+        (null === (t = a.csp) || void 0 === t ? void 0 : t.nonce) &&
+          (r.nonce = null === (n = a.csp) || void 0 === n ? void 0 : n.nonce);
+        r.innerHTML = e;
+        var l = y(a),
+          o = l.firstChild;
+        return (
+          a.prepend && l.prepend
+            ? l.prepend(r)
+            : a.prepend && o
+            ? l.insertBefore(r, o)
+            : l.appendChild(r),
+          r
+        );
+      }
+      var E = new Map();
+      function C(e, t) {
+        var a =
+            arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {},
+          n = y(a);
+        if (!E.has(n)) {
+          var r = b('', a),
+            l = r.parentNode;
+          E.set(n, l), l.removeChild(r);
+        }
+        var o = Array.from(E.get(n).children).find(function (e) {
+          return 'STYLE' === e.tagName && e[g] === t;
+        });
+        if (o) {
+          var c, i, u;
+          if (
+            (null === (c = a.csp) || void 0 === c ? void 0 : c.nonce) &&
+            o.nonce !==
+              (null === (i = a.csp) || void 0 === i ? void 0 : i.nonce)
+          )
+            o.nonce = null === (u = a.csp) || void 0 === u ? void 0 : u.nonce;
+          return o.innerHTML !== e && (o.innerHTML = e), o;
+        }
+        var s = b(e, a);
+        return (s[g] = t), s;
+      }
+      function w(e, t) {
+        Object(v['a'])(e, '[@ant-design/icons] '.concat(t));
+      }
+      function O(e) {
+        return (
+          'object' === Object(p['a'])(e) &&
+          'string' === typeof e.name &&
+          'string' === typeof e.theme &&
+          ('object' === Object(p['a'])(e.icon) || 'function' === typeof e.icon)
+        );
+      }
+      function j() {
+        var e =
+          arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
+        return Object.keys(e).reduce(function (t, a) {
+          var n = e[a];
+          switch (a) {
+            case 'class':
+              (t.className = n), delete t.class;
+              break;
+            default:
+              t[a] = n;
+          }
+          return t;
+        }, {});
+      }
+      function k(e, t, a) {
+        return a
+          ? i.a.createElement(
+              e.tag,
+              Object(n['a'])(Object(n['a'])({ key: t }, j(e.attrs)), a),
+              (e.children || []).map(function (a, n) {
+                return k(a, ''.concat(t, '-').concat(e.tag, '-').concat(n));
+              }),
+            )
+          : i.a.createElement(
+              e.tag,
+              Object(n['a'])({ key: t }, j(e.attrs)),
+              (e.children || []).map(function (a, n) {
+                return k(a, ''.concat(t, '-').concat(e.tag, '-').concat(n));
+              }),
+            );
+      }
+      function S(e) {
+        return Object(f['generate'])(e)[0];
+      }
+      function T(e) {
+        return e ? (Array.isArray(e) ? e : [e]) : [];
+      }
+      var Q =
+          '\n.anticon {\n  display: inline-block;\n  color: inherit;\n  font-style: normal;\n  line-height: 0;\n  text-align: center;\n  text-transform: none;\n  vertical-align: -0.125em;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.anticon > * {\n  line-height: 1;\n}\n\n.anticon svg {\n  display: inline-block;\n}\n\n.anticon::before {\n  display: none;\n}\n\n.anticon .anticon-icon {\n  display: block;\n}\n\n.anticon[tabindex] {\n  cursor: pointer;\n}\n\n.anticon-spin::before,\n.anticon-spin {\n  display: inline-block;\n  -webkit-animation: loadingCircle 1s infinite linear;\n  animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n',
+        I = function () {
+          var e =
+              arguments.length > 0 && void 0 !== arguments[0]
+                ? arguments[0]
+                : Q,
+            t = Object(c['useContext'])(m),
+            a = t.csp;
+          Object(c['useEffect'])(function () {
+            C(e, '@ant-design-icons', { prepend: !0, csp: a });
+          }, []);
+        },
+        x = [
+          'icon',
+          'className',
+          'onClick',
+          'style',
+          'primaryColor',
+          'secondaryColor',
+        ],
+        q = { primaryColor: '#333', secondaryColor: '#E6E6E6', calculated: !1 };
+      function V(e) {
+        var t = e.primaryColor,
+          a = e.secondaryColor;
+        (q.primaryColor = t),
+          (q.secondaryColor = a || S(t)),
+          (q.calculated = !!a);
+      }
+      function N() {
+        return Object(n['a'])({}, q);
+      }
+      var A = function (e) {
+        var t = e.icon,
+          a = e.className,
+          r = e.onClick,
+          l = e.style,
+          c = e.primaryColor,
+          i = e.secondaryColor,
+          u = Object(o['a'])(e, x),
+          s = q;
+        if (
+          (c && (s = { primaryColor: c, secondaryColor: i || S(c) }),
+          I(),
+          w(O(t), 'icon should be icon definiton, but got '.concat(t)),
+          !O(t))
+        )
+          return null;
+        var d = t;
+        return (
+          d &&
+            'function' === typeof d.icon &&
+            (d = Object(n['a'])(
+              Object(n['a'])({}, d),
+              {},
+              { icon: d.icon(s.primaryColor, s.secondaryColor) },
+            )),
+          k(
+            d.icon,
+            'svg-'.concat(d.name),
+            Object(n['a'])(
+              {
+                className: a,
+                onClick: r,
+                style: l,
+                'data-icon': d.name,
+                width: '1em',
+                height: '1em',
+                fill: 'currentColor',
+                'aria-hidden': 'true',
+              },
+              u,
+            ),
+          )
+        );
+      };
+      (A.displayName = 'IconReact'),
+        (A.getTwoToneColors = N),
+        (A.setTwoToneColors = V);
+      var J = A;
+      function L(e) {
+        var t = T(e),
+          a = Object(r['a'])(t, 2),
+          n = a[0],
+          l = a[1];
+        return J.setTwoToneColors({ primaryColor: n, secondaryColor: l });
+      }
+      function G() {
+        var e = J.getTwoToneColors();
+        return e.calculated
+          ? [e.primaryColor, e.secondaryColor]
+          : e.primaryColor;
+      }
+      var P = [
+        'className',
+        'icon',
+        'spin',
+        'rotate',
+        'tabIndex',
+        'onClick',
+        'twoToneColor',
+      ];
+      L('#1890ff');
+      var B = c['forwardRef'](function (e, t) {
+        var a,
+          i = e.className,
+          u = e.icon,
+          d = e.spin,
+          p = e.rotate,
+          f = e.tabIndex,
+          v = e.onClick,
+          h = e.twoToneColor,
+          g = Object(o['a'])(e, P),
+          y = c['useContext'](m),
+          b = y.prefixCls,
+          E = void 0 === b ? 'anticon' : b,
+          C = s()(
+            E,
+            ((a = {}),
+            Object(l['a'])(a, ''.concat(E, '-').concat(u.name), !!u.name),
+            Object(l['a'])(
+              a,
+              ''.concat(E, '-spin'),
+              !!d || 'loading' === u.name,
+            ),
+            a),
+            i,
+          ),
+          w = f;
+        void 0 === w && v && (w = -1);
+        var O = p
+            ? {
+                msTransform: 'rotate('.concat(p, 'deg)'),
+                transform: 'rotate('.concat(p, 'deg)'),
+              }
+            : void 0,
+          j = T(h),
+          k = Object(r['a'])(j, 2),
+          S = k[0],
+          Q = k[1];
+        return c['createElement'](
+          'span',
+          Object(n['a'])(
+            Object(n['a'])({ role: 'img', 'aria-label': u.name }, g),
+            {},
+            { ref: t, tabIndex: w, onClick: v, className: C },
+          ),
+          c['createElement'](J, {
+            icon: u,
+            primaryColor: S,
+            secondaryColor: Q,
+            style: O,
+          }),
+        );
+      });
+      (B.displayName = 'AntdIcon'),
+        (B.getTwoToneColor = G),
+        (B.setTwoToneColor = L);
+      t['a'] = B;
+    },
+    'E+m9': function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n = a('q1tI'),
+        r = a.n(n),
+        l = a('m/eG'),
+        o = l['Q'].Option,
+        c = l['Q'].OptGroup,
+        i = () => {
+          var e = (e) => {
+            console.log('selected '.concat(e));
+          };
+          return r.a.createElement(
+            l['Q'],
+            { defaultValue: 'lucy', style: { width: 200 }, onChange: e },
+            r.a.createElement(
+              c,
+              { label: 'Manager' },
+              r.a.createElement(o, { value: 'jack' }, 'Jack'),
+              r.a.createElement(o, { value: 'lucy' }, 'Lucy'),
+            ),
+            r.a.createElement(
+              c,
+              { label: 'Engineer' },
+              r.a.createElement(o, { value: 'Yiminghe' }, 'yiminghe'),
+            ),
+          );
+        };
+      t['default'] = i;
+    },
+    IRFC: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n = a('tJVT'),
+        r = a('q1tI'),
+        l = a.n(r),
+        o = a('m/eG'),
+        c = ['Apples', 'Nails', 'Bananas', 'Helicopters'],
+        i = () => {
+          var e = Object(r['useState'])([]),
+            t = Object(n['a'])(e, 2),
+            a = t[0],
+            i = t[1],
+            u = (e) => {
+              i(e);
+            },
+            s = c.filter((e) => !a.includes(e));
+          return l.a.createElement(
+            o['Q'],
+            {
+              mode: 'multiple',
+              placeholder: 'Inserted are removed',
+              value: a,
+              onChange: u,
+              style: { width: '100%' },
+            },
+            s.map((e) =>
+              l.a.createElement(o['Q'].Option, { key: e, value: e }, e),
+            ),
+          );
+        };
+      t['default'] = i;
+    },
+    KaX5: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n = a('q1tI'),
+        r = a.n(n),
+        l = a('m/eG'),
+        o = l['Q'].Option,
+        c = () =>
+          r.a.createElement(
+            r.a.Fragment,
+            null,
+            r.a.createElement(
+              l['Q'],
+              { defaultValue: 'lucy', style: { width: 120 }, bordered: !1 },
+              r.a.createElement(o, { value: 'jack' }, 'Jack'),
+              r.a.createElement(o, { value: 'lucy' }, 'Lucy'),
+              r.a.createElement(o, { value: 'Yiminghe' }, 'yiminghe'),
+            ),
+            r.a.createElement(
+              l['Q'],
+              {
+                defaultValue: 'lucy',
+                style: { width: 120 },
+                disabled: !0,
+                bordered: !1,
+              },
+              r.a.createElement(o, { value: 'lucy' }, 'Lucy'),
+            ),
+          );
+      t['default'] = c;
+    },
+    RrVk: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      for (
+        var n = a('tJVT'),
+          r = a('q1tI'),
+          l = a.n(r),
+          o = a('m/eG'),
+          c = o['Q'].Option,
+          i = [],
+          u = 10;
+        u < 36;
+        u++
+      )
+        i.push(
+          l.a.createElement(
+            c,
+            { value: u.toString(36) + u, key: u.toString(36) + u },
+            u.toString(36) + u,
+          ),
+        );
+      var s = () => {
+        var e = Object(r['useState'])(void 0),
+          t = Object(n['a'])(e, 2),
+          a = t[0],
+          c = t[1],
+          u = (e) => {
+            console.log('Selected: '.concat(e));
+          },
+          s = (e) => {
+            c(e.target.value);
+          };
+        return l.a.createElement(
+          l.a.Fragment,
+          null,
+          l.a.createElement(
+            o['M'].Group,
+            { value: a, onChange: s },
+            l.a.createElement(o['M'].Button, { value: 'large' }, 'Large'),
+            l.a.createElement(o['M'].Button, { value: 'default' }, 'Default'),
+            l.a.createElement(o['M'].Button, { value: 'small' }, 'Small'),
+          ),
+          l.a.createElement('br', null),
+          l.a.createElement('br', null),
+          l.a.createElement(
+            o['Q'],
+            { size: a, defaultValue: 'a1', onChange: u, style: { width: 200 } },
+            i,
+          ),
+          l.a.createElement('br', null),
+          l.a.createElement(
+            o['Q'],
+            {
+              mode: 'multiple',
+              size: a,
+              placeholder: 'Please select',
+              defaultValue: ['a10', 'c12'],
+              onChange: u,
+              style: { width: '100%' },
+            },
+            i,
+          ),
+          l.a.createElement('br', null),
+          l.a.createElement(
+            o['Q'],
+            {
+              mode: 'tags',
+              size: a,
+              placeholder: 'Please select',
+              defaultValue: ['a10', 'c12'],
+              onChange: u,
+              style: { width: '100%' },
+            },
+            i,
+          ),
+        );
+      };
+      t['default'] = s;
+    },
+    SGGB: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      for (
+        var n = a('0Owb'),
+          r = a('tJVT'),
+          l = a('q1tI'),
+          o = a.n(l),
+          c = a('m/eG'),
+          i = [],
+          u = 10;
+        u < 36;
+        u++
+      ) {
+        var s = u.toString(36) + u;
+        i.push({ label: 'Long Label: '.concat(s), value: s });
+      }
+      var d = () => {
+        var e = o.a.useState(['a10', 'c12', 'h17', 'j19', 'k20']),
+          t = Object(r['a'])(e, 2),
+          a = t[0],
+          l = t[1],
+          u = {
+            mode: 'multiple',
+            style: { width: '100%' },
+            value: a,
+            options: i,
+            onChange: (e) => {
+              l(e);
+            },
+            placeholder: 'Select Item...',
+            maxTagCount: 'responsive',
+          };
+        return o.a.createElement(
+          c['T'],
+          { direction: 'vertical', style: { width: '100%' } },
+          o.a.createElement(c['Q'], u),
+          o.a.createElement(c['Q'], Object(n['a'])({}, u, { disabled: !0 })),
+        );
+      };
+      t['default'] = d;
+    },
+    WRqG: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n = a('q1tI'),
+        r = a.n(n),
+        l = a('m/eG'),
+        o = l['Q'].Option,
+        c = () => {
+          var e = (e) => {
+            console.log(e);
+          };
+          return r.a.createElement(
+            l['Q'],
+            {
+              labelInValue: !0,
+              defaultValue: { value: 'lucy' },
+              style: { width: 120 },
+              onChange: e,
+            },
+            r.a.createElement(o, { value: 'jack' }, 'Jack (100)'),
+            r.a.createElement(o, { value: 'lucy' }, 'Lucy (101)'),
+          );
+        };
+      t['default'] = c;
+    },
+    Z6NO: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      for (
+        var n = a('q1tI'),
+          r = a.n(n),
+          l = a('m/eG'),
+          o = l['Q'].Option,
+          c = [],
+          i = 10;
+        i < 36;
+        i++
+      )
+        c.push(
+          r.a.createElement(
+            o,
+            { value: i.toString(36) + i, key: i.toString(36) + i },
+            i.toString(36) + i,
+          ),
+        );
+      var u = () => {
+        var e = (e) => {
+          console.log('selected '.concat(e));
+        };
+        return r.a.createElement(
+          l['Q'],
+          {
+            mode: 'tags',
+            style: { width: '100%' },
+            onChange: e,
+            tokenSeparators: [','],
+          },
+          c,
+        );
+      };
+      t['default'] = u;
+    },
+    'biW+': function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n = a('q1tI'),
+        r = a.n(n),
+        l = a('m/eG'),
+        o = l['Q'].Option,
+        c = () =>
+          r.a.createElement(
+            l['Q'],
+            {
+              showSearch: !0,
+              style: { width: 200 },
+              placeholder: 'Search to Select',
+              optionFilterProp: 'children',
+              filterOption: (e, t) =>
+                t.children.toLowerCase().indexOf(e.toLowerCase()) >= 0,
+              filterSort: (e, t) =>
+                e.children
+                  .toLowerCase()
+                  .localeCompare(t.children.toLowerCase()),
+            },
+            r.a.createElement(o, { value: '1' }, 'Not Identified'),
+            r.a.createElement(o, { value: '2' }, 'Closed'),
+            r.a.createElement(o, { value: '3' }, 'Communicated'),
+            r.a.createElement(o, { value: '4' }, 'Identified'),
+            r.a.createElement(o, { value: '5' }, 'Resolved'),
+            r.a.createElement(o, { value: '6' }, 'Cancelled'),
+          );
+      t['default'] = c;
+    },
+    cBlq: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n = a('tJVT'),
+        r = a('q1tI'),
+        l = a.n(r),
+        o = a('m/eG'),
+        c = a('xvlK'),
+        i = o['Q'].Option,
+        u = 0,
+        s = () => {
+          var e = Object(r['useState'])(['jack', 'lucy']),
+            t = Object(n['a'])(e, 2),
+            a = t[0],
+            s = t[1],
+            d = Object(r['useState'])(''),
+            m = Object(n['a'])(d, 2),
+            p = m[0],
+            f = m[1],
+            v = (e) => {
+              f(e.target.value);
+            },
+            h = () => {
+              s([...a, p || 'New item '.concat(u++)]), f('');
+            };
+          return l.a.createElement(
+            o['Q'],
+            {
+              style: { width: 240 },
+              placeholder: 'custom dropdown render',
+              dropdownRender: (e) =>
+                l.a.createElement(
+                  'div',
+                  null,
+                  e,
+                  l.a.createElement(o['u'], { style: { margin: '4px 0' } }),
+                  l.a.createElement(
+                    'div',
+                    {
+                      style: {
+                        display: 'flex',
+                        flexWrap: 'nowrap',
+                        padding: 8,
+                      },
+                    },
+                    l.a.createElement(o['A'], {
+                      style: { flex: 'auto' },
+                      value: p,
+                      onChange: v,
+                    }),
+                    l.a.createElement(
+                      'a',
+                      {
+                        style: {
+                          flex: 'none',
+                          padding: '8px',
+                          display: 'block',
+                          cursor: 'pointer',
+                        },
+                        onClick: h,
+                      },
+                      l.a.createElement(c['a'], null),
+                      ' Add item',
+                    ),
+                  ),
+                ),
+            },
+            a.map((e) => l.a.createElement(i, { value: e, key: e }, e)),
+          );
+        };
+      t['default'] = s;
+    },
+    'cUy+': function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n = a('q1tI'),
+        r = a.n(n),
+        l = a('m/eG'),
+        o = l['Q'].Option,
+        c = () => {
+          var e = (e) => {
+              console.log('selected '.concat(e));
+            },
+            t = () => {
+              console.log('blur');
+            },
+            a = () => {
+              console.log('focus');
+            },
+            n = (e) => {
+              console.log('search:', e);
+            };
+          return r.a.createElement(
+            l['Q'],
+            {
+              showSearch: !0,
+              style: { width: 200 },
+              placeholder: 'Select a person',
+              optionFilterProp: 'children',
+              onChange: e,
+              onFocus: a,
+              onBlur: t,
+              onSearch: n,
+              filterOption: (e, t) =>
+                t.children.toLowerCase().indexOf(e.toLowerCase()) >= 0,
+            },
+            r.a.createElement(o, { value: 'jack' }, 'Jack'),
+            r.a.createElement(o, { value: 'lucy' }, 'Lucy'),
+            r.a.createElement(o, { value: 'tom' }, 'Tom'),
+          );
+        };
+      t['default'] = c;
+    },
+    fBEp: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n = a('q1tI'),
+        r = a.n(n),
+        l = a('m/eG'),
+        o = l['Q'].Option,
+        c = () => {
+          var e = (e) => {
+            console.log('selected '.concat(e));
+          };
+          return r.a.createElement(
+            l['Q'],
+            {
+              mode: 'multiple',
+              style: { width: '100%' },
+              placeholder: 'select one country',
+              defaultValue: ['china'],
+              onChange: e,
+              optionLabelProp: 'label',
+            },
+            r.a.createElement(
+              o,
+              { value: 'china', label: 'China' },
+              r.a.createElement(
+                'div',
+                { className: 'demo-option-label-item' },
+                r.a.createElement(
+                  'span',
+                  { role: 'img', 'aria-label': 'China' },
+                  '\ud83c\udde8\ud83c\uddf3',
+                ),
+                'China (\u4e2d\u56fd)',
+              ),
+            ),
+            r.a.createElement(
+              o,
+              { value: 'usa', label: 'USA' },
+              r.a.createElement(
+                'div',
+                { className: 'demo-option-label-item' },
+                r.a.createElement(
+                  'span',
+                  { role: 'img', 'aria-label': 'USA' },
+                  '\ud83c\uddfa\ud83c\uddf8',
+                ),
+                'USA (\u7f8e\u56fd)',
+              ),
+            ),
+            r.a.createElement(
+              o,
+              { value: 'japan', label: 'Japan' },
+              r.a.createElement(
+                'div',
+                { className: 'demo-option-label-item' },
+                r.a.createElement(
+                  'span',
+                  { role: 'img', 'aria-label': 'Japan' },
+                  '\ud83c\uddef\ud83c\uddf5',
+                ),
+                'Japan (\u65e5\u672c)',
+              ),
+            ),
+            r.a.createElement(
+              o,
+              { value: 'korea', label: 'Korea' },
+              r.a.createElement(
+                'div',
+                { className: 'demo-option-label-item' },
+                r.a.createElement(
+                  'span',
+                  { role: 'img', 'aria-label': 'Korea' },
+                  '\ud83c\uddf0\ud83c\uddf7',
+                ),
+                'Korea (\u97e9\u56fd)',
+              ),
+            ),
+          );
+        };
+      t['default'] = c;
+    },
+    g3oB: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n = a('9og8'),
+        r = a('0Owb'),
+        l = a('tJVT'),
+        o = a('PpiC'),
+        c = a('WmNS'),
+        i = a.n(c),
+        u = a('q1tI'),
+        s = a.n(u),
+        d = a('m/eG'),
+        m = a('sEfC'),
+        p = a.n(m);
+      function f(e) {
+        var t = e.fetchOptions,
+          a = e.debounceTimeout,
+          n = void 0 === a ? 800 : a,
+          c = Object(o['a'])(e, ['fetchOptions', 'debounceTimeout']),
+          i = s.a.useState(!1),
+          u = Object(l['a'])(i, 2),
+          m = u[0],
+          f = u[1],
+          v = s.a.useState([]),
+          h = Object(l['a'])(v, 2),
+          g = h[0],
+          y = h[1],
+          b = s.a.useRef(0),
+          E = s.a.useMemo(() => {
+            var e = (e) => {
+              b.current += 1;
+              var a = b.current;
+              y([]),
+                f(!0),
+                t(e).then((e) => {
+                  a === b.current && (y(e), f(!1));
+                });
+            };
+            return p()(e, n);
+          }, [t, n]);
+        return s.a.createElement(
+          d['Q'],
+          Object(r['a'])(
+            {
+              labelInValue: !0,
+              filterOption: !1,
+              onSearch: E,
+              notFoundContent: m
+                ? s.a.createElement(d['U'], { size: 'small' })
+                : null,
+            },
+            c,
+            { options: g },
+          ),
+        );
+      }
+      function v(e) {
+        return h.apply(this, arguments);
+      }
+      function h() {
+        return (
+          (h = Object(n['a'])(
+            i.a.mark(function e(t) {
+              return i.a.wrap(function (e) {
+                while (1)
+                  switch ((e.prev = e.next)) {
+                    case 0:
+                      return (
+                        console.log('fetching user', t),
+                        e.abrupt(
+                          'return',
+                          fetch('https://randomuser.me/api/?results=5')
+                            .then((e) => e.json())
+                            .then((e) =>
+                              e.results.map((e) => ({
+                                label: ''
+                                  .concat(e.name.first, ' ')
+                                  .concat(e.name.last),
+                                value: e.login.username,
+                              })),
+                            ),
+                        )
+                      );
+                    case 2:
+                    case 'end':
+                      return e.stop();
+                  }
+              }, e);
+            }),
+          )),
+          h.apply(this, arguments)
+        );
+      }
+      var g = () => {
+        var e = Object(u['useState'])([]),
+          t = Object(l['a'])(e, 2),
+          a = t[0],
+          n = t[1];
+        return s.a.createElement(f, {
+          mode: 'multiple',
+          value: a,
+          placeholder: 'Select users',
+          fetchOptions: v,
+          onChange: (e) => {
+            n(e);
+          },
+          style: { width: '100%' },
+        });
+      };
+      t['default'] = g;
+    },
+    gO0H: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n = a('q1tI'),
+        r = a.n(n),
+        l = a('m/eG'),
+        o = l['Q'].Option,
+        c = () => {
+          var e = (e) => {
+            console.log('selected '.concat(e));
+          };
+          return r.a.createElement(
+            r.a.Fragment,
+            null,
+            r.a.createElement(
+              l['Q'],
+              { defaultValue: 'lucy', style: { width: 120 }, onChange: e },
+              r.a.createElement(o, { value: 'jack' }, 'Jack'),
+              r.a.createElement(o, { value: 'lucy' }, 'Lucy'),
+              r.a.createElement(
+                o,
+                { value: 'disabled', disabled: !0 },
+                'Disabled',
+              ),
+              r.a.createElement(o, { value: 'Yiminghe' }, 'yiminghe'),
+            ),
+            r.a.createElement(
+              l['Q'],
+              { defaultValue: 'lucy', style: { width: 120 }, disabled: !0 },
+              r.a.createElement(o, { value: 'lucy' }, 'Lucy'),
+            ),
+            r.a.createElement(
+              l['Q'],
+              { defaultValue: 'lucy', style: { width: 120 }, loading: !0 },
+              r.a.createElement(o, { value: 'lucy' }, 'Lucy'),
+            ),
+            r.a.createElement(
+              l['Q'],
+              { defaultValue: 'lucy', style: { width: 120 }, allowClear: !0 },
+              r.a.createElement(o, { value: 'lucy' }, 'Lucy'),
+            ),
+          );
+        };
+      t['default'] = c;
+    },
+    gUB6: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n,
+        r,
+        l = a('tJVT'),
+        o = a('q1tI'),
+        c = a.n(o),
+        i = a('m/eG'),
+        u = a('2HEe'),
+        s = a.n(u),
+        d = a('s4NR'),
+        m = a.n(d),
+        p = i['Q'].Option;
+      function f(e, t) {
+        function a() {
+          var a = m.a.encode({ code: 'utf-8', q: e });
+          s()('https://suggest.taobao.com/sug?'.concat(a))
+            .then((e) => e.json())
+            .then((a) => {
+              if (r === e) {
+                var n = a.result,
+                  l = [];
+                n.forEach((e) => {
+                  l.push({ value: e[0], text: e[0] });
+                }),
+                  t(l);
+              }
+            });
+        }
+        n && (clearTimeout(n), (n = null)), (r = e), (n = setTimeout(a, 300));
+      }
+      var v = () => {
+        var e = Object(o['useState'])([]),
+          t = Object(l['a'])(e, 2),
+          a = t[0],
+          n = t[1],
+          r = Object(o['useState'])(),
+          u = Object(l['a'])(r, 2),
+          s = u[0],
+          d = u[1],
+          m = (e) => {
+            e ? f(e, (e) => n(e)) : n([]);
+          },
+          v = (e) => {
+            d(e);
+          },
+          h =
+            null === a || void 0 === a
+              ? void 0
+              : a.map((e) =>
+                  c.a.createElement(
+                    p,
+                    { value: e.value, key: e.value },
+                    e.text,
+                  ),
+                );
+        return c.a.createElement(
+          i['Q'],
+          {
+            showSearch: !0,
+            value: s,
+            placeholder: 'input search text',
+            style: { width: 200 },
+            defaultActiveFirstOption: !1,
+            showArrow: !1,
+            filterOption: !1,
+            onSearch: m,
+            onChange: v,
+            notFoundContent: null,
+          },
+          h,
+        );
+      };
+      t['default'] = v;
+    },
+    kd2E: function (e, t, a) {
+      'use strict';
+      function n(e, t) {
+        return Object.prototype.hasOwnProperty.call(e, t);
+      }
+      e.exports = function (e, t, a, l) {
+        (t = t || '&'), (a = a || '=');
+        var o = {};
+        if ('string' !== typeof e || 0 === e.length) return o;
+        var c = /\+/g;
+        e = e.split(t);
+        var i = 1e3;
+        l && 'number' === typeof l.maxKeys && (i = l.maxKeys);
+        var u = e.length;
+        i > 0 && u > i && (u = i);
+        for (var s = 0; s < u; ++s) {
+          var d,
+            m,
+            p,
+            f,
+            v = e[s].replace(c, '%20'),
+            h = v.indexOf(a);
+          h >= 0
+            ? ((d = v.substr(0, h)), (m = v.substr(h + 1)))
+            : ((d = v), (m = '')),
+            (p = decodeURIComponent(d)),
+            (f = decodeURIComponent(m)),
+            n(o, p)
+              ? r(o[p])
+                ? o[p].push(f)
+                : (o[p] = [o[p], f])
+              : (o[p] = f);
+        }
+        return o;
+      };
+      var r =
+        Array.isArray ||
+        function (e) {
+          return '[object Array]' === Object.prototype.toString.call(e);
+        };
+    },
+    kmS0: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      for (
+        var n = a('q1tI'),
+          r = a.n(n),
+          l = a('m/eG'),
+          o = l['Q'].Option,
+          c = [],
+          i = 10;
+        i < 36;
+        i++
+      )
+        c.push(
+          r.a.createElement(
+            o,
+            { value: i.toString(36) + i, key: i.toString(36) + i },
+            i.toString(36) + i,
+          ),
+        );
+      var u = () => {
+        var e = (e) => {
+          console.log('selected '.concat(e));
+        };
+        return r.a.createElement(
+          r.a.Fragment,
+          null,
+          r.a.createElement(
+            l['Q'],
+            {
+              mode: 'multiple',
+              allowClear: !0,
+              style: { width: '100%' },
+              placeholder: 'Please select',
+              defaultValue: ['a10', 'c12'],
+              onChange: e,
+            },
+            c,
+          ),
+          r.a.createElement('br', null),
+          r.a.createElement(
+            l['Q'],
+            {
+              mode: 'multiple',
+              disabled: !0,
+              style: { width: '100%' },
+              placeholder: 'Please select',
+              defaultValue: ['a10', 'c12'],
+              onChange: e,
+            },
+            c,
+          ),
+        );
+      };
+      t['default'] = u;
+    },
+    pYM3: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n = a('tJVT'),
+        r = a('q1tI'),
+        l = a.n(r),
+        o = a('m/eG'),
+        c = o['Q'].Option,
+        i = ['Zhejiang', 'Jiangsu'],
+        u = {
+          Zhejiang: ['Hangzhou', 'Ningbo', 'Wenzhou'],
+          Jiangsu: ['Nanjing', 'Suzhou', 'Zhenjiang'],
+        },
+        s = () => {
+          var e = l.a.useState(u[i[0]]),
+            t = Object(n['a'])(e, 2),
+            a = t[0],
+            r = t[1],
+            s = l.a.useState(u[i[0]][0]),
+            d = Object(n['a'])(s, 2),
+            m = d[0],
+            p = d[1],
+            f = (e) => {
+              r(u[e]), p(u[e][0]);
+            },
+            v = (e) => {
+              p(e);
+            };
+          return l.a.createElement(
+            l.a.Fragment,
+            null,
+            l.a.createElement(
+              o['Q'],
+              { defaultValue: i[0], style: { width: 120 }, onChange: f },
+              i.map((e) => l.a.createElement(c, { value: e, key: e }, e)),
+            ),
+            l.a.createElement(
+              o['Q'],
+              { style: { width: 120 }, value: m, onChange: v },
+              a.map((e) => l.a.createElement(c, { value: e, key: e }, e)),
+            ),
+          );
+        };
+      t['default'] = s;
+    },
+    s4NR: function (e, t, a) {
+      'use strict';
+      (t.decode = t.parse = a('kd2E')), (t.encode = t.stringify = a('4JlD'));
+    },
+    xvlK: function (e, t, a) {
+      'use strict';
+      var n = a('VTBJ'),
+        r = a('q1tI'),
+        l = {
+          icon: {
+            tag: 'svg',
+            attrs: { viewBox: '64 64 896 896', focusable: 'false' },
+            children: [
+              {
+                tag: 'defs',
+                attrs: {},
+                children: [{ tag: 'style', attrs: {} }],
+              },
+              {
+                tag: 'path',
+                attrs: {
+                  d: 'M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z',
+                },
+              },
+              {
+                tag: 'path',
+                attrs: {
+                  d: 'M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z',
+                },
+              },
+            ],
+          },
+          name: 'plus',
+          theme: 'outlined',
+        },
+        o = l,
+        c = a('6VBw'),
+        i = function (e, t) {
+          return r['createElement'](
+            c['a'],
+            Object(n['a'])(Object(n['a'])({}, e), {}, { ref: t, icon: o }),
+          );
+        };
+      i.displayName = 'PlusOutlined';
+      t['a'] = r['forwardRef'](i);
+    },
+    yWSA: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      for (
+        var n = a('q1tI'),
+          r = a.n(n),
+          l = a('m/eG'),
+          o = l['Q'].Option,
+          c = [],
+          i = 10;
+        i < 36;
+        i++
+      )
+        c.push(
+          r.a.createElement(
+            o,
+            { value: i.toString(36) + i, key: i.toString(36) + i },
+            i.toString(36) + i,
+          ),
+        );
+      var u = () => {
+        var e = (e) => {
+          console.log('selected '.concat(e));
+        };
+        return r.a.createElement(
+          l['Q'],
+          {
+            mode: 'tags',
+            style: { width: '100%' },
+            placeholder: 'Tags Mode',
+            onChange: e,
+          },
+          c,
+        );
+      };
+      t['default'] = u;
+    },
+  },
+]);