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

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

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

Files changed (328) hide show

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

	@@ -0,0 +1,2 @@
1	+ "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'}}}]);
2	+ //# sourceMappingURL=7064.7cedd669.chunk.js.map

package/web/static/js/7064.7cedd669.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/7064.7cedd669.chunk.js","mappings":"+GACA,WACIA,WAAY,CAAE,GAAI,WAEtB,IAIgCC,EAJ5BC,GAI4BD,EAJI,EAAQ,QAISA,EAAIE,WAAaF,EAAM,CAAE,QAAWA,GAFrFG,EAAO,EAAQ,KAanB,OATW,WACT,OAAoBF,EAAgB,QAAEG,cAAc,MAAO,KAAmBH,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CACxHC,YAAa,iCACbC,MAAO,CACLC,SAAU,OAGhB,CAEc,CAjBQ,GAiBJ,GAAI,WAEtB,IAIgCR,EAJ5BC,GAI4BD,EAJI,EAAQ,QAISA,EAAIE,WAAaF,EAAM,CAAE,QAAWA,GAFrFG,EAAO,EAAQ,KAkDnB,OA9CW,WACT,OAAoBF,EAAgB,QAAEG,cAAc,MAAO,KAAmBH,EAAgB,QAAEG,cAAcD,EAAKM,IAAK,CACtHC,OAAQ,IACMT,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CACxDC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKU,YAAa,CAChEP,YAAa,iCACbC,MAAO,CACLO,MAAO,QAEOb,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CAC1DC,OAAO,GACN,4BAA0CX,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CACrFC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKU,YAAa,CAChEP,YAAa,iCACbC,MAAO,CACLO,MAAO,KAETC,IAAK,EACLC,IAAK,MACWf,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CAC1DC,OAAO,GACN,wCAAsDX,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CACjGC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKU,YAAa,CAChEP,YAAa,iCACbC,MAAO,CACLO,MAAO,KAETC,IAAK,EACLC,IAAK,GACLC,eAAgB,SACAhB,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CAC1DC,OAAO,GACN,kCAAgDX,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CAC3FC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKU,YAAa,CAChEP,YAAa,iCACbC,MAAO,CACLO,MAAO,KAETI,KAAM,MAEV,CAEc,CAtDQ,GAsDJ,GAAI,WAEtB,IAIgClB,EAJ5BC,GAI4BD,EAJI,EAAQ,QAISA,EAAIE,WAAaF,EAAM,CAAE,QAAWA,GAFrFG,EAAO,EAAQ,KAInB,SAASgB,EAAQC,EAAQC,GAAkB,IAAIC,EAAOC,OAAOD,KAAKF,GAAS,GAAIG,OAAOC,sBAAuB,CAAE,IAAIC,EAAUF,OAAOC,sBAAsBJ,GAASC,IAAmBI,EAAUA,EAAQC,QAAO,SAAUC,GAAO,OAAOJ,OAAOK,yBAAyBR,EAAQO,GAAKE,UAAY,KAAKP,EAAKQ,KAAKC,MAAMT,EAAMG,EAAU,CAAE,OAAOH,CAAM,CAIpV,SAASU,EAAgBhC,EAAKiC,EAAKC,GAAiK,OAApJD,KAAOjC,EAAOuB,OAAOY,eAAenC,EAAKiC,EAAK,CAAEC,MAAOA,EAAOL,YAAY,EAAMO,cAAc,EAAMC,UAAU,IAAkBrC,EAAIiC,GAAOC,EAAgBlC,CAAK,CAyFhN,OAvFW,WACT,OAAoBC,EAAgB,QAAEG,cAAcD,EAAKmC,KAAM,CAC7DC,SAAU,SAAkBC,GACZA,EAAKC,QACLD,EAAKE,OACrB,EACAC,cAAe,SAAuBC,GAEpC,OADAC,QAAQC,IAAI,SAAUF,GACfA,GAASA,EAAMG,MAZ5B,SAAuBC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAS,MAAQF,UAAUD,GAAKC,UAAUD,GAAK,CAAC,EAAGA,EAAI,EAAI9B,EAAQI,OAAO6B,IAAS,GAAIC,SAAQ,SAAUpB,GAAOD,EAAgBgB,EAAQf,EAAKmB,EAAOnB,GAAO,IAAKV,OAAO+B,0BAA4B/B,OAAOgC,iBAAiBP,EAAQzB,OAAO+B,0BAA0BF,IAAWjC,EAAQI,OAAO6B,IAASC,SAAQ,SAAUpB,GAAOV,OAAOY,eAAea,EAAQf,EAAKV,OAAOK,yBAAyBwB,EAAQnB,GAAO,GAAI,CAAE,OAAOe,CAAQ,CAYrdQ,CAAc,CAAC,EAAGZ,EAAMG,OAAS,IACjE,EACAU,SAAU,SAAkBC,GACZA,EAAMjB,QAApB,IACIC,EAAUgB,EAAMhB,QAEhBA,EAAQiB,OAASjB,EAAQiB,MAAMR,OAAS,EAC1ChD,EAAKyD,OAAOC,QAAQ,CAClBC,MAAO,iCACPC,YAAa,2BAA2BC,OAAOtB,EAAQiB,MAAMM,WAAY,kBAG3E9D,EAAKyD,OAAOhB,MAAM,CAChBkB,MAAO,iCACPC,YAAa,oEAIjB,IAAIG,EAAS,CAAC,EAMd,GAJIxB,EAAQiB,OAASjB,EAAQiB,MAAMR,OAAS,IAC1Ce,EAAOP,MAAQ,gFAGbpC,OAAOD,KAAK4C,GAAQf,OAAS,EAAG,CAClC,IAAIgB,EAAM,IAAIC,MAEd,MADAD,EAAIpB,MAAQmB,EACNC,CACR,CACF,EACAE,OAAQ,CACNV,MAAO,CACLzB,MAAO,MACPoC,MAAO,iCACPC,KAAM,kEACNC,UAAW,WACT,IAAItC,EAAQgB,UAAUC,OAAS,QAAsBsB,IAAjBvB,UAAU,GAAmBA,UAAU,GAAK,GAChF,OAAOhB,EAAMiB,OAAS,EAAI,iCAAU,IACtC,EACAuB,SAAuBzE,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CACjEC,YAAa,iCACbC,MAAO,CACLC,SAAU,QAIhBmE,YAAa,CACXzC,MAAO,MACPoC,MAAO,iCACPC,KAAM,kEACNC,UAAW,WACT,IAAItC,EAAQgB,UAAUC,OAAS,QAAsBsB,IAAjBvB,UAAU,GAAmBA,UAAU,GAAK,GAChF,OAAOhB,EAAMiB,OAAS,EAAI,iCAAU,IACtC,EACAuB,SAAuBzE,EAAgB,QAAEG,cAAcD,EAAKU,YAAa,CACvEP,YAAa,iCACbC,MAAO,CACLC,SAAU,WAKjB,SAAUoE,GACX,IAAIP,EAASO,EAAMP,OACfQ,EAAQD,EAAMC,MACdC,EAAYF,EAAME,UACtB,OAAoB7E,EAAgB,QAAEG,cAAc,MAAO,KAAmBH,EAAgB,QAAEG,cAAcD,EAAKM,IAAK,KAAmBR,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,KAAM0D,EAAOV,QAAsB1D,EAAgB,QAAEG,cAAcD,EAAKM,IAAK,KAAmBR,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,KAAM0D,EAAOM,cAA4B1E,EAAgB,QAAEG,cAAcD,EAAKM,IAAK,KAAmBR,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,KAAmBV,EAAgB,QAAEG,cAAcD,EAAK4E,OAAQ,CAC7gBC,UAAWF,IACXG,KAAM,UACNC,SAAU,UACT,kBAAgCjF,EAAgB,QAAEG,cAAcD,EAAKM,IAAK,KAAmBR,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,KAAmBV,EAAgB,QAAEG,cAAc,MAAO,CAClMG,MAAO,CACL4E,QAAS,GACTC,UAAW,KAEZC,KAAKC,UAAUT,EAAMnC,QAAS,KAAM,MACzC,GACF,CAEc,CArGQ,GAqGJ,IAAK,WAEvB,IAIgC1C,EAJ5BC,GAI4BD,EAJI,EAAQ,QAISA,EAAIE,WAAaF,EAAM,CAAE,QAAWA,GAFrFG,EAAO,EAAQ,KA0CnB,OAlCW,WACT,OAAoBF,EAAgB,QAAEG,cAAc,MAAO,KAAmBH,EAAgB,QAAEG,cAAcD,EAAKM,IAAK,CACtHC,OAAQ,IACMT,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CACxDC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1DkF,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,WAER3E,YAAa,oCACGL,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CAC1DC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1DkF,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,QAER3E,YAAa,oCACGL,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CAC1DC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1DkF,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,WAER3E,YAAa,oCACGL,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CAC1DC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1DkF,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,WAER3E,YAAa,qCAEjB,CAEc,CA9CS,GA8CL,IAAK,WAEvB,IAIgCN,EAJ5BC,GAI4BD,EAJI,EAAQ,QAISA,EAAIE,WAAaF,EAAM,CAAE,QAAWA,GAFrFG,EAAO,EAAQ,KA2DnB,OAvDW,WACT,OAAoBF,EAAgB,QAAEG,cAAc,MAAO,KAAmBH,EAAgB,QAAEG,cAAcD,EAAKM,IAAK,CACtHC,OAAQ,IACMT,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CACxDC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1DkF,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,WAER3E,YAAa,iCACbmF,WAAyBxF,EAAgB,QAAEG,cAAcD,EAAK4E,OAAQ,CACpEW,KAAmBzF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC5DP,KAAM,SAERU,KAAM,QACNC,OAAO,EACPX,KAAM,aAEQhF,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CAC1DC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1DkF,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,QAER3E,YAAa,iCACbmF,WAAyBxF,EAAgB,QAAEG,cAAcD,EAAK0F,IAAK,CACjE/B,MAAO,OACPgC,MAAO,eAEO7F,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CAC1DC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1DkF,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,WAER3E,YAAa,iCACbmF,WAAyBxF,EAAgB,QAAEG,cAAcD,EAAK4E,OAAQ,CACpEW,KAAM,QACNC,KAAM,QACNV,KAAM,WACL,mBACahF,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CAC1DC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1DkF,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,QAER3E,YAAa,iCACbmF,WAAyBxF,EAAgB,QAAEG,cAAcD,EAAK4E,OAAQ,CACpEY,KAAM,QACNV,KAAM,WACL,oBAEP,CAEc,CA/DS,GA+DL,IAAK,WAEvB,IAIgCjF,EAJ5BC,GAI4BD,EAJI,EAAQ,QAISA,EAAIE,WAAaF,EAAM,CAAE,QAAWA,GAFrFG,EAAO,EAAQ,KAInB,SAAS6B,EAAgBhC,EAAKiC,EAAKC,GAAiK,OAApJD,KAAOjC,EAAOuB,OAAOY,eAAenC,EAAKiC,EAAK,CAAEC,MAAOA,EAAOL,YAAY,EAAMO,cAAc,EAAMC,UAAU,IAAkBrC,EAAIiC,GAAOC,EAAgBlC,CAAK,CAkMhN,OAhMW,WACT,OAAoBC,EAAgB,QAAEG,cAAc,MAAO,KAAmBH,EAAgB,QAAEG,cAAcD,EAAKM,IAAK,CACtHC,OAAQ,GACRH,MAAO,CACLwF,aAAc,KAEF9F,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CACxDC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1DkF,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,WAERU,KAAM,QACNrF,YAAa,iCACbmF,WAAyBxF,EAAgB,QAAEG,cAAcD,EAAK4E,OAAQ,CACpEW,KAAmBzF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC5DP,KAAM,SAERW,OAAO,EACPX,KAAM,aAEQhF,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CAC1DC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1DkF,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,WAER3E,YAAa,iCACbmF,WAAyBxF,EAAgB,QAAEG,cAAcD,EAAK4E,OAAQ,CACpEW,KAAmBzF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC5DP,KAAM,gBAERW,OAAO,EACPD,KAAM,QACNV,KAAM,aAEQhF,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CAC1DC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1DsF,KAAM,QACNJ,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,QAER3E,YAAa,iCACbmF,WAAyBxF,EAAgB,QAAEG,cAAcD,EAAK4E,OAAQ,CACpEY,KAAM,QACNV,KAAM,WACL,oBACchF,EAAgB,QAAEG,cAAcD,EAAKM,IAAK,CAC3DC,OAAQ,GACRH,MAAO,CACLwF,aAAc,KAEF9F,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CACxDC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1DsF,KAAM,QACNJ,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,WAER3E,YAAa,iCACbmF,WAAyBxF,EAAgB,QAAEG,cAAcD,EAAK0F,IAAK,CACjE/B,MAAO,OACPgC,MAAO,eAEO7F,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CAC1DC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1DkF,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,QAER3E,YAAa,iCACbmF,WAAyBxF,EAAgB,QAAEG,cAAcD,EAAK0F,IAAK7D,EAAgB,CACjF8B,MAAO,eACPgC,MAAO,WACN,QAAS,WAAY,aACR7F,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CAC1DC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1DkF,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,QAERU,KAAM,QACNrF,YAAa,iCACbmF,WAAyBxF,EAAgB,QAAEG,cAAcD,EAAK0F,IAAK,CACjE/B,MAAO,OACPgC,MAAO,gBAEQ7F,EAAgB,QAAEG,cAAcD,EAAKM,IAAK,CAC3DC,OAAQ,GACRH,MAAO,CACLwF,aAAc,KAEF9F,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CACxDC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1DkF,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,WAERU,KAAM,QACNrF,YAAa,iCACbmF,WAAyBxF,EAAgB,QAAEG,cAAcD,EAAK4E,OAAQ,CACpEW,KAAmBzF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC5DP,KAAM,UAERA,KAAM,WACL,mBACahF,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CAC1DC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1DkF,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,WAER3E,YAAa,iCACbmF,WAAyBxF,EAAgB,QAAEG,cAAcD,EAAK4E,OAAQ,CACpEY,KAAM,QACNV,KAAM,WACL,mBACahF,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CAC1DC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1DkF,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,QAERU,KAAM,QACNrF,YAAa,iCACbmF,WAAyBxF,EAAgB,QAAEG,cAAcD,EAAK4E,OAAQ,CACpEY,KAAM,QACNV,KAAM,WACL,oBACchF,EAAgB,QAAEG,cAAcD,EAAKM,IAAK,CAC3DC,OAAQ,GACRH,MAAO,CACLwF,aAAc,KAEF9F,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CACxDC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1DkF,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,WAER3E,YAAa,iCACbmF,WAAyBxF,EAAgB,QAAEG,cAAcD,EAAK4E,OAAQ,CACpEY,KAAM,QACNV,KAAM,SACL,yBACahF,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CAC1DC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1DC,YAAa,iCACbmF,WAAyBxF,EAAgB,QAAEG,cAAcD,EAAK4E,OAAQ,CACpEY,KAAM,QACNV,KAAM,UACL,mBACahF,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CAC1DC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1DC,YAAa,iCACbmF,WAAyBxF,EAAgB,QAAEG,cAAcD,EAAK4E,OAAQ,CACpEY,KAAM,QACNV,KAAM,WACL,oBACchF,EAAgB,QAAEG,cAAcD,EAAKM,IAAK,CAC3DC,OAAQ,IACMT,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CACxDC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1DsF,KAAM,QACNJ,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,WAER3E,YAAa,oCACGL,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CAC1DC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1DsF,KAAM,QACNrF,YAAa,oCACGL,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CAC1DC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1DsF,KAAM,QACNJ,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,WAER3E,YAAa,iCACbmF,WAAyBxF,EAAgB,QAAEG,cAAcD,EAAK4E,OAAQ,CACpEY,KAAM,QACNV,KAAM,WACL,oBAEP,CAEc,CA1MS,GA0ML,IAAK,WAIvB,SAASe,EAAQhG,GAAkC,OAAOgG,EAAU,mBAAqBC,QAAU,iBAAmBA,OAAOC,SAAW,SAAUlG,GAAO,cAAcA,CAAK,EAAI,SAAUA,GAAO,OAAOA,GAAO,mBAAqBiG,QAAUjG,EAAImG,cAAgBF,QAAUjG,IAAQiG,OAAOG,UAAY,gBAAkBpG,CAAK,EAAGgG,EAAQhG,EAAM,CAE/U,IAIgCA,EAJ5BC,GAI4BD,EAJI,EAAQ,QAISA,EAAIE,WAAaF,EAAM,CAAE,QAAWA,GAFrFG,EAAO,EAAQ,KAInB,SAASkG,EAAgBC,EAAUC,GAAe,GAV7BC,EAU8CF,IAVlB,OAAtBG,EAUkDF,IAVF,qBAAXN,QAA0BQ,EAAMR,OAAOS,aAAyBD,EAAMR,OAAOS,aAAaF,GAAuBA,aAAgBC,GAUpG,MAAM,IAAIE,UAAU,qCAVjH,IAAqBH,EAAMC,CAU8H,CAEzJ,SAASG,EAAkB5D,EAAQ6D,GAAS,IAAK,IAAI5D,EAAI,EAAGA,EAAI4D,EAAM1D,OAAQF,IAAK,CAAE,IAAI6D,EAAaD,EAAM5D,GAAI6D,EAAWjF,WAAaiF,EAAWjF,aAAc,EAAOiF,EAAW1E,cAAe,EAAU,UAAW0E,IAAYA,EAAWzE,UAAW,GAAMd,OAAOY,eAAea,EAAQ8D,EAAW7E,IAAK6E,EAAa,CAAE,CAM5T,SAASC,EAAgBC,EAAGC,GAA6I,OAAxIF,EAAkBxF,OAAO2F,eAAiB3F,OAAO2F,eAAeC,OAAS,SAAyBH,EAAGC,GAAsB,OAAjBD,EAAEI,UAAYH,EAAUD,CAAG,EAAUD,EAAgBC,EAAGC,EAAI,CAEvM,SAASI,EAAaC,GAAW,IAAIC,EAMrC,WAAuC,GAAuB,qBAAZC,UAA4BA,QAAQC,UAAW,OAAO,EAAO,GAAID,QAAQC,UAAUC,KAAM,OAAO,EAAO,GAAqB,oBAAVC,MAAsB,OAAO,EAAM,IAAsF,OAAhFC,QAAQxB,UAAUyB,QAAQC,KAAKN,QAAQC,UAAUG,QAAS,IAAI,WAAa,MAAY,CAAkC,CAA1B,MAAOG,GAAK,OAAO,CAAO,CAAE,CANvQC,GAA6B,OAAO,WAAkC,IAAsCC,EAAlCC,EAAQC,EAAgBb,GAAkB,GAAIC,EAA2B,CAAE,IAAIa,EAAYD,EAAgBE,MAAMlC,YAAa8B,EAAST,QAAQC,UAAUS,EAAOhF,UAAWkF,EAAY,MAASH,EAASC,EAAMnG,MAAMsG,KAAMnF,WAAc,OAAOoF,EAA2BD,KAAMJ,EAAS,CAAG,CAExa,SAASK,EAA2BC,EAAMT,GAAQ,GAAIA,IAA2B,WAAlB9B,EAAQ8B,IAAsC,oBAATA,GAAwB,OAAOA,EAAa,QAAa,IAATA,EAAmB,MAAM,IAAInB,UAAU,4DAA+D,OAE1P,SAAgC4B,GAAQ,QAAa,IAATA,EAAmB,MAAM,IAAIC,eAAe,6DAAgE,OAAOD,CAAM,CAF4FE,CAAuBF,EAAO,CAM/R,SAASJ,EAAgBnB,GAA+J,OAA1JmB,EAAkB5G,OAAO2F,eAAiB3F,OAAOmH,eAAevB,OAAS,SAAyBH,GAAK,OAAOA,EAAEI,WAAa7F,OAAOmH,eAAe1B,EAAI,EAAUmB,EAAgBnB,EAAI,CA4DnN,OA1DwB,SAAU2B,IAdlC,SAAmBC,EAAUC,GAAc,GAA0B,oBAAfA,GAA4C,OAAfA,EAAuB,MAAM,IAAIlC,UAAU,sDAAyDiC,EAASxC,UAAY7E,OAAOuH,OAAOD,GAAcA,EAAWzC,UAAW,CAAED,YAAa,CAAEjE,MAAO0G,EAAUvG,UAAU,EAAMD,cAAc,KAAWb,OAAOY,eAAeyG,EAAU,YAAa,CAAEvG,UAAU,IAAcwG,GAAY9B,EAAgB6B,EAAUC,EAAa,CAejcE,CAAUC,EAAML,GAEhB,IAnBoBpC,EAAa0C,EAAYC,EAmBzCC,EAAS9B,EAAa2B,GAE1B,SAASA,IACP,IAAII,EAQJ,OANA/C,EAAgBgC,KAAMW,IAEtBI,EAAQD,EAAOrB,KAAKO,OACdxD,MAAQ,CACZwE,QAAS,QAEJD,CACT,CAwCA,OAvEoB7C,EAiCPyC,GAjCoBC,EAiCd,CAAC,CAClBhH,IAAK,UACLC,MAAO,WACLmG,KAAKiB,SAAS,CACZD,QAAgC,SAAvBhB,KAAKxD,MAAMwE,QAAqB,SAAW,QAExD,GACC,CACDpH,IAAK,SACLC,MAAO,WACL,OAAoBjC,EAAgB,QAAEG,cAAcD,EAAKM,IAAK,CAC5DC,OAAQ,IACMT,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CACxDC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1DkJ,IAAK,SAAajD,GACZA,GACFzD,QAAQC,IAAI,YAAawD,EAE7B,EACAf,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,WAERA,KAA6B,SAAvBoD,KAAKxD,MAAMwE,QAAqB,WAAa,OACnD/I,YAAa,iCACbmF,WAAyBxF,EAAgB,QAAEG,cAAcD,EAAK4E,OAAQ,CACpEW,KAAmBzF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC5DP,KAAMoD,KAAKxD,MAAMwE,UAEnBG,QAASnB,KAAKmB,QAAQrC,KAAKkB,MAC3B1C,KAAM,QACNC,OAAO,EACPX,KAAM,aAGZ,MApE0E2B,EAAkBL,EAAYH,UAAW6C,GAAiBC,GAAatC,EAAkBL,EAAa2C,GAAc3H,OAAOY,eAAeoE,EAAa,YAAa,CAAElE,UAAU,IAuErP2G,CACT,CAxDwB,CAwDtB/I,EAAgB,QAAEwJ,UAEN,CA1FS,GA0FL,IAAK,WAEvB,IAIgCzJ,EAJ5BC,GAI4BD,EAJI,EAAQ,QAISA,EAAIE,WAAaF,EAAM,CAAE,QAAWA,GAFrFG,EAAO,EAAQ,KAuDnB,OA/CW,WACT,OAAoBF,EAAgB,QAAEG,cAAcH,EAAgB,QAAEyJ,SAAU,KAAmBzJ,EAAgB,QAAEG,cAAcD,EAAKM,IAAK,CAC3IC,OAAQ,IACMT,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CACxDC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1D2E,UAAU,EACVO,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,WAER3E,YAAa,oCACGL,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CAC1DC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1D2E,UAAU,EACVO,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,QAER3E,YAAa,oCACGL,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CAC1DC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1D2E,UAAU,EACVO,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,WAER3E,YAAa,iCACbmF,WAAyBxF,EAAgB,QAAEG,cAAcD,EAAK4E,OAAQ,CACpEW,KAAmBzF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC5DP,KAAM,UAERD,UAAU,EACVW,KAAM,QACNC,OAAO,EACPX,KAAM,aAEQhF,EAAgB,QAAEG,cAAcD,EAAKQ,IAAK,CAC1DC,OAAO,GACOX,EAAgB,QAAEG,cAAcD,EAAKE,MAAO,CAC1D2E,UAAU,EACVO,QAAsBtF,EAAgB,QAAEG,cAAcD,EAAKqF,KAAM,CAC/DP,KAAM,WAER3E,YAAa,qCAEjB,CAEc,CA3DS,IA4DnBqJ,KAAM,CACR,GAAM,CACJ,KAAQ,GACR,KAAQ,CACN,WAAc,OACd,YAAe,OACf,QAAW,QAEb,KAAQ,2eACR,SAAY,MACZ,MAAS,wNAEX,GAAM,CACJ,KAAQ,GACR,KAAQ,CACN,WAAc,OACd,YAAe,OACf,QAAW,QAEb,KAAQ,o0DACR,SAAY,MACZ,MAAS,urCAEX,GAAM,CACJ,KAAQ,GACR,KAAQ,CACN,WAAc,OACd,YAAe,OACf,QAAW,QAEb,KAAQ,+3JACR,SAAY,MACZ,MAAS,sjFAEX,IAAO,CACL,KAAQ,IACR,KAAQ,CACN,WAAc,OACd,YAAe,OACf,QAAW,QAEb,KAAQ,ioDACR,SAAY,MACZ,MAAS,yuBAEX,IAAO,CACL,KAAQ,IACR,KAAQ,CACN,WAAc,OACd,YAAe,OACf,QAAW,QAEb,KAAQ,sxEACR,SAAY,MACZ,MAAS,2pCAEX,IAAO,CACL,KAAQ,IACR,KAAQ,CACN,WAAc,OACd,YAAe,OACf,QAAW,QAEb,KAAQ,2mPACR,SAAY,MACZ,MAAS,i5HAEX,IAAO,CACL,KAAQ,IACR,KAAQ,CACN,WAAc,OACd,YAAe,OACf,QAAW,QAEb,KAAQ,0pKACR,SAAY,MACZ,MAAS,2hCAEX,IAAO,CACL,KAAQ,IACR,KAAQ,CACN,WAAc,OACd,YAAe,OACf,QAAW,QAEb,KAAQ,+/DACR,SAAY,MACZ,MAAS,k7BAGTvG,OAAQ,+sd","sources":["../../packages/react-input/README.md"],"sourcesContent":["\nexport default {\n components: { 18: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Input, {\n placeholder: \"\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9\",\n style: {\n maxWidth: 200\n }\n }));\n};\n\nreturn Demo; })(),32: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.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; })(),83: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar Demo = function Demo() {\n return /*#__PURE__*/_react[\"default\"].createElement(_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: '提交成功！',\n description: \"\\u586B\\u5199\\uFF1A\\u3010\".concat(current.input.toString(), \"\\u3011\\uFF01\")\n });\n } else {\n _uiw.Notify.error({\n title: '提交失败！',\n description: '必须长度超过 3 个字符！'\n });\n }\n\n var ErrObj = {};\n\n if (current.input && current.input.length < 4) {\n ErrObj.input = '😆 必须长度超过 3 个字符！';\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: '请输入内容',\n help: '必须长度超过 3 个字符！',\n validator: function validator() {\n var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n return value.length < 4 ? '必填选项！' : 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: '请输入内容',\n help: '必须长度超过 3 个字符！',\n validator: function validator() {\n var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n return value.length < 4 ? '必填选项！' : 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; })(),162: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar 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; })(),192: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Demo = function Demo() {\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_uiw.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; })(),235: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\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; })(),360: (function() { \"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; })(),406: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _uiw = require(\"uiw\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar 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; })(), },\n data: {\n \"18\": {\n \"name\": 18,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar Demo = function Demo() {\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Input, {\\n placeholder: \\\"\\\\u8BF7\\\\u8F93\\\\u5165\\\\u5185\\\\u5BB9\\\",\\n style: {\\n maxWidth: 200\\n }\\n }));\\n};\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport { Input } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <Input placeholder=\\\"请输入内容\\\" style={{ maxWidth: 200 }} />\\n </div>\\n);\\nexport default Demo\"\n },\n \"32\": {\n \"name\": 32,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar Demo = function Demo() {\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.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;\",\n \"language\": \"jsx\",\n \"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=\\\"请输入内容\\\"\\n style={{ width: 200 }}\\n />\\n </Col>\\n <Col fixed>限制大小</Col>\\n <Col fixed>\\n <InputNumber\\n placeholder=\\\"请输入内容\\\"\\n style={{ width: 200 }}\\n min={1}\\n max={10}\\n />\\n </Col>\\n <Col fixed>超出限界警告</Col>\\n <Col fixed>\\n <InputNumber\\n placeholder=\\\"请输入内容\\\"\\n style={{ width: 200 }}\\n min={1}\\n max={10}\\n overLimitColor={'red'}\\n />\\n </Col>\\n <Col fixed>设置步涨值</Col>\\n <Col fixed>\\n <InputNumber\\n placeholder=\\\"请输入内容\\\"\\n style={{ width: 200 }}\\n step={5}\\n />\\n </Col>\\n </Row>\\n </div>\\n )\\n};\\nexport default Demo\"\n },\n \"83\": {\n \"name\": 83,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\\n\\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\\n\\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\\n\\nvar Demo = function Demo() {\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(_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: '提交成功！',\\n description: \\\"\\\\u586B\\\\u5199\\\\uFF1A\\\\u3010\\\".concat(current.input.toString(), \\\"\\\\u3011\\\\uFF01\\\")\\n });\\n } else {\\n _uiw.Notify.error({\\n title: '提交失败！',\\n description: '必须长度超过 3 个字符！'\\n });\\n }\\n\\n var ErrObj = {};\\n\\n if (current.input && current.input.length < 4) {\\n ErrObj.input = '😆 必须长度超过 3 个字符！';\\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: '请输入内容',\\n help: '必须长度超过 3 个字符！',\\n validator: function validator() {\\n var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\\n return value.length < 4 ? '必填选项！' : 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: '请输入内容',\\n help: '必须长度超过 3 个字符！',\\n validator: function validator() {\\n var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\\n return value.length < 4 ? '必填选项！' : 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;\",\n \"language\": \"jsx\",\n \"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: '提交成功！',\\n description: `填写：【${current.input.toString()}】！`\\n });\\n } else {\\n Notify.error({ title: '提交失败！', description: '必须长度超过 3 个字符！' });\\n }\\n const ErrObj = {};\\n if (current.input && current.input.length < 4) {\\n ErrObj.input = '😆 必须长度超过 3 个字符！';\\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: '请输入内容',\\n help: '必须长度超过 3 个字符！',\\n validator: (value = '') => value.length < 4 ? '必填选项！' : null,\\n children: <Input placeholder=\\\"请输入内容\\\" style={{ maxWidth: 200 }} />,\\n },\\n inputNumber: {\\n value: 'www',\\n label: '请输入内容',\\n help: '必须长度超过 3 个字符！',\\n validator: (value = '') => value.length < 4 ? '必填选项！' : null,\\n children: <InputNumber placeholder=\\\"请输入内容\\\" 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\\\">提交</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 \"162\": {\n \"name\": 162,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar 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;\",\n \"language\": \"jsx\",\n \"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=\\\"请输入内容\\\" />\\n </Col>\\n <Col fixed>\\n <Input preIcon= {<Icon type='tag' />} placeholder=\\\"请输入内容\\\" />\\n </Col>\\n <Col fixed>\\n <Input preIcon= {<Icon type='picasa' />} placeholder=\\\"请输入内容\\\" />\\n </Col>\\n <Col fixed>\\n <Input preIcon= {<Icon type='like-o' />} placeholder=\\\"请输入内容\\\" />\\n </Col>\\n </Row>\\n </div>\\n)\\nexport default Demo\"\n },\n \"192\": {\n \"name\": 192,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar Demo = function Demo() {\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.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;\",\n \"language\": \"jsx\",\n \"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=\\\"请输入密码\\\"\\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=\\\"请输入内容\\\"\\n addonAfter={<Tag title=\\\"1000\\\" color=\\\"#28a745\\\" />}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n preIcon= {<Icon type='search' />}\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Button icon=\\\"apple\\\" size=\\\"small\\\" type=\\\"primary\\\">按钮</Button>}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n preIcon= { <Icon type='tag' />}\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Button size=\\\"small\\\" type=\\\"primary\\\">按钮</Button>}\\n />\\n </Col>\\n </Row>\\n </div>\\n)\\nexport default Demo\"\n },\n \"235\": {\n \"name\": 235,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\\n\\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;\",\n \"language\": \"jsx\",\n \"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=\\\"请输入密码\\\"\\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=\\\"请输入内容\\\"\\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=\\\"请输入内容\\\"\\n addonAfter={<Button size=\\\"small\\\" type=\\\"primary\\\">按钮</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=\\\"请输入密码\\\"\\n addonAfter={<Tag title=\\\"1000\\\" color=\\\"#28a745\\\" />}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n preIcon= {<Icon type='tag' />}\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Tag title=\\\"药丸\\\" color=\\\"#1C7CEB\\\" color=\\\"#40bf16\\\">丸</Tag>}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n preIcon= {<Icon type='tag' />}\\n size=\\\"small\\\"\\n placeholder=\\\"请输入内容\\\"\\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=\\\"请输入密码\\\"\\n addonAfter={<Button icon={<Icon type='apple' />} type=\\\"primary\\\">按钮</Button>}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n preIcon= {<Icon type='search' />}\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Button size=\\\"small\\\" type=\\\"primary\\\">搜索</Button>}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n preIcon= {<Icon type='tag' />}\\n size=\\\"small\\\"\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Button size=\\\"small\\\" type=\\\"primary\\\">按钮</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=\\\"请输入密码\\\"\\n addonAfter={<Button size=\\\"small\\\" type=\\\"light\\\">亮按钮</Button>}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Button size=\\\"small\\\" type=\\\"danger\\\">按钮</Button>}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Button size=\\\"small\\\" type=\\\"warning\\\">按钮</Button>}\\n />\\n </Col>\\n </Row>\\n <Row gutter={10}>\\n <Col fixed>\\n <Input size=\\\"small\\\" preIcon={<Icon type='like-o' />} placeholder=\\\"请输入密码\\\" />\\n </Col>\\n <Col fixed>\\n <Input size=\\\"small\\\" placeholder=\\\"请输入内容\\\" />\\n </Col>\\n <Col fixed>\\n <Input\\n size=\\\"small\\\"\\n preIcon= { <Icon type='like-o' />}\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Button size=\\\"small\\\" type=\\\"warning\\\">按钮</Button>}\\n />\\n </Col>\\n </Row>\\n </div>\\n)\\nexport default Demo\"\n },\n \"360\": {\n \"name\": 360,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"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;\",\n \"language\": \"jsx\",\n \"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=\\\"请输入密码\\\"\\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 \"406\": {\n \"name\": 406,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _uiw = require(\\\"uiw\\\");\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nvar 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;\",\n \"language\": \"jsx\",\n \"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=\\\"请输入内容\\\" />\\n </Col>\\n <Col fixed>\\n <Input disabled preIcon={<Icon type=\\\"tag\\\" />} placeholder=\\\"请输入内容\\\" />\\n </Col>\\n <Col fixed>\\n <Input\\n disabled\\n preIcon={<Icon type=\\\"picasa\\\" />}\\n placeholder=\\\"请输入内容\\\"\\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=\\\"请输入内容\\\" />\\n </Col>\\n </Row>\\n </>\\n);\\nexport default Demo\"\n }\n},\n source: \"Input 输入框\\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通过鼠标或键盘输入内容，是最基础的表单域的包装。\\n\\n```jsx\\nimport { Input } from 'uiw';\\n// or\\nimport Input from '@uiw/react-input';\\n```\\n\\n### 基础用法\\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=\\\"请输入内容\\\" style={{ maxWidth: 200 }} />\\n </div>\\n);\\nexport default Demo\\n```\\n\\n### 数字输入框\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { 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=\\\"请输入内容\\\"\\n style={{ width: 200 }}\\n />\\n </Col>\\n <Col fixed>限制大小</Col>\\n <Col fixed>\\n <InputNumber\\n placeholder=\\\"请输入内容\\\"\\n style={{ width: 200 }}\\n min={1}\\n max={10}\\n />\\n </Col>\\n <Col fixed>超出限界警告</Col>\\n <Col fixed>\\n <InputNumber\\n placeholder=\\\"请输入内容\\\"\\n style={{ width: 200 }}\\n min={1}\\n max={10}\\n overLimitColor={'red'}\\n />\\n </Col>\\n <Col fixed>设置步涨值</Col>\\n <Col fixed>\\n <InputNumber\\n placeholder=\\\"请输入内容\\\"\\n style={{ width: 200 }}\\n step={5}\\n />\\n </Col>\\n </Row>\\n </div>\\n )\\n};\\nexport default Demo\\n```\\n\\n### Form 中使用 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: '提交成功！',\\n description: `填写：【${current.input.toString()}】！`\\n });\\n } else {\\n Notify.error({ title: '提交失败！', description: '必须长度超过 3 个字符！' });\\n }\\n const ErrObj = {};\\n if (current.input && current.input.length < 4) {\\n ErrObj.input = '😆 必须长度超过 3 个字符！';\\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: '请输入内容',\\n help: '必须长度超过 3 个字符！',\\n validator: (value = '') => value.length < 4 ? '必填选项！' : null,\\n children: <Input placeholder=\\\"请输入内容\\\" style={{ maxWidth: 200 }} />,\\n },\\n inputNumber: {\\n value: 'www',\\n label: '请输入内容',\\n help: '必须长度超过 3 个字符！',\\n validator: (value = '') => value.length < 4 ? '必填选项！' : null,\\n children: <InputNumber placeholder=\\\"请输入内容\\\" 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\\\">提交</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### 插入图标\\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=\\\"请输入内容\\\" />\\n </Col>\\n <Col fixed>\\n <Input preIcon= {<Icon type='tag' />} placeholder=\\\"请输入内容\\\" />\\n </Col>\\n <Col fixed>\\n <Input preIcon= {<Icon type='picasa' />} placeholder=\\\"请输入内容\\\" />\\n </Col>\\n <Col fixed>\\n <Input preIcon= {<Icon type='like-o' />} placeholder=\\\"请输入内容\\\" />\\n </Col>\\n </Row>\\n </div>\\n)\\nexport default Demo\\n```\\n\\n### 后面插入内容\\n\\n向后面插入 [`Button`](#/components/button) 或者 [`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=\\\"请输入密码\\\"\\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=\\\"请输入内容\\\"\\n addonAfter={<Tag title=\\\"1000\\\" color=\\\"#28a745\\\" />}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n preIcon= {<Icon type='search' />}\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Button icon=\\\"apple\\\" size=\\\"small\\\" type=\\\"primary\\\">按钮</Button>}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n preIcon= { <Icon type='tag' />}\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Button size=\\\"small\\\" type=\\\"primary\\\">按钮</Button>}\\n />\\n </Col>\\n </Row>\\n </div>\\n)\\nexport default Demo\\n```\\n\\n### 输入框尺寸\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { 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=\\\"请输入密码\\\"\\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=\\\"请输入内容\\\"\\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=\\\"请输入内容\\\"\\n addonAfter={<Button size=\\\"small\\\" type=\\\"primary\\\">按钮</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=\\\"请输入密码\\\"\\n addonAfter={<Tag title=\\\"1000\\\" color=\\\"#28a745\\\" />}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n preIcon= {<Icon type='tag' />}\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Tag title=\\\"药丸\\\" color=\\\"#1C7CEB\\\" color=\\\"#40bf16\\\">丸</Tag>}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n preIcon= {<Icon type='tag' />}\\n size=\\\"small\\\"\\n placeholder=\\\"请输入内容\\\"\\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=\\\"请输入密码\\\"\\n addonAfter={<Button icon={<Icon type='apple' />} type=\\\"primary\\\">按钮</Button>}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n preIcon= {<Icon type='search' />}\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Button size=\\\"small\\\" type=\\\"primary\\\">搜索</Button>}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n preIcon= {<Icon type='tag' />}\\n size=\\\"small\\\"\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Button size=\\\"small\\\" type=\\\"primary\\\">按钮</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=\\\"请输入密码\\\"\\n addonAfter={<Button size=\\\"small\\\" type=\\\"light\\\">亮按钮</Button>}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Button size=\\\"small\\\" type=\\\"danger\\\">按钮</Button>}\\n />\\n </Col>\\n <Col fixed>\\n <Input\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Button size=\\\"small\\\" type=\\\"warning\\\">按钮</Button>}\\n />\\n </Col>\\n </Row>\\n <Row gutter={10}>\\n <Col fixed>\\n <Input size=\\\"small\\\" preIcon={<Icon type='like-o' />} placeholder=\\\"请输入密码\\\" />\\n </Col>\\n <Col fixed>\\n <Input size=\\\"small\\\" placeholder=\\\"请输入内容\\\" />\\n </Col>\\n <Col fixed>\\n <Input\\n size=\\\"small\\\"\\n preIcon= { <Icon type='like-o' />}\\n placeholder=\\\"请输入内容\\\"\\n addonAfter={<Button size=\\\"small\\\" type=\\\"warning\\\">按钮</Button>}\\n />\\n </Col>\\n </Row>\\n </div>\\n)\\nexport default Demo\\n```\\n\\n### 密码输入框\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { 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=\\\"请输入密码\\\"\\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### 输入框被禁用\\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=\\\"请输入内容\\\" />\\n </Col>\\n <Col fixed>\\n <Input disabled preIcon={<Icon type=\\\"tag\\\" />} placeholder=\\\"请输入内容\\\" />\\n </Col>\\n <Col fixed>\\n <Input\\n disabled\\n preIcon={<Icon type=\\\"picasa\\\" />}\\n placeholder=\\\"请输入内容\\\"\\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=\\\"请输入内容\\\" />\\n </Col>\\n </Row>\\n </>\\n);\\nexport default Demo\\n```\\n\\n## Input\\n\\n| 参数 | 说明 | 类型 | 默认值 | 版本 |\\n|--------- |-------- |--------- |-------- |-------- |\\n| value | 绑定值 | String | - |\\n| disabled | 禁用输入框 | Boolean | `false` |\\n| preIcon | 输入框`前`面放置图标 | ReactNode | - |\\n| addonAfter | \\t带标签的 input，设置后置标签 | String/ReactNode | - |\\n| size | 指定输入框的尺寸，除了默认的大小外，还提供了 `large`、`small` 和 `default` 三种尺寸。 | String | - |\\n| inputStyle | 传递给input的样式，在需要动态设置样式场景下使用 | Object | - | v4.18.2 |\\n\\n## InputNumber\\n在v4.18.2中增加\\n\\n| 参数 | 说明 | 类型 | 默认值 | 版本 |\\n|--------- |-------- |--------- |-------- |-------- |\\n| min | 最小值 | Number | - |\\n| max | 最大值 | Number | - |\\n| step | 设置步长值 | Number | - |\\n| overLimitColor | 允许超出`min`,`max`限制, 使用该警告色显示 | String | - |\\n\\n更多属性文档请参考 Input。\\n\"\n }"],"names":["components","obj","_react","__esModule","_uiw","createElement","Input","placeholder","style","maxWidth","Row","gutter","Col","fixed","InputNumber","width","min","max","overLimitColor","step","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_defineProperty","key","value","defineProperty","configurable","writable","Form","onChange","_ref","initial","current","onSubmitError","error","console","log","filed","target","i","arguments","length","source","forEach","getOwnPropertyDescriptors","defineProperties","_objectSpread","onSubmit","_ref2","input","Notify","success","title","description","concat","toString","ErrObj","err","Error","fields","label","help","validator","undefined","children","inputNumber","_ref3","state","canSubmit","Button","disabled","type","htmlType","padding","marginTop","JSON","stringify","preIcon","Icon","addonAfter","icon","size","basic","Tag","color","marginBottom","_typeof","Symbol","iterator","constructor","prototype","_classCallCheck","instance","Constructor","left","right","hasInstance","TypeError","_defineProperties","props","descriptor","_setPrototypeOf","o","p","setPrototypeOf","bind","__proto__","_createSuper","Derived","hasNativeReflectConstruct","Reflect","construct","sham","Proxy","Boolean","valueOf","call","e","_isNativeReflectConstruct","result","Super","_getPrototypeOf","NewTarget","this","_possibleConstructorReturn","self","ReferenceError","_assertThisInitialized","getPrototypeOf","_React$Component","subClass","superClass","create","_inherits","Demo","protoProps","staticProps","_super","_this","btnIcon","setState","ref","onClick","Component","Fragment","data"],"sourceRoot":""}