@titaui/pc 1.8.4 → 1.8.61

package/lib/components/dialog/index.css

@@ -11,7 +11,7 @@
 
 .rc-dialog-mask {
   z-index: 1299 !important;
-  background: rgba(20, 28, 40, 0.5) !important;
+  background: rgba(20, 28, 40, 0.7) !important;
 }
 
 .titaui-dialog {

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

@@ -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/input/index.js

@@ -159,7 +159,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)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, !!label && /*#__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"))

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

@@ -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,8 @@ 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;
   var inputRef = (0, _react.useRef)();
 
   var _useState = (0, _react.useState)(false),
@@ -83,7 +84,7 @@ 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];
@@ -93,12 +94,12 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       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];
@@ -150,15 +151,17 @@ 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;
+    if (!btnCanClick) return;
     btnClick && btnClick();
     var time = 60;
     setBtn_info("".concat(time, "s\u91CD\u65B0\u53D1\u9001"));
@@ -166,7 +169,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     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 +180,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 +194,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 +204,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

@@ -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/index.js

@@ -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");
@@ -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/table/index.css

@@ -9,6 +9,7 @@
 .tita-pc__table {
   width: 100%;
   overflow: auto;
+  min-height: 200px;
 }
 
 .tita-pc__table-pagination {

package/lib/components/upload-photo-modal/constant.js

@@ -7,23 +7,29 @@ exports.List = void 0;
 var List = [{
   id: 'person',
   accept: '.jpg,.jpeg,.gif,.png',
-  autoCropArea: 0.5,
+  autoCropArea: 1,
   initialAspectRatio: 1,
   tips: '仅支持 jpg、jpeg、gif、png 格式 建议图片最小尺寸 150*150px',
-  previewTitle: '预览'
+  previewTitle: '预览',
+  minCropBoxHeight: 60,
+  minCropBoxWidth: 60
 }, {
   id: 'enterprise',
   accept: '.jpg,.jpeg,.gif,.png',
   autoCropArea: 1,
   initialAspectRatio: 5,
   tips: '建议 logo 尺寸 400*80 logo 最佳适配颜色为白色 仅支持 jpg、jpeg、gif、png 格式',
-  previewTitle: 'logo 预览'
+  previewTitle: 'logo 预览',
+  minCropBoxHeight: 20,
+  minCropBoxWidth: 20
 }, {
   id: 'browser',
   accept: '',
   autoCropArea: 0.5,
   initialAspectRatio: 1,
   tips: '图标尺寸 18*18，超过将被浏览器压缩',
-  previewTitle: '浏览器图标预览'
+  previewTitle: '浏览器图标预览',
+  minCropBoxHeight: 20,
+  minCropBoxWidth: 20
 }];
 exports.List = List;

package/lib/components/upload-photo-modal/index.css

@@ -183,8 +183,7 @@
 .tita-ui-change-person-photo__preview-enterprise-img {
   position: absolute;
   top: 1px;
-  right: 45px;
-  width: 70px;
+  min-width: 70px;
   height: 28px;
 }