@titaui/pc 1.12.25 → 1.12.26-beta.1

package/lib/components/dynamic/dynamic-item/components/summary-header/operate-record.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _drawer = _interopRequireDefault(require("../../../../drawer"));
+
+var _getLocale = require("../../../../../utils/getLocale");
+
+var _operationRecords = _interopRequireDefault(require("../../../../operation-records"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var preCls = 'titaui-dynamic-new-summary__operate';
+
+var OperateRecord = function OperateRecord(props) {
+  var visible = props.visible,
+      onClose = props.onClose,
+      feedId = props.feedId;
+  return /*#__PURE__*/_react["default"].createElement(_drawer["default"], {
+    visible: visible,
+    onClose: onClose,
+    className: preCls,
+    autoClosable: true
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__head")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(preCls, "__head-title")
+  }, (0, _getLocale.getLocale)('Per_details_OperationRecord')), /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("".concat(preCls, "__head-icon"), 'tu-icon-close'),
+    onClick: onClose
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__content")
+  }, /*#__PURE__*/_react["default"].createElement(_operationRecords["default"], {
+    feedId: feedId,
+    commentCount: 4
+  })));
+};
+
+var _default = OperateRecord;
+exports["default"] = _default;

package/lib/components/dynamic/dynamic-item/components/summary-header/request-api.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getUserById = void 0;
+
+var _request = require("../../../../../utils/request");
+
+// @ts-ignore
+var getUserById = function getUserById(userId) {
+  return (0, _request.rget)("v2")("user/GetById?touserid=".concat(userId)).then(function (res) {
+    return res.Data;
+  });
+};
+
+exports.getUserById = getUserById;

package/lib/components/dynamic/dynamic-item/components/table-row-o-project/index.css

@@ -0,0 +1,24 @@
+.titaui-dynamic-summary-table-row-o-project {
+  line-height: 18px;
+  display: flex;
+  align-items: center;
+  word-break: keep-all;
+  white-space: nowrap;
+  color: #89919F;
+}
+
+.titaui-dynamic-summary-table-row-o-project:hover {
+  cursor: pointer;
+  color: #2879ff;
+}
+
+.titaui-dynamic-summary-table-row-o-project__icon {
+  font-size: 14px;
+}
+
+.titaui-dynamic-summary-table-row-o-project__text {
+  flex: 1;
+  overflow: hidden;
+  font-size: 12px;
+  margin-left: 4px;
+}

package/lib/components/dynamic/dynamic-item/components/table-row-o-project/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _tooltip = _interopRequireDefault(require("../../../../tooltip"));
+
+var _drawerManager = _interopRequireDefault(require("../../../../drawer-manager"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var prefix = "titaui-dynamic-summary-table-row-o-project";
+
+var TableRowOProject = function TableRowOProject(_ref) {
+  var id = _ref.id,
+      _ref$isO = _ref.isO,
+      isO = _ref$isO === void 0 ? true : _ref$isO,
+      text = _ref.text,
+      _ref$extraClass = _ref.extraClass,
+      extraClass = _ref$extraClass === void 0 ? '' : _ref$extraClass;
+
+  var handleTitleClick = function handleTitleClick() {
+    if (isO) {
+      _drawerManager["default"].open("okrDetail", {
+        okrId: id
+      });
+    } else {
+      window.open(window.location.href.replace(window.location.hash, "#work?iTalentNavCode=tita-work&work_id=".concat(id)));
+    }
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, " ").concat(extraClass),
+    onClick: handleTitleClick
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "".concat(prefix, "__icon tu-icon-").concat(isO ? "H5-O-s" : "project-s")
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefix, "__text")
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
+    isPercent: true,
+    text: text
+  })));
+};
+
+var _default = TableRowOProject;
+exports["default"] = _default;

package/lib/components/dynamic/dynamic-item/components/table-row-o-project/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/dynamic/dynamic-item/components/table-row-okr/index.css

