@titaui/pc 1.15.28-beta.1 → 1.15.28-beta.4

package/lib/components/dynamic/dynamic-item/components/summary-header/index.css

@@ -33,6 +33,13 @@
   background: #f0f4fa;
 }
 
+.titaui-dynamic-new-summary-header-segmentation {
+  background: linear-gradient(180deg, #FFFFFF 0%, #DFE3EA 53%, #FFFFFF 100%);
+  width: 1px;
+  height: 18px;
+  margin: 0 8px;
+}
+
 .titaui-dynamic-new-summary-header-desc {
   flex: 1;
   margin-left: 12px;
@@ -75,6 +82,7 @@
   color: #89919f;
   line-height: 18px;
   margin-top: 4px;
+  display: flex;
 }
 
 .titaui-dynamic-new-summary-header-desc-avatar {

package/lib/components/dynamic/dynamic-item/components/summary-header/index.js

@@ -49,6 +49,14 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
 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; }
@@ -74,6 +82,12 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var prefix = 'titaui-dynamic-new-summary-header';
+var type = {
+  2: (0, _getLocale.getLocale)('Rep_Text_CompanyPrivacy'),
+  3: (0, _getLocale.getLocale)('Rep_NewS_Departonly'),
+  1: (0, _getLocale.getLocale)('OKR_MyO_Pop_Public'),
+  5: (0, _getLocale.getLocale)('OKR_MyO_Pop_Specified')
+};
 
 var DynamicItemHeader = function DynamicItemHeader(_ref) {
   var _ref$onDeleteFeed = _ref.onDeleteFeed,
@@ -102,7 +116,11 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
       isCollect = _data$isCollect === void 0 ? false : _data$isCollect,
       dailyContent = data.dailyContent,
       dailyDate = data.dailyDate,
-      reportType = data.reportType;
+      reportType = data.reportType,
+      summaryVisible = data.summaryVisible,
+      visibilityScope = data.visibilityScope,
+      publishUser = data.publishUser;
+  console.log('data', data);
 
   var _useState = (0, _react.useState)(isCollect),
       _useState2 = _slicedToArray(_useState, 2),
@@ -134,6 +152,29 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
       operateVisible = _useState12[0],
       setOperateVisible = _useState12[1];
 
+  var _useState13 = (0, _react.useState)(''),
+      _useState14 = _slicedToArray(_useState13, 2),
+      str = _useState14[0],
+      setStr = _useState14[1];
+
+  var _ref2 = visibilityScope || {},
+      _ref2$departments = _ref2.departments,
+      departments = _ref2$departments === void 0 ? [] : _ref2$departments,
+      _ref2$groups = _ref2.groups,
+      groups = _ref2$groups === void 0 ? [] : _ref2$groups,
+      _ref2$users = _ref2.users,
+      users = _ref2$users === void 0 ? [] : _ref2$users;
+
+  var _ref3 = publishUser || {},
+      departmentName = _ref3.departmentName,
+      departmentId = _ref3.departmentId;
+
+  var typeTootips = {
+    2: (0, _getLocale.getLocale)('Rep_NewS_RefeSummary'),
+    3: /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)('Per_Ass_New_Appr_detail_Affiliat'), (0, _getLocale.getLocale)('OKR_MyO_Text_Visible')),
+    1: /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)('OKR_MyO_Pop_Company'), (0, _getLocale.getLocale)('Rep_Tab_Subor_EveryoneSee')),
+    5: str
+  };
   var url = '';
   var loginUserId = (0, _bsGlobal.getUserInfo)().Id;
 
@@ -192,7 +233,7 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
   };
 
   var enSureDeleteDynamic = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -220,7 +261,7 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
     }));
 
     return function enSureDeleteDynamic() {
-      return _ref2.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
 
@@ -246,7 +287,7 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
   };
 
   var handleCloseEvaluateDialog = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(params) {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(params) {
       var _user;
 
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
@@ -279,7 +320,7 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
     }));
 
     return function handleCloseEvaluateDialog(_x) {
-      return _ref3.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
 
@@ -299,6 +340,25 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
       onClick: enSureDeleteDynamic
     }, (0, _getLocale.getLocale)('Mod_Delete')));
   }, [showDialogConfirm]);
