@titaui/pc 1.10.8 → 1.10.9

package/lib/components/dynamic/dynamic-item/dynamic-okrs-communication/index.css

@@ -8,18 +8,31 @@
 }
 
 .titaui-dynamic-okrs-communication-item__content {
-  margin-left: 88px;
-  background: rgba(90, 216, 166, 0.1);
-  border-radius: 12px;
+  height: 78px;
   display: flex;
   align-items: center;
-  padding: 8px 12px;
+  border-radius: 8px;
+  background: rgba(240, 244, 250, 0.5);
+  padding: 16px 12px 16px 16px;
   box-sizing: border-box;
+  margin-left: 69px;
 }
 
-.titaui-dynamic-okrs-communication-item__content-title {
+.titaui-dynamic-okrs-communication-item__content-img {
+  display: inline-block;
+  width: 36px;
+  border-radius: 6px;
+}
+
+.titaui-dynamic-okrs-communication-item__content-info {
+  flex: 1;
   display: flex;
-  align-items: center;
+  flex-direction: column;
+  margin-left: 16px;
+  overflow: hidden;
+}
+
+.titaui-dynamic-okrs-communication-item__content-title {
   flex: 1;
   word-break: keep-all;
   white-space: nowrap;
@@ -30,40 +43,42 @@
   line-height: 24px;
 }
 
-.titaui-dynamic-okrs-communication-item__content-title-type {
-  border-radius: 18px;
-  background: rgba(90, 216, 166, 0.5);
-  color: #ffffff;
-  margin-right: 8px;
-  font-size: 14px;
-  line-height: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 6px;
-  font-weight: 400;
-  height: 20px;
-}
-
 .titaui-dynamic-okrs-communication-item__content-title-text {
-  flex: 1;
   cursor: pointer;
-  overflow: hidden;
 }
 
 .titaui-dynamic-okrs-communication-item__content-title-text:hover {
   color: #2879ff;
 }
 
+.titaui-dynamic-okrs-communication-item__content-title-priority {
+  width: 18px;
+  height: 26px;
+  margin-right: 4px;
+}
+
 .titaui-dynamic-okrs-communication-item__operate-desc {
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 400;
   color: #89919f;
-  line-height: 24px;
-  margin-left: 4px;
+  line-height: 22px;
+  margin: 0 8px 0 4px;
   overflow: hidden;
 }
 
 .titaui-dynamic-okrs-communication-item__operate-desc-wrapper {
   display: flex;
 }
+
+.titaui-dynamic-okrs-communication-item-desc-operate-type {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 6px;
+  height: 18px;
+  min-width: 40px;
+  border-radius: 10px 10px 10px 2px;
+  font-size: 12px;
+  color: #ffffff;
+  line-height: 18px;
+}

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

@@ -11,11 +11,15 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _header = _interopRequireDefault(require("../components/header"));
 
+var _okrsIcon = _interopRequireDefault(require("./img/okrs-icon.png"));
+
 var _context = require("../../context");
 
 var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handle"));
 
-var _tooltip = _interopRequireDefault(require("../../../tooltip"));
+var _tooltip = require("../../../tooltip");
+
+var _util = require("../../util");
 
 require("./index.css");
 
@@ -39,12 +43,20 @@ var DynamicTask = function DynamicTask(_ref) {
   var data = _ref.data,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  var taskName = data.taskName,
+  var status = data.status,
+      taskName = data.taskName,
+      startDate = data.startDate,
+      deadline = data.deadline,
+      feedType = data.feedType,
       principalUser = data.principalUser;
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
+  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(feedType),
+      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
+      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
+
   var handleClickPlanTitle = function handleClickPlanTitle() {
     window.Talent.app.vent.trigger("global-pull-screen", data.taskId, "task");
   };
@@ -59,9 +71,14 @@ var DynamicTask = function DynamicTask(_ref) {
     }));
   }, [taskName, searchKeyWord]);
   var renderDesc = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement("span", {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc")
-    }, "\u7684OKR");
+    }, "\u7684\u8BA1\u5212\u8868"), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "-desc-operate-type"),
+      style: {
+        background: feedTypeColor
+      }
+    }, feedTypeText));
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
@@ -72,15 +89,17 @@ var DynamicTask = function DynamicTask(_ref) {
     user: principalUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "".concat(prefix, "__content-img"),
+    src: _okrsIcon["default"]
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__content-info")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content-title")
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefix, "__content-title-type")
-  }, "OKR"), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefix, "__content-title-text")
-  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip.TooltipText, {
+    isPercent: true,
     text: renderName,
-    isPercent: true
+    minusWidth: 30
   })))));
 };
 

