@titaui/pc 1.5.82 → 1.5.83

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

@@ -0,0 +1,299 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _avatar = _interopRequireDefault(require("../../../../avatar"));
+
+var _dropdownLayer = _interopRequireWildcard(require("../../../../dropdown-layer"));
+
+var _requestApi = require("../../../request-api");
+
+var _dialogConfirm = _interopRequireWildcard(require("../../../../dialog-confirm"));
+
+var _popDownNotification = require("../../../../pop-down-notification");
+
+var _openData = require("../../../../../utils/open-data");
+
+var _conditionRender = _interopRequireDefault(require("../../../components/condition-render"));
+
+var _tooltip = require("../../../../tooltip");
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var prefix = "titaui-dynamic-item-header";
+
+var DynamicItemHeader = function DynamicItemHeader(_ref) {
+  var _ref$onDeleteFeed = _ref.onDeleteFeed,
+      onDeleteFeed = _ref$onDeleteFeed === void 0 ? function () {} : _ref$onDeleteFeed,
+      _ref$showDelete = _ref.showDelete,
+      showDelete = _ref$showDelete === void 0 ? false : _ref$showDelete,
+      _ref$showTopping = _ref.showTopping,
+      showTopping = _ref$showTopping === void 0 ? false : _ref$showTopping,
+      data = _ref.data,
+      desc = _ref.desc,
+      user = _ref.user;
+  var createDate = data.createDate,
+      feedId = data.feedId,
+      _data$isTop = data.isTop,
+      isTop = _data$isTop === void 0 ? false : _data$isTop,
+      _data$isCollect = data.isCollect,
+      isCollect = _data$isCollect === void 0 ? false : _data$isCollect;
+
+  var _useState = (0, _react.useState)(isTop),
+      _useState2 = _slicedToArray(_useState, 2),
+      nowIsTop = _useState2[0],
+      setNowIsTop = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(isCollect),
+      _useState4 = _slicedToArray(_useState3, 2),
+      nowIsCollect = _useState4[0],
+      setNowIsCollect = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      showDialogConfirm = _useState6[0],
+      setShowDialogConfirm = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      selectVisible = _useState8[0],
+      setSelectVisible = _useState8[1]; // const url = getUrlForUserPage({
+  //   userId: publishUser.id || publishUser.userId,
+  //   userType: publishUser.userType || 2,
+  // });
+
+
+  var url = "";
+
+  var onChangeHandler = function onChangeHandler(name, _) {
+    if (name === "collect") {
+      if (nowIsCollect) {
+        (0, _requestApi.cancelCollectDynamic)({
+          feedId: feedId
+        }).then(function (resp) {
+          if (resp.Code === 1) {
+            setNowIsCollect(!nowIsCollect);
+            setSelectVisible(false);
+
+            _popDownNotification.Toast.Success("操作成功", {
+              canClose: false
+            });
+          } else {
+            _popDownNotification.Toast.Error(resp.Message, {
+              canClose: false
+            });
+          }
+        });
+      } else {
+        (0, _requestApi.collectDynamic)({
+          feedId: feedId
+        }).then(function (resp) {
+          if (resp.Code === 1) {
+            setNowIsCollect(!nowIsCollect);
+            setSelectVisible(false);
+
+            _popDownNotification.Toast.Success("操作成功", {
+              canClose: false
+            });
+          } else {
+            _popDownNotification.Toast.Error(resp.Message, {
+              canClose: false
+            });
+          }
+        });
+      }
+    }
+  };
+
+  var handleTopOperateClick = function handleTopOperateClick() {
+    if (nowIsTop) {
+      (0, _requestApi.cancelTopDynamic)({
+        feedId: feedId
+      }).then(function (resp) {
+        if (resp.Code === 1) {
+          setNowIsTop(!nowIsTop);
+          setSelectVisible(false);
+
+          _popDownNotification.Toast.Success("操作成功", {
+            canClose: false
+          });
+        } else {
+          _popDownNotification.Toast.Error(resp.Message, {
+            canClose: false
+          });
+        }
+      });
+    } else {
+      (0, _requestApi.topDynamic)({
+        feedId: feedId
+      }).then(function (resp) {
+        if (resp.Code === 1) {
+          setNowIsTop(!nowIsTop);
+          setSelectVisible(false);
+
+          _popDownNotification.Toast.Success("操作成功", {
+            canClose: false
+          });
+
+          setTimeout(function () {
+            // @ts-ignore
+            window.reFreshDynamicTopping();
+          }, 1000);
+        } else {
+          _popDownNotification.Toast.Error(resp.Message, {
+            canClose: false
+          });
+        }
+      });
+    }
+  };
+
+  var handleDeleteClick = function handleDeleteClick() {
+    setShowDialogConfirm(true);
+    setSelectVisible(false);
+  };
+
+  var enSureDeleteDynamic = function enSureDeleteDynamic() {
+    (0, _requestApi.deleteDynamic)({
+      feedId: feedId
+    }).then(function (resp) {
+      if (resp.Code === 1) {
+        _popDownNotification.Toast.Success("删除成功", {
+          canClose: false
+        });
+
+        setShowDialogConfirm(false);
+        onDeleteFeed && onDeleteFeed(feedId);
+      }
+    });
+  };
+
+  var cancelDeleteDynamic = function cancelDeleteDynamic() {
+    setShowDialogConfirm(false);
+  };
+
+  var handleShowDropSelector = function handleShowDropSelector() {
+    setSelectVisible(true);
+  };
+
+  var handleOpenUserPage = function handleOpenUserPage() {
+    if (!url) return;
+    window.open(url, "_blank");
+  };
+
+  var renderDialogConfirm = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react["default"].createElement(_dialogConfirm["default"], {
+      visible: showDialogConfirm,
+      type: "warning"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      type: "title"
+    }, "\u786E\u5B9A\u5220\u9664\u8BE5\u5206\u4EAB\u5417\uFF1F"), /*#__PURE__*/_react["default"].createElement(_dialogConfirm.CancelButton, {
+      type: "button",
+      onClick: cancelDeleteDynamic
+    }, "\u53D6\u6D88"), /*#__PURE__*/_react["default"].createElement(_dialogConfirm.WarningButton, {
+      type: "button",
+      onClick: enSureDeleteDynamic
+    }, "\u5220\u9664"));
+  }, [showDialogConfirm]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + ""
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + "-left"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])(prefix + "-desc-avatar", _defineProperty({}, prefix + "-desc-avatar--not-link", !url)),
+    onClick: handleOpenUserPage
+  }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
+    name: user.name,
+    userId: user.id || user.userId,
+    src: user.avatar.medium,
+    color: user.avatar.color,
+    size: {
+      width: 40,
+      textNum: 1,
+      fontSize: 18
+    }
+  })), /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + "-desc"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "-desc-title"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])(prefix + "-desc-user", _defineProperty({}, prefix + "-desc-user--not-link", !url)),
+    onClick: handleOpenUserPage
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip.TooltipText, {
+    maxWidth: 98,
+    text: /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+      name: user.name,
+      id: user.userId
+    })
+  })), desc), /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "-desc-time"
+  }, createDate))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__more-operate"
+  }, /*#__PURE__*/_react["default"].createElement(_dropdownLayer["default"], {
+    popupPlacement: "bottomRight",
+    checked: ["collect"],
+    onChange: onChangeHandler,
+    multi: false,
+    visible: selectVisible,
+    trigger: /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])(prefix + "-right", "tu-icon-more1"),
+      onClick: handleShowDropSelector
+    })
+  }, /*#__PURE__*/_react["default"].createElement(_dropdownLayer.Item, {
+    name: "collect"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__more-operate-selection"
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("tu-icon-APP-shoucang", prefix + "__more-operate-selection-icon")
+  }), nowIsCollect ? "取消收藏" : "收藏")), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: showTopping
+  }, /*#__PURE__*/_react["default"].createElement(_dropdownLayer.Item, {
+    name: "top",
+    onClick: handleTopOperateClick
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__more-operate-selection"
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("tu-icon-zhiding", prefix + "__more-operate-selection-icon")
+  }), nowIsTop ? "取消置顶" : "置顶"))), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
+    condition: showDelete
+  }, /*#__PURE__*/_react["default"].createElement(_dropdownLayer.Item, {
+    name: "delete",
+    onClick: handleDeleteClick
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__more-operate-selection"
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("tu-icon-del", prefix + "__more-operate-selection-icon")
+  }), "\u5220\u9664"))))), renderDialogConfirm);
+};
+
+var _default = DynamicItemHeader;
+exports["default"] = _default;

