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

package/lib/components/checkbox/index.css

@@ -9,6 +9,10 @@
   box-sizing: border-box;
 }
 
+.titaui-checkbox:hover {
+  border: 1px solid #2879ff;
+}
+
 .titaui-checkbox--checked {
   background: url(./checked.svg) transparent no-repeat 50% 50%;
   border: none;

package/lib/components/contact-kefu/index.css

@@ -0,0 +1,85 @@
+.contact-kefu {
+  position: relative;
+  height: 100vh;
+  background: #f0f4fa;
+  overflow: hidden;
+}
+
+.contact-kefu__kefu {
+  position: absolute;
+  bottom: 74px;
+  right: 24px;
+  z-index: 2;
+}
+
+.contact-kefu__try-kefu {
+  position: absolute;
+  bottom: 134px;
+  right: 24px;
+  z-index: 2;
+}
+
+.contact-kefu__kefu {
+  width: 42px;
+  height: 42px;
+  background: url("./img/kefu.svg") no-repeat;
+  background-color: #fff;
+  background-size: 42px;
+  box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
+  cursor: pointer;
+  border-radius: 50%;
+}
+
+.contact-kefu__hidden {
+  background-image: none;
+}
+
+.contact-kefu__cancel {
+  height: 100%;
+  background: url("./img/canceled.svg") 50% 50% no-repeat;
+  animation-duration: 0.3s;
+  animation-name: kefuActive;
+}
+
+.contact-kefu__popup {
+  width: 332px;
+  height: 376px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background: #ffffff;
+  box-shadow: 0px 8px 24px 0px rgba(127, 145, 180, 0.16);
+  border-radius: 24px;
+}
+
+.contact-kefu__popup-title {
+  font-size: 20px;
+  font-weight: 600;
+  color: #141c28;
+  line-height: 30px;
+}
+
+.contact-kefu__popup-content {
+  margin-top: 4px;
+  font-size: 14px;
+  font-weight: normal;
+  color: #6f7886;
+  line-height: 22px;
+}
+
+.contact-kefu__popup-img {
+  width: 200px;
+  height: 200px;
+  margin-top: 24px;
+}
+
+@keyframes contentOpacity {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}

package/lib/components/contact-kefu/index.js

@@ -0,0 +1,102 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _tooltip = _interopRequireDefault(require("../tooltip"));
+
+var _popup = _interopRequireDefault(require("../popup"));
+
+var _platform = require("../../utils/platform");
+
+var _notTry = _interopRequireDefault(require("./img/not-try.png"));
+
+var _try = _interopRequireDefault(require("./img/try.png"));
+
+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 preCls = "contact-kefu";
+
+var ContactKefu = function ContactKefu() {
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var handleShowCode = function handleShowCode() {
+    setVisible(true);
+  };
+
+  var isTrial = window.BSGlobal.tenantAuthentication.Version === 1 && (0, _platform.isOfficialSite)();
+
+  var popup = /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__popup")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__popup-title")
+  }, "\u5FAE\u4FE1/\u4F01\u4E1A\u5FAE\u4FE1\u626B\u4E00\u626B"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__popup-content")
+  }, "\u4E13\u5C5E\u5BA2\u670D\u4E3A\u4F60\u63D0\u4F9B\u54A8\u8BE2\u670D\u52A1"), /*#__PURE__*/_react["default"].createElement("img", {
+    src: isTrial ? _try["default"] : _notTry["default"],
+    className: "".concat(preCls, "__popup-img"),
+    alt: "\u5FAE\u4FE1\u626B\u7801"
+  }));
+
+  return /*#__PURE__*/_react["default"].createElement(_popup["default"], {
+    popup: popup,
+    popupTransitionName: "tita-popup-zoom-left-bottom",
+    placement: "topLeft",
+    popupAlign: {
+      offset: [-32, -10],
+      overflow: {
+        adjustX: 1,
+        adjustY: 1
+      }
+    },
+    popupVisible: visible,
+    onPopupVisibleChange: function onPopupVisibleChange(bol) {
+      return setVisible(bol);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    overlay: "\u8054\u7CFB\u5BA2\u670D",
+    placement: "right",
+    align: {
+      offset: [0, 0]
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__kefu"), _defineProperty({}, "".concat(preCls, "__try-kefu"), isTrial), _defineProperty({}, "".concat(preCls, "__hidden"), visible)),
+    onClick: handleShowCode
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(_defineProperty({}, "".concat(preCls, "__cancel"), visible))
+  }))));
+};
+
+var _default = ContactKefu;
+exports["default"] = _default;