package/lib/components/dynamic/dynamic-item/dynamic-plan-communication/index.css

@@ -8,18 +8,31 @@
 }
 
 .titaui-dynamic-plan-communication-item__content {
-  margin-left: 88px;
-  background: rgba(90, 216, 166, 0.1);
-  border-radius: 12px;
+  height: 78px;
   display: flex;
   align-items: center;
-  padding: 8px 12px;
+  border-radius: 8px;
+  background: rgba(240, 244, 250, 0.5);
+  padding: 16px 12px 16px 16px;
   box-sizing: border-box;
+  margin-left: 69px;
 }
 
-.titaui-dynamic-plan-communication-item__content-title {
+.titaui-dynamic-plan-communication-item__content-img {
+  display: inline-block;
+  width: 36px;
+  border-radius: 6px;
+}
+
+.titaui-dynamic-plan-communication-item__content-info {
+  flex: 1;
   display: flex;
-  align-items: center;
+  flex-direction: column;
+  margin-left: 16px;
+  overflow: hidden;
+}
+
+.titaui-dynamic-plan-communication-item__content-title {
   flex: 1;
   word-break: keep-all;
   white-space: nowrap;
@@ -30,40 +43,42 @@
   line-height: 24px;
 }
 
-.titaui-dynamic-plan-communication-item__content-title-type {
-  border-radius: 18px;
-  background: rgba(90, 216, 166, 0.5);
-  color: #ffffff;
-  margin-right: 8px;
-  font-size: 14px;
-  line-height: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 6px;
-  font-weight: 400;
-  height: 20px;
-}
-
 .titaui-dynamic-plan-communication-item__content-title-text {
-  flex: 1;
   cursor: pointer;
-  overflow: hidden;
 }
 
 .titaui-dynamic-plan-communication-item__content-title-text:hover {
   color: #2879ff;
 }
 
+.titaui-dynamic-plan-communication-item__content-title-priority {
+  width: 18px;
+  height: 26px;
+  margin-right: 4px;
+}
+
 .titaui-dynamic-plan-communication-item__operate-desc {
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 400;
   color: #89919f;
-  line-height: 24px;
-  margin-left: 4px;
+  line-height: 22px;
+  margin: 0 8px 0 4px;
   overflow: hidden;
 }
 
 .titaui-dynamic-plan-communication-item__operate-desc-wrapper {
   display: flex;
 }
+
+.titaui-dynamic-plan-communication-item-desc-operate-type {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 6px;
+  height: 18px;
+  min-width: 40px;
+  border-radius: 10px 10px 10px 2px;
+  font-size: 12px;
+  color: #ffffff;
+  line-height: 18px;
+}

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

@@ -9,15 +9,17 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handle"));
+var _header = _interopRequireDefault(require("../components/header"));
+
+var _planIcon = _interopRequireDefault(require("./img/plan-icon.png"));
 
 var _context = require("../../context");
 
-var _header = _interopRequireDefault(require("../components/header"));
+var _searchKeyHandle = _interopRequireDefault(require("../../../search-key-handle"));
 
-var _tooltip = _interopRequireDefault(require("../../../tooltip"));
+var _tooltip = require("../../../tooltip");
 
-var _getLocale = require("../../../../utils/getLocale");
+var _util = require("../../util");
 
 require("./index.css");
 
@@ -41,12 +43,20 @@ var DynamicTask = function DynamicTask(_ref) {
   var data = _ref.data,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  var taskName = data.taskName,
+  var status = data.status,
+      taskName = data.taskName,
+      startDate = data.startDate,
+      deadline = data.deadline,
+      feedType = data.feedType,
       principalUser = data.principalUser;
 
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
+  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(feedType),
+      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
+      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
+
   var handleClickPlanTitle = function handleClickPlanTitle() {
     window.Talent.app.vent.trigger("global-pull-screen", data.taskId, "task");
   };
@@ -61,9 +71,14 @@ var DynamicTask = function DynamicTask(_ref) {
     }));
   }, [taskName, searchKeyWord]);
   var renderDesc = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement("span", {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc")
-    }, "\u7684\u8BA1\u5212\u8868");
+    }, "\u7684\u8BA1\u5212\u8868"), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "-desc-operate-type"),
+      style: {
+        background: feedTypeColor
+      }
+    }, feedTypeText));
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
@@ -74,15 +89,17 @@ var DynamicTask = function DynamicTask(_ref) {
     user: principalUser
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "".concat(prefix, "__content-img"),
+    src: _planIcon["default"]
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__content-info")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content-title")
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefix, "__content-title-type")
-  }, (0, _getLocale.getLocale)("Menu_Title_Tasks")), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefix, "__content-title-text")
-  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip.TooltipText, {
+    isPercent: true,
     text: renderName,
-    isPercent: true
+    minusWidth: 30
   })))));
 };
 

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

