@titaui/pc 1.16.21 → 1.16.24

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

@@ -92,7 +92,7 @@ var FilterComp = /*#__PURE__*/function (_PureComponent) {
     _classCallCheck(this, FilterComp);
 
     _this = _super.call(this, p);
-    _this.KRSetting = (_getBSGlobal = (0, _bsGlobal.getBSGlobal)("OkrAdvancedSetting")) === null || _getBSGlobal === void 0 ? void 0 : _getBSGlobal.KRSetting;
+    _this.KRSetting = (_getBSGlobal = (0, _bsGlobal.getBSGlobal)('OkrAdvancedSetting')) === null || _getBSGlobal === void 0 ? void 0 : _getBSGlobal.KRSetting;
 
     _this.handleDeleteUser = function (id) {
       var _this$props = _this.props,
@@ -238,7 +238,6 @@ var FilterComp = /*#__PURE__*/function (_PureComponent) {
       });
     };
 
-    console.log('-----');
     _this.state = {
       OptionsArray: [{
         index: 0,
@@ -439,11 +438,7 @@ var FilterComp = /*#__PURE__*/function (_PureComponent) {
           }
         }));
       }), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
-        overlay: (0, _getLocale.getLocale)('Tasks_Tab_MyS_Clearselec'),
-        placement: "top",
-        align: {
-          offset: [0, 5]
-        }
+        overlay: (0, _getLocale.getLocale)('Tasks_Tab_MyS_Clearselec')
       }, /*#__PURE__*/_react["default"].createElement("a", {
         onClick: this.handleClear
       }, (0, _getLocale.getLocale)('OKR_MyO_Pop_Clearselected'))), !remembered ? /*#__PURE__*/_react["default"].createElement("a", {
@@ -451,11 +446,7 @@ var FilterComp = /*#__PURE__*/function (_PureComponent) {
           return _this2.handlerFilterOptions(1);
         }
       }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
-        overlay: (0, _getLocale.getLocale)('Tasks_Tab_MyS_Nextcondit'),
-        placement: "top",
-        align: {
-          offset: [0, 5]
-        }
+        overlay: (0, _getLocale.getLocale)('Tasks_Tab_MyS_Nextcondit')
       }, /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)('OKR_MyO_Butt_Remember')))) : /*#__PURE__*/_react["default"].createElement(_ConfirmPop["default"], {
         align: "bottom left",
         confirmTipText: (0, _getLocale.getLocale)('OKR_MyO_Err_Bemembere'),
@@ -463,11 +454,7 @@ var FilterComp = /*#__PURE__*/function (_PureComponent) {
           return _this2.handlerFilterOptions(2);
         }
       }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
-        overlay: (0, _getLocale.getLocale)('OKR_MyO_Err_Showabove'),
-        placement: "top",
-        align: {
-          offset: [0, 5]
-        }
+        overlay: (0, _getLocale.getLocale)('OKR_MyO_Err_Showabove')
       }, /*#__PURE__*/_react["default"].createElement("a", null, (0, _getLocale.getLocale)('OKR_MyO_Pop_Cancelremember')))))));
     }
   }]);

package/lib/components/communication/CommunicationAttachments.js

@@ -9,7 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _titaUi = require("tita-ui");
+var _tooltip = _interopRequireDefault(require("../tooltip"));
 
 var _viewer = require("../viewer");
 
@@ -19,6 +19,8 @@ var _style = require("./style");
 
 var _getLocale = require("../../utils/getLocale");
 
+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; }
@@ -44,7 +46,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var RVIewerOptions = {
-  className: "preview-image-container",
+  className: 'preview-image-container',
   toolbar: {
     zoomIn: 4,
     zoomOut: 4,
@@ -89,7 +91,7 @@ var CommunicationAttachments = /*#__PURE__*/function (_PureComponent) {
         src: item.smallImageUrl,
         alt: "",
         style: {
-          cursor: "pointer"
+          cursor: 'pointer'
         },
         onMouseDown: function onMouseDown(event) {
           _this.RViewers.show(index);
@@ -106,14 +108,14 @@ var CommunicationAttachments = /*#__PURE__*/function (_PureComponent) {
     };
 
     _this.renderPreviewTrigger = function (item, index) {
-      if (item.previewUrl != null && item.previewUrl != "") {
+      if (item.previewUrl != null && item.previewUrl != '') {
         // 有预览链接
         if (item.smallImageUrl && item.documentSource == 1) {
           // 图片文件
           return /*#__PURE__*/_react["default"].createElement("span", {
             style: {
-              color: "#2879ff",
-              cursor: "pointer"
+              color: '#2879ff',
+              cursor: 'pointer'
             },
             onMouseDown: function onMouseDown(event) {
               _this.RViewers.show(index);
@@ -121,9 +123,11 @@ var CommunicationAttachments = /*#__PURE__*/function (_PureComponent) {
               event.stopPropagation();
               event.nativeEvent.stopImmediatePropagation();
             }
-          }, _this.props.mode == "column" ? (0, _getLocale.getLocale)("Mod_Preview") : /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-            content: (0, _getLocale.getLocale)("Mod_Preview"),
-            container: document.body
+          }, _this.props.mode == 'column' ? (0, _getLocale.getLocale)('Mod_Preview') : /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+            overlay: (0, _getLocale.getLocale)('Mod_Preview'),
+            getTooltipContainer: function getTooltipContainer() {
+              return document.body;
+            }
           }, /*#__PURE__*/_react["default"].createElement("span", {
             className: "tu-icon-magnifier-circle"
           })));
@@ -135,9 +139,11 @@ var CommunicationAttachments = /*#__PURE__*/function (_PureComponent) {
             target: "_blank",
             "data-attachment": "preview",
             rel: "noreferrer"
-          }, _this.props.mode == "column" ? (0, _getLocale.getLocale)("Mod_Preview") : /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-            content: (0, _getLocale.getLocale)("Mod_Preview"),
-            container: document.body
+          }, _this.props.mode == 'column' ? (0, _getLocale.getLocale)('Mod_Preview') : /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+            overlay: (0, _getLocale.getLocale)('Mod_Preview'),
+            getTooltipContainer: function getTooltipContainer() {
+              return document.body;
+            }
           }, /*#__PURE__*/_react["default"].createElement("span", {
             className: "tu-icon-magnifier-circle"
           })));
@@ -192,11 +198,13 @@ var CommunicationAttachments = /*#__PURE__*/function (_PureComponent) {
       }), attachments.length > 0 && attachments.map(function (item, index) {
         return /*#__PURE__*/_react["default"].createElement(_style.AttachmentItemWrapper, {
           style: itemStyle,
-          className: "".concat(className, " ").concat(mode == "column" ? "" : "row-wrapper"),
+          className: "".concat(className, " ").concat(mode == 'column' ? '' : 'row-wrapper'),
           key: item.documentId
-        }, _this2.renderAttachmentPreviewThumbnail(item, index), /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-          content: item.fileName,
-          container: document.body
+        }, _this2.renderAttachmentPreviewThumbnail(item, index), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+          overlay: item.fileName,
+          getTooltipContainer: function getTooltipContainer() {
+            return document.body;
+          }
         }, /*#__PURE__*/_react["default"].createElement(_style.AttachmentItemName, {
           className: "file-name"
         }, item.fileName)), /*#__PURE__*/_react["default"].createElement(_style.AttachmentAction, {
@@ -204,9 +212,11 @@ var CommunicationAttachments = /*#__PURE__*/function (_PureComponent) {
         }, /*#__PURE__*/_react["default"].createElement("a", {
           href: item.downloadUrl,
           "data-attachment": "dowload"
-        }, mode == "column" ? (0, _getLocale.getLocale)("Mod_Download") : /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-          content: (0, _getLocale.getLocale)("Mod_Download"),
-          container: document.body
+        }, mode == 'column' ? (0, _getLocale.getLocale)('Mod_Download') : /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+          overlay: (0, _getLocale.getLocale)('Mod_Download'),
+          getTooltipContainer: function getTooltipContainer() {
+            return document.body;
+          }
         }, /*#__PURE__*/_react["default"].createElement("span", {
           className: "tu-icon-download-circle"
         }))), _this2.renderPreviewTrigger(item, index)));
