npm - @uiw/doc - Versions diffs - 5.0.0-bate-1 → 5.0.0-bate-4 - Mend

@uiw/doc 5.0.0-bate-1 → 5.0.0-bate-4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (349) hide show

package/web/static/js/2144.42edbee6.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[2144],{4934:function(e){function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=function(){return[]},t.resolve=t,t.id=4934,e.exports=t},270:function(e,t,n){"use strict";n.d(t,{Z:function(){return S}});var r=n(189),o=n(3782),i=n(5726),c=n(5752),a=n(6796),s=n(6135),d=n.n(s),u=n(2029),l=n(8133),p=n(9265),f=["version","codePen","codeSandbox"],h=function(e,t){var n=(t\|\|[]).join("\|");return e.replace(/import([\s\S]?)(?=['"])['"].['"]( ;\|;)?/gm,(function(e){return n&&new RegExp("from\\s+['\"](".concat(n,")['\"](s.+)?;?")).test(e)?e:"/* ".concat(e," **/")}))};function m(e){var t=e.version,n=e.codePen,i=e.codeSandbox,c=(0,o.Z)(e,f),s=(0,r.Z)({},c),m=(0,l.useRef)(null),x=[];if(n){var v={title:"uiw".concat(t," - demo"),js:"".concat(h(s.text\|\|"",["uiw"]).replace("export default","const APP_Default = "),'\nReactDOM.createRoot(document.getElementById("container")).render(<APP_Default />)'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")};x.push((0,p.jsx)(d(),(0,r.Z)((0,r.Z)({},v),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z","p-id":"2071"})})}),"Codepen"))}if(i){var k={files:{"sandbox.config.json":{content:'{\n "template": "node",\n "container": {\n "startScript": "start",\n "node": "14"\n }\n }'},"public/index.html":{content:'<div id="container"></div>'},"src/app.js":{content:s.text},"src/index.js":{content:'import React from "react";\nimport ReactClient from "react-dom/client";\nimport App from "./app";\nReactClient.createRoot(document.getElementById("container")).render(<App />);'},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(t," - demo"),dependencies:{react:"18.1.0","react-dom":"18.1.0",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}};x.push((0,p.jsx)(u.Z,(0,r.Z)((0,r.Z)({},k),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z","p-id":"4089"})})}),"Codesandbox"))}return(0,p.jsx)(a.Z,(0,r.Z)((0,r.Z)({},s),{},{ref:m,toolbarExtra:(0,p.jsx)(l.Fragment,{children:x})}))}var x=n(2814),v=n(2251);function k(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.path,n=(0,v.$)(),r=n.t,o=/^http/.test(t\|\|"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,p.jsxs)(l.Fragment,{children:[r("footer.greeting"),o&&(0,p.jsx)("a",{href:o,target:"_blank",rel:"noopener noreferrer",children:r("footer.greetLinkText")}),(0,p.jsx)("br",{}),(0,p.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:r("footer.issues")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:r("footer.bug")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:r("footer.github")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:r("footer.kkt")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:r("footer.kkt_ssr")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:r("footer.io")})]})}var g="index_docinfo__3Vx8S",j="index_markdown__hcQCp",b=n(7946),w=n(3369),Z=["inline","node"],_=["data-meta","noPreview","noScroll","bgWhite","noCode","codePen","codeSandboxOption","codeSandbox","bordered"];function S(e){var t=e.renderPage,n=e.path,a=(0,b.Z)(t),s=a.mdData,d=a.loading,u=c.i8\|\|"2.0.0";return s.source?(0,p.jsxs)("div",{children:[(0,p.jsx)(x.Loader,{style:{width:"100%"},loading:d,tip:"loading...",children:(0,p.jsx)("div",{children:(0,p.jsx)(i.Z,{source:s.source,className:j,components:{code:function(e){var t,n=e.inline,i=e.node,c=(0,o.Z)(e,Z),a=c["data-meta"],d=(c.noPreview,c.noScroll,c.bgWhite,c.noCode),l=(c.codePen,c.codeSandboxOption,c.codeSandbox,c.bordered,(0,o.Z)(c,_));if(n\|\|!(0,w.pN)(a))return(0,p.jsx)("code",(0,r.Z)({},l));var f=null===(t=i.position)\|\|void 0===t?void 0:t.start.line,h=(0,w.Mx)(a)\|\|String(f),x=s.components["".concat(h)],v=(0,w.aE)(a);if(h&&"function"===typeof x){var k=s.data[h].value\|\|"";return(0,p.jsx)(m,{toolbar:v.title\|\|"\u793a\u4f8b\u5c55\u793a",disableToolbar:d,codePen:v.codePen,codeSandbox:v.codeSandbox,disableCheckered:!!v.disableCheckered,background:v.background,version:u,code:(0,p.jsx)("pre",{children:(0,p.jsx)("code",(0,r.Z)({},l))}),text:k,children:(0,p.jsx)(x,{})})}return(0,p.jsx)("code",(0,r.Z)({},l))}}})})}),(0,p.jsx)("div",{className:g,children:(0,p.jsx)(k,{path:n})})]}):null}},7946:function(e,t,n){"use strict";n.d(t,{A:function(){return d}});var r=n(1092),o=n(7791),i=n(1026),c=n(8133),a=n(2251),s=n(3208),d=function(){var e=(0,a.$)().i18n;return e.language===s.X?"":"."+e.language};t.Z=function(e){var t=(0,c.useState)({source:"",components:{},data:{}}),n=(0,i.Z)(t,2),a=n[0],s=n[1],u=d(),l=(0,c.useState)(!1),p=(0,i.Z)(l,2),f=p[0],h=p[1];return(0,c.useEffect)((function(){var t=function(){var t=(0,o.Z)((0,r.Z)().mark((function t(){var n;return(0,r.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e){t.next=13;break}return h((function(){return!0})),t.prev=2,t.next=5,e(u);case 5:(n=t.sent)&&s(n),t.next=12;break;case 9:t.prev=9,t.t0=t.catch(2),console.warn(t.t0);case 12:h((function(){return!1}));case 13:case"end":return t.stop()}}),t,null,[[2,9]])})));return function(){return t.apply(this,arguments)}}();t()}),[u]),{mdData:a,loading:f}}},9683:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return s}});var r=n(1092),o=n(7791),i=(n(8133),n(2814)),c=n(270),a=n(9265);function s(){return(0,a.jsx)(c.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-modal/README.md",dependencies:{Modal:i.Modal,ButtonGroup:i.ButtonGroup,Button:i.Button,Notify:i.Notify,Form:i.Form,Input:i.Input,Checkbox:i.Checkbox,Switch:i.Switch,RadioGroup:i.RadioGroup,Radio:i.Radio,Textarea:i.Textarea,Row:i.Row,Col:i.Col},renderPage:(0,o.Z)((0,r.Z)().mark((function e(){var t;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n.e(8630).then(n.bind(n,8630));case 2:return t=e.sent,e.abrupt("return",t.default\|\|t);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	- //# sourceMappingURL=2144.42edbee6.chunk.js.map

package/web/static/js/2204.ff7bfaf1.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[2204],{2204:function(e,t,n){n.r(t),t.default={components:{18:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);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"}))}}(),36: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={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in t)if("default"!==l&&Object.prototype.hasOwnProperty.call(t,l)){var i=u?Object.getOwnPropertyDescriptor(t,l):null;i&&(i.get\|\|i.set)?Object.defineProperty(a,l,i):a[l]=t[l]}a.default=t,r&&r.set(t,a);return a}(n(8133)),r=n(2814);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 u(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,r.key,r)}}function l(e,t){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},l(e,t)}function i(e){var t=function(){if("undefined"===typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=s(e);if(t){var o=s(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return c(this,n)}}function c(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)}function s(e){return s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},s(e)}return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&l(e,t)}(f,e);var n,o,c,s=i(f);function f(e){var t;return a(this,f),(t=s.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"})))))}}])&&u(n.prototype,o),c&&u(n,c),Object.defineProperty(n,"prototype",{writable:!1}),f}(t.Component)}(),104:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);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))))))}}(),178:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);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)))))}}(),218: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(8133))&&t.__esModule?t:{default:t},o=n(2814);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 u(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,r.key,r)}}function l(e,t){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},l(e,t)}function i(e){var t=function(){if("undefined"===typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=s(e);if(t){var o=s(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return c(this,n)}}function c(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)}function s(e){return s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},s(e)}return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&l(e,t)}(f,e);var t,n,c,s=i(f);function f(){var e;return a(this,f),(e=s.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}))}}])&&u(t.prototype,n),c&&u(t,c),Object.defineProperty(t,"prototype",{writable:!1}),f}(r.default.Component)}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction 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}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Loader } from "uiw";\n\nfunction Demo() {\n return <div>\n <Loader size="small" />\n <Loader />\n <Loader size="large" />\n </div>\n}\n\nexport default Demo'},36:{name:36,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},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; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireWildcard(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\n\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null \|\| _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get \|\| desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\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, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\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); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\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); }; }\n\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); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\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\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar Demo = /#__PURE__/function (_Component) {\n _inherits(Demo, _Component);\n\n var _super = _createSuper(Demo);\n\n function Demo(props) {\n var _this;\n\n _classCallCheck(this, Demo);\n\n _this = _super.call(this, props);\n _this.state = {\n loading: true\n };\n return _this;\n }\n\n _createClass(Demo, [{\n key: "render",\n value: function render() {\n var _this2 = this;\n\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\n return Demo;\n}(_react.Component);\n\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'},104:{name:104,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction 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}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Loader, Card, Col, Row } from "uiw";\n\nfunction Demo() {\n return <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}\nexport default Demo'},178:{name:178,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction 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}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Loader, Card, Icon } from "uiw";\n\nfunction Demo() {\n return <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\nexport default Demo'},218:{name:218,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},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; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\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, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\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); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\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); }; }\n\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); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\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\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar Demo = /#__PURE__/function (_React$Component) {\n _inherits(Demo, _React$Component);\n\n var _super = _createSuper(Demo);\n\n function Demo() {\n var _this;\n\n _classCallCheck(this, Demo);\n\n _this = _super.call(this);\n _this.state = {\n fullscreen: false\n };\n return _this;\n }\n\n _createClass(Demo, [{\n key: "render",\n value: function render() {\n var _this2 = this;\n\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\n return Demo;\n}(_react["default"].Component);\n\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[![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&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Loader } from "uiw";\n\nfunction Demo() {\n return <div>\n <Loader size="small" />\n <Loader />\n <Loader size="large" />\n </div>\n}\n\nexport default Demo\n```\n\n\n### \u8b66\u544a\u63d0\u793a\u4e2d\u52a0\u8f7d\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\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&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Loader, Card, Col, Row } from "uiw";\n\nfunction Demo() {\n return <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}\nexport default Demo\n```\n\n\n### \u81ea\u5b9a\u4e49\u52a0\u8f7d\u56fe\u6807\u52a8\u753b\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Loader, Card, Icon } from "uiw";\n\nfunction Demo() {\n return <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\nexport default Demo\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&background=#fff&codeSandbox=true&codePen=true\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'}}}]);
2	- //# sourceMappingURL=2204.ff7bfaf1.chunk.js.map