package/lib/components/dynamic/dynamic-item/components/icon/index.css

@@ -0,0 +1,10 @@
+.dynamic-task-project-icon {
+  display: inline-block;
+  width: 36px;
+  height: 36px;
+  border-radius: 6px;
+}
+
+.dynamic-task-project-icon__icon {
+  width: 36px;
+}

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

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var prefix = 'dynamic-task-project-icon';
+
+var DynamicIcon = function DynamicIcon(_ref) {
+  var imgUrl = _ref.imgUrl,
+      background = _ref.background,
+      boxShadow = _ref.boxShadow;
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])(prefix),
+    style: {
+      background: background,
+      boxShadow: boxShadow
+    }
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: prefix + '__icon',
+    src: imgUrl
+  }));
+};
+
+var _default = DynamicIcon;
+exports["default"] = _default;

package/lib/components/dynamic/dynamic-item/dynamic-align/img/dynamic-align.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <defs>
+        <linearGradient x1="50%" y1="-2.48949813e-15%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#2879FF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="目标" transform="translate(-270.000000, -1746.000000)">
+            <g id="新建目标-负责目标" transform="translate(202.000000, 1635.000000)">
+                <g id="编组-11" transform="translate(68.000000, 78.000000)">
+                    <g id="pull-up" transform="translate(0.000000, 33.000000)">
+                        <rect id="Rectangle-5" x="0" y="0" width="18" height="18"></rect>
+                        <path d="M9.6984127,1.47921007 L14.2380952,6.34609616 C14.5873016,6.73544705 14.5873016,7.31947338 14.2380952,7.70882427 C13.8888889,8.09817515 13.3650794,8.09817515 13.015873,7.70882427 L9.87301587,4.39934172 L9.87301587,16.0266228 C9.87301587,16.6106491 9.52380952,17 9,17 C8.47619048,17 8.12698413,16.6106491 8.12698413,16.0266228 L8.12698413,4.39934172 L4.98412698,7.90349971 C4.63492063,8.09817515 4.11111111,8.09817515 3.76190476,7.70882427 C3.41269841,7.31947338 3.41269841,6.73544705 3.76190476,6.34609616 L8.12698413,1.47921007 C8.3015873,1.28453463 9,0.505832851 9.6984127,1.47921007 Z" id="箭头" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/dynamic/dynamic-item/dynamic-align/img/dynamic-relative.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>关联-icon</title>
+    <defs>
+        <linearGradient x1="50%" y1="50%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#2879FF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="目标" transform="translate(-270.000000, -2013.000000)">
+            <g id="新建目标-负责目标" transform="translate(202.000000, 1901.000000)">
+                <g id="编组-19" transform="translate(68.000000, 78.000000)">
+                    <g id="pull-up" transform="translate(0.000000, 34.000000)">
+                        <rect id="Rectangle-5" x="0" y="0" width="18" height="18"></rect>
+                        <path d="M6.05737522,9.80294126 C6.34805303,9.80193178 6.58393921,10.0378179 6.58397526,10.3295413 L6.58397526,10.3295413 L6.58430875,14.0309019 C6.58333532,14.5429815 6.78303323,15.0240195 7.14513215,15.3861184 C7.50723108,15.7482174 7.98932361,15.9448057 8.50139427,15.9458963 C9.01344689,15.9469869 9.49446685,15.7473611 9.85649367,15.3853343 C10.2185205,15.0233075 10.4171098,14.541251 10.4170557,14.0302169 L10.4170557,14.0302169 L10.4156676,10.3298748 C10.4166591,10.039197 10.6514727,9.80438339 10.9421685,9.8033739 C11.2328464,9.80238244 11.4687235,10.0382596 11.4687686,10.3299739 L11.4687686,10.3299739 L11.4691021,14.0313345 C11.4702197,14.8496128 11.1371886,15.5923329 10.5993129,16.1302086 C10.0624738,16.6670477 9.31973568,17.0000788 8.50043886,16.9999977 C7.7070011,17.0009711 6.96111733,16.6915998 6.40037504,16.1308575 C5.83965078,15.5701333 5.53025242,14.8242225 5.5301713,14.0297662 L5.5301713,14.0297662 L5.53087433,10.3294422 C5.52980175,10.0387553 5.76564286,9.80291422 6.05737522,9.80294126 Z M8.52047535,7.44504397 C8.81215364,7.44406152 9.04887804,7.68078593 9.04892311,7.97349172 L9.04892311,7.97349172 L9.04935574,10.0910323 C9.04836428,10.2373897 8.99129229,10.3671266 8.89477824,10.4636407 C8.79826419,10.5601547 8.66644519,10.6192727 8.52113332,10.6192547 C8.22944602,10.6202281 7.99273964,10.3835217 7.99267655,10.0907979 L7.99267655,10.0907979 L7.99225293,7.97326639 C7.99113528,7.68159712 8.22775153,7.44498088 8.52047535,7.44504397 Z M8.49961865,1.00000031 C10.137302,0.999252214 11.4700124,2.33196266 11.4703008,3.96860944 L11.4703008,3.96860944 L11.4709318,7.67019534 C11.4699313,7.81605702 11.412012,7.94640686 11.3158135,8.04260544 C11.2196329,8.138786 11.0882555,8.19773276 10.9434214,8.19770572 C10.6527165,8.19870619 10.4167943,7.96278397 10.4167492,7.67103357 L10.4167492,7.67103357 L10.4160913,3.96945669 C10.4170377,3.45736801 10.2172947,2.97626693 9.85514168,2.61411393 C9.49298867,2.25196092 9.01086009,2.05326348 8.49979892,2.05316434 C7.44249781,2.05299308 6.58295676,2.91253413 6.58313702,3.96982623 L6.58313702,3.96982623 L6.58378598,7.6713941 C6.58486757,7.96210797 6.34903548,8.19794006 6.05730312,8.19787697 C5.76659826,8.19887744 5.53067604,7.96295522 5.53063097,7.67120483 L5.53063097,7.67120483 L5.53000004,3.96965498 C5.52972063,2.33096219 6.86093488,0.999747943 8.49962767,1.00002735 Z" id="形状结合" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/dynamic/dynamic-item/dynamic-align/index.css