@@ -219,5 +229,5 @@ var CommunicationAttachments = /*#__PURE__*/function (_PureComponent) {
 
 exports["default"] = CommunicationAttachments;
 CommunicationAttachments.defaultProps = {
-  mode: "column"
+  mode: 'column'
 };

package/lib/components/create-okr-modal/fields/okr-new-user-selector.js

@@ -49,7 +49,7 @@ function NewUserSelector(_ref) {
       widthOverflow = _useState2[0],
       setWidthOverflow = _useState2[1];
 
-  var spanRef = (0, _react.useRef)(document.createElement("span"));
+  var spanRef = (0, _react.useRef)(document.createElement('span'));
 
   var onUserSelectorSubmitHandler = function onUserSelectorSubmitHandler(users) {
     var data = users[0].data;
@@ -99,11 +99,13 @@ function NewUserSelector(_ref) {
       name: user.Name,
       userId: user.Id
     }), widthOverflow ? /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-      content: /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+      overlay: /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
         name: user.Name,
         id: user.Id
       }),
-      container: document.body
+      getTooltipContainer: function getTooltipContainer() {
+        return document.body;
+      }
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: "user__name"
     }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {

package/lib/components/create-okr-modal/fields/okr-type-detail.js

@@ -9,7 +9,7 @@ exports["default"] = _default;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _titaUi = require("tita-ui");
+var _tooltip = _interopRequireDefault(require("../../tooltip"));
 
 var _confirm = _interopRequireDefault(require("../../../components-v1/confirm"));
 
@@ -178,8 +178,8 @@ function _default(props) {
     ref: typeRef,
     innerContent: /*#__PURE__*/_react["default"].createElement("div", {
       className: "okr-type"
-    }, /*#__PURE__*/_react["default"].createElement("span", null, type.typeName), canEdit && /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-      content: (0, _getLocale.getLocale)("Mod_Editor")
+    }, /*#__PURE__*/_react["default"].createElement("span", null, type.typeName), canEdit && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+      overlay: (0, _getLocale.getLocale)("Mod_Editor")
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: "tu-icon-edit edit-icon tu-ml-10"
     }))),

package/lib/components/create-okr-modal/fields/okr-visibility-detail.js

@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _titaUi = require("tita-ui");
 
+var _tooltip = _interopRequireDefault(require("../../tooltip"));
+
 var _userSelector = _interopRequireDefault(require("../../user-selector"));
 
 var _openData = require("../../../utils/open-data");
@@ -184,8 +186,8 @@ function _default(_ref) {
         jsxDom.push( /*#__PURE__*/_react["default"].createElement("span", null, item.name, "\u3001"));
         text.push(item.name);
       });
-      if (!text.length) return (0, _getLocale.getLocale)("OKR_MyO_E_Associatedm");
-      return (0, _openData.isWechat)() ? jsxDom : text.join("、");
+      if (!text.length) return (0, _getLocale.getLocale)('OKR_MyO_E_Associatedm');
+      return (0, _openData.isWechat)() ? jsxDom : text.join('、');
     } // @ts-ignore
 
 
@@ -197,8 +199,8 @@ function _default(_ref) {
   var renderSelect = function renderSelect() {
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "visibility"
-    }, /*#__PURE__*/_react["default"].createElement("span", null, renderLabel()), canEdit && /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-      content: (0, _getLocale.getLocale)("Mod_Editor")
+    }, /*#__PURE__*/_react["default"].createElement("span", null, renderLabel()), canEdit && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+      overlay: (0, _getLocale.getLocale)('Mod_Editor')
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: "tu-icon-edit visibility-edit-icon tu-ml-10"
     })));