@@ -0,0 +1,50 @@
+.titaui-dynamic-summary-table-row-okr__common {
+  font-size: 14px;
+  font-weight: 600;
+  color: #141c28;
+  line-height: 22px;
+  padding: 8px 0;
+  display: flex;
+}
+
+.titaui-dynamic-summary-table-row-okr__common:hover {
+  cursor: pointer;
+  color: #2879ff;
+}
+
+.titaui-dynamic-summary-table-row-okr__common-icon {
+  font-size: 16px;
+  font-weight: 400;
+  color: #2879ff;
+  margin-right: 8px;
+  margin-top: 4px;
+}
+
+.titaui-dynamic-summary-table-row-okr__kr {
+  margin-left: 24px;
+  overflow: hidden;
+  display: flex;
+  word-break: keep-all;
+  white-space: nowrap;
+  align-items: center;
+}
+
+.titaui-dynamic-summary-table-row-okr__kr-order {
+  font-size: 12px;
+  color: #2879ff;
+  line-height: 16px;
+  margin-top: 0;
+}
+
+.titaui-dynamic-summary-table-row-okr__kr-text {
+  font-size: 14px;
+  color: #3f4755;
+  margin-left: 4px;
+  flex: 1;
+  overflow: hidden;
+}
+
+.titaui-dynamic-summary-table-row-okr__kr-text:hover {
+  cursor: pointer;
+  color: #2879ff;
+}

package/lib/components/dynamic/dynamic-item/components/table-row-okr/index.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _tooltip = _interopRequireDefault(require("../../../../tooltip"));
+
+var _drawerManager = _interopRequireDefault(require("../../../../drawer-manager"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var prefix = "titaui-dynamic-summary-table-row-okr";
+
+var TableRowOKR = function TableRowOKR(_ref) {
+  var text = _ref.text,
+      id = _ref.id,
+      _ref$isO = _ref.isO,
+      isO = _ref$isO === void 0 ? true : _ref$isO,
+      _ref$isFirstLevel = _ref.isFirstLevel,
+      isFirstLevel = _ref$isFirstLevel === void 0 ? true : _ref$isFirstLevel,
+      _ref$order = _ref.order,
+      order = _ref$order === void 0 ? 1 : _ref$order;
+
+  var handleClickTitle = function handleClickTitle() {
+    if (isO) {
+      _drawerManager["default"].open("okrDetail", {
+        okrId: id
+      });
+    } else {
+      _drawerManager["default"].open("krDetail", {
+        krId: id
+      });
+    }
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, isFirstLevel && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__common"),
+    onClick: handleClickTitle
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "tu-icon-H5-".concat(isO ? "O" : "KR", "-s ").concat(prefix, "__common-icon")
+  }), /*#__PURE__*/_react["default"].createElement("span", null, text)), !isFirstLevel && /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(prefix, "__kr")),
+    onClick: handleClickTitle
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(prefix, "__kr-order"))
+  }, "KR", order), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(prefix, "__kr-text"))
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
+    isPercent: true,
+    text: text
+  }))));
+};
+
+var _default = TableRowOKR;
+exports["default"] = _default;

package/lib/components/dynamic/dynamic-item/components/table-row-okr/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/dynamic/dynamic-item/components/task-progress/constant.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EStatusStatus2ClassType = exports.EObjType = void 0;
+var EStatusStatus2ClassType = {
+  2: "tu-icon-finished",
+  1: "tu-icon-running",
+  4: "tu-icon-canceled",
+  3: "tu-icon-deferred",
+  6: "tu-icon-paused",
+  0: "tu-icon-notstart",
+  5: "tu-icon-jiantou-right"
+};
+exports.EStatusStatus2ClassType = EStatusStatus2ClassType;
+var EObjType;
+exports.EObjType = EObjType;
+
+(function (EObjType) {
+  EObjType[EObjType["Project"] = 4] = "Project";
+  EObjType[EObjType["Task"] = 7] = "Task";
+  EObjType[EObjType["O"] = 62] = "O";
+  EObjType[EObjType["Kr"] = 65] = "Kr";
+  EObjType[EObjType["Assess"] = 23] = "Assess";
+  EObjType[EObjType["MileStone"] = 27] = "MileStone";
+  EObjType[EObjType["KanBan"] = 66] = "KanBan";
+  EObjType[EObjType["Report"] = 8] = "Report";
+})(EObjType || (exports.EObjType = EObjType = {}));

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

