@titaui/pc 1.10.81 → 1.10.82-beta.13

package/.husky/pre-commit

@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-npm run lint-staged
+npm run lint-staged

package/lib/components/drawer/index.js

@@ -122,7 +122,8 @@ function DrawerHeader(_ref) {
       actionMaxCount = _ref$actionMaxCount === void 0 ? 4 : _ref$actionMaxCount,
       content = _ref.content,
       style = _ref.style,
-      onClose = _ref.onClose;
+      onClose = _ref.onClose,
+      actionComponent = _ref.actionComponent;
   var drawer = (0, _react.useContext)(DrawerContext);
   var manager = (0, _react.useContext)(_context["default"]);
   var showClose = closable && (!!onClose || !!drawer);
@@ -151,7 +152,7 @@ function DrawerHeader(_ref) {
     style: {
       flex: 1
     }
-  }), displayActions.map(function (action) {
+  }), /*#__PURE__*/_react["default"].createElement("div", null, actionComponent), displayActions.map(function (action) {
     return /*#__PURE__*/_react["default"].createElement(_headerAction["default"], action);
   }), !!collapsedActions.length && /*#__PURE__*/_react["default"].createElement(_headerAction["default"], {
     title: (0, _getLocale.getLocale)("Mod_MoreOperate"),

package/lib/components/drawer-manager/index.js

@@ -25,45 +25,42 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-var typeMap = {};
-
 var DrawerManager = /*#__PURE__*/function () {
   function DrawerManager() {
     var _this = this;
 
-    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-    _objectDestructuringEmpty(_ref);
-
     _classCallCheck(this, DrawerManager);
 
     this.history = [];
     this.uid = 0;
+    this.typeMap = {};
 
     this.open = function (type) {
       var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       var drawerProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      if (!type) throw "need provide drawer type";
-      var Component = typeMap[type];
-      if (!Component) throw "the type is not regisited";
-      window.titaTracker && window.titaTracker("action").record({
-        actionName: type,
-        actionGroup: "打开推屏",
-        productName: "OKR"
-      });
+      if (!type) throw new Error("need provide drawer type");
+      var Component = typeof type === "string" ? _this.typeMap[type] : type;
+      if (!Component) throw new Error("the type is not regisited");
+
+      if (window.titaTracker) {
+        window.titaTracker("action").record({
+          actionName: type,
+          actionGroup: "打开推屏",
+          productName: "OKR"
+        });
+      }
+
       return new Promise(function (resolve) {
         clearTimeout(_this.timer);
         _this.timer = setTimeout(function () {
           var uid = _this.uid;
-          _this.uid++;
+          _this.uid += 1;
           var extendedDrawerProps = drawerProps;
 
           if (_this.history.length > 0) {
@@ -82,7 +79,7 @@ var DrawerManager = /*#__PURE__*/function () {
             key: uid
           }, props)), extendedDrawerProps);
 
-          if (_this.history.length == 1) {
+          if (_this.history.length === 1) {
             document.addEventListener("mousedown", _this.autoClose);
           }
         }, 200);
@@ -109,14 +106,16 @@ var DrawerManager = /*#__PURE__*/function () {
     };
 
     this.close = function () {
-      _this.history.reverse().forEach(function (_ref2) {
-        var resolve = _ref2.resolve;
+      _this.history.reverse().forEach(function (_ref) {
+        var resolve = _ref.resolve;
         return resolve();
       });
 
       _this.history = [];
 
       _this.drawer.close();
+
+      document.removeEventListener("mousedown", _this.autoClose);
     };
 
     this.autoClose = function (e) {
@@ -125,20 +124,19 @@ var DrawerManager = /*#__PURE__*/function () {
         return;
       }
 
-      if ((0, _dom.hasAncestorElement)(e.target, "document-mouse-event-ignore,rc-tooltip,titaui-popup,rc-dialog-root,common-modal,in-modal,task-hot-add")) return;
+      if ((0, _dom.hasAncestorElement)(e.target, "document-mouse-event-ignore,rc-tooltip,titaui-popup,rc-dialog-root,common-modal,in-modal,task-hot-add")) {
+        return;
+      }
 
       _this.close();
+    };
 
-      document.removeEventListener("mousedown", _this.autoClose);
+    this.regist = function (type, component) {
+      _this.typeMap[type] = component;
     };
   }
 
   _createClass(DrawerManager, [{
-    key: "regist",
-    value: function regist(type, component) {
-      typeMap[type] = component;
-    }
-  }, {
     key: "drawer",
     get: function get() {
       var _this2 = this;

package/lib/components/dynamic/dynamic-item/dynamic-ai-dialy/index.js

@@ -13,15 +13,24 @@ var _utils = require("../dynamic-chart/utils");
 
 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); }
+
 var prefixCls = "titaui-dynamic-item";
 
 var DynamicAIDialy = function DynamicAIDialy(_ref) {
   var data = _ref.data;
-  var chartQuery = (0, _utils.getChartProps)(data.biId);
+
+  var chartQuery = _react["default"].useMemo(function () {
+    return (0, _utils.getChartProps)(data.biId);
+  }, [data.biId]);
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefixCls
-  }, /*#__PURE__*/_react["default"].createElement(_supersetCharts["default"], chartQuery));
+  }, /*#__PURE__*/_react["default"].createElement(_supersetCharts["default"], _extends({
+    feedData: data
+  }, chartQuery)));
 };
 
-var _default = DynamicAIDialy;
+var _default = /*#__PURE__*/_react["default"].memo(DynamicAIDialy);
+
 exports["default"] = _default;

package/lib/components/dynamic/online-broadcast/data.js

@@ -19,16 +19,16 @@ exports.onlineBroadcastData = exports["default"] = void 0;
 // }
 var onlineBroadcastData = [{
   hasOnline: true,
-  preContent: "「OKR 工作法」体验优化 ",
-  preHref: "https://wiki.tita.com/x/jIOeAQ",
+  preContent: "「考核」OKR 维度支持按 KR 评分啦",
+  preHref: "https://wiki.tita.com/x/JYOeAQ",
   isNew: true,
-  date: "3/29"
+  date: "4/11"
 }, {
   hasOnline: true,
-  preContent: "新增「同步钉钉待办」，工作实时掌握",
-  preHref: "https://wiki.tita.com/x/DIOeAQ",
-  isNew: true,
-  date: "3/18"
+  preContent: "「OKR 工作法」体验优化 ",
+  preHref: "https://wiki.tita.com/x/jIOeAQ",
+  isNew: false,
+  date: "3/29"
 }, {
   hasOnline: true,
   preContent: "「考核」支持建立企业指标库",

package/lib/components/img-viewer/index.css

@@ -80,6 +80,12 @@
 
 .titaui-img-viewer__body-img {
   max-width: 800px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: auto;
 }
 
 .titaui-img-viewer__body-operate-btn {

package/lib/components/img-viewer/index.js

@@ -85,7 +85,18 @@ var ImgViewer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       isLoading = _useState12[0],
       setIsLoading = _useState12[1];
 
+  var _useState13 = (0, _react.useState)(0),
+      _useState14 = _slicedToArray(_useState13, 2),
+      moveX = _useState14[0],
+      setMoveX = _useState14[1];
+
+  var _useState15 = (0, _react.useState)(0),
+      _useState16 = _slicedToArray(_useState15, 2),
+      moveY = _useState16[0],
+      setMoveY = _useState16[1];
+
   var imgRef = (0, _react.useRef)(document.createElement("img"));
+  var DragRef = (0, _react.useRef)(document.createElement("div"));
 
   var showPreview = function showPreview() {
     var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -120,6 +131,31 @@ var ImgViewer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     setCurrentRotateDeg(currentRotateDeg - 90);
   };
 
+  var handleMouseDownImg = function handleMouseDownImg(e) {
+    e.preventDefault();
+    var downX = e.clientX;
+    var downY = e.clientY; // 因为这个moveX不闭包的话在拖动的时候他就 一直累加
+
+    var beforeX = moveX;
+    var beforeY = moveY;
+
+    DragRef.current.onmousemove = function (e1) {
+      //获取x和y
+      var nx = e1.clientX;
+      var ny = e1.clientY; // //计算移动后的左偏移量和顶部的偏移量
+
+      var nl = nx - downX + beforeX;
+      var nt = ny - downY + beforeY;
+      setMoveX(nl);
+      setMoveY(nt);
+    };
+  };
+
+  var handleMouseUpImg = function handleMouseUpImg(e) {
+    e.preventDefault();
+    DragRef.current.onmousemove = null;
+  };
+
   var handleRightRotate = function handleRightRotate() {
     setCurrentRotateDeg(currentRotateDeg + 90);
   };
@@ -170,7 +206,10 @@ var ImgViewer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       className: (0, _classnames["default"])("tu-icon-close", "".concat(prefix, "__header-close")),
       onClick: hidePreview
     }))), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "".concat(prefix, "__body")
+      className: "".concat(prefix, "__body"),
+      ref: DragRef,
+      onMouseDown: handleMouseDownImg,
+      onMouseUp: handleMouseUpImg
     }, /*#__PURE__*/_react["default"].createElement("span", {
       className: (0, _classnames["default"])("".concat(prefix, "__body-operate-btn"), "".concat(prefix, "__body-operate-btn--left"), _defineProperty({}, "".concat(prefix, "__body-operate-btn--disable"), currentIndex === 0)),
       onClick: handlePreImgClick
@@ -184,17 +223,17 @@ var ImgViewer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     })), isLoading && /*#__PURE__*/_react["default"].createElement("div", {
       className: "".concat(prefix, "__body--loading")
     }, /*#__PURE__*/_react["default"].createElement("img", {
-      src: _loading["default"]
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        transform: "rotate(".concat(currentRotateDeg, "deg)")
-      }
-    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: _loading["default"],
+      alt: ""
+    })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
       className: "".concat(prefix, "__body-img"),
       ref: imgRef,
+      alt: "",
       src: (currentImgData === null || currentImgData === void 0 ? void 0 : currentImgData.previewUrl) || (currentImgData === null || currentImgData === void 0 ? void 0 : currentImgData.bigImageUrl),
       style: {
-        transform: "scale(".concat(currentScale, ")")
+        transform: "scale(".concat(currentScale, ") rotate(").concat(currentRotateDeg, "deg) "),
+        left: "".concat(moveX, "px"),
+        top: "".concat(moveY, "px")
       }
     }))), /*#__PURE__*/_react["default"].createElement("div", {
       className: "".concat(prefix, "__footer")

package/lib/components/menus/export-modules/demo-menus/menus.js

@@ -109,29 +109,7 @@ var DemoMenuData = /*#__PURE__*/function () {
         key: PAGE_DUEDATE_ORDER,
         href: "#/demofree/recharge/order",
         isShow: this.isManager === EManagerType.ReCharge || this.isManager === EManagerType.Manager
-      } // {
-      //   icon: "",
-      //   label: "续费状态",
-      //   key: PAGE_RECHARGE_STATUS,
-      //   href: "#/demofree/recharge/status",
-      //   isShow: this.isManager === EManagerType.ReCharge || this.isManager === EManagerType.Manager,
-      // },
-      // {
-      //   icon: "",
-      //   label: "数据统计",
-      //   key: PAGE_RECHARGE_STATISTICS,
-      //   href: "#/demofree/recharge/statistics",
-      //   isShow: this.isManager === EManagerType.ReCharge || this.isManager === EManagerType.Manager,
-      // },
-      ]
-    }, {
-      icon: "KH-help",
-      label: "预约演示报表",
-      key: "charts",
-      href: "#/demofree/charts",
-      isShow: this.isManager === EManagerType.Manager,
-      children: [],
-      type: _index.MENU_ITEM_NOE
+      }]
     }];
   }
 

