@titaui/pc 1.8.7 → 1.9.0

package/lib/components/file-list/components/single-file/index.js

@@ -1,6 +1,6 @@
 "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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/components/file-list/index.js

@@ -1,6 +1,6 @@
 "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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/components/firework/index.js

@@ -9,9 +9,9 @@ var _firework = _interopRequireDefault(require("./firework"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-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 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 = 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 _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; }
 

package/lib/components/follower-visitor/index.js

@@ -1,6 +1,6 @@
 "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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/components/form/form-fields/department/index.js

@@ -1,6 +1,6 @@
 "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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/components/form/form-fields/dropdown/index.js

@@ -1,6 +1,6 @@
 "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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/components/form/form-fields/duties/index.js

@@ -1,6 +1,6 @@
 "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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -160,7 +160,8 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }),
     getTooltipContainer: getContainer
   }, /*#__PURE__*/_react["default"].createElement(_dutiesSelector["default"], {
-    ref: dutiedPopRef,
+    ref: dutiedPopRef // @ts-ignore
+    ,
     multiple: false // position="bottomLeft"
     ,
     position: "centerRight",

package/lib/components/form/form-fields/group/index.js

@@ -1,6 +1,6 @@
 "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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/components/form/form-fields/input/index.js

@@ -1,6 +1,6 @@
 "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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -67,6 +67,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       disabled = props.disabled,
       getContainer = props.getContainer,
       layout = props.layout,
+      onCheckSuccess = props.onCheckSuccess,
       _props$className = props.className,
       className = _props$className === void 0 ? "" : _props$className;
   var inputRef = (0, _react.useRef)();
@@ -136,9 +137,11 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     if (errors.length) {
       setHasError(true);
       setTip(errors[0].tip);
+      onCheckSuccess && onCheckSuccess(false);
     } else {
       setHasError(false);
       setTip('');
+      onCheckSuccess && onCheckSuccess(true);
     }
   };
 

package/lib/components/form/form-fields/input-verification-code/index.css

@@ -114,4 +114,5 @@
   font-weight: 400;
   color: #A4ACB9;
   background: #F7F8FA;
+  cursor: not-allowed;
 }

package/lib/components/form/form-fields/input-verification-code/index.js

@@ -1,6 +1,6 @@
 "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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -35,7 +35,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var preCls = 'verification-code-input';