package/web/static/js/2206.c3122497.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[2206],{2206:function(u,e,n){n.r(e),e.default={components:{20:function(){var u,e=(u=n(8133))&&u.__esModule?u:{default:u},t=n(2814);return function(){return e.default.createElement("div",{style:{maxWidth:530}},e.default.createElement("div",null,"\u5468\u661f\u9a70\uff1a \u9999\u6e2f\u6f14\u5458\u3001\u5bfc\u6f14\u3002\u7956\u7c4d\u6d59\u6c5f\u5b81\u6ce2\uff0c1962\u5e746\u670822\u65e5\u751f\u4e8e\u9999\u6e2f\uff0c\u4ed6\u662f\u9999\u6e2f\u6700\u4e3a\u91cd\u8981\u7684\u559c\u5267\u7247\u6f14\u5458\u4e0e\u7f16\u5bfc\u4e4b\u4e00\u3002\u4e2d\u5b66\u6bd5\u4e1a\u4ee5\u540e\u8003\u5165\u9999\u6e2f\u65e0\u7ebf\u7535\u89c6\u53f0\u827a\u5458\u8bad\u7ec3\u73ed\u7684\u591c\u95f4\u90e8\u3002\u7ed3\u4e1a\u540e\u6210\u4e3a\u65e0\u7ebf\u827a\u4eba\uff0c\u6700\u521d\u66fe\u5728\u300a\u9999\u57ce\u6d6a\u5b50\u300b\u300a\u5c04\u96d5\u82f1\u96c4\u4f20\u300b\u7b49\u5267\u96c6\u4e2d\u62c5\u4efb\u4e34\u65f6\u6f14\u5458\u3002"),e.default.createElement(t.Divider,null),e.default.createElement("div",null,"\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002"),e.default.createElement(t.Divider,null,"\u5927\u8bdd\u897f\u6e38"),e.default.createElement("div",null,"\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 \u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 \u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 \u4e00\u4e07\u5e74"),e.default.createElement(t.Divider,{dashed:!0}),e.default.createElement("div",null,"\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002"))}}(),40:function(){var u,e=(u=n(8133))&&u.__esModule?u:{default:u},t=n(2814);return function(){return e.default.createElement("div",null,"\u9996\u9875",e.default.createElement(t.Divider,{type:"vertical"}),e.default.createElement("a",{href:"#"},"\u5217\u8868\u9875\u9762"),e.default.createElement(t.Divider,{type:"vertical"}),e.default.createElement("a",{href:"#"},"\u6587\u7ae0\u8be6\u60c5"))}}(),58:function(){var u,e=(u=n(8133))&&u.__esModule?u:{default:u},t=n(2814);return function(){return e.default.createElement("div",{style:{maxWidth:530}},e.default.createElement(t.Divider,{dashed:!0}),e.default.createElement("div",null,"\u5468\u661f\u9a70\uff1a \u9999\u6e2f\u6f14\u5458\u3001\u5bfc\u6f14\u3002\u7956\u7c4d\u6d59\u6c5f\u5b81\u6ce2\uff0c1962\u5e746\u670822\u65e5\u751f\u4e8e\u9999\u6e2f\uff0c\u4ed6\u662f\u9999\u6e2f\u6700\u4e3a\u91cd\u8981\u7684\u559c\u5267\u7247\u6f14\u5458\u4e0e\u7f16\u5bfc\u4e4b\u4e00\u3002\u4e2d\u5b66\u6bd5\u4e1a\u4ee5\u540e\u8003\u5165\u9999\u6e2f\u65e0\u7ebf\u7535\u89c6\u53f0\u827a\u5458\u8bad\u7ec3\u73ed\u7684\u591c\u95f4\u90e8\u3002\u7ed3\u4e1a\u540e\u6210\u4e3a\u65e0\u7ebf\u827a\u4eba\uff0c\u6700\u521d\u66fe\u5728\u300a\u9999\u57ce\u6d6a\u5b50\u300b\u300a\u5c04\u96d5\u82f1\u96c4\u4f20\u300b\u7b49\u5267\u96c6\u4e2d\u62c5\u4efb\u4e34\u65f6\u6f14\u5458\u3002"),e.default.createElement(t.Divider,{align:"left"},"\u5927\u8bdd\u897f\u6e38"),e.default.createElement("div",null,"\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002"),e.default.createElement(t.Divider,null,"\u5927\u8bdd\u897f\u6e38"),e.default.createElement("div",null,"\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002"),e.default.createElement(t.Divider,{dashed:!0,align:"right"},"\u5927\u8bdd\u897f\u6e38"),e.default.createElement("div",null,"\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002"))}}()},data:{20:{name:20,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", {\n style: {\n maxWidth: 530\n }\n }, /#__PURE__/_react["default"].createElement("div", null, "\\u5468\\u661F\\u9A70\\uFF1A \\u9999\\u6E2F\\u6F14\\u5458\\u3001\\u5BFC\\u6F14\\u3002\\u7956\\u7C4D\\u6D59\\u6C5F\\u5B81\\u6CE2\\uFF0C1962\\u5E746\\u670822\\u65E5\\u751F\\u4E8E\\u9999\\u6E2F\\uFF0C\\u4ED6\\u662F\\u9999\\u6E2F\\u6700\\u4E3A\\u91CD\\u8981\\u7684\\u559C\\u5267\\u7247\\u6F14\\u5458\\u4E0E\\u7F16\\u5BFC\\u4E4B\\u4E00\\u3002\\u4E2D\\u5B66\\u6BD5\\u4E1A\\u4EE5\\u540E\\u8003\\u5165\\u9999\\u6E2F\\u65E0\\u7EBF\\u7535\\u89C6\\u53F0\\u827A\\u5458\\u8BAD\\u7EC3\\u73ED\\u7684\\u591C\\u95F4\\u90E8\\u3002\\u7ED3\\u4E1A\\u540E\\u6210\\u4E3A\\u65E0\\u7EBF\\u827A\\u4EBA\\uFF0C\\u6700\\u521D\\u66FE\\u5728\\u300A\\u9999\\u57CE\\u6D6A\\u5B50\\u300B\\u300A\\u5C04\\u96D5\\u82F1\\u96C4\\u4F20\\u300B\\u7B49\\u5267\\u96C6\\u4E2D\\u62C5\\u4EFB\\u4E34\\u65F6\\u6F14\\u5458\\u3002"), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement("div", null, "\\u53E4\\u6709\\u5173\\u4E91\\u957F\\u5168\\u795E\\u8D2F\\u6CE8\\u4E0B\\u8C61\\u68CB\\u522E\\u9AA8\\u7597\\u6BD2\\uFF0C\\u4ECA\\u6709\\u6211\\u96F6\\u96F6\\u6F06\\u805A\\u7CBE\\u4F1A\\u795E\\u770BA\\u7247\\u6316\\u9AA8\\u53D6\\u5F39\\u5934\\u3002"), /#__PURE__/_react["default"].createElement(_uiw.Divider, null, "\\u5927\\u8BDD\\u897F\\u6E38"), /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u6709\\u4E00\\u4EFD\\u771F\\u8BDA\\u7684\\u7231\\u60C5\\u653E\\u5728\\u6211\\u9762\\u524D\\uFF0C\\u6211\\u6CA1\\u6709\\u73CD\\u60DC\\uFF0C\\u7B49\\u6211\\u5931\\u53BB\\u7684\\u65F6\\u5019\\u6211\\u624D\\u540E\\u6094\\u83AB\\u53CA\\uFF0C\\u4EBA\\u4E16\\u95F4\\u6700\\u75DB\\u82E6\\u7684\\u4E8B\\u83AB\\u8FC7\\u4E8E\\u6B64\\u3002 \\u5982\\u679C\\u4E0A\\u5929\\u80FD\\u591F\\u7ED9\\u6211\\u4E00\\u4E2A\\u518D\\u6765\\u4E00\\u6B21\\u7684\\u673A\\u4F1A\\uFF0C\\u6211\\u4F1A\\u5BF9\\u90A3\\u4E2A\\u5973\\u5B69\\u5B50\\u8BF4\\u4E09\\u4E2A\\u5B57\\uFF1A\\u6211\\u7231\\u4F60\\u3002 \\u5982\\u679C\\u975E\\u8981\\u5728\\u8FD9\\u4EFD\\u7231\\u4E0A\\u52A0\\u4E0A\\u4E00\\u4E2A\\u671F\\u9650\\uFF0C\\u6211\\u5E0C\\u671B\\u662F\\u2026\\u2026 \\u4E00\\u4E07\\u5E74"), /#__PURE__/_react["default"].createElement(_uiw.Divider, {\n dashed: true\n }), /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u75DB\\u82E6\\uFF0C\\u624D\\u77E5\\u9053\\u771F\\u6B63\\u7684\\u75DB\\u82E6\\uFF1B\\u66FE\\u7ECF\\u6267\\u8457\\uFF0C\\u624D\\u80FD\\u653E\\u4E0B\\u6267\\u8457\\uFF1B\\u66FE\\u7ECF\\u7275\\u6302\\uFF0C\\u624D\\u80FD\\u4E86\\u65E0\\u7275\\u6302\\u3002"));\n};\n\nreturn Demo;',language:"jsx",value:"import React from \"react\"\nimport { Divider } from 'uiw';\n\nconst Demo = () => (\n <div style={{ maxWidth: 530 }}>\n <div>\u5468\u661f\u9a70\uff1a \u9999\u6e2f\u6f14\u5458\u3001\u5bfc\u6f14\u3002\u7956\u7c4d\u6d59\u6c5f\u5b81\u6ce2\uff0c1962\u5e746\u670822\u65e5\u751f\u4e8e\u9999\u6e2f\uff0c\u4ed6\u662f\u9999\u6e2f\u6700\u4e3a\u91cd\u8981\u7684\u559c\u5267\u7247\u6f14\u5458\u4e0e\u7f16\u5bfc\u4e4b\u4e00\u3002\u4e2d\u5b66\u6bd5\u4e1a\u4ee5\u540e\u8003\u5165\u9999\u6e2f\u65e0\u7ebf\u7535\u89c6\u53f0\u827a\u5458\u8bad\u7ec3\u73ed\u7684\u591c\u95f4\u90e8\u3002\u7ed3\u4e1a\u540e\u6210\u4e3a\u65e0\u7ebf\u827a\u4eba\uff0c\u6700\u521d\u66fe\u5728\u300a\u9999\u57ce\u6d6a\u5b50\u300b\u300a\u5c04\u96d5\u82f1\u96c4\u4f20\u300b\u7b49\u5267\u96c6\u4e2d\u62c5\u4efb\u4e34\u65f6\u6f14\u5458\u3002</div>\n <Divider />\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n <Divider>\u5927\u8bdd\u897f\u6e38</Divider>\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 \u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 \u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 \u4e00\u4e07\u5e74</div>\n <Divider dashed />\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </div>\n);\nexport default Demo"},40:{name:40,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, "\\u9996\\u9875", /#__PURE__/_react["default"].createElement(_uiw.Divider, {\n type: "vertical"\n }), /#__PURE__/_react["default"].createElement("a", {\n href: "#"\n }, "\\u5217\\u8868\\u9875\\u9762"), /#__PURE__/_react["default"].createElement(_uiw.Divider, {\n type: "vertical"\n }), /#__PURE__/_react["default"].createElement("a", {\n href: "#"\n }, "\\u6587\\u7AE0\\u8BE6\\u60C5"));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Divider } from \'uiw\';\n\nconst Demo = () => (\n <div>\n \u9996\u9875\n <Divider type="vertical" />\n <a href="#">\u5217\u8868\u9875\u9762</a>\n <Divider type="vertical" />\n <a href="#">\u6587\u7ae0\u8be6\u60c5</a>\n </div>\n);\nexport default Demo'},58:{name:58,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", {\n style: {\n maxWidth: 530\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Divider, {\n dashed: true\n }), /#__PURE__/_react["default"].createElement("div", null, "\\u5468\\u661F\\u9A70\\uFF1A \\u9999\\u6E2F\\u6F14\\u5458\\u3001\\u5BFC\\u6F14\\u3002\\u7956\\u7C4D\\u6D59\\u6C5F\\u5B81\\u6CE2\\uFF0C1962\\u5E746\\u670822\\u65E5\\u751F\\u4E8E\\u9999\\u6E2F\\uFF0C\\u4ED6\\u662F\\u9999\\u6E2F\\u6700\\u4E3A\\u91CD\\u8981\\u7684\\u559C\\u5267\\u7247\\u6F14\\u5458\\u4E0E\\u7F16\\u5BFC\\u4E4B\\u4E00\\u3002\\u4E2D\\u5B66\\u6BD5\\u4E1A\\u4EE5\\u540E\\u8003\\u5165\\u9999\\u6E2F\\u65E0\\u7EBF\\u7535\\u89C6\\u53F0\\u827A\\u5458\\u8BAD\\u7EC3\\u73ED\\u7684\\u591C\\u95F4\\u90E8\\u3002\\u7ED3\\u4E1A\\u540E\\u6210\\u4E3A\\u65E0\\u7EBF\\u827A\\u4EBA\\uFF0C\\u6700\\u521D\\u66FE\\u5728\\u300A\\u9999\\u57CE\\u6D6A\\u5B50\\u300B\\u300A\\u5C04\\u96D5\\u82F1\\u96C4\\u4F20\\u300B\\u7B49\\u5267\\u96C6\\u4E2D\\u62C5\\u4EFB\\u4E34\\u65F6\\u6F14\\u5458\\u3002"), /#__PURE__/_react["default"].createElement(_uiw.Divider, {\n align: "left"\n }, "\\u5927\\u8BDD\\u897F\\u6E38"), /#__PURE__/_react["default"].createElement("div", null, "\\u53E4\\u6709\\u5173\\u4E91\\u957F\\u5168\\u795E\\u8D2F\\u6CE8\\u4E0B\\u8C61\\u68CB\\u522E\\u9AA8\\u7597\\u6BD2\\uFF0C\\u4ECA\\u6709\\u6211\\u96F6\\u96F6\\u6F06\\u805A\\u7CBE\\u4F1A\\u795E\\u770BA\\u7247\\u6316\\u9AA8\\u53D6\\u5F39\\u5934\\u3002"), /#__PURE__/_react["default"].createElement(_uiw.Divider, null, "\\u5927\\u8BDD\\u897F\\u6E38"), /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u6709\\u4E00\\u4EFD\\u771F\\u8BDA\\u7684\\u7231\\u60C5\\u653E\\u5728\\u6211\\u9762\\u524D\\uFF0C\\u6211\\u6CA1\\u6709\\u73CD\\u60DC\\uFF0C\\u7B49\\u6211\\u5931\\u53BB\\u7684\\u65F6\\u5019\\u6211\\u624D\\u540E\\u6094\\u83AB\\u53CA\\uFF0C\\u4EBA\\u4E16\\u95F4\\u6700\\u75DB\\u82E6\\u7684\\u4E8B\\u83AB\\u8FC7\\u4E8E\\u6B64\\u3002"), /#__PURE__/_react["default"].createElement(_uiw.Divider, {\n dashed: true,\n align: "right"\n }, "\\u5927\\u8BDD\\u897F\\u6E38"), /#__PURE__/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u75DB\\u82E6\\uFF0C\\u624D\\u77E5\\u9053\\u771F\\u6B63\\u7684\\u75DB\\u82E6\\uFF1B\\u66FE\\u7ECF\\u6267\\u8457\\uFF0C\\u624D\\u80FD\\u653E\\u4E0B\\u6267\\u8457\\uFF1B\\u66FE\\u7ECF\\u7275\\u6302\\uFF0C\\u624D\\u80FD\\u4E86\\u65E0\\u7275\\u6302\\u3002"));\n};\n\nreturn Demo;',language:"jsx",value:'import React from "react"\nimport { Divider } from \'uiw\';\n\nconst Demo = () => (\n <div style={{ maxWidth: 530 }}>\n <Divider dashed />\n <div>\u5468\u661f\u9a70\uff1a \u9999\u6e2f\u6f14\u5458\u3001\u5bfc\u6f14\u3002\u7956\u7c4d\u6d59\u6c5f\u5b81\u6ce2\uff0c1962\u5e746\u670822\u65e5\u751f\u4e8e\u9999\u6e2f\uff0c\u4ed6\u662f\u9999\u6e2f\u6700\u4e3a\u91cd\u8981\u7684\u559c\u5267\u7247\u6f14\u5458\u4e0e\u7f16\u5bfc\u4e4b\u4e00\u3002\u4e2d\u5b66\u6bd5\u4e1a\u4ee5\u540e\u8003\u5165\u9999\u6e2f\u65e0\u7ebf\u7535\u89c6\u53f0\u827a\u5458\u8bad\u7ec3\u73ed\u7684\u591c\u95f4\u90e8\u3002\u7ed3\u4e1a\u540e\u6210\u4e3a\u65e0\u7ebf\u827a\u4eba\uff0c\u6700\u521d\u66fe\u5728\u300a\u9999\u57ce\u6d6a\u5b50\u300b\u300a\u5c04\u96d5\u82f1\u96c4\u4f20\u300b\u7b49\u5267\u96c6\u4e2d\u62c5\u4efb\u4e34\u65f6\u6f14\u5458\u3002</div>\n <Divider align="left">\u5927\u8bdd\u897f\u6e38</Divider>\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n <Divider>\u5927\u8bdd\u897f\u6e38</Divider>\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002</div>\n <Divider dashed align="right">\u5927\u8bdd\u897f\u6e38</Divider>\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </div>\n);\nexport default Demo'}},source:'Divider \u5206\u5272\u7ebf\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-divider/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-divider.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-divider)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-divider.svg?label=@uiw/react-divider)](https://npmjs.com/@uiw/react-divider)\n\n\u533a\u9694\u5185\u5bb9\u7684\u5206\u5272\u7ebf\u3002\n\n```jsx\nimport { Divider } from \'uiw\';\n// or\nimport Divider from \'@uiw/react-divider\';\n```\n\n### \u57fa\u7840\u5b9e\u4f8b\n\n\u57fa\u7840\u5b9e\u4f8b\u5305\u542b\u865a\u7ebf\u5206\u5272\u7ebf\u3001\u5e26\u6587\u672c\u7684\u5206\u5272\u7ebf\u3001\u5b9e\u7ebf\u5206\u5272\u7ebf\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Divider } from \'uiw\';\n\nconst Demo = () => (\n <div style={{ maxWidth: 530 }}>\n <div>\u5468\u661f\u9a70\uff1a \u9999\u6e2f\u6f14\u5458\u3001\u5bfc\u6f14\u3002\u7956\u7c4d\u6d59\u6c5f\u5b81\u6ce2\uff0c1962\u5e746\u670822\u65e5\u751f\u4e8e\u9999\u6e2f\uff0c\u4ed6\u662f\u9999\u6e2f\u6700\u4e3a\u91cd\u8981\u7684\u559c\u5267\u7247\u6f14\u5458\u4e0e\u7f16\u5bfc\u4e4b\u4e00\u3002\u4e2d\u5b66\u6bd5\u4e1a\u4ee5\u540e\u8003\u5165\u9999\u6e2f\u65e0\u7ebf\u7535\u89c6\u53f0\u827a\u5458\u8bad\u7ec3\u73ed\u7684\u591c\u95f4\u90e8\u3002\u7ed3\u4e1a\u540e\u6210\u4e3a\u65e0\u7ebf\u827a\u4eba\uff0c\u6700\u521d\u66fe\u5728\u300a\u9999\u57ce\u6d6a\u5b50\u300b\u300a\u5c04\u96d5\u82f1\u96c4\u4f20\u300b\u7b49\u5267\u96c6\u4e2d\u62c5\u4efb\u4e34\u65f6\u6f14\u5458\u3002</div>\n <Divider />\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n <Divider>\u5927\u8bdd\u897f\u6e38</Divider>\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 \u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 \u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 \u4e00\u4e07\u5e74</div>\n <Divider dashed />\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </div>\n);\nexport default Demo\n```\n\n### \u5782\u76f4\u5206\u5272\u7ebf\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Divider } from \'uiw\';\n\nconst Demo = () => (\n <div>\n \u9996\u9875\n <Divider type="vertical" />\n <a href="#">\u5217\u8868\u9875\u9762</a>\n <Divider type="vertical" />\n <a href="#">\u6587\u7ae0\u8be6\u60c5</a>\n </div>\n);\nexport default Demo\n```\n\n### \u6807\u9898\u5bf9\u9f50\u4f4d\u7f6e\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from "react"\nimport { Divider } from \'uiw\';\n\nconst Demo = () => (\n <div style={{ maxWidth: 530 }}>\n <Divider dashed />\n <div>\u5468\u661f\u9a70\uff1a \u9999\u6e2f\u6f14\u5458\u3001\u5bfc\u6f14\u3002\u7956\u7c4d\u6d59\u6c5f\u5b81\u6ce2\uff0c1962\u5e746\u670822\u65e5\u751f\u4e8e\u9999\u6e2f\uff0c\u4ed6\u662f\u9999\u6e2f\u6700\u4e3a\u91cd\u8981\u7684\u559c\u5267\u7247\u6f14\u5458\u4e0e\u7f16\u5bfc\u4e4b\u4e00\u3002\u4e2d\u5b66\u6bd5\u4e1a\u4ee5\u540e\u8003\u5165\u9999\u6e2f\u65e0\u7ebf\u7535\u89c6\u53f0\u827a\u5458\u8bad\u7ec3\u73ed\u7684\u591c\u95f4\u90e8\u3002\u7ed3\u4e1a\u540e\u6210\u4e3a\u65e0\u7ebf\u827a\u4eba\uff0c\u6700\u521d\u66fe\u5728\u300a\u9999\u57ce\u6d6a\u5b50\u300b\u300a\u5c04\u96d5\u82f1\u96c4\u4f20\u300b\u7b49\u5267\u96c6\u4e2d\u62c5\u4efb\u4e34\u65f6\u6f14\u5458\u3002</div>\n <Divider align="left">\u5927\u8bdd\u897f\u6e38</Divider>\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n <Divider>\u5927\u8bdd\u897f\u6e38</Divider>\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002</div>\n <Divider dashed align="right">\u5927\u8bdd\u897f\u6e38</Divider>\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </div>\n);\nexport default Demo\n```\n\n## API\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| type \| \u6c34\u5e73\u8fd8\u662f\u5782\u76f4\u7c7b\u578b \| enum{`horizontal`,`vertical`}\t\| `horizontal` \|\n\| dashed \| \u662f\u5426\u865a\u7ebf \|\tBoolean\t\| `false` \|\n\| align \| \u5206\u5272\u7ebf\u6807\u9898\u7684\u5bf9\u9f50\u4f4d\u7f6e \| Enum{`left`, `right`, `center`}\t\| `center` \|\n'}}}]);
2	- //# sourceMappingURL=2206.c3122497.chunk.js.map

package/web/static/js/2287.d38944f1.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[2287],{2287:function(e,t,n){n.r(t),t.default={components:{19:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);var o=r.Progress.Line,s={marginBottom:10};return function(){return t.default.createElement("div",null,t.default.createElement(r.Progress.Line,{style:s,percent:30}),t.default.createElement(o,{style:s,percent:50,status:"active"}),t.default.createElement(o,{style:s,percent:70,status:"exception"}),t.default.createElement(o,{style:s,percent:100}),t.default.createElement(o,{style:s,percent:50,showText:!1}))}}(),41:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);var o=r.Progress.Line,s={marginBottom:10};return function(){return t.default.createElement("div",null,t.default.createElement(r.Progress.Line,{style:s,strokeWidth:6,percent:30}),t.default.createElement(o,{style:s,strokeWidth:14,percent:50,status:"active"}),t.default.createElement(o,{style:s,strokeWidth:18,percent:70,status:"exception"}),t.default.createElement(o,{style:s,strokeWidth:12,percent:100}),t.default.createElement(o,{style:s,strokeWidth:14,percent:50,showText:!1}))}}(),61:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);var o=r.Progress.Circle,s={marginBottom:10};return function(){return t.default.createElement("div",null,t.default.createElement(r.Progress.Circle,{style:s,percent:30}),t.default.createElement(o,{style:s,percent:75}),t.default.createElement(o,{style:s,percent:70,status:"exception"}),t.default.createElement(o,{style:s,percent:100}))}}(),82:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);var o={marginRight:15};return function(){return t.default.createElement("div",null,t.default.createElement(r.Progress.Circle,{style:o,width:80,strokeWidth:2,percent:30}),t.default.createElement(r.Progress.Circle,{style:o,width:100,strokeWidth:10,percent:75}),t.default.createElement(r.Progress.Circle,{style:o,percent:70,status:"exception"}),t.default.createElement(r.Progress.Circle,{style:o,width:100,strokeWidth:3,percent:75}))}}(),102: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(8133))&&t.__esModule?t:{default:t},o=n(2814);function s(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 c(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,r.key,r)}}function i(e,t){return i=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},i(e,t)}function a(e){var t=function(){if("undefined"===typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=l(e);if(t){var o=l(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return u(this,n)}}function u(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)}function l(e){return l=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},l(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&&i(e,t)}(p,e);var t,n,u,l=a(p);function p(e){var t;return s(this,p),(t=l.call(this,e)).state={percent:50},t}return t=p,(n=[{key:"increase",value:function(){var e=this.state.percent+10;e>100&&(e=100),this.setState({percent:e})}},{key:"decline",value:function(){var e=this.state.percent-10;e<0&&(e=0),this.setState({percent:e})}},{key:"render",value:function(){return r.default.createElement("div",{style:{maxWidth:400}},r.default.createElement(o.Progress.Line,{percent:this.state.percent}),r.default.createElement(o.Progress.Circle,{percent:this.state.percent}),r.default.createElement("div",null,r.default.createElement("button",{onClick:this.decline.bind(this)},"minus -"),r.default.createElement("button",{onClick:this.increase.bind(this)},"plus +")))}}])&&c(t.prototype,n),u&&c(t,u),Object.defineProperty(t,"prototype",{writable:!1}),p}(r.default.Component)}(),148: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(8133))&&t.__esModule?t:{default:t},o=n(2814);function s(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 c(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,r.key,r)}}function i(e,t){return i=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},i(e,t)}function a(e){var t=function(){if("undefined"===typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=l(e);if(t){var o=l(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return u(this,n)}}function u(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)}function l(e){return l=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},l(e)}var p={marginRight:10},f=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&&i(e,t)}(f,e);var t,n,u,l=a(f);function f(){return s(this,f),l.apply(this,arguments)}return t=f,(n=[{key:"render",value:function(){return r.default.createElement("div",null,r.default.createElement(o.Progress.Circle,{style:p,percent:80,type:"circle",format:function(e){return r.default.createElement("span",null,"".concat(e," %"),r.default.createElement("div",{style:{padding:"10px 0 0 0",fontSize:21}},"\u5df2\u5b8c\u6210"))}}),r.default.createElement(o.Progress.Circle,{style:p,percent:70,status:"exception",type:"circle",format:function(e){return r.default.createElement("span",null,"".concat(e," %"),r.default.createElement("div",{style:{padding:"10px 0 0 0",fontSize:21}},"\u5df2\u5173\u95ed"))}}),r.default.createElement(o.Progress.Circle,{style:p,percent:100,type:"circle",format:function(e){return"\u5df2\u5b8c\u6210"}}),r.default.createElement(o.Progress.Line,{style:p,percent:70,format:function(e){return"".concat(e,"\u2103")}}),r.default.createElement(o.Progress.Line,{strokeWidth:18,percent:1,status:"exception"}))}}])&&c(t.prototype,n),u&&c(t,u),Object.defineProperty(t,"prototype",{writable:!1}),f}(r.default.Component);return f}()},data:{19:{name:19,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Line = _uiw.Progress.Line;\nvar sty = {\n marginBottom: 10\n};\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Progress.Line, {\n style: sty,\n percent: 30\n }), /#__PURE__/_react["default"].createElement(Line, {\n style: sty,\n percent: 50,\n status: "active"\n }), /#__PURE__/_react["default"].createElement(Line, {\n style: sty,\n percent: 70,\n status: "exception"\n }), /#__PURE__/_react["default"].createElement(Line, {\n style: sty,\n percent: 100\n }), /#__PURE__/_react["default"].createElement(Line, {\n style: sty,\n percent: 50,\n showText: false\n }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Progress } from 'uiw';\n\nconst { Line } = Progress;\nconst sty = {marginBottom:10}\nconst Demo = () => (\n <div>\n <Progress.Line style={sty} percent={30} />\n <Line style={sty} percent={50} status=\"active\" />\n <Line style={sty} percent={70} status=\"exception\" />\n <Line style={sty} percent={100} />\n <Line style={sty} percent={50} showText={false} />\n </div>\n);\nexport default Demo"},41:{name:41,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Line = _uiw.Progress.Line;\nvar sty = {\n marginBottom: 10\n};\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Progress.Line, {\n style: sty,\n strokeWidth: 6,\n percent: 30\n }), /#__PURE__/_react["default"].createElement(Line, {\n style: sty,\n strokeWidth: 14,\n percent: 50,\n status: "active"\n }), /#__PURE__/_react["default"].createElement(Line, {\n style: sty,\n strokeWidth: 18,\n percent: 70,\n status: "exception"\n }), /#__PURE__/_react["default"].createElement(Line, {\n style: sty,\n strokeWidth: 12,\n percent: 100\n }), /#__PURE__/_react["default"].createElement(Line, {\n style: sty,\n strokeWidth: 14,\n percent: 50,\n showText: false\n }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Progress } from 'uiw';\n\nconst { Line } = Progress;\nconst sty = {marginBottom:10}\nconst Demo = () => (\n <div>\n <Progress.Line style={sty} strokeWidth={6} percent={30} />\n <Line style={sty} strokeWidth={14} percent={50} status=\"active\" />\n <Line style={sty} strokeWidth={18} percent={70} status=\"exception\" />\n <Line style={sty} strokeWidth={12} percent={100} />\n <Line style={sty} strokeWidth={14} percent={50} showText={false} />\n </div>\n);\nexport default Demo"},61:{name:61,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Circle = _uiw.Progress.Circle;\nvar sty = {\n marginBottom: 10\n};\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Progress.Circle, {\n style: sty,\n percent: 30\n }), /#__PURE__/_react["default"].createElement(Circle, {\n style: sty,\n percent: 75\n }), /#__PURE__/_react["default"].createElement(Circle, {\n style: sty,\n percent: 70,\n status: "exception"\n }), /#__PURE__/_react["default"].createElement(Circle, {\n style: sty,\n percent: 100\n }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Progress } from 'uiw';\n\nconst { Circle } = Progress;\nconst sty = {marginBottom:10}\nconst Demo = () => (\n <div>\n <Progress.Circle style={sty} percent={30} />\n <Circle style={sty} percent={75} />\n <Circle style={sty} percent={70} status=\"exception\" />\n <Circle style={sty} percent={100} />\n </div>\n);\nexport default Demo"},82:{name:82,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar sty = {\n marginRight: 15\n};\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Progress.Circle, {\n style: sty,\n width: 80,\n strokeWidth: 2,\n percent: 30\n }), /#__PURE__/_react["default"].createElement(_uiw.Progress.Circle, {\n style: sty,\n width: 100,\n strokeWidth: 10,\n percent: 75\n }), /#__PURE__/_react["default"].createElement(_uiw.Progress.Circle, {\n style: sty,\n percent: 70,\n status: "exception"\n }), /#__PURE__/_react["default"].createElement(_uiw.Progress.Circle, {\n style: sty,\n width: 100,\n strokeWidth: 3,\n percent: 75\n }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Progress } from 'uiw';\n\nlet sty = {marginRight:15}\nconst Demo = () => (\n <div>\n <Progress.Circle style={sty} width={80} strokeWidth={2} percent={30} />\n <Progress.Circle style={sty} width={100} strokeWidth={10} percent={75} />\n <Progress.Circle style={sty} percent={70} status=\"exception\" />\n <Progress.Circle style={sty} width={100} strokeWidth={3} percent={75} />\n </div>\n);\nexport default Demo"},102:{name:102,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},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; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\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, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\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); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\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); }; }\n\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); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\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\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar Demo = /#__PURE__/function (_React$Component) {\n _inherits(Demo, _React$Component);\n\n var _super = _createSuper(Demo);\n\n function Demo(props) {\n var _this;\n\n _classCallCheck(this, Demo);\n\n _this = _super.call(this, props);\n _this.state = {\n percent: 50\n };\n return _this;\n }\n\n _createClass(Demo, [{\n key: "increase",\n value: function increase() {\n var percent = this.state.percent + 10;\n\n if (percent > 100) {\n percent = 100;\n }\n\n this.setState({\n percent: percent\n });\n }\n }, {\n key: "decline",\n value: function decline() {\n var percent = this.state.percent - 10;\n\n if (percent < 0) {\n percent = 0;\n }\n\n this.setState({\n percent: percent\n });\n }\n }, {\n key: "render",\n value: function render() {\n var sty = {\n marginRight: 15\n };\n return /#__PURE__/_react["default"].createElement("div", {\n style: {\n maxWidth: 400\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Progress.Line, {\n percent: this.state.percent\n }), /#__PURE__/_react["default"].createElement(_uiw.Progress.Circle, {\n percent: this.state.percent\n }), /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement("button", {\n onClick: this.decline.bind(this)\n }, "minus -"), /#__PURE__/_react["default"].createElement("button", {\n onClick: this.increase.bind(this)\n }, "plus +")));\n }\n }]);\n\n return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Progress } from 'uiw';\n\nclass Demo extends React.Component {\n constructor(props){\n super(props);\n this.state = {\n percent: 50,\n }\n }\n increase(){\n let percent = this.state.percent + 10;\n if (percent > 100) {\n percent = 100;\n }\n this.setState({ percent });\n }\n decline(){\n let percent = this.state.percent - 10;\n if (percent < 0) {\n percent = 0;\n }\n this.setState({ percent });\n }\n render() {\n let sty = {marginRight:15}\n return (\n <div style={{maxWidth:400}}>\n <Progress.Line percent={this.state.percent} />\n <Progress.Circle percent={this.state.percent} />\n <div>\n <button onClick={this.decline.bind(this)}>minus -</button>\n <button onClick={this.increase.bind(this)}>plus +</button>\n </div>\n </div>\n )\n }\n}\nexport default Demo"},148:{name:148,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},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; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\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, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\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); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\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); }; }\n\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); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\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\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar sty = {\n marginRight: 10\n};\n\nvar Demo = /#__PURE__/function (_React$Component) {\n _inherits(Demo, _React$Component);\n\n var _super = _createSuper(Demo);\n\n function Demo() {\n _classCallCheck(this, Demo);\n\n return _super.apply(this, arguments);\n }\n\n _createClass(Demo, [{\n key: "render",\n value: function render() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Progress.Circle, {\n style: sty,\n percent: 80,\n type: "circle",\n format: function format(percent) {\n return /#__PURE__/_react["default"].createElement("span", null, "".concat(percent, " %"), /#__PURE__/_react["default"].createElement("div", {\n style: {\n padding: "10px 0 0 0",\n fontSize: 21\n }\n }, "\\u5DF2\\u5B8C\\u6210"));\n }\n }), /#__PURE__/_react["default"].createElement(_uiw.Progress.Circle, {\n style: sty,\n percent: 70,\n status: "exception",\n type: "circle",\n format: function format(percent) {\n return /#__PURE__/_react["default"].createElement("span", null, "".concat(percent, " %"), /#__PURE__/_react["default"].createElement("div", {\n style: {\n padding: "10px 0 0 0",\n fontSize: 21\n }\n }, "\\u5DF2\\u5173\\u95ED"));\n }\n }), /#__PURE__/_react["default"].createElement(_uiw.Progress.Circle, {\n style: sty,\n percent: 100,\n type: "circle",\n format: function format(percent) {\n return "\\u5DF2\\u5B8C\\u6210";\n }\n }), /#__PURE__/_react["default"].createElement(_uiw.Progress.Line, {\n style: sty,\n percent: 70,\n format: function format(percent) {\n return "".concat(percent, "\\u2103");\n }\n }), /#__PURE__/_react["default"].createElement(_uiw.Progress.Line, {\n strokeWidth: 18,\n percent: 1,\n status: "exception"\n }));\n }\n }]);\n\n return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Progress } from \'uiw\';\n\nconst sty = {marginRight:10}\nclass Demo extends React.Component {\n render() {\n return (\n <div>\n <Progress.Circle style={sty} percent={80} type="circle" format={percent => (\n <span>\n {`${percent} %`}\n <div style={{padding:"10px 0 0 0",fontSize:21}}>\u5df2\u5b8c\u6210</div>\n </span>\n )}/>\n <Progress.Circle style={sty} percent={70} status="exception" type="circle" format={percent => (\n <span>\n {`${percent} %`}\n <div style={{padding:"10px 0 0 0",fontSize:21}}>\u5df2\u5173\u95ed</div>\n </span>\n )}/>\n <Progress.Circle style={sty} percent={100} type="circle" format={percent => `\u5df2\u5b8c\u6210`}/>\n <Progress.Line style={sty} percent={70} format={percent => `${percent}\u2103`}/>\n <Progress.Line strokeWidth={18} percent={1} status="exception" />\n </div>\n )\n }\n}\nexport default Demo'}},source:"Progress \u8fdb\u5ea6\u6761\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-progress/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-progress.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-progress)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-progress.svg?label=@uiw/react-progress)](https://npmjs.com/@uiw/react-progress)\n\n\u7528\u4e8e\u5c55\u793a\u64cd\u4f5c\u8fdb\u5ea6\uff0c\u544a\u77e5\u7528\u6237\u5f53\u524d\u72b6\u6001\u548c\u9884\u671f\u3002\n\n```jsx\nimport { Progress } from 'uiw';\nconst { Line, Circle } = Progress;\n// or\nimport Progress from '@uiw/react-progress';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Progress } from 'uiw';\n\nconst { Line } = Progress;\nconst sty = {marginBottom:10}\nconst Demo = () => (\n <div>\n <Progress.Line style={sty} percent={30} />\n <Line style={sty} percent={50} status=\"active\" />\n <Line style={sty} percent={70} status=\"exception\" />\n <Line style={sty} percent={100} />\n <Line style={sty} percent={50} showText={false} />\n </div>\n);\nexport default Demo\n```\n\n### \u8fdb\u5ea6\u6761\u5927\u5c0f\u8bbe\u7f6e\n\n\u8bbe\u7f6e\u53c2\u6570`strokeWidth`\u5373\u53ef\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Progress } from 'uiw';\n\nconst { Line } = Progress;\nconst sty = {marginBottom:10}\nconst Demo = () => (\n <div>\n <Progress.Line style={sty} strokeWidth={6} percent={30} />\n <Line style={sty} strokeWidth={14} percent={50} status=\"active\" />\n <Line style={sty} strokeWidth={18} percent={70} status=\"exception\" />\n <Line style={sty} strokeWidth={12} percent={100} />\n <Line style={sty} strokeWidth={14} percent={50} showText={false} />\n </div>\n);\nexport default Demo\n```\n\n### \u5706\u5708\u8fdb\u5ea6\u6761\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Progress } from 'uiw';\n\nconst { Circle } = Progress;\nconst sty = {marginBottom:10}\nconst Demo = () => (\n <div>\n <Progress.Circle style={sty} percent={30} />\n <Circle style={sty} percent={75} />\n <Circle style={sty} percent={70} status=\"exception\" />\n <Circle style={sty} percent={100} />\n </div>\n);\nexport default Demo\n```\n\n### \u4e0d\u540c\u5c3a\u5bf8\u5706\u5708\u8fdb\u5ea6\u6761\n\n\u901a\u8fc7`strokeWidth`\u8bbe\u7f6e\u5706\u5708\u8fdb\u5ea6\u5bbd\u5e26\uff0c\u901a\u8fc7`width`\uff08`type=\"circle\"`\u6709\u6548\uff09\u8bbe\u7f6e\u5706\u5708\u5927\u5c0f\uff0c\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Progress } from 'uiw';\n\nlet sty = {marginRight:15}\nconst Demo = () => (\n <div>\n <Progress.Circle style={sty} width={80} strokeWidth={2} percent={30} />\n <Progress.Circle style={sty} width={100} strokeWidth={10} percent={75} />\n <Progress.Circle style={sty} percent={70} status=\"exception\" />\n <Progress.Circle style={sty} width={100} strokeWidth={3} percent={75} />\n </div>\n);\nexport default Demo\n```\n\n### \u52a8\u6001\u5c55\u793a\n\n\u8fdb\u5ea6\u6761\u52a8\u6001\u5c55\u793a\u66f4\u76f4\u89c2\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Progress } from 'uiw';\n\nclass Demo extends React.Component {\n constructor(props){\n super(props);\n this.state = {\n percent: 50,\n }\n }\n increase(){\n let percent = this.state.percent + 10;\n if (percent > 100) {\n percent = 100;\n }\n this.setState({ percent });\n }\n decline(){\n let percent = this.state.percent - 10;\n if (percent < 0) {\n percent = 0;\n }\n this.setState({ percent });\n }\n render() {\n let sty = {marginRight:15}\n return (\n <div style={{maxWidth:400}}>\n <Progress.Line percent={this.state.percent} />\n <Progress.Circle percent={this.state.percent} />\n <div>\n <button onClick={this.decline.bind(this)}>minus -</button>\n <button onClick={this.increase.bind(this)}>plus +</button>\n </div>\n </div>\n )\n }\n}\nexport default Demo\n```\n\n## \u81ea\u5b9a\u4e49\u6587\u5b57\u683c\u5f0f\n\n`format` \u5c5e\u6027\u6307\u5b9a\u683c\u5f0f\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Progress } from 'uiw';\n\nconst sty = {marginRight:10}\nclass Demo extends React.Component {\n render() {\n return (\n <div>\n <Progress.Circle style={sty} percent={80} type=\"circle\" format={percent => (\n <span>\n {`${percent} %`}\n <div style={{padding:\"10px 0 0 0\",fontSize:21}}>\u5df2\u5b8c\u6210</div>\n </span>\n )}/>\n <Progress.Circle style={sty} percent={70} status=\"exception\" type=\"circle\" format={percent => (\n <span>\n {`${percent} %`}\n <div style={{padding:\"10px 0 0 0\",fontSize:21}}>\u5df2\u5173\u95ed</div>\n </span>\n )}/>\n <Progress.Circle style={sty} percent={100} type=\"circle\" format={percent => `\u5df2\u5b8c\u6210`}/>\n <Progress.Line style={sty} percent={70} format={percent => `${percent}\u2103`}/>\n <Progress.Line strokeWidth={18} percent={1} status=\"exception\" />\n </div>\n )\n }\n}\nexport default Demo\n```\n\n\n## API\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|------ \|-------- \|---------- \|-------- \|\n\| percent \| \u767e\u5206\u6bd4 \| Number \| `0` \|\n\| showText \| \u662f\u5426\u663e\u793a\u8fdb\u5ea6\u6761\u6587\u5b57\u5185\u5bb9 \| Boolean \| `true` \|\n\| format \| \u5185\u5bb9\u7684\u6a21\u677f\u51fd\u6570\uff0c\u81ea\u5b9a\u4e49\u6587\u5b57\u683c\u5f0f\u3002 \| Function \| - \|\n\| strokeWidth \| \u8fdb\u5ea6\u6761\u7ebf\u7684\u5bbd\u5ea6 \| Number \| `6` \|\n\| width \| \u5706\u5f62\u8fdb\u5ea6\u6761\u753b\u5e03\u5bbd\u5ea6\uff0c\u5355\u4f4d px ,`type=\"circle\"`\u6709\u6548\| Number \| `126` \|\n\| status \| \u72b6\u6001\uff0c\u53ef\u9009\uff1a`success` `exception` `active` \| Enum{'`success`', '`exception`'} \| - \|\n"}}}]);
2	- //# sourceMappingURL=2287.d38944f1.chunk.js.map

package/web/static/js/2637.d996c040.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[2637],{2637:function(e,n,t){t.r(n),n.default={components:{18:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},a=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(a.Row,{gutter:20},n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Badge,{count:9},n.default.createElement(a.Avatar,{shape:"square",size:"large"}))),n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Badge,{count:100},n.default.createElement(a.Avatar,{shape:"square",size:"large"}))),n.default.createElement(a.Col,null,n.default.createElement(a.Badge,{dot:!0,count:9},n.default.createElement(a.Avatar,{shape:"square",size:"large"})))),n.default.createElement(a.Divider,null),n.default.createElement(a.Badge,{count:12},"\u8bc4\u8bba"))}}(),54:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},a=t(2814);var r={marginRight:20,display:"inline-block"};return function(){return n.default.createElement("div",null,n.default.createElement(a.Row,{gutter:20},n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Badge,{count:99},n.default.createElement(a.Avatar,{shape:"square",size:"large"}))),n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Badge,{count:100,style:{backgroundColor:"#87d068"}},n.default.createElement(a.Avatar,{shape:"square",size:"large"}))),n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Badge,{count:99,max:10,style:r},n.default.createElement(a.Avatar,{shape:"square",size:"large"}))),n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Badge,{count:100,max:999,style:r},n.default.createElement(a.Avatar,{shape:"square",size:"large"}))),n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Badge,{count:100,max:999,style:r},n.default.createElement(a.Avatar,{shape:"square",size:"large"})))))}}(),97:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},a=t(2814);return function(){return n.default.createElement(a.Row,{gutter:10},n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Badge,{count:25})),n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Badge,{count:4,style:{backgroundColor:"#fff",color:"#f04134",boxShadow:"rgb(217, 217, 217) 0px 0px 0px 1px inset"}})),n.default.createElement(a.Col,{fixed:!0},n.default.createElement(a.Badge,{count:109,style:{backgroundColor:"#87d068"}})))}}(),121:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},a=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(a.Badge,{dot:!0,style:{marginRight:10}},"\u6570\u636e\u67e5\u8be2"),n.default.createElement(a.Badge,{dot:!0,count:4},n.default.createElement(a.Icon,{type:"mail-o"})))}}(),142:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},a=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(a.Badge,{color:"#28a745"}),n.default.createElement(a.Badge,{color:"#008EF0"}),n.default.createElement(a.Badge,{color:"#dc3545"}),n.default.createElement(a.Badge,{color:"#393E48"}),n.default.createElement(a.Badge,{color:"#ffc107"}),n.default.createElement(a.Badge,{color:"#f95c2b"}),n.default.createElement(a.Badge,{color:"#dc3545"}),n.default.createElement(a.Badge,{color:"#c2c2c2"}),n.default.createElement(a.Badge,{color:"#F95C2B",processing:!0}),n.default.createElement("br",null),n.default.createElement(a.Badge,{color:"#28a745"},"Success"),n.default.createElement("br",null),n.default.createElement(a.Badge,{color:"#dc3545"},"Error"),n.default.createElement("br",null),n.default.createElement(a.Badge,{color:"#c2c2c2"},"Default"),n.default.createElement("br",null),n.default.createElement(a.Badge,{color:"#008EF0",processing:!0},"Processing"),n.default.createElement("br",null),n.default.createElement(a.Badge,{color:"#ffc107"},"Warning"),n.default.createElement(a.Badge,{color:"#ffc107",processing:!0},"Warning"))}}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 20\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n count: 9\n }, /#__PURE__/_react["default"].createElement(_uiw.Avatar, {\n shape: "square",\n size: "large"\n }))), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n count: 100\n }, /#__PURE__/_react["default"].createElement(_uiw.Avatar, {\n shape: "square",\n size: "large"\n }))), /#__PURE__/_react["default"].createElement(_uiw.Col, null, /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n dot: true,\n count: 9\n }, /#__PURE__/_react["default"].createElement(_uiw.Avatar, {\n shape: "square",\n size: "large"\n })))), /#__PURE__/_react["default"].createElement(_uiw.Divider, null), /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n count: 12\n }, "\\u8BC4\\u8BBA"));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Badge, Row, Col, Avatar, Divider } from \'uiw\';\n\nfunction Demo() {\n return <div>\n <Row gutter={20}>\n <Col fixed>\n <Badge count={9}>\n <Avatar shape="square" size="large" />\n </Badge>\n </Col>\n <Col fixed>\n <Badge count={100}>\n <Avatar shape="square" size="large" />\n </Badge>\n </Col>\n <Col>\n <Badge dot count={9}>\n <Avatar shape="square" size="large" />\n </Badge>\n </Col>\n </Row>\n <Divider />\n <Badge count={12}>\n \u8bc4\u8bba\n </Badge>\n </div>\n}\nexport default Demo'},54:{name:54,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar styl = {\n marginRight: 20,\n display: \'inline-block\'\n};\n\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 20\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n count: 99\n }, /#__PURE__/_react["default"].createElement(_uiw.Avatar, {\n shape: "square",\n size: "large"\n }))), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n count: 100,\n style: {\n backgroundColor: \'#87d068\'\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Avatar, {\n shape: "square",\n size: "large"\n }))), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n count: 99,\n max: 10,\n style: styl\n }, /#__PURE__/_react["default"].createElement(_uiw.Avatar, {\n shape: "square",\n size: "large"\n }))), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n count: 100,\n max: 999,\n style: styl\n }, /#__PURE__/_react["default"].createElement(_uiw.Avatar, {\n shape: "square",\n size: "large"\n }))), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n count: 100,\n max: 999,\n style: styl\n }, /#__PURE__/_react["default"].createElement(_uiw.Avatar, {\n shape: "square",\n size: "large"\n })))));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Badge, Row, Col, Avatar, Divider } from \'uiw\';\n\nconst styl={ marginRight: 20, display: \'inline-block\' }\nfunction Demo() {\n return <div>\n <Row gutter={20}>\n <Col fixed>\n <Badge count={99}>\n <Avatar shape="square" size="large" />\n </Badge>\n </Col>\n <Col fixed>\n <Badge count={100} style={{ backgroundColor: \'#87d068\' }}>\n <Avatar shape="square" size="large" />\n </Badge>\n </Col>\n <Col fixed>\n <Badge count={99} max={10} style={styl}>\n <Avatar shape="square" size="large" />\n </Badge>\n </Col>\n <Col fixed>\n <Badge count={100} max={999} style={styl}>\n <Avatar shape="square" size="large" />\n </Badge>\n </Col>\n <Col fixed>\n <Badge count={100} max={999} style={styl}>\n <Avatar shape="square" size="large" />\n </Badge>\n </Col>\n </Row>\n </div>\n}\nexport default Demo'},97:{name:97,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction 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.Badge, {\n count: 25\n })), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n count: 4,\n style: {\n backgroundColor: \'#fff\',\n color: \'#f04134\',\n boxShadow: \'rgb(217, 217, 217) 0px 0px 0px 1px inset\'\n }\n })), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n count: 109,\n style: {\n backgroundColor: \'#87d068\'\n }\n })));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Badge, Row, Col } from 'uiw';\n\nfunction Demo() {\n return <Row gutter={10}>\n <Col fixed>\n <Badge count={25} />\n </Col>\n <Col fixed>\n <Badge count={4} style={{ backgroundColor: '#fff', color: '#f04134', boxShadow: 'rgb(217, 217, 217) 0px 0px 0px 1px inset' }} /> \n </Col>\n <Col fixed>\n <Badge count={109} style={{ backgroundColor: '#87d068' }} /> \n </Col>\n </Row>\n}\nexport default Demo"},121:{name:121,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n dot: true,\n style: {\n marginRight: 10\n }\n }, "\\u6570\\u636E\\u67E5\\u8BE2"), /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n dot: true,\n count: 4\n }, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: "mail-o"\n })));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Badge, Icon } from 'uiw';\n\nfunction Demo() {\n return <div>\n <Badge dot style={{ marginRight: 10 }}>\n \u6570\u636e\u67e5\u8be2\n </Badge>\n <Badge dot count={4}>\n <Icon type='mail-o' />\n </Badge>\n </div>\n}\nexport default Demo"},142:{name:142,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n color: "#28a745"\n }), /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n color: "#008EF0"\n }), /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n color: "#dc3545"\n }), /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n color: "#393E48"\n }), /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n color: "#ffc107"\n }), /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n color: "#f95c2b"\n }), /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n color: "#dc3545"\n }), /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n color: "#c2c2c2"\n }), /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n color: "#F95C2B",\n processing: true\n }), /#__PURE__/_react["default"].createElement("br", null), /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n color: "#28a745"\n }, "Success"), /#__PURE__/_react["default"].createElement("br", null), /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n color: "#dc3545"\n }, "Error"), /#__PURE__/_react["default"].createElement("br", null), /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n color: "#c2c2c2"\n }, "Default"), /#__PURE__/_react["default"].createElement("br", null), /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n color: "#008EF0",\n processing: true\n }, "Processing"), /#__PURE__/_react["default"].createElement("br", null), /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n color: "#ffc107"\n }, "Warning"), /#__PURE__/_react["default"].createElement(_uiw.Badge, {\n color: "#ffc107",\n processing: true\n }, "Warning"));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Badge } from \'uiw\';\n\nfunction Demo() {\n return <div>\n <Badge color="#28a745" />\n <Badge color="#008EF0" />\n <Badge color="#dc3545" />\n <Badge color="#393E48" />\n <Badge color="#ffc107" />\n <Badge color="#f95c2b" />\n <Badge color="#dc3545"/>\n <Badge color="#c2c2c2"/>\n <Badge color="#F95C2B" processing />\n <br />\n <Badge color="#28a745">Success</Badge>\n <br />\n <Badge color="#dc3545">Error</Badge>\n <br />\n <Badge color="#c2c2c2">Default</Badge>\n <br />\n <Badge color="#008EF0" processing>Processing</Badge>\n <br />\n <Badge color="#ffc107">Warning</Badge>\n <Badge color="#ffc107" processing>Warning</Badge>\n </div>\n}\nexport default Demo'}},source:'Badge \u6807\u8bb0\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-badge/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-badge.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-badge)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-badge.svg?label=@uiw/react-badge)](https://npmjs.com/@uiw/react-badge)\n\n\u51fa\u73b0\u5728\u6309\u94ae\u3001\u56fe\u6807\u65c1\u7684\u6570\u5b57\u6216\u72b6\u6001\u6807\u8bb0\u3002\n\n```jsx\nimport { Badge } from \'uiw\';\n// or\nimport Badge from \'@uiw/react-badge\';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Badge, Row, Col, Avatar, Divider } from \'uiw\';\n\nfunction Demo() {\n return <div>\n <Row gutter={20}>\n <Col fixed>\n <Badge count={9}>\n <Avatar shape="square" size="large" />\n </Badge>\n </Col>\n <Col fixed>\n <Badge count={100}>\n <Avatar shape="square" size="large" />\n </Badge>\n </Col>\n <Col>\n <Badge dot count={9}>\n <Avatar shape="square" size="large" />\n </Badge>\n </Col>\n </Row>\n <Divider />\n <Badge count={12}>\n \u8bc4\u8bba\n </Badge>\n </div>\n}\nexport default Demo\n```\n\n### \u5c01\u9876\u6570\u5b57\n\n\u4e0d\u5305\u88f9\u4efb\u4f55\u5143\u7d20\u5373\u662f\u72ec\u7acb\u4f7f\u7528\uff0c\u53ef\u81ea\u5b9a\u6837\u5f0f\u5c55\u73b0\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Badge, Row, Col, Avatar, Divider } from \'uiw\';\n\nconst styl={ marginRight: 20, display: \'inline-block\' }\nfunction Demo() {\n return <div>\n <Row gutter={20}>\n <Col fixed>\n <Badge count={99}>\n <Avatar shape="square" size="large" />\n </Badge>\n </Col>\n <Col fixed>\n <Badge count={100} style={{ backgroundColor: \'#87d068\' }}>\n <Avatar shape="square" size="large" />\n </Badge>\n </Col>\n <Col fixed>\n <Badge count={99} max={10} style={styl}>\n <Avatar shape="square" size="large" />\n </Badge>\n </Col>\n <Col fixed>\n <Badge count={100} max={999} style={styl}>\n <Avatar shape="square" size="large" />\n </Badge>\n </Col>\n <Col fixed>\n <Badge count={100} max={999} style={styl}>\n <Avatar shape="square" size="large" />\n </Badge>\n </Col>\n </Row>\n </div>\n}\nexport default Demo\n```\n\n### \u72ec\u7acb\u4f7f\u7528\n\n\u4e0d\u5305\u88f9\u4efb\u4f55\u5143\u7d20\u5373\u662f\u72ec\u7acb\u4f7f\u7528\uff0c\u53ef\u81ea\u5b9a\u6837\u5f0f\u5c55\u73b0\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Badge, Row, Col } from \'uiw\';\n\nfunction Demo() {\n return <Row gutter={10}>\n <Col fixed>\n <Badge count={25} />\n </Col>\n <Col fixed>\n <Badge count={4} style={{ backgroundColor: \'#fff\', color: \'#f04134\', boxShadow: \'rgb(217, 217, 217) 0px 0px 0px 1px inset\' }} /> \n </Col>\n <Col fixed>\n <Badge count={109} style={{ backgroundColor: \'#87d068\' }} /> \n </Col>\n </Row>\n}\nexport default Demo\n```\n\n### \u5c0f\u7ea2\u70b9\n\n\u4ee5\u7ea2\u70b9\u7684\u5f62\u5f0f\u6807\u6ce8\u9700\u8981\u5173\u6ce8\u7684\u5185\u5bb9\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Badge, Icon } from \'uiw\';\n\nfunction Demo() {\n return <div>\n <Badge dot style={{ marginRight: 10 }}>\n \u6570\u636e\u67e5\u8be2\n </Badge>\n <Badge dot count={4}>\n <Icon type=\'mail-o\' />\n </Badge>\n </div>\n}\nexport default Demo\n```\n\n### \u72b6\u6001\u70b9\n\n\u7528\u4e8e\u8868\u793a\u72b6\u6001\u7684\u5c0f\u5706\u70b9\uff0c\u53ef\u4ee5\u8bbe\u7f6e `processing={true}` \u8ba9\u72b6\u6001\u70b9\uff0c\u663e\u793a\u52a8\u753b\u6548\u679c\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Badge } from \'uiw\';\n\nfunction Demo() {\n return <div>\n <Badge color="#28a745" />\n <Badge color="#008EF0" />\n <Badge color="#dc3545" />\n <Badge color="#393E48" />\n <Badge color="#ffc107" />\n <Badge color="#f95c2b" />\n <Badge color="#dc3545"/>\n <Badge color="#c2c2c2"/>\n <Badge color="#F95C2B" processing />\n <br />\n <Badge color="#28a745">Success</Badge>\n <br />\n <Badge color="#dc3545">Error</Badge>\n <br />\n <Badge color="#c2c2c2">Default</Badge>\n <br />\n <Badge color="#008EF0" processing>Processing</Badge>\n <br />\n <Badge color="#ffc107">Warning</Badge>\n <Badge color="#ffc107" processing>Warning</Badge>\n </div>\n}\nexport default Demo\n```\n\n## API\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| style \| \u9ed8\u8ba4\u8bbe\u7f6e\u8ba1\u6570\u5706\u70b9\u6837\u5f0f\uff0c\u8bbe\u7f6e `color`\uff0c`style` \u8bbe\u7f6e\u5916\u5c42\u8282\u70b9\u6837\u5f0f \| Object \| - \|\n\| count \| \u5c55\u793a\u7684\u6570\u5b57 \| Number \| - \|\n\| max \| \u6700\u5927\u503c\uff0c\u8d85\u8fc7\u6700\u5927\u503c\u4f1a\u663e\u793a \'{max}+\' \| Number \| `99` \|\n\| dot \| \u4e0d\u5c55\u793a\u6570\u5b57\uff0c\u53ea\u6709\u4e00\u4e2a\u5c0f\u7ea2\u70b9 \| Boolean \| `false` \|\n\| processing \| \u4e0d\u5c55\u793a\u6570\u5b57\uff0c\u53ea\u6709\u4e00\u4e2a\u5c0f\u7ea2\u70b9 \| Boolean \| - \|\n\| color \| \u8bbe\u7f6e Badge \u4e3a\u72b6\u6001\u70b9\u7684\u989c\u8272 \| String \| - \|\n'}}}]);
2	- //# sourceMappingURL=2637.d996c040.chunk.js.map

