@uiw/doc
Version:
UIW documentation website.
1 lines • 81.4 kB
JavaScript
(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2027],{4934:e=>{function n(e){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}n.keys=()=>[],n.resolve=n,n.id=4934,e.exports=n},5301:(e,n,t)=>{"use strict";t.d(n,{Z:()=>p});var a=t(8573),l=t(6320),r=t(8563),o=t(7622),u=t(7937);const i={docinfo:"index_docinfo__3Vx8S",markdown:"index_markdown__hcQCp",markdownWrap:"index_markdownWrap__t60jR"};var c=t(4760);function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{path:n}=e,t=/^http/.test(n||"")?n:"https://github.com/uiwjs/uiw/blob/master/".concat(n);return(0,c.jsxs)("div",{className:i.docinfo,children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",t&&(0,c.jsx)("a",{href:t,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,c.jsx)("br",{}),(0,c.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,c.jsx)(u.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,c.jsx)(u.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,c.jsx)(u.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,c.jsx)(u.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,c.jsx)(u.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}const f=l.ZP.Preview,d=l.ZP.Code,m=l.ZP.Toolbar,b=e=>{var n,t;let{node:o,components:u,data:i,...s}=e;const b=(0,a.useRef)(null),{headings:p,headingsList:v,...h}=s;(0,a.useEffect)((()=>{if(b.current){const e=b.current.parentElement;e&&e.parentElement&&e.parentElement.replaceChild(b.current,e)}}),[b]);const _=null===o||void 0===o||null===(n=o.position)||void 0===n?void 0:n.start.line,y=null===o||void 0===o||null===(t=o.data)||void 0===t?void 0:t.meta,S=(0,r.Mx)(y)||String(_),w=u["".concat(S)];if(S&&"function"===typeof w){const e=i[S].value||"",n=(0,r.aE)(y||"");return(0,c.jsxs)(l.ZP,{ref:b,children:[(0,c.jsx)(f,{style:{background:n.bg||"transparent"},children:(0,c.jsx)(w,{})}),(0,c.jsx)(m,{text:e,children:n.title||"Example"}),(0,c.jsx)(d,{children:(0,c.jsx)("pre",{...h})})]})}return(0,c.jsx)("code",{...h})};function p(e){return(0,c.jsxs)(a.Fragment,{children:[(0,c.jsx)(o.Z,{className:i.markdownWrap,source:e.source||"",disableCopy:!0,wrapperElement:{"data-color-mode":"light"},components:{code:n=>(0,c.jsx)(b,{...e,...n})}}),(0,c.jsx)(s,{path:e.path})]})}},8759:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>o});const a={components:{19:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},a=t(7937);return function(){var e=[{label:"a1",value:1},{label:"a2",value:2},{label:"a3",value:3},{label:"a4",value:4},{label:"a5",value:5},{label:"a6",value:6},{label:"a7",value:7},{label:"a8",value:8}];return n.default.createElement(a.Row,{gutter:20},n.default.createElement("label",null,"\u5355\u9009"),n.default.createElement(a.Row,null,n.default.createElement(a.SearchSelect,{mode:"single",style:{width:200},placeholder:"\u8bf7\u9009\u62e9\u9009\u9879",option:e})),n.default.createElement("label",null,"\u591a\u9009"),n.default.createElement(a.Row,null,n.default.createElement(a.SearchSelect,{mode:"multiple",style:{width:200},allowClear:!0,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879",option:e})),n.default.createElement("label",null,"\u7981\u7528"),n.default.createElement(a.Row,null,n.default.createElement(a.SearchSelect,{mode:"single",style:{width:200},allowClear:!0,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879",option:e,disabled:!0})))}}(),76:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},a=t(7937);return function(){var e=[{label:"\u5c0f\u5c3a\u5bf8",value:1},{label:"\u9ed8\u8ba4\u5c3a\u5bf8",value:2},{label:"\u5927\u5c3a\u5bf8",value:3}];return n.default.createElement(a.Row,{style:{flexDirection:"column"}},n.default.createElement(a.Col,null,n.default.createElement(a.Row,null,n.default.createElement(a.SearchSelect,{mode:"multiple",style:{width:150},option:e,value:[1],allowClear:!0,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879",size:"small"}))),n.default.createElement(a.Col,{style:{margin:"10px 0px"}},n.default.createElement(a.Row,null,n.default.createElement(a.SearchSelect,{mode:"multiple",style:{width:175},option:e,value:[2],allowClear:!0,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879"}))),n.default.createElement(a.Col,null,n.default.createElement(a.Row,null,n.default.createElement(a.SearchSelect,{mode:"multiple",style:{width:200},option:e,value:[3],allowClear:!0,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879",size:"large"}))))}}(),136:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},a=t(7937);function l(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,l,r,o,u=[],i=!0,c=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;i=!1}else for(;!(i=(a=r.call(t)).done)&&(u.push(a.value),u.length!==n);i=!0);}catch(e){c=!0,l=e}finally{try{if(!i&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw l}}return u}}(e,n)||function(e,n){if(!e)return;if("string"===typeof e)return r(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return r(e,n)}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}return function(){var e=[{label:"a1",value:1},{label:"a2",value:2},{label:"a3",value:3},{label:"a4",value:4},{label:"a5",value:5},{label:"a6",value:6},{label:"a7",value:7},{label:"a8",value:8}],t=l(n.default.useState(!1),2),r=(t[0],t[1],l(n.default.useState([1,7]),2)),o=r[0],u=r[1],i=l(n.default.useState([{label:"a1",value:1},{label:"a7",value:7}]),2),c=i[0],s=i[1];return n.default.createElement(a.Row,{gutter:20},n.default.createElement(a.Row,null,n.default.createElement(a.SearchSelect,{mode:"multiple",style:{width:200},value:o,option:e,onChange:function(e){console.log("value",e),u(e)},placeholder:"\u8bf7\u9009\u62e9\u9009\u9879"})),n.default.createElement(a.Row,null,n.default.createElement(a.SearchSelect,{mode:"multiple",labelInValue:!0,style:{width:200},option:e,value:c,onChange:function(e){console.log("value",e),s(e)},plac:!0,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879"})))}}(),195:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},a=t(7937);function l(e){return function(e){if(Array.isArray(e))return u(e)}(e)||function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||o(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,l,r,o,u=[],i=!0,c=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;i=!1}else for(;!(i=(a=r.call(t)).done)&&(u.push(a.value),u.length!==n);i=!0);}catch(e){c=!0,l=e}finally{try{if(!i&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw l}}return u}}(e,n)||o(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,n){if(e){if("string"===typeof e)return u(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,n):void 0}}function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}return function(){var e=[{label:"a1",value:1},{label:"a2",value:2},{label:"a3",value:3},{label:"a4",value:4},{label:"a5",value:5},{label:"a6",value:6},{label:"a7",value:7},{label:"a8",value:8}],t=r(n.default.useState(e),2),o=t[0],u=t[1],i=r(n.default.useState(!1),2),c=i[0],s=i[1],f=r(n.default.useState([1,2,7]),2),d=f[0],m=f[1];return n.default.createElement(a.Row,{style:{marginLeft:10}},n.default.createElement(a.SearchSelect,{mode:"multiple",style:{width:200},valueAmount:2,allowClear:!0,value:d,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879",onSearch:function(n){s(!0),setTimeout((function(){var t=e.filter((function(e){return!!e.label.includes(n.trim())}));u(l(t)),s(!1)}),500)},loading:c,option:o,onChange:function(e){m(e)}}))}}(),251:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},a=t(7937);function l(e){return function(e){if(Array.isArray(e))return u(e)}(e)||function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||o(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,l,r,o,u=[],i=!0,c=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;i=!1}else for(;!(i=(a=r.call(t)).done)&&(u.push(a.value),u.length!==n);i=!0);}catch(e){c=!0,l=e}finally{try{if(!i&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw l}}return u}}(e,n)||o(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,n){if(e){if("string"===typeof e)return u(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,n):void 0}}function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}return function(){var e=[{label:"a1",value:1},{label:"a2",value:2},{label:"a3",value:3},{label:"a4",value:4},{label:"a5",value:5},{label:"a6",value:6},{label:"a7",value:7},{label:"a8",value:8}],t=r(n.default.useState(e),2),o=t[0],u=t[1],i=r(n.default.useState(!1),2),c=i[0],s=i[1],f=r(n.default.useState([{label:"a1",value:1},{label:"a2",value:2},{label:"a5",value:5},{label:"a7",value:7},{label:"a8",value:8}]),2),d=f[0],m=f[1];return n.default.createElement(a.Row,{style:{marginLeft:10}},n.default.createElement(a.SearchSelect,{mode:"multiple",style:{width:200},labelInValue:!0,maxTagCount:4,allowClear:!0,value:d,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879",onSearch:function(n){s(!0),setTimeout((function(){var t=e.filter((function(e){return!!e.label.includes(n.trim())}));u(l(t)),s(!1)}),500)},loading:c,option:o,onChange:function(e){m(e)}}))}}(),313:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},a=t(7937);function l(e){return function(e){if(Array.isArray(e))return u(e)}(e)||function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||o(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,l,r,o,u=[],i=!0,c=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;i=!1}else for(;!(i=(a=r.call(t)).done)&&(u.push(a.value),u.length!==n);i=!0);}catch(e){c=!0,l=e}finally{try{if(!i&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw l}}return u}}(e,n)||o(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,n){if(e){if("string"===typeof e)return u(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,n):void 0}}function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}return function(){var e=[{label:"a1",value:1},{label:"a2",value:2},{label:"a3",value:3},{label:"a4",value:4},{label:"a5",value:5},{label:"a6",value:6},{label:"a7",value:7},{label:"a8",value:8}],t=r(n.default.useState([1,7]),2),o=t[0],u=t[1],i=r(n.default.useState([1,7]),2),c=i[0],s=i[1],f=r(n.default.useState(e),2),d=f[0],m=f[1],b=r(n.default.useState(!1),2),p=b[0],v=b[1];function h(n){v(!0),setTimeout((function(){var t=e.filter((function(e){return!!e.label.includes(n.trim())}));m(l(t)),v(!1)}),500)}return n.default.createElement(a.Row,{style:{marginLeft:10}},n.default.createElement(a.Col,{fixed:!0,style:{width:200}},n.default.createElement(a.SearchSelect,{mode:"singe",showSearch:!0,value:o,option:d,loading:p,onSearch:h,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879",style:{width:200},onChange:function(e){u(e)}})),n.default.createElement(a.Col,{fixed:!0,style:{width:200,marginLeft:20}},n.default.createElement(a.SearchSelect,{mode:"multiple",showSearch:!0,value:c,option:d,loading:p,onSearch:h,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879",style:{width:200},onChange:function(e){s(e)}})))}}(),384:function(){function e(n){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(n)}var n,a=(n=t(8573))&&n.__esModule?n:{default:n},l=t(7937);function r(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function o(n,t,a){return(t=function(n){var t=function(n,t){if("object"!==e(n)||null===n)return n;var a=n[Symbol.toPrimitive];if(void 0!==a){var l=a.call(n,t||"default");if("object"!==e(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}(n,"string");return"symbol"===e(t)?t:String(t)}(t))in n?Object.defineProperty(n,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[t]=a,n}function u(e){return function(e){if(Array.isArray(e))return s(e)}(e)||function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||c(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,l,r,o,u=[],i=!0,c=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;i=!1}else for(;!(i=(a=r.call(t)).done)&&(u.push(a.value),u.length!==n);i=!0);}catch(e){c=!0,l=e}finally{try{if(!i&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw l}}return u}}(e,n)||c(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,n){if(e){if("string"===typeof e)return s(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?s(e,n):void 0}}function s(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}return function(){var e=[{label:"a1",value:1},{label:"a2",value:2},{label:"a3",value:3},{label:"a4",value:4},{label:"a5",value:5},{label:"a6",value:6},{label:"a7",value:7},{label:"a8",value:8}],n=i(a.default.useState(e),2),t=n[0],c=n[1],s=i(a.default.useState(!1),2),f=s[0],d=s[1],m=a.default.useRef();function b(n){d(!0),setTimeout((function(){var t=e.filter((function(e){return!!e.label.includes(n.trim())}));c(u(t)),d(!1)}),500)}var p=function(){console.log("form",m.current.resetForm())};return a.default.createElement("div",null,a.default.createElement(l.Form,{ref:m,onSubmitError:function(e){return e.filed?function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?r(Object(t),!0).forEach((function(n){o(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):r(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({},e.filed):null},onSubmit:function(e){e.initial;var n=e.current,t={};if(n.selectField||(t.selectField="\u9ed8\u8ba4\u9700\u8981\u9009\u62e9\u5185\u5bb9\uff0c\u9009\u62e9\u5165\u5185\u5bb9"),Object.keys(t).length>0){var a=new Error;throw a.filed=t,l.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01"}),a}l.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u9009\u62e9\u503c\u4e3a\uff1a".concat(n.selectField,"\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")})},fields:{selectField:{initialValue:[{label:"a7",value:7},{label:"a8",value:8}],children:a.default.createElement(l.SearchSelect,{allowClear:!0,labelInValue:!0,showSearch:!0,mode:"multiple",disabled:!1,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879",onSearch:b,onChange:function(e){console.log("onChange",e)},option:t,loading:f})},selectSingle:{initialValue:[{label:"a7",value:7}],children:a.default.createElement(l.SearchSelect,{mode:"single",labelInValue:!0,showSearch:!0,allowClear:!0,disabled:!1,placeholder:"\u8bf7\u9009\u62e9\u9009\u9879",onSearch:b,onChange:function(e){console.log("onChange",e)},option:t,loading:f})}}},(function(e){var n=e.fields,t=e.state,r=e.canSubmit;return a.default.createElement("div",{style:{marginLeft:10}},a.default.createElement(l.Row,null,a.default.createElement(l.Col,{fixed:!0,style:{width:200}},n.selectField)),a.default.createElement(l.Row,null,a.default.createElement(l.Col,{fixed:!0,style:{width:200}},n.selectSingle)),a.default.createElement(l.Row,null,a.default.createElement(l.Col,{fixed:!0},a.default.createElement(l.Button,{disabled:!r(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4")),a.default.createElement(l.Col,{fixed:!0},a.default.createElement(l.Button,{onClick:p},"\u91cd\u7f6e"))),a.default.createElement(l.Row,null,a.default.createElement(l.Col,null,a.default.createElement("pre",{style:{padding:10,marginTop:10}},JSON.stringify(t.current,null,2)))))})))}}()},data:{19:{name:19,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nreturn function Demo() {\n var option = [{\n label: \'a1\',\n value: 1\n }, {\n label: \'a2\',\n value: 2\n }, {\n label: \'a3\',\n value: 3\n }, {\n label: \'a4\',\n value: 4\n }, {\n label: \'a5\',\n value: 5\n }, {\n label: \'a6\',\n value: 6\n }, {\n label: \'a7\',\n value: 7\n }, {\n label: \'a8\',\n value: 8\n }];\n return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n gutter: 20\n }, /*#__PURE__*/_react["default"].createElement("label", null, "\\u5355\\u9009"), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "single",\n style: {\n width: 200\n },\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879",\n option: option\n })), /*#__PURE__*/_react["default"].createElement("label", null, "\\u591A\\u9009"), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "multiple",\n style: {\n width: 200\n },\n allowClear: true,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879",\n option: option\n })), /*#__PURE__*/_react["default"].createElement("label", null, "\\u7981\\u7528"), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "single",\n style: {\n width: 200\n },\n allowClear: true,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879",\n option: option,\n disabled: true\n })));\n};\n;',language:"jsx",value:"import React from 'react';\nimport { SearchSelect,Row,Col } from 'uiw';\n\nexport default function Demo() {\n const option=[\n { label: 'a1', value: 1 },\n { label: 'a2', value: 2 },\n { label: 'a3', value: 3 },\n { label: 'a4', value: 4 },\n { label: 'a5', value: 5 },\n { label: 'a6', value: 6 },\n { label: 'a7', value: 7 },\n { label: 'a8', value: 8 },\n ]\n\n return(\n <Row gutter={20}>\n <label>\u5355\u9009</label>\n <Row>\n <SearchSelect\n mode=\"single\"\n style={{ width: 200 }}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n option={option}\n />\n </Row>\n <label>\u591a\u9009</label>\n <Row>\n <SearchSelect\n mode=\"multiple\"\n style={{ width: 200 }}\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n option={option}\n />\n </Row>\n <label>\u7981\u7528</label>\n <Row>\n <SearchSelect\n mode=\"single\"\n style={{ width: 200 }}\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n option={option}\n disabled={true}\n />\n </Row>\n </Row>\n );\n};"},76:{name:76,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nreturn function Demo() {\n var option = [{\n label: \'\u5c0f\u5c3a\u5bf8\',\n value: 1\n }, {\n label: \'\u9ed8\u8ba4\u5c3a\u5bf8\',\n value: 2\n }, {\n label: \'\u5927\u5c3a\u5bf8\',\n value: 3\n }];\n return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n style: {\n flexDirection: \'column\'\n }\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "multiple",\n style: {\n width: 150\n },\n option: option,\n value: [1],\n allowClear: true,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879",\n size: \'small\'\n }))), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n style: {\n margin: \'10px 0px\'\n }\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "multiple",\n style: {\n width: 175\n },\n option: option,\n value: [2],\n allowClear: true,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879"\n }))), /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "multiple",\n style: {\n width: 200\n },\n option: option,\n value: [3],\n allowClear: true,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879",\n size: \'large\'\n }))));\n};\n;',language:"jsx",value:"import React from 'react';\nimport { SearchSelect,Row,Col } from 'uiw';\n\nexport default function Demo() {\n const option=[\n { label: '\u5c0f\u5c3a\u5bf8', value: 1 },\n { label: '\u9ed8\u8ba4\u5c3a\u5bf8', value: 2 },\n { label: '\u5927\u5c3a\u5bf8', value: 3 },\n ]\n\n return(\n <Row style={{ flexDirection: 'column' }}>\n <Col>\n <Row>\n <SearchSelect\n mode=\"multiple\"\n style={{ width: 150 }}\n option={option}\n value={[1]}\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n size={'small'}\n />\n </Row>\n </Col>\n <Col style={{ margin:'10px 0px' }}>\n <Row>\n <SearchSelect\n mode=\"multiple\"\n style={{ width: 175 }}\n option={option}\n value={[2]}\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n />\n </Row>\n </Col>\n <Col >\n <Row>\n <SearchSelect\n mode=\"multiple\"\n style={{ width: 200 }}\n option={option}\n value={[3]}\n allowClear={true}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n size={'large'}\n />\n </Row>\n </Col>\n </Row>\n );\n};"},136:{name:136,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nreturn function Demo() {\n var option = [{\n label: \'a1\',\n value: 1\n }, {\n label: \'a2\',\n value: 2\n }, {\n label: \'a3\',\n value: 3\n }, {\n label: \'a4\',\n value: 4\n }, {\n label: \'a5\',\n value: 5\n }, {\n label: \'a6\',\n value: 6\n }, {\n label: \'a7\',\n value: 7\n }, {\n label: \'a8\',\n value: 8\n }];\n var _React$useState = _react["default"].useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n loading = _React$useState2[0],\n setLoading = _React$useState2[1];\n var _React$useState3 = _react["default"].useState([1, 7]),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n value = _React$useState4[0],\n setValue = _React$useState4[1];\n var _React$useState5 = _react["default"].useState([{\n label: \'a1\',\n value: 1\n }, {\n label: \'a7\',\n value: 7\n }]),\n _React$useState6 = _slicedToArray(_React$useState5, 2),\n labelValue = _React$useState6[0],\n setLabelValue = _React$useState6[1];\n return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n gutter: 20\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "multiple",\n style: {\n width: 200\n },\n value: value,\n option: option,\n onChange: function onChange(value) {\n console.log(\'value\', value);\n setValue(value);\n },\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879"\n })), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "multiple",\n labelInValue: true,\n style: {\n width: 200\n },\n option: option,\n value: labelValue,\n onChange: function onChange(value) {\n console.log(\'value\', value);\n setLabelValue(value);\n },\n plac: true,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879"\n })));\n};\n;',language:"jsx",value:"import React from 'react';\nimport { SearchSelect,Row,Col } from 'uiw';\n\nexport default function Demo() {\n const option=[\n { label: 'a1', value: 1 },\n { label: 'a2', value: 2 },\n { label: 'a3', value: 3 },\n { label: 'a4', value: 4 },\n { label: 'a5', value: 5 },\n { label: 'a6', value: 6 },\n { label: 'a7', value: 7 },\n { label: 'a8', value: 8 },\n ]\n\n const [loading, setLoading] = React.useState(false);\n const [value, setValue] = React.useState([1 ,7]);\n const [labelValue, setLabelValue] = React.useState([{ label: 'a1', value: 1 }, { label: 'a7', value: 7 }]);\n\n return(\n <Row gutter={20}>\n <Row>\n <SearchSelect\n mode=\"multiple\"\n style={{ width: 200 }}\n value={value}\n option={option}\n onChange={(value)=> {\n console.log('value', value)\n setValue(value)\n }}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n />\n </Row>\n <Row>\n <SearchSelect\n mode=\"multiple\"\n labelInValue={true}\n style={{ width: 200 }}\n option={option}\n value={labelValue}\n onChange={(value)=> {\n console.log('value', value)\n setLabelValue(value)\n }}\n plac\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n />\n </Row>\n </Row>\n );\n};"},195:{name:195,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nreturn function Demo() {\n var selectOption = [{\n label: \'a1\',\n value: 1\n }, {\n label: \'a2\',\n value: 2\n }, {\n label: \'a3\',\n value: 3\n }, {\n label: \'a4\',\n value: 4\n }, {\n label: \'a5\',\n value: 5\n }, {\n label: \'a6\',\n value: 6\n }, {\n label: \'a7\',\n value: 7\n }, {\n label: \'a8\',\n value: 8\n }];\n var valueAmount = 2;\n var _React$useState = _react["default"].useState(selectOption),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n option = _React$useState2[0],\n setOption = _React$useState2[1];\n var _React$useState3 = _react["default"].useState(false),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n loading = _React$useState4[0],\n setLoading = _React$useState4[1];\n var _React$useState5 = _react["default"].useState([1, 2, 7]),\n _React$useState6 = _slicedToArray(_React$useState5, 2),\n values = _React$useState6[0],\n setValues = _React$useState6[1];\n function handleSearch(e) {\n setLoading(true);\n setTimeout(function () {\n var filterOpion = selectOption.filter(function (item) {\n return !!item.label.includes(e.trim());\n });\n setOption(_toConsumableArray(filterOpion));\n setLoading(false);\n }, 500);\n }\n return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n style: {\n marginLeft: 10\n }\n }, /*#__PURE__*/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "multiple",\n style: {\n width: 200\n },\n valueAmount: valueAmount,\n allowClear: true,\n value: values,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879",\n onSearch: handleSearch\n // onSelect={(value)=>console.log(\'onSelect\',value)}\n ,\n loading: loading,\n option: option,\n onChange: function onChange(value) {\n setValues(value);\n }\n }));\n};\n;',language:"jsx",value:"import React from 'react';\nimport { SearchSelect,Row,Col } from 'uiw';\n\nexport default function Demo() {\n const selectOption=[\n { label: 'a1', value: 1 },\n { label: 'a2', value: 2 },\n { label: 'a3', value: 3 },\n { label: 'a4', value: 4 },\n { label: 'a5', value: 5 },\n { label: 'a6', value: 6 },\n { label: 'a7', value: 7 },\n { label: 'a8', value: 8 },\n ]\n\n const valueAmount = 2\n const [option, setOption] = React.useState(selectOption);\n const [loading, setLoading] = React.useState(false);\n const [values, setValues] = React.useState([ 1, 2, 7]);\n\n function handleSearch(e) {\n setLoading(true)\n setTimeout(() => {\n const filterOpion= selectOption.filter(item=>!!item.label.includes(e.trim()))\n setOption([...filterOpion]);\n setLoading(false);\n }, 500);\n }\n\n return(\n <Row style={{ marginLeft: 10 }}>\n <SearchSelect\n mode=\"multiple\"\n style={{ width: 200 }}\n valueAmount={valueAmount}\n allowClear\n value={values}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n onSearch={handleSearch}\n // onSelect={(value)=>console.log('onSelect',value)}\n loading={loading}\n option={option}\n onChange={(value) => {\n setValues(value)\n }}\n />\n </Row>\n );\n};"},251:{name:251,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nreturn function Demo() {\n var selectOption = [{\n label: \'a1\',\n value: 1\n }, {\n label: \'a2\',\n value: 2\n }, {\n label: \'a3\',\n value: 3\n }, {\n label: \'a4\',\n value: 4\n }, {\n label: \'a5\',\n value: 5\n }, {\n label: \'a6\',\n value: 6\n }, {\n label: \'a7\',\n value: 7\n }, {\n label: \'a8\',\n value: 8\n }];\n var maxTagCount = 4;\n var _React$useState = _react["default"].useState(selectOption),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n option = _React$useState2[0],\n setOption = _React$useState2[1];\n var _React$useState3 = _react["default"].useState(false),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n loading = _React$useState4[0],\n setLoading = _React$useState4[1];\n var _React$useState5 = _react["default"].useState([{\n label: \'a1\',\n value: 1\n }, {\n label: \'a2\',\n value: 2\n }, {\n label: \'a5\',\n value: 5\n }, {\n label: \'a7\',\n value: 7\n }, {\n label: \'a8\',\n value: 8\n }]),\n _React$useState6 = _slicedToArray(_React$useState5, 2),\n values = _React$useState6[0],\n setValues = _React$useState6[1];\n function handleSearch(e) {\n setLoading(true);\n setTimeout(function () {\n var filterOpion = selectOption.filter(function (item) {\n return !!item.label.includes(e.trim());\n });\n setOption(_toConsumableArray(filterOpion));\n setLoading(false);\n }, 500);\n }\n return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n style: {\n marginLeft: 10\n }\n }, /*#__PURE__*/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "multiple",\n style: {\n width: 200\n },\n labelInValue: true,\n maxTagCount: maxTagCount,\n allowClear: true,\n value: values,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879",\n onSearch: handleSearch,\n loading: loading,\n option: option,\n onChange: function onChange(value) {\n setValues(value);\n }\n }));\n};\n;',language:"jsx",value:"import React from 'react';\nimport { SearchSelect,Row,Col } from 'uiw';\n\nexport default function Demo() {\n const selectOption=[\n { label: 'a1', value: 1 },\n { label: 'a2', value: 2 },\n { label: 'a3', value: 3 },\n { label: 'a4', value: 4 },\n { label: 'a5', value: 5 },\n { label: 'a6', value: 6 },\n { label: 'a7', value: 7 },\n { label: 'a8', value: 8 },\n ]\n\n const maxTagCount = 4\n const [option, setOption] = React.useState(selectOption);\n const [loading, setLoading] = React.useState(false);\n const [values, setValues] = React.useState([\n { label: 'a1', value: 1 },\n { label: 'a2', value: 2 },\n { label: 'a5', value: 5 },\n { label: 'a7', value: 7 },\n { label: 'a8', value: 8 },\n ]);\n\n function handleSearch(e) {\n setLoading(true)\n setTimeout(() => {\n const filterOpion= selectOption.filter(item=>!!item.label.includes(e.trim()))\n setOption([...filterOpion]);\n setLoading(false);\n }, 500);\n }\n\n return(\n <Row style={{ marginLeft: 10 }}>\n <SearchSelect\n mode=\"multiple\"\n style={{ width: 200 }}\n labelInValue={true}\n maxTagCount={maxTagCount}\n allowClear\n value={values}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n onSearch={handleSearch}\n loading={loading}\n option={option}\n onChange={(value) => {\n setValues(value)\n }}\n />\n </Row>\n );\n};"},313:{name:313,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nreturn function Demo() {\n var selectOption = [{\n label: \'a1\',\n value: 1\n }, {\n label: \'a2\',\n value: 2\n }, {\n label: \'a3\',\n value: 3\n }, {\n label: \'a4\',\n value: 4\n }, {\n label: \'a5\',\n value: 5\n }, {\n label: \'a6\',\n value: 6\n }, {\n label: \'a7\',\n value: 7\n }, {\n label: \'a8\',\n value: 8\n }];\n var _React$useState = _react["default"].useState([1, 7]),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n value = _React$useState2[0],\n setValue = _React$useState2[1];\n var _React$useState3 = _react["default"].useState([1, 7]),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n values = _React$useState4[0],\n setValues = _React$useState4[1];\n var _React$useState5 = _react["default"].useState(selectOption),\n _React$useState6 = _slicedToArray(_React$useState5, 2),\n option = _React$useState6[0],\n setOption = _React$useState6[1];\n var _React$useState7 = _react["default"].useState(false),\n _React$useState8 = _slicedToArray(_React$useState7, 2),\n loading = _React$useState8[0],\n setLoading = _React$useState8[1];\n function handleSearch(e) {\n setLoading(true);\n setTimeout(function () {\n var filterOpion = selectOption.filter(function (item) {\n return !!item.label.includes(e.trim());\n });\n setOption(_toConsumableArray(filterOpion));\n setLoading(false);\n }, 500);\n }\n return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n style: {\n marginLeft: 10\n }\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n fixed: true,\n style: {\n width: 200\n }\n }, /*#__PURE__*/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "singe",\n showSearch: true,\n value: value,\n option: option,\n loading: loading,\n onSearch: handleSearch,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879",\n style: {\n width: 200\n },\n onChange: function onChange(value) {\n setValue(value);\n }\n })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n fixed: true,\n style: {\n width: 200,\n marginLeft: 20\n }\n }, /*#__PURE__*/_react["default"].createElement(_uiw.SearchSelect, {\n mode: "multiple",\n showSearch: true,\n value: values,\n option: option,\n loading: loading,\n onSearch: handleSearch,\n placeholder: "\\u8BF7\\u9009\\u62E9\\u9009\\u9879",\n style: {\n width: 200\n },\n onChange: function onChange(value) {\n setValues(value);\n }\n })));\n};\n;',language:"jsx",value:"import React from 'react';\nimport { SearchSelect,Row,Col } from 'uiw';\n\nexport default function Demo() {\n const selectOption=[\n { label: 'a1', value: 1 },\n { label: 'a2', value: 2 },\n { label: 'a3', value: 3 },\n { label: 'a4', value: 4 },\n { label: 'a5', value: 5 },\n { label: 'a6', value: 6 },\n { label: 'a7', value: 7 },\n { label: 'a8', value: 8 },\n ]\n\n const [value, setValue] = React.useState([1,7]);\n const [values, setValues] = React.useState([1,7]);\n const [option, setOption] = React.useState(selectOption);\n const [loading, setLoading] = React.useState(false);\n\n function handleSearch(e) {\n setLoading(true)\n setTimeout(() => {\n const filterOpion= selectOption.filter(item=>!!item.label.includes(e.trim()))\n setOption([...filterOpion]);\n setLoading(false);\n }, 500);\n }\n\n return(\n <Row style={{ marginLeft: 10 }}>\n <Col fixed style={{width:200}}>\n <SearchSelect\n mode=\"singe\"\n showSearch={true}\n value={value}\n option={option}\n loading={loading}\n onSearch={handleSearch}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n style={{ width: 200 }}\n onChange={(value) => {\n setValue(value)\n }}\n />\n </Col>\n <Col fixed style={{width:200, marginLeft: 20}}>\n <SearchSelect\n mode=\"multiple\"\n showSearch={true}\n value={values}\n option={option}\n loading={loading}\n onSearch={handleSearch}\n placeholder=\"\u8bf7\u9009\u62e9\u9009\u9879\"\n style={{ width: 200 }}\n onChange={(value) => {\n setValues(value)\n }}\n />\n </Col>\n </Row>\n );\n};"},384:{name:384,meta:{bg:"#fff"},code:'"use strict";\n\nfunction _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {