@titaui/pc 1.7.96 → 1.7.97

package/lib/components/dialog/index.css

@@ -100,6 +100,10 @@
   color: #ffffff;
 }
 
+.titaui-dialog__btn-ok-not-allowed {
+  cursor: not-allowed;
+}
+
 .titaui-dialog__btn-cancel {
   border: 1px solid #e9ecf0;
   color: #6f7886;

package/lib/components/dialog/index.js

@@ -15,14 +15,12 @@ require("rc-dialog/assets/index.css");
 
 require("./index.css");
 
-var _excluded = ["onOk", "onCancel", "okText", "cancelText", "footer", "noFooter", "noHeadLine", "noCloseIcon", "noFooterLine", "visible", "extraClass", "extendFooterBtn"];
+var _excluded = ["onOk", "onCancel", "okText", "cancelText", "footer", "noFooter", "noHeadLine", "noCloseIcon", "noFooterLine", "visible", "extraClass", "extendFooterBtn", "disabled"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-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 _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."); }
@@ -35,6 +33,8 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 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 _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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -42,7 +42,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var preCls = 'titaui-dialog';
 
 var _default = function _default(props) {
-  var _classNames;
+  var _classNames2;
 
   var _props$onOk = props.onOk,
       onOk = _props$onOk === void 0 ? function () {
@@ -65,6 +65,7 @@ var _default = function _default(props) {
       _props$extraClass = props.extraClass,
       extraClass = _props$extraClass === void 0 ? [] : _props$extraClass,
       extendFooterBtn = props.extendFooterBtn,
+      disabled = props.disabled,
       restProps = _objectWithoutProperties(props, _excluded);
 
   var baseFooter = [extendFooterBtn, /*#__PURE__*/_react["default"].createElement("span", {
@@ -75,14 +76,14 @@ var _default = function _default(props) {
     className: (0, _classnames["default"])("".concat(preCls, "__btn-cancel-text"))
   }, cancelText)), /*#__PURE__*/_react["default"].createElement("span", {
     key: "ok",
-    className: (0, _classnames["default"])("".concat(preCls, "__btn"), "".concat(preCls, "__btn-ok")),
+    className: (0, _classnames["default"])("".concat(preCls, "__btn"), "".concat(preCls, "__btn-ok"), _defineProperty({}, "".concat(preCls, "__btn-ok-not-allowed"), disabled)),
     onClick: onOk
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__btn-ok-text"))
   }, okText))];
   return /*#__PURE__*/_react["default"].createElement(_rcDialog["default"], _extends({
     visible: visible,
-    className: (0, _classnames["default"])(preCls, _toConsumableArray(extraClass), (_classNames = {}, _defineProperty(_classNames, "".concat(preCls, "-no-head-line"), noHeadLine), _defineProperty(_classNames, "".concat(preCls, "-no-footer-line"), noFooterLine), _defineProperty(_classNames, "".concat(preCls, "-no-close"), noCloseIcon), _defineProperty(_classNames, "".concat(preCls, "-no-footer"), noFooter), _classNames)),
+    className: (0, _classnames["default"])(preCls, _toConsumableArray(extraClass), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(preCls, "-no-head-line"), noHeadLine), _defineProperty(_classNames2, "".concat(preCls, "-no-footer-line"), noFooterLine), _defineProperty(_classNames2, "".concat(preCls, "-no-close"), noCloseIcon), _defineProperty(_classNames2, "".concat(preCls, "-no-footer"), noFooter), _classNames2)),
     closeIcon: /*#__PURE__*/_react["default"].createElement("span", {
       className: "tu-icon-close"
     }),

package/lib/components/form/form-fields/input/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;
@@ -17,7 +31,7 @@
 
 .form-field-input__border {
   padding: 6px 12px;
-  border-radius: 3px;
+  border-radius: 8px;
   transition: all 0.2s;
   border: 1px solid #e9ecf0;
   box-sizing: border-box;
@@ -35,13 +49,13 @@
 }
 
 .form-field-input__border--error {
-  box-shadow: inset 0px 0px 4px 0px rgba(240, 94, 94, 0.3) !important;
-  border: 1px solid #f05e5e !important;
+  box-shadow: inset 0px 0px 4px 0px rgba(240, 94, 94, 0.3);
+  border: 1px solid #f05e5e;
 }
 
 .form-field-input__border--active {
-  box-shadow: inset 0px 0px 4px 0px rgba(40, 121, 255, 0.3);
-  border: 1px solid #2879ff;
+  box-shadow: inset 0px 0px 4px 0px rgba(40, 121, 255, 0.3) !important;
+  border: 1px solid #2879ff !important;
 }
 
 .form-field-input__input {

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

@@ -41,21 +41,21 @@ var OverlayInner = function OverlayInner(_ref) {
   var hasError = _ref.hasError,
       hasActive = _ref.hasActive,
       tip = _ref.tip;
-  if (hasError) return /*#__PURE__*/_react["default"].createElement("span", {
+  if (hasActive) return /*#__PURE__*/_react["default"].createElement("span", {
     style: {
-      'color': '#F05E5E'
+      'color': '#3F4755'
     }
   }, tip);
-  if (hasActive) return /*#__PURE__*/_react["default"].createElement("span", {
+  if (hasError) return /*#__PURE__*/_react["default"].createElement("span", {
     style: {
-      'color': '#3F4755'
+      'color': '#F05E5E'
     }
   }, 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,
@@ -65,7 +65,8 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       type = props.type,
       name = props.name,
       disabled = props.disabled,
-      getContainer = props.getContainer;
+      getContainer = props.getContainer,
+      layout = props.layout;
   var inputRef = (0, _react.useRef)();
 
   var _useState = (0, _react.useState)(false),
@@ -155,7 +156,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     };
   });
   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", {
@@ -163,7 +164,7 @@ 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), _defineProperty(_classNames, "".concat(preCls, "__border--disabled"), disabled), _classNames))
+    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',
     destroyTooltipOnHide: true,

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

@@ -24,8 +24,8 @@
 }
 
 .form-field-input__border--error {
-  box-shadow: inset 0px 0px 4px 0px rgba(240, 94, 94, 0.3) !important;
-  border: 1px solid #f05e5e !important;
+  box-shadow: inset 0px 0px 4px 0px rgba(240, 94, 94, 0.3);
+  border: 1px solid #f05e5e;
 }
 
 .form-field-input__border--active {

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

@@ -63,7 +63,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   });
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefixCls, " ").concat(className)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, !!label && /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefixCls, "__label")
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefixCls, "__label-text")

package/lib/components/table/index.css

@@ -120,3 +120,7 @@
   color: #a4acb9;
   font-size: 12px;
 }
