@uiw/doc/web/static/js/8818.ab513cce.chunk.js

UIW documentation website.

(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[8818],{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),i=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,d=o.ZP.Code,p=o.ZP.Toolbar,_=e=>{var t,n;let{node:i,components:l,data:u,...c}=e;const _=(0,r.useRef)(null),{headings:m,headingsList:y,...b}=c;(0,r.useEffect)((()=>{if(_.current){const e=_.current.parentElement;e&&e.parentElement&&e.parentElement.replaceChild(_.current,e)}}),[_]);const h=null===i||void 0===i||null===(t=i.position)||void 0===t?void 0:t.start.line,g=null===i||void 0===i||null===(n=i.data)||void 0===n?void 0:n.meta,v=(0,a.Mx)(g)||String(h),E=l["".concat(v)];if(v&&"function"===typeof E){const e=u[v].value||"",t=(0,a.aE)(g||"");return(0,s.jsxs)(o.ZP,{ref:_,children:[(0,s.jsx)(f,{style:{background:t.bg||"transparent"},children:(0,s.jsx)(E,{})}),(0,s.jsx)(p,{text:e,children:t.title||"Example"}),(0,s.jsx)(d,{children:(0,s.jsx)("pre",{...b})})]})}return(0,s.jsx)("code",{...b})};function m(e){return(0,s.jsxs)(r.Fragment,{children:[(0,s.jsx)(i.Z,{className:u.markdownWrap,source:e.source||"",disableCopy:!0,wrapperElement:{"data-color-mode":"light"},components:{code:t=>(0,s.jsx)(_,{...e,...t})}}),(0,s.jsx)(c,{path:e.path})]})}},3304:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>i});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.Loader,{size:"small"}),t.default.createElement(r.Loader,null),t.default.createElement(r.Loader,{size:"large"}))}}(),37: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=function(t,n){if(!n&&t&&t.__esModule)return t;if(null===t||"object"!=e(t)&&"function"!=typeof t)return{default:t};var r=o(n);if(r&&r.has(t))return r.get(t);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in t)if("default"!==l&&Object.prototype.hasOwnProperty.call(t,l)){var u=i?Object.getOwnPropertyDescriptor(t,l):null;u&&(u.get||u.set)?Object.defineProperty(a,l,u):a[l]=t[l]}return a.default=t,r&&r.set(t,a),a}(n(8573)),r=n(7937);function o(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(o=function(e){return e?n:t})(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 i(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 a=c(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 c(e){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},c(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,l,c=s(f);function f(e){var t;return a(this,f),(t=c.call(this,e)).state={loading:!0},t}return n=f,(o=[{key:"render",value:function(){var e=this;return t.default.createElement("div",null,t.default.createElement(r.Row,{gutter:10},t.default.createElement(r.Col,null,t.default.createElement(r.Button,{style:{marginBottom:10},size:"small",onClick:function(){e.setState({loading:!e.state.loading})}},"\u70b9\u51fb\u5207\u6362\u52a0\u8f7d\u72b6\u6001"))),t.default.createElement(r.Row,{gutter:10},t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Loader,{loading:this.state.loading},t.default.createElement(r.Message,{type:"success",title:"\u6210\u529f\u63d0\u793a\u6807\u9898",description:t.default.createElement("span",null,t.default.createElement(r.Icon,{type:"uiw",verticalAlign:"baseline",style:{fill:"#009688"}}),"\u8fd9\u91cc\u662f\u6210\u529f\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002")}))),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Loader,{loading:this.state.loading},t.default.createElement(r.Message,{type:"warning",title:"\u6210\u529f\u63d0\u793a\u6807\u9898",description:"\u8fd9\u91cc\u662f\u6210\u529f\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002"})))))}}])&&i(n.prototype,o),l&&i(n,l),Object.defineProperty(n,"prototype",{writable:!1}),f}(t.Component)}(),105:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);return function(){return t.default.createElement(r.Row,{gutter:10},t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Card,{title:"\u56fe\u6807\u4e0e\u6587\u5b57\u4e00\u884c\u663e\u793a",extra:t.default.createElement("a",{href:"#"},"\u66f4\u591a"),style:{minWidth:230}},t.default.createElement(r.Loader,{color:"red",tip:"\u52a0\u8f7d\u4e2d...",style:{width:"100%"}},t.default.createElement("div",null,"\u5361\u7247\u5185\u5bb9",t.default.createElement("br",null),"\u5361\u7247\u5185\u5bb9",t.default.createElement("br",null),"\u5361\u7247\u5185\u5bb9",t.default.createElement("br",null))))),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Card,{title:"\u56fe\u6807\u4e0e\u6587\u5b57\u5782\u76f4\u663e\u793a",extra:t.default.createElement("a",{href:"#"},"\u66f4\u591a"),style:{minWidth:230}},t.default.createElement(r.Loader,{tip:"loading...",vertical:!0,style:{width:"100%"}},t.default.createElement("div",null,"\u5361\u7247\u5185\u5bb9",t.default.createElement("br",null),"\u5361\u7247\u5185\u5bb9",t.default.createElement("br",null),"\u5361\u7247\u5185\u5bb9",t.default.createElement("br",null))))),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Card,{title:"\u81ea\u5b9a\u4e49\u80cc\u666f\u989c\u8272",extra:t.default.createElement("a",{href:"#"},"\u66f4\u591a"),style:{minWidth:230}},t.default.createElement(r.Loader,{bgColor:"rgba(0, 0, 0, 0.4)",color:"#fff",tip:"loading...",vertical:!0,style:{width:"100%"}},t.default.createElement("div",null,"\u5361\u7247\u5185\u5bb9",t.default.createElement("br",null),"\u5361\u7247\u5185\u5bb9",t.default.createElement("br",null),"\u5361\u7247\u5185\u5bb9",t.default.createElement("br",null))))))}}(),180: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.Card,{title:"Card\u6807\u9898",extra:t.default.createElement("a",{href:"#"},"\u66f4\u591a"),style:{width:300}},t.default.createElement(r.Loader,{tip:"\u52a0\u8f7d\u4e2d...",color:"red",indicator:t.default.createElement(r.Icon,{type:"loading",spin:!0,style:{verticalAlign:"text-top"}}),style:{width:"100%"}},t.default.createElement("div",null,"\u5361\u7247\u5185\u5bb9",t.default.createElement("br",null),"\u5361\u7247\u5185\u5bb9",t.default.createElement("br",null),"\u5361\u7247\u5185\u5bb9",t.default.createElement("br",null)))))}}(),220: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 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 i(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 a=c(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 c(e){return c=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},c(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 t,n,l,c=s(f);function f(){var e;return a(this,f),(e=c.call(this)).state={fullscreen:!1},e}return t=f,(n=[{key:"render",value:function(){var e=this;return r.default.createElement("div",null,r.default.createElement(o.Button,{style:{marginBottom:10},type:"primary",onClick:function(){e.setState({fullscreen:!e.state.fullscreen},(function(){setTimeout((function(){e.setState({fullscreen:!e.state.fullscreen})}),3e3)}))}},"\u663e\u793a\u6574\u9875\u52a0\u8f7d\uff0c3 \u79d2\u540e\u6d88\u5931"),this.state.fullscreen&&r.default.createElement(o.Loader,{tip:"\u52a0\u8f7d\u4e2d...",size:"large",bgColor:"rgba(255, 255, 255, 0.9)",fullscreen:this.state.fullscreen}))}}])&&i(t.prototype,n),l&&i(t,l),Object.defineProperty(t,"prototype",{writable:!1}),f}(r.default.Component)}()},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.Loader, {\n    size: "small"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Loader, null), /*#__PURE__*/_react["default"].createElement(_uiw.Loader, {\n    size: "large"\n  }));\n};',language:"jsx",value:'import React from \'react\';\nimport { Loader } from "uiw";\n\nexport default function Demo() {\n  return (\n    <div>\n      <Loader size="small" />\n      <Loader />\n      <Loader size="large" />\n    </div>\n  );\n}'},37:{name:37,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 = _interopRequireWildcard(require("react"));\nvar _uiw = require("uiw");\nfunction _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }\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 (_Component) {\n  _inherits(Demo, _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      loading: true\n    };\n    return _this;\n  }\n  _createClass(Demo, [{\n    key: "render",\n    value: function render() {\n      var _this2 = this;\n      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n        gutter: 10\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n        style: {\n          marginBottom: 10\n        },\n        size: "small",\n        onClick: function onClick() {\n          _this2.setState({\n            loading: !_this2.state.loading\n          });\n        }\n      }, "\\u70B9\\u51FB\\u5207\\u6362\\u52A0\\u8F7D\\u72B6\\u6001"))), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n        gutter: 10\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n        fixed: true\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Loader, {\n        loading: this.state.loading\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Message, {\n        type: "success",\n        title: "\\u6210\\u529F\\u63D0\\u793A\\u6807\\u9898",\n        description: /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n          type: "uiw",\n          verticalAlign: "baseline",\n          style: {\n            fill: "#009688"\n          }\n        }), "\\u8FD9\\u91CC\\u662F\\u6210\\u529F\\u63D0\\u793A\\u8BE6\\u60C5\\u63CF\\u8FF0\\u3002")\n      }))), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n        fixed: true\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Loader, {\n        loading: this.state.loading\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Message, {\n        type: "warning",\n        title: "\\u6210\\u529F\\u63D0\\u793A\\u6807\\u9898",\n        description: "\\u8FD9\\u91CC\\u662F\\u6210\\u529F\\u63D0\\u793A\\u8BE6\\u60C5\\u63CF\\u8FF0\\u3002"\n      })))));\n    }\n  }]);\n  return Demo;\n}(_react.Component);\nreturn Demo;',language:"jsx",value:'import React, { Component } from \'react\';\nimport { Loader, Row, Col, Message, Icon, Button } from "uiw";\n\nclass Demo extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      loading: true,\n    };\n  }\n  render() {\n    return (\n      <div>\n        <Row gutter={10}>\n          <Col>\n            <Button\n              style={{ marginBottom: 10 }}\n              size="small"\n              onClick={() => {\n                this.setState({\n                  loading: !this.state.loading,\n                });\n              }}\n            >\n              \u70b9\u51fb\u5207\u6362\u52a0\u8f7d\u72b6\u6001\n            </Button>\n          </Col>\n        </Row>\n        <Row gutter={10}>\n          <Col fixed>\n            <Loader loading={this.state.loading}>\n              <Message\n                type="success"\n                title="\u6210\u529f\u63d0\u793a\u6807\u9898"\n                description={\n                  <span>\n                    <Icon\n                      type="uiw"\n                      verticalAlign="baseline"\n                      style={{ fill: "#009688" }}\n                    />\n                    \u8fd9\u91cc\u662f\u6210\u529f\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002\n                  </span>\n                }\n              />\n            </Loader>\n          </Col>\n          <Col fixed>\n            <Loader loading={this.state.loading}>\n              <Message\n                type="warning"\n                title="\u6210\u529f\u63d0\u793a\u6807\u9898"\n                description="\u8fd9\u91cc\u662f\u6210\u529f\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002"\n              />\n            </Loader>\n          </Col>\n        </Row>\n      </div>\n    );\n  }\n}\nexport default Demo;'},105:{name:105,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(_uiw.Row, {\n    gutter: 10\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Card, {\n    title: "\\u56FE\\u6807\\u4E0E\\u6587\\u5B57\\u4E00\\u884C\\u663E\\u793A",\n    extra: /*#__PURE__*/_react["default"].createElement("a", {\n      href: "#"\n    }, "\\u66F4\\u591A"),\n    style: {\n      minWidth: 230\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Loader, {\n    color: "red",\n    tip: "\\u52A0\\u8F7D\\u4E2D...",\n    style: {\n      width: "100%"\n    }\n  }, /*#__PURE__*/_react["default"].createElement("div", null, "\\u5361\\u7247\\u5185\\u5BB9", /*#__PURE__*/_react["default"].createElement("br", null), "\\u5361\\u7247\\u5185\\u5BB9", /*#__PURE__*/_react["default"].createElement("br", null), "\\u5361\\u7247\\u5185\\u5BB9", /*#__PURE__*/_react["default"].createElement("br", null))))), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Card, {\n    title: "\\u56FE\\u6807\\u4E0E\\u6587\\u5B57\\u5782\\u76F4\\u663E\\u793A",\n    extra: /*#__PURE__*/_react["default"].createElement("a", {\n      href: "#"\n    }, "\\u66F4\\u591A"),\n    style: {\n      minWidth: 230\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Loader, {\n    tip: "loading...",\n    vertical: true,\n    style: {\n      width: "100%"\n    }\n  }, /*#__PURE__*/_react["default"].createElement("div", null, "\\u5361\\u7247\\u5185\\u5BB9", /*#__PURE__*/_react["default"].createElement("br", null), "\\u5361\\u7247\\u5185\\u5BB9", /*#__PURE__*/_react["default"].createElement("br", null), "\\u5361\\u7247\\u5185\\u5BB9", /*#__PURE__*/_react["default"].createElement("br", null))))), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Card, {\n    title: "\\u81EA\\u5B9A\\u4E49\\u80CC\\u666F\\u989C\\u8272",\n    extra: /*#__PURE__*/_react["default"].createElement("a", {\n      href: "#"\n    }, "\\u66F4\\u591A"),\n    style: {\n      minWidth: 230\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Loader, {\n    bgColor: "rgba(0, 0, 0, 0.4)",\n    color: "#fff",\n    tip: "loading...",\n    vertical: true,\n    style: {\n      width: "100%"\n    }\n  }, /*#__PURE__*/_react["default"].createElement("div", null, "\\u5361\\u7247\\u5185\\u5BB9", /*#__PURE__*/_react["default"].createElement("br", null), "\\u5361\\u7247\\u5185\\u5BB9", /*#__PURE__*/_react["default"].createElement("br", null), "\\u5361\\u7247\\u5185\\u5BB9", /*#__PURE__*/_react["default"].createElement("br", null))))));\n};',language:"jsx",value:'import React from \'react\';\nimport { Loader, Card, Col, Row } from "uiw";\n\nexport default function Demo() {\n  return (\n    <Row gutter={10}>\n      <Col fixed>\n        <Card\n          title="\u56fe\u6807\u4e0e\u6587\u5b57\u4e00\u884c\u663e\u793a"\n          extra={<a href="#">\u66f4\u591a</a>}\n          style={{ minWidth: 230 }}\n        >\n          <Loader color="red" tip="\u52a0\u8f7d\u4e2d..." style={{ width: "100%" }}>\n            <div>\n              \u5361\u7247\u5185\u5bb9\n              <br />\n              \u5361\u7247\u5185\u5bb9\n              <br />\n              \u5361\u7247\u5185\u5bb9\n              <br />\n            </div>\n          </Loader>\n        </Card>\n      </Col>\n      <Col fixed>\n        <Card\n          title="\u56fe\u6807\u4e0e\u6587\u5b57\u5782\u76f4\u663e\u793a"\n          extra={<a href="#">\u66f4\u591a</a>}\n          style={{ minWidth: 230 }}\n        >\n          <Loader tip="loading..." vertical style={{ width: "100%" }}>\n            <div>\n              \u5361\u7247\u5185\u5bb9\n              <br />\n              \u5361\u7247\u5185\u5bb9\n              <br />\n              \u5361\u7247\u5185\u5bb9\n              <br />\n            </div>\n          </Loader>\n        </Card>\n      </Col>\n      <Col fixed>\n        <Card\n          title="\u81ea\u5b9a\u4e49\u80cc\u666f\u989c\u8272"\n          extra={<a href="#">\u66f4\u591a</a>}\n          style={{ minWidth: 230 }}\n        >\n          <Loader\n            bgColor="rgba(0, 0, 0, 0.4)"\n            color="#fff"\n            tip="loading..."\n            vertical\n            style={{ width: "100%" }}\n          >\n            <div>\n              \u5361\u7247\u5185\u5bb9\n              <br />\n              \u5361\u7247\u5185\u5bb9\n              <br />\n              \u5361\u7247\u5185\u5bb9\n              <br />\n            </div>\n          </Loader>\n        </Card>\n      </Col>\n    </Row>\n  );\n}'},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 }; }\nreturn function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Card, {\n    title: "Card\\u6807\\u9898",\n    extra: /*#__PURE__*/_react["default"].createElement("a", {\n      href: "#"\n    }, "\\u66F4\\u591A"),\n    style: {\n      width: 300\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Loader, {\n    tip: "\\u52A0\\u8F7D\\u4E2D...",\n    color: "red",\n    indicator: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "loading",\n      spin: true,\n      style: {\n        verticalAlign: "text-top"\n      }\n    }),\n    style: {\n      width: "100%"\n    }\n  }, /*#__PURE__*/_react["default"].createElement("div", null, "\\u5361\\u7247\\u5185\\u5BB9", /*#__PURE__*/_react["default"].createElement("br", null), "\\u5361\\u7247\\u5185\\u5BB9", /*#__PURE__*/_react["default"].createElement("br", null), "\\u5361\\u7247\\u5185\\u5BB9", /*#__PURE__*/_react["default"].createElement("br", null)))));\n};',language:"jsx",value:'import React from \'react\';\nimport { Loader, Card, Icon } from "uiw";\n\nexport default function Demo() {\n  return (\n    <div>\n      <Card title="Card\u6807\u9898" extra={<a href="#">\u66f4\u591a</a>} style={{ width: 300 }}>\n        <Loader\n          tip="\u52a0\u8f7d\u4e2d..."\n          color="red"\n          indicator={\n            <Icon\n              type="loading"\n              spin={true}\n              style={{ verticalAlign: "text-top" }}\n            />\n          }\n          style={{ width: "100%" }}\n        >\n          <div>\n            \u5361\u7247\u5185\u5bb9\n            <br />\n            \u5361\u7247\u5185\u5bb9\n            <br />\n            \u5361\u7247\u5185\u5bb9\n            <br />\n          </div>\n        </Loader>\n      </Card>\n    </div>\n  );\n}'},220:{name:220,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 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      fullscreen: false\n    };\n    return _this;\n  }\n  _createClass(Demo, [{\n    key: "render",\n    value: function render() {\n      var _this2 = this;\n      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n        style: {\n          marginBottom: 10\n        },\n        type: "primary",\n        onClick: function onClick() {\n          _this2.setState({\n            fullscreen: !_this2.state.fullscreen\n          }, function () {\n            setTimeout(function () {\n              _this2.setState({\n                fullscreen: !_this2.state.fullscreen\n              });\n            }, 3000);\n          });\n        }\n      }, "\\u663E\\u793A\\u6574\\u9875\\u52A0\\u8F7D\\uFF0C3 \\u79D2\\u540E\\u6D88\\u5931"), this.state.fullscreen && /*#__PURE__*/_react["default"].createElement(_uiw.Loader, {\n        tip: "\\u52A0\\u8F7D\\u4E2D...",\n        size: "large",\n        bgColor: "rgba(255, 255, 255, 0.9)",\n        fullscreen: this.state.fullscreen\n      }));\n    }\n  }]);\n  return Demo;\n}(_react["default"].Component);\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Loader, Icon, Button } from "uiw";\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      fullscreen: false,\n    };\n  }\n  render() {\n    return (\n      <div>\n        <Button\n          style={{ marginBottom: 10 }}\n          type="primary"\n          onClick={() => {\n            this.setState(\n              {\n                fullscreen: !this.state.fullscreen,\n              },\n              () => {\n                setTimeout(() => {\n                  this.setState({\n                    fullscreen: !this.state.fullscreen,\n                  });\n                }, 3000);\n              }\n            );\n          }}\n        >\n          \u663e\u793a\u6574\u9875\u52a0\u8f7d\uff0c3 \u79d2\u540e\u6d88\u5931\n        </Button>\n        {this.state.fullscreen && (\n          <Loader\n            tip="\u52a0\u8f7d\u4e2d..."\n            size="large"\n            bgColor="rgba(255, 255, 255, 0.9)"\n            fullscreen={this.state.fullscreen}\n          />\n        )}\n      </div>\n    );\n  }\n}\n\nexport default Demo;'}},source:'Loader \u52a0\u8f7d\u5668\n===\n\n[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-loader/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-loader.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-loader)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-loader.svg?label=@uiw/react-loader)](https://npmjs.com/@uiw/react-loader)\n\n\u7528\u4e8e\u9875\u9762\u548c\u533a\u5757\u7684\u52a0\u8f7d\u4e2d\u72b6\u6001\u3002\n\n```jsx\nimport { Loader } from \'uiw\';\n// or\nimport Loader from \'@uiw/react-loader\';\n```\n\n### \u57fa\u7840\u5b9e\u4f8b\n\n```jsx mdx:preview&bg=#fff\nimport React from \'react\';\nimport { Loader } from "uiw";\n\nexport default function Demo() {\n  return (\n    <div>\n      <Loader size="small" />\n      <Loader />\n      <Loader size="large" />\n    </div>\n  );\n}\n```\n\n\n### \u8b66\u544a\u63d0\u793a\u4e2d\u52a0\u8f7d\n\n```jsx mdx:preview&bg=#fff\nimport React, { Component } from \'react\';\nimport { Loader, Row, Col, Message, Icon, Button } from "uiw";\n\nclass Demo extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      loading: true,\n    };\n  }\n  render() {\n    return (\n      <div>\n        <Row gutter={10}>\n          <Col>\n            <Button\n              style={{ marginBottom: 10 }}\n              size="small"\n              onClick={() => {\n                this.setState({\n                  loading: !this.state.loading,\n                });\n              }}\n            >\n              \u70b9\u51fb\u5207\u6362\u52a0\u8f7d\u72b6\u6001\n            </Button>\n          </Col>\n        </Row>\n        <Row gutter={10}>\n          <Col fixed>\n            <Loader loading={this.state.loading}>\n              <Message\n                type="success"\n                title="\u6210\u529f\u63d0\u793a\u6807\u9898"\n                description={\n                  <span>\n                    <Icon\n                      type="uiw"\n                      verticalAlign="baseline"\n                      style={{ fill: "#009688" }}\n                    />\n                    \u8fd9\u91cc\u662f\u6210\u529f\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002\n                  </span>\n                }\n              />\n            </Loader>\n          </Col>\n          <Col fixed>\n            <Loader loading={this.state.loading}>\n              <Message\n                type="warning"\n                title="\u6210\u529f\u63d0\u793a\u6807\u9898"\n                description="\u8fd9\u91cc\u662f\u6210\u529f\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002"\n              />\n            </Loader>\n          </Col>\n        </Row>\n      </div>\n    );\n  }\n}\nexport default Demo;\n```\n\n\n### \u5361\u7247\u52a0\u8f7d\u4e2d\n\n```jsx mdx:preview&bg=#fff\nimport React from \'react\';\nimport { Loader, Card, Col, Row } from "uiw";\n\nexport default function Demo() {\n  return (\n    <Row gutter={10}>\n      <Col fixed>\n        <Card\n          title="\u56fe\u6807\u4e0e\u6587\u5b57\u4e00\u884c\u663e\u793a"\n          extra={<a href="#">\u66f4\u591a</a>}\n          style={{ minWidth: 230 }}\n        >\n          <Loader color="red" tip="\u52a0\u8f7d\u4e2d..." style={{ width: "100%" }}>\n            <div>\n              \u5361\u7247\u5185\u5bb9\n              <br />\n              \u5361\u7247\u5185\u5bb9\n              <br />\n              \u5361\u7247\u5185\u5bb9\n              <br />\n            </div>\n          </Loader>\n        </Card>\n      </Col>\n      <Col fixed>\n        <Card\n          title="\u56fe\u6807\u4e0e\u6587\u5b57\u5782\u76f4\u663e\u793a"\n          extra={<a href="#">\u66f4\u591a</a>}\n          style={{ minWidth: 230 }}\n        >\n          <Loader tip="loading..." vertical style={{ width: "100%" }}>\n            <div>\n              \u5361\u7247\u5185\u5bb9\n              <br />\n              \u5361\u7247\u5185\u5bb9\n              <br />\n              \u5361\u7247\u5185\u5bb9\n              <br />\n            </div>\n          </Loader>\n        </Card>\n      </Col>\n      <Col fixed>\n        <Card\n          title="\u81ea\u5b9a\u4e49\u80cc\u666f\u989c\u8272"\n          extra={<a href="#">\u66f4\u591a</a>}\n          style={{ minWidth: 230 }}\n        >\n          <Loader\n            bgColor="rgba(0, 0, 0, 0.4)"\n            color="#fff"\n            tip="loading..."\n            vertical\n            style={{ width: "100%" }}\n          >\n            <div>\n              \u5361\u7247\u5185\u5bb9\n              <br />\n              \u5361\u7247\u5185\u5bb9\n              <br />\n              \u5361\u7247\u5185\u5bb9\n              <br />\n            </div>\n          </Loader>\n        </Card>\n      </Col>\n    </Row>\n  );\n}\n```\n\n\n### \u81ea\u5b9a\u4e49\u52a0\u8f7d\u56fe\u6807\u52a8\u753b\n\n```jsx mdx:preview&bg=#fff\nimport React from \'react\';\nimport { Loader, Card, Icon } from "uiw";\n\nexport default function Demo() {\n  return (\n    <div>\n      <Card title="Card\u6807\u9898" extra={<a href="#">\u66f4\u591a</a>} style={{ width: 300 }}>\n        <Loader\n          tip="\u52a0\u8f7d\u4e2d..."\n          color="red"\n          indicator={\n            <Icon\n              type="loading"\n              spin={true}\n              style={{ verticalAlign: "text-top" }}\n            />\n          }\n          style={{ width: "100%" }}\n        >\n          <div>\n            \u5361\u7247\u5185\u5bb9\n            <br />\n            \u5361\u7247\u5185\u5bb9\n            <br />\n            \u5361\u7247\u5185\u5bb9\n            <br />\n          </div>\n        </Loader>\n      </Card>\n    </div>\n  );\n}\n```\n\n\n### \u6574\u9875\u52a0\u8f7d\n\n\u9875\u9762\u6570\u636e\u52a0\u8f7d\u65f6\u663e\u793a\u3002\n\n```jsx mdx:preview&bg=#fff\nimport React from \'react\';\nimport { Loader, Icon, Button } from "uiw";\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      fullscreen: false,\n    };\n  }\n  render() {\n    return (\n      <div>\n        <Button\n          style={{ marginBottom: 10 }}\n          type="primary"\n          onClick={() => {\n            this.setState(\n              {\n                fullscreen: !this.state.fullscreen,\n              },\n              () => {\n                setTimeout(() => {\n                  this.setState({\n                    fullscreen: !this.state.fullscreen,\n                  });\n                }, 3000);\n              }\n            );\n          }}\n        >\n          \u663e\u793a\u6574\u9875\u52a0\u8f7d\uff0c3 \u79d2\u540e\u6d88\u5931\n        </Button>\n        {this.state.fullscreen && (\n          <Loader\n            tip="\u52a0\u8f7d\u4e2d..."\n            size="large"\n            bgColor="rgba(255, 255, 255, 0.9)"\n            fullscreen={this.state.fullscreen}\n          />\n        )}\n      </div>\n    );\n  }\n}\n\nexport default Demo;\n```\n\n\n### Props\n\n| \u53c2\u6570       | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n| ---------- | ------- | ------- | --------- |\n| size       | \u5c3a\u5bf8 | Enum{`small`, `default`, `large`} | `default` |\n| loading    | \u662f\u5426\u65cb\u8f6c | Boolean | `true` |\n| indicator  | \u52a0\u8f7d\u6307\u793a\u7b26\uff0c\u53ef\u4ee5\u52a0\u8f7d\u4e00\u4e2a Icon \u52a8\u753b   | ReactNode | - |\n| tip        | \u5f53\u4f5c\u4e3a\u5305\u88f9\u5143\u7d20\u65f6\uff0c\u53ef\u4ee5\u81ea\u5b9a\u4e49\u63cf\u8ff0\u6587\u6848 | String  | - |\n| color      | \u8bbe\u7f6e\u56fe\u6807\u4e0e\u6587\u5b57\u7684\u989c\u8272 | String  | - |\n| vertical   | \u56fe\u6807\u4e0e\u6587\u5b57\u5782\u76f4\u663e\u793a | Boolean | - |\n| bgColor    | \u81ea\u5b9a\u4e49\u80cc\u666f\u989c\u8272 | String  | - |\n| fullscreen | \u662f\u5426\u5168\u5c4f\u663e\u793a | Boolean | `false` |\n',headings:[],headingsList:[]};var o=n(5301),a=n(4760);function i(){return(0,a.jsx)(o.Z,{...r,path:"https://github.com/uiwjs/uiw/tree/master/packages/react-loader/README.md"})}}}]);
//# sourceMappingURL=8818.ab513cce.chunk.js.map