@titaui/pc 1.7.101 → 1.8.3

package/lib/pages/personal-info/components/base-info/index.js

@@ -9,15 +9,13 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _button = require("../../../../components/button");
-
 var _form = _interopRequireDefault(require("../../../../components/form"));
 
 var _requestApi = require("../../request-api");
 
 var _getLocale = require("../../../../utils/getLocale");
 
-var _toast = _interopRequireDefault(require("../../../../components/toast"));
+var _editInfo = _interopRequireDefault(require("../edit-info"));
 
 require("./index.css");
 
@@ -62,58 +60,15 @@ var BaseInfo = function BaseInfo() {
 
   var _useState3 = (0, _react.useState)(false),
       _useState4 = _slicedToArray(_useState3, 2),
-      isDisable = _useState4[0],
-      setIsDisable = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      isEdit = _useState6[0],
-      setIsEdit = _useState6[1];
-
-  var handleSaveInfo = function handleSaveInfo() {
-    //校验
-    var err = formRef.current.verifing({
-      truonlyFirstErrore: false
-    });
-
-    if (err.length > 0) {
-      return;
-    } else {
-      (0, _requestApi.saveUserInfo)({
-        data: userInfo
-      }).then(function (resp) {
-        if (resp.Code === 1) {
-          _toast["default"].Success((0, _getLocale.getLocale)('Per_Ma_form_Updatesuc'), {
-            canClose: false
-          });
-        } else {
-          _toast["default"].Error(resp.Message, {
-            canClose: false
-          });
-        }
-      });
-    }
-  };
+      visible = _useState4[0],
+      setVisible = _useState4[1];
 
-  var handleNameChange = function handleNameChange(value) {
-    setUserInfo(_objectSpread(_objectSpread({}, userInfo), {}, {
-      name: value || ""
-    }));
-    setIsEdit(true);
+  var handleClickEdit = function handleClickEdit() {
+    setVisible(true);
   };
 
-  var handlePhoneChange = function handlePhoneChange(value) {
-    setUserInfo(_objectSpread(_objectSpread({}, userInfo), {}, {
-      mobile: value || ""
-    }));
-    setIsEdit(true);
-  };
-
-  var handleEmailChange = function handleEmailChange(value) {
-    setUserInfo(_objectSpread(_objectSpread({}, userInfo), {}, {
-      email: value || ""
-    }));
-    setIsEdit(true);
+  var handleCancelEdit = function handleCancelEdit() {
+    setVisible(false);
   };
 
   (0, _react.useEffect)(function () {
@@ -125,24 +80,18 @@ var BaseInfo = function BaseInfo() {
       }
     });
   }, []);
-  (0, _react.useEffect)(function () {
-    if (userInfo.name && userInfo.mobile && isEdit) {
-      setIsDisable(false);
-    } else {
-      setIsDisable(true);
-    }
-  }, [userInfo, isEdit]);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__header")
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__header-title")
-  }, (0, _getLocale.getLocale)('Per_Ass_New_title_text_BasicIn')), /*#__PURE__*/_react["default"].createElement(_button.RectBtn, {
-    type: "primary",
-    text: (0, _getLocale.getLocale)('Mod_Save'),
-    disabled: isDisable,
-    onClick: handleSaveInfo
+  }, (0, _getLocale.getLocale)('Per_Ass_New_title_text_BasicIn')), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__header-btn"),
+    onClick: handleClickEdit
+  }, (0, _getLocale.getLocale)('Mod_Editor')), /*#__PURE__*/_react["default"].createElement(_editInfo["default"], {
+    visible: visible,
+    onCancel: handleCancelEdit
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__form")
   }, /*#__PURE__*/_react["default"].createElement(_form["default"], {
@@ -150,44 +99,27 @@ var BaseInfo = function BaseInfo() {
   }, /*#__PURE__*/_react["default"].createElement(Fields.Input, {
     name: "name",
     label: (0, _getLocale.getLocale)('Mod_UserName'),
-    placeholder: "请输入姓名",
+    placeholder: "未设置",
     type: "text",
-    require: true,
-    verifies: [{
-      "tip": "姓名不能为空",
-      "test": /\S/
-    }, {
-      "tip": "姓名只能为中文，英文字母和数字及下划线的组合",
-      "test": /^((?!(\uff08|\uff09)).)*$/g
-    }],
+    verifies: [],
     value: userInfo.name,
-    onChange: handleNameChange
+    disabled: true
   }), /*#__PURE__*/_react["default"].createElement(Fields.Input, {
     name: "phone",
     type: "text",
     label: "手机号码",
-    placeholder: "请输入联系手机号码",
-    require: true,
+    placeholder: "未设置",
     value: userInfo.mobile,
-    verifies: [{
-      "tip": "手机号不能为空",
-      "test": /^[\s\S]+$/
-    }, {
-      "tip": "请输入11位手机号",
-      "test": /^1[3456789]\d{9}$/
-    }],
-    onChange: handlePhoneChange
+    verifies: [],
+    disabled: true
   }), /*#__PURE__*/_react["default"].createElement(Fields.Input, {
     name: "email",
     type: "text",
     label: "电子邮箱",
     value: userInfo.email,
-    placeholder: "请输入联系邮箱",
-    verifies: [{
-      "tip": "邮箱格式错误",
-      "test": /^([a-zA-Z0-9_-]|\.)+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/
-    }],
-    onChange: handleEmailChange
+    placeholder: "未设置",
+    verifies: [],
+    disabled: true
   }))));
 };
 

