@titaui/pc 1.5.69-beta.2 → 1.5.69-beta.23

package/lib/components/dynamic/components/percent/index.js

@@ -0,0 +1,38 @@
+"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 }; }
+
+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; }
+
+var prefix = "titaui-dynamic-percent";
+
+var DynamicPercent = function DynamicPercent(_ref) {
+  var _classNames;
+
+  var _ref$percent = _ref.percent,
+      percent = _ref$percent === void 0 ? 0 : _ref$percent,
+      _ref$growPercent = _ref.growPercent,
+      growPercent = _ref$growPercent === void 0 ? 0 : _ref$growPercent,
+      extraClass = _ref.extraClass;
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])(extraClass, prefix)
+  }, percent, "%", growPercent !== 0 && /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])(prefix + "__grow", (_classNames = {}, _defineProperty(_classNames, prefix + "__grow--increase", growPercent > 0), _defineProperty(_classNames, prefix + "__grow--decrease", growPercent < 0), _classNames))
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: growPercent > 0 ? "tu-icon-simple-sort-up" : "tu-icon-simple-sort-down"
+  }), Math.abs(growPercent), "%"));
+};
+
+var _default = DynamicPercent;
+exports["default"] = _default;

package/lib/components/dynamic/components/title/index.css

@@ -0,0 +1,35 @@
+.titaui-dynamic-title {
+  display: inline-flex;
+  overflow: hidden;
+}
+
+.titaui-dynamic-title__content {
+  display: flex;
+  height: 36px;
+  overflow: hidden;
+  box-sizing: border-box;
+  background: #f6f7f9;
+  border-radius: 18px 18px 18px 1px;
+  word-break: keep-all;
+  white-space: nowrap;
+  padding: 7px 12px;
+  font-size: 16px;
+  line-height: 22px;
+  color: #3f4755;
+  font-weight: 600;
+}
+
+.titaui-dynamic-title__content-symbol {
+  color: #2879ff;
+  margin-right: 4px;
+}
+
+.titaui-dynamic-title__content-text {
+  flex: 1;
+  overflow: hidden;
+  cursor: pointer;
+}
+
+.titaui-dynamic-title__content-text:hover {
+  color: #2879ff !important;
+}

package/lib/components/dynamic/{dynamic-item/components/publish-content → components/title}/index.js

@@ -9,17 +9,11 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _tooltip = require("../../../tooltip");
 
-var _dynamicLeftQuoto = _interopRequireDefault(require("../../../img/dynamic-left-quoto.svg"));
+var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handle"));
 
-var _dynamicRightQuoto = _interopRequireDefault(require("../../../img/dynamic-right-quoto.svg"));
-
-var _fileList = _interopRequireDefault(require("../../../../file-list"));
-
-var _context = require("../../../context");
-
-var _searchKeyHandle = _interopRequireDefault(require("../../../../search-key-handle"));
+var _context = require("../../context");
 
 require("./index.css");
 
@@ -29,35 +23,37 @@ 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; }
 
-// @ts-ignore
-// @ts-ignore
-var prefix = "titaui-dynamic-publish-content";
+var prefix = "titaui-dynamic-title";
 
-var PublishContent = function PublishContent(_ref) {
-  var data = _ref.data;
+var DynamicTitle = function DynamicTitle(_ref) {
+  var content = _ref.content,
+      onClickTitle = _ref.onClickTitle,
+      suffixContent = _ref.suffixContent;
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
+  var onTitleClick = function onTitleClick() {
+    onClickTitle && onClickTitle();
+  };
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix + "__content"
-  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
-    className: (0, _classnames["default"])(prefix + "__content-quoto", prefix + "__content-quoto--left"),
-    src: _dynamicLeftQuoto["default"]
-  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
-    str: data.content,
-    keyWord: searchKeyWord
-  }), /*#__PURE__*/_react["default"].createElement("img", {
-    className: (0, _classnames["default"])(prefix + "__content-quoto", prefix + "__content-quoto--right"),
-    src: _dynamicRightQuoto["default"]
-  }))), data.attachments && /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix + "__files"
-  }, /*#__PURE__*/_react["default"].createElement(_fileList["default"], {
-    data: data.attachments
-  })));
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__content")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__content-symbol")
+  }, "#"), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__content-text"),
+    onClick: onTitleClick
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip.TooltipText, {
+    text: /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
+      str: content,
+      keyWord: searchKeyWord
+    }),
+    isPercent: true
+  })), suffixContent));
 };
 
-var _default = PublishContent;
+var _default = DynamicTitle;
 exports["default"] = _default;

