@titaui/pc 1.12.0-beta.1 → 1.12.0-beta.2

package/lib/components/avatar/name-avatar/index.css

@@ -55,4 +55,5 @@
   font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
   color: #6F7886;
   line-height: 20px;
+  margin-left: 4px;
 }

package/lib/components/avatar/name-avatar/index.js

@@ -58,7 +58,10 @@ var NameAvatar = function NameAvatar(props) {
       onDelUser = props.onDelUser,
       _props$textWidth = props.textWidth,
       textWidth = _props$textWidth === void 0 ? 42 : _props$textWidth,
-      textClass = props.textClass;
+      textClass = props.textClass,
+      renderRightTopCmp = props.renderRightTopCmp,
+      _props$avatarTips = props.avatarTips,
+      avatarTips = _props$avatarTips === void 0 ? '' : _props$avatarTips;
   var hasAvatar = src && !src.match(/default\w*.jpg$/);
 
   var _useState = (0, _react.useState)(false),
@@ -103,7 +106,7 @@ var NameAvatar = function NameAvatar(props) {
       style: {
         width: size.width,
         height: size.width,
-        verticalAlign: "top"
+        verticalAlign: 'top'
       },
       src: src
     });
@@ -120,11 +123,11 @@ var NameAvatar = function NameAvatar(props) {
         }
       }, /*#__PURE__*/_react["default"].createElement("div", {
         style: {
-          display: "inline-block",
+          display: 'inline-block',
           width: "".concat(size.fontSize, "px"),
-          margin: "0 auto",
-          overflow: "hidden",
-          whiteSpace: "nowrap",
+          margin: '0 auto',
+          overflow: 'hidden',
+          whiteSpace: 'nowrap',
           fontSize: "".concat(size.fontSize, "px"),
           lineHeight: "".concat(size.width, "px")
         }
@@ -134,7 +137,7 @@ var NameAvatar = function NameAvatar(props) {
       })));
     }
 
-    var cuttedName = "";
+    var cuttedName = '';
     var cuttedNameLen = 0;
 
     for (var i = 0, lent = name.length; i < lent; i++) {
@@ -167,11 +170,11 @@ var NameAvatar = function NameAvatar(props) {
     className: "titaui-pc-avator__name-avatar-container",
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, renderRightTopCmp, /*#__PURE__*/_react["default"].createElement("div", {
     onClick: handleDelUser,
     onMouseLeave: handleCloseIconMouseLeave,
     onMouseEnter: handleCloseIconMouseEnter,
-    className: "titaui-pc-avator__delete-wrapper ".concat(canDelUser && mouseIsEnterUser ? "titaui-pc-avator--enter" : ""),
+    className: "titaui-pc-avator__delete-wrapper ".concat(canDelUser && mouseIsEnterUser ? 'titaui-pc-avator--enter' : ''),
     style: {
       left: "".concat(size.width - 14, "px")
     }
@@ -185,7 +188,10 @@ var NameAvatar = function NameAvatar(props) {
     onClick: onClick,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave
-  }, hasAvatar ? renderImgAvatar() : renderTextAvatar()), showNameTips && isNameOverflow ? /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+  }, avatarTips && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    overlay: avatarTips,
+    placement: "top"
+  }, hasAvatar ? renderImgAvatar() : renderTextAvatar()), !avatarTips && (hasAvatar ? renderImgAvatar() : renderTextAvatar())), showNameTips && isNameOverflow ? /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     overlay: /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
       name: name,
       id: userId