@@ -0,0 +1,260 @@
+.titaui-dynamic-summary-task-progress {
+  margin-top: 24px;
+}
+
+.titaui-dynamic-summary-task-progress__title {
+  font-size: 18px;
+  font-weight: 600;
+  color: #141c28;
+  line-height: 26px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.titaui-dynamic-summary-task-progress__title-update {
+  font-size: 14px;
+  font-weight: 400;
+  color: #2879ff;
+  line-height: 22px;
+  display: inline-flex;
+  align-items: center;
+}
+
+.titaui-dynamic-summary-task-progress__title-update-icon {
+  margin-right: 4px;
+}
+
+.titaui-dynamic-summary-task-progress__title-update:hover {
+  cursor: pointer;
+  opacity: 0.8;
+}
+
+.titaui-dynamic-summary-task-progress__table {
+  border: 1px solid #dfe3ea;
+  border-radius: 12px;
+  margin-top: 12px;
+}
+
+.titaui-dynamic-summary-task-progress__table-row-title {
+  font-size: 14px;
+  color: #141c28;
+  padding: 8px 0;
+}
+
+.titaui-dynamic-summary-task-progress__table-row-title-remain {
+  background: rgba(240, 94, 94, 0.16);
+  border-radius: 12px;
+  padding: 0 8px;
+  height: 20px;
+  display: inline-flex;
+  align-items: center;
+  font-size: 12px;
+  color: #3f4755;
+  line-height: 18px;
+  margin-left: 4px;
+}
+
+.titaui-dynamic-summary-task-progress__table-row-title-worktime {
+  margin-left: 4px;
+  display: flex;
+  align-items: center;
+  height: 20px;
+  padding: 0 8px;
+  border-radius: 12px;
+  background: rgba(240, 163, 38, 0.16);
+  font-size: 12px;
+  color: #3f4755;
+  line-height: 18px;
+}
+
+.titaui-dynamic-summary-task-progress__table-row-title-icon {
+  margin-right: 4px;
+  vertical-align: middle;
+}
+
+.titaui-dynamic-summary-task-progress__table-row-title-text {
+  font-size: 14px;
+  font-weight: 600;
+  color: #141c28;
+  line-height: 22px;
+}
+
+.titaui-dynamic-summary-task-progress__table-row-title-text:hover {
+  cursor: pointer;
+  color: #2879ff;
+}
+
+.titaui-dynamic-summary-task-progress__table table {
+  width: 100%;
+}
+
+.titaui-dynamic-summary-task-progress__table table thead {
+  width: 100%;
+}
+
+.titaui-dynamic-summary-task-progress__table table tbody {
+  width: 100%;
+}
+
+.titaui-dynamic-summary-task-progress__table table tbody tr {
+  border-bottom: 1px solid #dfe3ea;
+}
+
+.titaui-dynamic-summary-task-progress__table table tbody tr:last-child {
+  border-bottom: unset;
+}
+
+.titaui-dynamic-summary-task-progress__table table tbody tr td {
+  box-sizing: border-box;
+  padding: 0 12px;
+  border-right: 1px solid #dfe3ea;
+}
+
+.titaui-dynamic-summary-task-progress__table table tbody tr td:last-child {
+  border-right: unset;
+}
+
+.titaui-dynamic-summary-task-progress__table table tbody tr td:nth-child(2) {
+  padding: 0;
+}
+
+.titaui-dynamic-summary-task-progress__table-title {
+  height: 40px;
+  background: #f0f4fa;
+  font-size: 13px;
+  color: #89919f;
+  line-height: 18px;
+}
+
+.titaui-dynamic-summary-task-progress__table-title td {
+  text-align: center;
+  padding: 0 12px;
+  box-sizing: border-box;
+  border-right: 1px solid #dfe3ea;
+}
+
+.titaui-dynamic-summary-task-progress__table-title td:last-child {
+  border-right: none;
+}
+
+.titaui-dynamic-summary-task-progress__table-title-okrs {
+  overflow: hidden;
+  border-top-left-radius: 12px;
+  width: 282px;
+}
+
+.titaui-dynamic-summary-task-progress__table-title-progress {
+  width: 102px;
+}
+
+.titaui-dynamic-summary-task-progress__table-title-progress-desc {
+  overflow: hidden;
+  border-top-right-radius: 12px;
+}
+
+.titaui-dynamic-summary-task-progress__table-title-progress-desc-icon {
+  font-size: 14px;
+  margin-left: 4px;
+  vertical-align: text-top;
+}
+
+.titaui-dynamic-summary-task-progress__statistic {
+  display: flex;
+  margin-top: 12px;
+}
+
+.titaui-dynamic-summary-task-progress__statistic-item {
+  flex: 1;
+  height: 48px;
+  max-width: 349px;
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-right: 10px;
+  padding: 0 16px;
+  font-size: 14px;
+  font-weight: 600;
+  color: #141c28;
+  line-height: 22px;
+  position: relative;
+  overflow: hidden;
+  cursor: pointer;
+}
+
+.titaui-dynamic-summary-task-progress__statistic-item:last-child {
+  margin-right: 0;
+}
+
+.titaui-dynamic-summary-task-progress__statistic-item--finished {
+  background: rgba(0, 214, 133, 0.1);
+}
+
+.titaui-dynamic-summary-task-progress__statistic-item--finished-text {
+  color: #00d685;
+  font-size: 16px;
+}
+
+.titaui-dynamic-summary-task-progress__statistic-item--finished-active {
+  background: rgba(0, 214, 133, 0.3);
+}
+
+.titaui-dynamic-summary-task-progress__statistic-item--finished-active::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 4px;
+  height: 48px;
+  background: rgba(0, 214, 133, 0.3);
+  border-radius: 12px 0 0 12px;
+}
+
+.titaui-dynamic-summary-task-progress__statistic-item--processing {
+  background: rgba(40, 121, 255, 0.1);
+}
+
+.titaui-dynamic-summary-task-progress__statistic-item--processing-text {
+  color: #2879ff;
+  font-size: 16px;
+}
+
+.titaui-dynamic-summary-task-progress__statistic-item--processing-active {
+  background: rgba(40, 121, 255, 0.3);
+}
+
+.titaui-dynamic-summary-task-progress__statistic-item--processing-active::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 4px;
+  height: 48px;
+  background: rgba(40, 121, 255, 0.3);
+  border-radius: 12px 0 0 12px;
+}
+
+.titaui-dynamic-summary-task-progress__statistic-item--overdue {
+  background: rgba(240, 94, 94, 0.1);
+}
+
+.titaui-dynamic-summary-task-progress__statistic-item--overdue-text {
+  color: #f05e5e;
+  font-size: 16px;
+}
+
+.titaui-dynamic-summary-task-progress__statistic-item--overdue-active {
+  background: rgba(240, 94, 94, 0.3);
+}
+
+.titaui-dynamic-summary-task-progress__statistic-item--overdue-active::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 4px;
+  height: 48px;
+  background: rgba(240, 94, 94, 0.3);
+  border-radius: 12px 0 0 12px;
+}