package/lib/components/dynamic/constant.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EStatusStatus2ClassType = exports.ObjTypeMapText = exports.EObjType = exports.EFeedType = exports.OkrRiskMapping = void 0;
+exports.EStatusStatus2ClassType = exports.ObjectType = exports.ObjTypeMapText = exports.EObjType = exports.EFeedType = exports.OkrRiskMapping = void 0;
 
 var _ObjTypeMapText;
 
@@ -36,7 +36,7 @@ exports.EFeedType = EFeedType;
   EFeedType[EFeedType["Report"] = 5] = "Report";
   EFeedType[EFeedType["Assessment"] = 7] = "Assessment";
   EFeedType[EFeedType["Project"] = 10] = "Project";
-  EFeedType[EFeedType["Reword"] = 11] = "Reword";
+  EFeedType[EFeedType["Reward"] = 11] = "Reward";
   EFeedType[EFeedType["WorkHour"] = 13] = "WorkHour";
   EFeedType[EFeedType["Bless"] = 14] = "Bless";
   EFeedType[EFeedType["Kr"] = 15] = "Kr";
@@ -66,6 +66,23 @@ exports.EObjType = EObjType;
 
 var ObjTypeMapText = (_ObjTypeMapText = {}, _defineProperty(_ObjTypeMapText, EObjType.Project, '项目'), _defineProperty(_ObjTypeMapText, EObjType.Task, '任务'), _defineProperty(_ObjTypeMapText, EObjType.O, '目标'), _defineProperty(_ObjTypeMapText, EObjType.Kr, '关键成果'), _ObjTypeMapText);
 exports.ObjTypeMapText = ObjTypeMapText;