@@ -0,0 +1,95 @@
+@charset "UTF-8";
+
+.titaui-dynamic-align-item {
+  position: relative;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+}
+
+.titaui-dynamic-align-item__content {
+  margin-left: 69px;
+  position: relative;
+}
+
+.titaui-dynamic-align-item__obj {
+  display: flex;
+  flex-direction: column;
+}
+
+.titaui-dynamic-align-item__obj-base-info {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+
+.titaui-dynamic-align-item__obj-base-info-icon {
+  color: #89919f;
+  font-size: 18px;
+  margin-right: 8px;
+}
+
+.titaui-dynamic-align-item__obj-title {
+  overflow: hidden;
+  white-space: nowrap;
+  word-break: keep-all;
+  font-size: 14px;
+  font-weight: 600;
+  color: #3f4755;
+  line-height: 22px;
+}
+
+.titaui-dynamic-align-item__obj-title:hover {
+  cursor: pointer;
+  color: #2879ff;
+}
+
+.titaui-dynamic-align-item__obj-principal-user {
+  font-size: 12px;
+  color: #89919f;
+  line-height: 18px;
+  margin-left: 26px;
+}
+
+.titaui-dynamic-align-item__obj-principal-user::after {
+  content: "·";
+  display: inline-block;
+  margin: 0 4px;
+}
+
+.titaui-dynamic-align-item__obj-cycle {
+  font-size: 12px;
+  color: #89919f;
+  line-height: 18px;
+}
+
+.titaui-dynamic-align-item__align-img {
+  position: absolute;
+  top: 38px;
+}
+
+.titaui-dynamic-align-item__space {
+  height: 20px;
+}
+
+.titaui-dynamic-align-item__operate-desc {
+  font-size: 14px;
+  font-weight: 400;
+  color: #89919f;
+  line-height: 22px;
+  margin: 0 8px 0 4px;
+  overflow: hidden;
+}
+
+.titaui-dynamic-align-item-desc-operate-type {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 2px;
+  height: 18px;
+  min-width: 40px;
+  clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
+  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 15% 0);
+  border-radius: 14px 10px 10px 4px;
+  font-size: 12px;
+  color: #ffffff;
+  line-height: 18px;
+}

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