@@ -3,7 +3,7 @@
 }
 
 .titaui-dynamic-progress-item__content {
-  margin-left: 88px;
+  margin-left: 69px;
 }
 
 .titaui-dynamic-progress-item__title {
@@ -14,24 +14,57 @@
 
 .titaui-dynamic-progress-item__description {
   font-size: 14px;
-  color: #3f4755;
-  line-height: 24px;
-  margin-top: 4px;
+  color: #3F4755;
+  line-height: 22px;
   display: flex;
+  margin-top: 12px;
+}
+
+.titaui-dynamic-progress-item__description-quoto {
+  width: 12px;
+  height: 12px;
+}
+
+.titaui-dynamic-progress-item__description-quoto--left {
+  margin-right: 8px;
+  margin-top: -6px;
+}
+
+.titaui-dynamic-progress-item__description-quoto--right {
+  margin-left: 8px;
+  margin-top: 4px;
 }
 
 .titaui-dynamic-progress-item__description-text {
   white-space: pre-wrap;
 }
 
-.titaui-dynamic-progress-item__status {
-  margin-top: 12px;
+.titaui-dynamic-progress-item__status-left {
+  margin-left: 12px;
+}
+
+.titaui-dynamic-progress-item__percent-left {
+  margin-left: 8px;
+}
+
+.titaui-dynamic-progress-item__classify {
+  display: flex;
+  width: 18px;
+  margin-left: 8px;
+}
+
+.titaui-dynamic-progress-item__classify--desire {
+  background: url("../../img/dynamic-desire.svg") no-repeat;
+}
+
+.titaui-dynamic-progress-item__classify--promise {
+  background: url("../../img/dynamic-promise.svg") no-repeat;
 }
 
 .titaui-dynamic-progress-item__object-name {
-  font-size: 16px;
+  font-size: 14px;
   color: #2879ff;
-  line-height: 24px;
+  line-height: 22px;
   margin: 0 4px;
   overflow: hidden;
 }
@@ -41,15 +74,24 @@
   color: #5c8eff;
 }
 
-.titaui-dynamic-progress-item__obj-wrapper {
-  display: flex;
-}
-
 .titaui-dynamic-progress-item__operate-desc {
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 400;
   color: #89919f;
-  line-height: 24px;
-  margin-left: 4px;
+  line-height: 22px;
+  margin: 0 8px 0 4px;
   overflow: hidden;
 }
+
+.titaui-dynamic-progress-item-desc-operate-type {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 6px;
+  height: 18px;
+  min-width: 40px;
+  border-radius: 10px 10px 10px 2px;
+  font-size: 12px;
+  color: #ffffff;
+  line-height: 18px;
+}

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

@@ -9,6 +9,12 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _dynamicLeftQuoto = _interopRequireDefault(require("../../img/dynamic-left-quoto.svg"));
+
+var _dynamicRightQuoto = _interopRequireDefault(require("../../img/dynamic-right-quoto.svg"));
+
 var _drawerManager = _interopRequireDefault(require("../../../drawer-manager"));
 
 var _context = require("../../context");
@@ -25,13 +31,9 @@ var _objStatus = _interopRequireDefault(require("../../components/obj-status"));
 
 var _constant = require("../../constant");
 
-var _getLocale = require("../../../../utils/getLocale");
-
-var _utils = require("./utils");
-
-var _conditionRender = _interopRequireDefault(require("../../../condition-render"));
+var _util = require("../../util");
 
-var _tooltip = _interopRequireDefault(require("../../../tooltip"));
+var _getLocale = require("../../../../utils/getLocale");
 
 require("./index.css");
 
@@ -45,6 +47,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && 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); }
 