package/lib/pages/personal-info/components/edit-info/index.css

@@ -0,0 +1,19 @@
+.titaui-edit-personal-info__form .titaui-form {
+  box-sizing: border-box;
+  padding: 0 32px;
+}
+
+.titaui-edit-personal-info__form .form-field-input__label {
+  width: 62px;
+}
+
+.titaui-edit-personal-info__form .form-field-input__label-text {
+  font-size: 14px;
+  font-weight: 400;
+  color: #89919F;
+  line-height: 22px;
+}
+
+.titaui-edit-personal-info__form .rc-tooltip {
+  left: 110.5px !important;
+}

package/lib/pages/personal-info/components/edit-info/index.js

@@ -0,0 +1,209 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _form = _interopRequireDefault(require("../../../../components/form"));
+
+var _requestApi = require("../../request-api");
+
+var _toast = _interopRequireDefault(require("../../../../components/toast"));
+
+var _dialog = _interopRequireDefault(require("../../../../components/dialog"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var Fields = _form["default"].Fields;
+var prefix = "titaui-edit-personal-info";
+
+var EditBaseInfo = function EditBaseInfo(props) {
+  var visible = props.visible,
+      onCancel = props.onCancel;
+  var modalRef = (0, _react.useRef)();
+  var formContainerRef = (0, _react.useRef)();
+  var formRef = (0, _react.useRef)();
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isDisable = _useState2[0],
+      setIsDisable = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isEdit = _useState4[0],
+      setIsEdit = _useState4[1];
+
+  var _useState5 = (0, _react.useState)({
+    name: '',
+    email: '',
+    mobile: ''
+  }),
+      _useState6 = _slicedToArray(_useState5, 2),
+      userInfo = _useState6[0],
+      setUserInfo = _useState6[1];
+
+  var handleNameChange = function handleNameChange(value) {
+    setUserInfo(_objectSpread(_objectSpread({}, userInfo), {}, {
+      name: value || ''
+    }));
+    setIsEdit(true);
+  };
+
+  var handlePhoneChange = function handlePhoneChange(value) {
+    setUserInfo(_objectSpread(_objectSpread({}, userInfo), {}, {
+      mobile: value || ''
+    }));
+    setIsEdit(true);
+  };
+
+  var handleEmailChange = function handleEmailChange(value) {
+    setUserInfo(_objectSpread(_objectSpread({}, userInfo), {}, {
+      email: value || ''
+    }));
+    setIsEdit(true);
+  };
+
+  var handleSaveUserInfo = function handleSaveUserInfo() {
+    if (!userInfo.email || !userInfo.mobile || !userInfo.name || isDisable) {
+      setIsDisable(true);
+      return;
+    } else {
+      (0, _requestApi.saveUserInfo)({
+        data: userInfo
+      }).then(function (resp) {
+        if (resp.Code === 1) {
+          _toast["default"].Success('更新成功', {
+            canClose: false
+          });
+
+          onCancel();
+          setTimeout(function () {
+            window.location.reload();
+          }, 2000);
+        } else {
+          _toast["default"].Error(resp.Message, {
+            canClose: false
+          });
+        }
+      });
+    }
+  };
+
+  (0, _react.useEffect)(function () {
+    (0, _requestApi.getUserInfoFun)().then(function (resp) {
+      if (resp.Code === 1 && resp.Data) {
+        setUserInfo(_objectSpread(_objectSpread({}, resp.Data), {}, {
+          position: resp.Data.positionCode
+        }));
+      }
+    });
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (userInfo.name && userInfo.mobile && isEdit) {
+      setIsDisable(false);
+    } else {
+      setIsDisable(true);
+    }
+  }, [userInfo, isEdit]);
+  return /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
+    visible: visible,
+    ref: modalRef,
+    width: 480,
+    mask: true,
+    centered: true,
+    title: '基本信息设置',
+    noHeadLine: true,
+    maskClosable: false,
+    onClose: onCancel,
+    onCancel: onCancel,
+    okText: "\u786E\u5B9A",
+    noFooterLine: true,
+    onOk: handleSaveUserInfo,
+    disabled: isDisable
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__form"),
+    ref: formContainerRef
+  }, /*#__PURE__*/_react["default"].createElement(_form["default"], {
+    ref: formRef,
+    getFormContainer: function getFormContainer() {
+      return formContainerRef.current;
+    }
+  }, /*#__PURE__*/_react["default"].createElement(Fields.Input, {
+    name: "name",
+    label: '姓名',
+    placeholder: '请输入姓名',
+    type: "text",
+    require: true,
+    layout: "row",
+    verifies: [{
+      tip: '姓名不能为空',
+      test: /\S/
+    }, {
+      tip: '姓名只能为中文，英文字母和数字及下划线的组合',
+      test: /^((?!(\uff08|\uff09)).)*$/g
+    }],
+    value: userInfo.name,
+    onChange: handleNameChange
+  }), /*#__PURE__*/_react["default"].createElement(Fields.Input, {
+    name: "phone",
+    type: "text",
+    label: '手机号码',
+    placeholder: '请输入手机号',
+    require: true,
+    layout: "row",
+    value: userInfo.mobile,
+    verifies: [{
+      tip: '手机号不能为空',
+      test: /^[\s\S]+$/
+    }, {
+      tip: '请输入11位手机号',
+      test: /^1[3456789]\d{9}$/
+    }],
+    onChange: handlePhoneChange
+  }), /*#__PURE__*/_react["default"].createElement(Fields.Input, {
+    name: "email",
+    type: "text",
+    label: '邮箱',
+    value: userInfo.email,
+    layout: "row",
+    placeholder: '请输入邮箱',
+    verifies: [{
+      tip: '邮箱格式错误',
+      test: /^([a-zA-Z0-9_-]|\.)+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/
+    }],
+    onChange: handleEmailChange
+  }))));
+};
+
+var _default = EditBaseInfo;
+exports["default"] = _default;