package/lib/components/menus/export-modules/okr-menus/menu-highlight.js

@@ -31,6 +31,8 @@ var _default = /*#__PURE__*/function () {
           cb(_menus.PAGE_MY_PART_OKR);
         } else if (this.isMyTargetOkr()) {
           cb(_menus.PAGE_MY_TARGET_OKR);
+        } else if (this.isTargetUser()) {
+          return null;
         } else {
           cb(_menus.PAGE_MY_OWNER_OKR);
         }
@@ -43,6 +45,8 @@ var _default = /*#__PURE__*/function () {
       } else if (this.isOkrCases()) {
         cb(_menus.PAGE_OKR_CASES);
       }
+
+      return null;
     }
   }, {
     key: "isMyOkr",
@@ -62,6 +66,12 @@ var _default = /*#__PURE__*/function () {
       var search = this.history.location.search;
       return !!search.match(/relation[\s]*?=[\s]*?3/);
     }
+  }, {
+    key: "isTargetUser",
+    value: function isTargetUser() {
+      var search = this.history.location.search;
+      return !!search.match(/toUserId[\s]*?=[\d]+/);
+    }
   }, {
     key: "isOkr",
     value: function isOkr() {

package/lib/components/okr-detail/components/okr-tree/tree-node/o-child-node/index.css

@@ -54,7 +54,7 @@
 }
 
 .tita-okrdt-tree__o-child-node-prefix::before {
-  content: "";
+  content: '';
   width: 9px;
   height: 12px;
   background: url(../../images/O.svg) transparent no-repeat 50% 50%;
@@ -73,11 +73,12 @@
 
 .child-okrs-weight__content {
   padding: 10px 32px 8px;
+  max-height: 300px;
   min-height: 90px;
+  overflow: auto;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
-  justify-content: center;
 }
 
 .child-okrs-weight__item {
@@ -105,7 +106,7 @@
 }
 
 .child-okrs-weight__item-precls:before {
-  content: "";
+  content: '';
   width: 10px;
   height: 8px;
   border-radius: 50%;

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

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getOkrHeadActions = getOkrHeadActions;
 
-var _dayjs = _interopRequireDefault(require("dayjs"));
-
 var _bsGlobal = require("../../../utils/bs-global");
 
 var _auth = require("../../../utils/auth");
@@ -15,36 +13,12 @@ var _enums = require("./enums");
 
 var _getLocale = require("../../../utils/getLocale");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function getOkrHeadActions(data) {
-  var actions = [];
-  var auth = new _auth.OAuth({
-    principalUser: data.principalUser,
-    createUserId: data.detailInfo.createUserId
-  });
-
-  var dataWithAuth = _objectSpread(_objectSpread({}, data), {}, {
-    auth: auth
-  });
-
-  addShareButton(dataWithAuth, actions);
-  addVisibilityButton(dataWithAuth, actions);
-  addFollowButton(dataWithAuth, actions);
-  addExitButton(dataWithAuth, actions);
-  addFinishOrReopenButton(dataWithAuth, actions);
-  addCopyButton(dataWithAuth, actions);
-  addDeleteButton(dataWithAuth, actions); // addDetailButton(dataWithAuth,actions)
-
-  return actions;
-}
-
 var addShareButton = function addShareButton(_ref, actions) {
   var openShareModal = _ref.openShareModal;
   actions.push({
@@ -81,10 +55,10 @@ var addVisibilityButton = function addVisibilityButton(_ref2, actions) {
     }
   }];
 
-  var editable = auth.hasAuth() && detailInfo.status == _enums.OkrStatus.inProgress;
+  var editable = auth.hasAuth() && detailInfo.status === _enums.OkrStatus.inProgress;
 
   actions.push({
-    icon: visibility != 1 ? "tu-icon-simi-icon" : "tu-icon-gongkai",
+    icon: visibility !== 1 ? "tu-icon-simi-icon" : "tu-icon-gongkai",
     title: children[visibility - 1].title + (0, _getLocale.getLocale)("OKR_MyO_Text_Visible"),
     children: editable ? children : null
   });
@@ -92,7 +66,6 @@ var addVisibilityButton = function addVisibilityButton(_ref2, actions) {
 
 var addFollowButton = function addFollowButton(_ref3, actions) {
   var roleType = _ref3.roleType,
-      detailInfo = _ref3.detailInfo,
       onChangeOkrFollow = _ref3.onChangeOkrFollow;
 
   // 未开启关注目标功能
@@ -101,12 +74,12 @@ var addFollowButton = function addFollowButton(_ref3, actions) {
   } // 是负责人或是内部成员不能关注目标
 
 
-  if (roleType == _enums.OkrRole.principal || roleType == _enums.OkrRole.member) {
+  if (roleType === _enums.OkrRole.principal || roleType === _enums.OkrRole.member) {
     return;
   } // 已关注目标
 
 
-  if (roleType == _enums.OkrRole.follower) {
+  if (roleType === _enums.OkrRole.follower) {
     actions.push({
       icon: "okr-drawer-header-followed",
       title: (0, _getLocale.getLocale)("OKR_MyO_Butt_Unfollow"),
@@ -131,7 +104,7 @@ var addExitButton = function addExitButton(_ref4, actions) {
   var roleType = _ref4.roleType,
       onQuit = _ref4.onQuit;
 
-  if (roleType == _enums.OkrRole.member) {
+  if (roleType === _enums.OkrRole.member) {
     actions.push({
       icon: "tu-icon-tuichu",
       title: (0, _getLocale.getLocale)("Pro_Admin_pop_Withdraw"),
@@ -146,7 +119,7 @@ var addFinishOrReopenButton = function addFinishOrReopenButton(_ref5, actions) {
       onFinishOrReOpen = _ref5.onFinishOrReOpen;
   if (!auth.hasAuth()) return;
 
-  if (detailInfo.status == _enums.OkrStatus.inProgress) {
+  if (detailInfo.status === _enums.OkrStatus.inProgress) {
     actions.push({
       icon: "tu-icon-liebiao-jieshu",
       title: (0, _getLocale.getLocale)("OKR_MyO_EndObjective"),
@@ -185,16 +158,39 @@ var addDeleteButton = function addDeleteButton(_ref7, actions) {
     title: (0, _getLocale.getLocale)("OKR_MyO_Butt_DeleteO"),
     onClick: onDeleteOkr
   });
-};
+}; // const addDetailButton: ActionDealFunction = ({ detailInfo }, actions) => {
+//   const registerDate = window.BSGlobal.tenantAuthentication.StartDate;
+//   dayjs(registerDate).year() < 2021
+//     && actions.push({
+//       icon: "tu-icon-xiangqing1",
+//       title: "目标详情",
+//       onClick: () => {
+//         window.open(
+//           `${location.pathname}#okr/manage?work_id=${detailInfo.workId}`,
+//         );
+//       },
+//     });
+// };
 
-var addDetailButton = function addDetailButton(_ref8, actions) {
-  var detailInfo = _ref8.detailInfo;
-  var registerDate = window.BSGlobal.tenantAuthentication.StartDate;
-  (0, _dayjs["default"])(registerDate).year() < 2021 && actions.push({
-    icon: "tu-icon-xiangqing1",
-    title: "目标详情",
-    onClick: function onClick() {
-      window.open("".concat(location.pathname, "#okr/manage?work_id=").concat(detailInfo.workId));
-    }
+
+function getOkrHeadActions(data) {
+  var actions = [];
+  var auth = new _auth.OAuth({
+    principalUser: data.principalUser,
+    createUserId: data.detailInfo.createUserId
   });
-};
+
+  var dataWithAuth = _objectSpread(_objectSpread({}, data), {}, {
+    auth: auth
+  });
+
+  addShareButton(dataWithAuth, actions);
+  addVisibilityButton(dataWithAuth, actions);
+  addFollowButton(dataWithAuth, actions);
+  addExitButton(dataWithAuth, actions);
+  addFinishOrReopenButton(dataWithAuth, actions);
+  addCopyButton(dataWithAuth, actions);
+  addDeleteButton(dataWithAuth, actions); // addDetailButton(dataWithAuth,actions)
+
+  return actions;
+}

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

@@ -5,7 +5,7 @@
 .okr-detail-head-parent {
   display: flex;
   align-items: center;
-  color: #89919F;
+  color: #89919f;
 }
 
 .okr-detail-head-parent .tu-icon-liebiao-duiqinubiao {
@@ -23,5 +23,5 @@
 }
 
 .okr-detail-head-parent > span:hover {
-  color: #2879FF;
+  color: #2879ff;
 }