+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 _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; }
@@ -60,6 +64,7 @@ var DynamicProgress = function DynamicProgress(_ref) {
       progressGrow = data.progressGrow,
       riskLevel = data.riskLevel,
       obj = data.obj,
+      classify = data.classify,
       relationParentName = data.relationParentName,
       relationParentId = data.relationParentId,
       publishUser = data.publishUser;
@@ -67,6 +72,10 @@ var DynamicProgress = function DynamicProgress(_ref) {
   var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
       searchKeyWord = _useContext.searchKeyWord;
 
+  var _getFeedTypeAndTypeCo = (0, _util.getFeedTypeAndTypeColor)(data.feedType),
+      feedTypeText = _getFeedTypeAndTypeCo.feedTypeText,
+      feedTypeColor = _getFeedTypeAndTypeCo.feedTypeColor;
+
   var handleClickTitle = function handleClickTitle() {
     if (!obj) {
       return;
@@ -86,7 +95,7 @@ var DynamicProgress = function DynamicProgress(_ref) {
     } else if (objType === _constant.EObjType.Task) {
       window.Talent.app.vent.trigger("global-pull-screen", objId, "task");
     } else if (objType === _constant.EObjType.Project) {
-      window.open(window.location.href.replace(window.location.hash, "#work?iTalentNavCode=tita-work&work_id=".concat(objId)));
+      window.open(window.location.href.replace(location.hash, "#work?iTalentNavCode=tita-work&work_id=".concat(objId)));
     }
   };
 
@@ -96,21 +105,53 @@ var DynamicProgress = function DynamicProgress(_ref) {
     });
   };
 
+  var renderTitle = (0, _react.useMemo)(function () {
+    if (!obj) {
+      return;
+    }
+
+    var objType = obj.objType,
+        objName = obj.objName;
+
+    if (objType === _constant.EObjType.Kr) {
+      return "KR\uFF1A".concat(objName);
+    }
+
+    if (objType === _constant.EObjType.O) {
+      return "O\uFF1A".concat(objName);
+    }
+
+    if (objType === _constant.EObjType.Task) {
+      return "".concat((0, _getLocale.getLocale)("Mod_Tasks"), "\uFF1A").concat(objName);
+    }
+
+    if (objType === _constant.EObjType.Project) {
+      return "".concat((0, _getLocale.getLocale)("Mod_Project"), "\uFF1A").concat(objName);
+    }
+
+    return "";
+  }, []);
+  var Classify = (0, _react.useMemo)(function () {
+    var _classNames;
+
+    if (!classify || Number(classify) == 0) {
+      return;
+    }
+
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])("".concat(prefix, "__classify"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "__classify--desire"), classify === 1), _defineProperty(_classNames, "".concat(prefix, "__classify--promise"), classify === 2), _classNames))
+    });
+  }, [classify]);
   var renderDesc = (0, _react.useMemo)(function () {
     var dom;
 
     if (obj && obj.objType === _constant.EObjType.Kr) {
-      dom = /*#__PURE__*/_react["default"].createElement("span", {
-        className: "".concat(prefix, "__obj-wrapper")
-      }, (0, _getLocale.getLocale)("Mod_Updated"), (0, _getLocale.getLocale)("Mod_Objective"), /*#__PURE__*/_react["default"].createElement("span", {
+      dom = /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)("Mod_Updated"), (0, _getLocale.getLocale)("Mod_Objective"), /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(prefix, "__object-name"),
         onClick: handleClickOTitle
-      }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
-        text: /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
-          str: relationParentName,
-          keyWord: searchKeyWord
-        }),
-        isPercent: true
+      }, /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
+        str: relationParentName,
+        keyWord: searchKeyWord
       })), (0, _getLocale.getLocale)("Mod_skeyrprogress"));
     }
 