+var preCls = "verification-code-input";
 
 var OverlayInner = function OverlayInner(_ref) {
   var hasError = _ref.hasError,
@@ -43,12 +43,12 @@ var OverlayInner = function OverlayInner(_ref) {
       tip = _ref.tip;
   if (hasActive) return /*#__PURE__*/_react["default"].createElement("span", {
     style: {
-      'color': '#3F4755'
+      color: "#3F4755"
     }
   }, tip);
   if (hasError) return /*#__PURE__*/_react["default"].createElement("span", {
     style: {
-      'color': '#F05E5E'
+      color: "#F05E5E"
     }
   }, tip);
   return /*#__PURE__*/_react["default"].createElement("span", null);
@@ -70,7 +70,10 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       _props$className = props.className,
       className = _props$className === void 0 ? "" : _props$className,
       _props$btnClick = props.btnClick,
-      btnClick = _props$btnClick === void 0 ? function () {} : _props$btnClick;
+      btnClick = _props$btnClick === void 0 ? function () {} : _props$btnClick,
+      beforeSend = props.beforeSend,
+      _props$canClickCode = props.canClickCode,
+      canClickCode = _props$canClickCode === void 0 ? true : _props$canClickCode;
   var inputRef = (0, _react.useRef)();
 
   var _useState = (0, _react.useState)(false),
@@ -83,22 +86,22 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       hasActive = _useState4[0],
       setHasActive = _useState4[1];
 
-  var _useState5 = (0, _react.useState)('获取验证码'),
+  var _useState5 = (0, _react.useState)("获取验证码"),
       _useState6 = _slicedToArray(_useState5, 2),
       btn_info = _useState6[0],
       setBtn_info = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(true),
+  var _useState7 = (0, _react.useState)(canClickCode),
       _useState8 = _slicedToArray(_useState7, 2),
       btnCanClick = _useState8[0],
       setBtnCanClick = _useState8[1];
 
-  var _useState9 = (0, _react.useState)(''),
+  var _useState9 = (0, _react.useState)(""),
       _useState10 = _slicedToArray(_useState9, 2),
       tip = _useState10[0],
       setTip = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(props.value || ''),
+  var _useState11 = (0, _react.useState)(props.value || ""),
       _useState12 = _slicedToArray(_useState11, 2),
       value = _useState12[0],
       setValue = _useState12[1];
@@ -106,6 +109,9 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   (0, _react.useEffect)(function () {
     setValue(props.value);
   }, [props.value]);
+  (0, _react.useEffect)(function () {
+    setBtnCanClick(canClickCode);
+  }, [canClickCode]);
 
   var _verifing = function verifing() {
     var value = inputRef.current && inputRef.current.value;
@@ -150,23 +156,25 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       setTip(errors[0].tip);
     } else {
       setHasError(false);
-      setTip('');
+      setTip("");
     }
   };
 
   var HandlerCode = function HandlerCode() {
-    var errors = _verifing();
+    if (beforeSend) {
+      var result = beforeSend();
+      if (!result) return;
+    }
 
-    if (errors.length) return;
-    if (!btnCanClick || hasError) return;
-    btnClick && btnClick();
-    var time = 60;
+    if (!btnCanClick) return;
+    var isSuccess = btnClick && btnClick();
+    var time = isSuccess ? 60 : 3;
     setBtn_info("".concat(time, "s\u91CD\u65B0\u53D1\u9001"));
     setBtnCanClick(false);
     var timer = setInterval(function () {
       if (time === 0) {
         clearInterval(timer);
-        setBtn_info('获取验证码');
+        setBtn_info("获取验证码");
         setBtnCanClick(true);
       } else {
         setBtn_info("".concat(time, "s\u91CD\u65B0\u53D1\u9001"));
@@ -177,7 +185,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   (0, _react.useImperativeHandle)(ref, function () {
     return {
-      'verifing': function verifing() {
+      verifing: function verifing() {
         var errors = _verifing();
 
         if (errors.length) {
@@ -191,7 +199,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     };
   });
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(preCls, _defineProperty({}, "".concat(preCls, "-row"), layout === 'row'), className)
+    className: (0, _classnames["default"])(preCls, _defineProperty({}, "".concat(preCls, "-row"), layout === "row"), className)
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__label"))
   }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -201,7 +209,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, "*")), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__border"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(preCls, "__border--error"), hasError), _defineProperty(_classNames2, "".concat(preCls, "__border--active"), hasActive), _defineProperty(_classNames2, "".concat(preCls, "__border--disabled"), disabled), _classNames2))
   }, /*#__PURE__*/_react["default"].createElement(_errorTip["default"], {
-    placement: 'topLeft',
+    placement: "topLeft",
     destroyTooltipOnHide: true,
     visible: (hasActive || hasError) && tip,
     overlay: /*#__PURE__*/_react["default"].createElement(OverlayInner, {

package/lib/components/form/form-fields/password/index.css

@@ -1,3 +1,17 @@
+.form-field-input-row {
+  display: flex;
+  align-items: center;
+}
+
+.form-field-input-row .form-field-input__label {
+  margin-bottom: unset;
+}
+
+.form-field-input-row .form-field-input__border {
+  margin-left: 16px;
+  flex: 1;
+}
+
 .form-field-input__label {
   height: 22px;
   font-size: 14px;
@@ -23,6 +37,10 @@
   box-sizing: border-box;
 }
 
+.form-field-input__border .tu-icon-yincang {
+  cursor: pointer;
+}
+
 .form-field-input__border--error {
   box-shadow: inset 0px 0px 4px 0px rgba(240, 94, 94, 0.3);
   border: 1px solid #f05e5e;

package/lib/components/form/form-fields/password/index.js

@@ -1,6 +1,6 @@
 "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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -35,7 +35,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var preCls = 'form-field-input';
+var preCls = "form-field-input";
 
 var OverlayInner = function OverlayInner(_ref) {
   var hasError = _ref.hasError,
@@ -43,28 +43,28 @@ var OverlayInner = function OverlayInner(_ref) {
       tip = _ref.tip;
   if (hasError) return /*#__PURE__*/_react["default"].createElement("span", {
     style: {
-      'color': '#F05E5E'
+      color: "#F05E5E"
     }
   }, tip);
   if (hasActive) return /*#__PURE__*/_react["default"].createElement("span", {
     style: {
-      'color': '#3F4755'
+      color: "#3F4755"
     }
   }, tip);
   return /*#__PURE__*/_react["default"].createElement("span", null);
 };
 
 var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _classNames;
+  var _classNames2;
 
   var label = props.label,
       verifies = props.verifies,
       placeholder = props.placeholder,
       onChange = props.onChange,
       require = props.require,
-      type = props.type,
       name = props.name,
-      getContainer = props.getContainer;
+      getContainer = props.getContainer,
+      layout = props.layout;
   var inputRef = (0, _react.useRef)();
 
   var _useState = (0, _react.useState)(false),
@@ -77,15 +77,20 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       hasActive = _useState4[0],
       setHasActive = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(''),
+  var _useState5 = (0, _react.useState)(false),
       _useState6 = _slicedToArray(_useState5, 2),
-      tip = _useState6[0],
-      setTip = _useState6[1];
+      showPwd = _useState6[0],
+      setShowPwd = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(props.value || ''),
+  var _useState7 = (0, _react.useState)(""),
       _useState8 = _slicedToArray(_useState7, 2),
-      value = _useState8[0],
-      setValue = _useState8[1];
+      tip = _useState8[0],
+      setTip = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(props.value || ""),
+      _useState10 = _slicedToArray(_useState9, 2),
+      value = _useState10[0],
+      setValue = _useState10[1];
 
   (0, _react.useEffect)(function () {
     setValue(props.value);
@@ -134,13 +139,13 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       setTip(errors[0].tip);
     } else {
       setHasError(false);
-      setTip('');
+      setTip("");
     }
   };
 
   (0, _react.useImperativeHandle)(ref, function () {
     return {
-      'verifing': function verifing() {
+      verifing: function verifing() {
         var errors = _verifing();
 
         if (errors.length) {
@@ -153,8 +158,13 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }
     };
   });
+
+  var onTypeChangeHandler = function onTypeChangeHandler() {
+    return setShowPwd(!showPwd);
+  };
+
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(preCls)
+    className: (0, _classnames["default"])(preCls, _defineProperty({}, "".concat(preCls, "-row"), layout === "row"))
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__label"))
   }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -162,9 +172,9 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, label), require && /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__label-require"))
   }, "*")), /*#__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), _classNames))
+    className: (0, _classnames["default"])("".concat(preCls, "__border"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(preCls, "__border--error"), hasError), _defineProperty(_classNames2, "".concat(preCls, "__border--active"), hasActive), _classNames2))
   }, /*#__PURE__*/_react["default"].createElement(_errorTip["default"], {
-    placement: 'topLeft',
+    placement: "topLeft",
     destroyTooltipOnHide: true,
     visible: (hasActive || hasError) && tip,
     overlay: /*#__PURE__*/_react["default"].createElement(OverlayInner, {
@@ -173,9 +183,9 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       tip: tip
     }),
     getTooltipContainer: getContainer
-  }, /*#__PURE__*/_react["default"].createElement("input", {
+  }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("input", {
     ref: inputRef,
-    type: type,
+    type: showPwd ? "text" : "password",
     className: (0, _classnames["default"])("".concat(preCls, "__input")),
     value: value,
     placeholder: placeholder,
@@ -183,7 +193,10 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     onBlur: onBlurHandler,
     onChange: onChangeHandler,
     autoComplete: "off"
-  }))));
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "tu-icon-yincang",
+    onClick: onTypeChangeHandler
+  })))));
 });
 
 exports["default"] = _default;