package/lib/pages/personal-info/components/edit-info/input/index.css

@@ -0,0 +1,89 @@
+.edit-base-info-input {
+  display: flex;
+  box-sizing: border-box;
+  padding: 0 32px;
+  align-items: center;
+  margin-bottom: 16px;
+}
+
+.edit-base-info-input__label {
+  width: 56px;
+  height: 22px;
+  font-size: 14px;
+  margin-bottom: 5px;
+  margin-right: 20px;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+  font-weight: 400;
+  line-height: 22px;
+}
+
+.edit-base-info-input__label-text {
+  color: #89919F;
+}
+
+.edit-base-info-input__label-require {
+  color: red;
+}
+
+.edit-base-info-input__border {
+  flex: 1;
+  padding: 6px 12px;
+  transition: all 0.2s;
+  border: 1px solid #e9ecf0;
+  box-sizing: border-box;
+  border-radius: 8px;
+}
+
+.edit-base-info-input__border--disabled {
+  background-color: #fafafa;
+  cursor: not-allowed;
+}
+
+.edit-base-info-input__border--disabled input:disabled {
+  background-color: #fafafa;
+  cursor: not-allowed;
+  color: #3f475594;
+}
+
+.edit-base-info-input__border--error {
+  box-shadow: inset 0px 0px 4px 0px rgba(240, 94, 94, 0.3) !important;
+  border: 1px solid #f05e5e !important;
+}
+
+.edit-base-info-input__border--active {
+  box-shadow: inset 0px 0px 4px 0px rgba(40, 121, 255, 0.3);
+  border: 1px solid #2879ff;
+}
+
+.edit-base-info-input__input {
+  display: inline-block;
+  padding: 0;
+  width: calc(100% - 12px);
+  font-size: 14px;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+  font-weight: 400;
+  color: #3f4755;
+  height: 22px;
+  line-height: inherit;
+  border: none;
+}
+
+.edit-base-info-input__input::-webkit-input-placeholder {
+  color: #bfc7d5;
+  font-weight: unset;
+}
+
+.edit-base-info-input__input::-moz-placeholder {
+  color: #bfc7d5;
+  font-weight: unset;
+}
+
+.edit-base-info-input__input:-moz-placeholder {
+  color: #bfc7d5;
+  font-weight: unset;
+}
+
+.edit-base-info-input__input:-ms-input-placeholder {
+  color: #bfc7d5;
+  font-weight: unset;
+}