@@ -126,9 +167,14 @@ var DynamicProgress = function DynamicProgress(_ref) {
       dom = "".concat((0, _getLocale.getLocale)("Mod_Updated")).concat((0, _getLocale.getLocale)("Mod_ProjectProgress"));
     }
 
-    return /*#__PURE__*/_react["default"].createElement("span", {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
       className: "".concat(prefix, "__operate-desc")
-    }, dom);
+    }, dom), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(prefix, "-desc-operate-type"),
+      style: {
+        background: feedTypeColor
+      }
+    }, feedTypeText));
   }, [searchKeyWord]);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: prefix
@@ -141,29 +187,32 @@ var DynamicProgress = function DynamicProgress(_ref) {
     className: "".concat(prefix, "__content")
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__title")
-  }, /*#__PURE__*/_react["default"].createElement(_title["default"], _extends({
-    content: obj === null || obj === void 0 ? void 0 : obj.objName,
-    onClickTitle: handleClickTitle
-  }, (0, _utils.getDynamicTitleProps)(obj)))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__status")
-  }, /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
-    condition: obj && obj.objType !== _constant.EObjType.Task && obj.objType !== _constant.EObjType.Project
-  }, /*#__PURE__*/_react["default"].createElement(_objStatus["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_title["default"], {
+    content: renderTitle,
+    onClickTitle: handleClickTitle,
+    suffixContent: Classify
+  }), /*#__PURE__*/_react["default"].createElement(_objStatus["default"], {
     oStatus: 1,
     riskLevel: riskLevel,
-    extraClass: "".concat(prefix, "__status-text")
-  })), /*#__PURE__*/_react["default"].createElement(_percent["default"], {
+    extraClass: "".concat(prefix, "__status-left")
+  }), /*#__PURE__*/_react["default"].createElement(_percent["default"], {
     percent: progress,
     growPercent: progressGrow,
-    extraClass: "".concat(prefix, "__status-percent")
+    extraClass: "".concat(prefix, "__percent-left")
   })), progressDescription && /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__description")
-  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
+    className: (0, _classnames["default"])("".concat(prefix, "__description-quoto"), "".concat(prefix, "__description-quoto--left")),
+    src: _dynamicLeftQuoto["default"]
+  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__description-text")
   }, /*#__PURE__*/_react["default"].createElement(_searchKeyHandle["default"], {
     str: progressDescription,
     keyWord: searchKeyWord
-  }))))));
+  })), /*#__PURE__*/_react["default"].createElement("img", {
+    className: (0, _classnames["default"])("".concat(prefix, "__description-quoto"), "".concat(prefix, "__description-quoto--right")),
+    src: _dynamicRightQuoto["default"]
+  })))));
 };
 
 var _default = DynamicProgress;