package/web/static/js/2730.64fb1f45.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[2730],{2730:function(e,n,t){t.r(n),n.default={components:{18:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},o=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement("div",null,"\u6eda\u52a8\u6eda\u52a8\u6761\uff0c\u3010\u5feb\u770b\u53f3\u4e0b\u89d2\u3011\uff0c\u663e\u793a\u8fd4\u56de\u9876\u90e8\u6309\u94ae\u3002"),n.default.createElement(o.BackTop,{style:{backgroundColor:"red",color:"#fff"},step:500,speed:10,content:n.default.createElement("div",null,"Top")}))}}(),40:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},o=t(2814);return function(){return n.default.createElement(o.BackTop,{fixed:!1,step:500,clickable:!1,speed:10},(function(e){var t=e.percent,u=e.scrollToTop;return n.default.createElement(o.Button,{onClick:function(){return u()},type:"success"},"\u70b9\u51fb\u6eda\u52a8\u5230\u9876\u90e8","".concat(t,"%"))}))}}(),63:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},o=t(2814);return function(){return n.default.createElement(o.BackTop,{fixed:!1,step:500,speed:10},n.default.createElement(o.Button,{type:"success"},"\u70b9\u51fb\u6eda\u52a8\u5230\u9876\u90e8"))}}()},data:{18:{name:18,meta:{codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement("div", null, "\\u6EDA\\u52A8\\u6EDA\\u52A8\\u6761\\uFF0C\\u3010\\u5FEB\\u770B\\u53F3\\u4E0B\\u89D2\\u3011\\uFF0C\\u663E\\u793A\\u8FD4\\u56DE\\u9876\\u90E8\\u6309\\u94AE\\u3002"), /#__PURE__/_react["default"].createElement(_uiw.BackTop, {\n style: {\n backgroundColor: \'red\',\n color: \'#fff\'\n },\n step: 500,\n speed: 10,\n content: /#__PURE__/_react["default"].createElement("div", null, "Top")\n }));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { BackTop } from 'uiw';\n\nfunction Demo() {\n return <div>\n <div>\u6eda\u52a8\u6eda\u52a8\u6761\uff0c\u3010\u5feb\u770b\u53f3\u4e0b\u89d2\u3011\uff0c\u663e\u793a\u8fd4\u56de\u9876\u90e8\u6309\u94ae\u3002</div>\n <BackTop\n style={{ backgroundColor: 'red', color: '#fff' }}\n step={500}\n speed={10}\n content={<div>Top</div>}\n />\n </div>\n}\nexport default Demo"},40:{name:40,meta:{codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement(_uiw.BackTop, {\n fixed: false,\n step: 500,\n clickable: false,\n speed: 10\n }, function (_ref) {\n var percent = _ref.percent,\n scrollToTop = _ref.scrollToTop;\n return /#__PURE__/_react["default"].createElement(_uiw.Button, {\n onClick: function onClick() {\n return scrollToTop();\n },\n type: "success"\n }, "\\u70B9\\u51FB\\u6EDA\\u52A8\\u5230\\u9876\\u90E8", "".concat(percent, "%"));\n });\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { BackTop, Button } from 'uiw';\n\nfunction Demo() {\n return <BackTop\n fixed={false}\n step={500}\n clickable={false}\n speed={10}\n >\n {({ percent, scrollToTop }) => (\n <Button onClick={() => scrollToTop() } type=\"success\">\u70b9\u51fb\u6eda\u52a8\u5230\u9876\u90e8{`${percent}%`}</Button>\n )}\n </BackTop>\n}\nexport default Demo"},63:{name:63,meta:{codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement(_uiw.BackTop, {\n fixed: false,\n step: 500,\n speed: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "success"\n }, "\\u70B9\\u51FB\\u6EDA\\u52A8\\u5230\\u9876\\u90E8"));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { BackTop, Button } from 'uiw';\n\nfunction Demo() {\n return <BackTop\n fixed={false}\n step={500}\n speed={10}\n >\n <Button type=\"success\">\u70b9\u51fb\u6eda\u52a8\u5230\u9876\u90e8</Button>\n </BackTop>\n}\n\nexport default Demo"}},source:"BackTop \u8fd4\u56de\u9876\u90e8\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-back-top/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-back-top.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-back-top)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-back-top.svg?label=@uiw/react-back-top)](https://npmjs.com/@uiw/react-back-top)\n\n\u8fd4\u56de\u9875\u9762\u9876\u90e8\u7684\u64cd\u4f5c\u6309\u94ae\u3002\n\n```jsx\nimport { BackTop } from 'uiw';\n// or\nimport BackTop from '@uiw/react-back-top';\n```\n\n## \u57fa\u672c\u7528\u6cd5\n\n```jsx mdx:preview&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { BackTop } from 'uiw';\n\nfunction Demo() {\n return <div>\n <div>\u6eda\u52a8\u6eda\u52a8\u6761\uff0c\u3010\u5feb\u770b\u53f3\u4e0b\u89d2\u3011\uff0c\u663e\u793a\u8fd4\u56de\u9876\u90e8\u6309\u94ae\u3002</div>\n <BackTop\n style={{ backgroundColor: 'red', color: '#fff' }}\n step={500}\n speed={10}\n content={<div>Top</div>}\n />\n </div>\n}\nexport default Demo\n```\n\n## \u51fd\u6570\u5b50\u7ec4\u4ef6\n\n\u70b9\u51fb\u6309\u94ae\u6eda\u52a8\u5230\u9876\u90e8\n\n```jsx mdx:preview&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { BackTop, Button } from 'uiw';\n\nfunction Demo() {\n return <BackTop\n fixed={false}\n step={500}\n clickable={false}\n speed={10}\n >\n {({ percent, scrollToTop }) => (\n <Button onClick={() => scrollToTop() } type=\"success\">\u70b9\u51fb\u6eda\u52a8\u5230\u9876\u90e8{`${percent}%`}</Button>\n )}\n </BackTop>\n}\nexport default Demo\n```\n\n## \u7ec4\u4ef6\u5b50\u8282\u70b9\n\n\u70b9\u51fb\u6309\u94ae\u6eda\u52a8\u5230\u9876\u90e8\n\n```jsx mdx:preview&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { BackTop, Button } from 'uiw';\n\nfunction Demo() {\n return <BackTop\n fixed={false}\n step={500}\n speed={10}\n >\n <Button type=\"success\">\u70b9\u51fb\u6eda\u52a8\u5230\u9876\u90e8</Button>\n </BackTop>\n}\n\nexport default Demo\n```\n\n## Params\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| content \| \u6eda\u52a8\u5230\u9876\u90e8\u6309\u94ae\u5185\u5bb9 \| ReactNode/String \| `0` \|\n\| offsetTop \| \u662f\u5426\u59cb\u7ec8\u663e\u793a\u7ec4\u4ef6 \| Number \| `0` \|\n\| showBelow \| \u6eda\u52a8\u8ddd\u79bb\u591a\u5c11\u65f6\u663e\u793a\u7ec4\u4ef6 \| Number \| `1` \|\n\| clickable \| \u662f\u5426\u53ef\u4ee5\u70b9\u51fb \| Bool \| `true` \|\n\| speed \| \u6eda\u52a8\u901f\u5ea6 \| Number \| `50` \|\n\| fixed \| \u662f\u5426\u56fa\u5b9a\uff0c\u9ed8\u8ba4`true` \| Bool \| `true` \|\n\| style \| CSS\u6837\u5f0f \| Object \| - \|\n\| className \| CSS\u7c7b\u540d\u79f0 \| String \| - \|\n\| onClick \| \u70b9\u51fb\u56de\u8c03 \| Function \| - \|\n"}}}]);
2	- //# sourceMappingURL=2730.64fb1f45.chunk.js.map

package/web/static/js/3055.cf175e33.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[3055],{3055:function(e,n,l){l.r(n),n.default={components:{18:function(){var e,n=(e=l(8133))&&e.__esModule?e:{default:e},t=l(2814);var r=[{label:"\u6e56\u5317\u7701",key:"0-0-0",children:[{label:"\u6b66\u6c49\u5e02",key:"0-1-0",children:[{label:"\u65b0\u6d32\u533a",key:"0-1-1",disabled:!0},{label:"\u6b66\u660c\u533a",key:"0-1-2"},{label:"\u6c49\u5357\u533a",key:"0-1-3",children:[{label:"\u6c49\u5357\u533a1",key:"0-1-3-1"},{label:"\u6c49\u5357\u533a2",key:"0-1-3-2"},{label:"\u6c49\u5357\u533a3",key:"0-1-3-3"}]}]},{label:"\u9ec4\u5188\u5e02",key:"0-2-0"},{label:"\u9ec4\u77f3\u5e02",key:"0-3-0",children:[{label:"\u9752\u5c71\u533a",key:"0-3-1"},{label:"\u9ec4\u9642\u533a",key:"0-3-2"},{label:"\u9752\u5c71\u533a",key:"0-3-3"}]}]},{label:"\u4e0a\u6d77\u5e02",key:"1-0-0",children:[{label:"\u9ec4\u6d66\u533a",key:"1-0-1"},{label:"\u5362\u6e7e\u533a",key:"1-0-2"},{label:"\u5f90\u6c47\u533a",key:"1-0-3",children:[{label:"\u534a\u6dde\u56ed\u8def\u8857\u9053",key:"1-1-0"},{label:"\u5357\u4eac\u4e1c\u8def\u8857\u9053",key:"1-2-0"},{label:"\u5916\u6ee9\u8857\u9053",key:"1-3-0"}]}]},{label:"\u5317\u4eac\u5e02",key:"2-0-0",children:[{label:"\u4e1c\u57ce\u533a",key:"2-1-0"},{label:"\u897f\u57ce\u533a",key:"2-2-0"},{label:"\u5d07\u6587\u533a",key:"2-3-0",children:[{label:"\u4e1c\u82b1\u5e02\u8857\u9053",key:"2-3-1"},{label:"\u4f53\u80b2\u9986\u8def\u8857\u9053",key:"2-3-2"},{label:"\u524d\u95e8\u8857\u9053",key:"2-3-3"}]}]},{label:"\u6fb3\u95e8",key:"3"}];return function(){return n.default.createElement(t.TreeChecked,{data:r,selectedKeys:["0-1-1"],onExpand:function(e,n,l,t){console.log(e,n,l,t)},onSelected:function(e,n,l,t){console.log("select:",e),console.log("select:",n),console.log("select:",l),console.log("select:",t)}})}}(),113:function(){function e(n){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(n)}var n=function(n,l){if(!l&&n&&n.__esModule)return n;if(null===n\|\|"object"!==e(n)&&"function"!==typeof n)return{default:n};var t=r(l);if(t&&t.has(n))return t.get(n);var a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var c in n)if("default"!==c&&Object.prototype.hasOwnProperty.call(n,c)){var i=o?Object.getOwnPropertyDescriptor(n,c):null;i&&(i.get\|\|i.set)?Object.defineProperty(a,c,i):a[c]=n[c]}a.default=n,t&&t.set(n,a);return a}(l(8133)),t=l(2814);function r(e){if("function"!==typeof WeakMap)return null;var n=new WeakMap,l=new WeakMap;return(r=function(e){return e?l:n})(e)}var a=[{label:"\u6e56\u5317\u7701",key:"0-0-0",children:[{label:"\u6b66\u6c49\u5e02",key:"0-1-0",children:[{label:"\u65b0\u6d32\u533a",key:"0-1-1",disabled:!0},{label:"\u6b66\u660c\u533a",key:"0-1-2"},{label:"\u6c49\u5357\u533a",key:"0-1-3",children:[{label:"\u6c49\u5357\u533a1",key:"0-1-3-1"},{label:"\u6c49\u5357\u533a2",key:"0-1-3-2"},{label:"\u6c49\u5357\u533a3",key:"0-1-3-3"}]}]},{label:"\u9ec4\u5188\u5e02",key:"0-2-0"},{label:"\u9ec4\u77f3\u5e02",key:"0-3-0",children:[{label:"\u9752\u5c71\u533a",key:"0-3-1"},{label:"\u9ec4\u9642\u533a",key:"0-3-2"},{label:"\u9752\u5c71\u533a",key:"0-3-3"}]}]},{label:"\u6fb3\u95e8",key:"3"}];return function(){var e=(0,n.useRef)();return n.default.createElement("div",null,n.default.createElement(t.Form,{ref:e,onChange:function(e){var n=e.initial,l=e.current;console.log("onChange",n,l)},onSubmit:function(e){var n=e.initial;e.current.tree===n.tree?t.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8868\u5355\u63d0\u4ea4\u5185\u5bb9\u4e3a\u7a7a\uff01"}):t.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01"})},fields:{tree:{label:"\u6811",initialValue:["3"],children:n.default.createElement(t.TreeChecked,{data:a,selectedKeys:["0-2-0"]})}}},(function(e){var l=e.fields,r=(e.state,e.canSubmit);return n.default.createElement("div",null,n.default.createElement(t.Row,null,n.default.createElement(t.Col,{style:{maxWidth:300}},l.tree)),n.default.createElement(t.Row,null,n.default.createElement(t.Col,null,n.default.createElement(t.Button,{disabled:!r(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))))})))}}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:"\"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar data = [{\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children: [{\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children: [{\n label: '\u65b0\u6d32\u533a',\n key: '0-1-1',\n disabled: true\n }, {\n label: '\u6b66\u660c\u533a',\n key: '0-1-2'\n }, {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children: [{\n label: '\u6c49\u5357\u533a1',\n key: '0-1-3-1'\n }, {\n label: '\u6c49\u5357\u533a2',\n key: '0-1-3-2'\n }, {\n label: '\u6c49\u5357\u533a3',\n key: '0-1-3-3'\n }]\n }]\n }, {\n label: '\u9ec4\u5188\u5e02',\n key: '0-2-0'\n }, {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children: [{\n label: '\u9752\u5c71\u533a',\n key: '0-3-1'\n }, {\n label: '\u9ec4\u9642\u533a',\n key: '0-3-2'\n }, {\n label: '\u9752\u5c71\u533a',\n key: '0-3-3'\n }]\n }]\n}, {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children: [{\n label: '\u9ec4\u6d66\u533a',\n key: '1-0-1'\n }, {\n label: '\u5362\u6e7e\u533a',\n key: '1-0-2'\n }, {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children: [{\n label: '\u534a\u6dde\u56ed\u8def\u8857\u9053',\n key: '1-1-0'\n }, {\n label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053',\n key: '1-2-0'\n }, {\n label: '\u5916\u6ee9\u8857\u9053',\n key: '1-3-0'\n }]\n }]\n}, {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children: [{\n label: '\u4e1c\u57ce\u533a',\n key: '2-1-0'\n }, {\n label: '\u897f\u57ce\u533a',\n key: '2-2-0'\n }, {\n label: '\u5d07\u6587\u533a',\n key: '2-3-0',\n children: [{\n label: '\u4e1c\u82b1\u5e02\u8857\u9053',\n key: '2-3-1'\n }, {\n label: '\u4f53\u80b2\u9986\u8def\u8857\u9053',\n key: '2-3-2'\n }, {\n label: '\u524d\u95e8\u8857\u9053',\n key: '2-3-3'\n }]\n }]\n}, {\n label: '\u6fb3\u95e8',\n key: '3'\n}];\n\nvar Demo = function Demo() {\n return /#__PURE__/_react[\"default\"].createElement(_uiw.TreeChecked, {\n data: data,\n selectedKeys: ['0-1-1'],\n onExpand: function onExpand(key, expanded, data, node) {\n console.log(key, expanded, data, node);\n },\n onSelected: function onSelected(key, selected, item, evn) {\n console.log('select:', key);\n console.log('select:', selected);\n console.log('select:', item);\n console.log('select:', evn);\n }\n });\n};\n\nreturn Demo;",language:"jsx",value:"import React from 'react';\nimport { TreeChecked, Card, Row, Col } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1', disabled: true },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\n {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children:[\n { label: '\u9ec4\u6d66\u533a', key: '1-0-1' },\n { label: '\u5362\u6e7e\u533a', key: '1-0-2' },\n {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children:[\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', key: '1-1-0' },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', key: '1-2-0' },\n { label: '\u5916\u6ee9\u8857\u9053', key: '1-3-0' },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children:[\n { label: '\u4e1c\u57ce\u533a', key: '2-1-0' },\n { label: '\u897f\u57ce\u533a', key: '2-2-0' },\n {\n label: '\u5d07\u6587\u533a',\n key: '2-3-0',\n children:[\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', key: '2-3-1' },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', key: '2-3-2' },\n { label: '\u524d\u95e8\u8857\u9053', key: '2-3-3' },\n ]\n },\n ]\n },\n { label: '\u6fb3\u95e8', key: '3' },\n];\n\nconst Demo = () => (\n <TreeChecked\n data={data}\n selectedKeys={['0-1-1']}\n onExpand={(key, expanded, data, node) => {\n console.log(key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log('select:', key);\n console.log('select:', selected);\n console.log('select:', item);\n console.log('select:', evn);\n }}\n />\n)\nexport default Demo"},113:{name:113,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:"\"use strict\";\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireWildcard(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== \"function\") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\n\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null \|\| _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== \"default\" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get \|\| desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nvar data = [{\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children: [{\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children: [{\n label: '\u65b0\u6d32\u533a',\n key: '0-1-1',\n disabled: true\n }, {\n label: '\u6b66\u660c\u533a',\n key: '0-1-2'\n }, {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children: [{\n label: '\u6c49\u5357\u533a1',\n key: '0-1-3-1'\n }, {\n label: '\u6c49\u5357\u533a2',\n key: '0-1-3-2'\n }, {\n label: '\u6c49\u5357\u533a3',\n key: '0-1-3-3'\n }]\n }]\n }, {\n label: '\u9ec4\u5188\u5e02',\n key: '0-2-0'\n }, {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children: [{\n label: '\u9752\u5c71\u533a',\n key: '0-3-1'\n }, {\n label: '\u9ec4\u9642\u533a',\n key: '0-3-2'\n }, {\n label: '\u9752\u5c71\u533a',\n key: '0-3-3'\n }]\n }]\n}, {\n label: '\u6fb3\u95e8',\n key: '3'\n}];\n\nfunction Demo() {\n var form = (0, _react.useRef)();\n\n var onSubmit = function onSubmit() {\n form.current.onSubmit();\n };\n\n var resetForm = function resetForm() {\n form.current.resetForm();\n };\n\n var getFieldValues = function getFieldValues() {\n console.log('getFieldValues', form.current.getFieldValues());\n };\n\n var setFieldValue = function setFieldValue() {\n form.current.setFieldValue('name', 'UIW');\n };\n\n return /#__PURE__/_react[\"default\"].createElement(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Form, {\n ref: form,\n onChange: function onChange(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n console.log('onChange', initial, current);\n },\n onSubmit: function onSubmit(_ref2) {\n var initial = _ref2.initial,\n current = _ref2.current;\n\n if (current.tree === initial.tree) {\n _uiw.Notify.error({\n title: '\u63d0\u4ea4\u5931\u8d25\uff01',\n description: \"\\u8868\\u5355\\u63D0\\u4EA4\\u5185\\u5BB9\\u4E3A\\u7A7A\\uFF01\"\n });\n } else {\n _uiw.Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01'\n });\n }\n },\n fields: {\n tree: {\n label: \"\u6811\",\n initialValue: ['3'],\n children: /#__PURE__/_react[\"default\"].createElement(_uiw.TreeChecked, {\n data: data,\n selectedKeys: ['0-2-0']\n })\n }\n }\n }, function (_ref3) {\n var fields = _ref3.fields,\n state = _ref3.state,\n canSubmit = _ref3.canSubmit;\n return /#__PURE__/_react[\"default\"].createElement(\"div\", null, /#__PURE__/_react[\"default\"].createElement(_uiw.Row, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, {\n style: {\n maxWidth: 300\n }\n }, fields.tree)), /#__PURE__/_react[\"default\"].createElement(_uiw.Row, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Col, null, /#__PURE__/_react[\"default\"].createElement(_uiw.Button, {\n disabled: !canSubmit(),\n type: \"primary\",\n htmlType: \"submit\"\n }, \"\\u63D0\\u4EA4\"))));\n }));\n}\n\nreturn Demo;",language:"jsx",value:"import React, { useState, useRef } from \"react\";\nimport { Form, Input, Row, Col, TreeChecked, Slider, Button, Notify } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1', disabled: true },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\n { label: '\u6fb3\u95e8', key: '3' },\n];\n\nfunction Demo() {\n const form = useRef()\n\n const onSubmit = () => {\n form.current.onSubmit()\n }\n const resetForm = () => {\n form.current.resetForm()\n }\n const getFieldValues = () => {\n console.log('getFieldValues', form.current.getFieldValues())\n }\n\n const setFieldValue=()=>{\n form.current.setFieldValue('name','UIW')\n }\n\n return (\n <div>\n <Form\n ref={form}\n onChange={({ initial, current }) => {\n console.log('onChange', initial, current);\n }}\n onSubmit={({ initial, current }) => {\n if (current.tree === initial.tree) {\n Notify.error({\n title: '\u63d0\u4ea4\u5931\u8d25\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u5185\u5bb9\u4e3a\u7a7a\uff01`,\n });\n } else {\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n });\n }\n }}\n fields={{\n tree: {\n label: \"\u6811\",\n initialValue: ['3'],\n children: <TreeChecked\n data={data}\n selectedKeys={['0-2-0']}\n />\n }\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col style={{ maxWidth: 300 }}>{fields.tree}</Col>\n </Row>\n <Row>\n <Col>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n )\n}\nexport default Demo"}},source:"TreeChecked \u6811\u5f62\u9009\u62e9\u63a7\u4ef6\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-tree-checked/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-tree-checked.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-tree-checked)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-tree-checked.svg?label=@uiw/react-tree-checked)](https://npmjs.com/@uiw/react-tree-checked)\n\n\u4f7f\u7528\u6811\u9009\u62e9\u63a7\u4ef6\u53ef\u4ee5\u5b8c\u6574\u5c55\u73b0\u5176\u4e2d\u7684\u5c42\u7ea7\u5173\u7cfb\uff0c\u5e76\u5177\u6709\u9009\u4e2d\u72b6\u6001\u3002\n\n```jsx\nimport { TreeChecked } from 'uiw';\n// or\nimport TreeChecked from '@uiw/react-tree-checked';\n```\n\n### \u57fa\u7840\u5b9e\u4f8b\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { TreeChecked, Card, Row, Col } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1', disabled: true },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\n {\n label: '\u4e0a\u6d77\u5e02',\n key: '1-0-0',\n children:[\n { label: '\u9ec4\u6d66\u533a', key: '1-0-1' },\n { label: '\u5362\u6e7e\u533a', key: '1-0-2' },\n {\n label: '\u5f90\u6c47\u533a',\n key: '1-0-3',\n children:[\n { label: '\u534a\u6dde\u56ed\u8def\u8857\u9053', key: '1-1-0' },\n { label: '\u5357\u4eac\u4e1c\u8def\u8857\u9053', key: '1-2-0' },\n { label: '\u5916\u6ee9\u8857\u9053', key: '1-3-0' },\n ]\n },\n ]\n },\n {\n label: '\u5317\u4eac\u5e02',\n key: '2-0-0',\n children:[\n { label: '\u4e1c\u57ce\u533a', key: '2-1-0' },\n { label: '\u897f\u57ce\u533a', key: '2-2-0' },\n {\n label: '\u5d07\u6587\u533a',\n key: '2-3-0',\n children:[\n { label: '\u4e1c\u82b1\u5e02\u8857\u9053', key: '2-3-1' },\n { label: '\u4f53\u80b2\u9986\u8def\u8857\u9053', key: '2-3-2' },\n { label: '\u524d\u95e8\u8857\u9053', key: '2-3-3' },\n ]\n },\n ]\n },\n { label: '\u6fb3\u95e8', key: '3' },\n];\n\nconst Demo = () => (\n <TreeChecked\n data={data}\n selectedKeys={['0-1-1']}\n onExpand={(key, expanded, data, node) => {\n console.log(key, expanded, data, node);\n }}\n onSelected={(key, selected, item, evn) => {\n console.log('select:', key);\n console.log('select:', selected);\n console.log('select:', item);\n console.log('select:', evn);\n }}\n />\n)\nexport default Demo\n```\n\n### \u8868\u5355\u4f7f\u7528\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React, { useState, useRef } from \"react\";\nimport { Form, Input, Row, Col, TreeChecked, Slider, Button, Notify } from 'uiw';\n\nconst data = [\n {\n label: '\u6e56\u5317\u7701',\n key: '0-0-0',\n children:[\n {\n label: '\u6b66\u6c49\u5e02',\n key: '0-1-0',\n children:[\n { label: '\u65b0\u6d32\u533a', key: '0-1-1', disabled: true },\n { label: '\u6b66\u660c\u533a', key: '0-1-2' },\n {\n label: '\u6c49\u5357\u533a',\n key: '0-1-3',\n children:[\n { label: '\u6c49\u5357\u533a1', key: '0-1-3-1' },\n { label: '\u6c49\u5357\u533a2', key: '0-1-3-2' },\n { label: '\u6c49\u5357\u533a3', key: '0-1-3-3' },\n ]\n },\n ]\n },\n { label: '\u9ec4\u5188\u5e02', key: '0-2-0' },\n {\n label: '\u9ec4\u77f3\u5e02',\n key: '0-3-0',\n children:[\n { label: '\u9752\u5c71\u533a', key: '0-3-1' },\n { label: '\u9ec4\u9642\u533a', key: '0-3-2' },\n { label: '\u9752\u5c71\u533a', key: '0-3-3' },\n ]\n },\n ]\n },\n { label: '\u6fb3\u95e8', key: '3' },\n];\n\nfunction Demo() {\n const form = useRef()\n\n const onSubmit = () => {\n form.current.onSubmit()\n }\n const resetForm = () => {\n form.current.resetForm()\n }\n const getFieldValues = () => {\n console.log('getFieldValues', form.current.getFieldValues())\n }\n\n const setFieldValue=()=>{\n form.current.setFieldValue('name','UIW')\n }\n\n return (\n <div>\n <Form\n ref={form}\n onChange={({ initial, current }) => {\n console.log('onChange', initial, current);\n }}\n onSubmit={({ initial, current }) => {\n if (current.tree === initial.tree) {\n Notify.error({\n title: '\u63d0\u4ea4\u5931\u8d25\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u5185\u5bb9\u4e3a\u7a7a\uff01`,\n });\n } else {\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n });\n }\n }}\n fields={{\n tree: {\n label: \"\u6811\",\n initialValue: ['3'],\n children: <TreeChecked\n data={data}\n selectedKeys={['0-2-0']}\n />\n }\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col style={{ maxWidth: 300 }}>{fields.tree}</Col>\n </Row>\n <Row>\n <Col>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n )\n}\nexport default Demo\n```\n\n## Props\n\n\u5b8c\u5168\u7ee7\u627f [Tree](#/components/Tree) \u7ec4\u4ef6\u5c5e\u6027\uff0c\u9ed8\u8ba4\u521d\u59cb\u503c\u4e0d\u4e00\u6837\uff0c\u4e0b\u9762\u4ec5\u5217\u51fa\u9ed8\u8ba4\u4e0d\u4e00\u81f4\u7684 Props\u3002\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| checkStrictly \| \u5b50\u8282\u70b9\u53d7\u7236\u8282\u70b9\u63a7\u5236\u8bbe\u7f6e `true`\uff0c\u9700\u8981\u914d\u5408 `multiple` \u53c2\u6570\u4f7f\u7528\u3002 \| Boolean \| `true` \|\n\| isSelected \| \u662f\u5426\u9009\u4e2d\u5f53\u524d\u8282\u70b9 \| Boolean \| `false` \|\n\| multiple \| \u652f\u6301\u70b9\u9009\u591a\u4e2a\u8282\u70b9 \| Boolean \| `true` \|\n"}}}]);
2	- //# sourceMappingURL=3055.cf175e33.chunk.js.map