@@ -0,0 +1,173 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _header = _interopRequireDefault(require("../components/header"));
+
+var _tooltip = require("../../../tooltip");
+
+var _openData = require("../../../../utils/open-data");
+
+var _constant = require("../../constant");
+
+var _dynamicAlign = _interopRequireDefault(require("./img/dynamic-align.svg"));
+
+var _manager = _interopRequireDefault(require("../../../drawer/manager"));
+
+var _util = require("../../util");
+
+var _context = require("../../context");
+
+var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handle"));
+
+require("./index.css");
+
+var _excluded = ["data"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var prefix = "titaui-dynamic-align-item";
+
+var DynamicAlign = function DynamicAlign(_ref) {
+  var data = _ref.data,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+
+  var okrName = data.okrName,
+      okrId = data.okrId,
+      principalUser = data.principalUser,
+      parentObjName = data.parentObjName,
+      parentObjType = data.parentObjType,
+      parentObjId = data.parentObjId,
+      parentPrincipalUser = data.parentPrincipalUser,
+      parentcycleName = data.parentcycleName,
+      cycleName = data.cycleName,
+      feedType = data.feedType,
+      publishUser = data.publishUser;
+
+  var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
+      searchKeyWord = _useContext.searchKeyWord;
+
+  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(feedType),
+      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
+      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
+
+  var handleClickTitle = function handleClickTitle(id, type) {
+    if (type === _constant.EObjType.Kr) {
+      _manager["default"].open("krDetail", {
+        krId: id
+      });
+    }
+
+    if (type === _constant.EObjType.O) {
+      _manager["default"].open("okrDetail", {
+        okrId: id
+      });
+    }
+  };
+
+  var renderDesc = (0, _react.useMemo)(function () {
+    var text = "";
+
+    if (parentObjType === _constant.EObjType.Kr) {
+      text = "对齐了关键成果";
+    }
+
+    if (parentObjType === _constant.EObjType.O) {
+      text = "对齐了目标";
+    }
+
+    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "__operate-desc"
+    }, text), /*#__PURE__*/_react["default"].createElement("span", {
+      className: prefix + "-desc-operate-type",
+      style: {
+        background: feedTypeColor
+      }
+    }, feedTypeText));
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
+    data: data
+  }, restProps, {
+    desc: renderDesc,
+    user: publishUser
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__content")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__obj"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__obj-base-info"
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])(prefix + "__obj-base-info-icon", {
+      "tu-icon-okr": parentObjType === _constant.EObjType.O,
+      "tu-icon-KR": parentObjType === _constant.EObjType.Kr
+    })
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + "__obj-title",
+    onClick: function onClick() {
+      handleClickTitle(parentObjId, parentObjType);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip.TooltipText, {
+    isPercent: true,
+    text: /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
+      str: parentObjName,
+      keyWord: searchKeyWord
+    })
+  }))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + "__obj-principal-user"
+  }, parentPrincipalUser && /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+    id: parentPrincipalUser.userId,
+    name: parentPrincipalUser.name
+  })), /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + "__obj-cycle"
+  }, parentcycleName))), /*#__PURE__*/_react["default"].createElement("img", {
+    className: prefix + "__align-img",
+    src: _dynamicAlign["default"]
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__space"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__obj"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix + "__obj-base-info"
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])(prefix + "__obj-base-info-icon", "tu-icon-okr")
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + "__obj-title",
+    onClick: function onClick() {
+      handleClickTitle(okrId, _constant.EObjType.O);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip.TooltipText, {
+    isPercent: true,
+    text: okrName
+  }))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + "__obj-principal-user"
+  }, principalUser && /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+    id: principalUser.userId,
+    name: principalUser.name
+  })), /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + "__obj-cycle"
+  }, cycleName)))));
+};
+
+var _default = DynamicAlign;
+exports["default"] = _default;