@@ -194,14 +200,17 @@ var NameAvatar = function NameAvatar(props) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "titaui-pc-avator__name ".concat(textClass),
     style: {
-      width: textWidth
+      maxWidth: textWidth
     }
   }, /*#__PURE__*/_react["default"].createElement("span", {
     ref: textRef
-  }, name))) : /*#__PURE__*/_react["default"].createElement("span", {
+  }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+    name: name,
+    id: userId
+  })))) : /*#__PURE__*/_react["default"].createElement("span", {
     className: "titaui-pc-avator__name ".concat(textClass),
     style: {
-      width: textWidth
+      maxWidth: textWidth
     }
   }, /*#__PURE__*/_react["default"].createElement("span", {
     ref: textRef

package/lib/components/avatar/text-avatar/index.css

@@ -37,6 +37,6 @@
 
 .titaui-text-avatar--editable:hover {
   cursor: pointer;
-  border-radius: 4px;
-  border-color: #e9ecf0;
+  border-radius: 8px;
+  border-color: #dfe3ea;
 }

package/lib/components/avatar/text-avatar/index.js

@@ -41,7 +41,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var preCls = "titaui-text-avatar";
+var preCls = 'titaui-text-avatar';
 
 function TextAvatar(props) {
   var name = props.name,
@@ -54,7 +54,7 @@ function TextAvatar(props) {
       _props$isGetRoot = props.isGetRoot,
       isGetRoot = _props$isGetRoot === void 0 ? false : _props$isGetRoot,
       _props$extraCls = props.extraCls,
-      extraCls = _props$extraCls === void 0 ? "" : _props$extraCls,
+      extraCls = _props$extraCls === void 0 ? '' : _props$extraCls,
       _props$nameTips = props.nameTips,
       nameTips = _props$nameTips === void 0 ? function (name) {
     return name;
@@ -83,7 +83,7 @@ function TextAvatar(props) {
   }; // 非编辑态，不可以弹出选人组件
 
 
-  var FieldPerson = editable ? _userSelector["default"] : "span";
+  var FieldPerson = editable ? _userSelector["default"] : 'span';
 
   var renderAvatar = function renderAvatar() {
     if (showAvatar) {
@@ -91,7 +91,7 @@ function TextAvatar(props) {
         className: "".concat(preCls, "__img")
       }, /*#__PURE__*/_react["default"].createElement(_default2["default"], {
         userId: id,
-        src: avatar !== null && avatar !== void 0 && avatar.HasAvatar || avatar !== null && avatar !== void 0 && avatar.hasAvatar ? avatar.medium : "",
+        src: avatar !== null && avatar !== void 0 && avatar.HasAvatar || avatar !== null && avatar !== void 0 && avatar.hasAvatar ? avatar.medium : '',
         color: avatar === null || avatar === void 0 ? void 0 : avatar.color,
         name: name,
         size: {
@@ -132,7 +132,7 @@ function TextAvatar(props) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])(preCls, extraCls, _defineProperty({}, "".concat(preCls, "--editable"), editable)),
     style: {
-      maxWidth: width
+      width: width
     }
   }, renderAvatar(), /*#__PURE__*/_react["default"].createElement("span", {
     ref: text,
@@ -143,7 +143,7 @@ function TextAvatar(props) {
   })))), !showTooltip && /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])(preCls, extraCls, _defineProperty({}, "".concat(preCls, "--editable"), editable)),
     style: {
-      maxWidth: width
+      width: width
     }
   }, renderAvatar(), /*#__PURE__*/_react["default"].createElement("span", {
     ref: text,

package/lib/components/button/rect-btn/index.css

@@ -13,7 +13,7 @@
   align-items: center;
   justify-content: center;
   min-width: 64px;
-  font-size: 13px;
+  font-size: 14px;
   padding: 0 12px;
 }
 
@@ -60,21 +60,35 @@
   background: #5c8eff;
 }
 
+.titaui-rect-btn--secondary {
+  font-size: 14px;
+  font-weight: normal;
+  color: #2879ff;
+  line-height: 28px;
+  background: rgba(40, 121, 255, 0.2);
+  margin-right: 16px;
+}
+
+.titaui-rect-btn--secondary:hover {
+  color: #fff;
+  background-color: #2879ff;
+}
+
 .titaui-rect-btn--cancel {
-  color: #6F7886;
-  border: 1px solid #DFE3EA;
-  background: #FFFFFF;
+  color: #6f7886;
+  border: 1px solid #dfe3ea;
+  background: #ffffff;
 }
 
 .titaui-rect-btn--cancel:hover {
-  color: #2879FF;
-  border: 1px solid #2879FF;
+  color: #2879ff;
+  border: 1px solid #2879ff;
 }
 
 .titaui-rect-btn--delete {
-  background: #FFFFFF;
-  color: #F05E5E;
-  border: 1px solid #F05E5E;
+  background: #ffffff;
+  color: #f05e5e;
+  border: 1px solid #f05e5e;
 }
 
 .titaui-rect-btn--delete:hover {
@@ -92,11 +106,31 @@
   user-select: none;
 }
 
+.titaui-rect-btn--disabled:hover .titaui-rect-btn--default:hover {
+  background: #fff;
+}
+
+.titaui-rect-btn--disabled:hover .titaui-rect-btn--primary:hover {
+  background: #2879ff;
+}
+
+.titaui-rect-btn--disabled:hover .titaui-rect-btn--secondary:hover {
+  background: rgba(40, 121, 255, 0.2);
+}
+
+.titaui-rect-btn--disabled:hover .titaui-rect-btn--cancel:hover {
+  background: #ffffff;
+}
+
+.titaui-rect-btn--disabled:hover .titaui-rect-btn--delete:hover {
+  background: #ffffff;
+}
+
 .titaui-rect-btn--primary.titaui-rect-btn--disabled {
-  background: #93BCFF;
+  background: #93bcff;
   opacity: 1;
 }
 
 .titaui-rect-btn--primary.titaui-rect-btn--disabled:hover {
-  background: #93BCFF;
+  background: #93bcff;
 }

package/lib/components/button/rect-btn/index.js

@@ -34,7 +34,10 @@ function RectBtn(props) {
       className = _props$className === void 0 ? '' : _props$className,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? false : _props$disabled,
-      style = props.style;
+      style = props.style,
+      children = props.children,
+      _props$loading = props.loading,
+      loading = _props$loading === void 0 ? false : _props$loading;
 
   var renderIcon = function renderIcon() {
     if (typeof icon === 'string') {
@@ -50,16 +53,19 @@ function RectBtn(props) {
     }, icon);
   };
 
-  var onClickHandler = function onClickHandler() {
-    if (disabled) return;
-    onClick && onClick();
+  var onClickHandler = function onClickHandler(e) {
+    if (disabled || loading) return;
+
+    if (onClick) {
+      onClick(e);
+    }
   };
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])(precls, "".concat(precls, "--").concat(type), "".concat(precls, "--").concat(size), _defineProperty({}, "".concat(precls, "--disabled"), disabled), className),
+    className: (0, _classnames["default"])(precls, "".concat(precls, "--").concat(type), "".concat(precls, "--").concat(size), _defineProperty({}, "".concat(precls, "--disabled"), disabled || loading), className),
     style: style,
     onClick: onClickHandler
-  }, icon && renderIcon(), props.children || text);
+  }, icon && renderIcon(), children || text);
 }
 
 var _default = RectBtn;

