@uiw/doc
Version:
UIW documentation website.
1 lines • 65.2 kB
JavaScript
(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6349],{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:()=>_});var r=n(8573),o=n(6320),i=n(8563),a=n(7622),l=n(7937);const u={docinfo:"index_docinfo__3Vx8S",markdown:"index_markdown__hcQCp",markdownWrap:"index_markdownWrap__t60jR"};var s=n(4760);function c(){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,s.jsxs)("div",{className:u.docinfo,children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",n&&(0,s.jsx)("a",{href:n,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,s.jsx)("br",{}),(0,s.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,s.jsx)(l.Divider,{type:"vertical"}),(0,s.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,s.jsx)(l.Divider,{type:"vertical"}),(0,s.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,s.jsx)(l.Divider,{type:"vertical"}),(0,s.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,s.jsx)(l.Divider,{type:"vertical"}),(0,s.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,s.jsx)(l.Divider,{type:"vertical"}),(0,s.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,y=e=>{var t,n;let{node:a,components:l,data:u,...c}=e;const y=(0,r.useRef)(null),{headings:_,headingsList:g,...m}=c;(0,r.useEffect)((()=>{if(y.current){const e=y.current.parentElement;e&&e.parentElement&&e.parentElement.replaceChild(y.current,e)}}),[y]);const v=null===a||void 0===a||null===(t=a.position)||void 0===t?void 0:t.start.line,b=null===a||void 0===a||null===(n=a.data)||void 0===n?void 0:n.meta,h=(0,i.Mx)(b)||String(v),O=l["".concat(h)];if(h&&"function"===typeof O){const e=u[h].value||"",t=(0,i.aE)(b||"");return(0,s.jsxs)(o.ZP,{ref:y,children:[(0,s.jsx)(f,{style:{background:t.bg||"transparent"},children:(0,s.jsx)(O,{})}),(0,s.jsx)(d,{text:e,children:t.title||"Example"}),(0,s.jsx)(p,{children:(0,s.jsx)("pre",{...m})})]})}return(0,s.jsx)("code",{...m})};function _(e){return(0,s.jsxs)(r.Fragment,{children:[(0,s.jsx)(a.Z,{className:u.markdownWrap,source:e.source||"",disableCopy:!0,wrapperElement:{"data-color-mode":"light"},components:{code:t=>(0,s.jsx)(y,{...e,...t})}}),(0,s.jsx)(c,{path:e.path})]})}},9543:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const r={components:{21:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);var o=t.default.createElement("div",{style:{backgroundColor:"#fff",border:"1px solid #333",padding:10,borderRadius:3}},t.default.createElement("strong",null,"Hellow uiw!")," Check this info.",t.default.createElement("br",null),"\u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e");return function(){return t.default.createElement(r.OverlayTrigger,{placement:"top",trigger:"click",overlay:o},t.default.createElement("span",null,"\u9f20\u6807\u79fb\u52a8\u5230\u6b64\u5904\uff0c\u70b9\u51fb\u663e\u793a\u548c\u6d88\u5931\u89e6\u53d1\u4e8b\u4ef6"))}}(),44:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);var o=t.default.createElement(r.Card,{active:!0},t.default.createElement("strong",null,"Hellow uiw!")," Check this info.",t.default.createElement("br",null),"\u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e");return function(){return t.default.createElement(r.OverlayTrigger,{placement:"top",overlay:o},t.default.createElement("span",null,"\u9f20\u6807\u79fb\u52a8\u5230\u6b64\u5904\uff0c\u663e\u793a\u548c\u6d88\u5931\u89e6\u53d1\u4e8b\u4ef6"))}}(),66:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);function o(e){return o="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},o(e)}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 a(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){l(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}function l(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===o(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var u={position:"relative",width:70,height:50},s=t.default.createElement(r.Card,{active:!0},t.default.createElement("strong",null,"Hellow uiw!")," Check this info.",t.default.createElement("br",null),"\u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e");return function(){return t.default.createElement("div",null,t.default.createElement("div",{style:{position:"relative"}},t.default.createElement(r.OverlayTrigger,{placement:"topLeft",overlay:s},t.default.createElement(r.Button,{style:a(a({},u),{},{left:70})},"TL")),t.default.createElement(r.OverlayTrigger,{placement:"top",overlay:s},t.default.createElement(r.Button,{style:a(a({},u),{},{left:70})},"Top")),t.default.createElement(r.OverlayTrigger,{placement:"topRight",overlay:s},t.default.createElement(r.Button,{style:a(a({},u),{},{left:70})},"TR"))),t.default.createElement("div",{style:{position:"relative",paddingTop:10}},t.default.createElement(r.OverlayTrigger,{placement:"leftTop",overlay:s},t.default.createElement(r.Button,{style:a({},u)},"LT")),t.default.createElement(r.OverlayTrigger,{placement:"rightTop",overlay:s},t.default.createElement(r.Button,{style:a(a({},u),{},{left:216})},"RT"))),t.default.createElement("div",{style:{position:"relative",paddingTop:10}},t.default.createElement(r.OverlayTrigger,{placement:"left",overlay:s},t.default.createElement(r.Button,{style:a({},u)},"Left")),t.default.createElement(r.OverlayTrigger,{placement:"right",overlay:s},t.default.createElement(r.Button,{style:a(a({},u),{},{left:216})},"Right"))),t.default.createElement("div",{style:{position:"relative",paddingTop:10}},t.default.createElement(r.OverlayTrigger,{placement:"leftBottom",overlay:s},t.default.createElement(r.Button,{style:a({},u)},"LB")),t.default.createElement(r.OverlayTrigger,{placement:"rightBottom",overlay:s},t.default.createElement(r.Button,{style:a(a({},u),{},{left:216})},"RB"))),t.default.createElement("div",{style:{position:"relative",paddingTop:10}},t.default.createElement(r.OverlayTrigger,{placement:"bottomLeft",overlay:s},t.default.createElement(r.Button,{style:a(a({},u),{},{left:70})},"BL")),t.default.createElement(r.OverlayTrigger,{placement:"bottom",overlay:s},t.default.createElement(r.Button,{style:a(a({},u),{},{left:70})},"Bottom")),t.default.createElement(r.OverlayTrigger,{placement:"bottomRight",overlay:s},t.default.createElement(r.Button,{style:a(a({},u),{},{left:70})},"BR"))))}}(),134: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,r=(t=n(8573))&&t.__esModule?t:{default:t},o=n(7937);function i(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 a(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,l(r.key),r)}}function l(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 s(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=c(t);if(n){var i=c(this).constructor;r=Reflect.construct(o,arguments,i)}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 c(e){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},c(e)}var f=r.default.createElement(o.Card,{active:!0},r.default.createElement("strong",null,"Hellow uiw!")," Check this info.",r.default.createElement("br",null),"\u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e");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 t,n,l,c=s(p);function p(){var e;return i(this,p),(e=c.call(this)).state={isVisbale:!1},e}return t=p,(n=[{key:"onVisibleChange",value:function(e){this.setState({isVisbale:e})}},{key:"render",value:function(){return r.default.createElement("div",null,r.default.createElement(o.OverlayTrigger,{placement:"top",isOutside:!0,onVisibleChange:this.onVisibleChange.bind(this),overlay:f},r.default.createElement("span",null,"\u9f20\u6807\u79fb\u52a8\u5230\u6b64\u5904\uff0c\u663e\u793a\u548c\u6d88\u5931\u89e6\u53d1\u4e8b\u4ef6")),r.default.createElement(o.Divider,null),r.default.createElement("div",null,"\u72b6\u6001\uff1a",this.state.isVisbale?"":"\u4e0d","\u53ef\u89c1"))}}])&&a(t.prototype,n),l&&a(t,l),Object.defineProperty(t,"prototype",{writable:!1}),p}(r.default.Component)}(),180:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);var o=t.default.createElement(r.Card,{active:!0},t.default.createElement("strong",null,"Hellow uiw!")," Check this info.",t.default.createElement("br",null),"\u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e");return function(){return t.default.createElement(r.OverlayTrigger,{delay:{show:0,hide:4e3},placement:"top",overlay:o},t.default.createElement("span",null,"\u9f20\u6807\u79fb\u52a8\u5230\u6b64\u5904\uff0c\u663e\u793a\u548c\u6d88\u5931\u89e6\u53d1\u4e8b\u4ef6\uff0c\u5ef6\u8fdf `4s` \u6d88\u5931"))}}(),202: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,r=(t=n(8573))&&t.__esModule?t:{default:t},o=n(7937);function i(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 a(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,l(r.key),r)}}function l(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 s(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=c(t);if(n){var i=c(this).constructor;r=Reflect.construct(o,arguments,i)}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 c(e){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},c(e)}var f=r.default.createElement(o.Card,{active:!0},r.default.createElement("strong",null,"Hellow uiw!")," Check this info.",r.default.createElement("br",null),"\u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e");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 t,n,l,c=s(p);function p(){var e;return i(this,p),(e=c.call(this)).state={isOpen:!1},e}return t=p,(n=[{key:"onChange",value:function(e){this.clickChecked=!1,this.setState({isOpen:e.target.checked})}},{key:"onVisibleChange",value:function(e){console.log("onVisibleChange: ",e),this.setState({isOpen:e})}},{key:"render",value:function(){return r.default.createElement("div",null,r.default.createElement(o.OverlayTrigger,{onVisibleChange:this.onVisibleChange.bind(this),isOpen:this.state.isOpen,placement:"right",onEnter:function(e,t){console.log("~~",e,t)},overlay:f},r.default.createElement("span",null,"\u9f20\u6807\u79fb\u52a8\u5230\u6b64\u5904\uff0c\u663e\u793a\u548c\u6d88\u5931\u89e6\u53d1\u4e8b\u4ef6")),r.default.createElement(o.Divider,null),r.default.createElement(o.Switch,{checked:this.state.isOpen,onChange:this.onChange.bind(this)}))}}])&&a(t.prototype,n),l&&a(t,l),Object.defineProperty(t,"prototype",{writable:!1}),p}(r.default.Component)}(),255: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,r=(t=n(8573))&&t.__esModule?t:{default:t},o=n(7937);function i(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 a(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,l(r.key),r)}}function l(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 s(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=c(t);if(n){var i=c(this).constructor;r=Reflect.construct(o,arguments,i)}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 c(e){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},c(e)}var f=r.default.createElement(o.Card,{active:!0},r.default.createElement("strong",null,"Hellow uiw!")," Check this info.",r.default.createElement("br",null),"\u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e");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 t,n,l,c=s(p);function p(){var e;return i(this,p),(e=c.call(this)).state={isOpen:!1},e}return t=p,(n=[{key:"onVisibleChange",value:function(e){this.setState({isOpen:e})}},{key:"render",value:function(){return r.default.createElement("div",null,r.default.createElement("div",{style:{position:"relative"}},r.default.createElement(o.OverlayTrigger,{usePortal:!1,isOutside:!0,autoAdjustOverflow:!0,placement:"top",trigger:"click",onVisibleChange:this.onVisibleChange.bind(this),overlay:f},r.default.createElement("span",null,"\u9f20\u6807\u79fb\u52a8\u5230\u6b64\u5904\uff0c\u70b9\u51fb\u663e\u793a\u548c\u6d88\u5931\u89e6\u53d1\u4e8b\u4ef6"))),r.default.createElement(o.Divider,null),r.default.createElement("div",null,"\u72b6\u6001\uff1a",this.state.isOpen?"":"\u4e0d","\u53ef\u89c1"))}}])&&a(t.prototype,n),l&&a(t,l),Object.defineProperty(t,"prototype",{writable:!1}),p}(r.default.Component)}()},data:{21:{name:21,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 tooltip = /*#__PURE__*/_react["default"].createElement("div", {\n style: {\n backgroundColor: \'#fff\',\n border: \'1px solid #333\',\n padding: 10,\n borderRadius: 3\n }\n}, /*#__PURE__*/_react["default"].createElement("strong", null, "Hellow uiw!"), " Check this info.", /*#__PURE__*/_react["default"].createElement("br", null), "\\u5C55\\u793A 12 \\u4E2A\\u65B9\\u5411\\u4F4D\\u7F6E");\nvar Demo = function Demo() {\n return /*#__PURE__*/_react["default"].createElement(_uiw.OverlayTrigger, {\n placement: "top",\n trigger: "click",\n overlay: tooltip\n }, /*#__PURE__*/_react["default"].createElement("span", null, "\\u9F20\\u6807\\u79FB\\u52A8\\u5230\\u6B64\\u5904\\uFF0C\\u70B9\\u51FB\\u663E\\u793A\\u548C\\u6D88\\u5931\\u89E6\\u53D1\\u4E8B\\u4EF6"));\n};\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { OverlayTrigger } from 'uiw';\n\nconst tooltip = (\n <div style={{ backgroundColor: '#fff', border: '1px solid #333', padding: 10, borderRadius: 3 }}>\n <strong>Hellow uiw!</strong> Check this info.<br />\n \u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e\n </div>\n);\nconst Demo = () => (\n <OverlayTrigger placement=\"top\" trigger=\"click\" overlay={tooltip}>\n <span>\u9f20\u6807\u79fb\u52a8\u5230\u6b64\u5904\uff0c\u70b9\u51fb\u663e\u793a\u548c\u6d88\u5931\u89e6\u53d1\u4e8b\u4ef6</span>\n </OverlayTrigger>\n)\n\nexport default Demo;"},44:{name:44,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 card = /*#__PURE__*/_react["default"].createElement(_uiw.Card, {\n active: true\n}, /*#__PURE__*/_react["default"].createElement("strong", null, "Hellow uiw!"), " Check this info.", /*#__PURE__*/_react["default"].createElement("br", null), "\\u5C55\\u793A 12 \\u4E2A\\u65B9\\u5411\\u4F4D\\u7F6E");\nvar Demo = function Demo() {\n return /*#__PURE__*/_react["default"].createElement(_uiw.OverlayTrigger, {\n placement: "top",\n overlay: card\n }, /*#__PURE__*/_react["default"].createElement("span", null, "\\u9F20\\u6807\\u79FB\\u52A8\\u5230\\u6B64\\u5904\\uFF0C\\u663E\\u793A\\u548C\\u6D88\\u5931\\u89E6\\u53D1\\u4E8B\\u4EF6"));\n};\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { OverlayTrigger, Card } from 'uiw';\n\nconst card = (\n <Card active>\n <strong>Hellow uiw!</strong> Check this info.<br />\n \u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e\n </Card>\n);\nconst Demo = () => (\n <OverlayTrigger placement=\"top\" overlay={card}>\n <span>\u9f20\u6807\u79fb\u52a8\u5230\u6b64\u5904\uff0c\u663e\u793a\u548c\u6d88\u5931\u89e6\u53d1\u4e8b\u4ef6</span>\n </OverlayTrigger>\n)\nexport default Demo;"},66:{name:66,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _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); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\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 _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); }\nvar btnStl = {\n position: \'relative\',\n width: 70,\n height: 50\n};\nvar card = /*#__PURE__*/_react["default"].createElement(_uiw.Card, {\n active: true\n}, /*#__PURE__*/_react["default"].createElement("strong", null, "Hellow uiw!"), " Check this info.", /*#__PURE__*/_react["default"].createElement("br", null), "\\u5C55\\u793A 12 \\u4E2A\\u65B9\\u5411\\u4F4D\\u7F6E");\nvar Demo = function Demo() {\n return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {\n style: {\n position: \'relative\'\n }\n }, /*#__PURE__*/_react["default"].createElement(_uiw.OverlayTrigger, {\n placement: "topLeft",\n overlay: card\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n style: _objectSpread(_objectSpread({}, btnStl), {}, {\n left: 70\n })\n }, "TL")), /*#__PURE__*/_react["default"].createElement(_uiw.OverlayTrigger, {\n placement: "top",\n overlay: card\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n style: _objectSpread(_objectSpread({}, btnStl), {}, {\n left: 70\n })\n }, "Top")), /*#__PURE__*/_react["default"].createElement(_uiw.OverlayTrigger, {\n placement: "topRight",\n overlay: card\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n style: _objectSpread(_objectSpread({}, btnStl), {}, {\n left: 70\n })\n }, "TR"))), /*#__PURE__*/_react["default"].createElement("div", {\n style: {\n position: \'relative\',\n paddingTop: 10\n }\n }, /*#__PURE__*/_react["default"].createElement(_uiw.OverlayTrigger, {\n placement: "leftTop",\n overlay: card\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n style: _objectSpread({}, btnStl)\n }, "LT")), /*#__PURE__*/_react["default"].createElement(_uiw.OverlayTrigger, {\n placement: "rightTop",\n overlay: card\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n style: _objectSpread(_objectSpread({}, btnStl), {}, {\n left: 216\n })\n }, "RT"))), /*#__PURE__*/_react["default"].createElement("div", {\n style: {\n position: \'relative\',\n paddingTop: 10\n }\n }, /*#__PURE__*/_react["default"].createElement(_uiw.OverlayTrigger, {\n placement: "left",\n overlay: card\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n style: _objectSpread({}, btnStl)\n }, "Left")), /*#__PURE__*/_react["default"].createElement(_uiw.OverlayTrigger, {\n placement: "right",\n overlay: card\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n style: _objectSpread(_objectSpread({}, btnStl), {}, {\n left: 216\n })\n }, "Right"))), /*#__PURE__*/_react["default"].createElement("div", {\n style: {\n position: \'relative\',\n paddingTop: 10\n }\n }, /*#__PURE__*/_react["default"].createElement(_uiw.OverlayTrigger, {\n placement: "leftBottom",\n overlay: card\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n style: _objectSpread({}, btnStl)\n }, "LB")), /*#__PURE__*/_react["default"].createElement(_uiw.OverlayTrigger, {\n placement: "rightBottom",\n overlay: card\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n style: _objectSpread(_objectSpread({}, btnStl), {}, {\n left: 216\n })\n }, "RB"))), /*#__PURE__*/_react["default"].createElement("div", {\n style: {\n position: \'relative\',\n paddingTop: 10\n }\n }, /*#__PURE__*/_react["default"].createElement(_uiw.OverlayTrigger, {\n placement: "bottomLeft",\n overlay: card\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n style: _objectSpread(_objectSpread({}, btnStl), {}, {\n left: 70\n })\n }, "BL")), /*#__PURE__*/_react["default"].createElement(_uiw.OverlayTrigger, {\n placement: "bottom",\n overlay: card\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n style: _objectSpread(_objectSpread({}, btnStl), {}, {\n left: 70\n })\n }, "Bottom")), /*#__PURE__*/_react["default"].createElement(_uiw.OverlayTrigger, {\n placement: "bottomRight",\n overlay: card\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n style: _objectSpread(_objectSpread({}, btnStl), {}, {\n left: 70\n })\n }, "BR"))));\n};\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { OverlayTrigger, Card, Button } from \'uiw\';\nconst btnStl = {position: \'relative\', width: 70, height: 50 }\n\nconst card = (\n <Card active>\n <strong>Hellow uiw!</strong> Check this info.<br />\n \u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e\n </Card>\n);\nconst Demo = () => (\n <div>\n <div style={{ position: \'relative\' }}>\n <OverlayTrigger placement="topLeft" overlay={card}>\n <Button style={{ ...btnStl, left: 70 }}>TL</Button>\n </OverlayTrigger>\n <OverlayTrigger placement="top" overlay={card}>\n <Button style={{ ...btnStl, left: 70}}>Top</Button>\n </OverlayTrigger>\n <OverlayTrigger placement="topRight" overlay={card}>\n <Button style={{ ...btnStl, left: 70 }}>TR</Button>\n </OverlayTrigger>\n </div>\n <div style={{ position: \'relative\', paddingTop: 10 }}>\n <OverlayTrigger placement="leftTop" overlay={card}>\n <Button style={{ ...btnStl }}>LT</Button>\n </OverlayTrigger>\n <OverlayTrigger placement="rightTop" overlay={card}>\n <Button style={{ ...btnStl, left: 216 }}>RT</Button>\n </OverlayTrigger>\n </div>\n <div style={{ position: \'relative\', paddingTop: 10 }}>\n <OverlayTrigger placement="left" overlay={card}>\n <Button style={{ ...btnStl }}>Left</Button>\n </OverlayTrigger>\n <OverlayTrigger placement="right" overlay={card}>\n <Button style={{ ...btnStl, left: 216 }}>Right</Button>\n </OverlayTrigger>\n </div>\n <div style={{ position: \'relative\', paddingTop: 10 }}>\n <OverlayTrigger placement="leftBottom" overlay={card}>\n <Button style={{ ...btnStl }}>LB</Button>\n </OverlayTrigger>\n <OverlayTrigger placement="rightBottom" overlay={card}>\n <Button style={{ ...btnStl, left: 216 }}>RB</Button>\n </OverlayTrigger>\n </div>\n <div style={{ position: \'relative\', paddingTop: 10 }}>\n <OverlayTrigger placement="bottomLeft" overlay={card}>\n <Button style={{ ...btnStl, left: 70 }}>BL</Button>\n </OverlayTrigger>\n <OverlayTrigger placement="bottom" overlay={card}>\n <Button style={{ ...btnStl, left: 70 }}>Bottom</Button>\n </OverlayTrigger>\n <OverlayTrigger placement="bottomRight" overlay={card}>\n <Button style={{ ...btnStl, left: 70 }}>BR</Button>\n </OverlayTrigger>\n </div>\n </div>\n)\nexport default Demo;'},134:{name:134,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 card = /*#__PURE__*/_react["default"].createElement(_uiw.Card, {\n active: true\n}, /*#__PURE__*/_react["default"].createElement("strong", null, "Hellow uiw!"), " Check this info.", /*#__PURE__*/_react["default"].createElement("br", null), "\\u5C55\\u793A 12 \\u4E2A\\u65B9\\u5411\\u4F4D\\u7F6E");\nvar Demo = /*#__PURE__*/function (_React$Component) {\n _inherits(Demo, _React$Component);\n var _super = _createSuper(Demo);\n function Demo() {\n var _this;\n _classCallCheck(this, Demo);\n _this = _super.call(this);\n _this.state = {\n isVisbale: false\n };\n return _this;\n }\n _createClass(Demo, [{\n key: "onVisibleChange",\n value: function onVisibleChange(isVisbale) {\n this.setState({\n isVisbale: isVisbale\n });\n }\n }, {\n key: "render",\n value: function render() {\n return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.OverlayTrigger, {\n placement: "top",\n isOutside: true,\n onVisibleChange: this.onVisibleChange.bind(this),\n overlay: card\n }, /*#__PURE__*/_react["default"].createElement("span", null, "\\u9F20\\u6807\\u79FB\\u52A8\\u5230\\u6B64\\u5904\\uFF0C\\u663E\\u793A\\u548C\\u6D88\\u5931\\u89E6\\u53D1\\u4E8B\\u4EF6")), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement("div", null, "\\u72B6\\u6001\\uFF1A", this.state.isVisbale ? \'\' : \'\u4e0d\', "\\u53EF\\u89C1"));\n }\n }]);\n return Demo;\n}(_react["default"].Component);\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { OverlayTrigger, Card, Divider } from 'uiw';\n\nconst card = (\n <Card active>\n <strong>Hellow uiw!</strong> Check this info.<br />\n \u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e\n </Card>\n);\n\nclass Demo extends React.Component {\n constructor() {\n super()\n this.state = {\n isVisbale: false,\n }\n }\n onVisibleChange(isVisbale) {\n this.setState({ isVisbale })\n }\n render() {\n return (\n <div>\n <OverlayTrigger\n placement=\"top\"\n isOutside={true}\n onVisibleChange={this.onVisibleChange.bind(this)}\n overlay={card}\n >\n <span>\u9f20\u6807\u79fb\u52a8\u5230\u6b64\u5904\uff0c\u663e\u793a\u548c\u6d88\u5931\u89e6\u53d1\u4e8b\u4ef6</span>\n </OverlayTrigger>\n <Divider />\n <div>\u72b6\u6001\uff1a{this.state.isVisbale ? '' : '\u4e0d'}\u53ef\u89c1</div>\n </div>\n )\n }\n}\nexport default Demo;"},180:{name:180,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 card = /*#__PURE__*/_react["default"].createElement(_uiw.Card, {\n active: true\n}, /*#__PURE__*/_react["default"].createElement("strong", null, "Hellow uiw!"), " Check this info.", /*#__PURE__*/_react["default"].createElement("br", null), "\\u5C55\\u793A 12 \\u4E2A\\u65B9\\u5411\\u4F4D\\u7F6E");\nvar Demo = function Demo() {\n return /*#__PURE__*/_react["default"].createElement(_uiw.OverlayTrigger, {\n delay: {\n show: 0,\n hide: 4000\n },\n placement: "top",\n overlay: card\n }, /*#__PURE__*/_react["default"].createElement("span", null, "\\u9F20\\u6807\\u79FB\\u52A8\\u5230\\u6B64\\u5904\\uFF0C\\u663E\\u793A\\u548C\\u6D88\\u5931\\u89E6\\u53D1\\u4E8B\\u4EF6\\uFF0C\\u5EF6\\u8FDF `4s` \\u6D88\\u5931"));\n};\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { OverlayTrigger, Card } from 'uiw';\n\nconst card = (\n <Card active>\n <strong>Hellow uiw!</strong> Check this info.<br />\n \u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e\n </Card>\n);\nconst Demo = () => (\n <OverlayTrigger delay={{ show: 0, hide: 4000 }} placement=\"top\" overlay={card}>\n <span>\u9f20\u6807\u79fb\u52a8\u5230\u6b64\u5904\uff0c\u663e\u793a\u548c\u6d88\u5931\u89e6\u53d1\u4e8b\u4ef6\uff0c\u5ef6\u8fdf `4s` \u6d88\u5931</span>\n </OverlayTrigger>\n)\nexport default Demo;"},202:{name:202,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 card = /*#__PURE__*/_react["default"].createElement(_uiw.Card, {\n active: true\n}, /*#__PURE__*/_react["default"].createElement("strong", null, "Hellow uiw!"), " Check this info.", /*#__PURE__*/_react["default"].createElement("br", null), "\\u5C55\\u793A 12 \\u4E2A\\u65B9\\u5411\\u4F4D\\u7F6E");\nvar Demo = /*#__PURE__*/function (_React$Component) {\n _inherits(Demo, _React$Component);\n var _super = _createSuper(Demo);\n function Demo() {\n var _this;\n _classCallCheck(this, Demo);\n _this = _super.call(this);\n _this.state = {\n isOpen: false\n };\n return _this;\n }\n _createClass(Demo, [{\n key: "onChange",\n value: function onChange(e) {\n this.clickChecked = false;\n this.setState({\n isOpen: e.target.checked\n });\n }\n }, {\n key: "onVisibleChange",\n value: function onVisibleChange(isOpen) {\n console.log(\'onVisibleChange: \', isOpen);\n this.setState({\n isOpen: isOpen\n });\n }\n }, {\n key: "render",\n value: function render() {\n return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.OverlayTrigger, {\n onVisibleChange: this.onVisibleChange.bind(this),\n isOpen: this.state.isOpen,\n placement: "right",\n onEnter: function onEnter(node, isAppearing) {\n console.log(\'~~\', node, isAppearing);\n },\n overlay: card\n }, /*#__PURE__*/_react["default"].createElement("span", null, "\\u9F20\\u6807\\u79FB\\u52A8\\u5230\\u6B64\\u5904\\uFF0C\\u663E\\u793A\\u548C\\u6D88\\u5931\\u89E6\\u53D1\\u4E8B\\u4EF6")), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement(_uiw.Switch, {\n checked: this.state.isOpen,\n onChange: this.onChange.bind(this)\n }));\n }\n }]);\n return Demo;\n}(_react["default"].Component);\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { OverlayTrigger, Card, Divider, Switch } from 'uiw';\n\nconst card = (\n <Card active>\n <strong>Hellow uiw!</strong> Check this info.<br />\n \u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e\n </Card>\n);\n\nclass Demo extends React.Component {\n constructor() {\n super()\n this.state = {\n isOpen: false,\n }\n }\n onChange(e) {\n this.clickChecked = false;\n this.setState({ isOpen: e.target.checked });\n }\n onVisibleChange(isOpen) {\n console.log('onVisibleChange: ', isOpen);\n this.setState({ isOpen: isOpen });\n }\n render() {\n return (\n <div>\n <OverlayTrigger\n onVisibleChange={this.onVisibleChange.bind(this)}\n isOpen={this.state.isOpen}\n placement=\"right\"\n onEnter={(node, isAppearing) => {\n console.log('~~', node, isAppearing);\n }}\n overlay={card}\n >\n <span>\u9f20\u6807\u79fb\u52a8\u5230\u6b64\u5904\uff0c\u663e\u793a\u548c\u6d88\u5931\u89e6\u53d1\u4e8b\u4ef6</span>\n </OverlayTrigger>\n <Divider />\n <Switch checked={this.state.isOpen} onChange={this.onChange.bind(this)} />\n </div>\n );\n }\n}\nexport default Demo;"},255:{name:255,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; } }\n