@@ -213,8 +215,8 @@ function _default(_ref) {
     selectNodes: visibilityArea,
     trigger: /*#__PURE__*/_react["default"].createElement("div", {
       style: {
-        visibility: "hidden",
-        position: "absolute",
+        visibility: 'hidden',
+        position: 'absolute',
         zIndex: -1,
         height: 36
       }

package/lib/components/create-okr-modal/fields/okr-visibility.js

@@ -12,6 +12,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _titaUi = require("tita-ui");
 
+var _tooltip = _interopRequireDefault(require("../../tooltip"));
+
 var _userSelector = _interopRequireDefault(require("../../user-selector"));
 
 var _openData = require("../../../utils/open-data");
@@ -52,10 +54,10 @@ var visibilityList = function visibilityList() {
 
 var visibilityMapText = function visibilityMapText() {
   return {
-    1: (0, _getLocale.getLocale)("OKR_MyO_Pop_Public"),
-    2: (0, _getLocale.getLocale)("OKR_MyO_From_Associatedmem"),
-    3: (0, _getLocale.getLocale)("OKR_MyO_Pop_Directrep"),
-    4: (0, _getLocale.getLocale)("OKR_MyO_Pop_Specified")
+    1: (0, _getLocale.getLocale)('OKR_MyO_Pop_Public'),
+    2: (0, _getLocale.getLocale)('OKR_MyO_From_Associatedmem'),
+    3: (0, _getLocale.getLocale)('OKR_MyO_Pop_Directrep'),
+    4: (0, _getLocale.getLocale)('OKR_MyO_Pop_Specified')
   };
 };
 
@@ -130,7 +132,7 @@ function _default(_ref) {
         return visibilityMapText[visibility];
       }
 
-      return (0, _openData.isWechat)() ? jsxDom : text.join("、");
+      return (0, _openData.isWechat)() ? jsxDom : text.join('、');
     }
 
     return lable;
@@ -139,17 +141,19 @@ function _default(_ref) {
   var subTitleRender = (0, _react.useMemo)(function () {
     return /*#__PURE__*/_react["default"].createElement("span", {
       className: "okr-field-visible"
-    }, (0, _getLocale.getLocale)("OKR_MyO_Pop_Title_Perm"), /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-      content: (0, _getLocale.getLocale)("OKR_MyO_Pop_Inadditiontot"),
-      container: document.body
+    }, (0, _getLocale.getLocale)('OKR_MyO_Pop_Title_Perm'), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+      overlay: (0, _getLocale.getLocale)('OKR_MyO_Pop_Inadditiontot'),
+      getTooltipContainer: function getTooltipContainer() {
+        return document.body;
+      }
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: "tu-icon-question-mark",
       style: {
-        display: "inline-block",
+        display: 'inline-block',
         marginLeft: 8,
         marginBottom: 3,
-        color: "#bfc7d5",
-        verticalAlign: "middle"
+        color: '#bfc7d5',
+        verticalAlign: 'middle'
       }
     })));
   }, []);
@@ -166,8 +170,8 @@ function _default(_ref) {
     selectNodes: visiableLimit,
     trigger: /*#__PURE__*/_react["default"].createElement("div", {
       style: {
-        visibility: "hidden",
-        position: "absolute",
+        visibility: 'hidden',
+        position: 'absolute',
         zIndex: -1,
         height: 36
       }

package/lib/components/e-priority/index.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _titaUi = require("tita-ui");
+var _tooltip = _interopRequireDefault(require("../tooltip"));
 
 var _dropSelector = _interopRequireDefault(require("../drop-selector"));
 
@@ -70,8 +70,8 @@ var EPriority = function EPriority(props) {
     limitHeight: false,
     trigger: /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames["default"])("".concat(preCls, "__e-task-node-priority-label"))
-    }, /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-      content: (0, _constant.getPriorityTextMapping)()[level]
+    }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+      overlay: (0, _constant.getPriorityTextMapping)()[level]
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: (0, _classnames["default"])("".concat(preCls, "__e-task-node-priority-p").concat(level))
     })))

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

@@ -7,7 +7,7 @@ exports["default"] = exports.DocType = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _titaUi = require("tita-ui");
+var _tooltip = _interopRequireDefault(require("../tooltip"));
 
 var _util = require("../dialog-upload/util");
 