+
+.tita-pc__pagination-only-one .titaui-pagination__select-selector {
+  margin-right: 26px;
+}

package/lib/components/table/index.js

@@ -27,6 +27,8 @@ 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 _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 _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."); }
@@ -247,6 +249,7 @@ var _default = function _default(props) {
       return setRowSelected([]);
     }
   }, "\u6E05\u7A7A\u6240\u9009"))), !!total && /*#__PURE__*/_react["default"].createElement(_pagination["default"], {
+    className: (0, _classnames["default"])(_defineProperty({}, "".concat(preCls, "__pagination-only-one"), pageSize > total)),
     pageSize: pageSize,
     total: total,
     current: pageNum,

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

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.List = void 0;
+
+var _requestApi = require("./request-api");
+
+var _toast = _interopRequireDefault(require("../../components/toast"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var List = [{
+  id: 'person',
+  accept: '.jpg,.jpeg,.gif,.png',
+  autoCropArea: 0.5,
+  initialAspectRatio: 1,
+  tips: '仅支持 jpg、jpeg、gif、png 格式 建议图片最小尺寸 150*150px',
+  previewTitle: '预览',
+  handleSaveInfo: function handleSaveInfo(data, onCancel, image) {
+    if (!image) {
+      return;
+    } else {
+      (0, _requestApi.saveUserInfo)({
+        data: data
+      }).then(function (resp) {
+        if (resp.Code === 1) {
+          _toast["default"].Success('保存成功', {
+            canClose: false
+          });
+
+          onCancel();
+        } else {
+          _toast["default"].Error(resp.Message, {
+            canClose: false
+          });
+        }
+      });
+    }
+  }
+}, {
+  id: 'enterprise',
+  accept: '.jpg,.jpeg,.gif,.png',
+  autoCropArea: 1,
+  initialAspectRatio: 5,
+  tips: '建议 logo 尺寸 400*80 logo 最佳适配颜色为白色 仅支持 jpg、jpeg、gif、png 格式',
+  previewTitle: 'logo 预览',
+  handleSaveInfo: function handleSaveInfo(data, onCancel, image) {
+    if (!image) {
+      return;
+    } else {
+      (0, _requestApi.saveTenantLogo)({
+        data: data
+      }).then(function (resp) {
+        if (resp.Code === 1) {
+          _toast["default"].Success('保存成功', {
+            canClose: false
+          });
+
+          onCancel();
+        } else {
+          _toast["default"].Error(resp.Message, {
+            canClose: false
+          });
+        }
+      });
+    }
+  }
+}, {
+  id: 'browser',
+  accept: '',
+  autoCropArea: 0.5,
+  initialAspectRatio: 1,
+  tips: '图标尺寸 18*18，超过将被浏览器压缩',
+  previewTitle: '浏览器图标预览',
+  handleSaveInfo: function handleSaveInfo(data, onCancel, image) {
+    if (!image) {
+      return;
+    } else {
+      (0, _requestApi.saveTenantLogo)({
+        data: data
+      }).then(function (resp) {
+        if (resp.Code === 1) {
+          _toast["default"].Success('保存成功', {
+            canClose: false
+          });
+
+          onCancel();
+        } else {
+          _toast["default"].Error(resp.Message, {
+            canClose: false
+          });
+        }
+      });
+    }
+  }
+}];
+exports.List = List;

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

@@ -0,0 +1,276 @@
+.tita-ui-change-person-photo__img {
+  display: flex;
+  justify-content: space-between;
+  box-sizing: border-box;
+  padding: 0 32px;
+}
+
+.tita-ui-change-person-photo__img .cropper-wrap-box {
+  border-radius: 12px;
+}
+
+.tita-ui-change-person-photo__img .cropper-canvas {
+  border-radius: 12px;
+}
+
+.tita-ui-change-person-photo__img .cropper-crop {
+  border-radius: 12px;
+}
+
+.tita-ui-change-person-photo__upload {
+  display: flex;
+  justify-content: space-between;
+  box-sizing: border-box;
+  padding: 0 32px;
+}
+
+.tita-ui-change-person-photo__upload-preview {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.tita-ui-change-person-photo__upload-right {
+  position: relative;
+  width: 240px;
+  height: 240px;
+  background: #f0f2f5;
+  border-radius: 12px;
+  box-sizing: border-box;
+  padding: 30px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.tita-ui-change-person-photo__upload-right-input {
+  position: absolute;
+  top: 76px;
+  width: 240px;
+  height: 60px;
+  opacity: 0;
+  cursor: pointer;
+}
+
+.tita-ui-change-person-photo__upload-right-icon {
+  cursor: pointer;
+  margin-top: 46px;
+  font-size: 32px;
+  color: #2879ff;
+}
+
+.tita-ui-change-person-photo__upload-right-title {
+  margin-top: 4px;
+  font-size: 12px;
+  font-weight: 400;
+  color: #2879ff;
+  line-height: 18px;
+  cursor: pointer;
+}
+
+.tita-ui-change-person-photo__upload-right-tips {
+  margin-top: 8px;
+  font-size: 12px;
+  font-weight: 400;
+  color: #a4acb9;
+  line-height: 18px;
+  text-align: center;
+}
+
+.tita-ui-change-person-photo__upload-left {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-left: 36px;
+  width: 136px;
+  height: 100%;
+}
+
+.tita-ui-change-person-photo__upload-left-box1 {
+  width: 136px;
+  height: 136px;
+  background: #f0f2f5;
+  border-radius: 50%;
+}
+
+.tita-ui-change-person-photo__upload-left-box2 {
+  width: 48px;
+  height: 48px;
+  background: #f0f2f5;
+  border-radius: 50%;
+  margin-top: 14px;
+}
+
+.tita-ui-change-person-photo__upload-left-box3 {
+  width: 28px;
+  height: 28px;
+  background: #f0f2f5;
+  border-radius: 50%;
+  margin-top: 14px;
+}
+
+.tita-ui-change-person-photo__upload-left-box {
+  width: 160px;
+  height: 32px;
+  background: #F0F2F5;
+  border-radius: 2px;
+  border: 1px solid #E9ECF0;
+}
+
+.tita-ui-change-person-photo__upload-left-preview {
+  margin-top: 8px;
+  font-size: 14px;
+  font-weight: 400;
+  color: #3F4755;
+  line-height: 22px;
+}
+
+.tita-ui-change-person-photo__preview {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.tita-ui-change-person-photo__preview-box {
+  position: relative;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+}
+
+.tita-ui-change-person-photo__preview-box-bgc {
+  width: 160px;
+  height: 32px;
+  background: #2879FF;
+  border-radius: 2px;
+  border: 1px solid #E9ECF0;
+}
+
+.tita-ui-change-person-photo__preview-box-browser {
+  margin-left: 16px;
+  width: 176px;
+  height: 48px;
+  background: #F0F2F5;
+  border-radius: 2px;
+  border: 1px solid #E9ECF0;
+  background-image: url("./img/browser-preview-bgc.png");
+  background-size: 170px 28px;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+
+.tita-ui-change-person-photo__preview-box1 {
+  width: 136px;
+  height: 136px;
+  border-radius: 50%;
+}
+
+.tita-ui-change-person-photo__preview-box2 {
+  margin-top: 14px;
+  width: 48px;
+  height: 48px;
+  border-radius: 50%;
+}
+
+.tita-ui-change-person-photo__preview-box3 {
+  margin-top: 14px;
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+}
+
+.tita-ui-change-person-photo__preview-enterprise-img {
+  position: absolute;
+  top: 2px;
+  right: 45px;
+  width: 70px;
+  height: 28px;
+}
+
+.tita-ui-change-person-photo__preview-enterprise-title {
+  margin-top: 36px;
+  font-size: 14px;
+  font-weight: 400;
+  color: #3F4755;
+  line-height: 22px;
+}
+
+.tita-ui-change-person-photo__preview-browser-img {
+  position: absolute;
+  top: 15px;
+  left: 16px;
+  width: 18px;
+  height: 18px;
+}
+
+.tita-ui-change-person-photo__preview-browser-name {
+  position: absolute;
+  top: 15px;
+  right: 10px;
+  font-size: 12px;
+  font-weight: 400;
+  color: #3F4755;
+  line-height: 18px;
+}
+
+.tita-ui-change-person-photo__preview-browser-title {
+  margin-top: 58px;
+  font-size: 14px;
+  font-weight: 400;
+  color: #3F4755;
+  line-height: 22px;
+}
+
+.tita-ui-change-person-photo__preview-title {
+  margin-top: 8px;
+  font-size: 14px;
+  font-weight: 400;
+  color: #6f7886;
+  line-height: 22px;
+}
+
+.tita-ui-change-person-photo__title {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+  padding: 8px 32px 0 32px;
+}
+
+.tita-ui-change-person-photo__title-input {
+  display: none;
+  position: absolute;
+  width: 240px;
+  height: 30px;
+}
+
+.tita-ui-change-person-photo__title-input--show {
+  display: block;
+  opacity: 0;
+  cursor: pointer;
+}
+
+.tita-ui-change-person-photo__title-again {
+  margin-left: 92px;
+  margin-top: 8px;
+  font-size: 14px;
+  font-weight: 400;
+  color: #bfc7d5;
+  line-height: 22px;
+}
+
+.tita-ui-change-person-photo__title-again--show {
+  cursor: pointer;
+  color: #2879ff;
+}
+
+.tita-ui-change-person-photo__title-preview {
+  margin-right: 54px;
+  margin-top: 8px;
+  font-size: 14px;
+  font-weight: 400;
+  color: #6f7886;
+  line-height: 22px;
+}