@uiw/doc
Version:
UIW documentation website.
1 lines • 95.8 kB
JavaScript
(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[7329],{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:()=>g});var r=t(8573),i=t(6320),o=t(8563),a=t(7622),l=t(7937);const c={docinfo:"index_docinfo__3Vx8S",markdown:"index_markdown__hcQCp",markdownWrap:"index_markdownWrap__t60jR"};var u=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,u.jsxs)("div",{className:c.docinfo,children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",t&&(0,u.jsx)("a",{href:t,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,u.jsx)("br",{}),(0,u.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,u.jsx)(l.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,u.jsx)(l.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,u.jsx)(l.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,u.jsx)(l.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,u.jsx)(l.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}const d=i.ZP.Preview,p=i.ZP.Code,f=i.ZP.Toolbar,m=e=>{var n,t;let{node:a,components:l,data:c,...s}=e;const m=(0,r.useRef)(null),{headings:g,headingsList:y,...h}=s;(0,r.useEffect)((()=>{if(m.current){const e=m.current.parentElement;e&&e.parentElement&&e.parentElement.replaceChild(m.current,e)}}),[m]);const _=null===a||void 0===a||null===(n=a.position)||void 0===n?void 0:n.start.line,v=null===a||void 0===a||null===(t=a.data)||void 0===t?void 0:t.meta,w=(0,o.Mx)(v)||String(_),x=l["".concat(w)];if(w&&"function"===typeof x){const e=c[w].value||"",n=(0,o.aE)(v||"");return(0,u.jsxs)(i.ZP,{ref:m,children:[(0,u.jsx)(d,{style:{background:n.bg||"transparent"},children:(0,u.jsx)(x,{})}),(0,u.jsx)(f,{text:e,children:n.title||"Example"}),(0,u.jsx)(p,{children:(0,u.jsx)("pre",{...h})})]})}return(0,u.jsx)("code",{...h})};function g(e){return(0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(a.Z,{className:c.markdownWrap,source:e.source||"",disableCopy:!0,wrapperElement:{"data-color-mode":"light"},components:{code:n=>(0,u.jsx)(m,{...e,...n})}}),(0,u.jsx)(s,{path:e.path})]})}},416:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>a});const r={components:{19: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,r=(n=t(8573))&&n.__esModule?n:{default:n},i=t(7937);function o(e,n){if(t=e,!(null!=(r=n)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](t):t instanceof r))throw new TypeError("Cannot call a class as a function");var t,r}function a(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,l(r.key),r)}}function l(n){var t=function(n,t){if("object"!==e(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var i=r.call(n,t||"default");if("object"!==e(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}(n,"string");return"symbol"===e(t)?t:String(t)}function c(e,n){return c=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,n){return e.__proto__=n,e},c(e,n)}function u(n){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,i=s(n);if(t){var o=s(this).constructor;r=Reflect.construct(i,arguments,o)}else r=i.apply(this,arguments);return function(n,t){if(t&&("object"===e(t)||"function"===typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(n)}(this,r)}}function s(e){return s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},s(e)}var d=["adobe","alipay","aliwangwang","android-o","android","apple","appstore-o","appstore","area-chart","down","left","right","up","arrow-down","arrow-left","arrow-right","arrow-up","arrows-alt","asterisk","backward","baidu","bar-chart","barcode","bell","camera-o","caret-down","caret-left","caret-right","caret-up","check-square-o","check-square","check","chrome","circle-check-o","circle-check","circle-close-o","circle-close","close-square-o","close-square","close","cloud-download-o","cloud-download","cloud-upload-o","cloud-upload","coffee","component","copy","copyright","css3","cut","d-arrow-left","d-arrow-right","d-caret","dashboard","date","delete","dingding","dislike-o","document","dot-chart","circle-o","down-circle-o","down-circle","down-square-o","down-square","square-o","download","edit","enter","environment-o","environment","eye-o","eye","facebook","file-add","file-excel","file-jpg","file-pdf","file-text","file-unknown","filter","firefox","folder-add","folder-open","folder","forward","foursquare","frown-o","frown","github-o","github","global","heart-off","heart-on","home","html5","ie","inbox","information-o","information","laptop","left-circle-o","left-circle","left-square-o","left-square","like-o","link","linkedin","linux","loading","lock","login","logout","man","map","meh-o","meh","menu-fold","menu-unfold","menu","mail","mail-o","message","minus-circle-o","minus-circle","minus-square-o","minus-square","minus","mobile","more","notification","opera","paper-clip","pause-circle-o","pause-circle","pause","pay-circle-o","pay","picasa","picture","pie-chart","pinterest","play-circle-o","play-circle","plus-circle-o","plus-circle","plus-square-o","plus-square","plus","poweroff","printer","qq","qrcode","question-circle-o","question-circle","reddit","reload","right-circle-o","right-circle","right-square-o","right-square","rollback","safari","safety","save","search","setting-o","setting","share","shopping-cart","shrink","smile-o","smile","star-off","star-on","swap-left","swap-right","swap","table","tag-o","tag","tags-o","tags","taobao","time-o","time","twitter","uiw","unlock","up-circle-o","up-circle","up-square-o","up-square","upload","user-add","user-delete","user","usergroup-add","usergroup-delete","verification","verticle-left","verticle-right","video-camera","warning-o","warning","weibo","weixin","wifi","windows","woman","zoom-in","zoom-out","stop-o","stop"],p={fontSize:26,minWidth:120,background:"#eaeaea",marginBottom:10,marginRight:10,padding:"20px 0",display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",justifyContent:"center",fill:"#525252"};return function(e){!function(e,n){if("function"!==typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),n&&c(e,n)}(f,e);var n,t,l,s=u(f);function f(e){var n;return o(this,f),(n=s.call(this,e)).state={len:0,result:[]},n}return n=f,(t=[{key:"onChange",value:function(e){var n=e.target.value,t=n?d.filter((function(e){return e.indexOf(n)>-1})):[],r=t.length,i=t.splice(0,15);this.setState({len:r,result:i})}},{key:"render",value:function(){var e=this.state,n=e.len,t=e.result;return r.default.createElement("div",null,r.default.createElement(i.Input,{preIcon:"search",placeholder:"\u8bf7\u8f93\u5165\u56fe\u6807\u540d\u79f0",type:"text",style:{maxWidth:200},onChange:this.onChange.bind(this)}),r.default.createElement("div",{style:{padding:"10px 0"}},"\u641c\u7d22\u5230 ",this.state.len," \u4e2a\u7ed3\u679c",n>0&&r.default.createElement("span",null,"\uff0c\u4e0b\u9762\u5c55\u793a ",n>15?"15":n," \u4e2a\u56fe\u6807\uff0c\u53ef\u4ee5\u70b9\u51fb\u590d\u5236\u56fe\u6807\u4ee3\u7801: ")),r.default.createElement("div",{style:{display:"flex",flexWrap:"wrap",marginBottom:-10,marginRight:-10}},t.map((function(e,n){var t='<Icon type="'.concat(e,'" />');return r.default.createElement(i.CopyToClipboard,{key:n,style:p,text:t,onClick:function(){i.Notify.success({title:"\u4f60\u5df2\u590d\u5236\u5185\u5bb9\uff01",description:r.default.createElement("span",null,"\u5df2\u590d\u5236 ",r.default.createElement("b",{style:{color:"red"}},t)," \u53ef\u4ee5\u53bb\u7c98\u8d34\u4e86\uff01")})}},r.default.createElement("div",{key:n},r.default.createElement(i.Icon,{type:e}),r.default.createElement("div",{style:{color:"#525252",fontSize:12,paddingTop:8}},e)))}))))}}])&&a(n.prototype,t),l&&a(n,l),Object.defineProperty(n,"prototype",{writable:!1}),f}(r.default.Component)}(),123:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);return function(){return n.default.createElement("div",{style:{fontSize:18,lineHeight:"12px"}},n.default.createElement(r.Icon,{type:"heart-on"}),n.default.createElement(r.Icon,{type:"pie-chart"}),n.default.createElement(r.Icon,{type:"tag"}))}}(),142:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);return function(){return n.default.createElement("div",{style:{fontSize:"28px"}},n.default.createElement(r.Icon,{type:"heart-on"}),n.default.createElement(r.Icon,{type:"pie-chart"}),n.default.createElement(r.Icon,{type:"tag"}))}}(),164:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);return function(){return n.default.createElement("div",{style:{fontSize:"28px",color:"green"}},n.default.createElement(r.Icon,{type:"apple",color:"red"}),n.default.createElement(r.Icon,{type:"pie-chart",style:{fill:"currentColor"}}),n.default.createElement(r.Icon,{type:"frown",style:{fill:"blue"}}),n.default.createElement(r.Icon,{type:"uiw",style:{stroke:"red",fill:"#ffef00"}}))}}(),182:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);return function(){return n.default.createElement("div",null,n.default.createElement("h3",{style:{margin:0}},"Exit ",n.default.createElement(r.Icon,{verticalAlign:"baseline",type:"baidu"})),n.default.createElement("span",null,"uiw"),n.default.createElement(r.Icon,{type:"uiw",verticalAlign:"baseline",style:{fill:"#009688",fontSize:21}}))}}(),206:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);return function(){return n.default.createElement("div",null,n.default.createElement(r.Icon,{type:"circle-close",verticalAlign:"baseline"})," \u56fe\u6807\u540d\u79f0\uff1acircle-close\uff0c[circle\u5708]-[\u5173\u95edclose]",n.default.createElement("br",null),n.default.createElement(r.Icon,{type:"circle-close-o",verticalAlign:"baseline"})," \u56fe\u6807\u540d\u79f0\uff1acircle-close-o\uff0c[circle\u5708]-[\u5173\u95edclose]-[o\u63cf\u7ebf]")}}(),225:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);return function(){return n.default.createElement("div",{style:{fontSize:21,color:"green"}},n.default.createElement(r.Icon,{type:"loading",spin:!0,color:"red"}),n.default.createElement(r.Icon,{type:"reload",spin:!0}),n.default.createElement(r.Icon,{type:"picasa",spin:!0,style:{fill:"blue"}}),n.default.createElement(r.Icon,{type:"smile-o",spin:!0,style:{fill:"blue"}}))}}(),243:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);var i=n.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},n.default.createElement("path",{d:"M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z",fillRule:"evenodd"})),o=n.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20"},n.default.createElement("path",{d:"M19 8h-1.26c-.19-.73-.48-1.42-.85-2.06l.94-.94a.996.996 0 0 0 0-1.41l-1.41-1.41a.996.996 0 0 0-1.41 0l-.94.94c-.65-.38-1.34-.67-2.07-.86V1c0-.55-.45-1-1-1H9c-.55 0-1 .45-1 1v1.26c-.76.2-1.47.5-2.13.89L5 2.28a.972.972 0 0 0-1.36 0L2.28 3.64c-.37.38-.37.98 0 1.36l.87.87c-.39.66-.69 1.37-.89 2.13H1c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1h1.26c.19.73.48 1.42.85 2.06l-.94.94a.996.996 0 0 0 0 1.41l1.41 1.41c.39.39 1.02.39 1.41 0l.94-.94c.64.38 1.33.66 2.06.85V19c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-1.26c.76-.2 1.47-.5 2.13-.89l.88.87c.37.37.98.37 1.36 0l1.36-1.36c.37-.38.37-.98 0-1.36l-.87-.87c.4-.65.7-1.37.89-2.13H19c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zm-9 7c-2.76 0-5-2.24-5-5s2.24-5 5-5v10z",fillRule:"evenodd"})),a={marginRight:10};return function(){return n.default.createElement("div",{style:{fontSize:21,color:"green"}},n.default.createElement(r.Icon,{style:a,type:i,color:"red"}),n.default.createElement(r.Icon,{style:a,type:o,spin:!0}))}}(),316:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);var i=["circle-o","down-square-o","down-square","up-square-o","up-square","left-square-o","left-square","right-square-o","right-square"],o={fontSize:18,minWidth:120,background:"#eaeaea",marginBottom:10,marginRight:10,padding:"20px 0",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",fill:"#525252"};return function(){return n.default.createElement("div",{style:{display:"flex",flexWrap:"wrap",marginBottom:-10,marginRight:-10}},i.map((function(e,t){return n.default.createElement("div",{key:t,style:o},n.default.createElement(r.Icon,{type:e}),n.default.createElement("div",{style:{color:"#525252",fontSize:12,paddingTop:8}},e))})))}}(),346:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);var i=["square-o","down-circle-o","down-circle","up-circle-o","up-circle","left-circle-o","left-circle","right-circle-o","right-circle","play-circle-o","play-circle"],o={fontSize:18,minWidth:120,background:"#eaeaea",marginBottom:10,marginRight:10,padding:"20px 0",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",fill:"#525252"};return function(){return n.default.createElement("div",{style:{display:"flex",flexWrap:"wrap",marginBottom:-10,marginRight:-10}},i.map((function(e,t){return n.default.createElement("div",{key:t,style:o},n.default.createElement(r.Icon,{type:e}),n.default.createElement("div",{style:{color:"#525252",fontSize:12,paddingTop:8}},e))})))}}(),376:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);var i=["down","up","left","right","caret-down","caret-up","caret-left","caret-right","arrow-down","arrow-up","arrow-left","arrow-right","shrink","arrows-alt","d-arrow-left","d-arrow-right","enter","rollback","d-caret","backward","forward","logout","login","swap-left","swap-right","swap","verticle-left","verticle-right","menu","menu-fold","menu-unfold"],o={fontSize:18,minWidth:120,background:"#eaeaea",marginBottom:10,marginRight:10,padding:"20px 0",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",fill:"#525252"};return function(){return n.default.createElement("div",{style:{display:"flex",flexWrap:"wrap",marginBottom:-10,marginRight:-10}},i.map((function(e,t){return n.default.createElement("div",{key:t,style:o},n.default.createElement(r.Icon,{type:e}),n.default.createElement("div",{style:{color:"#525252",fontSize:12,paddingTop:8}},e))})))}}(),410:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);var i=["smile-o","smile","frown-o","frown","meh-o","meh","pause-circle-o","pause","pause-circle","information-o","information","warning-o","warning","question-circle-o","question-circle","stop-o","stop"],o={fontSize:18,minWidth:120,background:"#eaeaea",marginBottom:10,marginRight:10,padding:"20px 0",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",fill:"#525252"};return function(){return n.default.createElement("div",{style:{display:"flex",flexWrap:"wrap",marginBottom:-10,marginRight:-10}},i.map((function(e,t){return n.default.createElement("div",{key:t,style:o},n.default.createElement(r.Icon,{type:e}),n.default.createElement("div",{style:{color:"#525252",fontSize:12,paddingTop:8}},e))})))}}(),442:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);var i=["plus","plus-circle-o","plus-circle","plus-square","plus-square-o","minus","minus-circle-o","minus-circle","minus-square","minus-square-o","close","circle-close-o","circle-close","close-square","close-square-o","asterisk","check","circle-check-o","circle-check","check-square","check-square-o","copyright"],o={fontSize:18,minWidth:120,background:"#eaeaea",marginBottom:10,marginRight:10,padding:"20px 0",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",fill:"#525252"};return function(){return n.default.createElement("div",{style:{display:"flex",flexWrap:"wrap",marginBottom:-10,marginRight:-10}},i.map((function(e,t){return n.default.createElement("div",{key:t,style:o},n.default.createElement(r.Icon,{type:e}),n.default.createElement("div",{style:{color:"#525252",fontSize:12,paddingTop:8}},e))})))}}(),476:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);var i=["file-text","file-jpg","file-unknown","file-add","file-excel","file-pdf","folder-add","folder-open","paper-clip"],o={fontSize:18,minWidth:120,background:"#eaeaea",marginBottom:10,marginRight:10,padding:"20px 0",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",fill:"#525252"};return function(){return n.default.createElement("div",{style:{display:"flex",flexWrap:"wrap",marginBottom:-10,marginRight:-10}},i.map((function(e,t){return n.default.createElement("div",{key:t,style:o},n.default.createElement(r.Icon,{type:e}),n.default.createElement("div",{style:{color:"#525252",fontSize:12,paddingTop:8}},e))})))}}(),507:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);var i=["heart-off","heart-on","star-on","star-off","lock","unlock","dashboard","area-chart","bar-chart","dot-chart","pie-chart","dislike-o","like-o","loading","reload","appstore","appstore-o","tag","tag-o","tags","tags-o","setting","setting-o","map","table","qrcode","barcode","printer","cloud-upload","cloud-upload-o","cloud-download","cloud-download-o","download","message","mail","mail-o","user","user-add","user-delete","usergroup-add","usergroup-delete","zoom-in","zoom-out","time","time-o","bell","camera-o","coffee","document","delete","date","edit","eye-o","environment-o","filter","global","inbox","home","laptop","link","copy","more","shopping-cart","search","save","safety","poweroff","picasa","notification","pay-circle-o","pay","picture","woman","man","verification","wifi","video-camera","mobile"],o={fontSize:18,minWidth:120,background:"#eaeaea",marginBottom:10,marginRight:10,padding:"20px 0",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",fill:"#525252"};return function(){return n.default.createElement("div",{style:{display:"flex",flexWrap:"wrap",marginBottom:-10,marginRight:-10}},i.map((function(e,t){return n.default.createElement("div",{key:t,style:o},n.default.createElement(r.Icon,{type:e}),n.default.createElement("div",{style:{color:"#525252",fontSize:12,paddingTop:8}},e))})))}}(),544:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);var i=["uiw","windows","linux","apple","facebook","twitter","adobe","baidu","alipay","android-o","android","reddit","github","github-o","aliwangwang","dingding","foursquare","linkedin","pinterest","qq","weibo","taobao","weixin","css3","html5"],o={fontSize:18,minWidth:120,background:"#eaeaea",marginBottom:10,marginRight:10,padding:"20px 0",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",fill:"#525252"};return function(){return n.default.createElement("div",{style:{display:"flex",flexWrap:"wrap",marginBottom:-10,marginRight:-10}},i.map((function(e,t){return n.default.createElement("div",{key:t,style:o},n.default.createElement(r.Icon,{type:e}),n.default.createElement("div",{style:{color:"#525252",fontSize:12,paddingTop:8}},e))})))}}(),573:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);var i=["chrome","safari","firefox","opera","ie"],o={fontSize:18,minWidth:120,background:"#eaeaea",marginBottom:10,marginRight:10,padding:"20px 0",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",fill:"#525252"};return function(){return n.default.createElement("div",{style:{display:"flex",flexWrap:"wrap",marginBottom:-10,marginRight:-10}},i.map((function(e,t){return n.default.createElement("div",{key:t,style:o},n.default.createElement(r.Icon,{type:e}),n.default.createElement("div",{style:{color:"#525252",fontSize:12,paddingTop:8}},e))})))}}()},data:{19:{name:19,meta:{bg:"#fff"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\nfunction _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\nvar icons = ["adobe", "alipay", "aliwangwang", "android-o", "android", "apple", "appstore-o", "appstore", "area-chart", "down", "left", "right", "up", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "arrows-alt", "asterisk", "backward", "baidu", "bar-chart", "barcode", "bell", "camera-o", "caret-down", "caret-left", "caret-right", "caret-up", "check-square-o", "check-square", "check", "chrome", "circle-check-o", "circle-check", "circle-close-o", "circle-close", "close-square-o", "close-square", "close", "cloud-download-o", "cloud-download", "cloud-upload-o", "cloud-upload", "coffee", "component", "copy", "copyright", "css3", "cut", "d-arrow-left", "d-arrow-right", "d-caret", "dashboard", "date", "delete", "dingding", "dislike-o", "document", "dot-chart", "circle-o", "down-circle-o", "down-circle", "down-square-o", "down-square", "square-o", "download", "edit", "enter", "environment-o", "environment", "eye-o", "eye", "facebook", "file-add", "file-excel", "file-jpg", "file-pdf", "file-text", "file-unknown", "filter", "firefox", "folder-add", "folder-open", "folder", "forward", "foursquare", "frown-o", "frown", "github-o", "github", "global", "heart-off", "heart-on", "home", "html5", "ie", "inbox", "information-o", "information", "laptop", "left-circle-o", "left-circle", "left-square-o", "left-square", "like-o", "link", "linkedin", "linux", "loading", "lock", "login", "logout", "man", "map", "meh-o", "meh", "menu-fold", "menu-unfold", "menu", "mail", "mail-o", "message", "minus-circle-o", "minus-circle", "minus-square-o", "minus-square", "minus", "mobile", "more", "notification", "opera", "paper-clip", "pause-circle-o", "pause-circle", "pause", "pay-circle-o", "pay", "picasa", "picture", "pie-chart", "pinterest", "play-circle-o", "play-circle", "plus-circle-o", "plus-circle", "plus-square-o", "plus-square", "plus", "poweroff", "printer", "qq", "qrcode", "question-circle-o", "question-circle", "reddit", "reload", "right-circle-o", "right-circle", "right-square-o", "right-square", "rollback", "safari", "safety", "save", "search", "setting-o", "setting", "share", "shopping-cart", "shrink", "smile-o", "smile", "star-off", "star-on", "swap-left", "swap-right", "swap", "table", "tag-o", "tag", "tags-o", "tags", "taobao", "time-o", "time", "twitter", "uiw", "unlock", "up-circle-o", "up-circle", "up-square-o", "up-square", "upload", "user-add", "user-delete", "user", "usergroup-add", "usergroup-delete", "verification", "verticle-left", "verticle-right", "video-camera", "warning-o", "warning", "weibo", "weixin", "wifi", "windows", "woman", "zoom-in", "zoom-out", \'stop-o\', \'stop\'];\nvar itemStyl = {\n fontSize: 26,\n minWidth: 120,\n background: \'#eaeaea\',\n marginBottom: 10,\n marginRight: 10,\n padding: \'20px 0\',\n display: \'flex\',\n flexDirection: \'column\',\n alignItems: \'center\',\n textAlign: \'center\',\n justifyContent: \'center\',\n fill: \'#525252\'\n};\nvar Demo = /*#__PURE__*/function (_React$Component) {\n _inherits(Demo, _React$Component);\n var _super = _createSuper(Demo);\n function Demo(props) {\n var _this;\n _classCallCheck(this, Demo);\n _this = _super.call(this, props);\n _this.state = {\n len: 0,\n result: []\n };\n return _this;\n }\n _createClass(Demo, [{\n key: "onChange",\n value: function onChange(env) {\n var value = env.target.value;\n var data = value ? icons.filter(function (item) {\n return item.indexOf(value) > -1;\n }) : [];\n var len = data.length;\n var result = data.splice(0, 15);\n this.setState({\n len: len,\n result: result\n });\n }\n }, {\n key: "render",\n value: function render() {\n var _this$state = this.state,\n len = _this$state.len,\n result = _this$state.result;\n return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n preIcon: "search",\n placeholder: "\\u8BF7\\u8F93\\u5165\\u56FE\\u6807\\u540D\\u79F0",\n type: "text",\n style: {\n maxWidth: 200\n },\n onChange: this.onChange.bind(this)\n }), /*#__PURE__*/_react["default"].createElement("div", {\n style: {\n padding: \'10px 0\'\n }\n }, "\\u641C\\u7D22\\u5230 ", this.state.len, " \\u4E2A\\u7ED3\\u679C", len > 0 && /*#__PURE__*/_react["default"].createElement("span", null, "\\uFF0C\\u4E0B\\u9762\\u5C55\\u793A ", len > 15 ? \'15\' : len, " \\u4E2A\\u56FE\\u6807\\uFF0C\\u53EF\\u4EE5\\u70B9\\u51FB\\u590D\\u5236\\u56FE\\u6807\\u4EE3\\u7801: ")), /*#__PURE__*/_react["default"].createElement("div", {\n style: {\n display: \'flex\',\n flexWrap: \'wrap\',\n marginBottom: -10,\n marginRight: -10\n }\n }, result.map(function (type, idx) {\n var iconTxt = "<Icon type=\\"".concat(type, "\\" />");\n return /*#__PURE__*/_react["default"].createElement(_uiw.CopyToClipboard, {\n key: idx,\n style: itemStyl,\n text: iconTxt,\n onClick: function onClick() {\n _uiw.Notify.success({\n title: \'\u4f60\u5df2\u590d\u5236\u5185\u5bb9\uff01\',\n description: /*#__PURE__*/_react["default"].createElement("span", null, "\\u5DF2\\u590D\\u5236 ", /*#__PURE__*/_react["default"].createElement("b", {\n style: {\n color: \'red\'\n }\n }, iconTxt), " \\u53EF\\u4EE5\\u53BB\\u7C98\\u8D34\\u4E86\\uFF01")\n });\n }\n }, /*#__PURE__*/_react["default"].createElement("div", {\n key: idx\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: type\n }), /*#__PURE__*/_react["default"].createElement("div", {\n style: {\n color: \'#525252\',\n fontSize: 12,\n paddingTop: 8\n }\n }, type)));\n })));\n }\n }]);\n return Demo;\n}(_react["default"].Component);\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Input, CopyToClipboard, Icon, Notify } from \'uiw\';\n\nconst icons = ["adobe", "alipay", "aliwangwang", "android-o", "android", "apple", "appstore-o", "appstore", "area-chart", "down", "left", "right", "up", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "arrows-alt", "asterisk", "backward", "baidu", "bar-chart", "barcode", "bell", "camera-o", "caret-down", "caret-left", "caret-right", "caret-up", "check-square-o", "check-square", "check", "chrome", "circle-check-o", "circle-check", "circle-close-o", "circle-close", "close-square-o", "close-square", "close", "cloud-download-o", "cloud-download", "cloud-upload-o", "cloud-upload", "coffee", "component", "copy", "copyright", "css3", "cut", "d-arrow-left", "d-arrow-right", "d-caret", "dashboard", "date", "delete", "dingding", "dislike-o", "document", "dot-chart", "circle-o", "down-circle-o", "down-circle", "down-square-o", "down-square", "square-o", "download", "edit", "enter", "environment-o", "environment", "eye-o", "eye", "facebook", "file-add", "file-excel", "file-jpg", "file-pdf", "file-text", "file-unknown", "filter", "firefox", "folder-add", "folder-open", "folder", "forward", "foursquare", "frown-o", "frown", "github-o", "github", "global", "heart-off", "heart-on", "home", "html5", "ie", "inbox", "information-o", "information", "laptop", "left-circle-o", "left-circle", "left-square-o", "left-square", "like-o", "link", "linkedin", "linux", "loading", "lock", "login", "logout", "man", "map", "meh-o", "meh", "menu-fold", "menu-unfold", "menu", "mail", "mail-o", "message", "minus-circle-o", "minus-circle", "minus-square-o", "minus-square", "minus", "mobile", "more", "notification", "opera", "paper-clip", "pause-circle-o", "pause-circle", "pause", "pay-circle-o", "pay", "picasa", "picture", "pie-chart", "pinterest", "play-circle-o", "play-circle", "plus-circle-o", "plus-circle", "plus-square-o", "plus-square", "plus", "poweroff", "printer", "qq", "qrcode", "question-circle-o", "question-circle", "reddit", "reload", "right-circle-o", "right-circle", "right-square-o", "right-square", "rollback", "safari", "safety", "save", "search", "setting-o", "setting", "share", "shopping-cart", "shrink", "smile-o", "smile", "star-off", "star-on", "swap-left", "swap-right", "swap", "table", "tag-o", "tag", "tags-o", "tags", "taobao", "time-o", "time", "twitter", "uiw", "unlock", "up-circle-o", "up-circle", "up-square-o", "up-square", "upload", "user-add", "user-delete", "user", "usergroup-add", "usergroup-delete", "verification", "verticle-left", "verticle-right", "video-camera", "warning-o", "warning", "weibo", "weixin", "wifi", "windows", "woman", "zoom-in", "zoom-out", \'stop-o\', \'stop\'];\nconst itemStyl = {\n fontSize: 26, minWidth: 120, background: \'#eaeaea\', marginBottom: 10, marginRight: 10, padding: \'20px 0\',\n display: \'flex\', flexDirection: \'column\', alignItems: \'center\', textAlign: \'center\', justifyContent: \'center\', fill: \'#525252\',\n}\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n len: 0,\n result: [],\n }\n }\n onChange(env) {\n const value = env.target.value;\n const data = value ? icons.filter((item) => item.indexOf(value) > -1) : [];\n const len = data.length;\n const result = data.splice(0, 15);\n this.setState({ len, result });\n }\n render() {\n const { len, result } = this.state;\n return (\n <div>\n <Input preIcon="search" placeholder="\u8bf7\u8f93\u5165\u56fe\u6807\u540d\u79f0" type="text" style={{ maxWidth: 200 }} onChange={this.onChange.bind(this)} />\n <div style={{ padding: \'10px 0\' }}>\n \u641c\u7d22\u5230 {this.state.len} \u4e2a\u7ed3\u679c{len > 0 && <span>\uff0c\u4e0b\u9762\u5c55\u793a {len > 15 ? \'15\' : len} \u4e2a\u56fe\u6807\uff0c\u53ef\u4ee5\u70b9\u51fb\u590d\u5236\u56fe\u6807\u4ee3\u7801: </span>}\n </div>\n <div style={{ display: \'flex\', flexWrap: \'wrap\', marginBottom: -10, marginRight: -10 }}>\n {result.map((type, idx) => {\n const iconTxt = `<Icon type="${type}" />`;\n return (\n <CopyToClipboard\n key={idx}\n style={itemStyl}\n text={iconTxt}\n onClick={() => {\n Notify.success({\n title: \'\u4f60\u5df2\u590d\u5236\u5185\u5bb9\uff01\',\n description: (\n <span>\n \u5df2\u590d\u5236 <b style={{ color: \'red\' }}>{iconTxt}</b> \u53ef\u4ee5\u53bb\u7c98\u8d34\u4e86\uff01\n </span>\n ),\n });\n }}\n >\n <div key={idx}>\n <Icon type={type} />\n <div style={{ color: \'#525252\', fontSize: 12, paddingTop: 8 }}>{type}</div>\n </div>\n </CopyToClipboard>\n )\n })}\n </div>\n </div>\n );\n }\n}\n\nexport default Demo;'},123:{name:123,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 return /*#__PURE__*/_react["default"].createElement("div", {\n style: {\n fontSize: 18,\n lineHeight: \'12px\'\n }\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "heart-on"\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "pie-chart"\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "tag"\n }));\n};',language:"jsx",value:"import React from 'react';\nimport { Icon } from 'uiw';\n\nexport default function Demo() {\n return (\n <div style={{ fontSize: 18, lineHeight: '12px' }}>\n <Icon type=\"heart-on\" />\n <Icon type=\"pie-chart\" />\n <Icon type=\"tag\" />\n </div>\n );\n}"},142:{name:142,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 return /*#__PURE__*/_react["default"].createElement("div", {\n style: {\n fontSize: \'28px\'\n }\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "heart-on"\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "pie-chart"\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "tag"\n }));\n};',language:"jsx",value:"import React from 'react';\nimport { Icon } from 'uiw';\n\nexport default function Demo() {\n return (\n <div style={{ fontSize: '28px' }}>\n <Icon type=\"heart-on\" />\n <Icon type=\"pie-chart\" />\n <Icon type=\"tag\" />\n </div>\n );\n}"},164:{name:164,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 return /*#__PURE__*/_react["default"].createElement("div", {\n style: {\n fontSize: \'28px\',\n color: \'green\'\n }\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "apple",\n color: "red"\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "pie-chart",\n style: {\n fill: \'currentColor\'\n }\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "frown",\n style: {\n fill: \'blue\'\n }\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "uiw",\n style: {\n stroke: \'red\',\n fill: \'#ffef00\'\n }\n }));\n};',language:"jsx",value:"import React from 'react';\nimport { Icon } from 'uiw';\n\nexport default function Demo() {\n return (\n <div style={{ fontSize: '28px',color: 'green' }}>\n <Icon type=\"apple\" color=\"red\" />\n <Icon type=\"pie-chart\" style={{fill: 'currentColor'}} />\n <Icon type=\"frown\" style={{fill: 'blue'}} />\n <Icon type=\"uiw\" style={{stroke: 'red',fill: '#ffef00'}} />\n </div>\n );\n}"},182:{name:182,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 return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h3", {\n style: {\n margin: 0\n }\n }, "Exit ", /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n verticalAlign: "baseline",\n type: "baidu"\n })), /*#__PURE__*/_react["default"].createElement("span", null, "uiw"), /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "uiw",\n verticalAlign: "baseline",\n style: {\n fill: \'#009688\',\n fontSize: 21\n }\n }));\n};',language:"jsx",value:'import React from \'react\';\nimport { Icon } from \'uiw\';\n\nexport default function Demo() {\n return (\n <div>\n <h3 style={{ margin: 0 }}>Exit <Icon verticalAlign="baseline" type="baidu" /></h3>\n <span>uiw</span><Icon type="uiw" verticalAlign="baseline" style={{ fill: \'#009688\', fontSize: 21 }} />\n </div>\n );\n}'},206:{name:206,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 return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "circle-close",\n verticalAlign: "baseline"\n }), " \\u56FE\\u6807\\u540D\\u79F0\\uFF1Acircle-close\\uFF0C[circle\\u5708]-[\\u5173\\u95EDclose]", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "circle-close-o",\n verticalAlign: "baseline"\n }), " \\u56FE\\u6807\\u540D\\u79F0\\uFF1Acircle-close-o\\uFF0C[circle\\u5708]-[\\u5173\\u95EDclose]-[o\\u63CF\\u7EBF]");\n};',language:"jsx",value:'import React from \'react\';\nimport { Icon } from \'uiw\';\n\nexport default function Demo() {\n return (\n <div>\n <Icon type="circle-close" verticalAlign="baseline" /> \u56fe\u6807\u540d\u79f0\uff1acircle-close\uff0c[circle\u5708]-[\u5173\u95edclose]\n <br/>\n <Icon type="circle-close-o" verticalAlign="baseline" /> \u56fe\u6807\u540d\u79f0\uff1acircle-close-o\uff0c[circle\u5708]-[\u5173\u95edclose]-[o\u63cf\u7ebf]\n </div>\n );\n}'},225:{name:225,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 return /*#__PURE__*/_react["default"].createElement("div", {\n style: {\n fontSize: 21,\n color: \'green\'\n }\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "loading",\n spin: true,\n color: "red"\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "reload",\n spin: true\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "picasa",\n spin: true,\n style: {\n fill: \'blue\'\n }\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "smile-o",\n spin: true,\n style: {\n fill: \'blue\'\n }\n }));\n};',language:"jsx",value:"import React from 'react';\nimport { Icon } from 'uiw';\n\nexport default function Demo() {\n return (\n <div style={{ fontSize: 21, color: 'green' }}>\n <Icon type=\"loading\" spin={true} color=\"red\" />\n <Icon type=\"reload\" spin={true} />\n <Icon type=\"picasa\" spin={true} style={{fill: 'blue'}} />\n <Icon type=\"smile-o\" spin={true} style={{fill: 'blue'}} />\n </div>\n );\n}"},243:{name:243,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 }; }\nvar chat = /*#__PURE__*/_react["default"].createElement("svg", {\n width: "20",\n height: "20",\n viewBox: "0 0 20 20"\n}, /*#__PURE__*/_react["default"].createElement("path", {\n d: "M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z",\n fillRule: "evenodd"\n}));\nvar contrast = /*#__PURE__*/_react["default"].createElement("svg", {\n width: "20",\n height: "20",\n viewBox: "0 0 20 20"\n}, /*#__PURE__*/_react["default"].createElement("path", {\n d: "M19 8h-1.26c-.19-.73-.48-1.42-.85-2.06l.94-.94a.996.996 0 0 0 0-1.41l-1.41-1.41a.996.996 0 0 0-1.41 0l-.94.94c-.65-.38-1.34-.67-2.07-.86V1c0-.55-.45-1-1-1H9c-.55 0-1 .45-1 1v1.26c-.76.2-1.47.5-2.13.89L5 2.28a.972.972 0 0 0-1.36 0L2.28 3.64c-.37.38-.37.98 0 1.36l.87.87c-.39.66-.69 1.37-.89 2.13H1c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1h1.26c.19.73.48 1.42.85 2.06l-.94.94a.996.996 0 0 0 0 1.41l1.41 1.41c.39.39 1.02.39 1.41 0l.94-.94c.64.38 1.33.66 2.06.85V19c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-1.26c.76-.2 1.47-.5 2.13-.89l.88.87c.37.37.98.37 1.36 0l1.36-1.36c.37-.38.37-.98 0-1.36l-.87-.87c.4-.65.7-1.37.89-2.13H19c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zm-9 7c-2.76 0-5-2.24-5-5s2.24-5 5-5v10z",\n fillRule: "evenodd"\n}));\nvar styl = {\n marginRight: 10\n};\nreturn function Demo() {\n return /*#__PURE__*/_react["default"].createElement("div", {\n style: {\n fontSize: 21,\n color: \'green\'\n }\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n style: styl,\n type: chat,\n color: "red"\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n style: styl,\n type: contrast,\n spin: true\n }));\n};',language:"jsx",value:'import React from \'react\';\nimport { Icon } from \'uiw\';\n\nconst chat = (\n <svg width="20" height="20" viewBox="0 0 20 20">\n <path d="M19 0H7c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h5.59l3.71 3.71c.17.18.42.29.7.29.55 0 1-.45 1-1v-3h1c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zM7 13c-1.1 0-2-.9-2-2V4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h1v3a1.003 1.003 0 0 0 1.71.71L7.41 16H13c.55 0 1-.45 1-1v-.17L12.17 13H7z" fillRule="evenodd" />\n </svg>\n)\nconst contrast = (\n <svg width="20" height="20" viewBox="0 0 20 20">\n <path d="M19 8h-1.26c-.19-.73-.48-1.42-.85-2.06l.94-.94a.996.996 0 0 0 0-1.41l-1.41-1.41a.996.996 0 0 0-1.41 0l-.94.94c-.65-.38-1.34-.67-2.07-.86V1c0-.55-.45-1-1-1H9c-.55 0-1 .45-1 1v1.26c-.76.2-1.47.5-2.13.89L5 2.28a.972.972 0 0 0-1.36 0L2.28 3.64c-.37.38-.37.98 0 1.36l.87.87c-.39.66-.69 1.37-.89 2.13H1c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1h1.26c.19.73.48 1.42.85 2.06l-.94.94a.996.996 0 0 0 0 1.41l1.41 1.41c.39.39 1.02.39 1.41 0l.94-.94c.64.38 1.33.66 2.06.85V19c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-1.26c.76-.2 1.47-.5 2.13-.89l.88.87c.37.37.98.37 1.36 0l1.36-1.36c.37-.38.37-.98 0-1.36l-.87-.87c.4-.65.7-1.37.89-2.13H19c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1zm-9 7c-2.76 0-5-2.24-5-5s2.24-5 5-5v10z" fillRule="evenodd" />\n </svg>\n)\nconst styl = { marginRight: 10 };\n\nexport default function Demo() {\n return (\n <div style={{ fontSize: 21, color: \'green\' }}>\n <Icon style={styl} type={chat} color="red" />\n <Icon style={styl} type={contrast} spin={true} />\n </div>\n );\n}'},316:{name:316,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 }; }\nvar iconList = ['circle-o', 'down-square-o', 'down-square', 'up-square-o', 'up-square', 'left-square-o', 'left-square', 'right-square-o', 'right-square'];\nvar itemStyl = {\n fontSize: 18,\n minWidth: 120,\n background: '#eaeaea',\n marginBottom: 10,\n marginRight: 10,\n padding: '20px 0',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n fill: '#525252'\n};\nreturn function Demo() {\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n style: {\n display: 'flex',\n flexWrap: 'wrap',\n marginBottom: -10,\n marginRight: -10\n }\n }, iconList.map(function (type, idx) {\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n key: idx,\n style: itemStyl\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n type: type\n }), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n style: {\n color: '#525252',\n fontSize: 12,\n paddingTop: 8\n }\n }, type));\n }));\n};",language:"jsx",value:"import React from 'react';\nimport { Icon } from 'uiw';\n\nconst iconList = [\n 'circle-o', 'down-square-o','down-square','up-square-o', 'up-square','left-square-o','left-square', 'right-square-o', 'right-square',\n]\nconst itemStyl = {\n fontSize: 18, minWidth: 120, background: '#eaeaea', marginBottom: 10, marginRight: 10, padding: '20px 0',\n display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', fill: '#525252',\n}\n\nexport default function Demo() {\n return (\n <div style={{ display: 'flex', flexWrap: 'wrap', marginBottom: -10, marginRight: -10 }}>\n {iconList.map((type, idx) => {\n return (\n <div key={idx} style={itemStyl}>\n <Icon type={type} />\n <div style={{ color: '#525252', fontSize: 12, paddingTop: 8 }}>{type}</div>\n </div>\n )\n })}\n </div>\n );\n}"},346:{name:346,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 }; }\nvar iconList = ['square-o', 'down-circle-o', 'down-circle', 'up-circle-o', 'up-ci