package/lib/components/form/form-fields/radios/index.js

@@ -1,6 +1,6 @@
 "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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/components/form/form-fields/textarea/index.js

@@ -1,6 +1,6 @@
 "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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/components/form/form-fields/user/index.js

@@ -1,6 +1,6 @@
 "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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/components/form/index.js

@@ -1,6 +1,6 @@
 "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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -29,6 +29,8 @@ var _group = _interopRequireDefault(require("./form-fields/group"));
 
 var _inputVerificationCode = _interopRequireDefault(require("./form-fields/input-verification-code"));
 
+var _password = _interopRequireDefault(require("./form-fields/password"));
+
 var _layout = require("./layout");
 
 require("./index.css");
@@ -39,9 +41,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 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 = 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 _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; }
 
@@ -129,7 +131,8 @@ var FormFields = {
   Radios: _radios["default"],
   DropDown: _dropdown["default"],
   GroupFields: _group["default"],
-  VerificationInput: _inputVerificationCode["default"]
+  VerificationInput: _inputVerificationCode["default"],
+  Password: _password["default"]
 }; //@ts-ignore
 
 Form.Fields = FormFields;

package/lib/components/grid-layout/commen-components/card-title.js

@@ -1,6 +1,6 @@
 "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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/components/grid-layout/commen-components/data-item.js

@@ -1,6 +1,6 @@
 "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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/components/grid-layout/commen-components/empty-backgrounds.js

@@ -1,6 +1,6 @@
 "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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/components/grid-layout/commen-components/scroll-tips.js

@@ -1,6 +1,6 @@
 "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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/components/grid-layout/essay-component/index.js

@@ -1,6 +1,6 @@
 "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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/components/grid-layout/near-visitors/index.js

@@ -1,6 +1,6 @@
 "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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/components/grid-layout/near-visitors/visitor.js

@@ -1,6 +1,6 @@
 "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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/components/grid-layout/okr-align/index.js

@@ -1,6 +1,6 @@
 "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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/components/grid-layout/okr-progress/index.js

@@ -1,6 +1,6 @@
 "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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true