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

package/web/static/js/6889.0a68a9b1.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6889],{6889: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(968);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=[],i=!0,l=!1;try{for(t=t.call(e);!(i=(r=t.next()).done)&&(o.push(r.value),!n||o.length!==n);i=!0);}catch(u){l=!0,a=u}finally{try{i||null==t.return||t.return()}finally{if(l)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("2019/04"),2),t=e[0],o=e[1];return n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,{style:{width:200},fixed:!0},n.default.createElement(r.MonthPicker,{size:"large",onChange:function(e,n){o(n)},placeholder:"Select month"})),n.default.createElement(r.Col,{style:{width:200},fixed:!0},n.default.createElement(r.MonthPicker,{disabled:!0,value:t,placeholder:"Select month"})))}}(),43:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(968);return function(){return n.default.createElement("div",null,n.default.createElement(r.Form,{onSubmit:function(e){var n=e.initial,t=e.current;t.date?r.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a".concat(t.date)}):r.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a".concat(t.date,"\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")}),console.log("--\x3e>",n,t)},fields:{date:{labelClassName:"fieldLabel",labelFor:"date-inline",children:n.default.createElement(r.MonthPicker,{id:"date-inline"})}}},(function(e){var t=e.fields,a=(e.state,e.canSubmit);return n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,{style:{width:200},fixed:!0},t.date),n.default.createElement(r.Col,null,n.default.createElement(r.Button,{disabled:!a(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4")))})))}}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\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\nvar Demo = function Demo() {\n  var _React$useState = _react["default"].useState(\'2019/04\'),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      formatDate = _React$useState2[0],\n      setFormatDate = _React$useState2[1];\n\n  function onChange(date, formatDate) {\n    setFormatDate(formatDate);\n  }\n\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    style: {\n      width: 200\n    },\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.MonthPicker, {\n    size: "large",\n    onChange: onChange,\n    placeholder: "Select month"\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    style: {\n      width: 200\n    },\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.MonthPicker, {\n    disabled: true,\n    value: formatDate,\n    placeholder: "Select month"\n  })));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { MonthPicker, Row, Col } from 'uiw';\n\nconst Demo = () => {\n  const [formatDate, setFormatDate] = React.useState('2019/04')\n  function onChange(date, formatDate) {\n    setFormatDate(formatDate)\n  }\n  return (\n    <Row gutter={10}>\n      <Col style={{ width: 200 }} fixed>\n        <MonthPicker size=\"large\" onChange={onChange} placeholder=\"Select month\" />\n      </Col>\n      <Col style={{ width: 200 }} fixed>\n        <MonthPicker disabled value={formatDate} placeholder=\"Select month\" />\n      </Col>\n    </Row>\n  )\n}\nexport default Demo"},43:{name:43,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.Form, {\n    onSubmit: function onSubmit(_ref) {\n      var initial = _ref.initial,\n          current = _ref.current;\n\n      if (current.date) {\n        _uiw.Notify.success({\n          title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n          description: "\\u8868\\u5355\\u63D0\\u4EA4\\u65F6\\u95F4\\u6210\\u529F\\uFF0C\\u65F6\\u95F4\\u4E3A\\uFF1A".concat(current.date)\n        });\n      } else {\n        _uiw.Notify.error({\n          title: \'\u63d0\u4ea4\u5931\u8d25\uff01\',\n          description: "\\u8868\\u5355\\u63D0\\u4EA4\\u65F6\\u95F4\\u6210\\u529F\\uFF0C\\u65F6\\u95F4\\u4E3A\\uFF1A".concat(current.date, "\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01")\n        });\n      }\n\n      console.log(\'--\x3e>\', initial, current);\n    },\n    fields: {\n      date: {\n        labelClassName: \'fieldLabel\',\n        labelFor: \'date-inline\',\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.MonthPicker, {\n          id: "date-inline"\n        })\n      }\n    }\n  }, function (_ref2) {\n    var fields = _ref2.fields,\n        state = _ref2.state,\n        canSubmit = _ref2.canSubmit;\n    return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n      gutter: 10\n    }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n      style: {\n        width: 200\n      },\n      fixed: true\n    }, fields.date), /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      disabled: !canSubmit(),\n      type: "primary",\n      htmlType: "submit"\n    }, "\\u63D0\\u4EA4")));\n  }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Form, MonthPicker, Notify, Row, Col, Button } from 'uiw';\n\nconst Demo = () => (\n  <div>\n    <Form\n      onSubmit={({initial, current}) => {\n        if(current.date) {\n          Notify.success({\n            title: '\u63d0\u4ea4\u6210\u529f\uff01',\n            description: `\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a${current.date}`,\n          });\n        } else {\n          Notify.error({\n            title: '\u63d0\u4ea4\u5931\u8d25\uff01',\n            description: `\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a${current.date}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n          });\n        }\n        console.log('--\x3e>', initial, current);\n      }}\n      fields={{\n        date: {\n          labelClassName: 'fieldLabel',\n          labelFor: 'date-inline',\n          children: <MonthPicker id=\"date-inline\" />\n        },\n      }}\n    >\n      {({ fields, state, canSubmit }) => {\n        return (\n          <Row gutter={10}>\n            <Col style={{ width: 200 }} fixed>{fields.date}</Col>\n            <Col>\n              <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n            </Col>\n          </Row>\n        )\n      }}\n    </Form>\n  </div>\n)\nexport default Demo"}},source:"MonthPicker \u6708\u4efd\u9009\u62e9\u5668\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-month-picker/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-month-picker.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-month-picker)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-month-picker.svg?label=@uiw/react-month-picker)](https://npmjs.com/@uiw/react-month-picker)\n\n\u6a21\u6001\u5bf9\u8bdd\u6846\u3002\n\n```jsx\nimport { MonthPicker } from 'uiw';\n// or\nimport MonthPicker from '@uiw/react-month-picker';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { MonthPicker, Row, Col } from 'uiw';\n\nconst Demo = () => {\n  const [formatDate, setFormatDate] = React.useState('2019/04')\n  function onChange(date, formatDate) {\n    setFormatDate(formatDate)\n  }\n  return (\n    <Row gutter={10}>\n      <Col style={{ width: 200 }} fixed>\n        <MonthPicker size=\"large\" onChange={onChange} placeholder=\"Select month\" />\n      </Col>\n      <Col style={{ width: 200 }} fixed>\n        <MonthPicker disabled value={formatDate} placeholder=\"Select month\" />\n      </Col>\n    </Row>\n  )\n}\nexport default Demo\n```\n\n## \u5728\u8868\u5355\u4e2d\u4f7f\u7528\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, MonthPicker, Notify, Row, Col, Button } from 'uiw';\n\nconst Demo = () => (\n  <div>\n    <Form\n      onSubmit={({initial, current}) => {\n        if(current.date) {\n          Notify.success({\n            title: '\u63d0\u4ea4\u6210\u529f\uff01',\n            description: `\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a${current.date}`,\n          });\n        } else {\n          Notify.error({\n            title: '\u63d0\u4ea4\u5931\u8d25\uff01',\n            description: `\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a${current.date}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n          });\n        }\n        console.log('--\x3e>', initial, current);\n      }}\n      fields={{\n        date: {\n          labelClassName: 'fieldLabel',\n          labelFor: 'date-inline',\n          children: <MonthPicker id=\"date-inline\" />\n        },\n      }}\n    >\n      {({ fields, state, canSubmit }) => {\n        return (\n          <Row gutter={10}>\n            <Col style={{ width: 200 }} fixed>{fields.date}</Col>\n            <Col>\n              <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n            </Col>\n          </Row>\n        )\n      }}\n    </Form>\n  </div>\n)\nexport default Demo\n```\n\n## Props\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| value | \u521d\u59cb\u65f6\u95f4\u503c | Date | - |\n| placeholder | \u8f93\u5165\u6846\u63d0\u793a\u6587\u5b57 | String | - |\n| allowClear | \u662f\u5426\u663e\u793a\u6e05\u9664\u6309\u94ae | Boolean | true |\n| format | \u683c\u5f0f\u5316\u65f6\u95f4\uff0c\u89c4\u5219\u67e5\u770b [`formatter`](#/components/formatter) \u6587\u6863 | String | `YYYY/MM/DD` |\n| onChange | \u9009\u62e9\u4e00\u5929\u65f6\u8c03\u7528\u3002 | Function(Date, formatDate) | - |\n| popoverProps | \u5c06\u53c2\u6570\u4f20\u9012\u7ed9\u5185\u90e8 [`<Popover>`](#/components/popover) \u7ec4\u4ef6 | Object | - |\n| pickerCaptionProps | \u5c06\u53c2\u6570\u4f20\u9012\u7ed9\u5185\u90e8 [`<DatePicker>`](#/components/date-picker) `PickerCaption` \u7ec4\u4ef6 | [`PickerCaptionProps`](https://github.com/uiwjs/uiw/blob/207c787ed478ffb7205ecdf95754ad2c97bb69c9/packages/react-date-picker/src/DatePickerCaption.tsx#L18-L23) | - |\n| disabled | \u7ec4\u4ef6 [`<Input>`](#/components/input) \u7684\u5c5e\u6027\uff0c\u7981\u7528\u65e5\u5386 | Boolean | - |\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [`<Input>`](#/components/input)\u3002\n"}}}]);
+//# sourceMappingURL=6889.0a68a9b1.chunk.js.map

package/web/static/js/{6889.9760ee32.chunk.js.map → 6889.0a68a9b1.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"static/js/6889.9760ee32.chunk.js","mappings":"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","sources":["../../packages/react-month-picker/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\nvar Demo = function Demo() {\n  var _React$useState = _react[\"default\"].useState('2019/04'),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      formatDate = _React$useState2[0],\n      setFormatDate = _React$useState2[1];\n\n  function onChange(date, formatDate) {\n    setFormatDate(formatDate);\n  }\n\n  return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n    gutter: 10\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n    style: {\n      width: 200\n    },\n    fixed: true\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.MonthPicker, {\n    size: \"large\",\n    onChange: onChange,\n    placeholder: \"Select month\"\n  })), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n    style: {\n      width: 200\n    },\n    fixed: true\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.MonthPicker, {\n    disabled: true,\n    value: formatDate,\n    placeholder: \"Select month\"\n  })));\n};\n\nreturn Demo; })(),43: (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.Form, {\n    onSubmit: function onSubmit(_ref) {\n      var initial = _ref.initial,\n          current = _ref.current;\n\n      if (current.date) {\n        _uiw.Notify.success({\n          title: '提交成功！',\n          description: \"\\u8868\\u5355\\u63D0\\u4EA4\\u65F6\\u95F4\\u6210\\u529F\\uFF0C\\u65F6\\u95F4\\u4E3A\\uFF1A\".concat(current.date)\n        });\n      } else {\n        _uiw.Notify.error({\n          title: '提交失败！',\n          description: \"\\u8868\\u5355\\u63D0\\u4EA4\\u65F6\\u95F4\\u6210\\u529F\\uFF0C\\u65F6\\u95F4\\u4E3A\\uFF1A\".concat(current.date, \"\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01\")\n        });\n      }\n\n      console.log('-->>', initial, current);\n    },\n    fields: {\n      date: {\n        labelClassName: 'fieldLabel',\n        labelFor: 'date-inline',\n        children: /*#__PURE__*/_react[\"default\"].createElement(_uiw.MonthPicker, {\n          id: \"date-inline\"\n        })\n      }\n    }\n  }, function (_ref2) {\n    var fields = _ref2.fields,\n        state = _ref2.state,\n        canSubmit = _ref2.canSubmit;\n    return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n      gutter: 10\n    }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n      style: {\n        width: 200\n      },\n      fixed: true\n    }, fields.date), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n      disabled: !canSubmit(),\n      type: \"primary\",\n      htmlType: \"submit\"\n    }, \"\\u63D0\\u4EA4\")));\n  }));\n};\n\nreturn Demo; })(), },\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\\nvar Demo = function Demo() {\\n  var _React$useState = _react[\\\"default\\\"].useState('2019/04'),\\n      _React$useState2 = _slicedToArray(_React$useState, 2),\\n      formatDate = _React$useState2[0],\\n      setFormatDate = _React$useState2[1];\\n\\n  function onChange(date, formatDate) {\\n    setFormatDate(formatDate);\\n  }\\n\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n    gutter: 10\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n    style: {\\n      width: 200\\n    },\\n    fixed: true\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.MonthPicker, {\\n    size: \\\"large\\\",\\n    onChange: onChange,\\n    placeholder: \\\"Select month\\\"\\n  })), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n    style: {\\n      width: 200\\n    },\\n    fixed: true\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.MonthPicker, {\\n    disabled: true,\\n    value: formatDate,\\n    placeholder: \\\"Select month\\\"\\n  })));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { MonthPicker, Row, Col } from 'uiw';\\n\\nconst Demo = () => {\\n  const [formatDate, setFormatDate] = React.useState('2019/04')\\n  function onChange(date, formatDate) {\\n    setFormatDate(formatDate)\\n  }\\n  return (\\n    <Row gutter={10}>\\n      <Col style={{ width: 200 }} fixed>\\n        <MonthPicker size=\\\"large\\\" onChange={onChange} placeholder=\\\"Select month\\\" />\\n      </Col>\\n      <Col style={{ width: 200 }} fixed>\\n        <MonthPicker disabled value={formatDate} placeholder=\\\"Select month\\\" />\\n      </Col>\\n    </Row>\\n  )\\n}\\nexport default Demo\"\n  },\n  \"43\": {\n    \"name\": 43,\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.Form, {\\n    onSubmit: function onSubmit(_ref) {\\n      var initial = _ref.initial,\\n          current = _ref.current;\\n\\n      if (current.date) {\\n        _uiw.Notify.success({\\n          title: '提交成功！',\\n          description: \\\"\\\\u8868\\\\u5355\\\\u63D0\\\\u4EA4\\\\u65F6\\\\u95F4\\\\u6210\\\\u529F\\\\uFF0C\\\\u65F6\\\\u95F4\\\\u4E3A\\\\uFF1A\\\".concat(current.date)\\n        });\\n      } else {\\n        _uiw.Notify.error({\\n          title: '提交失败！',\\n          description: \\\"\\\\u8868\\\\u5355\\\\u63D0\\\\u4EA4\\\\u65F6\\\\u95F4\\\\u6210\\\\u529F\\\\uFF0C\\\\u65F6\\\\u95F4\\\\u4E3A\\\\uFF1A\\\".concat(current.date, \\\"\\\\uFF0C\\\\u5C06\\\\u81EA\\\\u52A8\\\\u586B\\\\u5145\\\\u521D\\\\u59CB\\\\u5316\\\\u503C\\\\uFF01\\\")\\n        });\\n      }\\n\\n      console.log('-->>', initial, current);\\n    },\\n    fields: {\\n      date: {\\n        labelClassName: 'fieldLabel',\\n        labelFor: 'date-inline',\\n        children: /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.MonthPicker, {\\n          id: \\\"date-inline\\\"\\n        })\\n      }\\n    }\\n  }, function (_ref2) {\\n    var fields = _ref2.fields,\\n        state = _ref2.state,\\n        canSubmit = _ref2.canSubmit;\\n    return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n      gutter: 10\\n    }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n      style: {\\n        width: 200\\n      },\\n      fixed: true\\n    }, fields.date), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n      disabled: !canSubmit(),\\n      type: \\\"primary\\\",\\n      htmlType: \\\"submit\\\"\\n    }, \\\"\\\\u63D0\\\\u4EA4\\\")));\\n  }));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Form, MonthPicker, Notify, Row, Col, Button } from 'uiw';\\n\\nconst Demo = () => (\\n  <div>\\n    <Form\\n      onSubmit={({initial, current}) => {\\n        if(current.date) {\\n          Notify.success({\\n            title: '提交成功！',\\n            description: `表单提交时间成功，时间为：${current.date}`,\\n          });\\n        } else {\\n          Notify.error({\\n            title: '提交失败！',\\n            description: `表单提交时间成功，时间为：${current.date}，将自动填充初始化值！`,\\n          });\\n        }\\n        console.log('-->>', initial, current);\\n      }}\\n      fields={{\\n        date: {\\n          labelClassName: 'fieldLabel',\\n          labelFor: 'date-inline',\\n          children: <MonthPicker id=\\\"date-inline\\\" />\\n        },\\n      }}\\n    >\\n      {({ fields, state, canSubmit }) => {\\n        return (\\n          <Row gutter={10}>\\n            <Col style={{ width: 200 }} fixed>{fields.date}</Col>\\n            <Col>\\n              <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n            </Col>\\n          </Row>\\n        )\\n      }}\\n    </Form>\\n  </div>\\n)\\nexport default Demo\"\n  }\n},\n    source: \"MonthPicker 月份选择器\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-month-picker/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-month-picker.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-month-picker)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-month-picker.svg?label=@uiw/react-month-picker)](https://npmjs.com/@uiw/react-month-picker)\\n\\n模态对话框。\\n\\n```jsx\\nimport { MonthPicker } from 'uiw';\\n// or\\nimport MonthPicker from '@uiw/react-month-picker';\\n```\\n\\n### 基础用法\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { MonthPicker, Row, Col } from 'uiw';\\n\\nconst Demo = () => {\\n  const [formatDate, setFormatDate] = React.useState('2019/04')\\n  function onChange(date, formatDate) {\\n    setFormatDate(formatDate)\\n  }\\n  return (\\n    <Row gutter={10}>\\n      <Col style={{ width: 200 }} fixed>\\n        <MonthPicker size=\\\"large\\\" onChange={onChange} placeholder=\\\"Select month\\\" />\\n      </Col>\\n      <Col style={{ width: 200 }} fixed>\\n        <MonthPicker disabled value={formatDate} placeholder=\\\"Select month\\\" />\\n      </Col>\\n    </Row>\\n  )\\n}\\nexport default Demo\\n```\\n\\n## 在表单中使用\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Form, MonthPicker, Notify, Row, Col, Button } from 'uiw';\\n\\nconst Demo = () => (\\n  <div>\\n    <Form\\n      onSubmit={({initial, current}) => {\\n        if(current.date) {\\n          Notify.success({\\n            title: '提交成功！',\\n            description: `表单提交时间成功，时间为：${current.date}`,\\n          });\\n        } else {\\n          Notify.error({\\n            title: '提交失败！',\\n            description: `表单提交时间成功，时间为：${current.date}，将自动填充初始化值！`,\\n          });\\n        }\\n        console.log('-->>', initial, current);\\n      }}\\n      fields={{\\n        date: {\\n          labelClassName: 'fieldLabel',\\n          labelFor: 'date-inline',\\n          children: <MonthPicker id=\\\"date-inline\\\" />\\n        },\\n      }}\\n    >\\n      {({ fields, state, canSubmit }) => {\\n        return (\\n          <Row gutter={10}>\\n            <Col style={{ width: 200 }} fixed>{fields.date}</Col>\\n            <Col>\\n              <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n            </Col>\\n          </Row>\\n        )\\n      }}\\n    </Form>\\n  </div>\\n)\\nexport default Demo\\n```\\n\\n## Props\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| value | 初始时间值 | Date | - |\\n| placeholder | 输入框提示文字 | String | - |\\n| allowClear | 是否显示清除按钮 | Boolean | true |\\n| format | 格式化时间，规则查看 [`formatter`](#/components/formatter) 文档 | String | `YYYY/MM/DD` |\\n| onChange | 选择一天时调用。 | Function(Date, formatDate) | - |\\n| popoverProps | 将参数传递给内部 [`<Popover>`](#/components/popover) 组件 | Object | - |\\n| pickerCaptionProps | 将参数传递给内部 [`<DatePicker>`](#/components/date-picker) `PickerCaption` 组件 | [`PickerCaptionProps`](https://github.com/uiwjs/uiw/blob/207c787ed478ffb7205ecdf95754ad2c97bb69c9/packages/react-date-picker/src/DatePickerCaption.tsx#L18-L23) | - |\\n| disabled | 组件 [`<Input>`](#/components/input) 的属性，禁用日历 | Boolean | - |\\n\\n更多属性文档请参考 [`<Input>`](#/components/input)。\\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","formatDate","setFormatDate","createElement","Row","gutter","Col","style","width","fixed","MonthPicker","size","onChange","date","placeholder","disabled","Form","onSubmit","_ref","initial","current","Notify","success","title","description","concat","error","console","log","fields","labelClassName","labelFor","children","id","_ref2","canSubmit","state","Button","type","htmlType","data","source"],"sourceRoot":""}
+{"version":3,"file":"static/js/6889.0a68a9b1.chunk.js","mappings":"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","sources":["../../packages/react-month-picker/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\nvar Demo = function Demo() {\n  var _React$useState = _react[\"default\"].useState('2019/04'),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      formatDate = _React$useState2[0],\n      setFormatDate = _React$useState2[1];\n\n  function onChange(date, formatDate) {\n    setFormatDate(formatDate);\n  }\n\n  return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n    gutter: 10\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n    style: {\n      width: 200\n    },\n    fixed: true\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.MonthPicker, {\n    size: \"large\",\n    onChange: onChange,\n    placeholder: \"Select month\"\n  })), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n    style: {\n      width: 200\n    },\n    fixed: true\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.MonthPicker, {\n    disabled: true,\n    value: formatDate,\n    placeholder: \"Select month\"\n  })));\n};\n\nreturn Demo; })(),43: (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.Form, {\n    onSubmit: function onSubmit(_ref) {\n      var initial = _ref.initial,\n          current = _ref.current;\n\n      if (current.date) {\n        _uiw.Notify.success({\n          title: '提交成功！',\n          description: \"\\u8868\\u5355\\u63D0\\u4EA4\\u65F6\\u95F4\\u6210\\u529F\\uFF0C\\u65F6\\u95F4\\u4E3A\\uFF1A\".concat(current.date)\n        });\n      } else {\n        _uiw.Notify.error({\n          title: '提交失败！',\n          description: \"\\u8868\\u5355\\u63D0\\u4EA4\\u65F6\\u95F4\\u6210\\u529F\\uFF0C\\u65F6\\u95F4\\u4E3A\\uFF1A\".concat(current.date, \"\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01\")\n        });\n      }\n\n      console.log('-->>', initial, current);\n    },\n    fields: {\n      date: {\n        labelClassName: 'fieldLabel',\n        labelFor: 'date-inline',\n        children: /*#__PURE__*/_react[\"default\"].createElement(_uiw.MonthPicker, {\n          id: \"date-inline\"\n        })\n      }\n    }\n  }, function (_ref2) {\n    var fields = _ref2.fields,\n        state = _ref2.state,\n        canSubmit = _ref2.canSubmit;\n    return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n      gutter: 10\n    }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n      style: {\n        width: 200\n      },\n      fixed: true\n    }, fields.date), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Button, {\n      disabled: !canSubmit(),\n      type: \"primary\",\n      htmlType: \"submit\"\n    }, \"\\u63D0\\u4EA4\")));\n  }));\n};\n\nreturn Demo; })(), },\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\\nvar Demo = function Demo() {\\n  var _React$useState = _react[\\\"default\\\"].useState('2019/04'),\\n      _React$useState2 = _slicedToArray(_React$useState, 2),\\n      formatDate = _React$useState2[0],\\n      setFormatDate = _React$useState2[1];\\n\\n  function onChange(date, formatDate) {\\n    setFormatDate(formatDate);\\n  }\\n\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n    gutter: 10\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n    style: {\\n      width: 200\\n    },\\n    fixed: true\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.MonthPicker, {\\n    size: \\\"large\\\",\\n    onChange: onChange,\\n    placeholder: \\\"Select month\\\"\\n  })), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n    style: {\\n      width: 200\\n    },\\n    fixed: true\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.MonthPicker, {\\n    disabled: true,\\n    value: formatDate,\\n    placeholder: \\\"Select month\\\"\\n  })));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { MonthPicker, Row, Col } from 'uiw';\\n\\nconst Demo = () => {\\n  const [formatDate, setFormatDate] = React.useState('2019/04')\\n  function onChange(date, formatDate) {\\n    setFormatDate(formatDate)\\n  }\\n  return (\\n    <Row gutter={10}>\\n      <Col style={{ width: 200 }} fixed>\\n        <MonthPicker size=\\\"large\\\" onChange={onChange} placeholder=\\\"Select month\\\" />\\n      </Col>\\n      <Col style={{ width: 200 }} fixed>\\n        <MonthPicker disabled value={formatDate} placeholder=\\\"Select month\\\" />\\n      </Col>\\n    </Row>\\n  )\\n}\\nexport default Demo\"\n  },\n  \"43\": {\n    \"name\": 43,\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.Form, {\\n    onSubmit: function onSubmit(_ref) {\\n      var initial = _ref.initial,\\n          current = _ref.current;\\n\\n      if (current.date) {\\n        _uiw.Notify.success({\\n          title: '提交成功！',\\n          description: \\\"\\\\u8868\\\\u5355\\\\u63D0\\\\u4EA4\\\\u65F6\\\\u95F4\\\\u6210\\\\u529F\\\\uFF0C\\\\u65F6\\\\u95F4\\\\u4E3A\\\\uFF1A\\\".concat(current.date)\\n        });\\n      } else {\\n        _uiw.Notify.error({\\n          title: '提交失败！',\\n          description: \\\"\\\\u8868\\\\u5355\\\\u63D0\\\\u4EA4\\\\u65F6\\\\u95F4\\\\u6210\\\\u529F\\\\uFF0C\\\\u65F6\\\\u95F4\\\\u4E3A\\\\uFF1A\\\".concat(current.date, \\\"\\\\uFF0C\\\\u5C06\\\\u81EA\\\\u52A8\\\\u586B\\\\u5145\\\\u521D\\\\u59CB\\\\u5316\\\\u503C\\\\uFF01\\\")\\n        });\\n      }\\n\\n      console.log('-->>', initial, current);\\n    },\\n    fields: {\\n      date: {\\n        labelClassName: 'fieldLabel',\\n        labelFor: 'date-inline',\\n        children: /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.MonthPicker, {\\n          id: \\\"date-inline\\\"\\n        })\\n      }\\n    }\\n  }, function (_ref2) {\\n    var fields = _ref2.fields,\\n        state = _ref2.state,\\n        canSubmit = _ref2.canSubmit;\\n    return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n      gutter: 10\\n    }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n      style: {\\n        width: 200\\n      },\\n      fixed: true\\n    }, fields.date), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Button, {\\n      disabled: !canSubmit(),\\n      type: \\\"primary\\\",\\n      htmlType: \\\"submit\\\"\\n    }, \\\"\\\\u63D0\\\\u4EA4\\\")));\\n  }));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Form, MonthPicker, Notify, Row, Col, Button } from 'uiw';\\n\\nconst Demo = () => (\\n  <div>\\n    <Form\\n      onSubmit={({initial, current}) => {\\n        if(current.date) {\\n          Notify.success({\\n            title: '提交成功！',\\n            description: `表单提交时间成功，时间为：${current.date}`,\\n          });\\n        } else {\\n          Notify.error({\\n            title: '提交失败！',\\n            description: `表单提交时间成功，时间为：${current.date}，将自动填充初始化值！`,\\n          });\\n        }\\n        console.log('-->>', initial, current);\\n      }}\\n      fields={{\\n        date: {\\n          labelClassName: 'fieldLabel',\\n          labelFor: 'date-inline',\\n          children: <MonthPicker id=\\\"date-inline\\\" />\\n        },\\n      }}\\n    >\\n      {({ fields, state, canSubmit }) => {\\n        return (\\n          <Row gutter={10}>\\n            <Col style={{ width: 200 }} fixed>{fields.date}</Col>\\n            <Col>\\n              <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n            </Col>\\n          </Row>\\n        )\\n      }}\\n    </Form>\\n  </div>\\n)\\nexport default Demo\"\n  }\n},\n    source: \"MonthPicker 月份选择器\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-month-picker/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-month-picker.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-month-picker)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-month-picker.svg?label=@uiw/react-month-picker)](https://npmjs.com/@uiw/react-month-picker)\\n\\n模态对话框。\\n\\n```jsx\\nimport { MonthPicker } from 'uiw';\\n// or\\nimport MonthPicker from '@uiw/react-month-picker';\\n```\\n\\n### 基础用法\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { MonthPicker, Row, Col } from 'uiw';\\n\\nconst Demo = () => {\\n  const [formatDate, setFormatDate] = React.useState('2019/04')\\n  function onChange(date, formatDate) {\\n    setFormatDate(formatDate)\\n  }\\n  return (\\n    <Row gutter={10}>\\n      <Col style={{ width: 200 }} fixed>\\n        <MonthPicker size=\\\"large\\\" onChange={onChange} placeholder=\\\"Select month\\\" />\\n      </Col>\\n      <Col style={{ width: 200 }} fixed>\\n        <MonthPicker disabled value={formatDate} placeholder=\\\"Select month\\\" />\\n      </Col>\\n    </Row>\\n  )\\n}\\nexport default Demo\\n```\\n\\n## 在表单中使用\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Form, MonthPicker, Notify, Row, Col, Button } from 'uiw';\\n\\nconst Demo = () => (\\n  <div>\\n    <Form\\n      onSubmit={({initial, current}) => {\\n        if(current.date) {\\n          Notify.success({\\n            title: '提交成功！',\\n            description: `表单提交时间成功，时间为：${current.date}`,\\n          });\\n        } else {\\n          Notify.error({\\n            title: '提交失败！',\\n            description: `表单提交时间成功，时间为：${current.date}，将自动填充初始化值！`,\\n          });\\n        }\\n        console.log('-->>', initial, current);\\n      }}\\n      fields={{\\n        date: {\\n          labelClassName: 'fieldLabel',\\n          labelFor: 'date-inline',\\n          children: <MonthPicker id=\\\"date-inline\\\" />\\n        },\\n      }}\\n    >\\n      {({ fields, state, canSubmit }) => {\\n        return (\\n          <Row gutter={10}>\\n            <Col style={{ width: 200 }} fixed>{fields.date}</Col>\\n            <Col>\\n              <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n            </Col>\\n          </Row>\\n        )\\n      }}\\n    </Form>\\n  </div>\\n)\\nexport default Demo\\n```\\n\\n## Props\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| value | 初始时间值 | Date | - |\\n| placeholder | 输入框提示文字 | String | - |\\n| allowClear | 是否显示清除按钮 | Boolean | true |\\n| format | 格式化时间，规则查看 [`formatter`](#/components/formatter) 文档 | String | `YYYY/MM/DD` |\\n| onChange | 选择一天时调用。 | Function(Date, formatDate) | - |\\n| popoverProps | 将参数传递给内部 [`<Popover>`](#/components/popover) 组件 | Object | - |\\n| pickerCaptionProps | 将参数传递给内部 [`<DatePicker>`](#/components/date-picker) `PickerCaption` 组件 | [`PickerCaptionProps`](https://github.com/uiwjs/uiw/blob/207c787ed478ffb7205ecdf95754ad2c97bb69c9/packages/react-date-picker/src/DatePickerCaption.tsx#L18-L23) | - |\\n| disabled | 组件 [`<Input>`](#/components/input) 的属性，禁用日历 | Boolean | - |\\n\\n更多属性文档请参考 [`<Input>`](#/components/input)。\\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","formatDate","setFormatDate","createElement","Row","gutter","Col","style","width","fixed","MonthPicker","size","onChange","date","placeholder","disabled","Form","onSubmit","_ref","initial","current","Notify","success","title","description","concat","error","console","log","fields","labelClassName","labelFor","children","id","_ref2","canSubmit","state","Button","type","htmlType","data","source"],"sourceRoot":""}

package/web/static/js/7019.9a6eaf3c.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[7019],{7019:function(e,t,n){n.r(t),t.default={components:{20:function(){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}var t,o=(t=n(8133))&&t.__esModule?t:{default:t},r=n(968);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function l(e,t){if(n=e,!(null!=(o=t)&&"undefined"!==typeof Symbol&&o[Symbol.hasInstance]?o[Symbol.hasInstance](n):n instanceof o))throw new TypeError("Cannot call a class as a function");var n,o}function a(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function s(e,t){return s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},s(e,t)}function c(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=p(e);if(t){var r=p(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return u(this,n)}}function u(t,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&s(e,t)}(f,e);var t,n,u,p=c(f);function f(){var e;return l(this,f),(e=p.call(this)).state={isOpen:!1,isOpen1:!1},e}return t=f,(n=[{key:"onClick",value:function(e){this.setState(i({},e,!1))}},{key:"handleVisibleChange",value:function(e,t){this.setState(i({},e,t))}},{key:"render",value:function(){return o.default.createElement(r.Row,{style:{alignItems:"center"}},o.default.createElement(r.Popover,{trigger:"click",placement:"top",isOpen:this.state.isOpen,onVisibleChange:this.handleVisibleChange.bind(this,"isOpen"),content:o.default.createElement(r.Card,{bordered:!1,title:"Card\u6807\u9898",extra:o.default.createElement("a",{href:"#"},"\u66f4\u591a"),style:{width:200}},o.default.createElement("div",null,"Are you sure you want to delete these items? You won't be able to recover them."),o.default.createElement("div",{style:{display:"flex",justifyContent:"flex-end",marginTop:15}},o.default.createElement(r.Button,{size:"small",onClick:this.onClick.bind(this,"isOpen")},"Cancel"),o.default.createElement(r.Button,{type:"danger",size:"small",onClick:this.onClick.bind(this,"isOpen")},"Delete")))},o.default.createElement(r.Button,{active:this.state.isOpen},"\u5f39\u51fa\u76ee\u6807")),o.default.createElement("div",{style:{marginLeft:20}},o.default.createElement(r.Popover,{trigger:"click",placement:"top",isOpen:this.state.isOpen1,onVisibleChange:this.handleVisibleChange.bind(this,"isOpen1"),content:o.default.createElement(r.Card,{bordered:!1,title:"Card\u6807\u9898",extra:o.default.createElement("a",{href:"#"},"\u66f4\u591a"),style:{width:200}},o.default.createElement("div",null,"Are you sure you want to delete these items? You won't be able to recover them."),o.default.createElement("div",{style:{display:"flex",justifyContent:"flex-end",marginTop:15}},o.default.createElement(r.Button,{size:"small",onClick:this.onClick.bind(this,"isOpen1")},"Cancel"),o.default.createElement(r.Button,{type:"danger",size:"small",onClick:this.onClick.bind(this,"isOpen1")},"Delete")))},o.default.createElement(r.Icon,{type:"setting",color:"#343a40",style:{fontSize:20}}))))}}])&&a(t.prototype,n),u&&a(t,u),Object.defineProperty(t,"prototype",{writable:!1}),f}(o.default.Component)}(),97:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},o=n(968);function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var a={position:"relative",width:70},s=t.default.createElement(o.Card,{bordered:!1,style:{width:120}},t.default.createElement("div",null,"Are you sure you want to delete these items? You won't be able to recover them."));return function(){return t.default.createElement("div",null,t.default.createElement("div",{style:{position:"relative"}},t.default.createElement(o.Popover,{trigger:"click",placement:"topLeft",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:70})},"TL")),t.default.createElement(o.Popover,{trigger:"click",placement:"top",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:70})},"Top")),t.default.createElement(o.Popover,{trigger:"click",placement:"topRight",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:70})},"TR"))),t.default.createElement("div",{style:{position:"relative",paddingTop:10}},t.default.createElement(o.Popover,{trigger:"click",placement:"leftTop",content:s},t.default.createElement(o.Button,{style:i({},a)},"LT")),t.default.createElement(o.Popover,{trigger:"click",placement:"rightTop",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:216})},"RT"))),t.default.createElement("div",{style:{position:"relative",paddingTop:10}},t.default.createElement(o.Popover,{trigger:"click",placement:"left",content:s},t.default.createElement(o.Button,{style:i({},a)},"Left")),t.default.createElement(o.Popover,{trigger:"click",placement:"right",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:216})},"Right"))),t.default.createElement("div",{style:{position:"relative",paddingTop:10}},t.default.createElement(o.Popover,{trigger:"click",placement:"leftBottom",content:s},t.default.createElement(o.Button,{style:i({},a)},"LB")),t.default.createElement(o.Popover,{trigger:"click",placement:"rightBottom",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:216})},"RB"))),t.default.createElement("div",{style:{position:"relative",paddingTop:10}},t.default.createElement(o.Popover,{trigger:"click",placement:"bottomLeft",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:70})},"BL")),t.default.createElement(o.Popover,{trigger:"click",placement:"bottom",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:70})},"Bottom")),t.default.createElement(o.Popover,{trigger:"click",placement:"bottomRight",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:70})},"BR"))))}}(),172:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},o=n(968);var r=t.default.createElement(o.Card,{style:{width:220},bordered:!1,title:"Card\u6807\u9898",footer:t.default.createElement("span",null,"\u8fd9\u91cc\u662f\u9875\u811a")},t.default.createElement("div",null,"\u8fd9\u662f\u4f60\u9f20\u6807\u7ecf\u8fc7\u5f39\u51fa\u7684\u76ee\u6807\u3002"));return function(){return t.default.createElement("div",null,t.default.createElement(o.Popover,{trigger:"hover",placement:"top",content:r},t.default.createElement(o.Button,null,"\u9f20\u6807\u7ecf\u8fc7\u5f39\u51fa\u76ee\u6807")))}}(),203:function(){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}var t,o=(t=n(8133))&&t.__esModule?t:{default:t},r=n(968);function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){if(n=e,!(null!=(o=t)&&"undefined"!==typeof Symbol&&o[Symbol.hasInstance]?o[Symbol.hasInstance](n):n instanceof o))throw new TypeError("Cannot call a class as a function");var n,o}function s(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function c(e,t){return c=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},c(e,t)}function u(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=f(e);if(t){var r=f(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return p(this,n)}}function p(t,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}var d=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&c(e,t)}(d,e);var t,n,p,f=u(d);function d(){var e;return a(this,d),(e=f.call(this)).state={isOpen:!1,value:""},e}return t=d,n=[{key:"onClick",value:function(e){var t={isOpen:!1};e&&(t.value=e),null===e&&(t.value=""),this.setState(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t))}},{key:"handleVisibleChange",value:function(e){this.setState({isOpen:e})}},{key:"onChange",value:function(e){this.setState({value:e.target.value})}},{key:"renderPopup",value:function(){return o.default.createElement(r.Card,{style:{width:220},bordered:!1,footer:o.default.createElement("div",{style:{display:"flex",justifyContent:"flex-end"}},o.default.createElement(r.Button,{size:"small",onClick:this.onClick.bind(this,void 0)},"\u53d6\u6d88"),o.default.createElement(r.Button,{size:"small",onClick:this.onClick.bind(this,null)},"\u6e05\u7a7a"),o.default.createElement(r.Button,{type:"success",size:"small",onClick:this.onClick.bind(this,"\u8fd9\u662f\u5411 Input \u8f93\u5165\u6846\u63d2\u5165\u7684\u5185\u5bb9")},"\u63d2\u5165\u5185\u5bb9"))},o.default.createElement("div",null,'\u901a\u8fc7\u8bbe\u7f6e `trigger="focus"` \u8ba9 `Input` \u7ec4\u4ef6\u5728\u83b7\u53d6\u7126\u70b9\u7684\u65f6\u5019\u5c55\u793a `Popover`'))}},{key:"render",value:function(){return o.default.createElement("div",null,o.default.createElement("div",{style:{width:200}},o.default.createElement(r.Popover,{trigger:"focus",placement:"top",isOpen:this.state.isOpen,onVisibleChange:this.handleVisibleChange.bind(this),content:this.renderPopup()},o.default.createElement(r.Input,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",value:this.state.value,onChange:this.onChange.bind(this)}))))}}],n&&s(t.prototype,n),p&&s(t,p),Object.defineProperty(t,"prototype",{writable:!1}),d}(o.default.Component);return d}(),278:function(){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}var t,o=(t=n(8133))&&t.__esModule?t:{default:t},r=n(968);function i(e,t){if(n=e,!(null!=(o=t)&&"undefined"!==typeof Symbol&&o[Symbol.hasInstance]?o[Symbol.hasInstance](n):n instanceof o))throw new TypeError("Cannot call a class as a function");var n,o}function l(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function s(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=u(e);if(t){var r=u(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return c(this,n)}}function c(t,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}function u(e){return u=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},u(e)}return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&a(e,t)}(p,e);var t,n,c,u=s(p);function p(){var e;return i(this,p),(e=u.call(this)).state={isOpen:!1},e}return t=p,(n=[{key:"onClick",value:function(){this.setState({isOpen:!1})}},{key:"handleVisibleChange",value:function(e){this.setState({isOpen:e})}},{key:"render",value:function(){return o.default.createElement("div",null,o.default.createElement("div",{style:{position:"relative"}},o.default.createElement(r.Popover,{trigger:"click",placement:"right",usePortal:!1,isOpen:this.state.isOpen,onVisibleChange:this.handleVisibleChange.bind(this),content:o.default.createElement(r.Card,{bordered:!1,title:"Card\u6807\u9898",extra:o.default.createElement("a",{href:"#"},"\u66f4\u591a"),style:{width:200}},o.default.createElement("div",null,"Are you sure you want to delete these items? You won't be able to recover them."),o.default.createElement("div",{style:{display:"flex",justifyContent:"flex-end",marginTop:15}},o.default.createElement(r.Button,{size:"small",onClick:this.onClick.bind(this)},"Cancel"),o.default.createElement(r.Button,{type:"danger",size:"small",onClick:this.onClick.bind(this)},"Delete")))},o.default.createElement(r.Button,null,"\u5f39\u51fa\u76ee\u6807"))))}}])&&l(t.prototype,n),c&&l(t,c),Object.defineProperty(t,"prototype",{writable:!1}),p}(o.default.Component)}(),331:function(){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}var t,o=(t=n(8133))&&t.__esModule?t:{default:t},r=n(968);function i(e,t){if(n=e,!(null!=(o=t)&&"undefined"!==typeof Symbol&&o[Symbol.hasInstance]?o[Symbol.hasInstance](n):n instanceof o))throw new TypeError("Cannot call a class as a function");var n,o}function l(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function s(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=u(e);if(t){var r=u(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return c(this,n)}}function c(t,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}function u(e){return u=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},u(e)}var p=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&a(e,t)}(p,e);var t,n,c,u=s(p);function p(){return i(this,p),u.apply(this,arguments)}return t=p,(n=[{key:"render",value:function(){return o.default.createElement(r.Row,{style:{alignItems:"center"}},o.default.createElement(r.Popover.Confirm,{title:"Are you sure delete this?"},"delete"))}}])&&l(t.prototype,n),c&&l(t,c),Object.defineProperty(t,"prototype",{writable:!1}),p}(o.default.Component);return p}()},data:{20:{name:20,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _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 _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar Demo = /*#__PURE__*/function (_React$Component) {\n  _inherits(Demo, _React$Component);\n\n  var _super = _createSuper(Demo);\n\n  function Demo() {\n    var _this;\n\n    _classCallCheck(this, Demo);\n\n    _this = _super.call(this);\n    _this.state = {\n      isOpen: false,\n      isOpen1: false\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: "onClick",\n    value: function onClick(field) {\n      this.setState(_defineProperty({}, field, false));\n    }\n  }, {\n    key: "handleVisibleChange",\n    value: function handleVisibleChange(field, isOpen) {\n      this.setState(_defineProperty({}, field, isOpen));\n    }\n  }, {\n    key: "render",\n    value: function render() {\n      return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n        style: {\n          alignItems: \'center\'\n        }\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n        trigger: "click",\n        placement: "top",\n        isOpen: this.state.isOpen,\n        onVisibleChange: this.handleVisibleChange.bind(this, \'isOpen\'),\n        content: /*#__PURE__*/_react["default"].createElement(_uiw.Card, {\n          bordered: false,\n          title: "Card\\u6807\\u9898",\n          extra: /*#__PURE__*/_react["default"].createElement("a", {\n            href: "#"\n          }, "\\u66F4\\u591A"),\n          style: {\n            width: 200\n          }\n        }, /*#__PURE__*/_react["default"].createElement("div", null, "Are you sure you want to delete these items? You won\'t be able to recover them."), /*#__PURE__*/_react["default"].createElement("div", {\n          style: {\n            display: "flex",\n            justifyContent: "flex-end",\n            marginTop: 15\n          }\n        }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n          size: "small",\n          onClick: this.onClick.bind(this, \'isOpen\')\n        }, "Cancel"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n          type: "danger",\n          size: "small",\n          onClick: this.onClick.bind(this, \'isOpen\')\n        }, "Delete")))\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n        active: this.state.isOpen\n      }, "\\u5F39\\u51FA\\u76EE\\u6807")), /*#__PURE__*/_react["default"].createElement("div", {\n        style: {\n          marginLeft: 20\n        }\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n        trigger: "click",\n        placement: "top",\n        isOpen: this.state.isOpen1,\n        onVisibleChange: this.handleVisibleChange.bind(this, \'isOpen1\'),\n        content: /*#__PURE__*/_react["default"].createElement(_uiw.Card, {\n          bordered: false,\n          title: "Card\\u6807\\u9898",\n          extra: /*#__PURE__*/_react["default"].createElement("a", {\n            href: "#"\n          }, "\\u66F4\\u591A"),\n          style: {\n            width: 200\n          }\n        }, /*#__PURE__*/_react["default"].createElement("div", null, "Are you sure you want to delete these items? You won\'t be able to recover them."), /*#__PURE__*/_react["default"].createElement("div", {\n          style: {\n            display: "flex",\n            justifyContent: "flex-end",\n            marginTop: 15\n          }\n        }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n          size: "small",\n          onClick: this.onClick.bind(this, \'isOpen1\')\n        }, "Cancel"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n          type: "danger",\n          size: "small",\n          onClick: this.onClick.bind(this, \'isOpen1\')\n        }, "Delete")))\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n        type: "setting",\n        color: "#343a40",\n        style: {\n          fontSize: 20\n        }\n      }))));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Popover, Card, Icon,Row,Col, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      isOpen: false,\n      isOpen1: false,\n    }\n  }\n  onClick(field) {\n    this.setState({ [field]: false });\n  }\n\n  handleVisibleChange(field, isOpen) {\n    this.setState({ [field]:isOpen });\n  }\n  render() {\n    return (\n      <Row style={{ alignItems: \'center\' }}>\n        <Popover\n          trigger="click"\n          placement="top"\n          isOpen={this.state.isOpen}\n          onVisibleChange={this.handleVisibleChange.bind(this, \'isOpen\')}\n          content={\n            <Card bordered={false} title="Card\u6807\u9898" extra={<a href="#">\u66f4\u591a</a>} style={{ width: 200 }}>\n              <div>Are you sure you want to delete these items? You won\'t be able to recover them.</div>\n              <div style={{ display: "flex", justifyContent: "flex-end", marginTop: 15 }}>\n                <Button size="small" onClick={this.onClick.bind(this, \'isOpen\')}>\n                  Cancel\n                </Button>\n                <Button type="danger" size="small" onClick={this.onClick.bind(this, \'isOpen\')}>\n                  Delete\n                </Button>\n              </div>\n            </Card>\n          }\n        >\n          <Button active={this.state.isOpen}>\u5f39\u51fa\u76ee\u6807</Button>\n        </Popover>\n        <div style={{ marginLeft: 20 }}>\n          <Popover\n            trigger="click"\n            placement="top"\n            isOpen={this.state.isOpen1}\n            onVisibleChange={this.handleVisibleChange.bind(this, \'isOpen1\')}\n            content={\n              <Card bordered={false} title="Card\u6807\u9898" extra={<a href="#">\u66f4\u591a</a>} style={{ width: 200 }}>\n                <div>Are you sure you want to delete these items? You won\'t be able to recover them.</div>\n                <div style={{ display: "flex", justifyContent: "flex-end", marginTop: 15 }}>\n                  <Button size="small" onClick={this.onClick.bind(this, \'isOpen1\')}>\n                    Cancel\n                  </Button>\n                  <Button type="danger" size="small" onClick={this.onClick.bind(this, \'isOpen1\')}>\n                    Delete\n                  </Button>\n                </div>\n              </Card>\n            }\n          >\n            <Icon type="setting" color="#343a40" style={{ fontSize: 20 }} />\n          </Popover>\n        </div>\n      </Row>\n    )\n  }\n}\nexport default Demo'},97:{name:97,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction 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 btnStl = {\n  position: \'relative\',\n  width: 70\n};\n\nvar content = /*#__PURE__*/_react["default"].createElement(_uiw.Card, {\n  bordered: false,\n  style: {\n    width: 120\n  }\n}, /*#__PURE__*/_react["default"].createElement("div", null, "Are you sure you want to delete these items? You won\'t be able to recover them."));\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {\n    style: {\n      position: \'relative\'\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "click",\n    placement: "topLeft",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 70\n    })\n  }, "TL")), /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "click",\n    placement: "top",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 70\n    })\n  }, "Top")), /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "click",\n    placement: "topRight",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 70\n    })\n  }, "TR"))), /*#__PURE__*/_react["default"].createElement("div", {\n    style: {\n      position: \'relative\',\n      paddingTop: 10\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "click",\n    placement: "leftTop",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    style: _objectSpread({}, btnStl)\n  }, "LT")), /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "click",\n    placement: "rightTop",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 216\n    })\n  }, "RT"))), /*#__PURE__*/_react["default"].createElement("div", {\n    style: {\n      position: \'relative\',\n      paddingTop: 10\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "click",\n    placement: "left",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    style: _objectSpread({}, btnStl)\n  }, "Left")), /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "click",\n    placement: "right",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 216\n    })\n  }, "Right"))), /*#__PURE__*/_react["default"].createElement("div", {\n    style: {\n      position: \'relative\',\n      paddingTop: 10\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "click",\n    placement: "leftBottom",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    style: _objectSpread({}, btnStl)\n  }, "LB")), /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "click",\n    placement: "rightBottom",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 216\n    })\n  }, "RB"))), /*#__PURE__*/_react["default"].createElement("div", {\n    style: {\n      position: \'relative\',\n      paddingTop: 10\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "click",\n    placement: "bottomLeft",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 70\n    })\n  }, "BL")), /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "click",\n    placement: "bottom",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 70\n    })\n  }, "Bottom")), /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "click",\n    placement: "bottomRight",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 70\n    })\n  }, "BR"))));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Popover, Card, Button } from \'uiw\';\n\nconst btnStl = {position: \'relative\', width: 70 }\nconst content = (\n  <Card bordered={false} style={{ width: 120 }}>\n    <div>Are you sure you want to delete these items? You won\'t be able to recover them.</div>\n  </Card>\n)\nconst Demo = () => (\n  <div>\n    <div style={{ position: \'relative\' }}>\n\n      <Popover trigger="click" placement="topLeft" content={content}>\n        <Button style={{ ...btnStl, left: 70 }}>TL</Button>\n      </Popover>\n      <Popover trigger="click" placement="top" content={content}>\n        <Button style={{ ...btnStl, left: 70}}>Top</Button>\n      </Popover>\n      <Popover trigger="click" placement="topRight" content={content}>\n        <Button style={{ ...btnStl, left: 70 }}>TR</Button>\n      </Popover>\n\n    </div>\n    <div style={{ position: \'relative\', paddingTop: 10 }}>\n\n      <Popover trigger="click" placement="leftTop" content={content}>\n        <Button style={{ ...btnStl }}>LT</Button>\n      </Popover>\n      <Popover trigger="click" placement="rightTop" content={content}>\n        <Button style={{ ...btnStl, left: 216 }}>RT</Button>\n      </Popover>\n\n    </div>\n    <div style={{ position: \'relative\', paddingTop: 10 }}>\n\n      <Popover trigger="click" placement="left" content={content}>\n        <Button style={{ ...btnStl }}>Left</Button>\n      </Popover>\n      <Popover trigger="click" placement="right" content={content}>\n        <Button style={{ ...btnStl, left: 216 }}>Right</Button>\n      </Popover>\n\n    </div>\n    <div style={{ position: \'relative\', paddingTop: 10 }}>\n\n      <Popover trigger="click" placement="leftBottom" content={content}>\n        <Button style={{ ...btnStl }}>LB</Button>\n      </Popover>\n      <Popover trigger="click" placement="rightBottom" content={content}>\n        <Button style={{ ...btnStl, left: 216 }}>RB</Button>\n      </Popover>\n\n    </div>\n    <div style={{ position: \'relative\', paddingTop: 10 }}>\n\n      <Popover trigger="click" placement="bottomLeft" content={content}>\n        <Button style={{ ...btnStl, left: 70 }}>BL</Button>\n      </Popover>\n      <Popover trigger="click" placement="bottom" content={content}>\n        <Button style={{ ...btnStl, left: 70 }}>Bottom</Button>\n      </Popover>\n      <Popover trigger="click" placement="bottomRight" content={content}>\n        <Button style={{ ...btnStl, left: 70 }}>BR</Button>\n      </Popover>\n\n    </div>\n  </div>\n)\nexport default Demo'},172:{name:172,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 btnStl = {\n  position: \'relative\',\n  width: 70\n};\n\nvar content = /*#__PURE__*/_react["default"].createElement(_uiw.Card, {\n  style: {\n    width: 220\n  },\n  bordered: false,\n  title: "Card\\u6807\\u9898",\n  footer: /*#__PURE__*/_react["default"].createElement("span", null, "\\u8FD9\\u91CC\\u662F\\u9875\\u811A")\n}, /*#__PURE__*/_react["default"].createElement("div", null, "\\u8FD9\\u662F\\u4F60\\u9F20\\u6807\\u7ECF\\u8FC7\\u5F39\\u51FA\\u7684\\u76EE\\u6807\\u3002"));\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "hover",\n    placement: "top",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, null, "\\u9F20\\u6807\\u7ECF\\u8FC7\\u5F39\\u51FA\\u76EE\\u6807")));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Popover, Card, Button } from 'uiw';\n\nconst btnStl = {position: 'relative', width: 70 }\nconst content = (\n  <Card\n    style={{ width: 220 }}\n    bordered={false}\n    title=\"Card\u6807\u9898\"\n    footer={\n      <span>\u8fd9\u91cc\u662f\u9875\u811a</span>\n    }\n  >\n    <div>\u8fd9\u662f\u4f60\u9f20\u6807\u7ecf\u8fc7\u5f39\u51fa\u7684\u76ee\u6807\u3002</div>\n  </Card>\n)\nconst Demo = () => (\n  <div>\n    <Popover trigger=\"hover\" placement=\"top\" content={content}>\n      <Button>\u9f20\u6807\u7ecf\u8fc7\u5f39\u51fa\u76ee\u6807</Button>\n    </Popover>\n  </div>\n)\nexport default Demo"},203:{name:203,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction 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\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar btnStl = {\n  position: \'relative\',\n  width: 70\n};\n\nvar Demo = /*#__PURE__*/function (_React$Component) {\n  _inherits(Demo, _React$Component);\n\n  var _super = _createSuper(Demo);\n\n  function Demo() {\n    var _this;\n\n    _classCallCheck(this, Demo);\n\n    _this = _super.call(this);\n    _this.state = {\n      isOpen: false,\n      value: \'\'\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: "onClick",\n    value: function onClick(val) {\n      var state = {\n        isOpen: false\n      };\n\n      if (val) {\n        state.value = val;\n      }\n\n      if (val === null) state.value = \'\';\n      this.setState(_objectSpread({}, state));\n    }\n  }, {\n    key: "handleVisibleChange",\n    value: function handleVisibleChange(isOpen) {\n      this.setState({\n        isOpen: isOpen\n      });\n    }\n  }, {\n    key: "onChange",\n    value: function onChange(e) {\n      this.setState({\n        value: e.target.value\n      });\n    }\n  }, {\n    key: "renderPopup",\n    value: function renderPopup() {\n      return /*#__PURE__*/_react["default"].createElement(_uiw.Card, {\n        style: {\n          width: 220\n        },\n        bordered: false,\n        footer: /*#__PURE__*/_react["default"].createElement("div", {\n          style: {\n            display: "flex",\n            justifyContent: "flex-end"\n          }\n        }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n          size: "small",\n          onClick: this.onClick.bind(this, undefined)\n        }, "\\u53D6\\u6D88"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n          size: "small",\n          onClick: this.onClick.bind(this, null)\n        }, "\\u6E05\\u7A7A"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n          type: "success",\n          size: "small",\n          onClick: this.onClick.bind(this, \'\u8fd9\u662f\u5411 Input \u8f93\u5165\u6846\u63d2\u5165\u7684\u5185\u5bb9\')\n        }, "\\u63D2\\u5165\\u5185\\u5BB9"))\n      }, /*#__PURE__*/_react["default"].createElement("div", null, "\\u901A\\u8FC7\\u8BBE\\u7F6E `trigger=\\"focus\\"` \\u8BA9 `Input` \\u7EC4\\u4EF6\\u5728\\u83B7\\u53D6\\u7126\\u70B9\\u7684\\u65F6\\u5019\\u5C55\\u793A `Popover`"));\n    }\n  }, {\n    key: "render",\n    value: function render() {\n      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {\n        style: {\n          width: 200\n        }\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n        trigger: "focus",\n        placement: "top",\n        isOpen: this.state.isOpen,\n        onVisibleChange: this.handleVisibleChange.bind(this),\n        content: this.renderPopup()\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n        placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n        value: this.state.value,\n        onChange: this.onChange.bind(this)\n      }))));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Popover, Card, Button, Input } from \'uiw\';\n\nconst btnStl = {position: \'relative\', width: 70 }\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      isOpen: false,\n      value: \'\',\n    }\n  }\n  onClick(val) {\n    const state = { isOpen: false }\n    if (val) {\n      state.value = val;\n    }\n    if (val === null) state.value = \'\';\n    this.setState({ ...state });\n  }\n  handleVisibleChange(isOpen) {\n    this.setState({ isOpen });\n  }\n  onChange(e) {\n    this.setState({ value: e.target.value });\n  }\n  renderPopup() {\n    return (\n      <Card\n        style={{ width: 220 }}\n        bordered={false}\n        footer={\n          <div style={{ display: "flex", justifyContent: "flex-end" }}>\n            <Button size="small" onClick={this.onClick.bind(this, undefined)}>\n              \u53d6\u6d88\n            </Button>\n            <Button size="small" onClick={this.onClick.bind(this, null)}>\n              \u6e05\u7a7a\n            </Button>\n            <Button type="success" size="small" onClick={this.onClick.bind(this, \'\u8fd9\u662f\u5411 Input \u8f93\u5165\u6846\u63d2\u5165\u7684\u5185\u5bb9\')}>\n              \u63d2\u5165\u5185\u5bb9\n            </Button>\n          </div>\n        }\n      >\n        <div>\u901a\u8fc7\u8bbe\u7f6e `trigger="focus"` \u8ba9 `Input` \u7ec4\u4ef6\u5728\u83b7\u53d6\u7126\u70b9\u7684\u65f6\u5019\u5c55\u793a `Popover`</div>\n      </Card>\n    )\n  }\n  render() {\n    return (\n      <div>\n        <div style={{ width: 200 }}>\n          <Popover\n            trigger="focus"\n            placement="top"\n            isOpen={this.state.isOpen}\n            onVisibleChange={this.handleVisibleChange.bind(this)}\n            content={this.renderPopup()}\n          >\n            <Input placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" value={this.state.value} onChange={this.onChange.bind(this)}/>\n          </Popover>\n        </div>\n      </div>\n    )\n  }\n}\nexport default Demo'},278:{name:278,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar Demo = /*#__PURE__*/function (_React$Component) {\n  _inherits(Demo, _React$Component);\n\n  var _super = _createSuper(Demo);\n\n  function Demo() {\n    var _this;\n\n    _classCallCheck(this, Demo);\n\n    _this = _super.call(this);\n    _this.state = {\n      isOpen: false\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: "onClick",\n    value: function onClick() {\n      this.setState({\n        isOpen: false\n      });\n    }\n  }, {\n    key: "handleVisibleChange",\n    value: function handleVisibleChange(isOpen) {\n      this.setState({\n        isOpen: isOpen\n      });\n    }\n  }, {\n    key: "render",\n    value: function render() {\n      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {\n        style: {\n          position: \'relative\'\n        }\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n        trigger: "click",\n        placement: "right",\n        usePortal: false,\n        isOpen: this.state.isOpen,\n        onVisibleChange: this.handleVisibleChange.bind(this),\n        content: /*#__PURE__*/_react["default"].createElement(_uiw.Card, {\n          bordered: false,\n          title: "Card\\u6807\\u9898",\n          extra: /*#__PURE__*/_react["default"].createElement("a", {\n            href: "#"\n          }, "\\u66F4\\u591A"),\n          style: {\n            width: 200\n          }\n        }, /*#__PURE__*/_react["default"].createElement("div", null, "Are you sure you want to delete these items? You won\'t be able to recover them."), /*#__PURE__*/_react["default"].createElement("div", {\n          style: {\n            display: "flex",\n            justifyContent: "flex-end",\n            marginTop: 15\n          }\n        }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n          size: "small",\n          onClick: this.onClick.bind(this)\n        }, "Cancel"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n          type: "danger",\n          size: "small",\n          onClick: this.onClick.bind(this)\n        }, "Delete")))\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, null, "\\u5F39\\u51FA\\u76EE\\u6807"))));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Popover, Card, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      isOpen: false,\n    }\n  }\n  onClick() {\n    this.setState({ isOpen: false });\n  }\n  handleVisibleChange(isOpen) {\n    this.setState({ isOpen });\n  }\n  render() {\n    return (\n      <div>\n        <div style={{ position: \'relative\' }}>\n          <Popover\n            trigger="click"\n            placement="right"\n            usePortal={false}\n            isOpen={this.state.isOpen}\n            onVisibleChange={this.handleVisibleChange.bind(this)}\n            content={\n              <Card bordered={false} title="Card\u6807\u9898" extra={<a href="#">\u66f4\u591a</a>} style={{ width: 200 }}>\n                <div>Are you sure you want to delete these items? You won\'t be able to recover them.</div>\n                <div style={{ display: "flex", justifyContent: "flex-end", marginTop: 15 }}>\n                  <Button size="small" onClick={this.onClick.bind(this)}>\n                    Cancel\n                  </Button>\n                  <Button type="danger" size="small" onClick={this.onClick.bind(this)}>\n                    Delete\n                  </Button>\n                </div>\n              </Card>\n            }\n          >\n            <Button>\u5f39\u51fa\u76ee\u6807</Button>\n          </Popover>\n        </div>\n      </div>\n    )\n  }\n}\nexport default Demo'},331:{name:331,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar Demo = /*#__PURE__*/function (_React$Component) {\n  _inherits(Demo, _React$Component);\n\n  var _super = _createSuper(Demo);\n\n  function Demo() {\n    _classCallCheck(this, Demo);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(Demo, [{\n    key: "render",\n    value: function render() {\n      return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n        style: {\n          alignItems: \'center\'\n        }\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Popover.Confirm, {\n        title: "Are you sure delete this?"\n      }, "delete"));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Popover, Row } from 'uiw';\n\nclass Demo extends React.Component {\n  render() {\n    return (\n      <Row style={{ alignItems: 'center' }}>\n        <Popover.Confirm title=\"Are you sure delete this?\">delete</Popover.Confirm>\n      </Row>\n    )\n  }\n}\nexport default Demo"}},source:'Popover \u6c14\u6ce1\u5361\u7247\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-popover/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-popover.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-popover)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-popover.svg?label=@uiw/react-popover)](https://npmjs.com/@uiw/react-popover)\n\n\u70b9\u51fb/\u9f20\u6807\u79fb\u5165\u5143\u7d20\uff0c\u5f39\u51fa\u6c14\u6ce1\u5f0f\u7684\u5361\u7247\u6d6e\u5c42\u3002\n\n```jsx\nimport { Popover } from \'uiw\';\n// or\nimport Popover from \'@uiw/react-popover\';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Popover, Card, Icon,Row,Col, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      isOpen: false,\n      isOpen1: false,\n    }\n  }\n  onClick(field) {\n    this.setState({ [field]: false });\n  }\n\n  handleVisibleChange(field, isOpen) {\n    this.setState({ [field]:isOpen });\n  }\n  render() {\n    return (\n      <Row style={{ alignItems: \'center\' }}>\n        <Popover\n          trigger="click"\n          placement="top"\n          isOpen={this.state.isOpen}\n          onVisibleChange={this.handleVisibleChange.bind(this, \'isOpen\')}\n          content={\n            <Card bordered={false} title="Card\u6807\u9898" extra={<a href="#">\u66f4\u591a</a>} style={{ width: 200 }}>\n              <div>Are you sure you want to delete these items? You won\'t be able to recover them.</div>\n              <div style={{ display: "flex", justifyContent: "flex-end", marginTop: 15 }}>\n                <Button size="small" onClick={this.onClick.bind(this, \'isOpen\')}>\n                  Cancel\n                </Button>\n                <Button type="danger" size="small" onClick={this.onClick.bind(this, \'isOpen\')}>\n                  Delete\n                </Button>\n              </div>\n            </Card>\n          }\n        >\n          <Button active={this.state.isOpen}>\u5f39\u51fa\u76ee\u6807</Button>\n        </Popover>\n        <div style={{ marginLeft: 20 }}>\n          <Popover\n            trigger="click"\n            placement="top"\n            isOpen={this.state.isOpen1}\n            onVisibleChange={this.handleVisibleChange.bind(this, \'isOpen1\')}\n            content={\n              <Card bordered={false} title="Card\u6807\u9898" extra={<a href="#">\u66f4\u591a</a>} style={{ width: 200 }}>\n                <div>Are you sure you want to delete these items? You won\'t be able to recover them.</div>\n                <div style={{ display: "flex", justifyContent: "flex-end", marginTop: 15 }}>\n                  <Button size="small" onClick={this.onClick.bind(this, \'isOpen1\')}>\n                    Cancel\n                  </Button>\n                  <Button type="danger" size="small" onClick={this.onClick.bind(this, \'isOpen1\')}>\n                    Delete\n                  </Button>\n                </div>\n              </Card>\n            }\n          >\n            <Icon type="setting" color="#343a40" style={{ fontSize: 20 }} />\n          </Popover>\n        </div>\n      </Row>\n    )\n  }\n}\nexport default Demo\n```\n\n### \u4f4d\u7f6e\n\n\u4f4d\u7f6e\u6709 `12` \u4e2a\u65b9\u5411\uff0c\u6839\u636e `placement` \u53c2\u6570\u6765\u8bbe\u7f6e\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Popover, Card, Button } from \'uiw\';\n\nconst btnStl = {position: \'relative\', width: 70 }\nconst content = (\n  <Card bordered={false} style={{ width: 120 }}>\n    <div>Are you sure you want to delete these items? You won\'t be able to recover them.</div>\n  </Card>\n)\nconst Demo = () => (\n  <div>\n    <div style={{ position: \'relative\' }}>\n\n      <Popover trigger="click" placement="topLeft" content={content}>\n        <Button style={{ ...btnStl, left: 70 }}>TL</Button>\n      </Popover>\n      <Popover trigger="click" placement="top" content={content}>\n        <Button style={{ ...btnStl, left: 70}}>Top</Button>\n      </Popover>\n      <Popover trigger="click" placement="topRight" content={content}>\n        <Button style={{ ...btnStl, left: 70 }}>TR</Button>\n      </Popover>\n\n    </div>\n    <div style={{ position: \'relative\', paddingTop: 10 }}>\n\n      <Popover trigger="click" placement="leftTop" content={content}>\n        <Button style={{ ...btnStl }}>LT</Button>\n      </Popover>\n      <Popover trigger="click" placement="rightTop" content={content}>\n        <Button style={{ ...btnStl, left: 216 }}>RT</Button>\n      </Popover>\n\n    </div>\n    <div style={{ position: \'relative\', paddingTop: 10 }}>\n\n      <Popover trigger="click" placement="left" content={content}>\n        <Button style={{ ...btnStl }}>Left</Button>\n      </Popover>\n      <Popover trigger="click" placement="right" content={content}>\n        <Button style={{ ...btnStl, left: 216 }}>Right</Button>\n      </Popover>\n\n    </div>\n    <div style={{ position: \'relative\', paddingTop: 10 }}>\n\n      <Popover trigger="click" placement="leftBottom" content={content}>\n        <Button style={{ ...btnStl }}>LB</Button>\n      </Popover>\n      <Popover trigger="click" placement="rightBottom" content={content}>\n        <Button style={{ ...btnStl, left: 216 }}>RB</Button>\n      </Popover>\n\n    </div>\n    <div style={{ position: \'relative\', paddingTop: 10 }}>\n\n      <Popover trigger="click" placement="bottomLeft" content={content}>\n        <Button style={{ ...btnStl, left: 70 }}>BL</Button>\n      </Popover>\n      <Popover trigger="click" placement="bottom" content={content}>\n        <Button style={{ ...btnStl, left: 70 }}>Bottom</Button>\n      </Popover>\n      <Popover trigger="click" placement="bottomRight" content={content}>\n        <Button style={{ ...btnStl, left: 70 }}>BR</Button>\n      </Popover>\n\n    </div>\n  </div>\n)\nexport default Demo\n```\n\n### \u9f20\u6807\u7ecf\u8fc7\u5f39\u51fa\u76ee\u6807\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Popover, Card, Button } from \'uiw\';\n\nconst btnStl = {position: \'relative\', width: 70 }\nconst content = (\n  <Card\n    style={{ width: 220 }}\n    bordered={false}\n    title="Card\u6807\u9898"\n    footer={\n      <span>\u8fd9\u91cc\u662f\u9875\u811a</span>\n    }\n  >\n    <div>\u8fd9\u662f\u4f60\u9f20\u6807\u7ecf\u8fc7\u5f39\u51fa\u7684\u76ee\u6807\u3002</div>\n  </Card>\n)\nconst Demo = () => (\n  <div>\n    <Popover trigger="hover" placement="top" content={content}>\n      <Button>\u9f20\u6807\u7ecf\u8fc7\u5f39\u51fa\u76ee\u6807</Button>\n    </Popover>\n  </div>\n)\nexport default Demo\n```\n\n### \u7126\u70b9\u5c55\u793a\n\n\u901a\u8fc7\u8bbe\u7f6e `trigger="focus"` \u8ba9 `Input` \u7ec4\u4ef6\u5728\u83b7\u53d6\u7126\u70b9\u7684\u65f6\u5019\u5c55\u793a `Popover`\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Popover, Card, Button, Input } from \'uiw\';\n\nconst btnStl = {position: \'relative\', width: 70 }\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      isOpen: false,\n      value: \'\',\n    }\n  }\n  onClick(val) {\n    const state = { isOpen: false }\n    if (val) {\n      state.value = val;\n    }\n    if (val === null) state.value = \'\';\n    this.setState({ ...state });\n  }\n  handleVisibleChange(isOpen) {\n    this.setState({ isOpen });\n  }\n  onChange(e) {\n    this.setState({ value: e.target.value });\n  }\n  renderPopup() {\n    return (\n      <Card\n        style={{ width: 220 }}\n        bordered={false}\n        footer={\n          <div style={{ display: "flex", justifyContent: "flex-end" }}>\n            <Button size="small" onClick={this.onClick.bind(this, undefined)}>\n              \u53d6\u6d88\n            </Button>\n            <Button size="small" onClick={this.onClick.bind(this, null)}>\n              \u6e05\u7a7a\n            </Button>\n            <Button type="success" size="small" onClick={this.onClick.bind(this, \'\u8fd9\u662f\u5411 Input \u8f93\u5165\u6846\u63d2\u5165\u7684\u5185\u5bb9\')}>\n              \u63d2\u5165\u5185\u5bb9\n            </Button>\n          </div>\n        }\n      >\n        <div>\u901a\u8fc7\u8bbe\u7f6e `trigger="focus"` \u8ba9 `Input` \u7ec4\u4ef6\u5728\u83b7\u53d6\u7126\u70b9\u7684\u65f6\u5019\u5c55\u793a `Popover`</div>\n      </Card>\n    )\n  }\n  render() {\n    return (\n      <div>\n        <div style={{ width: 200 }}>\n          <Popover\n            trigger="focus"\n            placement="top"\n            isOpen={this.state.isOpen}\n            onVisibleChange={this.handleVisibleChange.bind(this)}\n            content={this.renderPopup()}\n          >\n            <Input placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" value={this.state.value} onChange={this.onChange.bind(this)}/>\n          </Popover>\n        </div>\n      </div>\n    )\n  }\n}\nexport default Demo\n```\n\n### usePortal\n\n\u8bbe\u7f6e `usePortal={false}` \u5c06\u6a21\u6001\u5bf9\u8bdd\u6846\u751f\u6210\u5230\u6839\u8282\u70b9\u7684\u91cc\u9762\uff0c\u8fd9\u6837\u4e3a\u4e86\u8ba1\u7b97\u4f4d\u7f6e\u51c6\u786e\uff0c\u4f60\u9700\u8981\u5c06\u7236\u5c42\u6837\u5f0f\u8bbe\u4e3a `position: relative;` \u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Popover, Card, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      isOpen: false,\n    }\n  }\n  onClick() {\n    this.setState({ isOpen: false });\n  }\n  handleVisibleChange(isOpen) {\n    this.setState({ isOpen });\n  }\n  render() {\n    return (\n      <div>\n        <div style={{ position: \'relative\' }}>\n          <Popover\n            trigger="click"\n            placement="right"\n            usePortal={false}\n            isOpen={this.state.isOpen}\n            onVisibleChange={this.handleVisibleChange.bind(this)}\n            content={\n              <Card bordered={false} title="Card\u6807\u9898" extra={<a href="#">\u66f4\u591a</a>} style={{ width: 200 }}>\n                <div>Are you sure you want to delete these items? You won\'t be able to recover them.</div>\n                <div style={{ display: "flex", justifyContent: "flex-end", marginTop: 15 }}>\n                  <Button size="small" onClick={this.onClick.bind(this)}>\n                    Cancel\n                  </Button>\n                  <Button type="danger" size="small" onClick={this.onClick.bind(this)}>\n                    Delete\n                  </Button>\n                </div>\n              </Card>\n            }\n          >\n            <Button>\u5f39\u51fa\u76ee\u6807</Button>\n          </Popover>\n        </div>\n      </div>\n    )\n  }\n}\nexport default Demo\n```\n\n### Confirm \u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Popover, Row } from \'uiw\';\n\nclass Demo extends React.Component {\n  render() {\n    return (\n      <Row style={{ alignItems: \'center\' }}>\n        <Popover.Confirm title="Are you sure delete this?">delete</Popover.Confirm>\n      </Row>\n    )\n  }\n}\nexport default Demo\n```\n\n## Props\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| content | \u663e\u793a\u7684\u5185\u5bb9 | String,React.ReactNode | - |\n| placement | \u6c14\u6ce1\u6846\u4f4d\u7f6e\uff0c\u53ef\u73b0\u5b9e\u7bad\u5934\u5728\u4e0d\u540c\u7684\u65b9\u4f4d | Enum{`top`, `topLeft`, `topRight`,<br /> `left`, `leftTop`, `leftBottom`,<br /> `right`, `rightTop`, `rightBottom`,<br /> `bottom`, `bottomLeft`, `bottomRight`} | `top` |\n| visibleArrow | \u662f\u5426\u663e\u793a\u7bad\u5934 | Boolean | `true` |\n| delay | \u5ef6\u8fdf\u8fdb\u5165\u548c\u6d88\u5931\uff0c`{ show: 2000, hide: 4000 }` \u6216\u8005\u76f4\u63a5\u8bbe\u7f6e `2000`\uff0c\u53ea\u5bf9 `trigger=hover` \u6709\u6548\uff0c\u7ee7\u627f `<OverlayTrigger />` \u7ec4\u4ef6\u5c5e\u6027 | Object/Number | - |\n| trigger| \u60ac\u505c/\u70b9\u51fb\u5f39\u51fa\u7a97\u53e3\uff0c\u7ee7\u627f `<OverlayTrigger />` \u7ec4\u4ef6\u5c5e\u6027 | Enum{`hover`, `click`, `focus`} | `hover` |\n| disabled | \u662f\u5426\u7981\u7528\u5f39\u51fa\u76ee\u6807 | Boolean | `false` |\n| isOpen | \u9ed8\u8ba4\u662f\u5426\u663e\u793a\u5f39\u7a97\uff0c\u7ee7\u627f `<OverlayTrigger />` \u7ec4\u4ef6\u5c5e\u6027 | Boolean | `false` |\n| autoAdjustOverflow | \u5f39\u51fa\u5c42\u88ab\u906e\u6321\u65f6\u81ea\u52a8\u8c03\u6574\u4f4d\u7f6e\uff0c\u7ee7\u627f `<OverlayTrigger />` \u7ec4\u4ef6\u5c5e\u6027 | Boolean | `false` |\n| onVisibleChange | \u663e\u793a\u9690\u85cf\u7684\u56de\u8c03\uff0c\u7ee7\u627f `<OverlayTrigger />` \u7ec4\u4ef6\u5c5e\u6027 | Function(isVisible:bool) | - |\n\n## Confirm Props\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| trigger| \u60ac\u505c/\u70b9\u51fb\u5f39\u51fa\u7a97\u53e3\uff0c\u7ee7\u627f `<OverlayTrigger />` \u7ec4\u4ef6\u5c5e\u6027 | Enum{`hover`, `click`, `focus`} | `hover` |\n| placement | \u6c14\u6ce1\u6846\u4f4d\u7f6e\uff0c\u53ef\u73b0\u5b9e\u7bad\u5934\u5728\u4e0d\u540c\u7684\u65b9\u4f4d | Enum{`top`, `topLeft`, `topRight`,<br /> `left`, `leftTop`, `leftBottom`,<br /> `right`, `rightTop`, `rightBottom`,<br /> `bottom`, `bottomLeft`, `bottomRight`} | `top` |\n| visibleArrow | \u662f\u5426\u663e\u793a\u7bad\u5934 | Boolean | `true` |\n| children | \u5b50\u5143\u7d20 | React.ReactNode | - |\n| onConfirm | \u786e\u5b9a\u65b9\u6cd5 | ()=>void |  |\n| confirmText | \u786e\u5b9a\u6309\u94ae\u6587\u672c | string | Yes |\n| title | \u6807\u9898\u4fe1\u606f | React.ReactNode | - |\n| cancelText | \u53d6\u6d88\u6309\u94ae\u6587\u672c | string | No |\n\n\n\u66f4\u591a\u5c5e\u6027\u8bf7\u53c2\u8003 [OverlayTrigger](#/components/overlay-trigger)\u3002\n'}}}]);
+//# sourceMappingURL=7019.9a6eaf3c.chunk.js.map