@uiw/doc
Version:
UIW documentation website.
1 lines • 85.8 kB
JavaScript
(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[5704],{4934:e=>{function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=()=>[],t.resolve=t,t.id=4934,e.exports=t},5301:(e,t,n)=>{"use strict";n.d(t,{Z:()=>m});var r=n(8573),o=n(6320),a=n(8563),l=n(7622),i=n(7937);const u={docinfo:"index_docinfo__3Vx8S",markdown:"index_markdown__hcQCp",markdownWrap:"index_markdownWrap__t60jR"};var c=n(4760);function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{path:t}=e,n=/^http/.test(t||"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,c.jsxs)("div",{className:u.docinfo,children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",n&&(0,c.jsx)("a",{href:n,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)(i.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)(i.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,c.jsx)(i.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,c.jsx)(i.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)(i.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}const f=o.ZP.Preview,p=o.ZP.Code,d=o.ZP.Toolbar,_=e=>{var t,n;let{node:l,components:i,data:u,...s}=e;const _=(0,r.useRef)(null),{headings:m,headingsList:g,...b}=s;(0,r.useEffect)((()=>{if(_.current){const e=_.current.parentElement;e&&e.parentElement&&e.parentElement.replaceChild(_.current,e)}}),[_]);const v=null===l||void 0===l||null===(t=l.position)||void 0===t?void 0:t.start.line,y=null===l||void 0===l||null===(n=l.data)||void 0===n?void 0:n.meta,h=(0,a.Mx)(y)||String(v),E=i["".concat(h)];if(h&&"function"===typeof E){const e=u[h].value||"",t=(0,a.aE)(y||"");return(0,c.jsxs)(o.ZP,{ref:_,children:[(0,c.jsx)(f,{style:{background:t.bg||"transparent"},children:(0,c.jsx)(E,{})}),(0,c.jsx)(d,{text:e,children:t.title||"Example"}),(0,c.jsx)(p,{children:(0,c.jsx)("pre",{...b})})]})}return(0,c.jsx)("code",{...b})};function m(e){return(0,c.jsxs)(r.Fragment,{children:[(0,c.jsx)(l.Z,{className:u.markdownWrap,source:e.source||"",disableCopy:!0,wrapperElement:{"data-color-mode":"light"},components:{code:t=>(0,c.jsx)(_,{...e,...t})}}),(0,c.jsx)(s,{path:e.path})]})}},4463:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>l});const r={components:{19:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);return function(){return t.default.createElement("div",null,t.default.createElement(r.Tag,{title:"\u6210\u529f-\u7eff\u8272",color:"#28a745"}),t.default.createElement(r.Tag,{title:"\u4e3b\u8981-\u84dd\u8272",color:"#008EF0"}),t.default.createElement(r.Tag,{title:"\u4fe1\u606f-\u9752\u8272",color:"#1EABCD"}),t.default.createElement(r.Tag,{title:"\u5bfc\u822a-\u85cf\u9752",color:"#393E48"}),t.default.createElement(r.Divider,null),t.default.createElement(r.Tag,{color:"#ffc107"},"\u8b66\u544a-\u9ec4\u8272"),t.default.createElement(r.Tag,{color:"#F95C2B"},"\u63d0\u9192-\u6a59\u8272"),t.default.createElement(r.Tag,{color:"#dc3545"},"\u5371\u9669-\u7ea2\u8272"),t.default.createElement(r.Tag,null,"\u9ed8\u8ba4\u989c\u8272"),t.default.createElement(r.Divider,null),t.default.createElement(r.Tag,{light:!0,color:"#28a745"},"\u6210\u529f-\u7eff\u8272"),t.default.createElement(r.Tag,{light:!0,color:"#008EF0"},"\u4e3b\u8981-\u84dd\u8272"),t.default.createElement(r.Tag,{light:!0,color:"#1EABCD"},"\u4fe1\u606f-\u9752\u8272"),t.default.createElement(r.Tag,{light:!0,color:"#393E48"},"\u5bfc\u822a-\u85cf\u9752"),t.default.createElement(r.Divider,null),t.default.createElement(r.Tag,{light:!0,color:"#ffc107"},"\u8b66\u544a-\u9ec4\u8272"),t.default.createElement(r.Tag,{light:!0,color:"#F95C2B"},"\u63d0\u9192-\u6a59\u8272"),t.default.createElement(r.Tag,{light:!0,color:"#dc3545"},"\u5371\u9669-\u7ea2\u8272"),t.default.createElement(r.Tag,{light:!0},"\u9ed8\u8ba4\u989c\u8272"))}}(),52:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);return function(){return t.default.createElement("div",null,t.default.createElement(r.Tag,{disabled:!0,title:"\u6210\u529f-\u7eff\u8272",color:"#28a745"}),t.default.createElement(r.Tag,{disabled:!0,title:"\u4e3b\u8981-\u84dd\u8272",color:"#008EF0"}),t.default.createElement(r.Tag,{disabled:!0,title:"\u4fe1\u606f-\u9752\u8272",color:"#1EABCD"}),t.default.createElement(r.Tag,{disabled:!0,title:"\u5bfc\u822a-\u85cf\u9752",color:"#393E48"}),t.default.createElement(r.Tag,{disabled:!0,color:"#ffc107"},"\u8b66\u544a-\u9ec4\u8272"),t.default.createElement(r.Tag,{disabled:!0,color:"#F95C2B"},"\u63d0\u9192-\u6a59\u8272"),t.default.createElement(r.Tag,{disabled:!0,color:"#dc3545"},"\u5371\u9669-\u7ea2\u8272"),t.default.createElement(r.Tag,{disabled:!0},"\u9ed8\u8ba4\u989c\u8272"),t.default.createElement(r.Divider,null),t.default.createElement(r.Tag,{light:!0,disabled:!0,color:"#28a745"},"\u6210\u529f-\u7eff\u8272"),t.default.createElement(r.Tag,{light:!0,disabled:!0,color:"#008EF0"},"\u4e3b\u8981-\u84dd\u8272"),t.default.createElement(r.Tag,{light:!0,disabled:!0,color:"#1EABCD"},"\u4fe1\u606f-\u9752\u8272"),t.default.createElement(r.Tag,{light:!0,disabled:!0,color:"#393E48"},"\u5bfc\u822a-\u85cf\u9752"),t.default.createElement(r.Tag,{light:!0,disabled:!0,color:"#ffc107"},"\u8b66\u544a-\u9ec4\u8272"),t.default.createElement(r.Tag,{light:!0,disabled:!0,color:"#F95C2B"},"\u63d0\u9192-\u6a59\u8272"),t.default.createElement(r.Tag,{light:!0,disabled:!0,color:"#dc3545"},"\u5371\u9669-\u7ea2\u8272"),t.default.createElement(r.Tag,{light:!0,disabled:!0},"\u9ed8\u8ba4\u989c\u8272"))}}(),83:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);return function(){return t.default.createElement("div",null,t.default.createElement(r.Tag,{title:t.default.createElement(t.default.Fragment,null,t.default.createElement(r.Icon,{type:"heart-on",verticalAlign:"baseline"})," \u6210\u529f-\u7eff\u8272"),color:"#28a745"}),t.default.createElement(r.Tag,{color:"#1C7CEB"},t.default.createElement(r.Icon,{type:"heart-on",verticalAlign:"baseline"})," \u9650\u8d2d\u4e00\u4efd"),t.default.createElement(r.Tag,{color:"red"},t.default.createElement(r.Icon,{type:"heart-on",verticalAlign:"baseline"})," \u80f6\u56ca"),t.default.createElement(r.Divider,null),t.default.createElement(r.Tag,{light:!0,color:"#28a745"},t.default.createElement(r.Icon,{type:"heart-on",verticalAlign:"baseline"})," \u6210\u529f-\u7eff\u8272"),t.default.createElement(r.Tag,{light:!0,color:"#008EF0"},t.default.createElement(r.Icon,{type:"heart-on",verticalAlign:"baseline"})," \u4e3b\u8981-\u84dd\u8272"),t.default.createElement(r.Tag,{light:!0,color:"#dc3545"},t.default.createElement(r.Icon,{type:"heart-on",verticalAlign:"baseline"})," \u4fe1\u606f-\u7ea2\u8272"))}}(),107:function(){function e(t){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(t)}var t=o(n(8573)),r=(o(n(6836)),n(7937));function o(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(n=e,!(null!=(r=t)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](n):n instanceof r))throw new TypeError("Cannot call a class as a function");var n,r}function l(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,i(r.key),r)}}function i(t){var n=function(t,n){if("object"!==e(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var o=r.call(t,n||"default");if("object"!==e(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"===e(n)?n:String(n)}function u(e,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},u(e,t)}function c(t){var n=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,o=s(t);if(n){var a=s(this).constructor;r=Reflect.construct(o,arguments,a)}else r=o.apply(this,arguments);return function(t,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)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}(t)}(this,r)}}function s(e){return s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},s(e)}return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}(p,e);var n,o,s,f=c(p);function p(e){var t;return a(this,p),(t=f.call(this,e)).state={visible:!0,visible1:!0},t}return n=p,(o=[{key:"onClose",value:function(e){var t,n,r;this.setState((t={},n=e,r=!this.state[e],(n=i(n))in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t))}},{key:"render",value:function(){return t.default.createElement("div",null,t.default.createElement(r.Tag,{closable:!0,onClose:this.onClose.bind(this,"visible"),visible:this.state.visible,color:"#F95C2B"},"\u63d0\u9192-\u6a59\u8272"),t.default.createElement(r.Tag,{closable:!0,light:!0,visible:this.state.visible1,color:"#dc3545",onClose:this.onClose.bind(this,"visible1")},t.default.createElement(r.Icon,{type:"heart-on",verticalAlign:"baseline"})," \u4fe1\u606f-\u7ea2\u8272"))}}])&&l(n.prototype,o),s&&l(n,s),Object.defineProperty(n,"prototype",{writable:!1}),p}(t.default.Component)}(),151:function(){function e(t){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(t)}var t=o(n(8573)),r=(o(n(6836)),n(7937));function o(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(n=e,!(null!=(r=t)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](n):n instanceof r))throw new TypeError("Cannot call a class as a function");var n,r}function l(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,i(r.key),r)}}function i(t){var n=function(t,n){if("object"!==e(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var o=r.call(t,n||"default");if("object"!==e(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"===e(n)?n:String(n)}function u(e,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},u(e,t)}function c(t){var n=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,o=s(t);if(n){var a=s(this).constructor;r=Reflect.construct(o,arguments,a)}else r=o.apply(this,arguments);return function(t,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)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}(t)}(this,r)}}function s(e){return s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},s(e)}var f=3;return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}(p,e);var n,o,i,s=c(p);function p(e){var t;return a(this,p),(t=s.call(this,e)).state={dataTags:[{label:"\u6a58\u5b50",value:1,color:"#28a745"},{label:"\u82f9\u679c",value:2,color:"#F95C2B"},{label:"\u6a58\u5b50",value:3,color:"#008EF0"}]},t}return n=p,(o=[{key:"onClose",value:function(e){var t=this.state.dataTags.filter((function(t){return t.value!==e.value}));this.setState({dataTags:t})}},{key:"addTag",value:function(){var e=this.state.dataTags;f+=1,e.push({label:"\u6a58\u5b50".concat(f),value:f,color:"#28a745"}),this.setState({dataTags:e})}},{key:"render",value:function(){var e=this,n=this.state.dataTags;return t.default.createElement("div",null,n.map((function(n,o){return t.default.createElement(r.Tag,{key:o,closable:!0,onClose:e.onClose.bind(e,n),visible:e.state.visible,color:n.color},n.label)})),t.default.createElement(r.Button,{style:{marginLeft:5,minHeight:20,padding:0},size:"small",onClick:this.addTag.bind(this)}," ",t.default.createElement(r.Icon,{type:"plus"})," "))}}])&&l(n.prototype,o),i&&l(n,i),Object.defineProperty(n,"prototype",{writable:!1}),p}(t.default.Component)}(),208:function(){function e(t){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(t)}var t=o(n(8573)),r=(o(n(6836)),n(7937));function o(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(n=e,!(null!=(r=t)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](n):n instanceof r))throw new TypeError("Cannot call a class as a function");var n,r}function l(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,i(r.key),r)}}function i(t){var n=function(t,n){if("object"!==e(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var o=r.call(t,n||"default");if("object"!==e(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"===e(n)?n:String(n)}function u(e,t){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},u(e,t)}function c(t){var n=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,o=s(t);if(n){var a=s(this).constructor;r=Reflect.construct(o,arguments,a)}else r=o.apply(this,arguments);return function(t,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)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}(t)}(this,r)}}function s(e){return s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},s(e)}return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}(f,e);var n,o,i,s=c(f);function f(e){var t;return a(this,f),(t=s.call(this,e)).state={dataTags:[{label:"\u6a58\u5b50",value:1,color:"#008EF0"},{label:"\u82f9\u679c",value:2,color:"#008EF0"},{label:"\u6a58\u5b50",value:3,color:"#008EF0"},{label:"\u5ddd\u83dc",value:4,color:"#008EF0"}],values:[1,2,3]},t}return n=f,(o=[{key:"onTagChecked",value:function(e){var t=this.state.values;-1===t.indexOf(e.value)?t.push(e.value):t=t.filter((function(t){return t!==e.value})),this.setState({values:t})}},{key:"render",value:function(){var e=this,n=this.state,o=n.dataTags,a=n.values;return t.default.createElement("div",null,o.map((function(n,o){var l=-1===a.indexOf(n.value);return t.default.createElement(r.Tag,{onClick:e.onTagChecked.bind(e,n),key:o,light:l,bordered:!1,color:"#008EF0"},n.label)})))}}])&&l(n.prototype,o),i&&l(n,i),Object.defineProperty(n,"prototype",{writable:!1}),f}(t.default.Component)}(),263:function(){function e(t){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(t)}var t=a(n(8573)),r=(a(n(6836)),n(7937)),o=["label"];function a(e){return e&&e.__esModule?e:{default:e}}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l.apply(this,arguments)}function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function u(t,n,r){return(n=function(t){var n=function(t,n){if("object"!==e(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var o=r.call(t,n||"default");if("object"!==e(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"===e(n)?n:String(n)}(n))in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}function c(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function s(e){return function(e){if(Array.isArray(e))return d(e)}(e)||function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||p(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 f(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,l,i=[],u=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw o}}return i}}(e,t)||p(e,t)||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 p(e,t){if(e){if("string"===typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function _(e){var n=e.placeholder,a=e.onChange,p=f(t.default.useState([]),2),d=p[0],_=p[1],m=f(t.default.useState(s(e.value)),2),g=m[0],b=m[1],v=f(t.default.useState(!1),2),y=v[0],h=v[1],E=f(t.default.useState(s(e.option)),2),T=E[0],C=E[1];function w(e,t){var n=s(g),r=s(d);n.includes(e)?(n=n.filter((function(t){return e!==t})),r=d.filter((function(e){return t.value!==e.value}))):(n.push(e),r.push(t)),b(n),_(d),a&&a(n)}function O(e){var t=T.filter((function(t){return t.label.indexOf(e.target.value)>-1}));C(t)}return t.default.useEffect((function(){var t=e.value.map((function(e){return T.find((function(t){return e===t.value}))})).filter((function(e){return!!e}));t!==d&&_(t),g!==e.value&&b(e.value)}),[e.value]),t.default.useEffect((function(){g!==e.option&&C(e.option)}),[e.option]),t.default.createElement(r.Dropdown,{trigger:"click",onVisibleChange:function(e){return h(e)},isOpen:y,menu:t.default.createElement(r.Menu,{bordered:!0,style:{minWidth:220,height:210,overflow:"auto"}},t.default.createElement(r.Menu.Divider,{title:t.default.createElement(r.Input,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",onChange:function(e){return O(e)}})}),T.map((function(e,n){var o=g.includes(e.value);return t.default.createElement(r.Menu.Item,{key:n,text:t.default.createElement(r.Row,{gutter:10,justify:"space-between"},t.default.createElement(r.Col,null,t.default.createElement("span",{style:{verticalAlign:"middle"}},e.label)),t.default.createElement(r.Col,{fixed:!0},o&&t.default.createElement(r.Checkbox,{checked:o,onChange:function(e){return O(e)}}))),onClick:function(){w(e.value,e)}})})))},t.default.createElement("div",{style:{minWidth:120,maxWidth:320,padding:5,border:"1px solid #c7c8ca",borderRadius:3}},0===d.length&&t.default.createElement("span",{style:{lineHeight:"23px",padding:"0 4px"}},n),d.map((function(e,n){var a=e.label,s=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({style:{margin:2},onClose:function(t){t.stopPropagation(),w(e.value,e)},key:n},c(e,o));return t.default.createElement(r.Tag,l({light:!0,closable:!0},s),a)}))))}var m=[{label:"\u53f0\u5317\u5e02, \u4e2d\u56fd\u53f0\u6e7e",value:1},{label:"\u6d77\u53c2\u5d34, \u4fc4\u7f57\u65af",value:2},{label:"\u4e09\u4e9a\u5e02, \u4e2d\u56fd",value:3,color:"#dc3545"},{label:"\u6210\u90fd\u5e02, \u4e2d\u56fd",value:4,color:"#dc3545"},{label:"\u5e03\u62c9\u683c, \u6377\u514b",value:5},{label:"\u5e03\u62c9\u8fea\u65af\u62c9\u53d1, \u65af\u6d1b\u4f10\u514b",value:6},{label:"LAX \u6d1b\u6749\u77f6, \u7f8e\u56fd",value:7},{label:"\u9ec4\u5188\u5e02, \u4e2d\u56fd",value:8,color:"#dc3545"}];return function(){return t.default.createElement("div",null,t.default.createElement(_,{placeholder:"\u9009\u62e9\u57ce\u5e02",option:m,value:[2,8],onChange:function(e){console.log("item",e)}}))}}()},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 return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n title: "\\u6210\\u529F-\\u7EFF\\u8272",\n color: "#28a745"\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n title: "\\u4E3B\\u8981-\\u84DD\\u8272",\n color: "#008EF0"\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n title: "\\u4FE1\\u606F-\\u9752\\u8272",\n color: "#1EABCD"\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n title: "\\u5BFC\\u822A-\\u85CF\\u9752",\n color: "#393E48"\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n color: "#ffc107"\n }, "\\u8B66\\u544A-\\u9EC4\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n color: "#F95C2B"\n }, "\\u63D0\\u9192-\\u6A59\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n color: "#dc3545"\n }, "\\u5371\\u9669-\\u7EA2\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, null, "\\u9ED8\\u8BA4\\u989C\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n light: true,\n color: "#28a745"\n }, "\\u6210\\u529F-\\u7EFF\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n light: true,\n color: "#008EF0"\n }, "\\u4E3B\\u8981-\\u84DD\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n light: true,\n color: "#1EABCD"\n }, "\\u4FE1\\u606F-\\u9752\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n light: true,\n color: "#393E48"\n }, "\\u5BFC\\u822A-\\u85CF\\u9752"), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n light: true,\n color: "#ffc107"\n }, "\\u8B66\\u544A-\\u9EC4\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n light: true,\n color: "#F95C2B"\n }, "\\u63D0\\u9192-\\u6A59\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n light: true,\n color: "#dc3545"\n }, "\\u5371\\u9669-\\u7EA2\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n light: true\n }, "\\u9ED8\\u8BA4\\u989C\\u8272"));\n};',language:"jsx",value:'import React from \'react\';\nimport { Tag, Divider } from \'uiw\';\n\nexport default function Demo() {\n return (\n <div>\n <Tag title="\u6210\u529f-\u7eff\u8272" color="#28a745" />\n <Tag title="\u4e3b\u8981-\u84dd\u8272" color="#008EF0" />\n <Tag title="\u4fe1\u606f-\u9752\u8272" color="#1EABCD" />\n <Tag title="\u5bfc\u822a-\u85cf\u9752" color="#393E48" />\n <Divider />\n <Tag color="#ffc107">\u8b66\u544a-\u9ec4\u8272</Tag>\n <Tag color="#F95C2B">\u63d0\u9192-\u6a59\u8272</Tag>\n <Tag color="#dc3545">\u5371\u9669-\u7ea2\u8272</Tag>\n <Tag>\u9ed8\u8ba4\u989c\u8272</Tag>\n <Divider />\n <Tag light color="#28a745">\u6210\u529f-\u7eff\u8272</Tag>\n <Tag light color="#008EF0">\u4e3b\u8981-\u84dd\u8272</Tag>\n <Tag light color="#1EABCD">\u4fe1\u606f-\u9752\u8272</Tag>\n <Tag light color="#393E48">\u5bfc\u822a-\u85cf\u9752</Tag>\n <Divider />\n <Tag light color="#ffc107">\u8b66\u544a-\u9ec4\u8272</Tag>\n <Tag light color="#F95C2B">\u63d0\u9192-\u6a59\u8272</Tag>\n <Tag light color="#dc3545">\u5371\u9669-\u7ea2\u8272</Tag>\n <Tag light>\u9ed8\u8ba4\u989c\u8272</Tag>\n </div>\n )\n}'},52:{name:52,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.Tag, {\n disabled: true,\n title: "\\u6210\\u529F-\\u7EFF\\u8272",\n color: "#28a745"\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n disabled: true,\n title: "\\u4E3B\\u8981-\\u84DD\\u8272",\n color: "#008EF0"\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n disabled: true,\n title: "\\u4FE1\\u606F-\\u9752\\u8272",\n color: "#1EABCD"\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n disabled: true,\n title: "\\u5BFC\\u822A-\\u85CF\\u9752",\n color: "#393E48"\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n disabled: true,\n color: "#ffc107"\n }, "\\u8B66\\u544A-\\u9EC4\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n disabled: true,\n color: "#F95C2B"\n }, "\\u63D0\\u9192-\\u6A59\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n disabled: true,\n color: "#dc3545"\n }, "\\u5371\\u9669-\\u7EA2\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n disabled: true\n }, "\\u9ED8\\u8BA4\\u989C\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n light: true,\n disabled: true,\n color: "#28a745"\n }, "\\u6210\\u529F-\\u7EFF\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n light: true,\n disabled: true,\n color: "#008EF0"\n }, "\\u4E3B\\u8981-\\u84DD\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n light: true,\n disabled: true,\n color: "#1EABCD"\n }, "\\u4FE1\\u606F-\\u9752\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n light: true,\n disabled: true,\n color: "#393E48"\n }, "\\u5BFC\\u822A-\\u85CF\\u9752"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n light: true,\n disabled: true,\n color: "#ffc107"\n }, "\\u8B66\\u544A-\\u9EC4\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n light: true,\n disabled: true,\n color: "#F95C2B"\n }, "\\u63D0\\u9192-\\u6A59\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n light: true,\n disabled: true,\n color: "#dc3545"\n }, "\\u5371\\u9669-\\u7EA2\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n light: true,\n disabled: true\n }, "\\u9ED8\\u8BA4\\u989C\\u8272"));\n};',language:"jsx",value:'import React from \'react\';\nimport { Tag, Divider } from \'uiw\';\n\nexport default function Demo() {\n return (\n <div>\n <Tag disabled title="\u6210\u529f-\u7eff\u8272" color="#28a745" />\n <Tag disabled title="\u4e3b\u8981-\u84dd\u8272" color="#008EF0" />\n <Tag disabled title="\u4fe1\u606f-\u9752\u8272" color="#1EABCD" />\n <Tag disabled title="\u5bfc\u822a-\u85cf\u9752" color="#393E48" />\n <Tag disabled color="#ffc107">\u8b66\u544a-\u9ec4\u8272</Tag>\n <Tag disabled color="#F95C2B">\u63d0\u9192-\u6a59\u8272</Tag>\n <Tag disabled color="#dc3545">\u5371\u9669-\u7ea2\u8272</Tag>\n <Tag disabled>\u9ed8\u8ba4\u989c\u8272</Tag>\n <Divider />\n <Tag light disabled color="#28a745">\u6210\u529f-\u7eff\u8272</Tag>\n <Tag light disabled color="#008EF0">\u4e3b\u8981-\u84dd\u8272</Tag>\n <Tag light disabled color="#1EABCD">\u4fe1\u606f-\u9752\u8272</Tag>\n <Tag light disabled color="#393E48">\u5bfc\u822a-\u85cf\u9752</Tag>\n <Tag light disabled color="#ffc107">\u8b66\u544a-\u9ec4\u8272</Tag>\n <Tag light disabled color="#F95C2B">\u63d0\u9192-\u6a59\u8272</Tag>\n <Tag light disabled color="#dc3545">\u5371\u9669-\u7ea2\u8272</Tag>\n <Tag light disabled>\u9ed8\u8ba4\u989c\u8272</Tag>\n </div>\n )\n}'},83:{name:83,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 Demo = function Demo() {\n return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n title: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "heart-on",\n verticalAlign: "baseline"\n }), " \\u6210\\u529F-\\u7EFF\\u8272"),\n color: "#28a745"\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n color: "#1C7CEB"\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "heart-on",\n verticalAlign: "baseline"\n }), " \\u9650\\u8D2D\\u4E00\\u4EFD"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n color: "red"\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "heart-on",\n verticalAlign: "baseline"\n }), " \\u80F6\\u56CA"), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n light: true,\n color: "#28a745"\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "heart-on",\n verticalAlign: "baseline"\n }), " \\u6210\\u529F-\\u7EFF\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n light: true,\n color: "#008EF0"\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "heart-on",\n verticalAlign: "baseline"\n }), " \\u4E3B\\u8981-\\u84DD\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n light: true,\n color: "#dc3545"\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "heart-on",\n verticalAlign: "baseline"\n }), " \\u4FE1\\u606F-\\u7EA2\\u8272"));\n};\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Tag, Divider, Icon } from \'uiw\';\n\nconst Demo = () => (\n <div>\n <Tag title={(\n <>\n <Icon type="heart-on" verticalAlign="baseline" /> \u6210\u529f-\u7eff\u8272\n </>\n )} color="#28a745" />\n <Tag color="#1C7CEB"><Icon type="heart-on" verticalAlign="baseline" /> \u9650\u8d2d\u4e00\u4efd</Tag>\n <Tag color="red"><Icon type="heart-on" verticalAlign="baseline" /> \u80f6\u56ca</Tag>\n <Divider />\n <Tag light color="#28a745"><Icon type="heart-on" verticalAlign="baseline" /> \u6210\u529f-\u7eff\u8272</Tag>\n <Tag light color="#008EF0"><Icon type="heart-on" verticalAlign="baseline" /> \u4e3b\u8981-\u84dd\u8272</Tag>\n <Tag light color="#dc3545"><Icon type="heart-on" verticalAlign="baseline" /> \u4fe1\u606f-\u7ea2\u8272</Tag>\n </div>\n)\nexport default Demo;'},107:{name:107,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 _reactDom = _interopRequireDefault(require("react-dom"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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 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 visible: true,\n visible1: true\n };\n return _this;\n }\n _createClass(Demo, [{\n key: "onClose",\n value: function onClose(type) {\n this.setState(_defineProperty({}, type, !this.state[type]));\n }\n }, {\n key: "render",\n value: function render() {\n return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n closable: true,\n onClose: this.onClose.bind(this, \'visible\'),\n visible: this.state.visible,\n color: "#F95C2B"\n }, "\\u63D0\\u9192-\\u6A59\\u8272"), /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n closable: true,\n light: true,\n visible: this.state.visible1,\n color: "#dc3545",\n onClose: this.onClose.bind(this, \'visible1\')\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "heart-on",\n verticalAlign: "baseline"\n }), " \\u4FE1\\u606F-\\u7EA2\\u8272"));\n }\n }]);\n return Demo;\n}(_react["default"].Component);\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Tag, Icon } from 'uiw';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n visible: true,\n visible1: true,\n }\n }\n onClose(type) {\n this.setState({\n [type]: !this.state[type],\n });\n }\n render() { \n return (\n <div>\n <Tag\n closable\n onClose={this.onClose.bind(this, 'visible')}\n visible={this.state.visible}\n color=\"#F95C2B\">\u63d0\u9192-\u6a59\u8272</Tag>\n <Tag\n closable\n light\n visible={this.state.visible1}\n color=\"#dc3545\"\n onClose={this.onClose.bind(this, 'visible1')}\n >\n <Icon type=\"heart-on\" verticalAlign=\"baseline\" /> \u4fe1\u606f-\u7ea2\u8272\n </Tag>\n </div>\n );\n }\n}\nexport default Demo;"},151:{name:151,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 _reactDom = _interopRequireDefault(require("react-dom"));\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 num = 3;\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 dataTags: [{\n label: \'\u6a58\u5b50\',\n value: 1,\n color: \'#28a745\'\n }, {\n label: \'\u82f9\u679c\',\n value: 2,\n color: \'#F95C2B\'\n }, {\n label: \'\u6a58\u5b50\',\n value: 3,\n color: \'#008EF0\'\n }]\n };\n return _this;\n }\n _createClass(Demo, [{\n key: "onClose",\n value: function onClose(data) {\n var dataTags = this.state.dataTags.filter(function (item) {\n return item.value !== data.value;\n });\n this.setState({\n dataTags: dataTags\n });\n }\n }, {\n key: "addTag",\n value: function addTag() {\n var dataTags = this.state.dataTags;\n num += 1;\n dataTags.push({\n label: "\\u6A58\\u5B50".concat(num),\n value: num,\n color: \'#28a745\'\n });\n this.setState({\n dataTags: dataTags\n });\n }\n }, {\n key: "render",\n value: function render() {\n var _this2 = this;\n var dataTags = this.state.dataTags;\n return /*#__PURE__*/_react["default"].createElement("div", null, dataTags.map(function (item, idx) {\n return /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n key: idx,\n closable: true,\n onClose: _this2.onClose.bind(_this2, item),\n visible: _this2.state.visible,\n color: item.color\n }, item.label);\n }), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n style: {\n marginLeft: 5,\n minHeight: 20,\n padding: 0\n },\n size: "small",\n onClick: this.addTag.bind(this)\n }, " ", /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "plus"\n }), " "));\n }\n }]);\n return Demo;\n}(_react["default"].Component);\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Tag, Button, Icon } from 'uiw';\n\nlet num = 3;\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n dataTags: [\n { label: '\u6a58\u5b50', value: 1, color: '#28a745' },\n { label: '\u82f9\u679c', value: 2, color: '#F95C2B' },\n { label: '\u6a58\u5b50', value: 3, color: '#008EF0' },\n ]\n }\n }\n onClose(data) {\n const dataTags = this.state.dataTags.filter(item => item.value !== data.value);\n this.setState({ dataTags });\n }\n addTag() {\n const { dataTags } = this.state;\n num += 1;\n dataTags.push({\n label: `\u6a58\u5b50${num}`, value: num, color: '#28a745'\n });\n this.setState({ dataTags });\n }\n render() { \n const { dataTags } = this.state;\n return (\n <div>\n {dataTags.map((item, idx) => {\n return (\n <Tag\n key={idx}\n closable\n onClose={this.onClose.bind(this, item)}\n visible={this.state.visible}\n color={item.color}>\n {item.label}\n </Tag>\n )\n })}\n <Button style={{ marginLeft: 5, minHeight: 20, padding: 0 }} size=\"small\" onClick={this.addTag.bind(this)}> <Icon type=\"plus\" /> </Button>\n </div>\n );\n }\n}\nexport default Demo;"},208:{name:208,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 _reactDom = _interopRequireDefault(require("react-dom"));\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) _definePrope