+  var renderSegmentation = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(prefix, "-segmentation")
+    });
+  }, []);
+  (0, _react.useEffect)(function () {
+    var _ref6;
+
+    var departmentsStr = (departments === null || departments === void 0 ? void 0 : departments.length) !== 0 ? departments === null || departments === void 0 ? void 0 : departments.map(function (item) {
+      return item.name;
+    }) : [];
+    var groupsStr = (groups === null || groups === void 0 ? void 0 : groups.length) !== 0 ? groups === null || groups === void 0 ? void 0 : groups.map(function (item) {
+      return item.name;
+    }) : [];
+    var usersStr = (users === null || users === void 0 ? void 0 : users.length) !== 0 ? users === null || users === void 0 ? void 0 : users.map(function (item) {
+      return item.name;
+    }) : [];
+    setStr((_ref6 = [].concat(_toConsumableArray(departmentsStr), _toConsumableArray(groupsStr), _toConsumableArray(usersStr))) === null || _ref6 === void 0 ? void 0 : _ref6.join(','));
+  }, [visibilityScope]);
   (0, _react.useEffect)(function () {
     if (dailyContent) {
       var mindData = dailyContent.find(function (item) {
@@ -405,7 +465,16 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
     className: (0, _classnames["default"])('tu-icon-jinzhan-s', "".concat(prefix, "__more-operate-selection-icon"))
   }), (0, _getLocale.getLocale)('Per_details_OperationRecord'))))))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "-desc-time")