@@ -49,9 +49,11 @@ var FilePreview = function FilePreview(_ref) {
     alt: ""
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__content")
-  }, /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-    container: document.body,
-    content: /*#__PURE__*/_react["default"].createElement("p", {
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    getTooltipContainer: function getTooltipContainer() {
+      return document.body;
+    },
+    overlay: /*#__PURE__*/_react["default"].createElement("p", {
       dangerouslySetInnerHTML: {
         __html: title
       }

package/lib/components/mblog/components/MblogAction.js

@@ -9,7 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _titaUi = require("tita-ui");
+var _tooltip = _interopRequireDefault(require("../../tooltip"));
 
 var _UserSelectorPop = _interopRequireDefault(require("../../../components-v1/userSelector/UserSelectorPop"));
 
@@ -71,9 +71,9 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 var visibilityMap = function visibilityMap() {
   return {
-    1: (0, _getLocale.getLocale)("OKR_MyO_Pubiic"),
-    2: (0, _getLocale.getLocale)("OKR_MyO_Private"),
-    3: (0, _getLocale.getLocale)("OKR_MyO_E_Departmentvisible")
+    1: (0, _getLocale.getLocale)('OKR_MyO_Pubiic'),
+    2: (0, _getLocale.getLocale)('OKR_MyO_Private'),
+    3: (0, _getLocale.getLocale)('OKR_MyO_E_Departmentvisible')
   };
 };
 
@@ -101,7 +101,7 @@ var MblogAction = /*#__PURE__*/function (_PureComponent) {
 
       if (isSendSms) {
         var url = (0, _requestV.getApiUrl)("SMS/Check?to_user_id=".concat((0, _bsGlobal.getUserInfo)().Id));
-        (0, _requestV.taker)(url, "GET").then(function (res) {
+        (0, _requestV.taker)(url, 'GET').then(function (res) {
           if (res.Code == 2 || res.Code == 4) {
             // 目前您企业的短信已超出许可量，请联系超管进行短信充值
             _this.setState({
@@ -113,7 +113,7 @@ var MblogAction = /*#__PURE__*/function (_PureComponent) {
               isSendSms: true
             });
 
-            _this.props.onActionsTextChange("allowSendSMS");
+            _this.props.onActionsTextChange('allowSendSMS');
           }
         });
       } else {
@@ -187,9 +187,11 @@ var MblogAction = /*#__PURE__*/function (_PureComponent) {
         className: "tu-icon-cus-fujian"
       }), /*#__PURE__*/_react["default"].createElement("span", {
         className: "upload_fujian_text"
-      }, this.props.attachmentText))), this.props.isShowAt && /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-        container: document.body,
-        content: this.props.atTipText
+      }, this.props.attachmentText))), this.props.isShowAt && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+        container: function container() {
+          return document.body;
+        },
+        overlay: this.props.atTipText
       }, /*#__PURE__*/_react["default"].createElement(_style.LeftBtn, {
         key: this.props.atText,
         tips: this.props.atTipText
@@ -204,14 +206,16 @@ var MblogAction = /*#__PURE__*/function (_PureComponent) {
         }
       }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
         className: "btn-txt"
-      }, this.props.atText))))), this.props.isShowAtAll && /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-        container: document.body,
-        content: this.props.atAllTipText
+      }, this.props.atText))))), this.props.isShowAtAll && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+        container: function container() {
+          return document.body;
+        },
+        overlay: this.props.atAllTipText
       }, /*#__PURE__*/_react["default"].createElement(_style.LeftBtn, {
         key: this.props.atAllText,
         tips: this.props.atAllTipText,
         onMouseDown: function onMouseDown() {
-          return onActionsTextChange(atAllValue || "");
+          return onActionsTextChange(atAllValue || '');
         }
       }, /*#__PURE__*/_react["default"].createElement("span", {
         className: "btn-txt"
@@ -233,7 +237,7 @@ var MblogAction = /*#__PURE__*/function (_PureComponent) {
       }, this.props.isShowRange && /*#__PURE__*/_react["default"].createElement(_style.BtnPrivate, {
         id: "1",
         "data-name": "range",
-        className: disableRangeSelect ? "disabled" : "",
+        className: disableRangeSelect ? 'disabled' : '',
         disabled: disableRangeSelect
       }, /*#__PURE__*/_react["default"].createElement(_RangeSelectorPop["default"], {
         align: "bottom left",
@@ -251,13 +255,13 @@ var MblogAction = /*#__PURE__*/function (_PureComponent) {
         "data-name": "range-caret"
       })))), this.props.isShowBtnCancel && /*#__PURE__*/_react["default"].createElement(_style.BtnCancel, {
         onMouseDown: function onMouseDown() {
-          return onActionSubmit("cancel");
+          return onActionSubmit('cancel');
         }
-      }, (0, _getLocale.getLocale)("Mod_Cancel")), /*#__PURE__*/_react["default"].createElement(_style.BtnConfirm, {
+      }, (0, _getLocale.getLocale)('Mod_Cancel')), /*#__PURE__*/_react["default"].createElement(_style.BtnConfirm, {
         disabled: !this.props.isAllowSubmit,
-        className: !this.props.isAllowSubmit || this.props.submitStatus === 2 ? "disabled" : "",
+        className: !this.props.isAllowSubmit || this.props.submitStatus === 2 ? 'disabled' : '',
         onMouseDown: function onMouseDown() {
-          return onActionSubmit("submit");
+          return onActionSubmit('submit');
         }
       }, this.props.submitStatus !== 2 ? this.props.submitText : "".concat(this.props.submitText, "\u4E2D..."))), isShowConfirmPop && /*#__PURE__*/_react["default"].createElement(_ConfirmPop["default"], {
         onSubmit: function onSubmit() {
@@ -275,6 +279,6 @@ var MblogAction = /*#__PURE__*/function (_PureComponent) {
 exports["default"] = MblogAction;
 MblogAction.contextType = _context["default"];
 MblogAction.defaultProps = {
-  userSelectorPopAlign: "top left",
-  emotionsSelectorPopAlign: "top center"
+  userSelectorPopAlign: 'top left',
+  emotionsSelectorPopAlign: 'top center'
 };

package/lib/components/okr-detail/components/okr-tree/tree-node/kr-node/index.js

@@ -13,7 +13,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _richEditor = require("@titaui/rich-editor");
 
-var _titaUi = require("tita-ui");
+var _tooltip = _interopRequireDefault(require("../../../../../tooltip"));
 
 var _bsGlobal = require("../../../../../../utils/bs-global");
 
@@ -418,8 +418,8 @@ function _default(props) {
     }, errorTip),
     visible: editing && errorTip.length > 0,
     placement: "top"
-  }, /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-    content: editing ? '' : (0, _openData.parseString)(krNameData.pureText)
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    overlay: editing ? '' : (0, _openData.parseString)(krNameData.pureText)
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__kr-node-title"), _defineProperty({}, "".concat(_precls["default"], "__kr-node-title--editing"), editing)),
     onClick: onTitleTextClickHandler

package/lib/components/okr-detail/detail-header/index.js

@@ -439,7 +439,7 @@ function OkrDetailHeader(_ref) {
       user: _objectSpread(_objectSpread({}, detailInfo.principalUser), {}, {
         avatar: {
           color: detailInfo.principalUser.avatar.color,
-          src: detailInfo.principalUser.avatar.medium
+          src: detailInfo.principalUser.avatar.original
         }
       })
     },

package/lib/components/okr-detail/okr-list/create-kr-item/index.js

@@ -13,7 +13,9 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _richEditor = require("@titaui/rich-editor");
 
-var _titaUi = require("tita-ui");
+var _tooltip = _interopRequireDefault(require("../../../tooltip"));
+
+var _avatar = _interopRequireDefault(require("../../../avatar"));
 
 var _userSelector = _interopRequireDefault(require("../../../user-selector"));
 
@@ -260,8 +262,8 @@ function CreateKr(_ref) {
     onClick: onNoMoreShow
   }, (0, _getLocale.getLocale)('OKR_MyO_Butt_Nomor')))), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__heart"))
-  }, /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-    content: "\u4FEE\u65391"
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    overlay: "\u4FEE\u6539"
   }, /*#__PURE__*/_react["default"].createElement("span", {
     style: {
       display: 'inline-flex'
@@ -285,12 +287,17 @@ function CreateKr(_ref) {
     searchedPanes: {
       user: true
     }
-  }, /*#__PURE__*/_react["default"].createElement(_titaUi.Avatar, {
-    name: user.name,
-    userId: user.id,
+  }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
+    size: {
+      width: 24,
+      textNum: 1,
+      fontSize: 12
+    },
     color: user.avatar.color,
-    src: user.avatar.medium,
-    size: _titaUi.Avatar.size(7)
+    src: user.avatar.medium // @ts-ignore
+    ,
+    name: user.Name,
+    userId: user.id
   }))));
 }
 

package/lib/components/okr-period-selector/select-cycle.js

@@ -10,7 +10,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _titaUi = require("tita-ui");
+var _button = _interopRequireDefault(require("../button"));
 
 var _periodSelector = _interopRequireDefault(require("../period-selector"));
 
@@ -211,14 +211,14 @@ function CreateCycle(_ref) {
           display: 'flex',
           justifyContent: 'flex-end'
         }
-      }, /*#__PURE__*/_react["default"].createElement(_titaUi.Button, {
-        size: "s",
+      }, /*#__PURE__*/_react["default"].createElement(_button["default"].Rect, {
+        size: "small",
         style: {
           marginRight: 12
         },
         onClick: onCancelClickHandler
-      }, (0, _getLocale.getLocale)('Mod_Cancel')), /*#__PURE__*/_react["default"].createElement(_titaUi.Button, {
-        size: "s",
+      }, (0, _getLocale.getLocale)('Mod_Cancel')), /*#__PURE__*/_react["default"].createElement(_button["default"].Rect, {
+        size: "small",
         type: "primary",
         onClick: onSureClickHandler
       }, (0, _getLocale.getLocale)('OKR_MyO_Butt_Determine'))));

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