package/web/static/js/3231.86e5a9af.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[3231],{864:function(t,n,e){e.r(n),e.d(n,{default:function(){return l}});var a=e(2369),c=e(9765),i=e(2814),h="index_App__4ziwe",r=e(2251),s=e(6646),d=e(9265);function l(){var t=(0,a.TH)(),n=(0,r.$)().t,e=s.find((function(n){return new RegExp("^".concat(n.path)).test(t.pathname)})),l="menu.".concat(e&&e.path,"Children."),o=n("menu.".concat(e&&e.path));return(0,d.jsxs)("div",{className:h,children:[(0,d.jsx)("h1",{children:o}),e&&e.children&&e.children.map((function(t,e){var a=t.name,h=t.divider?"menu.divider.":l;return(t.path\|\|t.translation)&&(a=t.translation?n("".concat(h).concat(t.translation)):n("".concat(h).concat(t.path))),t.divider?(0,d.jsx)("h2",{children:a},e):/^http(?:\|s):\/\//.test(t.path\|\|"")?(0,d.jsx)("a",{href:t.path,target:"__blank",children:(0,d.jsxs)(i.Button,{type:"light",children:[a,(0,d.jsxs)("svg",{viewBox:"0 0 1024 1024",width:14,children:[(0,d.jsx)("path",{d:"M821.1456 276.8384c-235.9296 25.1392-449.1776 226.7136-490.5472 452.352a38.4 38.4 0 1 1-75.5712-13.824c45.568-248.576 269.312-468.48 526.6944-510.6688l-117.8112-69.1712a38.4 38.4 0 0 1 38.912-66.2528l223.3344 131.1744a38.4 38.4 0 0 1 10.1376 57.6l-170.752 206.6432a38.4 38.4 0 1 1-59.1872-48.9472l114.7904-138.9056z"}),(0,d.jsx)("path",{d:"M832 620.0832a38.4 38.4 0 0 1 76.8 0v158.208c0 85.9648-61.5936 157.8496-140.8 157.8496H204.8c-79.2064 0-140.8-71.8848-140.8-157.9008V300.3904c0-86.016 61.5936-157.8496 140.8-157.8496h220.2112a38.4 38.4 0 1 1 0 76.8H204.8c-33.8944 0-64 35.072-64 81.0496V778.24c0 45.9776 30.1056 81.1008 64 81.1008h563.2c33.8944 0 64-35.1232 64-81.1008v-158.1568z"})]})]})},e):(0,d.jsx)(c.rU,{to:"/components/".concat(t.path),children:(0,d.jsx)(i.Button,{type:"light",children:a})},e)}))]})}}}]);
2	- //# sourceMappingURL=3231.86e5a9af.chunk.js.map

package/web/static/js/333.99eda08a.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[333],{333:function(t,n,e){e.r(n),n.default={components:{18:function(){var t,n=(t=e(8133))&&t.__esModule?t:{default:t},u=e(2814);return function(){return n.default.createElement("div",null,n.default.createElement(u.AutoLink,{text:"uiw uiwjs uiw https://github.com/uiwjs uiwjs http://github.com/uiwjs",target:"__blank"}))}}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.AutoLink, {\n text: "uiw uiwjs uiw https://github.com/uiwjs uiwjs http://github.com/uiwjs",\n target: "__blank"\n }));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { AutoLink } from 'uiw';\n\nfunction Demo() {\n return <div>\n <AutoLink\n text=\"uiw uiwjs uiw https://github.com/uiwjs uiwjs http://github.com/uiwjs\"\n target=\"__blank\"\n />\n </div>\n}\nexport default Demo"}},source:"AutoLink \u6587\u672c\u8d85\u94fe\u63a5\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-auto-link/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-auto-link.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-auto-link)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-auto-link.svg?label=@uiw/react-auto-link)](https://npmjs.com/@uiw/react-auto-link)\n\n\u5c06\u5b57\u7b26\u4e32\u5448\u73b0\u4e3a\u7eaf\u6587\u672c\uff0c\u5e76\u5c06 URL \u8f6c\u6362\u4e3a\u9002\u5f53\u7684\u94fe\u63a5\u5143\u7d20\u3002\n\n```jsx\nimport { AutoLink } from 'uiw';\n// or\nimport AutoLink from '@uiw/react-auto-link';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { AutoLink } from 'uiw';\n\nfunction Demo() {\n return <div>\n <AutoLink\n text=\"uiw uiwjs uiw https://github.com/uiwjs uiwjs http://github.com/uiwjs\"\n target=\"__blank\"\n />\n </div>\n}\nexport default Demo\n```\n\n## API\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\| --------- \| -------- \| --------- \| -------- \|\n\| text \| \u9700\u8981\u5904\u7406\u7684\u6587\u672c \| String \| - \|\n"}}}]);
2	- //# sourceMappingURL=333.99eda08a.chunk.js.map

package/web/static/js/335.5fa7b0f6.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[335],{335:function(e,t,n){n.r(t),t.default={components:{18:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);return function(){return t.default.createElement("div",null,t.default.createElement(r.Switch,{checked:!0,style:{marginRight:10}}),t.default.createElement(r.Switch,{style:{marginRight:10}}),t.default.createElement(r.Switch,{"data-checked":"\u5f00","data-unchecked":"\u5173"},"\u7535\u6e90"))}}(),35:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);function o(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 i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}return function(){return t.default.createElement(r.Form,{onChange:function(e){e.initial,e.current},resetOnSubmit:!1,onSubmitError:function(e){return e&&e.filed?function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e.filed):null},onSubmit:function(e){var t=e.initial,n=e.current;console.log("switch::",t,n);var r={};if(Object.keys(r).length>0){var o=new Error;throw o.filed=r,o}},fields:{switch:{checked:!0,initialValue:!0,label:"\u8bf7\u8f93\u5165\u5185\u5bb9",help:"\u5fc5\u9009\u9009\u9879\uff01",validator:function(e){return e?null:"\u5fc5\u586b\u9009\u9879\uff01"},children:t.default.createElement(r.Switch,{style:{maxWidth:200}})}}},(function(e){var n=e.fields,o=e.state,i=e.canSubmit;return t.default.createElement("div",null,t.default.createElement(r.Row,null,t.default.createElement(r.Col,null,n.switch)),t.default.createElement(r.Row,null,t.default.createElement(r.Col,null,t.default.createElement(r.Button,{disabled:!i(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),t.default.createElement(r.Row,null,t.default.createElement(r.Col,null,t.default.createElement("pre",{style:{padding:10,marginTop:10}},JSON.stringify(o.current,null,2)))))}))}}(),93:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);return function(){return t.default.createElement("div",null,t.default.createElement(r.Switch,{"data-checked":"\u5f00","data-unchecked":"\u5173",onChange:function(e){console.log("e",e.target.checked)},style:{marginRight:10}}))}}(),115:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);return function(){return t.default.createElement("div",null,t.default.createElement(r.Switch,{disabled:!0,checked:!0,style:{marginRight:10}}),t.default.createElement(r.Switch,{disabled:!0,style:{marginRight:10}}),t.default.createElement(r.Switch,{disabled:!0,"data-checked":"\u5f00","data-unchecked":"\u5173"},"\u7535\u6e90"))}}(),131:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},r=n(2814);return function(){return t.default.createElement("div",null,t.default.createElement(r.Switch,{size:"large",style:{marginRight:10},"data-checked":"\u5f00","data-unchecked":"\u5173"}),t.default.createElement(r.Switch,{size:"large",checked:!0,style:{marginRight:10}}),t.default.createElement(r.Switch,{style:{marginRight:10}}),t.default.createElement(r.Switch,{style:{marginRight:10},"data-checked":"\u5f00","data-unchecked":"\u5173"}),t.default.createElement(r.Switch,{size:"small","data-checked":"\u5f00","data-unchecked":"\u5173"},"\u7535\u6e90"))}}(),151:function(){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}var t,r=(t=n(8133))&&t.__esModule?t:{default:t},o=n(2814);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 c(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,r.key,r)}}function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function u(e){var t=function(){if("undefined"===typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=s(e);if(t){var o=s(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return l(this,n)}}function l(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)}function s(e){return s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},s(e)}return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&a(e,t)}(d,e);var t,n,l,s=u(d);function d(e){var t;return i(this,d),(t=s.call(this,e)).state={checked:!0},t}return t=d,(n=[{key:"onChange",value:function(e){console.log("~~~:::"),this.setState({checked:e.target.checked})}},{key:"render",value:function(){var e=this;return r.default.createElement("div",{style:{backgroundColor:"#fff",margin:-15,padding:15,borderRadius:"5px 5px 0 0"}},r.default.createElement(o.Switch,{onChange:this.onChange.bind(this),checked:this.state.checked,style:{marginRight:10}}),r.default.createElement(o.Button,{size:"small",type:"primary",onClick:function(){e.setState({checked:!e.state.checked})}},"\u70b9\u51fb\u6309\u94ae\u6539\u53d8 Switch \u72b6\u6001"))}}])&&c(t.prototype,n),l&&c(t,l),Object.defineProperty(t,"prototype",{writable:!1}),d}(r.default.Component)}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Switch, {\n checked: true,\n style: {\n marginRight: 10\n }\n }), /#__PURE__/_react["default"].createElement(_uiw.Switch, {\n style: {\n marginRight: 10\n }\n }), /#__PURE__/_react["default"].createElement(_uiw.Switch, {\n "data-checked": "\\u5F00",\n "data-unchecked": "\\u5173"\n }, "\\u7535\\u6E90"));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Switch } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Switch checked style={{ marginRight: 10 }} />\n <Switch style={{ marginRight: 10 }} />\n <Switch data-checked=\"\u5f00\" data-unchecked=\"\u5173\">\u7535\u6e90</Switch>\n </div>\n);\nexport default Demo"},35:{name:35,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement(_uiw.Form, {\n onChange: function onChange(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n },\n resetOnSubmit: false,\n onSubmitError: function onSubmitError(error) {\n return error && error.filed ? _objectSpread({}, error.filed) : null;\n },\n onSubmit: function onSubmit(_ref2) {\n var initial = _ref2.initial,\n current = _ref2.current;\n console.log(\'switch::\', initial, current);\n var ErrObj = {};\n\n if (Object.keys(ErrObj).length > 0) {\n var err = new Error();\n err.filed = ErrObj;\n throw err;\n }\n },\n fields: {\n "switch": {\n checked: true,\n initialValue: true,\n label: \'\u8bf7\u8f93\u5165\u5185\u5bb9\',\n help: \'\u5fc5\u9009\u9009\u9879\uff01\',\n validator: function validator(value) {\n return !value ? \'\u5fc5\u586b\u9009\u9879\uff01\' : null;\n },\n children: /#__PURE__/_react["default"].createElement(_uiw.Switch, {\n style: {\n maxWidth: 200\n }\n })\n }\n }\n }, function (_ref3) {\n var fields = _ref3.fields,\n state = _ref3.state,\n canSubmit = _ref3.canSubmit;\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, null, fields["switch"])), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: !canSubmit(),\n type: "primary",\n htmlType: "submit"\n }, "\\u63D0\\u4EA4"))), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, null, /#__PURE__/_react["default"].createElement("pre", {\n style: {\n padding: 10,\n marginTop: 10\n }\n }, JSON.stringify(state.current, null, 2)))));\n });\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Form, Switch, Row, Col, Button, Notify } from 'uiw';\n\nconst Demo = () => (\n <Form\n onChange={({ initial, current }) => { }}\n resetOnSubmit={false}\n onSubmitError={(error) => error && error.filed ? { ...error.filed } : null}\n onSubmit={({initial, current}) => {\n console.log('switch::', initial, current)\n const ErrObj = {};\n if(Object.keys(ErrObj).length > 0) {\n const err = new Error();\n err.filed = ErrObj;\n throw err;\n }\n }}\n fields={{\n switch: {\n checked: true,\n initialValue: true,\n label: '\u8bf7\u8f93\u5165\u5185\u5bb9',\n help: '\u5fc5\u9009\u9009\u9879\uff01',\n validator: value => !value ? '\u5fc5\u586b\u9009\u9879\uff01' : null,\n children: <Switch style={{ maxWidth: 200 }} />,\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col>{fields.switch}</Col>\n </Row>\n <Row>\n <Col>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: 10, marginTop: 10 }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n );\n }}\n </Form>\n);\n\nexport default Demo"},93:{name:93,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Switch, {\n "data-checked": "\\u5F00",\n "data-unchecked": "\\u5173",\n onChange: function onChange(e) {\n console.log(\'e\', e.target.checked);\n },\n style: {\n marginRight: 10\n }\n }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Switch } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Switch\n data-checked=\"\u5f00\"\n data-unchecked=\"\u5173\"\n onChange={(e) => {\n console.log('e', e.target.checked);\n }}\n style={{ marginRight: 10 }}\n />\n </div>\n);\nexport default Demo"},115:{name:115,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Switch, {\n disabled: true,\n checked: true,\n style: {\n marginRight: 10\n }\n }), /#__PURE__/_react["default"].createElement(_uiw.Switch, {\n disabled: true,\n style: {\n marginRight: 10\n }\n }), /#__PURE__/_react["default"].createElement(_uiw.Switch, {\n disabled: true,\n "data-checked": "\\u5F00",\n "data-unchecked": "\\u5173"\n }, "\\u7535\\u6E90"));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Switch } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Switch disabled checked style={{ marginRight: 10 }} />\n <Switch disabled style={{ marginRight: 10 }} />\n <Switch disabled data-checked=\"\u5f00\" data-unchecked=\"\u5173\">\u7535\u6e90</Switch>\n </div>\n);\nexport default Demo"},131:{name:131,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Switch, {\n size: "large",\n style: {\n marginRight: 10\n },\n "data-checked": "\\u5F00",\n "data-unchecked": "\\u5173"\n }), /#__PURE__/_react["default"].createElement(_uiw.Switch, {\n size: "large",\n checked: true,\n style: {\n marginRight: 10\n }\n }), /#__PURE__/_react["default"].createElement(_uiw.Switch, {\n style: {\n marginRight: 10\n }\n }), /#__PURE__/_react["default"].createElement(_uiw.Switch, {\n style: {\n marginRight: 10\n },\n "data-checked": "\\u5F00",\n "data-unchecked": "\\u5173"\n }), /#__PURE__/_react["default"].createElement(_uiw.Switch, {\n size: "small",\n "data-checked": "\\u5F00",\n "data-unchecked": "\\u5173"\n }, "\\u7535\\u6E90"));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Switch } from \'uiw\';\n\nconst Demo = () => (\n <div>\n <Switch size="large" style={{ marginRight: 10 }} data-checked="\u5f00" data-unchecked="\u5173" />\n <Switch size="large" checked style={{ marginRight: 10 }} />\n <Switch style={{ marginRight: 10 }} />\n <Switch style={{ marginRight: 10 }} data-checked="\u5f00" data-unchecked="\u5173" />\n <Switch size="small" data-checked="\u5f00" data-unchecked="\u5173">\u7535\u6e90</Switch>\n </div>\n);\nexport default Demo'},151:{name:151,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},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; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\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, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\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); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\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); }; }\n\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); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\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\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ \|\| Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar Demo = /#__PURE__/function (_React$Component) {\n _inherits(Demo, _React$Component);\n\n var _super = _createSuper(Demo);\n\n function Demo(props) {\n var _this;\n\n _classCallCheck(this, Demo);\n\n _this = _super.call(this, props);\n _this.state = {\n checked: true\n };\n return _this;\n }\n\n _createClass(Demo, [{\n key: "onChange",\n value: function onChange(e) {\n console.log(\'~~~:::\');\n this.setState({\n checked: e.target.checked\n });\n }\n }, {\n key: "render",\n value: function render() {\n var _this2 = this;\n\n return /#__PURE__/_react["default"].createElement("div", {\n style: {\n backgroundColor: \'#fff\',\n margin: -15,\n padding: 15,\n borderRadius: \'5px 5px 0 0\'\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Switch, {\n onChange: this.onChange.bind(this),\n checked: this.state.checked,\n style: {\n marginRight: 10\n }\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "small",\n type: "primary",\n onClick: function onClick() {\n _this2.setState({\n checked: !_this2.state.checked\n });\n }\n }, "\\u70B9\\u51FB\\u6309\\u94AE\\u6539\\u53D8 Switch \\u72B6\\u6001"));\n }\n }]);\n\n return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Switch, Button } from 'uiw';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n checked: true\n }\n }\n onChange(e) {\n console.log('~~~:::');\n this.setState({ checked: e.target.checked });\n }\n render() {\n return (\n <div style={{ backgroundColor: '#fff', margin: -15, padding: 15, borderRadius: '5px 5px 0 0' }}>\n <Switch onChange={this.onChange.bind(this)} checked={this.state.checked} style={{ marginRight: 10 }} />\n <Button\n size=\"small\"\n type=\"primary\"\n onClick={() => {\n this.setState({ checked: !this.state.checked });\n }}\n >\n \u70b9\u51fb\u6309\u94ae\u6539\u53d8 Switch \u72b6\u6001\n </Button>\n </div>\n )\n }\n}\nexport default Demo"}},source:"Switch \u5f00\u5173\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-switch/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-switch.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-switch)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-switch.svg?label=@uiw/react-switch)](https://npmjs.com/@uiw/react-switch)\n\n\u8868\u793a\u4e24\u79cd\u76f8\u4e92\u5bf9\u7acb\u7684\u72b6\u6001\u95f4\u7684\u5207\u6362\uff0c\u591a\u7528\u4e8e\u89e6\u53d1\u300c\u5f00/\u5173\u300d\u3002\u9009\u4e2d\u65f6\u7684\u5185\u5bb9\u652f\u6301\u54cd\u5e94\u5f0f\u3002\n\n```jsx\nimport { Switch } from 'uiw';\n// or\nimport Switch from '@uiw/react-switch';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Switch } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Switch checked style={{ marginRight: 10 }} />\n <Switch style={{ marginRight: 10 }} />\n <Switch data-checked=\"\u5f00\" data-unchecked=\"\u5173\">\u7535\u6e90</Switch>\n </div>\n);\nexport default Demo\n```\n\n\n### Form \u4e2d\u4f7f\u7528 Switch\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, Switch, Row, Col, Button, Notify } from 'uiw';\n\nconst Demo = () => (\n <Form\n onChange={({ initial, current }) => { }}\n resetOnSubmit={false}\n onSubmitError={(error) => error && error.filed ? { ...error.filed } : null}\n onSubmit={({initial, current}) => {\n console.log('switch::', initial, current)\n const ErrObj = {};\n if(Object.keys(ErrObj).length > 0) {\n const err = new Error();\n err.filed = ErrObj;\n throw err;\n }\n }}\n fields={{\n switch: {\n checked: true,\n initialValue: true,\n label: '\u8bf7\u8f93\u5165\u5185\u5bb9',\n help: '\u5fc5\u9009\u9009\u9879\uff01',\n validator: value => !value ? '\u5fc5\u586b\u9009\u9879\uff01' : null,\n children: <Switch style={{ maxWidth: 200 }} />,\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col>{fields.switch}</Col>\n </Row>\n <Row>\n <Col>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: 10, marginTop: 10 }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n );\n }}\n </Form>\n);\n\nexport default Demo\n```\n\n### \u8bbe\u7f6e\u6587\u5b57\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Switch } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Switch\n data-checked=\"\u5f00\"\n data-unchecked=\"\u5173\"\n onChange={(e) => {\n console.log('e', e.target.checked);\n }}\n style={{ marginRight: 10 }}\n />\n </div>\n);\nexport default Demo\n```\n\n\n### \u7981\u7528\u72b6\u6001\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Switch } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Switch disabled checked style={{ marginRight: 10 }} />\n <Switch disabled style={{ marginRight: 10 }} />\n <Switch disabled data-checked=\"\u5f00\" data-unchecked=\"\u5173\">\u7535\u6e90</Switch>\n </div>\n);\nexport default Demo\n```\n\n### \u5c3a\u5bf8\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Switch } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Switch size=\"large\" style={{ marginRight: 10 }} data-checked=\"\u5f00\" data-unchecked=\"\u5173\" />\n <Switch size=\"large\" checked style={{ marginRight: 10 }} />\n <Switch style={{ marginRight: 10 }} />\n <Switch style={{ marginRight: 10 }} data-checked=\"\u5f00\" data-unchecked=\"\u5173\" />\n <Switch size=\"small\" data-checked=\"\u5f00\" data-unchecked=\"\u5173\">\u7535\u6e90</Switch>\n </div>\n);\nexport default Demo\n```\n\n### \u63a7\u5236\u7ec4\u4ef6\n\n\u901a\u8fc7 `checked` \u5c5e\u6027\u6539\u53d8 `Switch` \u7ec4\u4ef6\u72b6\u6001\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Switch, Button } from 'uiw';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n checked: true\n }\n }\n onChange(e) {\n console.log('~~~:::');\n this.setState({ checked: e.target.checked });\n }\n render() {\n return (\n <div style={{ backgroundColor: '#fff', margin: -15, padding: 15, borderRadius: '5px 5px 0 0' }}>\n <Switch onChange={this.onChange.bind(this)} checked={this.state.checked} style={{ marginRight: 10 }} />\n <Button\n size=\"small\"\n type=\"primary\"\n onClick={() => {\n this.setState({ checked: !this.state.checked });\n }}\n >\n \u70b9\u51fb\u6309\u94ae\u6539\u53d8 Switch \u72b6\u6001\n </Button>\n </div>\n )\n }\n}\nexport default Demo\n```\n\n## Switch \n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|------ \|-------- \|---------- \|-------- \|\n\| value \| \u6839\u636e value \u8fdb\u884c\u6bd4\u8f83\uff0c\u5224\u65ad\u662f\u5426\u9009\u4e2d \| String/Number/Boolean \| - \|\n\| name \| \u7528\u4e8e\u8868\u5355\u5bf9\u5e94\u7684\u540d\u79f0 \| String \| - \|\n\| checked \| \u6307\u5b9a\u5f53\u524d\u662f\u5426\u9009\u4e2d \| boolean \| false \|\n\| disabled \| \u662f\u5426\u7981\u7528 \| boolean \| false \|\n\| onChange \| \u53d8\u5316\u65f6\u56de\u8c03\u51fd\u6570 \| Function(e:Event) \| - \|\n\| data-checked \| \u9009\u4e2d\u65f6\u7684\u5185\u5bb9 \| string/ReactNode \| - \|\n\| data-unchecked \| \u975e\u9009\u4e2d\u65f6\u7684\u5185\u5bb9 \| string/ReactNode \| - \|\n\| size \| \u5f00\u5173\u5927\u5c0f\uff0c\u53ef\u9009\u503c\uff1a`large` `default` `small` \| string \| default \|\n"}}}]);
2	- //# sourceMappingURL=335.5fa7b0f6.chunk.js.map