-  }, createDate))), renderDialogConfirm, /*#__PURE__*/_react["default"].createElement(_commentsDialog["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
+    maxWidth: 98,
+    text: /*#__PURE__*/_react["default"].createElement(_openData.OpenDepartmentName, {
+      id: departmentId,
+      name: departmentName
+    })
+  }), renderSegmentation, createDate, type[summaryVisible] && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, renderSegmentation, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    overlay: /*#__PURE__*/_react["default"].createElement("span", null, typeTootips[summaryVisible]),
+    placement: "top"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, type[summaryVisible])))))), renderDialogConfirm, /*#__PURE__*/_react["default"].createElement(_commentsDialog["default"], {
     visible: evaluateVisible,
     feedId: feedId,
     toUserId: user.id || user.userId,

package/lib/components/dynamic/dynamic-item/dynamic-new-report/index.js

@@ -47,7 +47,7 @@ var _bsGlobal = require("../../../../utils/bs-global");
 
 require("./index.css");
 
-var _excluded = ["data"];
+var _excluded = ["data", "isFold"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -91,6 +91,8 @@ var DynamicReply = function DynamicReply(_ref) {
   var _classNames;
 
   var data = _ref.data,
+      _ref$isFold = _ref.isFold,
+      isFold = _ref$isFold === void 0 ? true : _ref$isFold,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var feedId = data.feedId,
@@ -283,6 +285,8 @@ var DynamicReply = function DynamicReply(_ref) {
   }
 
   var handleInView = function handleInView(inview) {
+    if (!isFold) return;
+
     if (inview) {
       window.titaTracker('planAction').record({
         actionName: '查看日报',

package/lib/components/dynamic/dynamic-item/dynamic-report/index.js

@@ -29,7 +29,7 @@ var _getLocale = require("../../../../utils/getLocale");
 
 require("./index.css");
 
-var _excluded = ["data"];
+var _excluded = ["data", "isFold"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -58,6 +58,8 @@ var prefix = 'titaui-dynamic-report-item';
 
 var DynamicReply = function DynamicReply(_ref) {
   var data = _ref.data,
+      _ref$isFold = _ref.isFold,
+      isFold = _ref$isFold === void 0 ? true : _ref$isFold,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   var submitState = data.submitState,
@@ -163,6 +165,8 @@ var DynamicReply = function DynamicReply(_ref) {
   }
 
   var handleInView = function handleInView(inview) {
+    if (!isFold) return;
+
     if (inview) {
       window.titaTracker('planAction').record({
         actionName: '查看日报',

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

@@ -314,11 +314,13 @@ var DynamicItem = function DynamicItem(_ref) {
           return /*#__PURE__*/_react["default"].createElement(_dynamicNewReport["default"], _extends({
             data: data,
             onDeleteFeed: onDeleteFeed,
-            curAtUser: curAtUser
+            curAtUser: curAtUser,
+            isFold: isFold
           }, restProps));
         }
 
         return /*#__PURE__*/_react["default"].createElement(_dynamicReport["default"], _extends({
+          isFold: isFold,
           data: data,
           onDeleteFeed: onDeleteFeed
         }, restProps));
@@ -400,7 +402,7 @@ var DynamicItem = function DynamicItem(_ref) {
       default:
         return null;
     }
-  }, [data, curAtUser]);
+  }, [data, curAtUser, isFold]);
 
   var renderUpvoteCount = function renderUpvoteCount(type, count) {
     if (count === 0) {

package/lib/components/expiration-reminder/img/close.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="10px" height="10px" viewBox="0 0 10 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>canceled</title>
+    <defs>
+        <filter color-interpolation-filters="auto" id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="线性" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="canceled" transform="translate(-2.000000, -2.000000)" filter="url(#filter-1)">
+            <g>
+                <path d="M10.7368897,2.44585438 C10.9646956,2.21804854 11.3340418,2.21804854 11.5618476,2.44585438 C11.7896535,2.67366021 11.7896535,3.04300645 11.5618476,3.27081229 L11.5618476,3.27081229 L7.82,7.012 L11.5203914,10.7123106 C11.7481972,10.9401164 11.7481972,11.3094627 11.5203914,11.5372685 C11.2925856,11.7650743 10.9232393,11.7650743 10.6954335,11.5372685 L6.995,7.837 L3.31226851,11.5203914 C3.10977444,11.7228855 2.79544597,11.7453848 2.5680998,11.5878894 L2.4873106,11.5203914 C2.25950476,11.2925856 2.25950476,10.9232393 2.4873106,10.6954335 L2.4873106,10.6954335 L6.17,7.012 L2.44585438,3.2876894 C2.21804854,3.05988356 2.21804854,2.69053732 2.44585438,2.46273149 C2.67366021,2.23492565 3.04300645,2.23492565 3.27081229,2.46273149 L6.995,6.187 Z" id="形状结合" fill="#444444"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/expiration-reminder/img/emoji.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="34px" height="34px" viewBox="0 0 34 34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 27</title>
+    <g id="到期时间页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="合作客户---已过期" transform="translate(-424.000000, -362.000000)">
+            <g id="编组-27备份-2" transform="translate(390.000000, 167.000000)">
+                <g id="编组-27" transform="translate(34.000000, 195.000000)">
+                    <rect id="矩形" fill-opacity="0" fill="#FFFFFF" x="0" y="0" width="34" height="34"></rect>
+                    <text id="😭" font-family="AppleColorEmoji, Apple Color Emoji" font-size="28" font-weight="normal" line-spacing="28" fill="#141C28">
+                        <tspan x="3" y="31.2419314">😭</tspan>
+                    </text>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/expiration-reminder/index.css

@@ -0,0 +1,112 @@
+.titaui-expiration-reminder {
+  width: 420px;
+  min-height: 430px;
+  max-height: 466px;
+  margin: 0 auto;
+  padding-top: 195px;
+  border-radius: 40px;
+  background-color: #ffffff;
+  background-image: url("./img/reminder.png");
+  background-size: 100% 160px;
+  background-repeat: no-repeat;
+  box-sizing: border-box;
+}
+
+.titaui-expiration-reminder__close {
+  width: 32px;
+  height: 32px;
+  background-image: url("./img/close.png");
+  background-size: 100%;
+  background-repeat: no-repeat;
+  cursor: pointer;
+  position: absolute;
+  top: 0;
+  right: -42px;
+}
+
+.titaui-expiration-reminder__contact {
+  font-size: 12px;
+  line-height: 18px;
+  color: #89919F;
+}
+
+.titaui-expiration-reminder__contact-number::selection {
+  background-color: #2879ff;
+  color: #ffffff;
+}
+
+.titaui-expiration-reminder__description {
+  margin: 24px 0 28px;
+  font-size: 18px;
+  line-height: 36px;
+  color: #141C28;
+  text-align: center;
+}
+
+.titaui-expiration-reminder__description .titaui-text-btn {
+  font-size: 18px;
+  line-height: 36px;
+}
+
+.titaui-expiration-reminder__footer {
+  text-align: center;
+}
+
+.titaui-expiration-reminder__footer .titaui-rect-btn {
+  width: 356px;
+  height: 52px;
+  margin: 0 auto 10px;
+  font-size: 18px;
+  line-height: 24px;
+  border-radius: 26px;
+}
+
+.titaui-expiration-reminder__qrcode {
+  padding-top: 74px;
+  background-image: none;
+  text-align: center;
+  position: relative;
+}
+
+.titaui-expiration-reminder__qrcode-title {
+  font-size: 26px;
+  font-weight: 600;
+  line-height: 40px;
+  color: #141C28;
+}
+
+.titaui-expiration-reminder__qrcode-subtitle {
+  margin-top: 8px;
+  font-size: 18px;
+  line-height: 24px;
+  color: #89919F;
+}
+
+.titaui-expiration-reminder__qrcode-img {
+  margin-top: 28px;
+}
+
+.titaui-expiration-reminder__qrcode .titaui-text-btn {
+  position: absolute;
+  top: 28px;
+  left: 32px;
+}
+
+.titaui-expiration-reminder__remain-day {
+  font-size: 36px;
+  color: #2879ff;
+}
+
+.titaui-expiration-reminder__title {
+  font-size: 28px;
+  font-weight: 600;
+  line-height: 34px;
+  color: #141C28;
+  text-align: center;
+}
+
+.titaui-expiration-reminder__title img {
+  position: relative;
+  top: -4px;
+  left: -4px;
+}