package/lib/pages/personal-info/components/edit-info/input/index.js

@@ -0,0 +1,199 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _errorTip = _interopRequireDefault(require("../../../../../components/tooltip/error-tip"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var preCls = 'edit-base-info-input';
+
+var OverlayInner = function OverlayInner(_ref) {
+  var hasError = _ref.hasError,
+      hasActive = _ref.hasActive,
+      tip = _ref.tip;
+  if (hasError) return /*#__PURE__*/_react["default"].createElement("span", {
+    style: {
+      'color': '#F05E5E'
+    }
+  }, tip);
+  if (hasActive) return /*#__PURE__*/_react["default"].createElement("span", {
+    style: {
+      'color': '#3F4755'
+    }
+  }, tip);
+  return /*#__PURE__*/_react["default"].createElement("span", null);
+};
+
+var popupAlign = {
+  offset: [-12, -4],
+  overflow: {
+    adjustX: true,
+    adjustY: true
+  },
+  targetOffset: [0, 0]
+};
+
+var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _classNames;
+
+  var label = props.label,
+      verifies = props.verifies,
+      placeholder = props.placeholder,
+      onChange = props.onChange,
+      require = props.require,
+      type = props.type,
+      name = props.name,
+      disabled = props.disabled,
+      getContainer = props.getContainer;
+  var inputRef = (0, _react.useRef)();
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      hasError = _useState2[0],
+      setHasError = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      hasActive = _useState4[0],
+      setHasActive = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(''),
+      _useState6 = _slicedToArray(_useState5, 2),
+      tip = _useState6[0],
+      setTip = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(props.value || ''),
+      _useState8 = _slicedToArray(_useState7, 2),
+      value = _useState8[0],
+      setValue = _useState8[1];
+
+  (0, _react.useEffect)(function () {
+    setValue(props.value);
+  }, [props.value]);
+
+  var _verifing = function verifing() {
+    var value = inputRef.current && inputRef.current.value;
+    if (!verifies || !verifies.length) return [];
+    if (!require && !value) return [];
+    var errors = [];
+
+    for (var i = 0; i < verifies.length; i++) {
+      var _verifies$i = verifies[i],
+          test = _verifies$i.test,
+          _tip = _verifies$i.tip;
+
+      if (!value.match(test)) {
+        errors.push({
+          name: name,
+          tip: _tip
+        });
+      }
+    }
+
+    return errors;
+  };
+
+  var onInputFocusHandler = function onInputFocusHandler() {
+    setHasActive(true);
+    inputRef.current.setSelectionRange(9999999, 9999999);
+  };
+
+  var onBlurHandler = function onBlurHandler() {
+    setHasActive(false);
+  };
+
+  var onChangeHandler = function onChangeHandler() {
+    var value = inputRef.current && inputRef.current.value;
+    onChange && onChange(value);
+    setValue(value);
+
+    var errors = _verifing();
+
+    if (errors.length) {
+      setHasError(true);
+      setTip(errors[0].tip);
+    } else {
+      setHasError(false);
+      setTip('');
+    }
+  };
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      'verifing': function verifing() {
+        var errors = _verifing();
+
+        if (errors.length) {
+          setHasError(true);
+          setTip(errors[0].tip);
+          inputRef.current.focus();
+        }
+
+        return errors;
+      }
+    };
+  });
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(preCls)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__label"))
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(preCls, "__label-text"))
+  }, label)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__border"), (_classNames = {}, _defineProperty(_classNames, "".concat(preCls, "__border--error"), hasError), _defineProperty(_classNames, "".concat(preCls, "__border--active"), hasActive), _defineProperty(_classNames, "".concat(preCls, "__border--disabled"), disabled), _classNames))
+  }, /*#__PURE__*/_react["default"].createElement(_errorTip["default"], {
+    placement: 'topLeft',
+    popupAlign: popupAlign,
+    destroyTooltipOnHide: true,
+    visible: (hasActive || hasError) && tip,
+    overlay: /*#__PURE__*/_react["default"].createElement(OverlayInner, {
+      hasActive: hasActive,
+      hasError: hasError,
+      tip: tip
+    }),
+    getTooltipContainer: getContainer
+  }, /*#__PURE__*/_react["default"].createElement("input", {
+    ref: inputRef,
+    type: type,
+    disabled: disabled,
+    className: (0, _classnames["default"])("".concat(preCls, "__input")),
+    value: value,
+    placeholder: placeholder,
+    onFocus: onInputFocusHandler,
+    onBlur: onBlurHandler,
+    onChange: onChangeHandler,
+    autoComplete: "off"
+  }))));
+});
+
+exports["default"] = _default;