@uiw/doc
Version:
UIW documentation website.
1 lines • 70.7 kB
JavaScript
(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6610],{4934:e=>{function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=()=>[],t.resolve=t,t.id=4934,e.exports=t},5301:(e,t,n)=>{"use strict";n.d(t,{Z:()=>m});var r=n(8573),o=n(6320),l=n(8563),u=n(7622),a=n(7937);const i={docinfo:"index_docinfo__3Vx8S",markdown:"index_markdown__hcQCp",markdownWrap:"index_markdownWrap__t60jR"};var c=n(4760);function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{path:t}=e,n=/^http/.test(t||"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,c.jsxs)("div",{className:i.docinfo,children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",n&&(0,c.jsx)("a",{href:n,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,c.jsx)("br",{}),(0,c.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,c.jsx)(a.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,c.jsx)(a.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,c.jsx)(a.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,c.jsx)(a.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,c.jsx)(a.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}const f=o.ZP.Preview,p=o.ZP.Code,s=o.ZP.Toolbar,_=e=>{var t,n;let{node:u,components:a,data:i,...d}=e;const _=(0,r.useRef)(null),{headings:m,headingsList:y,...b}=d;(0,r.useEffect)((()=>{if(_.current){const e=_.current.parentElement;e&&e.parentElement&&e.parentElement.replaceChild(_.current,e)}}),[_]);const h=null===u||void 0===u||null===(t=u.position)||void 0===t?void 0:t.start.line,E=null===u||void 0===u||null===(n=u.data)||void 0===n?void 0:n.meta,w=(0,l.Mx)(E)||String(h),g=a["".concat(w)];if(w&&"function"===typeof g){const e=i[w].value||"",t=(0,l.aE)(E||"");return(0,c.jsxs)(o.ZP,{ref:_,children:[(0,c.jsx)(f,{style:{background:t.bg||"transparent"},children:(0,c.jsx)(g,{})}),(0,c.jsx)(s,{text:e,children:t.title||"Example"}),(0,c.jsx)(p,{children:(0,c.jsx)("pre",{...b})})]})}return(0,c.jsx)("code",{...b})};function m(e){return(0,c.jsxs)(r.Fragment,{children:[(0,c.jsx)(u.Z,{className:i.markdownWrap,source:e.source||"",disableCopy:!0,wrapperElement:{"data-color-mode":"light"},components:{code:t=>(0,c.jsx)(_,{...e,...t})}}),(0,c.jsx)(d,{path:e.path})]})}},5921:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>u});const r={components:{19:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);return function(){return t.default.createElement("div",null,t.default.createElement(r.Input,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",style:{maxWidth:200}}))}}(),34:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);return function(){return t.default.createElement("div",null,t.default.createElement(r.Row,{gutter:10},t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.InputNumber,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",style:{width:200}})),t.default.createElement(r.Col,{fixed:!0},"\u9650\u5236\u5927\u5c0f"),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.InputNumber,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",style:{width:200},min:1,max:10})),t.default.createElement(r.Col,{fixed:!0},"\u8d85\u51fa\u9650\u754c\u8b66\u544a"),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.InputNumber,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",style:{width:200},min:1,max:10,overLimitColor:"red"})),t.default.createElement(r.Col,{fixed:!0},"\u8bbe\u7f6e\u6b65\u6da8\u503c"),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.InputNumber,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",style:{width:200},step:5}))))}}(),83:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);function o(e){return o="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},o(e)}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function u(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===o(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}return function(){return t.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 t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e.filed):null},onSubmit:function(e){e.initial;var t=e.current;t.input&&t.input.length>3?r.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u586b\u5199\uff1a\u3010".concat(t.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 n={};if(t.input&&t.input.length<4&&(n.input="\ud83d\ude06 \u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01"),Object.keys(n).length>0){var o=new Error;throw o.filed=n,o}},fields:{input:{value:"www",label:"\u8bf7\u8f93\u5165\u5185\u5bb9",help:"\u5fc5\u987b\u957f\u5ea6\u8d85\u8fc7 3 \u4e2a\u5b57\u7b26\uff01",validator:function(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").length<4?"\u5fc5\u586b\u9009\u9879\uff01":null},children:t.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(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").length<4?"\u5fc5\u586b\u9009\u9879\uff01":null},children:t.default.createElement(r.InputNumber,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",style:{maxWidth:200}})}}},(function(e){var n=e.fields,o=e.state,l=e.canSubmit;return t.default.createElement("div",null,t.default.createElement(r.Row,null,t.default.createElement(r.Col,null,n.input)),t.default.createElement(r.Row,null,t.default.createElement(r.Col,null,n.inputNumber)),t.default.createElement(r.Row,null,t.default.createElement(r.Col,null,t.default.createElement(r.Button,{disabled:!l(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),t.default.createElement(r.Row,null,t.default.createElement(r.Col,null,t.default.createElement("pre",{style:{padding:10,marginTop:10}},JSON.stringify(o.current,null,2)))))}))}}(),162:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);return function(){return t.default.createElement("div",null,t.default.createElement(r.Row,{gutter:10},t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{preIcon:"delete",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"})),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{preIcon:"tag",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"})),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{preIcon:"picasa",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"})),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{preIcon:"like-o",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"}))))}}(),193:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);return function(){return t.default.createElement("div",null,t.default.createElement(r.Row,{gutter:10},t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{preIcon:"like-o",placeholder:"\u8bf7\u8f93\u5165\u5bc6\u7801",addonAfter:t.default.createElement(r.Button,{icon:"lock",size:"small",basic:!0,type:"light"})})),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{preIcon:"tag",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:t.default.createElement(r.Tag,{title:"1000",color:"#28a745"})})),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{preIcon:"search",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:t.default.createElement(r.Button,{icon:"apple",size:"small",type:"primary"},"\u6309\u94ae")})),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{preIcon:"tag",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:t.default.createElement(r.Button,{size:"small",type:"primary"},"\u6309\u94ae")}))))}}(),237:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);function o(e){return o="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},o(e)}function l(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===o(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}return function(){return t.default.createElement("div",null,t.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{preIcon:"like-o",size:"large",placeholder:"\u8bf7\u8f93\u5165\u5bc6\u7801",addonAfter:t.default.createElement(r.Button,{icon:"lock",basic:!0,type:"light"})})),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{preIcon:"search",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:t.default.createElement(r.Button,{icon:"arrow-right",basic:!0,size:"small",type:"light"})})),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{preIcon:"tag",size:"small",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:t.default.createElement(r.Button,{size:"small",type:"primary"},"\u6309\u94ae")}))),t.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{preIcon:"like-o",size:"large",placeholder:"\u8bf7\u8f93\u5165\u5bc6\u7801",addonAfter:t.default.createElement(r.Tag,{title:"1000",color:"#28a745"})})),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{preIcon:"tag",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:t.default.createElement(r.Tag,l({title:"\u836f\u4e38",color:"#1C7CEB"},"color","#40bf16"),"\u4e38")})),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{preIcon:"tag",size:"small",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:t.default.createElement(r.Tag,{title:"1000",color:"#28a745"})}))),t.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{preIcon:"like-o",size:"large",placeholder:"\u8bf7\u8f93\u5165\u5bc6\u7801",addonAfter:t.default.createElement(r.Button,{icon:"apple",type:"primary"},"\u6309\u94ae")})),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{preIcon:"search",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:t.default.createElement(r.Button,{size:"small",type:"primary"},"\u641c\u7d22")})),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{preIcon:"tag",size:"small",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:t.default.createElement(r.Button,{size:"small",type:"primary"},"\u6309\u94ae")}))),t.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{preIcon:"like-o",placeholder:"\u8bf7\u8f93\u5165\u5bc6\u7801",addonAfter:t.default.createElement(r.Button,{size:"small",type:"light"},"\u4eae\u6309\u94ae")})),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:t.default.createElement(r.Button,{size:"small",type:"danger"},"\u6309\u94ae")})),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:t.default.createElement(r.Button,{size:"small",type:"warning"},"\u6309\u94ae")}))),t.default.createElement(r.Row,{gutter:10},t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{size:"small",preIcon:"like-o",placeholder:"\u8bf7\u8f93\u5165\u5bc6\u7801"})),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{size:"small",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"})),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{size:"small",preIcon:"like-o",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:t.default.createElement(r.Button,{size:"small",type:"warning"},"\u6309\u94ae")}))))}}(),363:function(){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}var t,r=(t=n(8573))&&t.__esModule?t:{default:t},o=n(7937);function l(e,t){if(n=e,!(null!=(r=t)&&"undefined"!==typeof Symbol&&r[Symbol.hasInstance]?r[Symbol.hasInstance](n):n instanceof r))throw new TypeError("Cannot call a class as a function");var n,r}function u(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,a(r.key),r)}}function a(t){var n=function(t,n){if("object"!==e(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var o=r.call(t,n||"default");if("object"!==e(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"===e(n)?n:String(n)}function i(e,t){return i=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},i(e,t)}function c(t){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 r,o=d(t);if(n){var l=d(this).constructor;r=Reflect.construct(o,arguments,l)}else r=o.apply(this,arguments);return function(t,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}(this,r)}}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,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&i(e,t)}(f,e);var t,n,a,d=c(f);function f(){var e;return l(this,f),(e=d.call(this)).state={btnIcon:"lock"},e}return t=f,(n=[{key:"onClick",value:function(){this.setState({btnIcon:"lock"===this.state.btnIcon?"unlock":"lock"})}},{key:"render",value:function(){return r.default.createElement(o.Row,{gutter:10},r.default.createElement(o.Col,{fixed:!0},r.default.createElement(o.Input,{ref:function(e){e&&console.log("instance:",e)},preIcon:"like-o",type:"lock"===this.state.btnIcon?"password":"text",placeholder:"\u8bf7\u8f93\u5165\u5bc6\u7801",addonAfter:r.default.createElement(o.Button,{icon:this.state.btnIcon,onClick:this.onClick.bind(this),size:"small",basic:!0,type:"light"})})))}}])&&u(t.prototype,n),a&&u(t,a),Object.defineProperty(t,"prototype",{writable:!1}),f}(r.default.Component)}(),405:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);return function(){return t.default.createElement(r.Row,{gutter:10},t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{disabled:!0,preIcon:"delete",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"})),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{disabled:!0,preIcon:"tag",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"})),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{disabled:!0,preIcon:"picasa",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",addonAfter:t.default.createElement(r.Button,{icon:"close",disabled:!0,size:"small",basic:!0,type:"light"})})),t.default.createElement(r.Col,{fixed:!0},t.default.createElement(r.Input,{disabled:!0,preIcon:"like-o",placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"})))}}()},data:{19:{name:19,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nreturn 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};',language:"jsx",value:"import React from 'react';\nimport { Input } from 'uiw';\n\nexport default function Demo() {\n return (\n <div>\n <Input placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" style={{ maxWidth: 200 }} />\n </div>\n );\n}"},34:{name:34,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nreturn 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;',language:"jsx",value:'import React from \'react\';\nimport { InputNumber, Row, Col } from \'uiw\';\n\nexport default function Demo() {\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};'},83:{name:83,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }\nreturn 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 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 var 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 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};',language:"jsx",value:"import React from 'react';\nimport { Form, Input, InputNumber, Row, Col, Button, Notify } from 'uiw';\n\nexport default function Demo() {\n return (\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}"},162:{name:162,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nvar stylItem = {\n margin: 20\n};\nreturn 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: "delete",\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: "tag",\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: "picasa",\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: "like-o",\n placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9"\n }))));\n};',language:"jsx",value:'import React from \'react\';\nimport { Input, Row, Col } from \'uiw\';\n\nconst stylItem = { margin: 20 };\nexport default function Demo() {\n return (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Input preIcon="delete" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n </Col>\n <Col fixed>\n <Input preIcon="tag" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n </Col>\n <Col fixed>\n <Input preIcon="picasa" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n </Col>\n <Col fixed>\n <Input preIcon="like-o" placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" />\n </Col>\n </Row>\n </div>\n )\n}'},193:{name:193,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nreturn 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: "like-o",\n placeholder: "\\u8BF7\\u8F93\\u5165\\u5BC6\\u7801",\n addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n icon: "lock",\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: "tag",\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: "search",\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: "tag",\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};',language:"jsx",value:'import React from \'react\';\nimport { Input, Row, Col, Button, Tag } from \'uiw\';\n\nexport default function Demo() {\n return (\n <div>\n <Row gutter={10}>\n <Col fixed>\n <Input\n preIcon="like-o"\n placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n addonAfter={<Button icon="lock" size="small" basic type="light" />}\n />\n </Col>\n <Col fixed>\n <Input\n preIcon="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="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="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 )\n}'},237:{name:237,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }\nreturn 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: "like-o",\n size: "large",\n placeholder: "\\u8BF7\\u8F93\\u5165\\u5BC6\\u7801",\n addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n icon: "lock",\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: "search",\n placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n icon: "arrow-right",\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 preIcon: "tag",\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: "like-o",\n size: "large",\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: "tag",\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: "tag",\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: "like-o",\n size: "large",\n placeholder: "\\u8BF7\\u8F93\\u5165\\u5BC6\\u7801",\n addonAfter: /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n icon: "apple",\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: "search",\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: "tag",\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: "like-o",\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: "like-o",\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: "like-o",\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};',language:"jsx",value:'import React from \'react\';\nimport { Input, Row, Col, Tag, Button } from \'uiw\';\n\nexport default function Demo() {\n return (\n <div>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col fixed>\n <Input\n preIcon="like-o"\n size="large"\n placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n addonAfter={<Button icon="lock" basic type="light" />}\n />\n </Col>\n <Col fixed>\n <Input\n preIcon="search"\n placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9"\n addonAfter={<Button icon="arrow-right" basic size="small" type="light" />}\n />\n </Col>\n <Col fixed>\n <Input\n preIcon="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="like-o"\n size="large"\n placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n addonAfter={<Tag title="1000" color="#28a745" />}\n />\n </Col>\n <Col fixed>\n <Input\n preIcon="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="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="like-o"\n size="large"\n placeholder="\u8bf7\u8f93\u5165\u5bc6\u7801"\n addonAfter={<Button icon="apple" type="primary">\u6309\u94ae</Button>}\n />\n </Col>\n <Col fixed>\n <Input\n preIcon="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="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="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="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="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 )\n}'},363:{name:363,meta:{bg:"#fff"},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; } }\nfunction _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\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, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }\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); }\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\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); }; }\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function