package/lib/components/form/form-fields/radios/index.css

@@ -28,3 +28,7 @@
   line-height: 22px;
   color: #3f4755;
 }
+
+.form-field-radio__radios-item {
+  display: flex;
+}

package/lib/components/form/form-fields/radios/index.js

@@ -33,17 +33,18 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var prefixCls = "form-field-radio";
+var prefixCls = 'form-field-radio';
 
 var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? "" : _props$className,
+      className = _props$className === void 0 ? '' : _props$className,
       label = props.label,
       onChange = props.onChange,
       radios = props.radios,
       require = props.require,
       value = props.value,
-      radioClass = props.radioClass;
+      _props$radioClass = props.radioClass,
+      radioClass = _props$radioClass === void 0 ? '' : _props$radioClass;
 
   var _useState = (0, _react.useState)(value),
       _useState2 = _slicedToArray(_useState, 2),

package/lib/components/okr-detail/components/base-okr-type/index.css

@@ -14,3 +14,7 @@
   justify-content: space-between;
   height: 17px;
 }
+
+.confim-radio {
+  display: flex;
+}

package/lib/components/okr-detail/components/base-okr-type/object-type.js

@@ -248,6 +248,7 @@ var ObjectType = /*#__PURE__*/function (_Component) {
 
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_radio.RadioGroup, {
         name: "okrType",
+        className: "confim-radio",
         labelText: (0, _getLocale.getLocale)("Mod_Type"),
         style: {
           marginBottom: 8

package/lib/components/okr-detail/detail-header/delete-confirm/index.css

@@ -6,7 +6,7 @@
 
 .okr-detail-delete-confirm__option-text {
   font-size: 14px;
-  color: #3F4755;
+  color: #3f4755;
   line-height: 22px;
 }
 
@@ -23,7 +23,7 @@
 }
 
 .okr-detail-delete-confirm__icon.tu-icon-singlebox-have {
-  color: #BFC7D5;
+  color: #bfc7d5;
 }
 
 .okr-detail-delete-confirm__icon.tu-icon-wiki {
@@ -38,13 +38,17 @@
   margin-top: 10px;
 }
 
+.okr-detail-delete-confirm .tita-radio:hover .tita-radio-inner {
+  color: #2879ff;
+}
+
 .isApprovalDisabled {
   margin-bottom: 0;
   padding: 5px 24px;
   font-size: 14px;
   line-height: 22px;
-  transition: all .3s ease-in;
-  color: #BFC7D5;
+  transition: all 0.3s ease-in;
+  color: #bfc7d5;
   cursor: pointer;
   display: flex;
   align-items: center;
@@ -54,6 +58,6 @@
 .isApprovalDisabled .options-icon {
   margin-right: 12px;
   font-size: 14px;
-  transition: all .3s ease-in;
+  transition: all 0.3s ease-in;
   color: #89919f;
 }

package/lib/components/radio/index.css

@@ -30,7 +30,7 @@
 }
 
 .titaui-radio-wrapper .titaui-radio:hover > .titaui-radio-inner {
-  border: 1px solid #96d0fa;
+  border: 1px solid #2879ff;
 }
 
 .titaui-radio-wrapper .titaui-radio .titaui-radio-input {
@@ -59,14 +59,14 @@
   height: 10px;
   min-height: 10px;
   border-radius: 50%;
-  background-color: #1687d9;
+  background-color: #2879ff;
   transform: scale(0);
   opacity: 0;
   transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
 }
 
 .titaui-radio-wrapper .titaui-radio .titaui-radio-input:checked + .titaui-radio-inner {
-  border-color: #1687d9;
+  border-color: #2879ff;
 }
 
 .titaui-radio-wrapper .titaui-radio .titaui-radio-input:checked + .titaui-radio-inner:after {

package/lib/components/task-relation-modal/helper.js

@@ -3,12 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.workStatus = exports.timeFormat = exports.preCls = exports.okrStatus = exports.lableTypeMap = exports.isOpenWorkManage = exports.isOpenOkrManage = exports.isOpenLabel = exports.formatDateStr = void 0;
+exports.formatDateStr = void 0;
+exports.formatPeriodPlanData = formatPeriodPlanData;
+exports.lableTypeMap = exports.isOpenWorkManage = exports.isOpenOkrManage = exports.isOpenLabel = void 0;
+exports.momentDate = momentDate;
+exports.workStatus = exports.timeFormat = exports.preCls = exports.okrStatus = void 0;
 
 var _bsGlobal = require("../../utils/bs-global");
 
 var _getLocale = require("../../utils/getLocale");
 
+var _planDataJson = require("../../utils/planDataJson");
+
 var preCls = "titaui-task-relation";
 exports.preCls = preCls;
 var isOpenOkrManage = (0, _bsGlobal.getAppHead)("113"); // 开通OKR
@@ -31,6 +37,14 @@ var lableTypeMap = {
 };
 exports.lableTypeMap = lableTypeMap;
 
+var strFormat = function strFormat(num) {
+  if (num < 10) {
+    return '0' + num;
+  }
+
+  return num;
+};
+
 var timeFormat = function timeFormat(NowDate) {
   var date = new Date(NowDate);
   var y = date.getFullYear(); // 年
@@ -39,7 +53,7 @@ var timeFormat = function timeFormat(NowDate) {
 
   var d = date.getDate(); // 日
 
-  return "".concat(y, "/").concat(m, "/").concat(d);
+  return "".concat(y, "/").concat(strFormat(m), "/").concat(strFormat(d));
 };
 
 exports.timeFormat = timeFormat;
@@ -106,4 +120,60 @@ var workStatus = function workStatus() {
   };
 };
 
-exports.workStatus = workStatus;
+exports.workStatus = workStatus;
+
+function momentDate(date) {
+  var reg = new RegExp('年|月|日', 'g');
+  return date.replace(reg, '/').slice(0, -1);
+}
+
+function formatPeriodPlanData(period) {
+  var planData; // 获取选取年份的 dataJSON
+
+  var yearGroup = (0, _planDataJson.PlanDataJson)().find(function (p) {
+    return p.GroupName == period.annualNum + '';
+  }); // 年份下的 ‘年/季’ data
+
+  var seasonData = yearGroup ? yearGroup.PlanTableListModels.find(function (item) {
+    return item.TagName == (0, _getLocale.getLocale)('Tasks_Menu_Yearseason');
+  }) : null;
+
+  switch (period.cycleType) {
+    // case '-1': // 全部周期
+    //     break;
+    case '0':
+      planData = {
+        StartDate: period.startDate,
+        EndDate: period.endDate
+      };
+      break;
+
+    case '1':
+      // 年度
+      planData = seasonData ? seasonData.PlanTableModels[0] : null;
+      break;
+
+    case '2':
+      planData = seasonData ? seasonData.PlanTableModels[period.yqmNum] : null; // 季度
+
+      break;
+
+    case '3':
+      // @ts-ignore
+      var monthData = yearGroup ? yearGroup.PlanTableListModels.find(function (p) {
+        return p.TagName == period.yqmNum + '月';
+      }) : null;
+      planData = monthData ? monthData.PlanTableModels[0] : null;
+      break;
+
+    default:
+      break;
+  }
+
+  return {
+    endDate: planData ? period.cycleType == '0' ? planData.EndDate : momentDate(planData.EndDate || '') : '',
+    planTableId: planData && planData.PlanTableId,
+    planTableType: planData && planData.PlanTableType,
+    startDate: planData ? period.cycleType == '0' ? planData.StartDate : momentDate(planData.StartDate || '') : ''
+  };
+}

package/lib/components/task-relation-modal/okr-relation/relation-task-model/index.css

@@ -1,7 +1,18 @@
 .relation-task__content {
-  padding: 0 32px;
+  padding: 10px 32px 0;
 }
 
 .relation-task__content-tree {
   margin-top: 16px;
 }
+
+.relation-task__content-empty {
+  height: 382px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.relation-task__content-empty > img {
+  width: 60px;
+}

package/lib/components/task-relation-modal/okr-relation/relation-task-model/index.js

@@ -23,6 +23,8 @@ var _helper = require("../../helper");
 
 var _requestApi = require("../request-api");
 
+var _loading = _interopRequireDefault(require("../../image/loading.gif"));
+
 var _getLocale = require("../../../../utils/getLocale");
 
 require("./index.css");
@@ -119,7 +121,12 @@ function OkrRelationTaskModal(props) {
   var _useState15 = (0, _react.useState)(1),
       _useState16 = _slicedToArray(_useState15, 2),
       pageNum = _useState16[0],
-      setPageNum = _useState16[1]; // useEffect(() => {
+      setPageNum = _useState16[1];
+
+  var _useState17 = (0, _react.useState)(false),
+      _useState18 = _slicedToArray(_useState17, 2),
+      isloading = _useState18[0],
+      setIsLoading = _useState18[1]; // useEffect(() => {
   //   // const roots = selected.reduce((res, cur) => [...res, cur.workId], []);
   //   // setSelectedRoots(roots);
   //   console.log(selected)
@@ -146,7 +153,10 @@ function OkrRelationTaskModal(props) {
   };
 
   var getTaskData = function getTaskData() {
-    (0, _requestApi.planTableTask)(krId, query, pageNum, pageSize).then(function (res) {
+    setIsLoading(true);
+    (0, _requestApi.planTableTask)(query, pageNum, pageSize).then(function (res) {
+      setIsLoading(false);
+
       if (res) {
         var tasks = res.tasks,
             _total = res.total;
@@ -218,7 +228,12 @@ function OkrRelationTaskModal(props) {
     }
   }, /*#__PURE__*/_react["default"].createElement(_searchForm["default"], {
     onChange: onQueryChangeHandler
-  }), /*#__PURE__*/_react["default"].createElement("div", {
+  }), isloading ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__content-empty")
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _loading["default"],
+    alt: ""
+  })) : /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__content-tree")
   }, /*#__PURE__*/_react["default"].createElement(_taskTree.TaskTree, {
     selected: selected,
@@ -234,7 +249,7 @@ function OkrRelationTaskModal(props) {
     onChange: onPageChangeHandler,
     current: pageNum,
     pageSize: pageSize
-  }))));
+  })))));
 }
 
 var _default = OkrRelationTaskModal;