+var ObjectType = {
+  2: '租户',
+  3: '团队',
+  4: '项目',
+  5: '绩效考核表',
+  6: '绩效目标',
+  7: '任务',
+  8: '日报（总结）',
+  10: 'Feed',
+  11: '计划',
+  12: '计划表的操作记录',
+  62: '目标',
+  79: '关键成果进展',
+  80: '公告',
+  42: '打赏'
+};
+exports.ObjectType = ObjectType;
 var EStatusStatus2ClassType = {
   2: 'tu-icon-finished',
   1: 'tu-icon-running',

package/lib/components/dynamic/dynamic-item/components/{dynamic-item-header → header}/index.css

@@ -3,7 +3,7 @@
   justify-content: space-between;
   align-items: center;
   margin-bottom: 16px;
-  padding: 20px 20px 0 20px;
+  padding: 20px 0 0 20px;
 }
 
 .titaui-dynamic-item-header-left {

package/lib/components/dynamic/dynamic-item/components/{dynamic-item-header → header}/index.js

@@ -17,15 +17,15 @@ var _dropdownLayer = _interopRequireWildcard(require("../../../../dropdown-layer
 
 var _requestApi = require("../../../request-api");
 
-var _constant = require("../../../constant");
-
 var _dialogConfirm = _interopRequireWildcard(require("../../../../dialog-confirm"));
 
 var _popDownNotification = require("../../../../pop-down-notification");
 
 var _openData = require("../../../../../utils/open-data");
 
-var _tools = require("../../../../../utils/tools");
+var _conditionRender = _interopRequireDefault(require("../../../components/condition-render"));
+
+var _tooltip = require("../../../../tooltip");
 
 require("./index.css");
 
@@ -49,22 +49,24 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var prefix = "titaui-dynamic-item-header"; // 下面为啥用三目运算符，因为如果不用的话就会给选择器传过去false或者null，在判断选中元素的时候就会报错
+var prefix = "titaui-dynamic-item-header";
 
 var DynamicItemHeader = function DynamicItemHeader(_ref) {
-  var _ref$hasDynamicOperea = _ref.hasDynamicOpereateAuth,
-      hasDynamicOpereateAuth = _ref$hasDynamicOperea === void 0 ? false : _ref$hasDynamicOperea,
-      publishUser = _ref.publishUser,
-      createDate = _ref.createDate,
-      operateDesc = _ref.operateDesc,
-      feedType = _ref.feedType,
-      feedId = _ref.feedId,
-      _ref$isTop = _ref.isTop,
-      isTop = _ref$isTop === void 0 ? false : _ref$isTop,
-      _ref$isCollect = _ref.isCollect,
-      isCollect = _ref$isCollect === void 0 ? false : _ref$isCollect,
-      _ref$onDeleteFeed = _ref.onDeleteFeed,
-      onDeleteFeed = _ref$onDeleteFeed === void 0 ? function () {} : _ref$onDeleteFeed;
+  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),
@@ -81,49 +83,18 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
       showDialogConfirm = _useState6[0],
       setShowDialogConfirm = _useState6[1];
 
-  var isShareOrAnnouncement = feedType === _constant.EFeedType.Share;
-  var url = (0, _tools.getUrlForUserPage)({
-    userId: publishUser.id || publishUser.userId,
-    userType: publishUser.userType || 2
-  });
-
-  var onChangeHandler = function onChangeHandler(name, checked) {
-    if (name === "top") {
-      if (nowIsTop) {
-        (0, _requestApi.cancelTopDynamic)({
-          feedId: feedId
-        }).then(function (resp) {
-          if (resp.Code === 1) {
-            setNowIsTop(!nowIsTop);
+  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,
+  // });
 
-            _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);
 
-            _popDownNotification.Toast.Success("操作成功", {
-              canClose: false
-            });
-          } else {
-            _popDownNotification.Toast.Error(resp.Message, {
-              canClose: false
-            });
-          }
-        });
-      }
-    }
+  var url = "";
 
+  var onChangeHandler = function onChangeHandler(name, _) {
     if (name === "collect") {
       if (nowIsCollect) {
         (0, _requestApi.cancelCollectDynamic)({
@@ -159,12 +130,49 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
         });
       }
     }
+  };
 
-    if (name === "delete") {
-      setShowDialogConfirm(true);
+  var handleTopOperateClick = function handleTopOperateClick() {
+    if (nowIsTop) {
+      (0, _requestApi.cancelTopDynamic)({
+        feedId: feedId
+      }).then(function (resp) {
+        if (resp.Code === 1) {
+          setNowIsTop(!nowIsTop);
+
+          _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);
+
+          _popDownNotification.Toast.Success("操作成功", {
+            canClose: false
+          });
+        } 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
@@ -184,7 +192,12 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
     setShowDialogConfirm(false);
   };
 
+  var handleShowDropSelector = function handleShowDropSelector() {
+    setSelectVisible(true);
+  };
+
   var handleOpenUserPage = function handleOpenUserPage() {
+    if (!url) return;
     window.open(url, "_blank");
   };
 
@@ -210,10 +223,10 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
     className: (0, _classnames["default"])(prefix + "-desc-avatar", _defineProperty({}, prefix + "-desc-avatar--not-link", !url)),
     onClick: handleOpenUserPage
   }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
-    name: publishUser.name,
-    userId: publishUser.id || publishUser.userId,
-    src: publishUser.avatar.medium,
-    color: publishUser.avatar.color,
+    name: user.name,
+    userId: user.id || user.userId,
+    src: user.avatar.medium,
+    color: user.avatar.color,
     size: {
       width: 40,
       textNum: 1,
@@ -226,10 +239,13 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
   }, /*#__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(_openData.OpenUserName, {
-    name: publishUser.name,
-    id: publishUser.userId
-  })), operateDesc), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__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"
@@ -238,8 +254,10 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
     checked: ["collect"],
     onChange: onChangeHandler,
     multi: false,
+    visible: selectVisible,
     trigger: /*#__PURE__*/_react["default"].createElement("span", {
-      className: (0, _classnames["default"])(prefix + "-right", "tu-icon-more1")
+      className: (0, _classnames["default"])(prefix + "-right", "tu-icon-more1"),
+      onClick: handleShowDropSelector
     })
   }, /*#__PURE__*/_react["default"].createElement(_dropdownLayer.Item, {
     name: "collect"
@@ -247,19 +265,25 @@ var DynamicItemHeader = function DynamicItemHeader(_ref) {
     className: prefix + "__more-operate-selection"
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: (0, _classnames["default"])("tu-icon-APP-shoucang", prefix + "__more-operate-selection-icon")
-  }), nowIsCollect ? "取消收藏" : "收藏")), hasDynamicOpereateAuth && isShareOrAnnouncement ? /*#__PURE__*/_react["default"].createElement(_dropdownLayer.Item, {
-    name: "top"
+  }), 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("span", null), hasDynamicOpereateAuth && isShareOrAnnouncement ? /*#__PURE__*/_react["default"].createElement(_dropdownLayer.Item, {
-    name: "delete"
+  }), 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")) : /*#__PURE__*/_react["default"].createElement("span", null))), renderDialogConfirm);
+  }), "\u5220\u9664"))))), renderDialogConfirm);
 };
 
 var _default = DynamicItemHeader;

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/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;
+}