package/web/static/js/3479.07885d28.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[3479],{4934:function(e){function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=function(){return[]},t.resolve=t,t.id=4934,e.exports=t},270:function(e,t,n){"use strict";n.d(t,{Z:function(){return S}});var r=n(189),o=n(3782),i=n(5726),c=n(5752),s=n(6796),a=n(6135),d=n.n(a),u=n(2029),l=n(8133),p=n(9265),f=["version","codePen","codeSandbox"],h=function(e,t){var n=(t\|\|[]).join("\|");return e.replace(/import([\s\S]?)(?=['"])['"].['"]( ;\|;)?/gm,(function(e){return n&&new RegExp("from\\s+['\"](".concat(n,")['\"](s.+)?;?")).test(e)?e:"/* ".concat(e," **/")}))};function m(e){var t=e.version,n=e.codePen,i=e.codeSandbox,c=(0,o.Z)(e,f),a=(0,r.Z)({},c),m=(0,l.useRef)(null),x=[];if(n){var v={title:"uiw".concat(t," - demo"),js:"".concat(h(a.text\|\|"",["uiw"]).replace("export default","const APP_Default = "),'\nReactDOM.createRoot(document.getElementById("container")).render(<APP_Default />)'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")};x.push((0,p.jsx)(d(),(0,r.Z)((0,r.Z)({},v),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z","p-id":"2071"})})}),"Codepen"))}if(i){var k={files:{"sandbox.config.json":{content:'{\n "template": "node",\n "container": {\n "startScript": "start",\n "node": "14"\n }\n }'},"public/index.html":{content:'<div id="container"></div>'},"src/app.js":{content:a.text},"src/index.js":{content:'import React from "react";\nimport ReactClient from "react-dom/client";\nimport App from "./app";\nReactClient.createRoot(document.getElementById("container")).render(<App />);'},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(t," - demo"),dependencies:{react:"18.1.0","react-dom":"18.1.0",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}};x.push((0,p.jsx)(u.Z,(0,r.Z)((0,r.Z)({},k),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{d:"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z","p-id":"4089"})})}),"Codesandbox"))}return(0,p.jsx)(s.Z,(0,r.Z)((0,r.Z)({},a),{},{ref:m,toolbarExtra:(0,p.jsx)(l.Fragment,{children:x})}))}var x=n(2814),v=n(2251);function k(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.path,n=(0,v.$)(),r=n.t,o=/^http/.test(t\|\|"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,p.jsxs)(l.Fragment,{children:[r("footer.greeting"),o&&(0,p.jsx)("a",{href:o,target:"_blank",rel:"noopener noreferrer",children:r("footer.greetLinkText")}),(0,p.jsx)("br",{}),(0,p.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:r("footer.issues")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:r("footer.bug")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:r("footer.github")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:r("footer.kkt")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:r("footer.kkt_ssr")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:r("footer.io")})]})}var g="index_docinfo__3Vx8S",j="index_markdown__hcQCp",b=n(7946),w=n(3369),Z=["inline","node"],_=["data-meta","noPreview","noScroll","bgWhite","noCode","codePen","codeSandboxOption","codeSandbox","bordered"];function S(e){var t=e.renderPage,n=e.path,s=(0,b.Z)(t),a=s.mdData,d=s.loading,u=c.i8\|\|"2.0.0";return a.source?(0,p.jsxs)("div",{children:[(0,p.jsx)(x.Loader,{style:{width:"100%"},loading:d,tip:"loading...",children:(0,p.jsx)("div",{children:(0,p.jsx)(i.Z,{source:a.source,className:j,components:{code:function(e){var t,n=e.inline,i=e.node,c=(0,o.Z)(e,Z),s=c["data-meta"],d=(c.noPreview,c.noScroll,c.bgWhite,c.noCode),l=(c.codePen,c.codeSandboxOption,c.codeSandbox,c.bordered,(0,o.Z)(c,_));if(n\|\|!(0,w.pN)(s))return(0,p.jsx)("code",(0,r.Z)({},l));var f=null===(t=i.position)\|\|void 0===t?void 0:t.start.line,h=(0,w.Mx)(s)\|\|String(f),x=a.components["".concat(h)],v=(0,w.aE)(s);if(h&&"function"===typeof x){var k=a.data[h].value\|\|"";return(0,p.jsx)(m,{toolbar:v.title\|\|"\u793a\u4f8b\u5c55\u793a",disableToolbar:d,codePen:v.codePen,codeSandbox:v.codeSandbox,disableCheckered:!!v.disableCheckered,background:v.background,version:u,code:(0,p.jsx)("pre",{children:(0,p.jsx)("code",(0,r.Z)({},l))}),text:k,children:(0,p.jsx)(x,{})})}return(0,p.jsx)("code",(0,r.Z)({},l))}}})})}),(0,p.jsx)("div",{className:g,children:(0,p.jsx)(k,{path:n})})]}):null}},7946:function(e,t,n){"use strict";n.d(t,{A:function(){return d}});var r=n(1092),o=n(7791),i=n(1026),c=n(8133),s=n(2251),a=n(3208),d=function(){var e=(0,s.$)().i18n;return e.language===a.X?"":"."+e.language};t.Z=function(e){var t=(0,c.useState)({source:"",components:{},data:{}}),n=(0,i.Z)(t,2),s=n[0],a=n[1],u=d(),l=(0,c.useState)(!1),p=(0,i.Z)(l,2),f=p[0],h=p[1];return(0,c.useEffect)((function(){var t=function(){var t=(0,o.Z)((0,r.Z)().mark((function t(){var n;return(0,r.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e){t.next=13;break}return h((function(){return!0})),t.prev=2,t.next=5,e(u);case 5:(n=t.sent)&&a(n),t.next=12;break;case 9:t.prev=9,t.t0=t.catch(2),console.warn(t.t0);case 12:h((function(){return!1}));case 13:case"end":return t.stop()}}),t,null,[[2,9]])})));return function(){return t.apply(this,arguments)}}();t()}),[u]),{mdData:s,loading:f}}},8805:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return d}});var r=n(1092),o=n(7791),i=n(8133),c=n(2814),s=n(270),a=n(9265);function d(){return(0,a.jsx)(s.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-form/README.md",dependencies:{Form:c.Form,FormItem:c.FormItem,Row:c.Row,Col:c.Col,Icon:c.Icon,Divider:c.Divider,Button:c.Button,Input:c.Input,Checkbox:c.Checkbox,Switch:c.Switch,Radio:c.Radio,RadioGroup:c.RadioGroup,Select:c.Select,Textarea:c.Textarea,Notify:c.Notify,Menu:c.Menu,TreeChecked:c.TreeChecked,Dropdown:c.Dropdown,useRef:i.useRef},renderPage:(0,o.Z)((0,r.Z)().mark((function e(){var t;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n.e(7655).then(n.bind(n,7655));case 2:return t=e.sent,e.abrupt("return",t.default\|\|t);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	- //# sourceMappingURL=3479.07885d28.chunk.js.map