package/lib/components/task-relation-modal/okr-relation/relation-task-model/search-form.js

@@ -21,6 +21,10 @@ var _taskStatusSelect = _interopRequireDefault(require("../../search/task-status
 
 var _relation = _interopRequireDefault(require("../../search/relation"));
 
+var _helper = require("../../helper");
+
+var _formatTime = require("../../../../utils/format-time");
+
 var _getLocale = require("../../../../utils/getLocale");
 
 require("./index.css");
@@ -56,13 +60,15 @@ function SearchForm(props) {
     annualNum: new Date().getFullYear(),
     // 默认当前年份全部周期
     yqmNum: 0,
-    cycleType: '-1'
+    cycleType: '1',
+    startDate: (0, _formatTime.getFirstDayOfYear)(),
+    endDate: (0, _formatTime.getNextDayOfYear)()
   }),
       _useState2 = _slicedToArray(_useState, 2),
       cycle = _useState2[0],
       setCycle = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(''),
+  var _useState3 = (0, _react.useState)(10),
       _useState4 = _slicedToArray(_useState3, 2),
       status = _useState4[0],
       setStatus = _useState4[1];
@@ -79,11 +85,12 @@ function SearchForm(props) {
 
   var dilagRef = (0, _react.useRef)(document.createElement('div'));
   (0, _react.useEffect)(function () {
+    var planCycle = (0, _helper.formatPeriodPlanData)(cycle);
     onChange(_objectSpread({
       status: status,
       keyWords: keyWords,
       relation: relation
-    }, cycle));
+    }, planCycle));
   }, [status, keyWords, cycle, relation]);
   return /*#__PURE__*/_react["default"].createElement("div", {
     ref: dilagRef
@@ -91,7 +98,12 @@ function SearchForm(props) {
     className: "rel-okr-tree__search-item"
   }, /*#__PURE__*/_react["default"].createElement(_periodSelector["default"], {
     selected: cycle,
-    yearsRange: [2019, 2030],
+    yearsRange: [2019, new Date().getFullYear() + 10],
+    isFetch: false,
+    showBimonthly: false,
+    showHalfYear: false,
+    showCustom: false,
+    showFullCycle: false,
     onChange: setCycle,
     getPopupContainer: function getPopupContainer() {
       return dilagRef.current;

package/lib/components/task-relation-modal/okr-relation/request-api.js

@@ -22,8 +22,8 @@ var dealMessage = function dealMessage(res) {
 
 var id = (0, _helpers.getLoginUserInfo)().Id;
 
-var planTableTask = function planTableTask(planTableId, params, pageNum, pageSize) {
-  var url = "PlanTableTask/PersionTask?to_user_id=".concat(id);
+var planTableTask = function planTableTask(params, pageNum, pageSize) {
+  var url = "task/search";
   var _params$startDate = params.startDate,
       startDate = _params$startDate === void 0 ? '' : _params$startDate,
       _params$endDate = params.endDate,
@@ -31,9 +31,22 @@ var planTableTask = function planTableTask(planTableId, params, pageNum, pageSiz
       _params$keyWords = params.keyWords,
       keyWords = _params$keyWords === void 0 ? '' : _params$keyWords,
       _params$status = params.status,
-      status = _params$status === void 0 ? '' : _params$status,
+      status = _params$status === void 0 ? 10 : _params$status,
+      _params$planTableId = params.planTableId,
+      planTableId = _params$planTableId === void 0 ? '' : _params$planTableId,
+      _params$planTableType = params.planTableType,
+      planTableType = _params$planTableType === void 0 ? '' : _params$planTableType,
       _params$relation = params.relation,
       relation = _params$relation === void 0 ? 0 : _params$relation;
+
+  if (status == 10) {
+    status = '0,1,2,3,4,6';
+  }
+
+  if (!relation) {
+    relation = '1,2,3';
+  }
+
   return (0, _request.rpost)('v2')(url, {
     type: 'personal',
     to_user_id: id,
@@ -41,8 +54,8 @@ var planTableTask = function planTableTask(planTableId, params, pageNum, pageSiz
     EndDate: endDate,
     startNum: pageNum,
     count: pageSize,
-    planTableId: '7aaa839f-cea4-4203-8d9c-ab55f957905c',
-    planTableType: 4,
+    planTableId: planTableId,
+    planTableType: planTableType,
     fromLevel: 1,
     toLevel: 1,
     RelationType: relation,

package/lib/components/task-relation-modal/okr-relation/tree/task-tree/index.css

@@ -1,8 +1,9 @@
 .okr-relation-tree__empty {
-  height: 400px;
+  height: 382px;
   display: flex;
   align-items: center;
   justify-content: center;
+  color: #A4ACB9;
 }
 
 .okr-relation-tree__header {
@@ -49,7 +50,7 @@
 .okr-relation-tree__content {
   margin-right: -32px;
   margin-left: -4px;
-  height: 350px;
+  height: 315px;
   font-size: 14px;
   font-weight: 400;
   line-height: 22px;

package/lib/components/task-relation-modal/okr-relation/tree/task-tree/index.js

@@ -128,7 +128,7 @@ var TaskTree = function TaskTree(_ref) {
     checked: isSelectedAll()
   })), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(preCls, "__header-name")
-  }, isWork ? '任务' : '项目'), /*#__PURE__*/_react["default"].createElement("span", {
+  }, isWork ? '项目' : '任务'), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(preCls, "__header-status")
   }, "\u72B6\u6001"), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(preCls, "__header-principer")
@@ -138,7 +138,7 @@ var TaskTree = function TaskTree(_ref) {
     className: "".concat(preCls, "__content")
   }, /*#__PURE__*/_react["default"].createElement(_scrollbar["default"].Mask, {
     style: scrollStyle,
-    maskHeight: 32
+    maskHeight: 16
   }, data.map(function (item) {
     var _item$principalUser, _item$principalUser2, _item$principalUser3, _item$principalUser4;