@@ -13,6 +13,8 @@ var _titaUi = require("tita-ui");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _tooltip = _interopRequireDefault(require("../tooltip"));
+
 var _requestApis = require("./request-apis");
 
 var _switch = _interopRequireDefault(require("../switch"));
@@ -61,7 +63,7 @@ var ProgressModal = function ProgressModal(props) {
       onClose = props.onClose,
       onOk = props.onOk,
       _props$title = props.title,
-      title = _props$title === void 0 ? window.getLocale("OKR_MyO_Prog_Butt_Update") : _props$title,
+      title = _props$title === void 0 ? window.getLocale('OKR_MyO_Prog_Butt_Update') : _props$title,
       visible = props.visible,
       isKr = props.isKr;
   var configure = isKr ? (0, _helper.getKrSetting)() : (0, _helper.getOSetting)();
@@ -82,7 +84,7 @@ var ProgressModal = function ProgressModal(props) {
       progress = _useState6[0],
       setProgress = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(okrInfo.progressDescription || ""),
+  var _useState7 = (0, _react.useState)(okrInfo.progressDescription || ''),
       _useState8 = _slicedToArray(_useState7, 2),
       progressDescription = _useState8[0],
       setProgressDescription = _useState8[1]; // @ts-ignore
@@ -161,7 +163,7 @@ var ProgressModal = function ProgressModal(props) {
     if (visible) {
       getRecommendProgress();
     } else {
-      setProgressDescription("");
+      setProgressDescription('');
     }
   }, [visible]);
   (0, _react.useEffect)(function () {
@@ -182,15 +184,15 @@ var ProgressModal = function ProgressModal(props) {
   var descriptionText = /*#__PURE__*/_react["default"].createElement(_style.Item, null, /*#__PURE__*/_react["default"].createElement("span", {
     className: "auto-update__item-label",
     style: {
-      alignSelf: "flex-start",
-      marginTop: "10px"
+      alignSelf: 'flex-start',
+      marginTop: '10px'
     }
-  }, (0, _getLocale.getLocale)("OKR_MyO_Pop_Upd_Progress")), /*#__PURE__*/_react["default"].createElement(_textarea["default"], {
+  }, (0, _getLocale.getLocale)('OKR_MyO_Pop_Upd_Progress')), /*#__PURE__*/_react["default"].createElement(_textarea["default"], {
     hasError: errorRemark,
-    placeholder: (0, _getLocale.getLocale)("OKR_MyO_Pop_Upd_Pleprogress"),
+    placeholder: (0, _getLocale.getLocale)('OKR_MyO_Pop_Upd_Pleprogress'),
     style: {
       flex: 1,
-      height: "75px"
+      height: '75px'
     },
     value: progressDescription,
     onChange: function onChange(value) {
@@ -198,7 +200,7 @@ var ProgressModal = function ProgressModal(props) {
       setErrorRemark(!!maxLength && value.trim().length > maxLength);
     }
   }), /*#__PURE__*/_react["default"].createElement(_style.ErrorTip, {
-    className: errorRemark ? "slideIn" : ""
+    className: errorRemark ? 'slideIn' : ''
   }, (0, _i18nFrontTranslate.inputWordTrans)(progressDescription.trim().length, maxLength))); // KR不顯示進展
 
 
@@ -208,7 +210,7 @@ var ProgressModal = function ProgressModal(props) {
 
   var onOkHandler = function onOkHandler() {
     onOk({
-      progress: progress + (0, _getLocale.getLocale)("OKR_MyO_Pop_Upd_Percentage"),
+      progress: progress + (0, _getLocale.getLocale)('OKR_MyO_Pop_Upd_Percentage'),
       progressDescription: progressDescription,
       riskLevel: selected,
       updateProgressWay: autoUpdate ? updateWay : 0
@@ -229,8 +231,8 @@ var ProgressModal = function ProgressModal(props) {
     className: "common-modal",
     maskClosable: false,
     onCancel: onCancelHandler,
-    okText: (0, _getLocale.getLocale)("OKR_MyO_Butt_Determine"),
-    cancelText: (0, _getLocale.getLocale)("Mod_Cancel"),
+    okText: (0, _getLocale.getLocale)('OKR_MyO_Butt_Determine'),
+    cancelText: (0, _getLocale.getLocale)('Mod_Cancel'),
     onOk: onOkHandler,
     okDisabled: errorProgress || errorRemark,
     title: title,
@@ -239,26 +241,26 @@ var ProgressModal = function ProgressModal(props) {
     zIndex: 2400
   }, /*#__PURE__*/_react["default"].createElement(_style.List, null, /*#__PURE__*/_react["default"].createElement(_style.Item, null, /*#__PURE__*/_react["default"].createElement("span", {
     className: "auto-update__item-label"
-  }, (0, _getLocale.getLocale)("OKR_MyO_Pop_Upd_Progresss1")), /*#__PURE__*/_react["default"].createElement("div", {
+  }, (0, _getLocale.getLocale)('OKR_MyO_Pop_Upd_Progresss1')), /*#__PURE__*/_react["default"].createElement("div", {
     className: "auto-update__item-progress"
   }, /*#__PURE__*/_react["default"].createElement(_titaUi.Input, {
     type: "number",
     value: progress,
     disabled: !!autoUpdate,
-    wrapperClass: (0, _classnames["default"])("auto-update__item-progress-input", {
-      "auto-update__item-progress-input--disabled": autoUpdate,
-      "auto-update__item-progress-input--error": errorProgress
+    wrapperClass: (0, _classnames["default"])('auto-update__item-progress-input', {
+      'auto-update__item-progress-input--disabled': autoUpdate,
+      'auto-update__item-progress-input--error': errorProgress
     }),
     onChange: onProgressChangeHandler
   }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])("auto-update__item-progress-input__suffix", {
-      "auto-update__item-progress-input__suffix--disabled": autoUpdate
+    className: (0, _classnames["default"])('auto-update__item-progress-input__suffix', {
+      'auto-update__item-progress-input__suffix--disabled': autoUpdate
     })
-  }, (0, _getLocale.getLocale)("OKR_MyO_Pop_Upd_Percentage"))), /*#__PURE__*/_react["default"].createElement("span", null, configure.getRecommandText(autoUpdate, updateWay, recommandProgressObj)), /*#__PURE__*/_react["default"].createElement(_style.ErrorTip, {
-    className: "error-progress ".concat(errorProgress ? "slideIn" : "")
-  }, (0, _getLocale.getLocale)("OKR_MyO_KRP_Please0"))), /*#__PURE__*/_react["default"].createElement(_style.Item, null, /*#__PURE__*/_react["default"].createElement("span", {
+  }, (0, _getLocale.getLocale)('OKR_MyO_Pop_Upd_Percentage'))), /*#__PURE__*/_react["default"].createElement("span", null, configure.getRecommandText(autoUpdate, updateWay, recommandProgressObj)), /*#__PURE__*/_react["default"].createElement(_style.ErrorTip, {
+    className: "error-progress ".concat(errorProgress ? 'slideIn' : '')
+  }, (0, _getLocale.getLocale)('OKR_MyO_KRP_Please0'))), /*#__PURE__*/_react["default"].createElement(_style.Item, null, /*#__PURE__*/_react["default"].createElement("span", {
     className: "auto-update__item-label"
-  }, (0, _getLocale.getLocale)("Mod_States")), /*#__PURE__*/_react["default"].createElement(_style.OptionsWrapper, null, (isKr ? (0, _helper.getKrOptions)() : (0, _helper.getOptions)()).map(function (option) {
+  }, (0, _getLocale.getLocale)('Mod_States')), /*#__PURE__*/_react["default"].createElement(_style.OptionsWrapper, null, (isKr ? (0, _helper.getKrOptions)() : (0, _helper.getOptions)()).map(function (option) {
     return /*#__PURE__*/_react["default"].createElement(_style.Options, {
       key: option.id,
       onClick: function onClick() {
@@ -266,7 +268,7 @@ var ProgressModal = function ProgressModal(props) {
       }
     }, /*#__PURE__*/_react["default"].createElement(_style.Icon, {
       color: option.color,
-      className: selected === option.id ? "tu-icon-singlebox-avtive" : "tu-icon-singlebox-have"
+      className: selected === option.id ? 'tu-icon-singlebox-avtive' : 'tu-icon-singlebox-have'
     }), /*#__PURE__*/_react["default"].createElement("p", null, option.text));
   }))), descriptionText, /*#__PURE__*/_react["default"].createElement("div", {
     className: "auto-update-setting"
@@ -285,20 +287,19 @@ var ProgressModal = function ProgressModal(props) {
       },
       className: "auto-update-setting__option"
     }, /*#__PURE__*/_react["default"].createElement("span", {
-      className: (0, _classnames["default"])("auto-update-setting__radio", "auto-update-setting__radio".concat(updateWay === option.key ? "--selected" : ""))
-    }), /*#__PURE__*/_react["default"].createElement("span", null, option.label), /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-      content: option.tooltip,
-      container: document.body,
+      className: (0, _classnames["default"])('auto-update-setting__radio', "auto-update-setting__radio".concat(updateWay === option.key ? '--selected' : ''))
+    }), /*#__PURE__*/_react["default"].createElement("span", null, option.label), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+      overlay: option.tooltip,
       className: "tttt"
     }, /*#__PURE__*/_react["default"].createElement("span", {
-      className: (0, _classnames["default"])("tu-icon-question-mark", "auto-update-setting__tips")
+      className: (0, _classnames["default"])('tu-icon-question-mark', 'auto-update-setting__tips')
     })));
   }))), /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])("auto-update-setting__fold", "auto-update-setting__fold".concat(settingFolded ? "--close" : "")),
+    className: (0, _classnames["default"])('auto-update-setting__fold', "auto-update-setting__fold".concat(settingFolded ? '--close' : '')),
     onClick: function onClick() {
       return setSettingFold(!settingFolded);
     }
-  }, settingFolded ? (0, _getLocale.getLocale)("Mod_Fold") : configure.settingTitle))));
+  }, settingFolded ? (0, _getLocale.getLocale)('Mod_Fold') : configure.settingTitle))));
 };
 
 ProgressModal.defaultProps = {

package/lib/components/okr-share/pink-card/card.js

@@ -7,7 +7,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _titaUi = require("tita-ui");
+var _avatar = _interopRequireDefault(require("../../avatar"));
 
 var _openData = require("../../../utils/open-data");
 
@@ -21,7 +21,7 @@ function Card(_ref) {
   var data = _ref.data;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "okr-share-card pink-card"
-  }, /*#__PURE__*/_react["default"].createElement(_titaUi.Avatar, {
+  }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
     size: {
       width: 42,
       textNum: 1,

package/lib/components/operation-records/OperationRecordItem.js

@@ -59,12 +59,12 @@ var OperationRecordItem = /*#__PURE__*/function (_Component) {
           operationTrack = _this$props.operationTrack,
           className = _this$props.className;
       return /*#__PURE__*/_react["default"].createElement(_style.OperationRecordItemWrapper, {
-        className: [className, "clearfix"].join(" ")
+        className: [className, 'clearfix'].join(' ')
       }, /*#__PURE__*/_react["default"].createElement(_style.OperationRecordItemDate, null, /*#__PURE__*/_react["default"].createElement("span", {
         style: {
-          color: operationTrack.f_month ? "#99a3ad" : "transparent"
+          color: operationTrack.f_month ? '#99a3ad' : 'transparent'
         }
-      }, operationTrack.f_month ? operationTrack.f_month : "00/00", "\xA0"), /*#__PURE__*/_react["default"].createElement("span", {
+      }, operationTrack.f_month ? operationTrack.f_month : '00/00', "\xA0"), /*#__PURE__*/_react["default"].createElement("span", {
         className: "date-time"
       }, operationTrack.f_time)), /*#__PURE__*/_react["default"].createElement(_style.OperationContentWrapper, null, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
         overlay: /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {

package/lib/components/task-tree/task-item-node/e-status-dropdown.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _titaUi = require("tita-ui");
+var _tooltip = _interopRequireDefault(require("../../tooltip"));
 
 var _dropSelector = _interopRequireWildcard(require("../../drop-selector"));
 
@@ -63,8 +63,8 @@ var EStatusDropdown = function EStatusDropdown(props) {
   }, [checked]);
 
   if (!hasAuth) {
-    return /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-      content: (0, _constant.EStatusClass2StatusTypeText)()[status]
+    return /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+      overlay: (0, _constant.EStatusClass2StatusTypeText)()[status]
     }, /*#__PURE__*/_react["default"].createElement("span", {
       style: {
         color: '#89919F',
@@ -88,8 +88,8 @@ var EStatusDropdown = function EStatusDropdown(props) {
         verticalAlign: 'baseline',
         display: 'flex'
       }
-    }, /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-      content: (0, _constant.EStatusClass2StatusTypeText)()[status]
+    }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+      overlay: (0, _constant.EStatusClass2StatusTypeText)()[status]
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: (0, _classnames["default"])(status)
     })))

package/lib/components/upload/components/uploadedPreview.js

@@ -9,15 +9,17 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _titaUi = require("tita-ui");
+var _tooltip = _interopRequireDefault(require("../../tooltip"));
 
 var _getLocale = require("../../../utils/getLocale");
 
 var _style = require("../style");
 
+var _util = require("../util");
+
 require("../index.css");
 
-var _util = require("../util");
+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); }
 
@@ -106,9 +108,11 @@ var UploadedPreview = /*#__PURE__*/function (_PureComponent) {
     _this.dealPreviewOptions = function (uploadStatus, deleteable, smallImageUrl, clientUrl) {
       if (uploadStatus === 2 || uploadStatus === 1) {
         // 上传中
-        return /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-          content: "\u53D6\u6D88\u4E0A\u4F20",
-          container: document.body
+        return /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+          overlay: "\u53D6\u6D88\u4E0A\u4F20",
+          getTooltipContainer: function getTooltipContainer() {
+            return document.body;
+          }
         }, /*#__PURE__*/_react["default"].createElement("span", {
           className: "upload-file-action-wrapper"
         }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -121,16 +125,20 @@ var UploadedPreview = /*#__PURE__*/function (_PureComponent) {
         // 上传成功
         if ((smallImageUrl || clientUrl) && deleteable) {
           // 是图片且能删除
-          return [/*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-            content: (0, _getLocale.getLocale)('Mod_Preview'),
-            container: document.body
+          return [/*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+            overlay: (0, _getLocale.getLocale)('Mod_Preview'),
+            getTooltipContainer: function getTooltipContainer() {
+              return document.body;
+            }
           }, /*#__PURE__*/_react["default"].createElement("span", {
             className: "upload-file-action-wrapper"
           }, /*#__PURE__*/_react["default"].createElement("span", {
             className: "tu-icon-yulan action-icon"
-          }))), /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-            content: (0, _getLocale.getLocale)('Mod_Delete'),
-            container: document.body
+          }))), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+            overlay: (0, _getLocale.getLocale)('Mod_Delete'),
+            getTooltipContainer: function getTooltipContainer() {
+              return document.body;
+            }
           }, /*#__PURE__*/_react["default"].createElement("span", {
             className: "upload-file-action-wrapper"
           }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -141,9 +149,11 @@ var UploadedPreview = /*#__PURE__*/function (_PureComponent) {
 
         if (!smallImageUrl && !clientUrl && deleteable) {
           // 不是图片但能删除
-          return /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-            content: (0, _getLocale.getLocale)('Mod_Delete'),
-            container: document.body
+          return /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+            overlay: (0, _getLocale.getLocale)('Mod_Delete'),
+            getTooltipContainer: function getTooltipContainer() {
+              return document.body;
+            }
           }, /*#__PURE__*/_react["default"].createElement("span", {
             className: "upload-file-action-wrapper"
           }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -154,9 +164,11 @@ var UploadedPreview = /*#__PURE__*/function (_PureComponent) {
 
         if ((smallImageUrl || clientUrl) && !deleteable) {
           // 是图片不能删除
-          return /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-            content: (0, _getLocale.getLocale)('Mod_Preview'),
-            container: document.body
+          return /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+            overlay: (0, _getLocale.getLocale)('Mod_Preview'),
+            getTooltipContainer: function getTooltipContainer() {
+              return document.body;
+            }
           }, /*#__PURE__*/_react["default"].createElement("span", {
             className: "upload-file-action-wrapper"
           }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -169,9 +181,11 @@ var UploadedPreview = /*#__PURE__*/function (_PureComponent) {
       }
 
       if (uploadStatus === 5) {
-        return /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-          content: (0, _getLocale.getLocale)('Mod_Delete'),
-          container: document.body
+        return /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+          overlay: (0, _getLocale.getLocale)('Mod_Delete'),
+          getTooltipContainer: function getTooltipContainer() {
+            return document.body;
+          }
         }, /*#__PURE__*/_react["default"].createElement("span", {
           className: "upload-file-action-wrapper"
         }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -181,17 +195,21 @@ var UploadedPreview = /*#__PURE__*/function (_PureComponent) {
       } // 4：上传失败
 
 
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-        content: "\u91CD\u65B0\u4E0A\u4F20",
-        container: document.body
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+        overlay: "\u91CD\u65B0\u4E0A\u4F20",
+        getTooltipContainer: function getTooltipContainer() {
+          return document.body;
+        }
       }, /*#__PURE__*/_react["default"].createElement("span", {
         className: "upload-file-action-wrapper"
       }, /*#__PURE__*/_react["default"].createElement("span", {
         className: "tu-icon-gengxin1 action-icon",
         onMouseDown: _this.onReupload
-      }))), /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-        content: (0, _getLocale.getLocale)('Mod_Delete'),
-        container: document.body
+      }))), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+        overlay: (0, _getLocale.getLocale)('Mod_Delete'),
+        getTooltipContainer: function getTooltipContainer() {
+          return document.body;
+        }
       }, /*#__PURE__*/_react["default"].createElement("span", {
         className: "upload-file-action-wrapper"
       }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -219,9 +237,11 @@ var UploadedPreview = /*#__PURE__*/function (_PureComponent) {
       return /*#__PURE__*/_react["default"].createElement(_style.PreviewContent, {
         className: ['preview__content document-mouse-event-ignore', className].join(' '),
         onMouseDown: this.onPreview
-      }, /*#__PURE__*/_react["default"].createElement(_style.PreviewImageWrapper, null, this.renderPreviewThumbnail()), /*#__PURE__*/_react["default"].createElement(_style.PreviewMessageWrapper, null, /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-        content: uploadResultItem.FileName,
-        container: document.body
+      }, /*#__PURE__*/_react["default"].createElement(_style.PreviewImageWrapper, null, this.renderPreviewThumbnail()), /*#__PURE__*/_react["default"].createElement(_style.PreviewMessageWrapper, null, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+        overlay: uploadResultItem.FileName,
+        getTooltipContainer: function getTooltipContainer() {
+          return document.body;
+        }
       }, /*#__PURE__*/_react["default"].createElement(_style.PreviewFileTitle, {
         "data-tip": uploadResultItem.FileName,
         key: uploadResultItem.uid

package/lib/components/upload/index.js

@@ -9,10 +9,10 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _titaUi = require("tita-ui");
-
 var _uuid = _interopRequireDefault(require("uuid"));
 
+var _tooltip = _interopRequireDefault(require("../tooltip"));
+
 var _dialogUploadType = _interopRequireDefault(require("../dialog-upload-type"));
 
 var _dialogQqDocs = _interopRequireDefault(require("../dialog-qq-docs"));
@@ -697,9 +697,11 @@ var Upload = /*#__PURE__*/function (_PureComponent) {
         visible: dialogQQDocsVidible,
         onClose: this.hideDialogQQDocsVidible,
         onSubmit: this.onSelectQQDocsFileHandler
-      }), disableTooltip ? uploadFormContainer : /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
-        container: document.body,
-        content: /*#__PURE__*/_react["default"].createElement("p", {
+      }), disableTooltip ? uploadFormContainer : /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+        getTooltipContainer: function getTooltipContainer() {
+          return document.body;
+        },
+        overlay: /*#__PURE__*/_react["default"].createElement("p", {
           dangerouslySetInnerHTML: {
             __html: attachmentTipText
           }

package/lib/components/upload/index2.js

@@ -9,7 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _titaUi = require("tita-ui");
+var _tooltip = _interopRequireDefault(require("../tooltip"));
 
 var _dialogUploadType = _interopRequireDefault(require("../dialog-upload-type"));
 
@@ -365,7 +365,7 @@ var UploadMode = function UploadMode(_ref) {
     submitStatus: 1,
     onSubmit: onSelfUploadSubmit,
     onUploadSuccess: onSelfUploadUploadSuccess
-  }), /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
+  }), /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     container: document.body,
     content: /*#__PURE__*/_react["default"].createElement("p", {
       dangerouslySetInnerHTML: {

package/lib/components/upvote/upvoteListModal.js

@@ -11,12 +11,16 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _titaUi = require("tita-ui");
 
+var _avatar = _interopRequireDefault(require("../avatar"));
+
 var _requestApis = require("./request-apis");
 
 var _openData = require("../../utils/open-data");
 
 var _getLocale = require("../../utils/getLocale");
 
+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; }
@@ -69,7 +73,7 @@ function UpvoteList(_ref) {
   var dataRef = (0, _react.useRef)({
     pending: true,
     end: false,
-    start: ""
+    start: ''
   });
   (0, _react.useEffect)(function () {
     getListData();
@@ -91,11 +95,11 @@ function UpvoteList(_ref) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "feed-upvote-record__item",
       key: comment.commentId
-    }, /*#__PURE__*/_react["default"].createElement(_titaUi.Avatar, {
+    }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
       name: comment.publishUser.name,
       userId: comment.publishUser.userId,
       color: comment.publishUser.avatar.color,
-      src: comment.publishUser.avatar.medium,
+      src: comment.publishUser.avatar.original,
       size: {
         width: 32,
         fontSize: 14,
@@ -129,7 +133,7 @@ function UpvoteListModal(_ref2) {
     visible: visible,
     className: "pull-screen-ignore document-mouse-event-ignore",
     destroyOnClose: true,
-    title: (0, _getLocale.getLocale)("Tasks_Tab_MyS_Kudosrec"),
+    title: (0, _getLocale.getLocale)('Tasks_Tab_MyS_Kudosrec'),
     height: 480,
     width: 480,
     onCancel: onClose,

package/lib/components/user-selector/action-btns/index.js

@@ -7,21 +7,27 @@ exports["default"] = _default;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _btnCancel = _interopRequireDefault(require("./btn-cancel"));
+var _getLocale = require("../../../utils/getLocale");
 
-var _btnOk = _interopRequireDefault(require("./btn-ok"));
-
-require("./index.css");
+var _button = _interopRequireDefault(require("../../button"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _default(props) {
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: "persel-actions",
+    style: {
+      display: 'flex'
+    },
     onClick: props.onClick
-  }, /*#__PURE__*/_react["default"].createElement(_btnCancel["default"], {
-    onClick: props.onCancel
-  }), /*#__PURE__*/_react["default"].createElement(_btnOk["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_button["default"].Rect, {
+    size: "small",
+    onClick: props.onCancel,
+    style: {
+      marginRight: 8
+    }
+  }, (0, _getLocale.getLocale)('Mod_Cancel')), /*#__PURE__*/_react["default"].createElement(_button["default"].Rect, {
+    size: "small",
+    type: "primary",
     onClick: props.onOk
-  }));
+  }, (0, _getLocale.getLocale)('OKR_MyO_Butt_Determine')));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.16.21",
+  "version": "1.16.24",
   "nameCN": "",
   "description": "",
   "main": "lib/index.js",

package/lib/components/user-selector/action-btns/btn-cancel.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = _default;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _getLocale = require("../../../utils/getLocale");
-
-require("./index.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _default(props) {
-  return /*#__PURE__*/_react["default"].createElement("span", {
-    className: "persel-btn-cancel",
-    onClick: props.onClick
-  }, /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)("Mod_Cancel")));
-}

package/lib/components/user-selector/action-btns/btn-ok.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = _default;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _getLocale = require("../../../utils/getLocale");
-
-require("./index.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _default(props) {
-  return /*#__PURE__*/_react["default"].createElement("span", {
-    className: "persel-btn-ok",
-    onClick: props.onClick
-  }, /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)("OKR_MyO_Butt_Determine")));
-}

package/lib/components/user-selector/action-btns/index.css

@@ -1,55 +0,0 @@
-.persel-actions .persel-btn-cancel {
-  display: inline-block;
-  width: 64px;
-  height: 28px;
-  line-height: 26px;
-  background: #FFFFFF;
-  border-radius: 4px;
-  border: 1px solid #E9ECF0;
-  color: #6F7886;
-  text-align: center;
-  cursor: pointer;
-  box-sizing: border-box;
-  transition: all .3s;
-}
-
-.persel-actions .persel-btn-cancel > span {
-  width: 26px;
-  height: 18px;
-  font-size: 13px;
-  font-weight: 400;
-  line-height: 18px;
-}
-
-.persel-actions .persel-btn-cancel:hover {
-  background: #FFFFFF;
-  border: 1px solid #2879FF;
-  color: #2879FF;
-}
-
-.persel-actions .persel-btn-ok {
-  display: inline-block;
-  width: 64px;
-  height: 28px;
-  line-height: 28px;
-  background: #2879FF;
-  margin-left: 12px;
-  border-radius: 4px;
-  text-align: center;
-  color: #FFFFFF;
-  cursor: pointer;
-  box-sizing: border-box;
-  transition: all .3s;
-}
-
-.persel-actions .persel-btn-ok > span {
-  width: 26px;
-  height: 18px;
-  font-size: 13px;
-  font-weight: 400;
-  line-height: 18px;
-}
-
-.persel-actions .persel-btn-ok:hover {
-  background: #5C8EFF;
-}