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

package/web/static/js/7064.7cedd669.chunk.js

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