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

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

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 (328) hide show

package/web/static/js/9875.f42566b4.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9875],{9875:function(e,n,t){t.r(n),n.default={components:{18:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(r.PinCode,{autoFocus:!0,value:["","","","",""],onChange:function(e){return console.log(e)}}))}}(),34:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function o(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function i(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}return function(){return n.default.createElement("div",null,n.default.createElement(r.Form,{resetOnSubmit:!1,onSubmitError:function(e){return e.filed?function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?o(Object(t),!0).forEach((function(n){i(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):o(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({},e.filed):null},onSubmit:function(e){e.initial;var n=e.current,t={};if(0===n.pinCode.join("").length&&(t.pinCode="\u8bf7\u8f93\u5165\u5b89\u5168\u7801\uff01"),n.pinCode.join("").length<5&&(t.pinCode="\u5b89\u5168\u7801\u6ca1\u6709\u8f93\u5165\u5b8c\u6574\uff01"),Object.keys(t).length>0){var o=new Error;throw o.filed=t,r.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01"}),o}r.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u5b89\u5168\u7801\u4e3a\uff1a".concat(n.pinCode.join(""),"\uff01")})},fields:{pinCode:{initialValue:["","","","",""],children:n.default.createElement(r.PinCode,null)}}},(function(e){var t=e.fields,o=e.state,i=e.canSubmit;return console.log("state:",o.current.pinCode.join("")),n.default.createElement("div",null,n.default.createElement(r.Row,null,n.default.createElement(r.Col,{fixed:!0},t.pinCode)),n.default.createElement(r.Row,null,n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Button,{size:"small",disabled:!i(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"),n.default.createElement("span",{style:{paddingLeft:16,color:"#a7a7a7",verticalAlign:"middle"}},o.current.pinCode.join("")))),n.default.createElement(r.Row,null,n.default.createElement(r.Col,null,n.default.createElement("pre",{style:{padding:10,marginTop:10}},JSON.stringify(o.current,null,2)))))})))}}(),107:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(r.PinCode,{placeholder:"\u25a0",value:["8","7","3","",""],onChange:function(e){return console.log(e)}}),n.default.createElement(r.Divider,null),n.default.createElement(r.PinCode,{placeholder:"\u2605",value:["6","","","",""],onChange:function(e){return console.log(e)}}),n.default.createElement(r.Divider,null),n.default.createElement(r.PinCode,{placeholder:"\ud83e\udd23",value:["","","","",""],onChange:function(e){return console.log(e)}}))}}(),125:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(r.PinCode,{disabled:!0,value:["1","9","8","7","0"]}),n.default.createElement(r.Divider,null),n.default.createElement(r.PinCode,{disabled:!0,value:["","","","",""]}),n.default.createElement(r.Divider,null),n.default.createElement(r.PinCode,{disabled:!0,placeholder:"\ud83e\udd23",value:["","","","",""]}))}}(),143:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(r.PinCode,{size:"large",value:["1","9","8","7","0"]}),n.default.createElement(r.Divider,null),n.default.createElement(r.PinCode,{value:["","","","",""]}),n.default.createElement(r.Divider,null),n.default.createElement(r.PinCode,{size:"small",value:["","","","",""]}))}}()},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.PinCode, {\n autoFocus: true,\n value: [\'\', \'\', \'\', \'\', \'\'],\n onChange: function onChange(val) {\n return console.log(val);\n }\n }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { PinCode } from 'uiw';\n\nconst Demo = () => (\n <div>\n <PinCode autoFocus value={['', '', '', '', '']} onChange={(val) => console.log(val)} />\n </div>\n);\nexport default Demo"},34:{name:34,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("div", null, /#__PURE__/_react["default"].createElement(_uiw.Form, {\n resetOnSubmit: false,\n onSubmitError: function onSubmitError(error) {\n if (error.filed) {\n return _objectSpread({}, error.filed);\n }\n\n return null;\n },\n onSubmit: function onSubmit(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n var errorObj = {};\n\n if (current.pinCode.join(\'\').length === 0) {\n errorObj.pinCode = \'\u8bf7\u8f93\u5165\u5b89\u5168\u7801\uff01\';\n }\n\n if (current.pinCode.join(\'\').length < 5) {\n errorObj.pinCode = \'\u5b89\u5168\u7801\u6ca1\u6709\u8f93\u5165\u5b8c\u6574\uff01\';\n }\n\n if (Object.keys(errorObj).length > 0) {\n var err = new Error();\n err.filed = errorObj;\n\n _uiw.Notify.error({\n title: \'\u63d0\u4ea4\u5931\u8d25\uff01\',\n description: \'\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01\'\n });\n\n throw err;\n }\n\n _uiw.Notify.success({\n title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n description: "\\u8868\\u5355\\u63D0\\u4EA4\\u6210\\u529F\\uFF0C\\u5B89\\u5168\\u7801\\u4E3A\\uFF1A".concat(current.pinCode.join(\'\'), "\\uFF01")\n });\n },\n fields: {\n pinCode: {\n initialValue: [\'\', \'\', \'\', \'\', \'\'],\n children: /#__PURE__/_react["default"].createElement(_uiw.PinCode, null)\n }\n }\n }, function (_ref2) {\n var fields = _ref2.fields,\n state = _ref2.state,\n canSubmit = _ref2.canSubmit;\n console.log(\'state:\', state.current.pinCode.join(\'\'));\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, fields.pinCode)), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n size: "small",\n disabled: !canSubmit(),\n type: "primary",\n htmlType: "submit"\n }, "\\u63D0\\u4EA4"), /#__PURE__/_react["default"].createElement("span", {\n style: {\n paddingLeft: 16,\n color: \'#a7a7a7\',\n verticalAlign: \'middle\'\n }\n }, state.current.pinCode.join(\'\')))), /#__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, Row, Col, Icon, PinCode, Button, Notify } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Form\n resetOnSubmit={false}\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n onSubmit={({initial, current}) => {\n const errorObj = {};\n if (current.pinCode.join('').length === 0) {\n errorObj.pinCode = '\u8bf7\u8f93\u5165\u5b89\u5168\u7801\uff01';\n }\n if (current.pinCode.join('').length < 5) {\n errorObj.pinCode = '\u5b89\u5168\u7801\u6ca1\u6709\u8f93\u5165\u5b8c\u6574\uff01';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01' });\n throw err;\n }\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u5b89\u5168\u7801\u4e3a\uff1a${current.pinCode.join('')}\uff01`,\n });\n }}\n fields={{\n pinCode: {\n initialValue: ['', '', '', '', ''],\n children: <PinCode />\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n console.log('state:',state.current.pinCode.join(''))\n return (\n <div>\n <Row>\n <Col fixed>{fields.pinCode}</Col>\n </Row>\n <Row>\n <Col fixed>\n <Button size=\"small\" disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n <span style={{ paddingLeft: 16, color: '#a7a7a7', verticalAlign: 'middle' }}>\n {state.current.pinCode.join('')}\n </span>\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 </div>\n)\nexport default Demo"},107:{name:107,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.PinCode, {\n placeholder: \"\\u25A0\",\n value: ['8', '7', '3', '', ''],\n onChange: function onChange(val) {\n return console.log(val);\n }\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Divider, null), /#__PURE__/_react[\"default\"].createElement(_uiw.PinCode, {\n placeholder: \"\\u2605\",\n value: ['6', '', '', '', ''],\n onChange: function onChange(val) {\n return console.log(val);\n }\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Divider, null), /#__PURE__/_react[\"default\"].createElement(_uiw.PinCode, {\n placeholder: \"\\uD83E\\uDD23\",\n value: ['', '', '', '', ''],\n onChange: function onChange(val) {\n return console.log(val);\n }\n }));\n};\n\nreturn Demo;",language:"jsx",value:"import React from 'react';\nimport { PinCode, Divider } from 'uiw';\n\nconst Demo = () => (\n <div>\n <PinCode placeholder=\"\u25a0\" value={['8', '7', '3', '', '']} onChange={(val) => console.log(val)} />\n <Divider />\n <PinCode placeholder=\"\u2605\" value={['6', '', '', '', '']} onChange={(val) => console.log(val)} />\n <Divider />\n <PinCode placeholder=\"\ud83e\udd23\" value={['', '', '', '', '']} onChange={(val) => console.log(val)} />\n </div>\n);\nexport default Demo"},125:{name:125,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.PinCode, {\n disabled: true,\n value: ['1', '9', '8', '7', '0']\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Divider, null), /#__PURE__/_react[\"default\"].createElement(_uiw.PinCode, {\n disabled: true,\n value: ['', '', '', '', '']\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Divider, null), /#__PURE__/_react[\"default\"].createElement(_uiw.PinCode, {\n disabled: true,\n placeholder: \"\\uD83E\\uDD23\",\n value: ['', '', '', '', '']\n }));\n};\n\nreturn Demo;",language:"jsx",value:"import React from 'react';\nimport { PinCode, Divider } from 'uiw';\n\nconst Demo = () => (\n <div>\n <PinCode disabled value={['1', '9', '8', '7', '0']} />\n <Divider />\n <PinCode disabled value={['', '', '', '', '']} />\n <Divider />\n <PinCode disabled placeholder=\"\ud83e\udd23\" value={['', '', '', '', '']} />\n </div>\n);\nexport default Demo"},143:{name:143,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.PinCode, {\n size: \"large\",\n value: ['1', '9', '8', '7', '0']\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Divider, null), /#__PURE__/_react[\"default\"].createElement(_uiw.PinCode, {\n value: ['', '', '', '', '']\n }), /#__PURE__/_react[\"default\"].createElement(_uiw.Divider, null), /#__PURE__/_react[\"default\"].createElement(_uiw.PinCode, {\n size: \"small\",\n value: ['', '', '', '', '']\n }));\n};\n\nreturn Demo;",language:"jsx",value:"import React from 'react';\nimport { PinCode, Divider } from 'uiw';\n\nconst Demo = () => (\n <div>\n <PinCode size=\"large\" value={['1', '9', '8', '7', '0']} />\n <Divider />\n <PinCode value={['', '', '', '', '']} />\n <Divider />\n <PinCode size=\"small\" value={['', '', '', '', '']} />\n </div>\n);\nexport default Demo"}},source:"PinCode \u5b89\u5168\u7801\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-pin-code/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-pin-code.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-pin-code)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-pin-code.svg?label=@uiw/react-pin-code)](https://npmjs.com/@uiw/react-pin-code)\n\n\u9488\u5bf9\u8f93\u5165\u6570\u5b57\u5e8f\u5217\u8fdb\u884c\u4e86\u4f18\u5316\u3002\u6700\u5e38\u89c1\u7684\u5e94\u7528\u662f\u8f93\u5165\u4e00\u6b21\u6027\u5b89\u5168\u7801\u3002\u5b83\u7ecf\u8fc7\u4f18\u5316\uff0c\u53ef\u5feb\u901f\u8f93\u5165\u6570\u5b57\u3002\n\n```jsx\nimport { PinCode } from 'uiw';\n// or\nimport PinCode from '@uiw/react-pin-code';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { PinCode } from 'uiw';\n\nconst Demo = () => (\n <div>\n <PinCode autoFocus value={['', '', '', '', '']} onChange={(val) => console.log(val)} />\n </div>\n);\nexport default Demo\n```\n\n### \u5728\u8868\u5355\u4e2d\u4f7f\u7528\n\n\u5728 [`<Form />`](#/components/form) \u8868\u5355\u4e2d\u5e94\u7528 [`<PinCode />`](#/components/pin-code) \u7ec4\u4ef6\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, Row, Col, Icon, PinCode, Button, Notify } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Form\n resetOnSubmit={false}\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n onSubmit={({initial, current}) => {\n const errorObj = {};\n if (current.pinCode.join('').length === 0) {\n errorObj.pinCode = '\u8bf7\u8f93\u5165\u5b89\u5168\u7801\uff01';\n }\n if (current.pinCode.join('').length < 5) {\n errorObj.pinCode = '\u5b89\u5168\u7801\u6ca1\u6709\u8f93\u5165\u5b8c\u6574\uff01';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01' });\n throw err;\n }\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u5b89\u5168\u7801\u4e3a\uff1a${current.pinCode.join('')}\uff01`,\n });\n }}\n fields={{\n pinCode: {\n initialValue: ['', '', '', '', ''],\n children: <PinCode />\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n console.log('state:',state.current.pinCode.join(''))\n return (\n <div>\n <Row>\n <Col fixed>{fields.pinCode}</Col>\n </Row>\n <Row>\n <Col fixed>\n <Button size=\"small\" disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n <span style={{ paddingLeft: 16, color: '#a7a7a7', verticalAlign: 'middle' }}>\n {state.current.pinCode.join('')}\n </span>\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 </div>\n)\nexport default Demo\n```\n\n### \u66f4\u6539\u5360\u4f4d\u7b26\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { PinCode, Divider } from 'uiw';\n\nconst Demo = () => (\n <div>\n <PinCode placeholder=\"\u25a0\" value={['8', '7', '3', '', '']} onChange={(val) => console.log(val)} />\n <Divider />\n <PinCode placeholder=\"\u2605\" value={['6', '', '', '', '']} onChange={(val) => console.log(val)} />\n <Divider />\n <PinCode placeholder=\"\ud83e\udd23\" value={['', '', '', '', '']} onChange={(val) => console.log(val)} />\n </div>\n);\nexport default Demo\n```\n\n### \u8f93\u5165\u6846\u88ab\u7981\u7528\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { PinCode, Divider } from 'uiw';\n\nconst Demo = () => (\n <div>\n <PinCode disabled value={['1', '9', '8', '7', '0']} />\n <Divider />\n <PinCode disabled value={['', '', '', '', '']} />\n <Divider />\n <PinCode disabled placeholder=\"\ud83e\udd23\" value={['', '', '', '', '']} />\n </div>\n);\nexport default Demo\n```\n\n### \u5c3a\u5bf8\u5927\u5c0f\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { PinCode, Divider } from 'uiw';\n\nconst Demo = () => (\n <div>\n <PinCode size=\"large\" value={['1', '9', '8', '7', '0']} />\n <Divider />\n <PinCode value={['', '', '', '', '']} />\n <Divider />\n <PinCode size=\"small\" value={['', '', '', '', '']} />\n </div>\n);\nexport default Demo\n```\n\n## PinCode\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| value \| \u7ed1\u5b9a\u503c\uff0c\u6839\u636e\u6570\u7ec4\u957f\u5ea6\uff0c\u5c55\u793a\u5b89\u5168\u7801\u7684\u957f\u5ea6 \| string[] \| - \|\n\| disabled \| \u7981\u7528\u8f93\u5165\u6846 \| Boolean \| `false` \|\n\| autoFocus \| \u81ea\u52a8\u83b7\u5f97\u7126\u70b9\u3002 \| Boolean \| - \|\n\| placeholder \| \u5360\u4f4d\u7b26 \| string \| `\u25cb` \|\n\| size \| \u6307\u5b9a\u8f93\u5165\u6846\u7684\u5c3a\u5bf8\uff0c\u9664\u4e86\u9ed8\u8ba4\u7684\u5927\u5c0f\u5916\uff0c\u8fd8\u63d0\u4f9b\u4e86 `large`\u3001`small` \u548c `default` \u4e09\u79cd\u5c3a\u5bf8\u3002 \| String \| - \|\n\| onChange \| `value` \u53d8\u5316\u65f6\u56de\u8c03\u51fd\u6570 \| Function(value: string[]) \| - \|\n\| onBlur \| \u5931\u53bb\u7126\u70b9\u65f6\u8fd0\u884c \| Function(event: React.FocusEvent<HTMLInputElement\\>) \| - \|\n\| onFocus \| \u83b7\u5f97\u7126\u70b9\u65f6\u8fd0\u884c \| Function(event: React.FocusEvent<HTMLInputElement\\>) \| - \|"}}}]);
2	+ //# sourceMappingURL=9875.f42566b4.chunk.js.map

package/web/static/js/9875.f42566b4.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/9875.f42566b4.chunk.js","mappings":"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","sources":["../../packages/react-pin-code/README.md"],"sourcesContent":["\nexport default {\n components: { 18: (function() { \"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.PinCode, {\n autoFocus: true,\n value: ['', '', '', '', ''],\n onChange: function onChange(val) {\n return console.log(val);\n }\n }));\n};\n\nreturn Demo; })(),34: (function() { \"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(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Form, {\n resetOnSubmit: false,\n onSubmitError: function onSubmitError(error) {\n if (error.filed) {\n return _objectSpread({}, error.filed);\n }\n\n return null;\n },\n onSubmit: function onSubmit(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n var errorObj = {};\n\n if (current.pinCode.join('').length === 0) {\n errorObj.pinCode = '请输入安全码！';\n }\n\n if (current.pinCode.join('').length < 5) {\n errorObj.pinCode = '安全码没有输入完整！';\n }\n\n if (Object.keys(errorObj).length > 0) {\n var err = new Error();\n err.filed = errorObj;\n\n _uiw.Notify.error({\n title: '提交失败！',\n description: '请确认提交表单是否正确！'\n });\n\n throw err;\n }\n\n _uiw.Notify.success({\n title: '提交成功！',\n description: \"\\u8868\\u5355\\u63D0\\u4EA4\\u6210\\u529F\\uFF0C\\u5B89\\u5168\\u7801\\u4E3A\\uFF1A\".concat(current.pinCode.join(''), \"\\uFF01\")\n });\n },\n fields: {\n pinCode: {\n initialValue: ['', '', '', '', ''],\n children: /*#__PURE__*/_react[\"default\"].createElement(_uiw.PinCode, null)\n }\n }\n }, function (_ref2) {\n var fields = _ref2.fields,\n state = _ref2.state,\n canSubmit = _ref2.canSubmit;\n console.log('state:', state.current.pinCode.join(''));\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true\n }, fields.pinCode)), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n fixed: true\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n size: \"small\",\n disabled: !canSubmit(),\n type: \"primary\",\n htmlType: \"submit\"\n }, \"\\u63D0\\u4EA4\"), /*#__PURE__*/_react[\"default\"].createElement(\"span\", {\n style: {\n paddingLeft: 16,\n color: '#a7a7a7',\n verticalAlign: 'middle'\n }\n }, state.current.pinCode.join('')))), /*#__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; })(),107: (function() { \"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.PinCode, {\n placeholder: \"\\u25A0\",\n value: ['8', '7', '3', '', ''],\n onChange: function onChange(val) {\n return console.log(val);\n }\n }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Divider, null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.PinCode, {\n placeholder: \"\\u2605\",\n value: ['6', '', '', '', ''],\n onChange: function onChange(val) {\n return console.log(val);\n }\n }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Divider, null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.PinCode, {\n placeholder: \"\\uD83E\\uDD23\",\n value: ['', '', '', '', ''],\n onChange: function onChange(val) {\n return console.log(val);\n }\n }));\n};\n\nreturn Demo; })(),125: (function() { \"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.PinCode, {\n disabled: true,\n value: ['1', '9', '8', '7', '0']\n }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Divider, null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.PinCode, {\n disabled: true,\n value: ['', '', '', '', '']\n }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Divider, null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.PinCode, {\n disabled: true,\n placeholder: \"\\uD83E\\uDD23\",\n value: ['', '', '', '', '']\n }));\n};\n\nreturn Demo; })(),143: (function() { \"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.PinCode, {\n size: \"large\",\n value: ['1', '9', '8', '7', '0']\n }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Divider, null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.PinCode, {\n value: ['', '', '', '', '']\n }), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Divider, null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.PinCode, {\n size: \"small\",\n value: ['', '', '', '', '']\n }));\n};\n\nreturn Demo; })(), },\n data: {\n \"18\": {\n \"name\": 18,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"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.PinCode, {\\n autoFocus: true,\\n value: ['', '', '', '', ''],\\n onChange: function onChange(val) {\\n return console.log(val);\\n }\\n }));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { PinCode } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <PinCode autoFocus value={['', '', '', '', '']} onChange={(val) => console.log(val)} />\\n </div>\\n);\\nexport default Demo\"\n },\n \"34\": {\n \"name\": 34,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"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(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Form, {\\n resetOnSubmit: false,\\n onSubmitError: function onSubmitError(error) {\\n if (error.filed) {\\n return _objectSpread({}, error.filed);\\n }\\n\\n return null;\\n },\\n onSubmit: function onSubmit(_ref) {\\n var initial = _ref.initial,\\n current = _ref.current;\\n var errorObj = {};\\n\\n if (current.pinCode.join('').length === 0) {\\n errorObj.pinCode = '请输入安全码！';\\n }\\n\\n if (current.pinCode.join('').length < 5) {\\n errorObj.pinCode = '安全码没有输入完整！';\\n }\\n\\n if (Object.keys(errorObj).length > 0) {\\n var err = new Error();\\n err.filed = errorObj;\\n\\n _uiw.Notify.error({\\n title: '提交失败！',\\n description: '请确认提交表单是否正确！'\\n });\\n\\n throw err;\\n }\\n\\n _uiw.Notify.success({\\n title: '提交成功！',\\n description: \\\"\\\\u8868\\\\u5355\\\\u63D0\\\\u4EA4\\\\u6210\\\\u529F\\\\uFF0C\\\\u5B89\\\\u5168\\\\u7801\\\\u4E3A\\\\uFF1A\\\".concat(current.pinCode.join(''), \\\"\\\\uFF01\\\")\\n });\\n },\\n fields: {\\n pinCode: {\\n initialValue: ['', '', '', '', ''],\\n children: /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.PinCode, null)\\n }\\n }\\n }, function (_ref2) {\\n var fields = _ref2.fields,\\n state = _ref2.state,\\n canSubmit = _ref2.canSubmit;\\n console.log('state:', state.current.pinCode.join(''));\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n fixed: true\\n }, fields.pinCode)), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n fixed: true\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n size: \\\"small\\\",\\n disabled: !canSubmit(),\\n type: \\\"primary\\\",\\n htmlType: \\\"submit\\\"\\n }, \\\"\\\\u63D0\\\\u4EA4\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"span\\\", {\\n style: {\\n paddingLeft: 16,\\n color: '#a7a7a7',\\n verticalAlign: 'middle'\\n }\\n }, state.current.pinCode.join('')))), /*#__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;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Form, Row, Col, Icon, PinCode, Button, Notify } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <Form\\n resetOnSubmit={false}\\n onSubmitError={(error) => {\\n if (error.filed) {\\n return { ...error.filed };\\n }\\n return null;\\n }}\\n onSubmit={({initial, current}) => {\\n const errorObj = {};\\n if (current.pinCode.join('').length === 0) {\\n errorObj.pinCode = '请输入安全码！';\\n }\\n if (current.pinCode.join('').length < 5) {\\n errorObj.pinCode = '安全码没有输入完整！';\\n }\\n if(Object.keys(errorObj).length > 0) {\\n const err = new Error();\\n err.filed = errorObj;\\n Notify.error({ title: '提交失败！', description: '请确认提交表单是否正确！' });\\n throw err;\\n }\\n Notify.success({\\n title: '提交成功！',\\n description: `表单提交成功，安全码为：${current.pinCode.join('')}！`,\\n });\\n }}\\n fields={{\\n pinCode: {\\n initialValue: ['', '', '', '', ''],\\n children: <PinCode />\\n },\\n }}\\n >\\n {({ fields, state, canSubmit }) => {\\n console.log('state:',state.current.pinCode.join(''))\\n return (\\n <div>\\n <Row>\\n <Col fixed>{fields.pinCode}</Col>\\n </Row>\\n <Row>\\n <Col fixed>\\n <Button size=\\\"small\\\" disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n <span style={{ paddingLeft: 16, color: '#a7a7a7', verticalAlign: 'middle' }}>\\n {state.current.pinCode.join('')}\\n </span>\\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 </div>\\n)\\nexport default Demo\"\n },\n \"107\": {\n \"name\": 107,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"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.PinCode, {\\n placeholder: \\\"\\\\u25A0\\\",\\n value: ['8', '7', '3', '', ''],\\n onChange: function onChange(val) {\\n return console.log(val);\\n }\\n }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Divider, null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.PinCode, {\\n placeholder: \\\"\\\\u2605\\\",\\n value: ['6', '', '', '', ''],\\n onChange: function onChange(val) {\\n return console.log(val);\\n }\\n }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Divider, null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.PinCode, {\\n placeholder: \\\"\\\\uD83E\\\\uDD23\\\",\\n value: ['', '', '', '', ''],\\n onChange: function onChange(val) {\\n return console.log(val);\\n }\\n }));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { PinCode, Divider } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <PinCode placeholder=\\\"■\\\" value={['8', '7', '3', '', '']} onChange={(val) => console.log(val)} />\\n <Divider />\\n <PinCode placeholder=\\\"★\\\" value={['6', '', '', '', '']} onChange={(val) => console.log(val)} />\\n <Divider />\\n <PinCode placeholder=\\\"🤣\\\" value={['', '', '', '', '']} onChange={(val) => console.log(val)} />\\n </div>\\n);\\nexport default Demo\"\n },\n \"125\": {\n \"name\": 125,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"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.PinCode, {\\n disabled: true,\\n value: ['1', '9', '8', '7', '0']\\n }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Divider, null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.PinCode, {\\n disabled: true,\\n value: ['', '', '', '', '']\\n }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Divider, null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.PinCode, {\\n disabled: true,\\n placeholder: \\\"\\\\uD83E\\\\uDD23\\\",\\n value: ['', '', '', '', '']\\n }));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { PinCode, Divider } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <PinCode disabled value={['1', '9', '8', '7', '0']} />\\n <Divider />\\n <PinCode disabled value={['', '', '', '', '']} />\\n <Divider />\\n <PinCode disabled placeholder=\\\"🤣\\\" value={['', '', '', '', '']} />\\n </div>\\n);\\nexport default Demo\"\n },\n \"143\": {\n \"name\": 143,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"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.PinCode, {\\n size: \\\"large\\\",\\n value: ['1', '9', '8', '7', '0']\\n }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Divider, null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.PinCode, {\\n value: ['', '', '', '', '']\\n }), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Divider, null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.PinCode, {\\n size: \\\"small\\\",\\n value: ['', '', '', '', '']\\n }));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { PinCode, Divider } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <PinCode size=\\\"large\\\" value={['1', '9', '8', '7', '0']} />\\n <Divider />\\n <PinCode value={['', '', '', '', '']} />\\n <Divider />\\n <PinCode size=\\\"small\\\" value={['', '', '', '', '']} />\\n </div>\\n);\\nexport default Demo\"\n }\n},\n source: \"PinCode 安全码\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-pin-code/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-pin-code.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-pin-code)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-pin-code.svg?label=@uiw/react-pin-code)](https://npmjs.com/@uiw/react-pin-code)\\n\\n针对输入数字序列进行了优化。最常见的应用是输入一次性安全码。它经过优化，可快速输入数字。\\n\\n```jsx\\nimport { PinCode } from 'uiw';\\n// or\\nimport PinCode from '@uiw/react-pin-code';\\n```\\n\\n### 基础用法\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { PinCode } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <PinCode autoFocus value={['', '', '', '', '']} onChange={(val) => console.log(val)} />\\n </div>\\n);\\nexport default Demo\\n```\\n\\n### 在表单中使用\\n\\n在 [`<Form />`](#/components/form) 表单中应用 [`<PinCode />`](#/components/pin-code) 组件\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Form, Row, Col, Icon, PinCode, Button, Notify } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <Form\\n resetOnSubmit={false}\\n onSubmitError={(error) => {\\n if (error.filed) {\\n return { ...error.filed };\\n }\\n return null;\\n }}\\n onSubmit={({initial, current}) => {\\n const errorObj = {};\\n if (current.pinCode.join('').length === 0) {\\n errorObj.pinCode = '请输入安全码！';\\n }\\n if (current.pinCode.join('').length < 5) {\\n errorObj.pinCode = '安全码没有输入完整！';\\n }\\n if(Object.keys(errorObj).length > 0) {\\n const err = new Error();\\n err.filed = errorObj;\\n Notify.error({ title: '提交失败！', description: '请确认提交表单是否正确！' });\\n throw err;\\n }\\n Notify.success({\\n title: '提交成功！',\\n description: `表单提交成功，安全码为：${current.pinCode.join('')}！`,\\n });\\n }}\\n fields={{\\n pinCode: {\\n initialValue: ['', '', '', '', ''],\\n children: <PinCode />\\n },\\n }}\\n >\\n {({ fields, state, canSubmit }) => {\\n console.log('state:',state.current.pinCode.join(''))\\n return (\\n <div>\\n <Row>\\n <Col fixed>{fields.pinCode}</Col>\\n </Row>\\n <Row>\\n <Col fixed>\\n <Button size=\\\"small\\\" disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n <span style={{ paddingLeft: 16, color: '#a7a7a7', verticalAlign: 'middle' }}>\\n {state.current.pinCode.join('')}\\n </span>\\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 </div>\\n)\\nexport default Demo\\n```\\n\\n### 更改占位符\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { PinCode, Divider } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <PinCode placeholder=\\\"■\\\" value={['8', '7', '3', '', '']} onChange={(val) => console.log(val)} />\\n <Divider />\\n <PinCode placeholder=\\\"★\\\" value={['6', '', '', '', '']} onChange={(val) => console.log(val)} />\\n <Divider />\\n <PinCode placeholder=\\\"🤣\\\" value={['', '', '', '', '']} onChange={(val) => console.log(val)} />\\n </div>\\n);\\nexport default Demo\\n```\\n\\n### 输入框被禁用\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { PinCode, Divider } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <PinCode disabled value={['1', '9', '8', '7', '0']} />\\n <Divider />\\n <PinCode disabled value={['', '', '', '', '']} />\\n <Divider />\\n <PinCode disabled placeholder=\\\"🤣\\\" value={['', '', '', '', '']} />\\n </div>\\n);\\nexport default Demo\\n```\\n\\n### 尺寸大小\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { PinCode, Divider } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <PinCode size=\\\"large\\\" value={['1', '9', '8', '7', '0']} />\\n <Divider />\\n <PinCode value={['', '', '', '', '']} />\\n <Divider />\\n <PinCode size=\\\"small\\\" value={['', '', '', '', '']} />\\n </div>\\n);\\nexport default Demo\\n```\\n\\n## PinCode\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| value | 绑定值，根据数组长度，展示安全码的长度 | string[] | - |\\n| disabled | 禁用输入框 | Boolean | `false` |\\n| autoFocus | 自动获得焦点。 | Boolean | - |\\n| placeholder | 占位符 | string | `○` |\\n| size | 指定输入框的尺寸，除了默认的大小外，还提供了 `large`、`small` 和 `default` 三种尺寸。 | String | - |\\n| onChange | `value` 变化时回调函数 | Function(value: string[]) | - |\\n| onBlur | 失去焦点时运行 | Function(event: React.FocusEvent<HTMLInputElement\\\\>) | - |\\n| onFocus | 获得焦点时运行 | Function(event: React.FocusEvent<HTMLInputElement\\\\>) | - |\"\n }"],"names":["components","obj","_react","__esModule","_uiw","createElement","PinCode","autoFocus","value","onChange","val","console","log","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_defineProperty","key","defineProperty","configurable","writable","Form","resetOnSubmit","onSubmitError","error","filed","target","i","arguments","length","source","forEach","getOwnPropertyDescriptors","defineProperties","_objectSpread","onSubmit","_ref","initial","current","errorObj","pinCode","join","err","Error","Notify","title","description","success","concat","fields","initialValue","children","_ref2","state","canSubmit","Row","Col","fixed","Button","size","disabled","type","htmlType","style","paddingLeft","color","verticalAlign","padding","marginTop","JSON","stringify","placeholder","Divider","data"],"sourceRoot":""}

package/web/static/js/9915.6ef9e74a.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9915],{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 D}});var r=n(189),o=n(3782),i=n(5726),s=n(5752),c=n(6796),a=n(6135),d=n.n(a),l=n(2029),u=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,s=(0,o.Z)(e,f),a=(0,r.Z)({},s),m=(0,u.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 g={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)(l.Z,(0,r.Z)((0,r.Z)({},g),{},{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)(c.Z,(0,r.Z)((0,r.Z)({},a),{},{ref:m,toolbarExtra:(0,p.jsx)(u.Fragment,{children:x})}))}var x=n(2814),v=n(2251);function g(){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)(u.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 j="index_docinfo__3Vx8S",k="index_markdown__hcQCp",b=n(7946),w=n(3369),Z=["inline","node"],_=["data-meta","noPreview","noScroll","bgWhite","noCode","codePen","codeSandboxOption","codeSandbox","bordered"];function D(e){var t=e.renderPage,n=e.path,c=(0,b.Z)(t),a=c.mdData,d=c.loading,l=s.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:k,components:{code:function(e){var t,n=e.inline,i=e.node,s=(0,o.Z)(e,Z),c=s["data-meta"],d=(s.noPreview,s.noScroll,s.bgWhite,s.noCode),u=(s.codePen,s.codeSandboxOption,s.codeSandbox,s.bordered,(0,o.Z)(s,_));if(n\|\|!(0,w.pN)(c))return(0,p.jsx)("code",(0,r.Z)({},u));var f=null===(t=i.position)\|\|void 0===t?void 0:t.start.line,h=(0,w.Mx)(c)\|\|String(f),x=a.components["".concat(h)],v=(0,w.aE)(c);if(h&&"function"===typeof x){var g=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:l,code:(0,p.jsx)("pre",{children:(0,p.jsx)("code",(0,r.Z)({},u))}),text:g,children:(0,p.jsx)(x,{})})}return(0,p.jsx)("code",(0,r.Z)({},u))}}})})}),(0,p.jsx)("div",{className:j,children:(0,p.jsx)(g,{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),s=n(8133),c=n(2251),a=n(3208),d=function(){var e=(0,c.$)().i18n;return e.language===a.X?"":"."+e.language};t.Z=function(e){var t=(0,s.useState)({source:"",components:{},data:{}}),n=(0,i.Z)(t,2),c=n[0],a=n[1],l=d(),u=(0,s.useState)(!1),p=(0,i.Z)(u,2),f=p[0],h=p[1];return(0,s.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(l);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()}),[l]),{mdData:c,loading:f}}},2201:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return a}});var r=n(1092),o=n(7791),i=(n(8133),n(2814)),s=n(270),c=n(9265);function a(){return(0,c.jsx)(s.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-descriptions/README.md",dependencies:{Descriptions:i.Descriptions,Divider:i.Divider,Badge:i.Badge,Radio:i.Radio,RadioGroup:i.RadioGroup},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(7702).then(n.bind(n,7702));case 2:return t=e.sent,e.abrupt("return",t.default\|\|t);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	+ //# sourceMappingURL=9915.6ef9e74a.chunk.js.map

package/web/static/js/9915.6ef9e74a.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/9915.6ef9e74a.chunk.js","mappings":"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","sources":["../../node_modules/@babel/standalone|sync|nonrecursive","components/Markdown/Code.tsx","components/Markdown/Footer.tsx","webpack://website/./src/components/Markdown/index.module.less?afd9","components/Markdown/index.tsx","components/useMdData/index.ts","routes/components/descriptions/index.tsx"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 4934;\nmodule.exports = webpackEmptyContext;","import CodePreviewLayout, { CodeLayoutProps } from 'react-code-preview-layout';\nimport Codepen from '@uiw/react-codepen';\nimport Codesandbox from '@uiw/react-codesandbox';\nimport React, { Fragment, useRef } from 'react';\n\nexport interface CodesProps extends CodeLayoutProps {\n version: string;\n codePen?: boolean | string;\n codeSandbox?: boolean | string;\n noCode?: boolean;\n}\n\nconst getCodePenJs = (js: string, includeModule: string[]) => {\n let include = (includeModule || []).join('|');\n let resultJs = js.replace(/import([\\s\\S]*?)(?=['\"])['\"].*['\"]( *;|;)?/gm, (str) => {\n // eslint-disable-next-line no-useless-escape\n if (include && new RegExp(`from\\\\s+['\"](${include})['\"](\\s.+)?;?`).test(str)) {\n return str;\n }\n return `/** ${str} **/`;\n });\n return resultJs;\n};\n\nexport default function Code({ version, codePen, codeSandbox, ...other }: CodesProps) {\n const props: Omit<CodeLayoutProps, 'ref'> = { ...other };\n const $dom = useRef<HTMLDivElement>(null);\n\n // useLayoutEffect(() => {\n // if ($dom.current) {\n // const parentElement = $dom.current.parentElement;\n // if (parentElement && parentElement.parentElement) {\n // parentElement.parentElement.replaceChild($dom.current, parentElement);\n // }\n // }\n // }, [$dom]);\n let toolbarExtra: React.ReactNode[] = [];\n if (codePen) {\n const codePenOptions = {\n title: `uiw${version} - demo`,\n js: `${getCodePenJs(props.text || '', ['uiw']).replace(\n 'export default',\n 'const APP_Default = ',\n )}\\nReactDOM.createRoot(document.getElementById(\"container\")).render(<APP_Default />)`,\n html: '<div id=\"container\" style=\"padding: 24px\"></div>',\n css_external: `https://unpkg.com/uiw@${version}/dist/uiw.min.css`,\n 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@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n };\n toolbarExtra.push(\n <Codepen key=\"Codepen\" {...codePenOptions}>\n <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n <path\n 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\"\n p-id=\"2071\"\n ></path>\n </svg>\n </Codepen>,\n );\n }\n if (codeSandbox) {\n const codeSandboxOptions = {\n files: {\n 'sandbox.config.json': {\n content: `{\n \"template\": \"node\",\n \"container\": {\n \"startScript\": \"start\",\n \"node\": \"14\"\n }\n }`,\n },\n 'public/index.html': {\n content: `<div id=\"container\"></div>`,\n },\n 'src/app.js': {\n content: props.text,\n },\n 'src/index.js': {\n content: `import React from \"react\";\\nimport ReactClient from \"react-dom/client\";\\nimport App from \"./app\";\\nReactClient.createRoot(document.getElementById(\"container\")).render(<App />);`,\n },\n // 'src/index.js': {\n // content: (props.copyNodes || '').replace('_mount_', 'document.getElementById(\"container\")'),\n // },\n '.kktrc.js': {\n content: `import lessModules from \"@kkt/less-modules\";\\nexport default (conf, env, options) => {\\nconf = lessModules(conf, env, options);\\nreturn conf;\\n};`,\n },\n 'package.json': {\n content: {\n name: 'uiw-demo',\n description: `uiw v${version} - demo`,\n dependencies: {\n react: '18.1.0',\n 'react-dom': '18.1.0',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '~7.1.1',\n kkt: '~7.1.5',\n },\n license: 'MIT',\n scripts: {\n start: 'kkt start',\n build: 'kkt build',\n test: 'kkt test --env=jsdom',\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],\n },\n },\n },\n };\n toolbarExtra.push(\n <Codesandbox key=\"Codesandbox\" {...codeSandboxOptions}>\n <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n <path\n 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\"\n p-id=\"4089\"\n ></path>\n </svg>\n </Codesandbox>,\n );\n }\n return <CodePreviewLayout {...props} ref={$dom} toolbarExtra={<Fragment>{toolbarExtra}</Fragment>} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\nimport { useTranslation } from 'react-i18next';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const { t: trans } = useTranslation();\n const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n\n return (\n <Fragment>\n {trans('footer.greeting')}\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n {trans('footer.greetLinkText')}\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n {trans('footer.issues')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n {trans('footer.bug')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n {trans('footer.github')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n {trans('footer.kkt')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n {trans('footer.kkt_ssr')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n {trans('footer.io')}\n </a>\n </Fragment>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import MarkdownPreview from '@uiw/react-markdown-preview';\nimport pkg from 'uiw/package.json';\nimport Code from './Code';\nimport Footer from './Footer';\nimport styles from './index.module.less';\nimport useMdData from './../useMdData';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { Loader } from 'uiw';\nimport { getMetaId, isMeta, getURLParameters } from 'markdown-react-code-preview-loader';\nimport './index.css';\nexport type CreatePageProps<T> = {\n dependencies?: T;\n path: string;\n renderPage?: (lang?: string) => Promise<CodeBlockData>;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n const { renderPage, path } = props;\n const { mdData, loading } = useMdData(renderPage);\n const version = pkg.version || '2.0.0';\n if (!mdData.source) {\n return null;\n }\n\n return (\n <div>\n <Loader style={{ width: '100%' }} loading={loading} tip=\"loading...\">\n <div>\n <MarkdownPreview\n source={mdData.source}\n className={styles.markdown}\n components={{\n /**\n * bordered 边框\n * bgWhite 设置代码预览背景白色，否则为格子背景。\n * noCode 不显示代码编辑器。\n * noPreview 不显示代码预览效果。\n * noScroll 预览区域不显示滚动条。\n * codePen 显示 Codepen 按钮，要特别注意包导入的问题，实例中的 import 主要用于 Codepen 使用。\n */\n code: ({ inline, node, ...props }) => {\n const {\n 'data-meta': meta,\n noPreview,\n noScroll,\n bgWhite,\n noCode,\n codePen,\n codeSandboxOption,\n codeSandbox,\n bordered,\n ...rest\n } = props as any;\n if (inline || !isMeta(meta)) {\n return <code {...rest} />;\n }\n const line = node.position?.start.line;\n const metaId = getMetaId(meta) || String(line);\n const Child = mdData.components[`${metaId}`];\n const parameters = getURLParameters(meta);\n if (metaId && typeof Child === 'function') {\n const copyNodes = mdData.data[metaId].value || '';\n return (\n <Code\n toolbar={parameters.title || '示例展示'}\n disableToolbar={noCode}\n codePen={parameters.codePen}\n codeSandbox={parameters.codeSandbox}\n disableCheckered={!!parameters.disableCheckered}\n background={parameters.background}\n version={version}\n code={\n <pre>\n <code {...rest} />\n </pre>\n }\n text={copyNodes}\n >\n <Child />\n </Code>\n );\n }\n return <code {...rest} />;\n },\n }}\n />\n </div>\n </Loader>\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import { useEffect, useState } from 'react';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { useTranslation } from 'react-i18next';\nimport { DefLan } from 'react-i18next-config';\n\nexport const useFileSuffix = () => {\n const { i18n } = useTranslation();\n const fileSuffix = i18n.language === DefLan ? '' : '.' + i18n.language;\n return fileSuffix;\n};\n\nconst useMdData = (renderPage?: (lang?: string) => Promise<CodeBlockData>) => {\n const [mdData, setMdData] = useState<CodeBlockData>({\n source: '',\n components: {},\n data: {},\n });\n const fileSuffix = useFileSuffix();\n const [loading, setLoading] = useState(false);\n useEffect(() => {\n const getMd = async () => {\n if (renderPage) {\n setLoading(() => true);\n try {\n const result = await renderPage(fileSuffix);\n if (result) {\n setMdData(result);\n }\n } catch (err) {\n console.warn(err);\n }\n setLoading(() => false);\n }\n };\n getMd();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [fileSuffix]);\n return { mdData, loading };\n};\n\nexport default useMdData;\n","import React from 'react';\nimport { Descriptions, Divider, Badge, Radio, RadioGroup } from 'uiw';\nimport Markdown from '../../../components/Markdown';\n\nexport default function Page() {\n return (\n <Markdown\n path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-descriptions/README.md\"\n dependencies={{ Descriptions, Divider, Badge, Radio, RadioGroup }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-descriptions/README.md');\n return md.default || md;\n }}\n />\n );\n}\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","getCodePenJs","js","includeModule","include","join","replace","str","RegExp","test","Code","version","codePen","codeSandbox","other","props","$dom","useRef","toolbarExtra","codePenOptions","title","text","html","css_external","js_external","push","style","fill","viewBox","width","height","d","codeSandboxOptions","files","content","name","description","dependencies","react","uiw","devDependencies","kkt","license","scripts","start","build","browserslist","ref","Fragment","path","useTranslation","trans","t","url","href","target","rel","Divider","type","CreatePage","renderPage","useMdData","mdData","loading","pkg","source","Loader","tip","className","styles","components","inline","node","meta","noCode","noPreview","noScroll","bgWhite","rest","codeSandboxOption","bordered","isMeta","line","position","metaId","getMetaId","String","Child","parameters","getURLParameters","copyNodes","data","value","toolbar","disableToolbar","disableCheckered","background","Footer","useFileSuffix","i18n","language","DefLan","useState","setMdData","fileSuffix","setLoading","useEffect","getMd","result","console","warn","Page","Descriptions","Badge","Radio","RadioGroup","md","default"],"sourceRoot":""}

package/web/static/js/9947.8aff2fc4.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9947],{9947:function(e,n,t){t.r(n),n.default={components:{18:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function a(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var t=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==t)return;var r,a,o=[],u=!0,i=!1;try{for(t=t.call(e);!(u=(r=t.next()).done)&&(o.push(r.value),!n\|\|o.length!==n);u=!0);}catch(l){i=!0,a=l}finally{try{u\|\|null==t.return\|\|t.return()}finally{if(i)throw a}}return o}(e,n)\|\|function(e,n){if(!e)return;if("string"===typeof e)return o(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t\|\|"Set"===t)return Array.from(e);if("Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t))return o(e,n)}(e,n)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}return function(){var e=a(n.default.useState(!1),2),t=e[0],o=e[1],u=a(n.default.useState(!0),2),i=u[0],l=u[1];return n.default.createElement("div",null,n.default.createElement(r.Button,{type:"primary",onClick:function(){o(!0),l(!0)}},"\u70b9\u51fb\u5f39\u51fa\u5185\u5bb9"),n.default.createElement(r.Button,{type:"primary",onClick:function(){o(!0),l(!1)}},"\u5f39\u51fa\u5185\u5bb9\u6ca1\u6709\u906e\u7f69\u5c42"),n.default.createElement(r.Overlay,{hasBackdrop:i,isOpen:t,onClose:function(){return o(!1)}},n.default.createElement(r.Card,{active:!0,bordered:!i,style:{width:500}},n.default.createElement("h3",{style:{margin:0}},"\u57fa\u7840\u5f39\u51fa\u5c42 - ",String(t)),n.default.createElement("div",null,"\u8fd9\u662f\u4e00\u4e2a\u57fa\u7840\u7684\u5f39\u51fa\u5c42\u7ec4\u4ef6\uff0c\u5176\u5b83\u5f39\u51fa\u5c42\u7ec4\u4ef6\u57fa\u4e8e\u5b83\u6765\u6269\u5c55\u6bd4\u5982 Modal\u3001Alert"),n.default.createElement("br",null),n.default.createElement(r.Button,{type:"danger",onClick:function(){return o(!1)}},"\u5173\u95ed"))))}}(),68:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function a(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var t=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==t)return;var r,a,o=[],u=!0,i=!1;try{for(t=t.call(e);!(u=(r=t.next()).done)&&(o.push(r.value),!n\|\|o.length!==n);u=!0);}catch(l){i=!0,a=l}finally{try{u\|\|null==t.return\|\|t.return()}finally{if(i)throw a}}return o}(e,n)\|\|function(e,n){if(!e)return;if("string"===typeof e)return o(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t\|\|"Set"===t)return Array.from(e);if("Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t))return o(e,n)}(e,n)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}return function(){var e=a(n.default.useState(!1),2),t=e[0],o=e[1];return n.default.createElement("div",null,n.default.createElement(r.Button,{type:"primary",onClick:function(){o(!t)}},"\u70b9\u51fb\u5f39\u51fa\u5185\u5bb9"),n.default.createElement(r.Overlay,{backdropProps:{style:{backgroundColor:"rgba(0, 0, 0, .5)"}},isOpen:t,onClose:function(){return o(!1)}},n.default.createElement("div",{style:{backgroundColor:"#fff",minWidth:500}},n.default.createElement(r.Icon,{onClick:function(){return o(!1)},type:"circle-close",style:{position:"absolute",right:0,top:"-20px",color:"#fff",cursor:"pointer"}}),n.default.createElement("div",{style:{backgroundColor:"rgb(0, 204, 180)",color:"rgb(255, 255, 255)",textAlign:"center",padding:"34px 24px"}},n.default.createElement("h1",{style:{fontSize:"28px",fontWeight:"700",color:"rgb(255, 255, 255)",lineHeight:"1.2",margin:"0px"}},"\u4e0b\u6b21\u9884\u8ba2\u53ef\u4eab 5 \uffe5 \u4f18\u60e0"),n.default.createElement("div",{style:{padding:"5px 0"}},"(5 \uffe5 ~ \xa538)"),n.default.createElement("div",{style:{fontSize:"18px"}},"\u4f7f\u7528\u4fc3\u9500\u7801\uff1a ",n.default.createElement("b",{style:{color:"#f8e71c",margin:"0px 4px"}},"KSGI5"))),n.default.createElement("div",{style:{padding:"24px"}},n.default.createElement("h1",{style:{fontSize:"28px",fontWeight:"700",color:"rgb(23, 27, 30)",lineHeight:"1.2",margin:"0px 0px 4px"}},"\u8ba2\u9605 uiw \u7ec4\u4ef6\u65b0\u95fb\u901a\u8baf"),n.default.createElement("div",{style:{color:"rgb(70, 81, 94)"}},"\u5728\u6536\u4ef6\u7bb1\u4e2d\u63a5\u6536\u72ec\u5bb6\u66f4\u65b0\u4fe1\u606f")))))}}(),141:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function a(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var t=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==t)return;var r,a,o=[],u=!0,i=!1;try{for(t=t.call(e);!(u=(r=t.next()).done)&&(o.push(r.value),!n\|\|o.length!==n);u=!0);}catch(l){i=!0,a=l}finally{try{u\|\|null==t.return\|\|t.return()}finally{if(i)throw a}}return o}(e,n)\|\|function(e,n){if(!e)return;if("string"===typeof e)return o(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t\|\|"Set"===t)return Array.from(e);if("Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t))return o(e,n)}(e,n)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}return function(){var e=a(n.default.useState(!1),2),t=e[0],o=e[1];function u(e){o(!t)}return n.default.createElement("div",null,n.default.createElement(r.Button,{type:"primary",onClick:u},"\u70b9\u51fb\u5f39\u51fa\u5185\u5bb9"),n.default.createElement(r.Overlay,{usePortal:!1,isOpen:t,onClose:u},n.default.createElement(r.Card,function(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}({active:!0,style:{width:500}},"active",!0),n.default.createElement("h3",{style:{marginTop:0}},"\u57fa\u7840\u5f39\u51fa\u5c42"),n.default.createElement("p",null,"Portals \u662f react 16 \u63d0\u4f9b\u7684\u5b98\u65b9\u89e3\u51b3\u65b9\u6848\uff0c\u4f7f\u5f97\u7ec4\u4ef6\u53ef\u4ee5\u8131\u79bb\u7236\u7ec4\u4ef6\u5c42\u7ea7\u6302\u8f7d\u5728DOM\u6811\u7684\u4efb\u4f55\u4f4d\u7f6e\uff0c\u6211\u4eec\u5229\u7528\u8fd9\u4e2a\u65b9\u6cd5\uff0c\u53ef\u5c06\u6a21\u6001\u5bf9\u8bdd\u6846\u751f\u6210\u5230\u6839\u8282\u70b9\u7684\u5916\u9762\uff0c\u9ed8\u8ba4\u60c5\u51b5\u751f\u6210\u5230\u8ddf\u8282\u70b9\u7684\u5916\u9762\uff0c\u901a\u8fc7\u5c06 usePortal \u8bbe\u7f6e\u4e3a false \u5c06\u5bf9\u8bdd\u6846\u751f\u6210\u5728\u7236\u7ec4\u4ef6\u5c42\u7ea7\u6302\u8f7d\u7684DOM\u6811\u4e2d\u3002"),n.default.createElement(r.Button,{type:"danger",onClick:u},"\u5173\u95ed"))))}}(),173:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function a(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var t=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==t)return;var r,a,o=[],u=!0,i=!1;try{for(t=t.call(e);!(u=(r=t.next()).done)&&(o.push(r.value),!n\|\|o.length!==n);u=!0);}catch(l){i=!0,a=l}finally{try{u\|\|null==t.return\|\|t.return()}finally{if(i)throw a}}return o}(e,n)\|\|function(e,n){if(!e)return;if("string"===typeof e)return o(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t\|\|"Set"===t)return Array.from(e);if("Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t))return o(e,n)}(e,n)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}return function(){var e=a(n.default.useState(!1),2),t=e[0],o=e[1];function u(e){o(!t)}return n.default.createElement("div",null,n.default.createElement(r.Button,{type:"primary",onClick:u},"\u70b9\u51fb\u5f39\u51fa\u5185\u5bb9"),n.default.createElement(r.Overlay,{transitionName:"animation-flipX",timeout:1e3,isOpen:t,onClose:u},n.default.createElement(r.Card,function(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}({active:!0,style:{width:500}},"active",!0),n.default.createElement("h3",{style:{marginTop:0}},"\u57fa\u7840\u5f39\u51fa\u5c42"),n.default.createElement("p",null,"Portals \u662f react 16 \u63d0\u4f9b\u7684\u5b98\u65b9\u89e3\u51b3\u65b9\u6848\uff0c\u4f7f\u5f97\u7ec4\u4ef6\u53ef\u4ee5\u8131\u79bb\u7236\u7ec4\u4ef6\u5c42\u7ea7\u6302\u8f7d\u5728DOM\u6811\u7684\u4efb\u4f55\u4f4d\u7f6e\uff0c\u6211\u4eec\u5229\u7528\u8fd9\u4e2a\u65b9\u6cd5\uff0c\u53ef\u5c06\u6a21\u6001\u5bf9\u8bdd\u6846\u751f\u6210\u5230\u6839\u8282\u70b9\u7684\u5916\u9762\uff0c\u9ed8\u8ba4\u60c5\u51b5\u751f\u6210\u5230\u8ddf\u8282\u70b9\u7684\u5916\u9762\uff0c\u901a\u8fc7\u5c06 usePortal \u8bbe\u7f6e\u4e3a false \u5c06\u5bf9\u8bdd\u6846\u751f\u6210\u5728\u7236\u7ec4\u4ef6\u5c42\u7ea7\u6302\u8f7d\u7684DOM\u6811\u4e2d\u3002"),n.default.createElement(r.Button,{type:"danger",onClick:u},"\u5173\u95ed"))))}}()},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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" \|\| n === "Set") return Array.from(o); if (n === "Arguments" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] \|\| arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction Demo() {\n var _React$useState = _react["default"].useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n isOpen = _React$useState2[0],\n setIsOpen = _React$useState2[1];\n\n var _React$useState3 = _react["default"].useState(true),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n hasBackdrop = _React$useState4[0],\n setHasBackdrop = _React$useState4[1];\n\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary",\n onClick: function onClick() {\n setIsOpen(true);\n setHasBackdrop(true);\n }\n }, "\\u70B9\\u51FB\\u5F39\\u51FA\\u5185\\u5BB9"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary",\n onClick: function onClick() {\n setIsOpen(true);\n setHasBackdrop(false);\n }\n }, "\\u5F39\\u51FA\\u5185\\u5BB9\\u6CA1\\u6709\\u906E\\u7F69\\u5C42"), /#__PURE__/_react["default"].createElement(_uiw.Overlay, {\n hasBackdrop: hasBackdrop,\n isOpen: isOpen,\n onClose: function onClose() {\n return setIsOpen(false);\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Card, {\n active: true,\n bordered: !hasBackdrop,\n style: {\n width: 500\n }\n }, /#__PURE__/_react["default"].createElement("h3", {\n style: {\n margin: 0\n }\n }, "\\u57FA\\u7840\\u5F39\\u51FA\\u5C42 - ", String(isOpen)), /#__PURE__/_react["default"].createElement("div", null, "\\u8FD9\\u662F\\u4E00\\u4E2A\\u57FA\\u7840\\u7684\\u5F39\\u51FA\\u5C42\\u7EC4\\u4EF6\\uFF0C\\u5176\\u5B83\\u5F39\\u51FA\\u5C42\\u7EC4\\u4EF6\\u57FA\\u4E8E\\u5B83\\u6765\\u6269\\u5C55\\u6BD4\\u5982 Modal\\u3001Alert"), /#__PURE__/_react["default"].createElement("br", null), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "danger",\n onClick: function onClick() {\n return setIsOpen(false);\n }\n }, "\\u5173\\u95ED"))));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Overlay, Button, Card } from \'uiw\';\n\nfunction Demo() {\n const [isOpen, setIsOpen] = React.useState(false);\n const [hasBackdrop, setHasBackdrop] = React.useState(true);\n return (\n <div>\n <Button\n type="primary"\n onClick={() => {\n setIsOpen(true)\n setHasBackdrop(true)\n }}\n >\n \u70b9\u51fb\u5f39\u51fa\u5185\u5bb9\n </Button>\n <Button\n type="primary"\n onClick={() => {\n setIsOpen(true)\n setHasBackdrop(false)\n }}\n >\n \u5f39\u51fa\u5185\u5bb9\u6ca1\u6709\u906e\u7f69\u5c42\n </Button>\n <Overlay\n hasBackdrop={hasBackdrop}\n isOpen={isOpen}\n onClose={() => setIsOpen(false)}\n >\n <Card active bordered={!hasBackdrop} style={{ width: 500 }}>\n <h3 style={{margin: 0}}>\u57fa\u7840\u5f39\u51fa\u5c42 - {String(isOpen)}</h3>\n <div>\n \u8fd9\u662f\u4e00\u4e2a\u57fa\u7840\u7684\u5f39\u51fa\u5c42\u7ec4\u4ef6\uff0c\u5176\u5b83\u5f39\u51fa\u5c42\u7ec4\u4ef6\u57fa\u4e8e\u5b83\u6765\u6269\u5c55\u6bd4\u5982 Modal\u3001Alert\n </div>\n <br />\n <Button type="danger" onClick={() => setIsOpen(false)}>\u5173\u95ed</Button>\n </Card>\n </Overlay>\n </div>\n )\n}\n\nexport default Demo'},68:{name:68,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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" \|\| n === "Set") return Array.from(o); if (n === "Arguments" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] \|\| arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction Demo() {\n var _React$useState = _react["default"].useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n isOpen = _React$useState2[0],\n setIsOpen = _React$useState2[1];\n\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary",\n onClick: function onClick() {\n setIsOpen(!isOpen);\n }\n }, "\\u70B9\\u51FB\\u5F39\\u51FA\\u5185\\u5BB9"), /#__PURE__/_react["default"].createElement(_uiw.Overlay, {\n backdropProps: {\n style: {\n backgroundColor: \'rgba(0, 0, 0, .5)\'\n }\n },\n isOpen: isOpen,\n onClose: function onClose() {\n return setIsOpen(false);\n }\n }, /#__PURE__/_react["default"].createElement("div", {\n style: {\n backgroundColor: \'#fff\',\n minWidth: 500\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n onClick: function onClick() {\n return setIsOpen(false);\n },\n type: "circle-close",\n style: {\n position: \'absolute\',\n right: 0,\n top: \'-20px\',\n color: \'#fff\',\n cursor: \'pointer\'\n }\n }), /#__PURE__/_react["default"].createElement("div", {\n style: {\n backgroundColor: \'rgb(0, 204, 180)\',\n color: \'rgb(255, 255, 255)\',\n textAlign: \'center\',\n padding: \'34px 24px\'\n }\n }, /#__PURE__/_react["default"].createElement("h1", {\n style: {\n fontSize: \'28px\',\n fontWeight: \'700\',\n color: \'rgb(255, 255, 255)\',\n lineHeight: \'1.2\',\n margin: \'0px\'\n }\n }, "\\u4E0B\\u6B21\\u9884\\u8BA2\\u53EF\\u4EAB 5 \\uFFE5 \\u4F18\\u60E0"), /#__PURE__/_react["default"].createElement("div", {\n style: {\n padding: \'5px 0\'\n }\n }, "(5 \\uFFE5 ~ \\xA538)"), /#__PURE__/_react["default"].createElement("div", {\n style: {\n fontSize: \'18px\'\n }\n }, "\\u4F7F\\u7528\\u4FC3\\u9500\\u7801\\uFF1A ", /#__PURE__/_react["default"].createElement("b", {\n style: {\n color: \'#f8e71c\',\n margin: \'0px 4px\'\n }\n }, "KSGI5"))), /#__PURE__/_react["default"].createElement("div", {\n style: {\n padding: \'24px\'\n }\n }, /#__PURE__/_react["default"].createElement("h1", {\n style: {\n fontSize: \'28px\',\n fontWeight: \'700\',\n color: \'rgb(23, 27, 30)\',\n lineHeight: \'1.2\',\n margin: \'0px 0px 4px\'\n }\n }, "\\u8BA2\\u9605 uiw \\u7EC4\\u4EF6\\u65B0\\u95FB\\u901A\\u8BAF"), /#__PURE__/_react["default"].createElement("div", {\n style: {\n color: \'rgb(70, 81, 94)\'\n }\n }, "\\u5728\\u6536\\u4EF6\\u7BB1\\u4E2D\\u63A5\\u6536\\u72EC\\u5BB6\\u66F4\\u65B0\\u4FE1\\u606F")))));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Overlay, Button, Icon } from 'uiw';\n\nfunction Demo() {\n const [isOpen, setIsOpen] = React.useState(false);\n return (\n <div>\n <Button\n type=\"primary\"\n onClick={() => {\n setIsOpen(!isOpen);\n }}\n >\n \u70b9\u51fb\u5f39\u51fa\u5185\u5bb9\n </Button>\n <Overlay\n backdropProps={{\n style: { backgroundColor: 'rgba(0, 0, 0, .5)' }\n }}\n isOpen={isOpen} onClose={() => setIsOpen(false)}\n >\n <div style={{ backgroundColor: '#fff', minWidth: 500 }} >\n <Icon\n onClick={() => setIsOpen(false)}\n type=\"circle-close\"\n style={{\n position: 'absolute',\n right: 0,\n top: '-20px',\n color: '#fff',\n cursor: 'pointer',\n }}\n />\n <div\n style={{\n backgroundColor: 'rgb(0, 204, 180)',\n color: 'rgb(255, 255, 255)',\n textAlign: 'center',\n padding: '34px 24px',\n }}\n >\n <h1\n style={{\n fontSize: '28px',\n fontWeight: '700',\n color: 'rgb(255, 255, 255)',\n lineHeight: '1.2',\n margin: '0px',\n }}\n >\n \u4e0b\u6b21\u9884\u8ba2\u53ef\u4eab 5 \uffe5 \u4f18\u60e0\n </h1>\n <div style={{ padding: '5px 0' }}>(5 \uffe5 ~ \xa538)</div>\n <div style={{ fontSize: '18px' }}>\u4f7f\u7528\u4fc3\u9500\u7801\uff1a <b style={{ color: '#f8e71c', margin: '0px 4px' }}>KSGI5</b></div>\n </div>\n <div style={{ padding: '24px' }}>\n <h1 style={{ fontSize: '28px', fontWeight: '700', color: 'rgb(23, 27, 30)', lineHeight: '1.2', margin: '0px 0px 4px' }}>\u8ba2\u9605 uiw \u7ec4\u4ef6\u65b0\u95fb\u901a\u8baf</h1>\n <div style={{ color: 'rgb(70, 81, 94)' }}>\u5728\u6536\u4ef6\u7bb1\u4e2d\u63a5\u6536\u72ec\u5bb6\u66f4\u65b0\u4fe1\u606f</div>\n </div>\n </div>\n </Overlay>\n </div>\n )\n}\n\nexport default Demo"},141:{name:141,meta:{background:"#fff",noScroll:"true",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 _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\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" \|\| n === "Set") return Array.from(o); if (n === "Arguments" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] \|\| arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction Demo() {\n var _React$useState = _react["default"].useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n isOpen = _React$useState2[0],\n setIsOpen = _React$useState2[1];\n\n function toggleOverlay(e) {\n setIsOpen(!isOpen);\n }\n\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary",\n onClick: toggleOverlay\n }, "\\u70B9\\u51FB\\u5F39\\u51FA\\u5185\\u5BB9"), /#__PURE__/_react["default"].createElement(_uiw.Overlay, {\n usePortal: false,\n isOpen: isOpen,\n onClose: toggleOverlay\n }, /#__PURE__/_react["default"].createElement(_uiw.Card, _defineProperty({\n active: true,\n style: {\n width: 500\n }\n }, "active", true), /#__PURE__/_react["default"].createElement("h3", {\n style: {\n marginTop: 0\n }\n }, "\\u57FA\\u7840\\u5F39\\u51FA\\u5C42"), /#__PURE__/_react["default"].createElement("p", null, "Portals \\u662F react 16 \\u63D0\\u4F9B\\u7684\\u5B98\\u65B9\\u89E3\\u51B3\\u65B9\\u6848\\uFF0C\\u4F7F\\u5F97\\u7EC4\\u4EF6\\u53EF\\u4EE5\\u8131\\u79BB\\u7236\\u7EC4\\u4EF6\\u5C42\\u7EA7\\u6302\\u8F7D\\u5728DOM\\u6811\\u7684\\u4EFB\\u4F55\\u4F4D\\u7F6E\\uFF0C\\u6211\\u4EEC\\u5229\\u7528\\u8FD9\\u4E2A\\u65B9\\u6CD5\\uFF0C\\u53EF\\u5C06\\u6A21\\u6001\\u5BF9\\u8BDD\\u6846\\u751F\\u6210\\u5230\\u6839\\u8282\\u70B9\\u7684\\u5916\\u9762\\uFF0C\\u9ED8\\u8BA4\\u60C5\\u51B5\\u751F\\u6210\\u5230\\u8DDF\\u8282\\u70B9\\u7684\\u5916\\u9762\\uFF0C\\u901A\\u8FC7\\u5C06 usePortal \\u8BBE\\u7F6E\\u4E3A false \\u5C06\\u5BF9\\u8BDD\\u6846\\u751F\\u6210\\u5728\\u7236\\u7EC4\\u4EF6\\u5C42\\u7EA7\\u6302\\u8F7D\\u7684DOM\\u6811\\u4E2D\\u3002"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "danger",\n onClick: toggleOverlay\n }, "\\u5173\\u95ED"))));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Overlay, Button, Card } from 'uiw';\n\nfunction Demo() {\n const [isOpen, setIsOpen] = React.useState(false);\n function toggleOverlay(e) {\n setIsOpen(!isOpen);\n }\n return (\n <div>\n <Button type=\"primary\" onClick={toggleOverlay}>\u70b9\u51fb\u5f39\u51fa\u5185\u5bb9</Button>\n <Overlay usePortal={false} isOpen={isOpen} onClose={toggleOverlay}>\n <Card active style={{ width: 500 }} active>\n <h3 style={{marginTop: 0}}>\u57fa\u7840\u5f39\u51fa\u5c42</h3>\n <p>Portals \u662f react 16 \u63d0\u4f9b\u7684\u5b98\u65b9\u89e3\u51b3\u65b9\u6848\uff0c\u4f7f\u5f97\u7ec4\u4ef6\u53ef\u4ee5\u8131\u79bb\u7236\u7ec4\u4ef6\u5c42\u7ea7\u6302\u8f7d\u5728DOM\u6811\u7684\u4efb\u4f55\u4f4d\u7f6e\uff0c\u6211\u4eec\u5229\u7528\u8fd9\u4e2a\u65b9\u6cd5\uff0c\u53ef\u5c06\u6a21\u6001\u5bf9\u8bdd\u6846\u751f\u6210\u5230\u6839\u8282\u70b9\u7684\u5916\u9762\uff0c\u9ed8\u8ba4\u60c5\u51b5\u751f\u6210\u5230\u8ddf\u8282\u70b9\u7684\u5916\u9762\uff0c\u901a\u8fc7\u5c06 usePortal \u8bbe\u7f6e\u4e3a false \u5c06\u5bf9\u8bdd\u6846\u751f\u6210\u5728\u7236\u7ec4\u4ef6\u5c42\u7ea7\u6302\u8f7d\u7684DOM\u6811\u4e2d\u3002</p>\n <Button type=\"danger\" onClick={toggleOverlay}>\u5173\u95ed</Button>\n </Card>\n </Overlay>\n </div>\n )\n}\n\nexport default Demo"},173:{name:173,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 _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\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" \|\| n === "Set") return Array.from(o); if (n === "Arguments" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] \|\| arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction Demo() {\n var _React$useState = _react["default"].useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n isOpen = _React$useState2[0],\n setIsOpen = _React$useState2[1];\n\n function toggleOverlay(e) {\n setIsOpen(!isOpen);\n }\n\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary",\n onClick: toggleOverlay\n }, "\\u70B9\\u51FB\\u5F39\\u51FA\\u5185\\u5BB9"), /#__PURE__/_react["default"].createElement(_uiw.Overlay, {\n transitionName: "animation-flipX",\n timeout: 1000,\n isOpen: isOpen,\n onClose: toggleOverlay\n }, /#__PURE__/_react["default"].createElement(_uiw.Card, _defineProperty({\n active: true,\n style: {\n width: 500\n }\n }, "active", true), /#__PURE__/_react["default"].createElement("h3", {\n style: {\n marginTop: 0\n }\n }, "\\u57FA\\u7840\\u5F39\\u51FA\\u5C42"), /#__PURE__/_react["default"].createElement("p", null, "Portals \\u662F react 16 \\u63D0\\u4F9B\\u7684\\u5B98\\u65B9\\u89E3\\u51B3\\u65B9\\u6848\\uFF0C\\u4F7F\\u5F97\\u7EC4\\u4EF6\\u53EF\\u4EE5\\u8131\\u79BB\\u7236\\u7EC4\\u4EF6\\u5C42\\u7EA7\\u6302\\u8F7D\\u5728DOM\\u6811\\u7684\\u4EFB\\u4F55\\u4F4D\\u7F6E\\uFF0C\\u6211\\u4EEC\\u5229\\u7528\\u8FD9\\u4E2A\\u65B9\\u6CD5\\uFF0C\\u53EF\\u5C06\\u6A21\\u6001\\u5BF9\\u8BDD\\u6846\\u751F\\u6210\\u5230\\u6839\\u8282\\u70B9\\u7684\\u5916\\u9762\\uFF0C\\u9ED8\\u8BA4\\u60C5\\u51B5\\u751F\\u6210\\u5230\\u8DDF\\u8282\\u70B9\\u7684\\u5916\\u9762\\uFF0C\\u901A\\u8FC7\\u5C06 usePortal \\u8BBE\\u7F6E\\u4E3A false \\u5C06\\u5BF9\\u8BDD\\u6846\\u751F\\u6210\\u5728\\u7236\\u7EC4\\u4EF6\\u5C42\\u7EA7\\u6302\\u8F7D\\u7684DOM\\u6811\\u4E2D\\u3002"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "danger",\n onClick: toggleOverlay\n }, "\\u5173\\u95ED"))));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Overlay, Button, Card } from \'uiw\';\n\nfunction Demo() {\n const [isOpen, setIsOpen] = React.useState(false);\n function toggleOverlay(e) {\n setIsOpen(!isOpen);\n }\n return (\n <div>\n <Button type="primary" onClick={toggleOverlay}>\u70b9\u51fb\u5f39\u51fa\u5185\u5bb9</Button>\n <Overlay\n transitionName="animation-flipX"\n timeout={1000}\n isOpen={isOpen}\n onClose={toggleOverlay}\n >\n <Card active style={{ width: 500 }} active>\n <h3 style={{marginTop: 0}}>\u57fa\u7840\u5f39\u51fa\u5c42</h3>\n <p>Portals \u662f react 16 \u63d0\u4f9b\u7684\u5b98\u65b9\u89e3\u51b3\u65b9\u6848\uff0c\u4f7f\u5f97\u7ec4\u4ef6\u53ef\u4ee5\u8131\u79bb\u7236\u7ec4\u4ef6\u5c42\u7ea7\u6302\u8f7d\u5728DOM\u6811\u7684\u4efb\u4f55\u4f4d\u7f6e\uff0c\u6211\u4eec\u5229\u7528\u8fd9\u4e2a\u65b9\u6cd5\uff0c\u53ef\u5c06\u6a21\u6001\u5bf9\u8bdd\u6846\u751f\u6210\u5230\u6839\u8282\u70b9\u7684\u5916\u9762\uff0c\u9ed8\u8ba4\u60c5\u51b5\u751f\u6210\u5230\u8ddf\u8282\u70b9\u7684\u5916\u9762\uff0c\u901a\u8fc7\u5c06 usePortal \u8bbe\u7f6e\u4e3a false \u5c06\u5bf9\u8bdd\u6846\u751f\u6210\u5728\u7236\u7ec4\u4ef6\u5c42\u7ea7\u6302\u8f7d\u7684DOM\u6811\u4e2d\u3002</p>\n <Button type="danger" onClick={toggleOverlay}>\u5173\u95ed</Button>\n </Card>\n </Overlay>\n </div>\n )\n}\n\nexport default Demo'}},source:"Overlay \u57fa\u7840\u5f39\u51fa\u5c42\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-overlay/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-overlay.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-overlay)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-overlay.svg?label=@uiw/react-overlay)](https://npmjs.com/@uiw/react-overlay)\n\n\u8fd9\u662f\u4e00\u4e2a\u57fa\u7840\u7684\u5f39\u51fa\u5c42\u7ec4\u4ef6\uff0c\u5176\u5b83\u5f39\u51fa\u7ec4\u4ef6\u7684\u62bd\u8c61\u7ec4\u4ef6\uff0c\u90fd\u57fa\u4e8e\u5b83\u6765\u6269\u5c55\u6bd4\u5982 [`<Modal>`](#/components/modal)\u3001[`<Dawer>`](#/components/drawer)\u3001[`<Alert>`](#/components/alert)\u3001[`<OverlayTrigger>`](#/components/overlay-trigger)\u3001[`<Popover>`](#/components/popover)\u3001[`<Tooltip>`](#/components/tooltip) \u7b49\u3002\n\n```jsx\nimport { Overlay } from 'uiw';\n// or\nimport Overlay from '@uiw/react-overlay';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Overlay, Button, Card } from 'uiw';\n\nfunction Demo() {\n const [isOpen, setIsOpen] = React.useState(false);\n const [hasBackdrop, setHasBackdrop] = React.useState(true);\n return (\n <div>\n <Button\n type=\"primary\"\n onClick={() => {\n setIsOpen(true)\n setHasBackdrop(true)\n }}\n >\n \u70b9\u51fb\u5f39\u51fa\u5185\u5bb9\n </Button>\n <Button\n type=\"primary\"\n onClick={() => {\n setIsOpen(true)\n setHasBackdrop(false)\n }}\n >\n \u5f39\u51fa\u5185\u5bb9\u6ca1\u6709\u906e\u7f69\u5c42\n </Button>\n <Overlay\n hasBackdrop={hasBackdrop}\n isOpen={isOpen}\n onClose={() => setIsOpen(false)}\n >\n <Card active bordered={!hasBackdrop} style={{ width: 500 }}>\n <h3 style={{margin: 0}}>\u57fa\u7840\u5f39\u51fa\u5c42 - {String(isOpen)}</h3>\n <div>\n \u8fd9\u662f\u4e00\u4e2a\u57fa\u7840\u7684\u5f39\u51fa\u5c42\u7ec4\u4ef6\uff0c\u5176\u5b83\u5f39\u51fa\u5c42\u7ec4\u4ef6\u57fa\u4e8e\u5b83\u6765\u6269\u5c55\u6bd4\u5982 Modal\u3001Alert\n </div>\n <br />\n <Button type=\"danger\" onClick={() => setIsOpen(false)}>\u5173\u95ed</Button>\n </Card>\n </Overlay>\n </div>\n )\n}\n\nexport default Demo\n```\n\n### \u5b8c\u5168\u5b9a\u5236\u5f39\u51fa\u5bb9\u5668\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Overlay, Button, Icon } from 'uiw';\n\nfunction Demo() {\n const [isOpen, setIsOpen] = React.useState(false);\n return (\n <div>\n <Button\n type=\"primary\"\n onClick={() => {\n setIsOpen(!isOpen);\n }}\n >\n \u70b9\u51fb\u5f39\u51fa\u5185\u5bb9\n </Button>\n <Overlay\n backdropProps={{\n style: { backgroundColor: 'rgba(0, 0, 0, .5)' }\n }}\n isOpen={isOpen} onClose={() => setIsOpen(false)}\n >\n <div style={{ backgroundColor: '#fff', minWidth: 500 }} >\n <Icon\n onClick={() => setIsOpen(false)}\n type=\"circle-close\"\n style={{\n position: 'absolute',\n right: 0,\n top: '-20px',\n color: '#fff',\n cursor: 'pointer',\n }}\n />\n <div\n style={{\n backgroundColor: 'rgb(0, 204, 180)',\n color: 'rgb(255, 255, 255)',\n textAlign: 'center',\n padding: '34px 24px',\n }}\n >\n <h1\n style={{\n fontSize: '28px',\n fontWeight: '700',\n color: 'rgb(255, 255, 255)',\n lineHeight: '1.2',\n margin: '0px',\n }}\n >\n \u4e0b\u6b21\u9884\u8ba2\u53ef\u4eab 5 \uffe5 \u4f18\u60e0\n </h1>\n <div style={{ padding: '5px 0' }}>(5 \uffe5 ~ \xa538)</div>\n <div style={{ fontSize: '18px' }}>\u4f7f\u7528\u4fc3\u9500\u7801\uff1a <b style={{ color: '#f8e71c', margin: '0px 4px' }}>KSGI5</b></div>\n </div>\n <div style={{ padding: '24px' }}>\n <h1 style={{ fontSize: '28px', fontWeight: '700', color: 'rgb(23, 27, 30)', lineHeight: '1.2', margin: '0px 0px 4px' }}>\u8ba2\u9605 uiw \u7ec4\u4ef6\u65b0\u95fb\u901a\u8baf</h1>\n <div style={{ color: 'rgb(70, 81, 94)' }}>\u5728\u6536\u4ef6\u7bb1\u4e2d\u63a5\u6536\u72ec\u5bb6\u66f4\u65b0\u4fe1\u606f</div>\n </div>\n </div>\n </Overlay>\n </div>\n )\n}\n\nexport default Demo\n```\n\n### usePortal\n\n[`Portals`](https://reactjs.org/docs/portals.html#event-bubbling-through-portals) \u662f react 16 \u63d0\u4f9b\u7684\u5b98\u65b9\u89e3\u51b3\u65b9\u6848\uff0c\u4f7f\u5f97\u7ec4\u4ef6\u53ef\u4ee5\u8131\u79bb\u7236\u7ec4\u4ef6\u5c42\u7ea7\u6302\u8f7d\u5728 DOM \u6811\u7684\u4efb\u4f55\u4f4d\u7f6e\uff0c\u6211\u4eec\u5229\u7528\u8fd9\u4e2a\u65b9\u6cd5\uff0c\u53ef\u5c06\u6a21\u6001\u5bf9\u8bdd\u6846\u751f\u6210\u5230\u6839\u8282\u70b9\u7684\u5916\u9762\uff0c\u9ed8\u8ba4\u60c5\u51b5\u751f\u6210\u5230\u8ddf\u8282\u70b9\u7684\u5916\u9762\uff0c\u901a\u8fc7\u5c06 `usePortal` \u8bbe\u7f6e\u4e3a `false` \u5c06\u5bf9\u8bdd\u6846\u751f\u6210\u5728\u7236\u7ec4\u4ef6\u5c42\u7ea7\u6302\u8f7d\u7684 DOM \u6811\u4e2d\u3002 \n\n```jsx mdx:preview&background=#fff&noScroll=true&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Overlay, Button, Card } from 'uiw';\n\nfunction Demo() {\n const [isOpen, setIsOpen] = React.useState(false);\n function toggleOverlay(e) {\n setIsOpen(!isOpen);\n }\n return (\n <div>\n <Button type=\"primary\" onClick={toggleOverlay}>\u70b9\u51fb\u5f39\u51fa\u5185\u5bb9</Button>\n <Overlay usePortal={false} isOpen={isOpen} onClose={toggleOverlay}>\n <Card active style={{ width: 500 }} active>\n <h3 style={{marginTop: 0}}>\u57fa\u7840\u5f39\u51fa\u5c42</h3>\n <p>Portals \u662f react 16 \u63d0\u4f9b\u7684\u5b98\u65b9\u89e3\u51b3\u65b9\u6848\uff0c\u4f7f\u5f97\u7ec4\u4ef6\u53ef\u4ee5\u8131\u79bb\u7236\u7ec4\u4ef6\u5c42\u7ea7\u6302\u8f7d\u5728DOM\u6811\u7684\u4efb\u4f55\u4f4d\u7f6e\uff0c\u6211\u4eec\u5229\u7528\u8fd9\u4e2a\u65b9\u6cd5\uff0c\u53ef\u5c06\u6a21\u6001\u5bf9\u8bdd\u6846\u751f\u6210\u5230\u6839\u8282\u70b9\u7684\u5916\u9762\uff0c\u9ed8\u8ba4\u60c5\u51b5\u751f\u6210\u5230\u8ddf\u8282\u70b9\u7684\u5916\u9762\uff0c\u901a\u8fc7\u5c06 usePortal \u8bbe\u7f6e\u4e3a false \u5c06\u5bf9\u8bdd\u6846\u751f\u6210\u5728\u7236\u7ec4\u4ef6\u5c42\u7ea7\u6302\u8f7d\u7684DOM\u6811\u4e2d\u3002</p>\n <Button type=\"danger\" onClick={toggleOverlay}>\u5173\u95ed</Button>\n </Card>\n </Overlay>\n </div>\n )\n}\n\nexport default Demo\n```\n\n### \u81ea\u5b9a\u4e49\u52a8\u753b\n\n\u52a8\u753b\u8fc7\u6e21\u6548\u679c\u662f\u6839\u636e [`react-transition-group`](https://github.com/reactjs/react-transition-group) \u7ec4\u4ef6\u5c01\u88c5\u3002\u52a8\u753b\u65f6\u957f\u53c2\u6570 `timeout={1000}` \u662f\u6839\u636e CSS \u52a8\u753b\u6837\u5f0f\u6301\u7eed\u65f6\u957f\u6765\u5b9a\u4e49\u3002\n\n> \u6ce8\u610f\uff1a`@3.2.0` ~~`transitionDuration={1000}`~~ \u66f4\u540d\u4e3a `timeout`\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Overlay, Button, Card } from 'uiw';\n\nfunction Demo() {\n const [isOpen, setIsOpen] = React.useState(false);\n function toggleOverlay(e) {\n setIsOpen(!isOpen);\n }\n return (\n <div>\n <Button type=\"primary\" onClick={toggleOverlay}>\u70b9\u51fb\u5f39\u51fa\u5185\u5bb9</Button>\n <Overlay\n transitionName=\"animation-flipX\"\n timeout={1000}\n isOpen={isOpen}\n onClose={toggleOverlay}\n >\n <Card active style={{ width: 500 }} active>\n <h3 style={{marginTop: 0}}>\u57fa\u7840\u5f39\u51fa\u5c42</h3>\n <p>Portals \u662f react 16 \u63d0\u4f9b\u7684\u5b98\u65b9\u89e3\u51b3\u65b9\u6848\uff0c\u4f7f\u5f97\u7ec4\u4ef6\u53ef\u4ee5\u8131\u79bb\u7236\u7ec4\u4ef6\u5c42\u7ea7\u6302\u8f7d\u5728DOM\u6811\u7684\u4efb\u4f55\u4f4d\u7f6e\uff0c\u6211\u4eec\u5229\u7528\u8fd9\u4e2a\u65b9\u6cd5\uff0c\u53ef\u5c06\u6a21\u6001\u5bf9\u8bdd\u6846\u751f\u6210\u5230\u6839\u8282\u70b9\u7684\u5916\u9762\uff0c\u9ed8\u8ba4\u60c5\u51b5\u751f\u6210\u5230\u8ddf\u8282\u70b9\u7684\u5916\u9762\uff0c\u901a\u8fc7\u5c06 usePortal \u8bbe\u7f6e\u4e3a false \u5c06\u5bf9\u8bdd\u6846\u751f\u6210\u5728\u7236\u7ec4\u4ef6\u5c42\u7ea7\u6302\u8f7d\u7684DOM\u6811\u4e2d\u3002</p>\n <Button type=\"danger\" onClick={toggleOverlay}>\u5173\u95ed</Button>\n </Card>\n </Overlay>\n </div>\n )\n}\n\nexport default Demo\n```\n\n\u4f60\u53ef\u4ee5\u6839\u636e\u52a8\u753b\u6837\u5f0f\u5e93 [`animate.css`](https://daneden.github.io/animate.css/) \u6dfb\u52a0\u4e0d\u540c\u7684\u51fa\u5165\u52a8\u753b\u3002\u9ed8\u8ba4\u901a\u8fc7\u7684 [`Less`](http://lesscss.org/) \u751f\u6210 CSS \u52a8\u753b\u7684\u5b9e\u4f8b\u4ee3\u7801\uff0c\u5b9a\u4e49 `transitionName` \u52a8\u753b\u6837\u5f0f\u540d\u5b57\u4e3a `animation-bouce`\uff0c\u4e0b\u9762\u662f\u4e0a\u9762\u5b9e\u4f8b\u7684\u6837\u5f0f\uff1a\n\n```less\n@animation-prefix:~\"animation-flipX\";\n// \u906e\u7f69\u5c42\u52a8\u753b\n// Background animation\n.@{animation-prefix}-enter .w-overlay-backdrop {\n opacity: 0.01;\n}\n.@{animation-prefix}-enter-active .w-overlay-backdrop {\n opacity: 1;\n transition: opacity 1s ease-in;\n}\n.@{animation-prefix}-exit .w-overlay-backdrop {\n opacity: 1;\n}\n.@{animation-prefix}-exit-active .w-overlay-backdrop {\n opacity: 0.01;\n transition: opacity 1s ease-in;\n}\n// \u5bf9\u8bdd\u6846\u52a8\u753b\n// Content animation\n.@{animation-prefix}-enter-active .w-overlay-content {\n animation-duration: 1s;\n animation-fill-mode: both;\n animation-name: flipInX;\n}\n.@{animation-prefix}-exit-active .w-overlay-content {\n animation-duration: 1s;\n animation-fill-mode: both;\n animation-name: flipOutX;\n}\n\n.@{animation-prefix}-enter,\n.@{animation-prefix}-enter-done,\n.@{animation-prefix}-exit {\n display: inherit;\n}\n\n@keyframes flipOutX {\n 0% { transform: perspective(400px); }\n 30% {\n transform: perspective(400px) rotateX(-20deg);\n opacity: 1;\n }\n to {\n transform: perspective(400px) rotateX(90deg);\n opacity: 0;\n }\n}\n\n@keyframes flipInX {\n 0% {\n transform: perspective(400px) rotateX(90deg);\n animation-timing-function: ease-in;\n opacity: 0;\n }\n 40% {\n transform: perspective(400px) rotateX(-20deg);\n animation-timing-function: ease-in;\n }\n 60% {\n transform: perspective(400px) rotateX(10deg);\n opacity: 1;\n }\n 80% {\n transform: perspective(400px) rotateX(-5deg);\n }\n to { transform: perspective(400px); }\n}\n```\n\n## Overlay\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| isOpen \| \u5bf9\u8bdd\u6846\u662f\u5426\u53ef\u89c1 \| boolean \| `false` \|\n\| usePortal \| \u4f7f\u7528 react 16 \u63d0\u4f9b\u7684\u5b98\u65b9\u89e3\u51b3\u65b9\u6848 [`Portals`](https://reactjs.org/docs/portals.html#event-bubbling-through-portals)\uff0c\u5c06\u6a21\u6001\u5bf9\u8bdd\u6846\u751f\u6210\u5230\u6839\u8282\u70b9\u7684\u5916\u9762\u3002 \| boolean \| `true` \|\n\| maskClosable \| \u70b9\u51fb\u906e\u7f69\u5c42\u662f\u5426\u5141\u8bb8\u5173\u95ed \| boolean \| `true` \|\n\| portalProps \| \u8bbe\u7f6e [`Portal`](#/components/portal) \u7ec4\u4ef6\u5c5e\u6027 \| object \| `{}` \|\n\| backdropProps \| \u906e\u7f69\u5c42 HTML \u5c5e\u6027\u8bbe\u7f6e \| object \| `{}` \|\n\| dialogProps \| \u5f39\u51fa\u76ee\u6807(\u5bf9\u8bdd\u6846) HTML \u5c5e\u6027\u8bbe\u7f6e \| object \| - \|\n\| unmountOnExit \| \u9ed8\u8ba4 `true` \u9000\u51fa\u52a8\u753b\u5378\u8f7d\u7ec4\u4ef6 \| boolean \| `true` \|\n\| hasBackdrop \| \u662f\u5426\u6709\u80cc\u666f\uff0c\u662f\u5426\u5411 `<body>` \u6dfb\u52a0\u6837\u5f0f `.w-overlay-open` \u9632\u6b62\u6eda\u52a8\u6761\u51fa\u73b0 \| boolean \| `true` \|\n\| transitionName \| \u5185\u90e8 [`CSSTransitionsss`](http://reactcommunity.org/react-transition-group/css-transition/) \u7684\u8f6c\u6362\u540d\u79f0\u3002\u5728\u6b64\u63d0\u4f9b\u60a8\u81ea\u5df1\u7684\u540d\u79f0\u5c06\u9700\u8981\u5b9a\u4e49\u65b0\u7684 CSS \u8fc7\u6e21\u5c5e\u6027\u3002 \| string \| `w-overlay` \|\n\| timeout \| ~~transitionDuration~~ \u66f4\u540d\u4e3a `timeout` \u6301\u7eed\u65f6\u95f4 \| number \| `300` \|\n\| onClose \| \u70b9\u51fb\u906e\u7f69\u5c42\u56de\u8c03\u51fd\u6570\uff0c\u901a\u8fc7\u8fd9\u4e2a\u51fd\u6570\u8bbe\u7f6e `isOpen=false` \u5173\u95ed\u3002`onClosed` \u662f\u5f39\u51fa\u6846\u5173\u95ed\u52a8\u753b\u6267\u884c\u5b8c\u6210\u540e\u7684\u56de\u8c03\u51fd\u6570\uff0c\u6709\u660e\u663e\u533a\u522b\u5bb9\u6613\u6df7\u6dc6\u3002 \| Function \| - \|\n\| onEnter \| \u987a\u5e8f `1`\uff0c\u5e94\u7528 `enter` \u6216 `appear` \u540e\u7acb\u5373\u89e6\u53d1 [`<CSSTransition>`](http://reactcommunity.org/react-transition-group/transition/) \u56de\u8c03\u3002\u3002 \| Function(node: HtmlElement, isAppearing: bool) \| - \|\n\| onOpening \| \u987a\u5e8f `2`\uff0c`\u6253\u5f00`\u7acb\u5373\u6267\u884c\uff0c\u5728\u5e94\u7528 `enter-active` \u6216 `appear-active` \u7c7b\u540e\u7acb\u5373\u89e6\u53d1 [`<CSSTransition>`](http://reactcommunity.org/react-transition-group/transition/) \u56de\u8c03\u3002 \| Function(node: HtmlElement, isAppearing: bool) \| - \|\n\| onOpened \| \u987a\u5e8f `3`\uff0c`\u6253\u5f00`\u52a8\u753b\u64ad\u653e\u5b8c\u6210\u6267\u884c\uff0c\u5728\u5e94\u7528 `exiting` \u72b6\u6001\u4e4b\u524d\u542f\u52a8\u56de\u8c03\u3002 \| Function(node: HtmlElement, isAppearing: bool) \| - \|\n\| onClosing \| \u987a\u5e8f `4`\uff0c`\u5173\u95ed`\u7acb\u5373\u6267\u884c\uff0c\u5e94\u7528 `exit-active` \u540e\u7acb\u5373\u89e6\u53d1 [`<CSSTransition>`](http://reactcommunity.org/react-transition-group/transition/) \u56de\u8c03\u3002 \| Function(node: HtmlElement) \| - \|\n\| onClosed \| \u987a\u5e8f `5`\uff0c`\u5173\u95ed`\u52a8\u753b\u64ad\u653e\u5b8c\u6210\u7acb\u5373\u6267\u884c\uff0c\u5220\u9664 `exit` \u7c7b\u540e\u7acb\u5373\u89e6\u53d1 [`<CSSTransition>`](http://reactcommunity.org/react-transition-group/transition/) \u56de\u8c03\uff0c\u5e76\u5c06 `exit-done` \u7c7b\u6dfb\u52a0\u5230 DOM \u8282\u70b9\u3002 \| Function(node: HtmlElement) \| - \|\n\n\u652f\u6301\u4f20\u9012 [`<CSSTransition>`](http://reactcommunity.org/react-transition-group/transition/) \u539f\u4e8b\u4ef6\u8986\u76d6\u5f53\u524d\u4e8b\u4ef6\uff0c\u8bf7\u67e5\u770b [`<CSSTransition>`](http://reactcommunity.org/react-transition-group/transition/) \u6587\u6863\u3002\n\n"}}}]);
2	+ //# sourceMappingURL=9947.8aff2fc4.chunk.js.map

package/web/static/js/9947.8aff2fc4.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/9947.8aff2fc4.chunk.js","mappings":"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","sources":["../../packages/react-overlay/README.md"],"sourcesContent":["\nexport default {\n components: { 18: (function() { \"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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction Demo() {\n var _React$useState = _react[\"default\"].useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n isOpen = _React$useState2[0],\n setIsOpen = _React$useState2[1];\n\n var _React$useState3 = _react[\"default\"].useState(true),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n hasBackdrop = _React$useState4[0],\n setHasBackdrop = _React$useState4[1];\n\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n type: \"primary\",\n onClick: function onClick() {\n setIsOpen(true);\n setHasBackdrop(true);\n }\n }, \"\\u70B9\\u51FB\\u5F39\\u51FA\\u5185\\u5BB9\"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n type: \"primary\",\n onClick: function onClick() {\n setIsOpen(true);\n setHasBackdrop(false);\n }\n }, \"\\u5F39\\u51FA\\u5185\\u5BB9\\u6CA1\\u6709\\u906E\\u7F69\\u5C42\"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Overlay, {\n hasBackdrop: hasBackdrop,\n isOpen: isOpen,\n onClose: function onClose() {\n return setIsOpen(false);\n }\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Card, {\n active: true,\n bordered: !hasBackdrop,\n style: {\n width: 500\n }\n }, /*#__PURE__*/_react[\"default\"].createElement(\"h3\", {\n style: {\n margin: 0\n }\n }, \"\\u57FA\\u7840\\u5F39\\u51FA\\u5C42 - \", String(isOpen)), /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, \"\\u8FD9\\u662F\\u4E00\\u4E2A\\u57FA\\u7840\\u7684\\u5F39\\u51FA\\u5C42\\u7EC4\\u4EF6\\uFF0C\\u5176\\u5B83\\u5F39\\u51FA\\u5C42\\u7EC4\\u4EF6\\u57FA\\u4E8E\\u5B83\\u6765\\u6269\\u5C55\\u6BD4\\u5982 Modal\\u3001Alert\"), /*#__PURE__*/_react[\"default\"].createElement(\"br\", null), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n type: \"danger\",\n onClick: function onClick() {\n return setIsOpen(false);\n }\n }, \"\\u5173\\u95ED\"))));\n}\n\nreturn Demo; })(),68: (function() { \"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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction Demo() {\n var _React$useState = _react[\"default\"].useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n isOpen = _React$useState2[0],\n setIsOpen = _React$useState2[1];\n\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n type: \"primary\",\n onClick: function onClick() {\n setIsOpen(!isOpen);\n }\n }, \"\\u70B9\\u51FB\\u5F39\\u51FA\\u5185\\u5BB9\"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Overlay, {\n backdropProps: {\n style: {\n backgroundColor: 'rgba(0, 0, 0, .5)'\n }\n },\n isOpen: isOpen,\n onClose: function onClose() {\n return setIsOpen(false);\n }\n }, /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n style: {\n backgroundColor: '#fff',\n minWidth: 500\n }\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Icon, {\n onClick: function onClick() {\n return setIsOpen(false);\n },\n type: \"circle-close\",\n style: {\n position: 'absolute',\n right: 0,\n top: '-20px',\n color: '#fff',\n cursor: 'pointer'\n }\n }), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n style: {\n backgroundColor: 'rgb(0, 204, 180)',\n color: 'rgb(255, 255, 255)',\n textAlign: 'center',\n padding: '34px 24px'\n }\n }, /*#__PURE__*/_react[\"default\"].createElement(\"h1\", {\n style: {\n fontSize: '28px',\n fontWeight: '700',\n color: 'rgb(255, 255, 255)',\n lineHeight: '1.2',\n margin: '0px'\n }\n }, \"\\u4E0B\\u6B21\\u9884\\u8BA2\\u53EF\\u4EAB 5 \\uFFE5 \\u4F18\\u60E0\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n style: {\n padding: '5px 0'\n }\n }, \"(5 \\uFFE5 ~ \\xA538)\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n style: {\n fontSize: '18px'\n }\n }, \"\\u4F7F\\u7528\\u4FC3\\u9500\\u7801\\uFF1A \", /*#__PURE__*/_react[\"default\"].createElement(\"b\", {\n style: {\n color: '#f8e71c',\n margin: '0px 4px'\n }\n }, \"KSGI5\"))), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n style: {\n padding: '24px'\n }\n }, /*#__PURE__*/_react[\"default\"].createElement(\"h1\", {\n style: {\n fontSize: '28px',\n fontWeight: '700',\n color: 'rgb(23, 27, 30)',\n lineHeight: '1.2',\n margin: '0px 0px 4px'\n }\n }, \"\\u8BA2\\u9605 uiw \\u7EC4\\u4EF6\\u65B0\\u95FB\\u901A\\u8BAF\"), /*#__PURE__*/_react[\"default\"].createElement(\"div\", {\n style: {\n color: 'rgb(70, 81, 94)'\n }\n }, \"\\u5728\\u6536\\u4EF6\\u7BB1\\u4E2D\\u63A5\\u6536\\u72EC\\u5BB6\\u66F4\\u65B0\\u4FE1\\u606F\")))));\n}\n\nreturn Demo; })(),141: (function() { \"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 _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\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction Demo() {\n var _React$useState = _react[\"default\"].useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n isOpen = _React$useState2[0],\n setIsOpen = _React$useState2[1];\n\n function toggleOverlay(e) {\n setIsOpen(!isOpen);\n }\n\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n type: \"primary\",\n onClick: toggleOverlay\n }, \"\\u70B9\\u51FB\\u5F39\\u51FA\\u5185\\u5BB9\"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Overlay, {\n usePortal: false,\n isOpen: isOpen,\n onClose: toggleOverlay\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Card, _defineProperty({\n active: true,\n style: {\n width: 500\n }\n }, \"active\", true), /*#__PURE__*/_react[\"default\"].createElement(\"h3\", {\n style: {\n marginTop: 0\n }\n }, \"\\u57FA\\u7840\\u5F39\\u51FA\\u5C42\"), /*#__PURE__*/_react[\"default\"].createElement(\"p\", null, \"Portals \\u662F react 16 \\u63D0\\u4F9B\\u7684\\u5B98\\u65B9\\u89E3\\u51B3\\u65B9\\u6848\\uFF0C\\u4F7F\\u5F97\\u7EC4\\u4EF6\\u53EF\\u4EE5\\u8131\\u79BB\\u7236\\u7EC4\\u4EF6\\u5C42\\u7EA7\\u6302\\u8F7D\\u5728DOM\\u6811\\u7684\\u4EFB\\u4F55\\u4F4D\\u7F6E\\uFF0C\\u6211\\u4EEC\\u5229\\u7528\\u8FD9\\u4E2A\\u65B9\\u6CD5\\uFF0C\\u53EF\\u5C06\\u6A21\\u6001\\u5BF9\\u8BDD\\u6846\\u751F\\u6210\\u5230\\u6839\\u8282\\u70B9\\u7684\\u5916\\u9762\\uFF0C\\u9ED8\\u8BA4\\u60C5\\u51B5\\u751F\\u6210\\u5230\\u8DDF\\u8282\\u70B9\\u7684\\u5916\\u9762\\uFF0C\\u901A\\u8FC7\\u5C06 usePortal \\u8BBE\\u7F6E\\u4E3A false \\u5C06\\u5BF9\\u8BDD\\u6846\\u751F\\u6210\\u5728\\u7236\\u7EC4\\u4EF6\\u5C42\\u7EA7\\u6302\\u8F7D\\u7684DOM\\u6811\\u4E2D\\u3002\"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n type: \"danger\",\n onClick: toggleOverlay\n }, \"\\u5173\\u95ED\"))));\n}\n\nreturn Demo; })(),173: (function() { \"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 _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\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction Demo() {\n var _React$useState = _react[\"default\"].useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n isOpen = _React$useState2[0],\n setIsOpen = _React$useState2[1];\n\n function toggleOverlay(e) {\n setIsOpen(!isOpen);\n }\n\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n type: \"primary\",\n onClick: toggleOverlay\n }, \"\\u70B9\\u51FB\\u5F39\\u51FA\\u5185\\u5BB9\"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Overlay, {\n transitionName: \"animation-flipX\",\n timeout: 1000,\n isOpen: isOpen,\n onClose: toggleOverlay\n }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Card, _defineProperty({\n active: true,\n style: {\n width: 500\n }\n }, \"active\", true), /*#__PURE__*/_react[\"default\"].createElement(\"h3\", {\n style: {\n marginTop: 0\n }\n }, \"\\u57FA\\u7840\\u5F39\\u51FA\\u5C42\"), /*#__PURE__*/_react[\"default\"].createElement(\"p\", null, \"Portals \\u662F react 16 \\u63D0\\u4F9B\\u7684\\u5B98\\u65B9\\u89E3\\u51B3\\u65B9\\u6848\\uFF0C\\u4F7F\\u5F97\\u7EC4\\u4EF6\\u53EF\\u4EE5\\u8131\\u79BB\\u7236\\u7EC4\\u4EF6\\u5C42\\u7EA7\\u6302\\u8F7D\\u5728DOM\\u6811\\u7684\\u4EFB\\u4F55\\u4F4D\\u7F6E\\uFF0C\\u6211\\u4EEC\\u5229\\u7528\\u8FD9\\u4E2A\\u65B9\\u6CD5\\uFF0C\\u53EF\\u5C06\\u6A21\\u6001\\u5BF9\\u8BDD\\u6846\\u751F\\u6210\\u5230\\u6839\\u8282\\u70B9\\u7684\\u5916\\u9762\\uFF0C\\u9ED8\\u8BA4\\u60C5\\u51B5\\u751F\\u6210\\u5230\\u8DDF\\u8282\\u70B9\\u7684\\u5916\\u9762\\uFF0C\\u901A\\u8FC7\\u5C06 usePortal \\u8BBE\\u7F6E\\u4E3A false \\u5C06\\u5BF9\\u8BDD\\u6846\\u751F\\u6210\\u5728\\u7236\\u7EC4\\u4EF6\\u5C42\\u7EA7\\u6302\\u8F7D\\u7684DOM\\u6811\\u4E2D\\u3002\"), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n type: \"danger\",\n onClick: toggleOverlay\n }, \"\\u5173\\u95ED\"))));\n}\n\nreturn Demo; })(), },\n data: {\n \"18\": {\n \"name\": 18,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\\n\\nfunction _nonIterableRest() { throw new TypeError(\\\"Invalid attempt to destructure non-iterable instance.\\\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\\\"); }\\n\\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \\\"string\\\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \\\"Object\\\" && o.constructor) n = o.constructor.name; if (n === \\\"Map\\\" || n === \\\"Set\\\") return Array.from(o); if (n === \\\"Arguments\\\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\\n\\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\\n\\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \\\"undefined\\\" && arr[Symbol.iterator] || arr[\\\"@@iterator\\\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\\\"return\\\"] != null) _i[\\\"return\\\"](); } finally { if (_d) throw _e; } } return _arr; }\\n\\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\\n\\nfunction Demo() {\\n var _React$useState = _react[\\\"default\\\"].useState(false),\\n _React$useState2 = _slicedToArray(_React$useState, 2),\\n isOpen = _React$useState2[0],\\n setIsOpen = _React$useState2[1];\\n\\n var _React$useState3 = _react[\\\"default\\\"].useState(true),\\n _React$useState4 = _slicedToArray(_React$useState3, 2),\\n hasBackdrop = _React$useState4[0],\\n setHasBackdrop = _React$useState4[1];\\n\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n type: \\\"primary\\\",\\n onClick: function onClick() {\\n setIsOpen(true);\\n setHasBackdrop(true);\\n }\\n }, \\\"\\\\u70B9\\\\u51FB\\\\u5F39\\\\u51FA\\\\u5185\\\\u5BB9\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n type: \\\"primary\\\",\\n onClick: function onClick() {\\n setIsOpen(true);\\n setHasBackdrop(false);\\n }\\n }, \\\"\\\\u5F39\\\\u51FA\\\\u5185\\\\u5BB9\\\\u6CA1\\\\u6709\\\\u906E\\\\u7F69\\\\u5C42\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Overlay, {\\n hasBackdrop: hasBackdrop,\\n isOpen: isOpen,\\n onClose: function onClose() {\\n return setIsOpen(false);\\n }\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Card, {\\n active: true,\\n bordered: !hasBackdrop,\\n style: {\\n width: 500\\n }\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"h3\\\", {\\n style: {\\n margin: 0\\n }\\n }, \\\"\\\\u57FA\\\\u7840\\\\u5F39\\\\u51FA\\\\u5C42 - \\\", String(isOpen)), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, \\\"\\\\u8FD9\\\\u662F\\\\u4E00\\\\u4E2A\\\\u57FA\\\\u7840\\\\u7684\\\\u5F39\\\\u51FA\\\\u5C42\\\\u7EC4\\\\u4EF6\\\\uFF0C\\\\u5176\\\\u5B83\\\\u5F39\\\\u51FA\\\\u5C42\\\\u7EC4\\\\u4EF6\\\\u57FA\\\\u4E8E\\\\u5B83\\\\u6765\\\\u6269\\\\u5C55\\\\u6BD4\\\\u5982 Modal\\\\u3001Alert\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"br\\\", null), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n type: \\\"danger\\\",\\n onClick: function onClick() {\\n return setIsOpen(false);\\n }\\n }, \\\"\\\\u5173\\\\u95ED\\\"))));\\n}\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Overlay, Button, Card } from 'uiw';\\n\\nfunction Demo() {\\n const [isOpen, setIsOpen] = React.useState(false);\\n const [hasBackdrop, setHasBackdrop] = React.useState(true);\\n return (\\n <div>\\n <Button\\n type=\\\"primary\\\"\\n onClick={() => {\\n setIsOpen(true)\\n setHasBackdrop(true)\\n }}\\n >\\n 点击弹出内容\\n </Button>\\n <Button\\n type=\\\"primary\\\"\\n onClick={() => {\\n setIsOpen(true)\\n setHasBackdrop(false)\\n }}\\n >\\n 弹出内容没有遮罩层\\n </Button>\\n <Overlay\\n hasBackdrop={hasBackdrop}\\n isOpen={isOpen}\\n onClose={() => setIsOpen(false)}\\n >\\n <Card active bordered={!hasBackdrop} style={{ width: 500 }}>\\n <h3 style={{margin: 0}}>基础弹出层 - {String(isOpen)}</h3>\\n <div>\\n 这是一个基础的弹出层组件，其它弹出层组件基于它来扩展比如 Modal、Alert\\n </div>\\n <br />\\n <Button type=\\\"danger\\\" onClick={() => setIsOpen(false)}>关闭</Button>\\n </Card>\\n </Overlay>\\n </div>\\n )\\n}\\n\\nexport default Demo\"\n },\n \"68\": {\n \"name\": 68,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\\n\\nfunction _nonIterableRest() { throw new TypeError(\\\"Invalid attempt to destructure non-iterable instance.\\\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\\\"); }\\n\\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \\\"string\\\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \\\"Object\\\" && o.constructor) n = o.constructor.name; if (n === \\\"Map\\\" || n === \\\"Set\\\") return Array.from(o); if (n === \\\"Arguments\\\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\\n\\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\\n\\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \\\"undefined\\\" && arr[Symbol.iterator] || arr[\\\"@@iterator\\\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\\\"return\\\"] != null) _i[\\\"return\\\"](); } finally { if (_d) throw _e; } } return _arr; }\\n\\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\\n\\nfunction Demo() {\\n var _React$useState = _react[\\\"default\\\"].useState(false),\\n _React$useState2 = _slicedToArray(_React$useState, 2),\\n isOpen = _React$useState2[0],\\n setIsOpen = _React$useState2[1];\\n\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n type: \\\"primary\\\",\\n onClick: function onClick() {\\n setIsOpen(!isOpen);\\n }\\n }, \\\"\\\\u70B9\\\\u51FB\\\\u5F39\\\\u51FA\\\\u5185\\\\u5BB9\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Overlay, {\\n backdropProps: {\\n style: {\\n backgroundColor: 'rgba(0, 0, 0, .5)'\\n }\\n },\\n isOpen: isOpen,\\n onClose: function onClose() {\\n return setIsOpen(false);\\n }\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n backgroundColor: '#fff',\\n minWidth: 500\\n }\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Icon, {\\n onClick: function onClick() {\\n return setIsOpen(false);\\n },\\n type: \\\"circle-close\\\",\\n style: {\\n position: 'absolute',\\n right: 0,\\n top: '-20px',\\n color: '#fff',\\n cursor: 'pointer'\\n }\\n }), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n backgroundColor: 'rgb(0, 204, 180)',\\n color: 'rgb(255, 255, 255)',\\n textAlign: 'center',\\n padding: '34px 24px'\\n }\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"h1\\\", {\\n style: {\\n fontSize: '28px',\\n fontWeight: '700',\\n color: 'rgb(255, 255, 255)',\\n lineHeight: '1.2',\\n margin: '0px'\\n }\\n }, \\\"\\\\u4E0B\\\\u6B21\\\\u9884\\\\u8BA2\\\\u53EF\\\\u4EAB 5 \\\\uFFE5 \\\\u4F18\\\\u60E0\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n padding: '5px 0'\\n }\\n }, \\\"(5 \\\\uFFE5 ~ \\\\xA538)\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n fontSize: '18px'\\n }\\n }, \\\"\\\\u4F7F\\\\u7528\\\\u4FC3\\\\u9500\\\\u7801\\\\uFF1A \\\", /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"b\\\", {\\n style: {\\n color: '#f8e71c',\\n margin: '0px 4px'\\n }\\n }, \\\"KSGI5\\\"))), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n padding: '24px'\\n }\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"h1\\\", {\\n style: {\\n fontSize: '28px',\\n fontWeight: '700',\\n color: 'rgb(23, 27, 30)',\\n lineHeight: '1.2',\\n margin: '0px 0px 4px'\\n }\\n }, \\\"\\\\u8BA2\\\\u9605 uiw \\\\u7EC4\\\\u4EF6\\\\u65B0\\\\u95FB\\\\u901A\\\\u8BAF\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", {\\n style: {\\n color: 'rgb(70, 81, 94)'\\n }\\n }, \\\"\\\\u5728\\\\u6536\\\\u4EF6\\\\u7BB1\\\\u4E2D\\\\u63A5\\\\u6536\\\\u72EC\\\\u5BB6\\\\u66F4\\\\u65B0\\\\u4FE1\\\\u606F\\\")))));\\n}\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Overlay, Button, Icon } from 'uiw';\\n\\nfunction Demo() {\\n const [isOpen, setIsOpen] = React.useState(false);\\n return (\\n <div>\\n <Button\\n type=\\\"primary\\\"\\n onClick={() => {\\n setIsOpen(!isOpen);\\n }}\\n >\\n 点击弹出内容\\n </Button>\\n <Overlay\\n backdropProps={{\\n style: { backgroundColor: 'rgba(0, 0, 0, .5)' }\\n }}\\n isOpen={isOpen} onClose={() => setIsOpen(false)}\\n >\\n <div style={{ backgroundColor: '#fff', minWidth: 500 }} >\\n <Icon\\n onClick={() => setIsOpen(false)}\\n type=\\\"circle-close\\\"\\n style={{\\n position: 'absolute',\\n right: 0,\\n top: '-20px',\\n color: '#fff',\\n cursor: 'pointer',\\n }}\\n />\\n <div\\n style={{\\n backgroundColor: 'rgb(0, 204, 180)',\\n color: 'rgb(255, 255, 255)',\\n textAlign: 'center',\\n padding: '34px 24px',\\n }}\\n >\\n <h1\\n style={{\\n fontSize: '28px',\\n fontWeight: '700',\\n color: 'rgb(255, 255, 255)',\\n lineHeight: '1.2',\\n margin: '0px',\\n }}\\n >\\n 下次预订可享 5 ￥优惠\\n </h1>\\n <div style={{ padding: '5px 0' }}>(5 ￥ ~ ¥38)</div>\\n <div style={{ fontSize: '18px' }}>使用促销码： <b style={{ color: '#f8e71c', margin: '0px 4px' }}>KSGI5</b></div>\\n </div>\\n <div style={{ padding: '24px' }}>\\n <h1 style={{ fontSize: '28px', fontWeight: '700', color: 'rgb(23, 27, 30)', lineHeight: '1.2', margin: '0px 0px 4px' }}>订阅 uiw 组件新闻通讯</h1>\\n <div style={{ color: 'rgb(70, 81, 94)' }}>在收件箱中接收独家更新信息</div>\\n </div>\\n </div>\\n </Overlay>\\n </div>\\n )\\n}\\n\\nexport default Demo\"\n },\n \"141\": {\n \"name\": 141,\n \"meta\": {\n \"background\": \"#fff\",\n \"noScroll\": \"true\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"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 _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\\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\\n\\nfunction _nonIterableRest() { throw new TypeError(\\\"Invalid attempt to destructure non-iterable instance.\\\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\\\"); }\\n\\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \\\"string\\\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \\\"Object\\\" && o.constructor) n = o.constructor.name; if (n === \\\"Map\\\" || n === \\\"Set\\\") return Array.from(o); if (n === \\\"Arguments\\\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\\n\\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\\n\\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \\\"undefined\\\" && arr[Symbol.iterator] || arr[\\\"@@iterator\\\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\\\"return\\\"] != null) _i[\\\"return\\\"](); } finally { if (_d) throw _e; } } return _arr; }\\n\\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\\n\\nfunction Demo() {\\n var _React$useState = _react[\\\"default\\\"].useState(false),\\n _React$useState2 = _slicedToArray(_React$useState, 2),\\n isOpen = _React$useState2[0],\\n setIsOpen = _React$useState2[1];\\n\\n function toggleOverlay(e) {\\n setIsOpen(!isOpen);\\n }\\n\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n type: \\\"primary\\\",\\n onClick: toggleOverlay\\n }, \\\"\\\\u70B9\\\\u51FB\\\\u5F39\\\\u51FA\\\\u5185\\\\u5BB9\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Overlay, {\\n usePortal: false,\\n isOpen: isOpen,\\n onClose: toggleOverlay\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Card, _defineProperty({\\n active: true,\\n style: {\\n width: 500\\n }\\n }, \\\"active\\\", true), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"h3\\\", {\\n style: {\\n marginTop: 0\\n }\\n }, \\\"\\\\u57FA\\\\u7840\\\\u5F39\\\\u51FA\\\\u5C42\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"p\\\", null, \\\"Portals \\\\u662F react 16 \\\\u63D0\\\\u4F9B\\\\u7684\\\\u5B98\\\\u65B9\\\\u89E3\\\\u51B3\\\\u65B9\\\\u6848\\\\uFF0C\\\\u4F7F\\\\u5F97\\\\u7EC4\\\\u4EF6\\\\u53EF\\\\u4EE5\\\\u8131\\\\u79BB\\\\u7236\\\\u7EC4\\\\u4EF6\\\\u5C42\\\\u7EA7\\\\u6302\\\\u8F7D\\\\u5728DOM\\\\u6811\\\\u7684\\\\u4EFB\\\\u4F55\\\\u4F4D\\\\u7F6E\\\\uFF0C\\\\u6211\\\\u4EEC\\\\u5229\\\\u7528\\\\u8FD9\\\\u4E2A\\\\u65B9\\\\u6CD5\\\\uFF0C\\\\u53EF\\\\u5C06\\\\u6A21\\\\u6001\\\\u5BF9\\\\u8BDD\\\\u6846\\\\u751F\\\\u6210\\\\u5230\\\\u6839\\\\u8282\\\\u70B9\\\\u7684\\\\u5916\\\\u9762\\\\uFF0C\\\\u9ED8\\\\u8BA4\\\\u60C5\\\\u51B5\\\\u751F\\\\u6210\\\\u5230\\\\u8DDF\\\\u8282\\\\u70B9\\\\u7684\\\\u5916\\\\u9762\\\\uFF0C\\\\u901A\\\\u8FC7\\\\u5C06 usePortal \\\\u8BBE\\\\u7F6E\\\\u4E3A false \\\\u5C06\\\\u5BF9\\\\u8BDD\\\\u6846\\\\u751F\\\\u6210\\\\u5728\\\\u7236\\\\u7EC4\\\\u4EF6\\\\u5C42\\\\u7EA7\\\\u6302\\\\u8F7D\\\\u7684DOM\\\\u6811\\\\u4E2D\\\\u3002\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n type: \\\"danger\\\",\\n onClick: toggleOverlay\\n }, \\\"\\\\u5173\\\\u95ED\\\"))));\\n}\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Overlay, Button, Card } from 'uiw';\\n\\nfunction Demo() {\\n const [isOpen, setIsOpen] = React.useState(false);\\n function toggleOverlay(e) {\\n setIsOpen(!isOpen);\\n }\\n return (\\n <div>\\n <Button type=\\\"primary\\\" onClick={toggleOverlay}>点击弹出内容</Button>\\n <Overlay usePortal={false} isOpen={isOpen} onClose={toggleOverlay}>\\n <Card active style={{ width: 500 }} active>\\n <h3 style={{marginTop: 0}}>基础弹出层</h3>\\n <p>Portals 是 react 16 提供的官方解决方案，使得组件可以脱离父组件层级挂载在DOM树的任何位置，我们利用这个方法，可将模态对话框生成到根节点的外面，默认情况生成到跟节点的外面，通过将 usePortal 设置为 false 将对话框生成在父组件层级挂载的DOM树中。</p>\\n <Button type=\\\"danger\\\" onClick={toggleOverlay}>关闭</Button>\\n </Card>\\n </Overlay>\\n </div>\\n )\\n}\\n\\nexport default Demo\"\n },\n \"173\": {\n \"name\": 173,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"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 _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\\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\\n\\nfunction _nonIterableRest() { throw new TypeError(\\\"Invalid attempt to destructure non-iterable instance.\\\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\\\"); }\\n\\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \\\"string\\\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \\\"Object\\\" && o.constructor) n = o.constructor.name; if (n === \\\"Map\\\" || n === \\\"Set\\\") return Array.from(o); if (n === \\\"Arguments\\\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\\n\\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\\n\\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \\\"undefined\\\" && arr[Symbol.iterator] || arr[\\\"@@iterator\\\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\\\"return\\\"] != null) _i[\\\"return\\\"](); } finally { if (_d) throw _e; } } return _arr; }\\n\\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\\n\\nfunction Demo() {\\n var _React$useState = _react[\\\"default\\\"].useState(false),\\n _React$useState2 = _slicedToArray(_React$useState, 2),\\n isOpen = _React$useState2[0],\\n setIsOpen = _React$useState2[1];\\n\\n function toggleOverlay(e) {\\n setIsOpen(!isOpen);\\n }\\n\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n type: \\\"primary\\\",\\n onClick: toggleOverlay\\n }, \\\"\\\\u70B9\\\\u51FB\\\\u5F39\\\\u51FA\\\\u5185\\\\u5BB9\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Overlay, {\\n transitionName: \\\"animation-flipX\\\",\\n timeout: 1000,\\n isOpen: isOpen,\\n onClose: toggleOverlay\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Card, _defineProperty({\\n active: true,\\n style: {\\n width: 500\\n }\\n }, \\\"active\\\", true), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"h3\\\", {\\n style: {\\n marginTop: 0\\n }\\n }, \\\"\\\\u57FA\\\\u7840\\\\u5F39\\\\u51FA\\\\u5C42\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"p\\\", null, \\\"Portals \\\\u662F react 16 \\\\u63D0\\\\u4F9B\\\\u7684\\\\u5B98\\\\u65B9\\\\u89E3\\\\u51B3\\\\u65B9\\\\u6848\\\\uFF0C\\\\u4F7F\\\\u5F97\\\\u7EC4\\\\u4EF6\\\\u53EF\\\\u4EE5\\\\u8131\\\\u79BB\\\\u7236\\\\u7EC4\\\\u4EF6\\\\u5C42\\\\u7EA7\\\\u6302\\\\u8F7D\\\\u5728DOM\\\\u6811\\\\u7684\\\\u4EFB\\\\u4F55\\\\u4F4D\\\\u7F6E\\\\uFF0C\\\\u6211\\\\u4EEC\\\\u5229\\\\u7528\\\\u8FD9\\\\u4E2A\\\\u65B9\\\\u6CD5\\\\uFF0C\\\\u53EF\\\\u5C06\\\\u6A21\\\\u6001\\\\u5BF9\\\\u8BDD\\\\u6846\\\\u751F\\\\u6210\\\\u5230\\\\u6839\\\\u8282\\\\u70B9\\\\u7684\\\\u5916\\\\u9762\\\\uFF0C\\\\u9ED8\\\\u8BA4\\\\u60C5\\\\u51B5\\\\u751F\\\\u6210\\\\u5230\\\\u8DDF\\\\u8282\\\\u70B9\\\\u7684\\\\u5916\\\\u9762\\\\uFF0C\\\\u901A\\\\u8FC7\\\\u5C06 usePortal \\\\u8BBE\\\\u7F6E\\\\u4E3A false \\\\u5C06\\\\u5BF9\\\\u8BDD\\\\u6846\\\\u751F\\\\u6210\\\\u5728\\\\u7236\\\\u7EC4\\\\u4EF6\\\\u5C42\\\\u7EA7\\\\u6302\\\\u8F7D\\\\u7684DOM\\\\u6811\\\\u4E2D\\\\u3002\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n type: \\\"danger\\\",\\n onClick: toggleOverlay\\n }, \\\"\\\\u5173\\\\u95ED\\\"))));\\n}\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Overlay, Button, Card } from 'uiw';\\n\\nfunction Demo() {\\n const [isOpen, setIsOpen] = React.useState(false);\\n function toggleOverlay(e) {\\n setIsOpen(!isOpen);\\n }\\n return (\\n <div>\\n <Button type=\\\"primary\\\" onClick={toggleOverlay}>点击弹出内容</Button>\\n <Overlay\\n transitionName=\\\"animation-flipX\\\"\\n timeout={1000}\\n isOpen={isOpen}\\n onClose={toggleOverlay}\\n >\\n <Card active style={{ width: 500 }} active>\\n <h3 style={{marginTop: 0}}>基础弹出层</h3>\\n <p>Portals 是 react 16 提供的官方解决方案，使得组件可以脱离父组件层级挂载在DOM树的任何位置，我们利用这个方法，可将模态对话框生成到根节点的外面，默认情况生成到跟节点的外面，通过将 usePortal 设置为 false 将对话框生成在父组件层级挂载的DOM树中。</p>\\n <Button type=\\\"danger\\\" onClick={toggleOverlay}>关闭</Button>\\n </Card>\\n </Overlay>\\n </div>\\n )\\n}\\n\\nexport default Demo\"\n }\n},\n source: \"Overlay 基础弹出层\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-overlay/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-overlay.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-overlay)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-overlay.svg?label=@uiw/react-overlay)](https://npmjs.com/@uiw/react-overlay)\\n\\n这是一个基础的弹出层组件，其它弹出组件的抽象组件，都基于它来扩展比如 [`<Modal>`](#/components/modal)、[`<Dawer>`](#/components/drawer)、[`<Alert>`](#/components/alert)、[`<OverlayTrigger>`](#/components/overlay-trigger)、[`<Popover>`](#/components/popover)、[`<Tooltip>`](#/components/tooltip) 等。\\n\\n```jsx\\nimport { Overlay } from 'uiw';\\n// or\\nimport Overlay from '@uiw/react-overlay';\\n```\\n\\n### 基本用法\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Overlay, Button, Card } from 'uiw';\\n\\nfunction Demo() {\\n const [isOpen, setIsOpen] = React.useState(false);\\n const [hasBackdrop, setHasBackdrop] = React.useState(true);\\n return (\\n <div>\\n <Button\\n type=\\\"primary\\\"\\n onClick={() => {\\n setIsOpen(true)\\n setHasBackdrop(true)\\n }}\\n >\\n 点击弹出内容\\n </Button>\\n <Button\\n type=\\\"primary\\\"\\n onClick={() => {\\n setIsOpen(true)\\n setHasBackdrop(false)\\n }}\\n >\\n 弹出内容没有遮罩层\\n </Button>\\n <Overlay\\n hasBackdrop={hasBackdrop}\\n isOpen={isOpen}\\n onClose={() => setIsOpen(false)}\\n >\\n <Card active bordered={!hasBackdrop} style={{ width: 500 }}>\\n <h3 style={{margin: 0}}>基础弹出层 - {String(isOpen)}</h3>\\n <div>\\n 这是一个基础的弹出层组件，其它弹出层组件基于它来扩展比如 Modal、Alert\\n </div>\\n <br />\\n <Button type=\\\"danger\\\" onClick={() => setIsOpen(false)}>关闭</Button>\\n </Card>\\n </Overlay>\\n </div>\\n )\\n}\\n\\nexport default Demo\\n```\\n\\n### 完全定制弹出容器\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Overlay, Button, Icon } from 'uiw';\\n\\nfunction Demo() {\\n const [isOpen, setIsOpen] = React.useState(false);\\n return (\\n <div>\\n <Button\\n type=\\\"primary\\\"\\n onClick={() => {\\n setIsOpen(!isOpen);\\n }}\\n >\\n 点击弹出内容\\n </Button>\\n <Overlay\\n backdropProps={{\\n style: { backgroundColor: 'rgba(0, 0, 0, .5)' }\\n }}\\n isOpen={isOpen} onClose={() => setIsOpen(false)}\\n >\\n <div style={{ backgroundColor: '#fff', minWidth: 500 }} >\\n <Icon\\n onClick={() => setIsOpen(false)}\\n type=\\\"circle-close\\\"\\n style={{\\n position: 'absolute',\\n right: 0,\\n top: '-20px',\\n color: '#fff',\\n cursor: 'pointer',\\n }}\\n />\\n <div\\n style={{\\n backgroundColor: 'rgb(0, 204, 180)',\\n color: 'rgb(255, 255, 255)',\\n textAlign: 'center',\\n padding: '34px 24px',\\n }}\\n >\\n <h1\\n style={{\\n fontSize: '28px',\\n fontWeight: '700',\\n color: 'rgb(255, 255, 255)',\\n lineHeight: '1.2',\\n margin: '0px',\\n }}\\n >\\n 下次预订可享 5 ￥优惠\\n </h1>\\n <div style={{ padding: '5px 0' }}>(5 ￥ ~ ¥38)</div>\\n <div style={{ fontSize: '18px' }}>使用促销码： <b style={{ color: '#f8e71c', margin: '0px 4px' }}>KSGI5</b></div>\\n </div>\\n <div style={{ padding: '24px' }}>\\n <h1 style={{ fontSize: '28px', fontWeight: '700', color: 'rgb(23, 27, 30)', lineHeight: '1.2', margin: '0px 0px 4px' }}>订阅 uiw 组件新闻通讯</h1>\\n <div style={{ color: 'rgb(70, 81, 94)' }}>在收件箱中接收独家更新信息</div>\\n </div>\\n </div>\\n </Overlay>\\n </div>\\n )\\n}\\n\\nexport default Demo\\n```\\n\\n### usePortal\\n\\n[`Portals`](https://reactjs.org/docs/portals.html#event-bubbling-through-portals) 是 react 16 提供的官方解决方案，使得组件可以脱离父组件层级挂载在 DOM 树的任何位置，我们利用这个方法，可将模态对话框生成到根节点的外面，默认情况生成到跟节点的外面，通过将 `usePortal` 设置为 `false` 将对话框生成在父组件层级挂载的 DOM 树中。 \\n\\n```jsx mdx:preview&background=#fff&noScroll=true&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Overlay, Button, Card } from 'uiw';\\n\\nfunction Demo() {\\n const [isOpen, setIsOpen] = React.useState(false);\\n function toggleOverlay(e) {\\n setIsOpen(!isOpen);\\n }\\n return (\\n <div>\\n <Button type=\\\"primary\\\" onClick={toggleOverlay}>点击弹出内容</Button>\\n <Overlay usePortal={false} isOpen={isOpen} onClose={toggleOverlay}>\\n <Card active style={{ width: 500 }} active>\\n <h3 style={{marginTop: 0}}>基础弹出层</h3>\\n <p>Portals 是 react 16 提供的官方解决方案，使得组件可以脱离父组件层级挂载在DOM树的任何位置，我们利用这个方法，可将模态对话框生成到根节点的外面，默认情况生成到跟节点的外面，通过将 usePortal 设置为 false 将对话框生成在父组件层级挂载的DOM树中。</p>\\n <Button type=\\\"danger\\\" onClick={toggleOverlay}>关闭</Button>\\n </Card>\\n </Overlay>\\n </div>\\n )\\n}\\n\\nexport default Demo\\n```\\n\\n### 自定义动画\\n\\n动画过渡效果是根据 [`react-transition-group`](https://github.com/reactjs/react-transition-group) 组件封装。动画时长参数 `timeout={1000}` 是根据 CSS 动画样式持续时长来定义。\\n\\n> 注意：`@3.2.0` ~~`transitionDuration={1000}`~~ 更名为 `timeout`\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Overlay, Button, Card } from 'uiw';\\n\\nfunction Demo() {\\n const [isOpen, setIsOpen] = React.useState(false);\\n function toggleOverlay(e) {\\n setIsOpen(!isOpen);\\n }\\n return (\\n <div>\\n <Button type=\\\"primary\\\" onClick={toggleOverlay}>点击弹出内容</Button>\\n <Overlay\\n transitionName=\\\"animation-flipX\\\"\\n timeout={1000}\\n isOpen={isOpen}\\n onClose={toggleOverlay}\\n >\\n <Card active style={{ width: 500 }} active>\\n <h3 style={{marginTop: 0}}>基础弹出层</h3>\\n <p>Portals 是 react 16 提供的官方解决方案，使得组件可以脱离父组件层级挂载在DOM树的任何位置，我们利用这个方法，可将模态对话框生成到根节点的外面，默认情况生成到跟节点的外面，通过将 usePortal 设置为 false 将对话框生成在父组件层级挂载的DOM树中。</p>\\n <Button type=\\\"danger\\\" onClick={toggleOverlay}>关闭</Button>\\n </Card>\\n </Overlay>\\n </div>\\n )\\n}\\n\\nexport default Demo\\n```\\n\\n你可以根据动画样式库 [**`animate.css`**](https://daneden.github.io/animate.css/) 添加不同的出入动画。默认通过的 [`Less`](http://lesscss.org/) 生成 CSS 动画的实例代码，定义 `transitionName` 动画样式名字为 `animation-bouce`，下面是上面实例的样式：\\n\\n```less\\n@animation-prefix:~\\\"animation-flipX\\\";\\n// 遮罩层动画\\n// Background animation\\n.@{animation-prefix}-enter .w-overlay-backdrop {\\n opacity: 0.01;\\n}\\n.@{animation-prefix}-enter-active .w-overlay-backdrop {\\n opacity: 1;\\n transition: opacity 1s ease-in;\\n}\\n.@{animation-prefix}-exit .w-overlay-backdrop {\\n opacity: 1;\\n}\\n.@{animation-prefix}-exit-active .w-overlay-backdrop {\\n opacity: 0.01;\\n transition: opacity 1s ease-in;\\n}\\n// 对话框动画\\n// Content animation\\n.@{animation-prefix}-enter-active .w-overlay-content {\\n animation-duration: 1s;\\n animation-fill-mode: both;\\n animation-name: flipInX;\\n}\\n.@{animation-prefix}-exit-active .w-overlay-content {\\n animation-duration: 1s;\\n animation-fill-mode: both;\\n animation-name: flipOutX;\\n}\\n\\n.@{animation-prefix}-enter,\\n.@{animation-prefix}-enter-done,\\n.@{animation-prefix}-exit {\\n display: inherit;\\n}\\n\\n@keyframes flipOutX {\\n 0% { transform: perspective(400px); }\\n 30% {\\n transform: perspective(400px) rotateX(-20deg);\\n opacity: 1;\\n }\\n to {\\n transform: perspective(400px) rotateX(90deg);\\n opacity: 0;\\n }\\n}\\n\\n@keyframes flipInX {\\n 0% {\\n transform: perspective(400px) rotateX(90deg);\\n animation-timing-function: ease-in;\\n opacity: 0;\\n }\\n 40% {\\n transform: perspective(400px) rotateX(-20deg);\\n animation-timing-function: ease-in;\\n }\\n 60% {\\n transform: perspective(400px) rotateX(10deg);\\n opacity: 1;\\n }\\n 80% {\\n transform: perspective(400px) rotateX(-5deg);\\n }\\n to { transform: perspective(400px); }\\n}\\n```\\n\\n## Overlay\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| isOpen | 对话框是否可见 | boolean | `false` |\\n| usePortal | 使用 react 16 提供的官方解决方案 [`Portals`](https://reactjs.org/docs/portals.html#event-bubbling-through-portals)，将模态对话框生成到根节点的外面。 | boolean | `true` |\\n| maskClosable | 点击遮罩层是否允许关闭 | boolean | `true` |\\n| portalProps | 设置 [`Portal`](#/components/portal) 组件属性 | object | `{}` |\\n| backdropProps | 遮罩层 HTML 属性设置 | object | `{}` |\\n| dialogProps | 弹出目标(对话框) HTML 属性设置 | object | - |\\n| unmountOnExit | 默认 `true` 退出动画卸载组件 | boolean | `true` |\\n| hasBackdrop | 是否有背景，是否向 `<body>` 添加样式 `.w-overlay-open` 防止滚动条出现 | boolean | `true` |\\n| transitionName | 内部 [`CSSTransitionsss`](http://reactcommunity.org/react-transition-group/css-transition/) 的转换名称。在此提供您自己的名称将需要定义新的 CSS 过渡属性。 | string | `w-overlay` |\\n| timeout | ~~transitionDuration~~ 更名为 `timeout` 持续时间 | number | `300` |\\n| onClose | 点击遮罩层回调函数，通过这个函数设置 `isOpen=false` 关闭。**`onClosed`** 是弹出框关闭动画执行完成后的回调函数，有明显区别容易混淆。 | Function | - |\\n| onEnter | 顺序 `1`，应用 `enter` 或 `appear` 后立即触发 [`<CSSTransition>`](http://reactcommunity.org/react-transition-group/transition/) 回调。。 | Function(node: HtmlElement, isAppearing: bool) | - |\\n| onOpening | 顺序 `2`，**`打开`**立即执行，在应用 `enter-active` 或 `appear-active` 类后立即触发 [`<CSSTransition>`](http://reactcommunity.org/react-transition-group/transition/) 回调。 | Function(node: HtmlElement, isAppearing: bool) | - |\\n| onOpened | 顺序 `3`，**`打开`**动画播放完成执行，在应用 `exiting` 状态之前启动回调。 | Function(node: HtmlElement, isAppearing: bool) | - |\\n| onClosing | 顺序 `4`，**`关闭`**立即执行，应用 `exit-active` 后立即触发 [`<CSSTransition>`](http://reactcommunity.org/react-transition-group/transition/) 回调。 | Function(node: HtmlElement) | - |\\n| onClosed | 顺序 `5`，**`关闭`**动画播放完成立即执行，删除 `exit` 类后立即触发 [`<CSSTransition>`](http://reactcommunity.org/react-transition-group/transition/) 回调，并将 `exit-done` 类添加到 DOM 节点。 | Function(node: HtmlElement) | - |\\n\\n支持传递 [`<CSSTransition>`](http://reactcommunity.org/react-transition-group/transition/) 原事件覆盖当前事件，请查看 [`<CSSTransition>`](http://reactcommunity.org/react-transition-group/transition/) 文档。\\n\\n\"\n }"],"names":["components","obj","_react","__esModule","_uiw","_slicedToArray","arr","i","Array","isArray","_arrayWithHoles","_i","Symbol","iterator","_s","_e","_arr","_n","_d","call","next","done","push","value","length","err","_iterableToArrayLimit","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","slice","constructor","name","from","test","_unsupportedIterableToArray","TypeError","_nonIterableRest","len","arr2","_React$useState2","useState","isOpen","setIsOpen","_React$useState4","hasBackdrop","setHasBackdrop","createElement","Button","type","onClick","Overlay","onClose","Card","active","bordered","style","width","margin","String","backdropProps","backgroundColor","minWidth","Icon","position","right","top","color","cursor","textAlign","padding","fontSize","fontWeight","lineHeight","toggleOverlay","e","usePortal","key","defineProperty","enumerable","configurable","writable","_defineProperty","marginTop","transitionName","timeout","data","source"],"sourceRoot":""}

package/web/static/js/9985.2e4b2c4c.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9985],{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 y}});var r=n(189),o=n(3782),i=n(5726),c=n(5752),a=n(6796),s=n(6135),d=n.n(s),l=n(2029),u=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,u.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 b={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)(l.Z,(0,r.Z)((0,r.Z)({},b),{},{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)(u.Fragment,{children:x})}))}var x=n(2814),v=n(2251);function b(){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)(u.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",k="index_markdown__hcQCp",j=n(7946),w=n(3369),Z=["inline","node"],_=["data-meta","noPreview","noScroll","bgWhite","noCode","codePen","codeSandboxOption","codeSandbox","bordered"];function y(e){var t=e.renderPage,n=e.path,a=(0,j.Z)(t),s=a.mdData,d=a.loading,l=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:k,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),u=(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)({},u));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 b=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:l,code:(0,p.jsx)("pre",{children:(0,p.jsx)("code",(0,r.Z)({},u))}),text:b,children:(0,p.jsx)(x,{})})}return(0,p.jsx)("code",(0,r.Z)({},u))}}})})}),(0,p.jsx)("div",{className:g,children:(0,p.jsx)(b,{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],l=d(),u=(0,c.useState)(!1),p=(0,i.Z)(u,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(l);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()}),[l]),{mdData:a,loading:f}}},2777:function(e,t,n){"use strict";n.r(t);var r=n(1092),o=n(7791),i=(n(8133),n(2814)),c=n(270),a=n(9265);t.default=function(){return(0,a.jsx)(c.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-table/README.md",dependencies:{Table:i.Table,Notify:i.Notify,Button:i.Button,Checkbox:i.Checkbox,Pagination:i.Pagination,Loader:i.Loader,Tooltip:i.Tooltip,Empty:i.Empty,Icon:i.Icon,Input:i.Input,Select:i.Select,Form:i.Form},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(9699).then(n.bind(n,9699));case 2:return t=e.sent,e.abrupt("return",t.default\|\|t);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	+ //# sourceMappingURL=9985.2e4b2c4c.chunk.js.map