"use strict";

var _form = _interopRequireDefault(require("../../form"));

var _ = _interopRequireDefault(require(".."));

var _react = _interopRequireDefault(require("react"));

var _reactDom = _interopRequireDefault(require("react-dom"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var FormItem = _form["default"].Item;

function onChange(v) {
  console.log(v);
}

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", null, "normal"), /*#__PURE__*/_react["default"].createElement(_form["default"], {
  style: {
    width: '200px'
  }
}, /*#__PURE__*/_react["default"].createElement(FormItem, {
  label: "",
  hasFeedback: true,
  help: "\u5E2E\u52A9\u6587\u6848"
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  size: "large",
  placeholder: "Large",
  onChange: onChange,
  "aria-label": "Large"
})), /*#__PURE__*/_react["default"].createElement(FormItem, {
  label: "",
  hasFeedback: true,
  help: "disabled\u72B6\u6001"
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  size: "large",
  placeholder: "Large",
  onChange: onChange,
  "aria-label": "Large",
  disabled: true
})), /*#__PURE__*/_react["default"].createElement(FormItem, {
  label: "",
  hasFeedback: true,
  help: "wraning\u72B6\u6001"
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  size: "large",
  state: "warning",
  placeholder: "Large",
  onChange: onChange,
  "aria-label": "Large"
})), /*#__PURE__*/_react["default"].createElement(FormItem, {
  label: "",
  validateState: "error",
  help: "\u8FD9\u91CC\u662F\u51FA\u9519\u6587\u6848"
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  state: "error",
  size: "large",
  placeholder: "Large",
  onChange: onChange,
  "aria-label": "Large"
})), /*#__PURE__*/_react["default"].createElement(_["default"].TextArea, {
  placeholder: "TextArea",
  maxLength: 100,
  rows: 4,
  showLimitHint: true,
  "aria-label": "input max length 100"
})), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("p", null, "grey\u4E0B\u7684input"), /*#__PURE__*/_react["default"].createElement("div", {
  style: {
    background: '#f3f3f3',
    padding: '10px'
  }
}, /*#__PURE__*/_react["default"].createElement(_form["default"], {
  style: {
    width: '200px'
  }
}, /*#__PURE__*/_react["default"].createElement(FormItem, {
  label: "",
  hasFeedback: true,
  help: "\u5E2E\u52A9\u6587\u6848"
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  size: "large",
  placeholder: "Large",
  onChange: onChange,
  "aria-label": "Large",
  theme: "grey"
})), /*#__PURE__*/_react["default"].createElement(FormItem, {
  label: "",
  hasFeedback: true,
  help: "disabled\u72B6\u6001"
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  size: "large",
  placeholder: "Large",
  onChange: onChange,
  "aria-label": "Large",
  theme: "grey",
  disabled: true
})), /*#__PURE__*/_react["default"].createElement(FormItem, {
  label: "",
  hasFeedback: true,
  help: "wraning\u72B6\u6001"
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  size: "large",
  state: "warning",
  placeholder: "Large",
  onChange: onChange,
  "aria-label": "Large",
  theme: "grey"
})), /*#__PURE__*/_react["default"].createElement(FormItem, {
  label: "",
  validateState: "error",
  help: "\u8FD9\u91CC\u662F\u51FA\u9519\u6587\u6848"
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  state: "error",
  size: "large",
  placeholder: "Large",
  onChange: onChange,
  "aria-label": "Large",
  theme: "grey"
})), /*#__PURE__*/_react["default"].createElement(_["default"].TextArea, {
  placeholder: "TextArea",
  maxLength: 100,
  rows: 4,
  showLimitHint: true,
  "aria-label": "input max length 100",
  theme: "grey"
})))), document.getElementById('input-demo-1'));