iglooform 2.5.52 → 3.0.0-alpha

package/es/input/phone-number.js

@@ -1,51 +1,40 @@
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
 import classnames from 'classnames';
 import invariant from 'invariant';
-import Select from '../select';
-import { staticFormatMessage as formatMessage } from '../locale';
-import './style/index';
-
+import Select from "../select";
+import Input from "./input";
+import { staticFormatMessage as formatMessage } from "../locale";
+import "./style/index";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var PhoneNumber = function PhoneNumber(_ref) {
   var areaCode = _ref.areaCode,
-      phoneNumber = _ref.phoneNumber,
-      className = _ref.className,
-      disabled = _ref.disabled,
-      value = _ref.value,
-      formChangeProps = _ref.onChange,
-      style = _ref.style;
+    phoneNumber = _ref.phoneNumber,
+    className = _ref.className,
+    disabled = _ref.disabled,
+    value = _ref.value,
+    formChangeProps = _ref.onChange,
+    style = _ref.style;
   invariant(Array.isArray(areaCode) ? areaCode.length : true, 'areaCode cant be an empty array');
   invariant(areaCode != undefined, 'areaCode must be set');
-
   var _useState = useState(Array.isArray(areaCode) ? areaCode[0] : areaCode),
-      _useState2 = _slicedToArray(_useState, 2),
-      selectedCode = _useState2[0],
-      changeCode = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedCode = _useState2[0],
+    changeCode = _useState2[1];
   var _useState3 = useState(value ? value.phoneNumber : undefined),
-      _useState4 = _slicedToArray(_useState3, 2),
-      number = _useState4[0],
-      setNumber = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    number = _useState4[0],
+    setNumber = _useState4[1];
   useEffect(function () {
     setNumber(value ? value.phoneNumber : undefined);
   }, [value]);
-  var leftPart = Array.isArray(areaCode) ? _jsx(Select, {
+  var leftPart = Array.isArray(areaCode) ? /*#__PURE__*/_jsx(Select, {
     disabled: disabled,
     onChange: function onChange(e) {
       changeCode(e);
@@ -62,16 +51,16 @@ var PhoneNumber = function PhoneNumber(_ref) {
         value: area
       };
     })
-  }) : _jsx("div", {
+  }) : /*#__PURE__*/_jsx("div", {
     className: "igloo-phone-number-addon-before",
     children: areaCode
   });
-  return _jsxs("div", {
+  return /*#__PURE__*/_jsxs("div", {
     style: style,
     className: classnames('igloo-input-phone', {
       'igloo-input-phone-disabled': disabled
     }, className),
-    children: [leftPart, _jsx(_Input, {
+    children: [leftPart, /*#__PURE__*/_jsx(Input, {
       type: "tel",
       value: number,
       onChange: function onChange(e) {
@@ -85,15 +74,14 @@ var PhoneNumber = function PhoneNumber(_ref) {
     })]
   });
 };
-
 PhoneNumber.formItemPropsHandler = function (_ref2) {
   var areaCode = _ref2.areaCode,
-      phoneNumber = _ref2.phoneNumber,
-      length = _ref2.length,
-      maxLength = _ref2.maxLength,
-      minLength = _ref2.minLength,
-      label = _ref2.label,
-      pattern = _ref2.pattern;
+    phoneNumber = _ref2.phoneNumber,
+    length = _ref2.length,
+    maxLength = _ref2.maxLength,
+    minLength = _ref2.minLength,
+    label = _ref2.label,
+    pattern = _ref2.pattern;
   var rules = [{
     validator: function validator(rule, value) {
       if (!value) return Promise.resolve();
@@ -104,7 +92,6 @@ PhoneNumber.formItemPropsHandler = function (_ref2) {
       }));
     }
   }];
-
   if (length !== undefined) {
     rules.push({
       validator: function validator(_, value) {
@@ -119,7 +106,6 @@ PhoneNumber.formItemPropsHandler = function (_ref2) {
       }
     });
   }
-
   if (maxLength !== undefined && minLength !== undefined) {
     rules.push({
       validator: function validator(_, value) {
@@ -135,7 +121,6 @@ PhoneNumber.formItemPropsHandler = function (_ref2) {
       }
     });
   }
-
   if (maxLength !== undefined && minLength === undefined) {
     rules.push({
       validator: function validator(_, value) {
@@ -150,7 +135,6 @@ PhoneNumber.formItemPropsHandler = function (_ref2) {
       }
     });
   }
-
   if (maxLength === undefined && minLength !== undefined) {
     rules.push({
       validator: function validator(_, value) {
@@ -165,7 +149,6 @@ PhoneNumber.formItemPropsHandler = function (_ref2) {
       }
     });
   }
-
   if (pattern) {
     rules.push({
       validator: function validator(_, value) {
@@ -180,7 +163,6 @@ PhoneNumber.formItemPropsHandler = function (_ref2) {
       }
     });
   }
-
   return {
     initialValue: phoneNumber ? {
       areaCode: Array.isArray(areaCode) ? areaCode[0] : areaCode,
@@ -189,10 +171,9 @@ PhoneNumber.formItemPropsHandler = function (_ref2) {
     rules: rules,
     previewFormater: function previewFormater(_ref3) {
       var areaCode = _ref3.areaCode,
-          phoneNumber = _ref3.phoneNumber;
+        phoneNumber = _ref3.phoneNumber;
       return "".concat(areaCode).concat(phoneNumber);
     }
   };
 };
-
 export default PhoneNumber;

package/es/input/style/index.js

@@ -1 +1 @@
-import './index.less';
+import "./index.less";

package/es/input/style/index.less

@@ -1,5 +1,5 @@
 input[type='number'] {
-  -moz-appearance: textfield;
+  appearance: textfield;
 }
 
 .igloo-input {
@@ -9,9 +9,9 @@ input[type='number'] {
   line-height: 24px;
   width: 100%;
   height: 48px;
-  border-color: #bdbdbd;
+  border-color:  @border-color;
   padding: 12px 16px;
-  color: #212121;
+  color:  @text-color;
 
   &:not(.ant-input-affix-wrapper-disabled):not(.ant-input-disabled):hover {
     border-color: @primary-color;
@@ -23,13 +23,47 @@ input[type='number'] {
 
   .igloo-input-areacode {
     font-size: 16px;
-    color: #999999;
+    color: @hint-color;
     background-color: @disabled-background-color;
     margin: 0 5px;
   }
+
+  .ant-input-affix-wrapper-disabled {
+    border-color: @disabled-border-color;
+    background: @disabled-background-color;
+
+    .ant-input-password-icon {
+      color: #bdbdbd;
+    }
+  }
+
+  // input 的afocused状态也需要设置
+  .ant-input:focus,
+  .ant-input-focused {
+    border-color: @purple-dark;
+  }
+
+  .ant-input::placeholder {
+    color: @hint-color;
+  }
+
+  .ant-input[disabled] {
+    background: @disabled-background-color;
+    border-color: @disabled-border-color !important;
+    color: @disabled-text-color !important;
+
+    &:hover {
+      border-color: @disabled-border-color;
+    }
+  }
+
+  .ant-form-item-explain,
+  .ant-form-item-extra {
+    color: @hint-color;
+  }
 }
 
-.igloo-input-disable .ant-input-group-addon {
+.igloo-input-disabled .ant-input-group-addon {
   padding: 11px 16px;
 }
 
@@ -37,9 +71,9 @@ input[type='number'] {
   .ant-input {
     font-size: 16px;
     line-height: 24px;
-    color: #212121;
+    color:  @text-color;
     padding: 12px 16px;
-    border-color: #bdbdbd;
+    border-color:  @border-color;
     border-left-color: transparent;
     position: relative;
     height: 48px;
@@ -55,11 +89,11 @@ input[type='number'] {
     }
   }
 
-  &:not(.igloo-input-disable) {
+  &:not(.igloo-input-disabled) {
     .ant-input-group-addon {
-      border-color: #bdbdbd;
+      border-color:  @border-color;
       background-color: @disabled-background-color;
-      color: #999999;
+      color: @disabled-text-color;
       padding: 11px 16px;
 
       &::before {
@@ -91,7 +125,7 @@ input[type='number'] {
   display: flex;
   align-items: center;
   border: 1px solid #bdbdbd;
-  border-radius: 3px;
+  border-radius: @border-radius;
   position: relative;
 
   .igloo-phone-number-addon-before {
@@ -99,8 +133,8 @@ input[type='number'] {
     height: 48px;
     text-align: center;
     background-color: #f9f9f9;
-    color: #999999;
-    border-radius: 3px 0px 0px 3px;
+    color: @hint-color;
+    border-radius: @border-radius 0px 0px @border-radius;
     font-size: 16px;
     line-height: 24px;
     display: flex;
@@ -109,16 +143,16 @@ input[type='number'] {
   }
 
   .ant-input {
-    border-radius: 0px 3px 3px 0px;
+    border-radius: 0px @border-radius @border-radius 0px;
     flex: 1 auto;
     border-top: 0px;
     border-right: 0px;
     border-bottom: 0px;
-    border-color: #bdbdbd;
+    border-color:  @border-color;
     height: 48px;
 
     &:focus {
-      border-color: #bdbdbd;
+      border-color:  @border-color;
     }
   }
 
@@ -127,9 +161,9 @@ input[type='number'] {
 
     .ant-select-selector {
       height: 46px;
-      border-radius: 3px 0px 0px 3px;
+      border-radius: @border-radius 0px 0px @border-radius;
       border: 0px;
-      border-color: #bdbdbd !important;
+      border-color:  @border-color !important;
     }
   }
 
@@ -145,7 +179,7 @@ input[type='number'] {
 .igloo-input-phone-disabled {
   background: @disabled-background-color;
   border-color: @disabled-border-color;
-  color: #999999;
+  color: @disabled-text-color;
 
   &:hover {
     border-color: @disabled-border-color;
@@ -156,26 +190,26 @@ input[type='number'] {
   }
 }
 
-.igloo-input-disable {
+.igloo-input-disabled {
   background: @disabled-background-color;
   border-color: @disabled-border-color;
-  color: #999999;
+  color: @disabled-text-color;
 
   & .ant-input-group-addon {
     background: @disabled-background-color;
     border-color: @disabled-border-color;
-    color: #999999;
+    color: @disabled-text-color;
   }
 }
 
 .igloo-input-date-picker {
   box-sizing: border-box;
   border: 1px solid #bdbdbd;
-  border-radius: 3px;
+  border-radius: @border-radius;
   padding: 0px 16px;
 
   input::placeholder {
-    color: #999999;
+    color: @hint-color;
   }
 
   display: flex;
@@ -191,14 +225,13 @@ input[type='number'] {
   }
 
   .igloo-icon {
-    color: #666666;
+    color:  @icon-color;
   }
 }
 
 .igloo-input-date-picker-focus,
-.igloo-input-date-picker:not(.igloo-input-disable):hover {
+.igloo-input-date-picker:not(.igloo-input-disabled):hover {
   border: 1px solid @primary-color;
-  cursor: pointer;
 
   .igloo-icon {
     color: @primary-color;
@@ -242,13 +275,13 @@ input[type='number'] {
     }
 
     .igloo-phone-number-select {
-      border-radius: 3px 0px 0px 3px;
+      border-radius: @border-radius 0px 0px @border-radius;
     }
 
     .igloo-phone-number-select {
       .ant-select {
         .ant-select-selector {
-          border-color: #bdbdbd;
+          border-color:  @border-color;
         }
       }
     }
@@ -265,40 +298,6 @@ input[type='number'] {
   }
 }
 
-.ant-input-affix-wrapper-disabled {
-  border-color: @disabled-border-color;
-  background: @disabled-background-color;
-
-  .ant-input-password-icon {
-    color: #bdbdbd;
-  }
-}
-
-// input 的afocused状态也需要设置
-.ant-input:focus,
-.ant-input-focused {
-  border-color: @purple-dark;
-}
-
-.ant-input::placeholder {
-  color: #999999;
-}
-
-.ant-input[disabled] {
-  background: @disabled-background-color;
-  border-color: @disabled-border-color !important;
-  color: #999999 !important;
-
-  &:hover {
-    border-color: @disabled-border-color;
-  }
-}
-
-.ant-form-item-explain,
-.ant-form-item-extra {
-  color: #999999;
-}
-
 .igloo-input-text-area {
   position: relative;
 
@@ -308,7 +307,6 @@ input[type='number'] {
     bottom: 2px;
     width: 10px;
     height: 10px;
-    background-color: white;
   }
 
   .igloo-input-text-area-remind-has-error {
@@ -324,7 +322,7 @@ input[type='number'] {
     right: 0;
     font-size: 14px;
     top: calc(100% + 6px);
-    color: #999999;
+    color: @hint-color;
   }
 
   .igloo-input-text-area-error {
@@ -336,7 +334,7 @@ input[type='number'] {
   position: relative;
 
   .ant-input:not(.ant-input-disabled) {
-    border-color: #bdbdbd;
+    border-color:  @border-color;
 
     &:hover {
       border-color: @primary-color;
@@ -357,20 +355,20 @@ input[type='number'] {
   .igloo-otp-count-down {
     padding: 4px 12px;
     background: #eeeeee;
-    border-radius: 3px;
-    color: #666666;
+    border-radius: @border-radius;
+    color:  @icon-color;
     font-weight: bold;
     font-size: 12px;
     line-height: 16px;
 
     &-inner {
-      color: #666666;
+      color:  @icon-color;
       font-weight: bold;
       font-size: 12px;
       line-height: 16px;
 
       .ant-statistic-content-value {
-        color: #666666;
+        color:  @icon-color;
       }
     }
   }

package/es/input/text-area.js

@@ -1,73 +1,54 @@
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-
+function _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); }
+function 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; }
+function _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; }
+function _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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _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); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function 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; }
-
-function _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; }
-
-function _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; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useContext } from 'react';
-import { LocaleContext } from '../locale';
+import { LocaleContext } from "../locale";
+import { Input } from 'antd';
 import omit from 'omit.js';
 import classnames from 'classnames';
-import formMethods from '../utils/form-methods';
-import './style/index.less';
-
+import formMethods from "../utils/form-methods";
+import "./style/index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var IglooTextArea = function IglooTextArea(props) {
   var _useContext = useContext(LocaleContext),
-      formatMessage = _useContext.formatMessage;
-
+    formatMessage = _useContext.formatMessage;
   var maxLength = props.maxLength,
-      onChangeProps = props.onChange;
-
+    onChangeProps = props.onChange;
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      haveInput = _useState2[0],
-      setHavaInput = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    haveInput = _useState2[0],
+    setHavaInput = _useState2[1];
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      showLeft = _useState4[0],
-      setShowLeft = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    showLeft = _useState4[0],
+    setShowLeft = _useState4[1];
   var _useState5 = useState(''),
-      _useState6 = _slicedToArray(_useState5, 2),
-      inputValue = _useState6[0],
-      setInputValue = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    inputValue = _useState6[0],
+    setInputValue = _useState6[1];
   useEffect(function () {
     if (!haveInput) {
       setShowLeft(false);
       return;
     }
-
     if (maxLength && haveInput) {
       setShowLeft(true);
     }
   }, [maxLength, haveInput, inputValue]);
-
   function handleOnChange(e, onChangeProps, maxLength) {
     onChangeProps && onChangeProps(e);
     if (!maxLength) return;
@@ -75,20 +56,20 @@ var IglooTextArea = function IglooTextArea(props) {
     value === '' ? setHavaInput(false) : setHavaInput(true);
     setInputValue(value);
   }
-
   var canInputNum = maxLength ? maxLength - inputValue.length : 1;
-  return _jsxs("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: classnames("".concat(canInputNum < 0 ? 'igloo-input-text-area-error' : ''), 'igloo-input-text-area'),
-    children: [_jsx(_Input.TextArea, _objectSpread(_objectSpread({
+    children: [/*#__PURE__*/_jsx(Input.TextArea, _objectSpread(_objectSpread({
       className: classnames('igloo-input'),
       rows: 3
+      // 截取了maxlength的控制权没有交给 antd组件，样式需要控制
     }, omit(props, [].concat(_toConsumableArray(formMethods), ['maxLength']))), {}, {
       onChange: function onChange(e) {
         return handleOnChange(e, onChangeProps, maxLength);
       }
-    })), _jsx("div", {
+    })), /*#__PURE__*/_jsx("div", {
       className: "igloo-input-text-area-right-bottom-cover"
-    }), showLeft && _jsx("div", {
+    }), showLeft && /*#__PURE__*/_jsx("div", {
       className: "".concat(canInputNum < 0 ? 'igloo-input-text-area-remind-has-error' : 'igloo-input-text-area-remind'),
       children: canInputNum < 0 ? formatMessage({
         id: '{canInputNum} characters over',
@@ -104,22 +85,18 @@ var IglooTextArea = function IglooTextArea(props) {
     })]
   });
 };
-
 function checkNumber(value, maxLength, required) {
   if (!value) {
     return Promise.resolve();
   }
-
   if (maxLength && value.length > maxLength) {
     return Promise.reject();
   }
-
   return Promise.resolve();
 }
-
 IglooTextArea.formItemPropsHandler = function (config) {
   var required = config.required,
-      maxLength = config.maxLength;
+    maxLength = config.maxLength;
   return {
     rules: [{
       validator: function validator(_, value) {
@@ -128,5 +105,4 @@ IglooTextArea.formItemPropsHandler = function (config) {
     }]
   };
 };
-
 export default IglooTextArea;