package/lib/components/change-okr-modal/index.js

@@ -504,7 +504,7 @@ var _initialiseProps = function _initialiseProps() {
 
   this.getListData = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(isLoading) {
-      var _this4$state2, keywords, type, users, departments, data, nextPage, toUserId, _this4$state3, status, cycle, year, okrPopType, url;
+      var _this4$state2, keywords, type, users, departments, data, nextPage, toUserId, _this4$state3, status, cycle, year, _this4$props2, okrPopType, _this4$props2$include, includeCreateFailApprovalOkr, url;
 
       return regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
@@ -520,7 +520,7 @@ var _initialiseProps = function _initialiseProps() {
             case 2:
               _this4$state2 = _this4.state, keywords = _this4$state2.keywords, type = _this4$state2.type, users = _this4$state2.users, departments = _this4$state2.departments, data = _this4$state2.data, nextPage = _this4$state2.nextPage, toUserId = _this4$state2.toUserId;
               _this4$state3 = _this4.state, status = _this4$state3.status, cycle = _this4$state3.cycle, year = _this4$state3.year;
-              okrPopType = _this4.props.okrPopType;
+              _this4$props2 = _this4.props, okrPopType = _this4$props2.okrPopType, _this4$props2$include = _this4$props2.includeCreateFailApprovalOkr, includeCreateFailApprovalOkr = _this4$props2$include === void 0 ? false : _this4$props2$include;
               cycle = cycle || '-1';
               year = year || -1;
               status = status || 0;
@@ -564,7 +564,8 @@ var _initialiseProps = function _initialiseProps() {
                 }).join(','),
                 searchKr: okrPopType,
                 // 是否搜索KR：默认为0-不搜索，1-只有对齐目标弹层可以搜索KR
-                toUserId: toUserId
+                toUserId: toUserId,
+                includeCreateFailApprovalOkr: includeCreateFailApprovalOkr
               }).then(function (res) {
                 _this4.pending = false;
                 var resData = res && res.Data && res.Data.works || [];
@@ -629,9 +630,9 @@ var _initialiseProps = function _initialiseProps() {
     var _this4$state4 = _this4.state,
         selected = _this4$state4.selected,
         selectOkr = _this4$state4.selectOkr;
-    var _this4$props2 = _this4.props,
-        onConfirm = _this4$props2.onConfirm,
-        parentId = _this4$props2.parentId;
+    var _this4$props3 = _this4.props,
+        onConfirm = _this4$props3.onConfirm,
+        parentId = _this4$props3.parentId;
     var parentType = selected && selected.mileStoneId ? 2 : 1; // 临时注入
 
     var data = _objectSpread(_objectSpread({}, selected), {}, {

package/lib/components/checkbox/index.css

@@ -2,9 +2,9 @@
   display: inline-block;
   width: 16px;
   height: 16px;
-  background: #FFFFFF;
+  background: #ffffff;
   border-radius: 4px;
-  border: 1px solid #DFE3EA;
+  border: 1px solid #bfc7d5;
   cursor: pointer;
   box-sizing: border-box;
 }
@@ -15,6 +15,6 @@
 }
 
 .titaui-checkbox--disabled {
-  background-color: #F0F2F5;
+  background-color: #f0f2f5;
   cursor: not-allowed;
 }

package/lib/components/contact-kefu/index.css

@@ -0,0 +1,85 @@
+.contact-kefu {
+  position: relative;
+  height: 100vh;
+  background: #f0f4fa;
+  overflow: hidden;
+}
+
+.contact-kefu__kefu {
+  position: absolute;
+  bottom: 74px;
+  right: 24px;
+  z-index: 2;
+}
+
+.contact-kefu__try-kefu {
+  position: absolute;
+  bottom: 134px;
+  right: 24px;
+  z-index: 2;
+}
+
+.contact-kefu__kefu {
+  width: 42px;
+  height: 42px;
+  background: url("./img/kefu.svg") no-repeat;
+  background-color: #fff;
+  background-size: 42px;
+  box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
+  cursor: pointer;
+  border-radius: 50%;
+}
+
+.contact-kefu__hidden {
+  background-image: none;
+}
+
+.contact-kefu__cancel {
+  height: 100%;
+  background: url("./img/canceled.svg") 50% 50% no-repeat;
+  animation-duration: 0.3s;
+  animation-name: kefuActive;
+}
+
+.contact-kefu__popup {
+  width: 332px;
+  height: 376px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background: #ffffff;
+  box-shadow: 0px 8px 24px 0px rgba(127, 145, 180, 0.16);
+  border-radius: 24px;
+}
+
+.contact-kefu__popup-title {
+  font-size: 20px;
+  font-weight: 600;
+  color: #141c28;
+  line-height: 30px;
+}
+
+.contact-kefu__popup-content {
+  margin-top: 4px;
+  font-size: 14px;
+  font-weight: normal;
+  color: #6f7886;
+  line-height: 22px;
+}
+
+.contact-kefu__popup-img {
+  width: 200px;
+  height: 200px;
+  margin-top: 24px;
+}
+
+@keyframes contentOpacity {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}

package/lib/components/contact-kefu/index.js

@@ -0,0 +1,102 @@
+"use strict";
+
+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
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _tooltip = _interopRequireDefault(require("../tooltip"));
+
+var _popup = _interopRequireDefault(require("../popup"));
+
+var _platform = require("../../utils/platform");
+
+var _notTry = _interopRequireDefault(require("./img/not-try.png"));
+
+var _try = _interopRequireDefault(require("./img/try.png"));
+
+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 = "contact-kefu";
+
+var ContactKefu = function ContactKefu() {
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var handleShowCode = function handleShowCode() {
+    setVisible(true);
+  };
+
+  var isTrial = window.BSGlobal.tenantAuthentication.Version === 1 && (0, _platform.isOfficialSite)();
+
+  var popup = /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__popup")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__popup-title")
+  }, "\u5FAE\u4FE1/\u4F01\u4E1A\u5FAE\u4FE1\u626B\u4E00\u626B"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__popup-content")
+  }, "\u4E13\u5C5E\u5BA2\u670D\u4E3A\u4F60\u63D0\u4F9B\u54A8\u8BE2\u670D\u52A1"), /*#__PURE__*/_react["default"].createElement("img", {
+    src: isTrial ? _try["default"] : _notTry["default"],
+    className: "".concat(preCls, "__popup-img"),
+    alt: "\u5FAE\u4FE1\u626B\u7801"
+  }));
+
+  return /*#__PURE__*/_react["default"].createElement(_popup["default"], {
+    popup: popup,
+    popupTransitionName: "tita-popup-zoom-left-bottom",
+    placement: "topLeft",
+    popupAlign: {
+      offset: [-32, -10],
+      overflow: {
+        adjustX: 1,
+        adjustY: 1
+      }
+    },
+    popupVisible: visible,
+    onPopupVisibleChange: function onPopupVisibleChange(bol) {
+      return setVisible(bol);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    overlay: "\u8054\u7CFB\u5BA2\u670D",
+    placement: "right",
+    align: {
+      offset: [0, 0]
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__kefu"), _defineProperty({}, "".concat(preCls, "__try-kefu"), isTrial), _defineProperty({}, "".concat(preCls, "__hidden"), visible)),
+    onClick: handleShowCode
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(_defineProperty({}, "".concat(preCls, "__cancel"), visible))
+  }))));
+};
+
+var _default = ContactKefu;
+exports["default"] = _default;