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

package/web/static/js/6795.bebf54d1.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6795],{6795:function(e,t,n){n.r(t),t.default={components:{20:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(2814);return function(){return t.default.createElement(u.Steps,{current:1,style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e00",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e8c",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e09",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u56db",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}))}}(),41:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(2814);return function(){return t.default.createElement(u.Steps,{current:1,style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e00"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e8c"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e09"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u56db"}))}}(),62:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(2814),r=n(4298);return function(){return t.default.createElement(u.Steps,{current:1,style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{icon:t.default.createElement(u.Icon,{type:"user"}),title:"\u6ce8\u518c",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{icon:t.default.createElement(u.Icon,{type:"picasa",spin:!0,color:"red"}),title:"\u4e0a\u4f20\u5934\u50cf",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{icon:t.default.createElement(u.StepsStyleItemHeadInnerSvg,{as:r.Message}),title:"\u9a8c\u8bc1\u90ae\u7bb1",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}))}}(),85:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(2814);return function(){return t.default.createElement(u.Steps,{current:2,status:"error",style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e00",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e8c",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e09",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u56db",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}))}}(),107:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(2814);return function(){return t.default.createElement(u.Steps,{progressDot:!0,status:"error",current:2,style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e00",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e8c",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e09",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u56db",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}))}}(),129:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(2814);function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var u,r,i=[],a=!0,o=!1;try{for(n=n.call(e);!(a=(u=n.next()).done)&&(i.push(u.value),!t||i.length!==t);a=!0);}catch(p){o=!0,r=p}finally{try{a||null==n.return||n.return()}finally{if(o)throw r}}return i}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return i(e,t)}(e,t)||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 i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,u=new Array(t);n<t;n++)u[n]=e[n];return u}var a={minHeight:200,backgroundColor:"#fafafa",textAlign:"center",borderRadius:6,paddingTop:80,marginTop:15},o=[{title:"\u7b2c\u4e00\u6b65",content:"\u6ce8\u518c\u4e00\u4e2a\u8d26\u53f7"},{title:"\u7b2c\u4e8c\u6b65",content:"\u586b\u5199\u4e2a\u4eba\u4fe1\u606f\u3002"},{title:"\u7b2c\u4e09\u6b65",content:"\u9a8c\u8bc1\u90ae\u7bb1"}];return function(){var e=r(t.default.useState(0),2),n=e[0],i=e[1];return t.default.createElement("div",null,t.default.createElement(u.Steps,{current:n},o.map((function(e){return t.default.createElement(u.Steps.Step,{key:e.title,title:e.title})}))),t.default.createElement("div",{style:a},o[n].content),t.default.createElement("div",{style:{marginTop:20}},n<o.length-1&&t.default.createElement(u.Button,{type:"primary",size:"small",onClick:function(){return i(n+1)}},"\u4e0b\u4e00\u6b65"),n===o.length-1&&t.default.createElement(u.Button,{type:"primary",size:"small",onClick:function(){return u.Notify.open({description:"\u5904\u7406\u5b8c\u6210!"})}},"\u5b8c\u6210"),n>0&&t.default.createElement(u.Button,{size:"small",style:{marginLeft:8},onClick:function(){return i(n-1)}},"\u4e0a\u4e00\u6b65")))}}(),179:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},u=n(2814);return function(){return t.default.createElement(u.Row,{gutter:20},t.default.createElement(u.Col,null,t.default.createElement(u.Steps,{current:1,direction:"vertical",style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{title:"\u5df2\u5b8c\u6210",description:"\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f"}),t.default.createElement(u.Steps.Step,{title:"\u8fdb\u884c\u4e2d",description:"\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f"}),t.default.createElement(u.Steps.Step,{status:"error",title:"\u5f85\u8fdb\u884c",description:"\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f"}),t.default.createElement(u.Steps.Step,{title:"\u5f85\u8fdb\u884c",description:"\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f"}))),t.default.createElement(u.Col,null,t.default.createElement(u.Steps,{direction:"vertical",progressDot:!0,status:"error",current:2,style:{padding:"20px 0"}},t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e00",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e8c",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u4e09",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}),t.default.createElement(u.Steps.Step,{title:"\u6b65\u9aa4\u56db",description:"\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002"}))))}}()},data:{20:{name:20,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Steps, {\n    current: 1,\n    style: {\n      padding: "20px 0"\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E00",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E8C",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E09",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u56DB",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Steps } from \'uiw\';\nfunction Demo() {\n  return (\n    <Steps current={1} style={{ padding:"20px 0" }}>\n      <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n    </Steps>\n  )\n}\n\nexport default Demo'},41:{name:41,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Steps, {\n    current: 1,\n    style: {\n      padding: "20px 0"\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E00"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E8C"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E09"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u56DB"\n  }));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n  return (\n    <Steps current={1} style={{padding:"20px 0"}}>\n      <Steps.Step title="\u6b65\u9aa4\u4e00" />\n      <Steps.Step title="\u6b65\u9aa4\u4e8c" />\n      <Steps.Step title="\u6b65\u9aa4\u4e09" />\n      <Steps.Step title="\u6b65\u9aa4\u56db" />\n    </Steps>\n  )\n}\nexport default Demo'},62:{name:62,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nvar _icons = require("@uiw/icons");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Steps, {\n    current: 1,\n    style: {\n      padding: "20px 0"\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "user"\n    }),\n    title: "\\u6CE8\\u518C",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "picasa",\n      spin: true,\n      color: "red"\n    }),\n    title: "\\u4E0A\\u4F20\\u5934\\u50CF",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    icon: /*#__PURE__*/_react["default"].createElement(_uiw.StepsStyleItemHeadInnerSvg, {\n      as: _icons.Message\n    }),\n    title: "\\u9A8C\\u8BC1\\u90AE\\u7BB1",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Steps, Icon } from \'uiw\';\nimport { StepsStyleItemHeadInnerSvg } from \'uiw\';\nimport { Message } from "@uiw/icons"\n\nfunction Demo() {\n  return (\n    <Steps current={1} style={{padding:"20px 0"}}>\n      <Steps.Step icon={<Icon type="user"/>} title="\u6ce8\u518c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step icon={<Icon type="picasa" spin={true} color="red" />} title="\u4e0a\u4f20\u5934\u50cf" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step icon={<StepsStyleItemHeadInnerSvg as={Message} />} title="\u9a8c\u8bc1\u90ae\u7bb1" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n    </Steps>\n  )\n}\n\nexport default Demo'},85:{name:85,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Steps, {\n    current: 2,\n    status: "error",\n    style: {\n      padding: "20px 0"\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E00",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E8C",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E09",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u56DB",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n  return (\n    <Steps current={2} status="error" style={{padding:"20px 0"}}>\n      <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n    </Steps>\n  )\n}\n\nexport default Demo'},107:{name:107,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Steps, {\n    progressDot: true,\n    status: "error",\n    current: 2,\n    style: {\n      padding: "20px 0"\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E00",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E8C",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E09",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u56DB",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n  return (\n    <Steps progressDot status="error" current={2} style={{padding:"20px 0"}}>\n      <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n    </Steps>\n  )\n}\n\nexport default Demo'},129:{name:129,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _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 conStyle = {\n  minHeight: 200,\n  backgroundColor: \'#fafafa\',\n  textAlign: \'center\',\n  borderRadius: 6,\n  paddingTop: 80,\n  marginTop: 15\n};\nvar steps = [{\n  title: \'\u7b2c\u4e00\u6b65\',\n  content: \'\u6ce8\u518c\u4e00\u4e2a\u8d26\u53f7\'\n}, {\n  title: \'\u7b2c\u4e8c\u6b65\',\n  content: \'\u586b\u5199\u4e2a\u4eba\u4fe1\u606f\u3002\'\n}, {\n  title: \'\u7b2c\u4e09\u6b65\',\n  content: \'\u9a8c\u8bc1\u90ae\u7bb1\'\n}];\n\nfunction Demo() {\n  var _React$useState = _react["default"].useState(0),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      current = _React$useState2[0],\n      setCurrent = _React$useState2[1];\n\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Steps, {\n    current: current\n  }, steps.map(function (item) {\n    return /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n      key: item.title,\n      title: item.title\n    });\n  })), /*#__PURE__*/_react["default"].createElement("div", {\n    style: conStyle\n  }, steps[current].content), /*#__PURE__*/_react["default"].createElement("div", {\n    style: {\n      marginTop: 20\n    }\n  }, current < steps.length - 1 && /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "primary",\n    size: "small",\n    onClick: function onClick() {\n      return setCurrent(current + 1);\n    }\n  }, "\\u4E0B\\u4E00\\u6B65"), current === steps.length - 1 && /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "primary",\n    size: "small",\n    onClick: function onClick() {\n      return _uiw.Notify.open({\n        description: \'\u5904\u7406\u5b8c\u6210!\'\n      });\n    }\n  }, "\\u5B8C\\u6210"), current > 0 && /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    size: "small",\n    style: {\n      marginLeft: 8\n    },\n    onClick: function onClick() {\n      return setCurrent(current - 1);\n    }\n  }, "\\u4E0A\\u4E00\\u6B65")));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Steps, Button, Notify } from 'uiw';\n\nconst conStyle = { minHeight: 200, backgroundColor: '#fafafa',textAlign: 'center', borderRadius: 6, paddingTop: 80, marginTop: 15 }\nconst steps = [\n  {\n    title: '\u7b2c\u4e00\u6b65',\n    content: '\u6ce8\u518c\u4e00\u4e2a\u8d26\u53f7',\n  }, {\n    title: '\u7b2c\u4e8c\u6b65',\n    content: '\u586b\u5199\u4e2a\u4eba\u4fe1\u606f\u3002',\n  }, {\n    title: '\u7b2c\u4e09\u6b65',\n    content: '\u9a8c\u8bc1\u90ae\u7bb1',\n  }\n]\n\nfunction Demo() {\n  const [current, setCurrent] = React.useState(0);\n    return (\n      <div>\n        <Steps current={current}>\n          {steps.map(item => <Steps.Step key={item.title} title={item.title} />)}\n        </Steps>\n        <div style={conStyle}>{steps[current].content}</div>\n        <div style={{marginTop: 20}}>\n          {current < steps.length - 1 && (\n            <Button type=\"primary\" size=\"small\" onClick={() => setCurrent(current + 1)}>\u4e0b\u4e00\u6b65</Button>\n          )}\n          {current === steps.length - 1 && (\n            <Button type=\"primary\" size=\"small\" onClick={() => Notify.open({ description: '\u5904\u7406\u5b8c\u6210!' })}>\u5b8c\u6210</Button>\n          )}\n          {current > 0 && (\n            <Button size=\"small\" style={{ marginLeft: 8 }} onClick={() => setCurrent(current - 1)}>\n              \u4e0a\u4e00\u6b65\n            </Button>\n          )}\n        </div>\n      </div>\n    );\n}\n\nexport default Demo"},179:{name:179,meta:{disableCheckered:"true",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 20\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement(_uiw.Steps, {\n    current: 1,\n    direction: "vertical",\n    style: {\n      padding: \'20px 0\'\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u5DF2\\u5B8C\\u6210",\n    description: "\\u8FD9\\u91CC\\u662F\\u8BE5\\u6B65\\u9AA4\\u7684\\u63CF\\u8FF0\\u4FE1\\u606F"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u8FDB\\u884C\\u4E2D",\n    description: "\\u8FD9\\u91CC\\u662F\\u8BE5\\u6B65\\u9AA4\\u7684\\u63CF\\u8FF0\\u4FE1\\u606F"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    status: "error",\n    title: "\\u5F85\\u8FDB\\u884C",\n    description: "\\u8FD9\\u91CC\\u662F\\u8BE5\\u6B65\\u9AA4\\u7684\\u63CF\\u8FF0\\u4FE1\\u606F"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u5F85\\u8FDB\\u884C",\n    description: "\\u8FD9\\u91CC\\u662F\\u8BE5\\u6B65\\u9AA4\\u7684\\u63CF\\u8FF0\\u4FE1\\u606F"\n  }))), /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement(_uiw.Steps, {\n    direction: "vertical",\n    progressDot: true,\n    status: "error",\n    current: 2,\n    style: {\n      padding: \'20px 0\'\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E00",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E8C",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u4E09",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }), /*#__PURE__*/_react["default"].createElement(_uiw.Steps.Step, {\n    title: "\\u6B65\\u9AA4\\u56DB",\n    description: "\\u8FD9\\u91CC\\u662F\\u6B65\\u9AA4\\u4E00\\u7684\\u8BF4\\u660E\\uFF0C\\u53EF\\u4EE5\\u5F88\\u957F\\u5F88\\u957F\\u54E6\\u3002"\n  }))));\n}\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Steps, Row, Col } from \'uiw\';\n\nfunction Demo() {\n  return (\n    <Row gutter={20}>\n      <Col>\n        <Steps current={1} direction="vertical" style={{ padding: \'20px 0\' }}>\n          <Steps.Step title="\u5df2\u5b8c\u6210" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n          <Steps.Step title="\u8fdb\u884c\u4e2d" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n          <Steps.Step status="error" title="\u5f85\u8fdb\u884c" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n          <Steps.Step title="\u5f85\u8fdb\u884c" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n        </Steps>\n      </Col>\n      <Col>\n        <Steps direction="vertical" progressDot status="error" current={2} style={{ padding: \'20px 0\' }}>\n          <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n          <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n          <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n          <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n        </Steps>\n      </Col>\n    </Row>\n  )\n}\n\nexport default Demo'}},source:'Steps \u6b65\u9aa4\u6761\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-steps/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-steps.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-steps)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-steps.svg?label=@uiw/react-steps)](https://npmjs.com/@uiw/react-steps)\n\n\u5f15\u5bfc\u7528\u6237\u6309\u7167\u6d41\u7a0b\u5b8c\u6210\u4efb\u52a1\u7684\u5bfc\u822a\u6761\u3002\u5f53\u4efb\u52a1\u590d\u6742\u6216\u8005\u5b58\u5728\u5148\u540e\u5173\u7cfb\u65f6\uff0c\u5c06\u5176\u5206\u89e3\u6210\u4e00\u7cfb\u5217\u6b65\u9aa4\uff0c\u4ece\u800c\u7b80\u5316\u4efb\u52a1\u3002\n\n```jsx\nimport { Steps } from \'uiw\';\n// or\nimport Steps from \'@uiw/react-steps\';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n\u7b80\u5355\u7684\u6b65\u9aa4\u6761\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps } from \'uiw\';\nfunction Demo() {\n  return (\n    <Steps current={1} style={{ padding:"20px 0" }}>\n      <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n    </Steps>\n  )\n}\n\nexport default Demo\n```\n\n### \u6ca1\u6709\u8be6\u60c5\u4ecb\u7ecd\n\n\u7b80\u5355\u7684\u6b65\u9aa4\u6761\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n  return (\n    <Steps current={1} style={{padding:"20px 0"}}>\n      <Steps.Step title="\u6b65\u9aa4\u4e00" />\n      <Steps.Step title="\u6b65\u9aa4\u4e8c" />\n      <Steps.Step title="\u6b65\u9aa4\u4e09" />\n      <Steps.Step title="\u6b65\u9aa4\u56db" />\n    </Steps>\n  )\n}\nexport default Demo\n```\n\n### \u5e26\u56fe\u6807\u7684\u6b65\u9aa4\u6761\n\n\u901a\u8fc7\u8bbe\u7f6e `Steps.Step` \u7684 `icon` \u5c5e\u6027\uff0c\u53ef\u4ee5\u542f\u7528\u81ea\u5b9a\u4e49\u56fe\u6807\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps, Icon } from \'uiw\';\nimport { StepsStyleItemHeadInnerSvg } from \'uiw\';\nimport { Message } from "@uiw/icons"\n\nfunction Demo() {\n  return (\n    <Steps current={1} style={{padding:"20px 0"}}>\n      <Steps.Step icon={<Icon type="user"/>} title="\u6ce8\u518c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step icon={<Icon type="picasa" spin={true} color="red" />} title="\u4e0a\u4f20\u5934\u50cf" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step icon={<StepsStyleItemHeadInnerSvg as={Message} />} title="\u9a8c\u8bc1\u90ae\u7bb1" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n    </Steps>\n  )\n}\n\nexport default Demo\n```\n\n### \u6b65\u9aa4\u8fd0\u884c\u9519\u8bef\n\n\u4f7f\u7528 `Steps` \u7684 `status` \u5c5e\u6027\u6765\u6307\u5b9a\u5f53\u524d\u6b65\u9aa4\u7684\u72b6\u6001\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n  return (\n    <Steps current={2} status="error" style={{padding:"20px 0"}}>\n      <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n    </Steps>\n  )\n}\n\nexport default Demo\n```\n\n### \u70b9\u72b6\u6b65\u9aa4\u6761\n\n\u5305\u542b\u6b65\u9aa4\u70b9\u7684\u8fdb\u5ea6\u6761\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n  return (\n    <Steps progressDot status="error" current={2} style={{padding:"20px 0"}}>\n      <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n      <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n    </Steps>\n  )\n}\n\nexport default Demo\n```\n\n### \u6b65\u9aa4\u5207\u6362\n\n\u901a\u5e38\u914d\u5408\u5185\u5bb9\u53ca\u6309\u94ae\u4f7f\u7528\uff0c\u8868\u793a\u4e00\u4e2a\u6d41\u7a0b\u7684\u5904\u7406\u8fdb\u5ea6\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps, Button, Notify } from \'uiw\';\n\nconst conStyle = { minHeight: 200, backgroundColor: \'#fafafa\',textAlign: \'center\', borderRadius: 6, paddingTop: 80, marginTop: 15 }\nconst steps = [\n  {\n    title: \'\u7b2c\u4e00\u6b65\',\n    content: \'\u6ce8\u518c\u4e00\u4e2a\u8d26\u53f7\',\n  }, {\n    title: \'\u7b2c\u4e8c\u6b65\',\n    content: \'\u586b\u5199\u4e2a\u4eba\u4fe1\u606f\u3002\',\n  }, {\n    title: \'\u7b2c\u4e09\u6b65\',\n    content: \'\u9a8c\u8bc1\u90ae\u7bb1\',\n  }\n]\n\nfunction Demo() {\n  const [current, setCurrent] = React.useState(0);\n    return (\n      <div>\n        <Steps current={current}>\n          {steps.map(item => <Steps.Step key={item.title} title={item.title} />)}\n        </Steps>\n        <div style={conStyle}>{steps[current].content}</div>\n        <div style={{marginTop: 20}}>\n          {current < steps.length - 1 && (\n            <Button type="primary" size="small" onClick={() => setCurrent(current + 1)}>\u4e0b\u4e00\u6b65</Button>\n          )}\n          {current === steps.length - 1 && (\n            <Button type="primary" size="small" onClick={() => Notify.open({ description: \'\u5904\u7406\u5b8c\u6210!\' })}>\u5b8c\u6210</Button>\n          )}\n          {current > 0 && (\n            <Button size="small" style={{ marginLeft: 8 }} onClick={() => setCurrent(current - 1)}>\n              \u4e0a\u4e00\u6b65\n            </Button>\n          )}\n        </div>\n      </div>\n    );\n}\n\nexport default Demo\n```\n\n### \u7ad6\u76f4\u65b9\u5411\u7684\u6b65\u9aa4\u6761\n\n\u7b80\u5355\u7684\u7ad6\u76f4\u65b9\u5411\u7684\u6b65\u9aa4\u6761\u3002\n\n```jsx mdx:preview&disableCheckered=true&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Steps, Row, Col } from \'uiw\';\n\nfunction Demo() {\n  return (\n    <Row gutter={20}>\n      <Col>\n        <Steps current={1} direction="vertical" style={{ padding: \'20px 0\' }}>\n          <Steps.Step title="\u5df2\u5b8c\u6210" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n          <Steps.Step title="\u8fdb\u884c\u4e2d" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n          <Steps.Step status="error" title="\u5f85\u8fdb\u884c" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n          <Steps.Step title="\u5f85\u8fdb\u884c" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n        </Steps>\n      </Col>\n      <Col>\n        <Steps direction="vertical" progressDot status="error" current={2} style={{ padding: \'20px 0\' }}>\n          <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n          <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n          <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n          <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n        </Steps>\n      </Col>\n    </Row>\n  )\n}\n\nexport default Demo\n```\n\n## Props\n\n### Steps\n\n| \u53c2\u6570      | \u8bf4\u660e    | \u7c7b\u578b      |  \u9ed8\u8ba4\u503c   |\n|--------- |-------- |---------- |-------- |\n| current | \u6307\u5b9a\u5f53\u524d\u6b65\u9aa4\uff0c\u4ece `0` \u5f00\u59cb\u8bb0\u6570\u3002| Number | `0` |\n| status | \u5f53\u524d\u6b65\u9aa4\u7684\u72b6\u6001\uff0c\u53ef\u9009\u503c\u4e3a`wait`\u3001`process`\u3001`finish`\u3001`error` | String | `process` |\n| direction | \u6307\u5b9a\u6b65\u9aa4\u6761\u65b9\u5411\uff0c\u652f\u6301\u6c34\u5e73`vertical`\u3001`horizontal` |  | `horizontal` |\n| progressDot | \u70b9\u72b6\u6b65\u9aa4\u6761|  | `horizontal` |\n\n### Steps.Step\n\n| \u53c2\u6570      | \u8bf4\u660e    | \u7c7b\u578b      |  \u9ed8\u8ba4\u503c   |\n|--------- |-------- |---------- |-------- |\n| status | \u6307\u5b9a\u72b6\u6001\u3002\u5f53\u4e0d\u914d\u7f6e\u8be5\u5c5e\u6027\u65f6\uff0c\u4f1a\u4f7f\u7528 Steps \u7684 current \u6765\u81ea\u52a8\u6307\u5b9a\u72b6\u6001\u3002\u53ef\u9009\uff1a`wait` `process` `finish` `error` | String | `wait` |\n| title | \u6307\u5b9a\u6bcf\u4e2a\u6b65\u9aa4\u6807\u9898 | String/ReactNode | - |\n| description | \u6b65\u9aa4\u7684\u8be6\u60c5\u63cf\u8ff0\uff0c\u53ef\u9009 | String/ReactNode | - |\n| icon | \u6b65\u9aa4\u7684\u56fe\u6807\uff0c\u5b57\u7b26\u4e32\u7c7b\u578b\u4ece`<Icon/>`\u7ec4\u4ef6\u4e2d\u627e\uff0c\u53ef\u9009 | ReactNode | - |\n'}}}]);
-//# sourceMappingURL=6795.bebf54d1.chunk.js.map

package/web/static/js/6889.9760ee32.chunk.js

@@ -1,2 +0,0 @@
-"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(2814);function a(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==t)return;var r,a,o=[],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(2814);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.9760ee32.chunk.js.map

package/web/static/js/7019.d2a9e0a0.chunk.js

@@ -1,2 +0,0 @@
-"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(2814);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(2814);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(2814);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(2814);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(2814);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(2814);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.d2a9e0a0.chunk.js.map

package/web/static/js/7064.1feda4f5.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[7064],{7064:function(e,n,t){t.r(n),n.default={components:{18:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(r.Input,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",style:{maxWidth:200}}))}}(),32:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.InputNumber,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",style:{width:200}})),n.default.createElement(r.Col,{fixed:!0},"\u9650\u5236\u5927\u5c0f"),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.InputNumber,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",style:{width:200},min:1,max:10})),n.default.createElement(r.Col,{fixed:!0},"\u8d85\u51fa\u9650\u754c\u8b66\u544a"),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.InputNumber,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",style:{width:200},min:1,max:10,overLimitColor:"red"})),n.default.createElement(r.Col,{fixed:!0},"\u8bbe\u7f6e\u6b65\u6da8\u503c"),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.InputNumber,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",style:{width:200},step:5}))))}}(),83:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}return function(){return n.default.createElement(r.Form,{onChange:function(e){e.initial,e.current},onSubmitError:function(e){return console.log("error:",e),e&&e.filed?function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){o(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({},e.filed):null},onSubmit:function(e){e.initial;var n=e.current;n.input&&n.input.length>3?r.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u586b\u5199\uff1a\u3010".concat(n.input.toString(),"\u3011\uff01")}):r.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01"});var t={};if(n.input&&n.input.length<4&&(t.input="\ud83d\ude06 \u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01"),Object.keys(t).length>0){var l=new Error;throw l.filed=t,l}},fields:{input:{value:"www",label:"\u8bf7\u8f93\u5165\u5185\u5bb9",help:"\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01",validator:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return e.length<4?"\u5fc5\u586b\u9009\u9879\uff01":null},children:n.default.createElement(r.Input,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",style:{maxWidth:200}})},inputNumber:{value:"www",label:"\u8bf7\u8f93\u5165\u5185\u5bb9",help:"\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01",validator:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return e.length<4?"\u5fc5\u586b\u9009\u9879\uff01":null},children:n.default.createElement(r.InputNumber,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",style:{maxWidth:200}})}}},(function(e){var t=e.fields,l=e.state,o=e.canSubmit;return n.default.createElement("div",null,n.default.createElement(r.Row,null,n.default.createElement(r.Col,null,t.input)),n.default.createElement(r.Row,null,n.default.createElement(r.Col,null,t.inputNumber)),n.default.createElement(r.Row,null,n.default.createElement(r.Col,null,n.default.createElement(r.Button,{disabled:!o(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),n.default.createElement(r.Row,null,n.default.createElement(r.Col,null,n.default.createElement("pre",{style:{padding:10,marginTop:10}},JSON.stringify(l.current,null,2)))))}))}}(),162:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"delete"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"tag"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"picasa"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"like-o"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"}))))}}(),192:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"like-o"}),placeholder:"\u8bf7\u8f93\u5165\u5bc6\u7801",addonAfter:n.default.createElement(r.Button,{icon:n.default.createElement(r.Icon,{type:"lock"}),size:"small",basic:!0,type:"light"})})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"tag"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Tag,{title:"1000",color:"#28a745"})})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"search"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Button,{icon:"apple",size:"small",type:"primary"},"\u6309\u94ae")})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"tag"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Button,{size:"small",type:"primary"},"\u6309\u94ae")}))))}}(),235:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function l(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}return function(){return n.default.createElement("div",null,n.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"like-o"}),size:"large",placeholder:"\u8bf7\u8f93\u5165\u5bc6\u7801",addonAfter:n.default.createElement(r.Button,{icon:n.default.createElement(r.Icon,{type:"lock"}),basic:!0,type:"light"})})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"search"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Button,{icon:n.default.createElement(r.Icon,{type:"arrow-right"}),basic:!0,size:"small",type:"light"})})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{size:"small",preIcon:n.default.createElement(r.Icon,{type:"tag"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Button,{size:"small",type:"primary"},"\u6309\u94ae")}))),n.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{size:"large",preIcon:n.default.createElement(r.Icon,{type:"like-o"}),placeholder:"\u8bf7\u8f93\u5165\u5bc6\u7801",addonAfter:n.default.createElement(r.Tag,{title:"1000",color:"#28a745"})})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"tag"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Tag,l({title:"\u836f\u4e38",color:"#1C7CEB"},"color","#40bf16"),"\u4e38")})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"tag"}),size:"small",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Tag,{title:"1000",color:"#28a745"})}))),n.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"like-o"}),size:"large",placeholder:"\u8bf7\u8f93\u5165\u5bc6\u7801",addonAfter:n.default.createElement(r.Button,{icon:n.default.createElement(r.Icon,{type:"apple"}),type:"primary"},"\u6309\u94ae")})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"search"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Button,{size:"small",type:"primary"},"\u641c\u7d22")})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"tag"}),size:"small",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Button,{size:"small",type:"primary"},"\u6309\u94ae")}))),n.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{preIcon:n.default.createElement(r.Icon,{type:"like-o"}),placeholder:"\u8bf7\u8f93\u5165\u5bc6\u7801",addonAfter:n.default.createElement(r.Button,{size:"small",type:"light"},"\u4eae\u6309\u94ae")})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Button,{size:"small",type:"danger"},"\u6309\u94ae")})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Button,{size:"small",type:"warning"},"\u6309\u94ae")}))),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{size:"small",preIcon:n.default.createElement(r.Icon,{type:"like-o"}),placeholder:"\u8bf7\u8f93\u5165\u5bc6\u7801"})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{size:"small",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{size:"small",preIcon:n.default.createElement(r.Icon,{type:"like-o"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Button,{size:"small",type:"warning"},"\u6309\u94ae")}))))}}(),360:function(){function e(n){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(n)}var n,r=(n=t(8133))&&n.__esModule?n:{default:n},l=t(2814);function o(e,n){if(t=e,!(null!=(r=n)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](t):t instanceof r))throw new TypeError("Cannot call a class as a function");var t,r}function a(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function u(e,n){return u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,n){return e.__proto__=n,e},u(e,n)}function c(e){var n=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,r=d(e);if(n){var l=d(this).constructor;t=Reflect.construct(r,arguments,l)}else t=r.apply(this,arguments);return i(this,t)}}function i(n,t){if(t&&("object"===e(t)||"function"===typeof t))return t;if(void 0!==t)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}(n)}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}return function(e){!function(e,n){if("function"!==typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),n&&u(e,n)}(p,e);var n,t,i,d=c(p);function p(){var e;return o(this,p),(e=d.call(this)).state={btnIcon:"lock"},e}return n=p,(t=[{key:"onClick",value:function(){this.setState({btnIcon:"lock"===this.state.btnIcon?"unlock":"lock"})}},{key:"render",value:function(){return r.default.createElement(l.Row,{gutter:10},r.default.createElement(l.Col,{fixed:!0},r.default.createElement(l.Input,{ref:function(e){e&&console.log("instance:",e)},preIcon:r.default.createElement(l.Icon,{type:"like-o"}),type:"lock"===this.state.btnIcon?"password":"text",placeholder:"\u8bf7\u8f93\u5165\u5bc6\u7801",addonAfter:r.default.createElement(l.Button,{icon:r.default.createElement(l.Icon,{type:this.state.btnIcon}),onClick:this.onClick.bind(this),size:"small",basic:!0,type:"light"})})))}}])&&a(n.prototype,t),i&&a(n,i),Object.defineProperty(n,"prototype",{writable:!1}),p}(r.default.Component)}(),406:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement(n.default.Fragment,null,n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{disabled:!0,preIcon:n.default.createElement(r.Icon,{type:"delete"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{disabled:!0,preIcon:n.default.createElement(r.Icon,{type:"tag"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{disabled:!0,preIcon:n.default.createElement(r.Icon,{type:"picasa"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:n.default.createElement(r.Button,{icon:n.default.createElement(r.Icon,{type:"close"}),disabled:!0,size:"small",basic:!0,type:"light"})})),n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Input,{disabled:!0,preIcon:n.default.createElement(r.Icon,{type:"like-o"}),placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"}))))}}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    style: {\n      maxWidth: 200\n    }\n  }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Input } from 'uiw';\n\nconst Demo = () => (\n  <div>\n    <Input placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" style={{ maxWidth: 200 }} />\n  </div>\n);\nexport default Demo"},32:{name:32,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.Row, {\n    gutter: 10\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.InputNumber, {\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    style: {\n      width: 200\n    }\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, "\\u9650\\u5236\\u5927\\u5C0F"), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.InputNumber, {\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    style: {\n      width: 200\n    },\n    min: 1,\n    max: 10\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, "\\u8D85\\u51FA\\u9650\\u754C\\u8B66\\u544A"), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.InputNumber, {\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    style: {\n      width: 200\n    },\n    min: 1,\n    max: 10,\n    overLimitColor: \'red\'\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, "\\u8BBE\\u7F6E\\u6B65\\u6DA8\\u503C"), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.InputNumber, {\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    style: {\n      width: 200\n    },\n    step: 5\n  }))));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { InputNumber,Row,Col, Icon, } from \'uiw\';\n\nconst Demo = () => {\n\n  return(\n    <div>\n      <Row gutter={10}>\n        <Col fixed>\n          <InputNumber\n            placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n            style={{ width: 200 }}\n          />\n        </Col>\n        <Col fixed>\u9650\u5236\u5927\u5c0f</Col>\n        <Col fixed>\n          <InputNumber\n            placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n            style={{ width: 200 }}\n            min={1}\n            max={10}\n          />\n        </Col>\n        <Col fixed>\u8d85\u51fa\u9650\u754c\u8b66\u544a</Col>\n        <Col fixed>\n          <InputNumber\n            placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n            style={{ width: 200 }}\n            min={1}\n            max={10}\n            overLimitColor={\'red\'}\n          />\n        </Col>\n        <Col fixed>\u8bbe\u7f6e\u6b65\u6da8\u503c</Col>\n        <Col fixed>\n          <InputNumber\n            placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n            style={{ width: 200 }}\n            step={5}\n          />\n        </Col>\n      </Row>\n    </div>\n  )\n};\nexport default Demo'},83:{name:83,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Form, {\n    onChange: function onChange(_ref) {\n      var initial = _ref.initial,\n          current = _ref.current;\n    },\n    onSubmitError: function onSubmitError(error) {\n      console.log(\'error:\', error);\n      return error && error.filed ? _objectSpread({}, error.filed) : null;\n    },\n    onSubmit: function onSubmit(_ref2) {\n      var initial = _ref2.initial,\n          current = _ref2.current;\n\n      if (current.input && current.input.length > 3) {\n        _uiw.Notify.success({\n          title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n          description: "\\u586B\\u5199\\uFF1A\\u3010".concat(current.input.toString(), "\\u3011\\uFF01")\n        });\n      } else {\n        _uiw.Notify.error({\n          title: \'\u63d0\u4ea4\u5931\u8d25\uff01\',\n          description: \'\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01\'\n        });\n      }\n\n      var ErrObj = {};\n\n      if (current.input && current.input.length < 4) {\n        ErrObj.input = \'\ud83d\ude06 \u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01\';\n      }\n\n      if (Object.keys(ErrObj).length > 0) {\n        var err = new Error();\n        err.filed = ErrObj;\n        throw err;\n      }\n    },\n    fields: {\n      input: {\n        value: \'www\',\n        label: \'\u8bf7\u8f93\u5165\u5185\u5bb9\',\n        help: \'\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01\',\n        validator: function validator() {\n          var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \'\';\n          return value.length < 4 ? \'\u5fc5\u586b\u9009\u9879\uff01\' : null;\n        },\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n          placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n          style: {\n            maxWidth: 200\n          }\n        })\n      },\n      inputNumber: {\n        value: \'www\',\n        label: \'\u8bf7\u8f93\u5165\u5185\u5bb9\',\n        help: \'\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01\',\n        validator: function validator() {\n          var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : \'\';\n          return value.length < 4 ? \'\u5fc5\u586b\u9009\u9879\uff01\' : null;\n        },\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.InputNumber, {\n          placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n          style: {\n            maxWidth: 200\n          }\n        })\n      }\n    }\n  }, function (_ref3) {\n    var fields = _ref3.fields,\n        state = _ref3.state,\n        canSubmit = _ref3.canSubmit;\n    return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.input)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.inputNumber)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      disabled: !canSubmit(),\n      type: "primary",\n      htmlType: "submit"\n    }, "\\u63D0\\u4EA4"))), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement("pre", {\n      style: {\n        padding: 10,\n        marginTop: 10\n      }\n    }, JSON.stringify(state.current, null, 2)))));\n  });\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Form, Input, Row, Col, Button, Notify ,InputNumber, Icon,} from 'uiw';\n\nconst Demo = () => (\n  <Form\n    onChange={({ initial, current }) => { }}\n    onSubmitError={(error) => {\n      console.log('error:', error)\n      return error && error.filed ? { ...error.filed } : null;\n    }}\n    onSubmit={({initial, current}) => {\n      if (current.input && current.input.length > 3) {\n        Notify.success({\n          title: '\u63d0\u4ea4\u6210\u529f\uff01',\n          description: `\u586b\u5199\uff1a\u3010${current.input.toString()}\u3011\uff01`\n        });\n      } else {\n        Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01' });\n      }\n      const ErrObj = {};\n      if (current.input && current.input.length < 4) {\n        ErrObj.input = '\ud83d\ude06 \u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01';\n      }\n      if(Object.keys(ErrObj).length > 0) {\n        const err = new Error();\n        err.filed = ErrObj;\n        throw err;\n      }\n    }}\n    fields={{\n      input: {\n        value: 'www',\n        label: '\u8bf7\u8f93\u5165\u5185\u5bb9',\n        help: '\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01',\n        validator: (value = '') => value.length < 4 ? '\u5fc5\u586b\u9009\u9879\uff01' : null,\n        children: <Input placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" style={{ maxWidth: 200 }} />,\n      },\n      inputNumber: {\n        value: 'www',\n        label: '\u8bf7\u8f93\u5165\u5185\u5bb9',\n        help: '\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01',\n        validator: (value = '') => value.length < 4 ? '\u5fc5\u586b\u9009\u9879\uff01' : null,\n        children: <InputNumber placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" style={{ maxWidth: 200 }} />,\n      },\n    }}\n  >\n    {({ fields, state, canSubmit }) => {\n      return (\n        <div>\n          <Row>\n            <Col>{fields.input}</Col>\n          </Row>\n          <Row>\n            <Col>{fields.inputNumber}</Col>\n          </Row>\n          <Row>\n            <Col>\n              <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n            </Col>\n          </Row>\n          <Row>\n            <Col>\n              <pre style={{ padding: 10, marginTop: 10 }}>\n                {JSON.stringify(state.current, null, 2)}\n              </pre>\n            </Col>\n          </Row>\n        </div>\n      );\n    }}\n  </Form>\n);\n\nexport default Demo"},162:{name:162,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 stylItem = {\n  margin: 20\n};\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "delete"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9"\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "tag"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9"\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "picasa"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9"\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "like-o"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9"\n  }))));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Input, Row, Col,Icon } from 'uiw';\n\nconst stylItem = { margin: 20 };\nconst Demo = () => (\n  <div>\n    <Row gutter={10}>\n      <Col fixed>\n        <Input  preIcon= {<Icon type='delete' />} placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" />\n      </Col>\n      <Col fixed>\n        <Input  preIcon= {<Icon type='tag' />}  placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" />\n      </Col>\n      <Col fixed>\n        <Input  preIcon= {<Icon type='picasa' />} placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" />\n      </Col>\n      <Col fixed>\n        <Input  preIcon= {<Icon type='like-o' />} placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" />\n      </Col>\n    </Row>\n  </div>\n)\nexport default Demo"},192:{name:192,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.Row, {\n    gutter: 10\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "like-o"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5BC6\\u7801",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n        type: "lock"\n      }),\n      size: "small",\n      basic: true,\n      type: "light"\n    })\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "tag"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n      title: "1000",\n      color: "#28a745"\n    })\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "search"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      icon: "apple",\n      size: "small",\n      type: "primary"\n    }, "\\u6309\\u94AE")\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "tag"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      size: "small",\n      type: "primary"\n    }, "\\u6309\\u94AE")\n  }))));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Input, Row, Col, Button, Tag,Icon } from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Row gutter={10}>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'like-o\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Button icon={ <Icon type="lock" />} size="small" basic type="light" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'tag\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Tag title="1000" color="#28a745" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'search\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button icon="apple" size="small" type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= { <Icon type=\'tag\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n  </div>\n)\nexport default Demo'},235:{name:235,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    style: {\n      marginBottom: 10\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "like-o"\n    }),\n    size: "large",\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5BC6\\u7801",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n        type: "lock"\n      }),\n      basic: true,\n      type: "light"\n    })\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "search"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n        type: "arrow-right"\n      }),\n      basic: true,\n      size: "small",\n      type: "light"\n    })\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    size: "small",\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "tag"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      size: "small",\n      type: "primary"\n    }, "\\u6309\\u94AE")\n  }))), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    style: {\n      marginBottom: 10\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    size: "large",\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "like-o"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5BC6\\u7801",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n      title: "1000",\n      color: "#28a745"\n    })\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "tag"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Tag, _defineProperty({\n      title: "\\u836F\\u4E38",\n      color: "#1C7CEB"\n    }, "color", "#40bf16"), "\\u4E38")\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "tag"\n    }),\n    size: "small",\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Tag, {\n      title: "1000",\n      color: "#28a745"\n    })\n  }))), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    style: {\n      marginBottom: 10\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "like-o"\n    }),\n    size: "large",\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5BC6\\u7801",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n        type: "apple"\n      }),\n      type: "primary"\n    }, "\\u6309\\u94AE")\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "search"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      size: "small",\n      type: "primary"\n    }, "\\u641C\\u7D22")\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "tag"\n    }),\n    size: "small",\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      size: "small",\n      type: "primary"\n    }, "\\u6309\\u94AE")\n  }))), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10,\n    style: {\n      marginBottom: 10\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "like-o"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5BC6\\u7801",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      size: "small",\n      type: "light"\n    }, "\\u4EAE\\u6309\\u94AE")\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      size: "small",\n      type: "danger"\n    }, "\\u6309\\u94AE")\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      size: "small",\n      type: "warning"\n    }, "\\u6309\\u94AE")\n  }))), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    size: "small",\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "like-o"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5BC6\\u7801"\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    size: "small",\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9"\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    size: "small",\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "like-o"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      size: "small",\n      type: "warning"\n    }, "\\u6309\\u94AE")\n  }))));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Input, Row, Col, Tag, Button ,Icon} from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'like-o\' />}\n          size="large"\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Button icon={<Icon type=\'lock\' />} basic type="light" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'search\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button icon={<Icon type=\'arrow-right\' />} basic size="small" type="light" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          size="small"\n          preIcon= {<Icon type=\'tag\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col fixed>\n        <Input\n          size="large"\n          preIcon= {<Icon type=\'like-o\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Tag title="1000" color="#28a745" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'tag\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Tag title="\u836f\u4e38" color="#1C7CEB" color="#40bf16">\u4e38</Tag>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'tag\' />}\n          size="small"\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Tag title="1000" color="#28a745" />}\n        />\n      </Col>\n    </Row>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'like-o\' />}\n          size="large"\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Button  icon={<Icon type=\'apple\' />}  type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'search\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="primary">\u641c\u7d22</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'tag\' />}\n          size="small"\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col fixed>\n        <Input\n           preIcon= {<Icon type=\'like-o\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Button size="small" type="light">\u4eae\u6309\u94ae</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="danger">\u6309\u94ae</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="warning">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n    <Row gutter={10}>\n      <Col fixed>\n        <Input size="small" preIcon={<Icon type=\'like-o\' />} placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801" />\n      </Col>\n      <Col fixed>\n        <Input size="small" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n      <Col fixed>\n        <Input\n          size="small"\n          preIcon= { <Icon type=\'like-o\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="warning">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n  </div>\n)\nexport default Demo'},360:{name:360,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      btnIcon: \'lock\'\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: "onClick",\n    value: function onClick() {\n      this.setState({\n        btnIcon: this.state.btnIcon === \'lock\' ? \'unlock\' : \'lock\'\n      });\n    }\n  }, {\n    key: "render",\n    value: function render() {\n      return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n        gutter: 10\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n        fixed: true\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n        ref: function ref(instance) {\n          if (instance) {\n            console.log(\'instance:\', instance);\n          }\n        },\n        preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n          type: "like-o"\n        }),\n        type: this.state.btnIcon === \'lock\' ? \'password\' : \'text\',\n        placeholder: "\\u8BF7\\u8F93\\u5165\\u5BC6\\u7801",\n        addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n          icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n            type: this.state.btnIcon\n          }),\n          onClick: this.onClick.bind(this),\n          size: "small",\n          basic: true,\n          type: "light"\n        })\n      })));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Input, Row, Col, Button ,Icon} from 'uiw';\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      btnIcon: 'lock',\n    }\n  }\n  onClick() {\n    this.setState({\n      btnIcon: this.state.btnIcon === 'lock' ? 'unlock' : 'lock',\n    })\n  }\n  render() {\n    return (\n      <Row gutter={10}>\n        <Col fixed>\n          <Input\n            ref={(instance) => {\n              if (instance) {\n                console.log('instance:', instance);\n              }\n            }}\n            preIcon= { <Icon type='like-o' />}\n            type={this.state.btnIcon === 'lock' ? 'password' : 'text'}\n            placeholder=\"\u8bf7\u8f93\u5165\u5bc6\u7801\"\n            addonAfter={<Button\n             icon={<Icon type={this.state.btnIcon} />}\n             onClick={this.onClick.bind(this)}\n             size=\"small\"\n             basic \n             type=\"light\" />}\n          />\n        </Col>\n      </Row>\n    )\n  }\n}\nexport default Demo"},406:{name:406,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 stylItem = {\n  margin: 20\n};\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    disabled: true,\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "delete"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9"\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    disabled: true,\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "tag"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9"\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    disabled: true,\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "picasa"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n    addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n        type: "close"\n      }),\n      disabled: true,\n      size: "small",\n      basic: true,\n      type: "light"\n    })\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n    disabled: true,\n    preIcon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n      type: "like-o"\n    }),\n    placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9"\n  }))));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Icon, Input, Row, Col,Button} from \'uiw\';\n\nconst stylItem = { margin: 20 };\nconst Demo = () => (\n  <>\n    <Row gutter={10}>\n      <Col fixed>\n        <Input disabled preIcon={<Icon type="delete" />} placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n      <Col fixed>\n        <Input disabled preIcon={<Icon type="tag" />} placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n      <Col fixed>\n        <Input\n          disabled\n          preIcon={<Icon type="picasa" />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={\n            <Button icon={<Icon type="close" />} disabled size="small" basic type="light" />\n          }\n        />\n      </Col>\n      <Col fixed>\n        <Input disabled  preIcon={<Icon type="like-o" />}  placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n    </Row>\n  </>\n);\nexport default Demo'}},source:'Input \u8f93\u5165\u6846\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-input/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-input.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-input)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-input.svg?label=@uiw/react-input)](https://npmjs.com/@uiw/react-input)\n\n\u901a\u8fc7\u9f20\u6807\u6216\u952e\u76d8\u8f93\u5165\u5185\u5bb9\uff0c\u662f\u6700\u57fa\u7840\u7684\u8868\u5355\u57df\u7684\u5305\u88c5\u3002\n\n```jsx\nimport { Input } from \'uiw\';\n// or\nimport Input from \'@uiw/react-input\';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Input } from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Input placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" style={{ maxWidth: 200 }} />\n  </div>\n);\nexport default Demo\n```\n\n### \u6570\u5b57\u8f93\u5165\u6846\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { InputNumber,Row,Col, Icon, } from \'uiw\';\n\nconst Demo = () => {\n\n  return(\n    <div>\n      <Row gutter={10}>\n        <Col fixed>\n          <InputNumber\n            placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n            style={{ width: 200 }}\n          />\n        </Col>\n        <Col fixed>\u9650\u5236\u5927\u5c0f</Col>\n        <Col fixed>\n          <InputNumber\n            placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n            style={{ width: 200 }}\n            min={1}\n            max={10}\n          />\n        </Col>\n        <Col fixed>\u8d85\u51fa\u9650\u754c\u8b66\u544a</Col>\n        <Col fixed>\n          <InputNumber\n            placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n            style={{ width: 200 }}\n            min={1}\n            max={10}\n            overLimitColor={\'red\'}\n          />\n        </Col>\n        <Col fixed>\u8bbe\u7f6e\u6b65\u6da8\u503c</Col>\n        <Col fixed>\n          <InputNumber\n            placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n            style={{ width: 200 }}\n            step={5}\n          />\n        </Col>\n      </Row>\n    </div>\n  )\n};\nexport default Demo\n```\n\n### Form \u4e2d\u4f7f\u7528 Input\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Form, Input, Row, Col, Button, Notify ,InputNumber, Icon,} from \'uiw\';\n\nconst Demo = () => (\n  <Form\n    onChange={({ initial, current }) => { }}\n    onSubmitError={(error) => {\n      console.log(\'error:\', error)\n      return error && error.filed ? { ...error.filed } : null;\n    }}\n    onSubmit={({initial, current}) => {\n      if (current.input && current.input.length > 3) {\n        Notify.success({\n          title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n          description: `\u586b\u5199\uff1a\u3010${current.input.toString()}\u3011\uff01`\n        });\n      } else {\n        Notify.error({ title: \'\u63d0\u4ea4\u5931\u8d25\uff01\', description: \'\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01\' });\n      }\n      const ErrObj = {};\n      if (current.input && current.input.length < 4) {\n        ErrObj.input = \'\ud83d\ude06 \u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01\';\n      }\n      if(Object.keys(ErrObj).length > 0) {\n        const err = new Error();\n        err.filed = ErrObj;\n        throw err;\n      }\n    }}\n    fields={{\n      input: {\n        value: \'www\',\n        label: \'\u8bf7\u8f93\u5165\u5185\u5bb9\',\n        help: \'\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01\',\n        validator: (value = \'\') => value.length < 4 ? \'\u5fc5\u586b\u9009\u9879\uff01\' : null,\n        children: <Input placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" style={{ maxWidth: 200 }} />,\n      },\n      inputNumber: {\n        value: \'www\',\n        label: \'\u8bf7\u8f93\u5165\u5185\u5bb9\',\n        help: \'\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01\',\n        validator: (value = \'\') => value.length < 4 ? \'\u5fc5\u586b\u9009\u9879\uff01\' : null,\n        children: <InputNumber placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" style={{ maxWidth: 200 }} />,\n      },\n    }}\n  >\n    {({ fields, state, canSubmit }) => {\n      return (\n        <div>\n          <Row>\n            <Col>{fields.input}</Col>\n          </Row>\n          <Row>\n            <Col>{fields.inputNumber}</Col>\n          </Row>\n          <Row>\n            <Col>\n              <Button disabled={!canSubmit()} type="primary" htmlType="submit">\u63d0\u4ea4</Button>\n            </Col>\n          </Row>\n          <Row>\n            <Col>\n              <pre style={{ padding: 10, marginTop: 10 }}>\n                {JSON.stringify(state.current, null, 2)}\n              </pre>\n            </Col>\n          </Row>\n        </div>\n      );\n    }}\n  </Form>\n);\n\nexport default Demo\n```\n\n### \u63d2\u5165\u56fe\u6807\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Input, Row, Col,Icon } from \'uiw\';\n\nconst stylItem = { margin: 20 };\nconst Demo = () => (\n  <div>\n    <Row gutter={10}>\n      <Col fixed>\n        <Input  preIcon= {<Icon type=\'delete\' />} placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n      <Col fixed>\n        <Input  preIcon= {<Icon type=\'tag\' />}  placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n      <Col fixed>\n        <Input  preIcon= {<Icon type=\'picasa\' />} placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n      <Col fixed>\n        <Input  preIcon= {<Icon type=\'like-o\' />} placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n    </Row>\n  </div>\n)\nexport default Demo\n```\n\n### \u540e\u9762\u63d2\u5165\u5185\u5bb9\n\n\u5411\u540e\u9762\u63d2\u5165 [`Button`](#/components/button) \u6216\u8005 [`Tag`](#/components/tag)\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Input, Row, Col, Button, Tag,Icon } from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Row gutter={10}>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'like-o\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Button icon={ <Icon type="lock" />} size="small" basic type="light" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'tag\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Tag title="1000" color="#28a745" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'search\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button icon="apple" size="small" type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= { <Icon type=\'tag\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n  </div>\n)\nexport default Demo\n```\n\n### \u8f93\u5165\u6846\u5c3a\u5bf8\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Input, Row, Col, Tag, Button ,Icon} from \'uiw\';\n\nconst Demo = () => (\n  <div>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'like-o\' />}\n          size="large"\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Button icon={<Icon type=\'lock\' />} basic type="light" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'search\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button icon={<Icon type=\'arrow-right\' />} basic size="small" type="light" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          size="small"\n          preIcon= {<Icon type=\'tag\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col fixed>\n        <Input\n          size="large"\n          preIcon= {<Icon type=\'like-o\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Tag title="1000" color="#28a745" />}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'tag\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Tag title="\u836f\u4e38" color="#1C7CEB" color="#40bf16">\u4e38</Tag>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'tag\' />}\n          size="small"\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Tag title="1000" color="#28a745" />}\n        />\n      </Col>\n    </Row>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'like-o\' />}\n          size="large"\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Button  icon={<Icon type=\'apple\' />}  type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'search\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="primary">\u641c\u7d22</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          preIcon= {<Icon type=\'tag\' />}\n          size="small"\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="primary">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n    <Row gutter={10} style={{ marginBottom: 10 }}>\n      <Col fixed>\n        <Input\n           preIcon= {<Icon type=\'like-o\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n          addonAfter={<Button size="small" type="light">\u4eae\u6309\u94ae</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="danger">\u6309\u94ae</Button>}\n        />\n      </Col>\n      <Col fixed>\n        <Input\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="warning">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n    <Row gutter={10}>\n      <Col fixed>\n        <Input size="small" preIcon={<Icon type=\'like-o\' />} placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801" />\n      </Col>\n      <Col fixed>\n        <Input size="small" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n      <Col fixed>\n        <Input\n          size="small"\n          preIcon= { <Icon type=\'like-o\' />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={<Button size="small" type="warning">\u6309\u94ae</Button>}\n        />\n      </Col>\n    </Row>\n  </div>\n)\nexport default Demo\n```\n\n### \u5bc6\u7801\u8f93\u5165\u6846\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Input, Row, Col, Button ,Icon} from \'uiw\';\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      btnIcon: \'lock\',\n    }\n  }\n  onClick() {\n    this.setState({\n      btnIcon: this.state.btnIcon === \'lock\' ? \'unlock\' : \'lock\',\n    })\n  }\n  render() {\n    return (\n      <Row gutter={10}>\n        <Col fixed>\n          <Input\n            ref={(instance) => {\n              if (instance) {\n                console.log(\'instance:\', instance);\n              }\n            }}\n            preIcon= { <Icon type=\'like-o\' />}\n            type={this.state.btnIcon === \'lock\' ? \'password\' : \'text\'}\n            placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n            addonAfter={<Button\n             icon={<Icon type={this.state.btnIcon} />}\n             onClick={this.onClick.bind(this)}\n             size="small"\n             basic \n             type="light" />}\n          />\n        </Col>\n      </Row>\n    )\n  }\n}\nexport default Demo\n```\n\n### \u8f93\u5165\u6846\u88ab\u7981\u7528\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Icon, Input, Row, Col,Button} from \'uiw\';\n\nconst stylItem = { margin: 20 };\nconst Demo = () => (\n  <>\n    <Row gutter={10}>\n      <Col fixed>\n        <Input disabled preIcon={<Icon type="delete" />} placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n      <Col fixed>\n        <Input disabled preIcon={<Icon type="tag" />} placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n      <Col fixed>\n        <Input\n          disabled\n          preIcon={<Icon type="picasa" />}\n          placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n          addonAfter={\n            <Button icon={<Icon type="close" />} disabled size="small" basic type="light" />\n          }\n        />\n      </Col>\n      <Col fixed>\n        <Input disabled  preIcon={<Icon type="like-o" />}  placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n      </Col>\n    </Row>\n  </>\n);\nexport default Demo\n```\n\n## Input\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c | \u7248\u672c |\n|--------- |-------- |--------- |-------- |-------- |\n| value | \u7ed1\u5b9a\u503c | String | - |\n| disabled | \u7981\u7528\u8f93\u5165\u6846 | Boolean | `false` |\n| preIcon | \u8f93\u5165\u6846`\u524d`\u9762\u653e\u7f6e\u56fe\u6807  | ReactNode | - |\n| addonAfter | \t\u5e26\u6807\u7b7e\u7684 input\uff0c\u8bbe\u7f6e\u540e\u7f6e\u6807\u7b7e | String/ReactNode | - |\n| size | \u6307\u5b9a\u8f93\u5165\u6846\u7684\u5c3a\u5bf8\uff0c\u9664\u4e86\u9ed8\u8ba4\u7684\u5927\u5c0f\u5916\uff0c\u8fd8\u63d0\u4f9b\u4e86 `large`\u3001`small` \u548c `default` \u4e09\u79cd\u5c3a\u5bf8\u3002 | String | - |\n| inputStyle | \u4f20\u9012\u7ed9input\u7684\u6837\u5f0f\uff0c\u5728\u9700\u8981\u52a8\u6001\u8bbe\u7f6e\u6837\u5f0f\u573a\u666f\u4e0b\u4f7f\u7528 | Object | - | v4.18.2 |\n\n## InputNumber\n\u5728v4.18.2\u4e2d\u589e\u52a0\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c | \u7248\u672c |\n|--------- |-------- |--------- |-------- |-------- |\n| min | \u6700\u5c0f\u503c | Number | - |\n| max | \u6700\u5927\u503c | Number | - |\n| step | \u8bbe\u7f6e\u6b65\u957f\u503c | Number | - |\n| overLimitColor | \u5141\u8bb8\u8d85\u51fa`min`,`max`\u9650\u5236, \u4f7f\u7528\u8be5\u8b66\u544a\u8272\u663e\u793a | String | - |\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 Input\u3002\n'}}}]);
-//# sourceMappingURL=7064.1feda4f5.chunk.js.map