@titaui/pc 1.16.11 → 1.16.14

package/lib/components/okr-excel-create/components-new/kr-weight/index.js

@@ -215,7 +215,11 @@ var krWeightRenderer = function krWeightRenderer(update) {
     return isLast ? /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
       overlay: (0, _getLocale.getLocale)('OKR_ComAll_SKRChweight'),
       placement: "top"
-    }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(KRWeight, {
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        height: '100%'
+      }
+    }, /*#__PURE__*/_react["default"].createElement(KRWeight, {
       value: (data && data.krWeight || 0).toFixed(1),
       onChange: handleEditKRWeight,
       disabled: isLast,

package/lib/components/okr-excel-create/components-new/okr-align/index.css

@@ -12,6 +12,7 @@
 .tita-okr-excel-create-okr-align__empty {
   font-size: 14px;
   color: #bfc7d5;
+  white-space: nowrap;
 }
 
 .tita-okr-excel-create-okr-align__okr {

package/lib/components/okr-excel-create/components-new/okr-principal/index.css

@@ -12,6 +12,9 @@
 }
 
 .tita-okr-excel-create-okr-principal .titaui-pc-avator-container {
-  height: 24px;
   margin-right: 7px;
 }
+
+.tita-okr-excel-create-okr-principal .titaui-pc-avator-wrapper {
+  height: 20px;
+}

package/lib/components/okr-excel-create/components-new/okr-visibility/index.css

@@ -1,5 +1,4 @@
 .tita-okr-excel-create-visibility {
-  position: absolute;
   left: 0;
   top: 0;
   width: 100%;
@@ -9,7 +8,6 @@
 
 .tita-okr-excel-create-visibility__content {
   box-sizing: border-box;
-  padding: 0 12px;
   width: 100%;
   height: 100%;
   display: flex;
@@ -24,6 +22,18 @@
   padding: 2px 6px;
 }
 
+.tita-okr-excel-create-visibility__item {
+  border-radius: 12px;
+  font-size: 14px;
+  color: #141c28;
+  line-height: 18px;
+  padding: 2px 6px;
+  display: inline-block;
+  margin-bottom: 2px;
+  white-space: nowrap;
+  margin-right: 4px;
+}
+
 .tita-okr-excel-create-visibility__selector {
   background: #ffffff;
   box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);

package/lib/components/okr-excel-create/components-new/okr-visibility/index.js

@@ -131,7 +131,6 @@ var Visibility = function Visibility(_ref) {
       oldSelect.current = data.value;
 
       if (onChangeVisiableLimit) {
-        console.log('data.value', data.value);
         onChangeVisiableLimit(data.value);
       } // @ts-ignore
 
@@ -145,37 +144,53 @@ var Visibility = function Visibility(_ref) {
     if (visiableLimitState) {
       if (visiableLimitState.users && visiableLimitState.users.length > 0) {
         visiableLimitState.users.forEach(function (item, index) {
-          if (index !== 0) {
-            result.push('、');
-          }
-
-          result.push( /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+          result.push( /*#__PURE__*/_react["default"].createElement("span", {
+            className: "".concat(prefix, "__item"),
+            style: {
+              background: VisibilityColorMap[visibilityState]
+            }
+          }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
             name: item.name,
             id: item.userId,
             type: 'userName'
-          }));
+          })));
         });
       }
 
       if (visiableLimitState.departments && visiableLimitState.departments.length > 0) {
         visiableLimitState.departments.forEach(function (item, index) {
-          result.push(index === 0 && result.length === 0 ? '' : '、');
-          result.push( /*#__PURE__*/_react["default"].createElement(_openData.OpenDepartmentName, {
+          // result.push(index === 0 && result.length === 0 ? '' : '、')
+          result.push( /*#__PURE__*/_react["default"].createElement("span", {
+            className: "".concat(prefix, "__item"),
+            style: {
+              background: VisibilityColorMap[visibilityState]
+            }
+          }, /*#__PURE__*/_react["default"].createElement(_openData.OpenDepartmentName, {
             name: item.name,
             id: item.id
-          }));
+          })));
         });
       }
 
       if (visiableLimitState.groups && visiableLimitState.groups.length > 0) {
         visiableLimitState.groups.forEach(function (item, index) {
-          result.push(index === 0 && result.length === 0 ? '' : '、');
-          result.push(item.name);
+          // result.push(index === 0 && result.length === 0 ? '' : '、')
+          result.push( /*#__PURE__*/_react["default"].createElement("span", {
+            className: "".concat(prefix, "__item"),
+            style: {
+              background: VisibilityColorMap[visibilityState]
+            }
+          }, item.name));
         });
       }
     }
 
-    return result.length > 0 ? result : getVisibilityMapText()[visibilityState];
+    return result.length > 0 ? /*#__PURE__*/_react["default"].createElement("p", null, result) : /*#__PURE__*/_react["default"].createElement("p", {
+      className: "".concat(prefix, "__content-text"),
+      style: {
+        background: VisibilityColorMap[visibilityState]
+      }
+    }, getVisibilityMapText()[visibilityState]);
   }, [visiableLimitState, visibilityState]);
   var renderPopContent = (0, _react.useMemo)(function () {
     var list = getVisibilityList();
@@ -198,12 +213,7 @@ var Visibility = function Visibility(_ref) {
     ref: popRef
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(prefix, "__content-text"),
-    style: {
-      background: VisibilityColorMap[visibilityState]
-    }
-  }, renderText))), /*#__PURE__*/_react["default"].createElement(_index["default"], {
+  }, renderText)), /*#__PURE__*/_react["default"].createElement(_index["default"], {
     popupAlign: {
       offset: [-550, -100],
       overflow: {

package/lib/components/okr-excel-create/index.css

@@ -11,9 +11,16 @@
   display: none;
 }
 
+.tita-okr-excel-create__table-content {
+  display: flex;
+  width: max-content;
+  flex-direction: column;
+}
+
 .tita-okr-excel-create__add-o {
   box-sizing: border-box;
   height: 40px;
+  width: 100%;
   padding: 0 12px;
   display: flex;
   align-items: center;
@@ -23,16 +30,24 @@
   color: #6F7886;
   line-height: 22px;
   cursor: pointer;
+  border-top: 1px solid #e2e2e2;
   border-bottom: 1px solid #e2e2e2;
-  border-radius: 0 0 12px 12px;
+  border-right: 1px solid #e2e2e2;
+}
+
+.tita-okr-excel-create__add-o > div {
+  position: sticky;
+  display: flex;
+  align-items: center;
+  left: 12px;
 }
 
-.tita-okr-excel-create__add-o > * + * {
+.tita-okr-excel-create__add-o > div > * + * {
   margin-left: 4px;
 }
 
 .tita-okr-excel-create__table-excel-v2 {
-  border-radius: 12px 12px 0 0;
+  border-radius: 12px;
 }
 
 .tita-okr-excel-create .cell-span {

package/lib/components/okr-excel-create/index.js

@@ -337,20 +337,22 @@ var OKRExcelCreate = function OKRExcelCreate(_ref3) {
   // </PopupSelect> */}
 
 
-  console.log('hiddenRemoveIcon', hiddenRemoveIcon);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(className)
   }, /*#__PURE__*/_react["default"].createElement(_tableExcelV["default"], {
     className: (0, _classnames["default"])("".concat(preCls, "__table-excel-v2 ").concat(tableClassName), _defineProperty({}, "".concat(preCls, "--disabled-remove"), hiddenRemoveIcon)),
     rowKey: "uuid",
+    fixedHeader: true,
+    pinned: [1, 0],
     columns: columnsOption,
-    dataSource: excelTableData
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    onClick: onAddOHandler,
-    className: "".concat(preCls, "__add-o")
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "tu-icon-add1"
-  }), /*#__PURE__*/_react["default"].createElement("p", null, (0, _getLocale.getLocale)(isMax ? 'OKR_ComAll_Supports50' : 'OKR_ComAll_AddObjective'))));
+    dataSource: excelTableData,
+    rowLastNode: /*#__PURE__*/_react["default"].createElement("div", {
+      onClick: onAddOHandler,
+      className: "".concat(preCls, "__add-o")
+    }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("i", {
+      className: "tu-icon-add1"
+    }), /*#__PURE__*/_react["default"].createElement("p", null, (0, _getLocale.getLocale)(isMax ? 'OKR_ComAll_Supports50' : 'OKR_ComAll_AddObjective'))))
+  }));
 };
 
 var _default = OKRExcelCreate;

package/lib/components/table-excel-v2/index.css

@@ -2,11 +2,34 @@
   position: relative;
   box-shadow: 0 0 0 1px #e2e2e2;
   background-color: #fff;
-  overflow-x: auto;
+  overflow: auto;
+}
+
+.titaui-table-excel-v2__main {
+  width: max-content;
+  display: flex;
+  flex-direction: column;
+}
+
+.titaui-table-excel-v2--header-fixed .titaui-table-excel-v2__header {
+  position: sticky;
+  top: 0;
 }
 
 .titaui-table-excel-v2__header {
   display: flex;
+  z-index: 3;
+  width: max-content;
+  transition: box-shadow .3s;
+}
+
+.titaui-table-excel-v2__header--shadow {
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
+}
+
+.titaui-table-excel-v2__header--fixed {
+  position: absolute;
+  top: 0;
 }
 
 .titaui-table-excel-v2__header__drag-size-bar {
@@ -14,7 +37,7 @@
   right: -2px;
   height: 100%;
   width: 5px;
-  z-index: 3;
+  z-index: 4;
   cursor: col-resize;
 }
 
@@ -26,10 +49,13 @@
   min-height: 40px;
   padding: 0 12px;
   color: #89919F;
+  background-color: #fff;
   font-size: 12px;
   font-weight: 600;
   box-sizing: border-box;
   transition: background-color .3s;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
 .titaui-table-excel-v2__header__item--aligin-left {
@@ -48,6 +74,44 @@
   background-color: #f2f2f2;
 }
 
+.titaui-table-excel-v2__isPinned::after {
+  content: '';
+  position: absolute;
+  width: 10px;
+  height: 100%;
+  transition: box-shadow .3s;
+}
+
+.titaui-table-excel-v2__isPinned--left::after {
+  content: '';
+  position: absolute;
+  transform: translate(100%);
+  width: 10px;
+  height: 100%;
+  transition: box-shadow .3s;
+  top: 0;
+  right: 0;
+}
+
+.titaui-table-excel-v2__isPinned--right::after {
+  content: '';
+  position: absolute;
+  transform: translate(-100%);
+  width: 10px;
+  height: 100%;
+  transition: box-shadow .3s;
+  top: 0;
+  left: 0;
+}
+
+.titaui-table-excel-v2__isPinned--left-shadow {
+  border-right: 0 !important;
+}
+
+.titaui-table-excel-v2__isPinned--left-shadow::after, .titaui-table-excel-v2__isPinned--right-shadow::after {
+  box-shadow: inset 10px 0 8px -8px #00000026;
+}
+
 .titaui-table-excel-v2__childs {
   display: flex;
   flex-direction: column;
@@ -59,6 +123,7 @@
 
 .titaui-table-excel-v2__row {
   display: flex;
+  z-index: 1;
 }
 
 .titaui-table-excel-v2__box {
@@ -68,6 +133,7 @@
   box-sizing: border-box;
   flex-shrink: 0;
   background-color: #fff;
+  min-width: 24px;
 }
 
 .titaui-table-excel-v2__box-content {

package/lib/components/table-excel-v2/index.js

@@ -13,6 +13,8 @@ var _web = require("@react-spring/web");
 
 var _react2 = require("@use-gesture/react");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _orderBy = _interopRequireDefault(require("lodash/orderBy"));
 
 var _get = _interopRequireDefault(require("lodash/get"));
@@ -21,8 +23,6 @@ var _array = require("../../utils/array");
 
 require("./index.css");
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _excluded = ["render"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -137,6 +137,56 @@ var findColumnIndex = function findColumnIndex(columns, columnKey) {
   });
 };
 
+var getPinnedLeft = function getPinnedLeft(currentIndex, columns) {
+  return columns.slice(0, currentIndex).reduce(function (pre, cur) {
+    return pre + cur.width;
+  }, 0);
+};
+
+var getPinnedRight = function getPinnedRight(currentIndex, columns) {
+  return columns.slice(currentIndex).reduce(function (pre, cur) {
+    return pre + cur.width;
+  }, 0);
+};
+
+var getPinnedOption = function getPinnedOption(columns, currentIndex, pinned) {
+  if (!pinned) return {
+    isPinned: false,
+    pinnedStyle: {}
+  };
+  var columnsLength = columns.length;
+  var leftIndex = pinned[0] - 1;
+  var rightIndex = columnsLength - ((pinned[1] || 0) - 1);
+  var result = {
+    isPinned: true,
+    pinnedStyle: {},
+    pinnedIndex: [leftIndex, rightIndex]
+  };
+
+  if (currentIndex <= leftIndex) {
+    result.pinnedStyle = {
+      position: 'sticky',
+      left: getPinnedLeft(currentIndex, columns),
+      zIndex: 2
+    };
+    return result;
+  }
+
+  if (currentIndex >= rightIndex) {
+    result.pinnedStyle = {
+      position: 'sticky',
+      right: getPinnedRight(currentIndex, columns),
+      zIndex: 2
+    };
+    return result;
+  }
+
+  return {
+    isPinned: false,
+    pinnedStyle: {}
+  };
+};
+
 var log = function log(title, columns) {// console.log(title)
   // console.table(
   //   cloneDeep(
@@ -179,7 +229,12 @@ var TableExcelV2 = function TableExcelV2(_ref6) {
       style = _ref6.style,
       columns = _ref6.columns,
       dataSource = _ref6.dataSource,
-      rowKey = _ref6.rowKey;
+      rowKey = _ref6.rowKey,
+      _ref6$fixedHeader = _ref6.fixedHeader,
+      fixedHeader = _ref6$fixedHeader === void 0 ? false : _ref6$fixedHeader,
+      footer = _ref6.footer,
+      rowLastNode = _ref6.rowLastNode,
+      pinned = _ref6.pinned;
 
   var _useState = (0, _react.useState)([]),
       _useState2 = _slicedToArray(_useState, 2),
@@ -191,6 +246,21 @@ var TableExcelV2 = function TableExcelV2(_ref6) {
       _columns = _useState4[0],
       setColumns = _useState4[1];
 
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      showHeaderShadow = _useState6[0],
+      setShowHeaderShadow = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      showPinnedLeftShadow = _useState8[0],
+      setShowPinnedLeftShadow = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(false),
+      _useState10 = _slicedToArray(_useState9, 2),
+      showPinnedRightShadow = _useState10[0],
+      setShowPinnedRightShadow = _useState10[1];
+
   (0, _react.useEffect)(function () {
     log('_columns update', _columns);
   }, [_columns]);
@@ -235,13 +305,13 @@ var TableExcelV2 = function TableExcelV2(_ref6) {
       positions = _useSprings2[0],
       api = _useSprings2[1];
 
-  var _useState5 = (0, _react.useState)({
+  var _useState11 = (0, _react.useState)({
     colIdx: -1,
     down: false
   }),
-      _useState6 = _slicedToArray(_useState5, 2),
-      moveInfo = _useState6[0],
-      setMoveInfo = _useState6[1];
+      _useState12 = _slicedToArray(_useState11, 2),
+      moveInfo = _useState12[0],
+      setMoveInfo = _useState12[1];
 
   var offsetCenterWidth = (0, _react.useRef)({
     // 永远是正值
@@ -425,6 +495,8 @@ var TableExcelV2 = function TableExcelV2(_ref6) {
         parentColNum = _ref13$parentColNum === void 0 ? 0 : _ref13$parentColNum;
     if (!renderColumns[currentLevel - 1]) return;
     return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, renderColumns[currentLevel - 1].map(function (columnOption, colIdx) {
+      var _classNames;
+
       var render = columnOption.render,
           dataIndex = columnOption.dataIndex,
           renderFill = columnOption.renderFill,
@@ -441,14 +513,20 @@ var TableExcelV2 = function TableExcelV2(_ref6) {
       });
 
       var index = parentColNum + colIdx;
+
+      var _getPinnedOption = getPinnedOption(_columns, index, pinned),
+          pinnedStyle = _getPinnedOption.pinnedStyle,
+          pinnedIndex = _getPinnedOption.pinnedIndex,
+          isPinned = _getPinnedOption.isPinned;
+
       return /*#__PURE__*/_react["default"].createElement(_web.animated.div, {
         key: dataIndex,
-        className: "".concat(preCls, "__box"),
-        style: _objectSpread({
+        className: (0, _classnames["default"])("".concat(preCls, "__box"), (_classNames = {}, _defineProperty(_classNames, "".concat(preCls, "__isPinned--left"), isPinned && index === pinnedIndex[0]), _defineProperty(_classNames, "".concat(preCls, "__isPinned--right"), isPinned && index === pinnedIndex[1]), _defineProperty(_classNames, "".concat(preCls, "__isPinned--left-shadow"), isPinned && showPinnedLeftShadow && index === pinnedIndex[0]), _defineProperty(_classNames, "".concat(preCls, "__isPinned--right-shadow"), isPinned && showPinnedRightShadow && index === pinnedIndex[1]), _classNames)),
+        style: _objectSpread(_objectSpread({
           width: colSizes[index].width,
           zIndex: moveInfo.colIdx === index ? 2 : undefined,
           borderLeft: moveInfo.colIdx === index && moveInfo.down && '1px solid #e2e2e2' || undefined
-        }, positions[index])
+        }, pinnedStyle), positions[index])
       }, renderFill && content, !renderFill && /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])("".concat(preCls, "__box-content"), "".concat(preCls, "__box-content--aligin-").concat(align))
       }, content));
@@ -456,33 +534,49 @@ var TableExcelV2 = function TableExcelV2(_ref6) {
       className: "".concat(preCls, "__childs")
     }, data.childs && !!data.childs.length ? renderChilds(data.childs, currentLevel, rootData, rootIdx, parentColNum + renderColumns[currentLevel - 1].length) : /*#__PURE__*/_react["default"].createElement(_web.animated.div, {
       className: "".concat(preCls, "__box"),
-      style: _objectSpread({
+      style: _objectSpread(_objectSpread({
         width: colSizes[parentColNum + 1].width,
         zIndex: moveInfo.colIdx === parentColNum + 1 ? 2 : undefined,
         borderLeft: moveInfo.colIdx === parentColNum + 1 && moveInfo.down && '1px solid #e2e2e2' || undefined
-      }, positions[parentColNum + 1])
+      }, getPinnedOption(_columns, parentColNum + 1, pinned).pinnedStyle), positions[parentColNum + 1])
     })));
-  }, [renderColumns, moveInfo]);
+  }, [renderColumns, moveInfo, showPinnedLeftShadow]);
+  var onScrollContentHandler = (0, _react.useCallback)(function (e) {
+    setShowHeaderShadow(e.target.scrollTop > 0);
+    setShowPinnedLeftShadow(e.target.scrollLeft > 0);
+  }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(preCls, " ").concat(className),
-    style: style
+    className: (0, _classnames["default"])("".concat(preCls, " ").concat(className), _defineProperty({}, "".concat(preCls, "--header-fixed"), fixedHeader)),
+    style: style,
+    onScroll: onScrollContentHandler
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__main")
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(preCls, "__header")
+    className: (0, _classnames["default"])("".concat(preCls, "__header"), _defineProperty({}, "".concat(preCls, "__header--shadow"), showHeaderShadow))
   }, _columns.map(function (_ref14, i) {
+    var _classNames4;
+
     var title = _ref14.title,
         _ref14$align = _ref14.align,
         align = _ref14$align === void 0 ? 'left' : _ref14$align,
         key = _ref14.key;
+
+    var _getPinnedOption2 = getPinnedOption(_columns, i, pinned),
+        pinnedStyle = _getPinnedOption2.pinnedStyle,
+        isPinned = _getPinnedOption2.isPinned,
+        pinnedIndex = _getPinnedOption2.pinnedIndex;
+
     return /*#__PURE__*/_react["default"].createElement(_web.animated.div, {
       key: key,
-      className: (0, _classnames["default"])("".concat(preCls, "__header__item"), "".concat(preCls, "__header__item--aligin-").concat(align)) // {...moveColBind({ colIndex: i })}
+      className: (0, _classnames["default"])("".concat(preCls, "__header__item"), "".concat(preCls, "__header__item--aligin-").concat(align), (_classNames4 = {}, _defineProperty(_classNames4, "".concat(preCls, "__isPinned--left"), isPinned && i === pinnedIndex[0]), _defineProperty(_classNames4, "".concat(preCls, "__isPinned--right"), isPinned && i === pinnedIndex[1]), _defineProperty(_classNames4, "".concat(preCls, "__isPinned--left-shadow"), isPinned && showPinnedLeftShadow && i === pinnedIndex[0]), _defineProperty(_classNames4, "".concat(preCls, "__isPinned--right-shadow"), isPinned && showPinnedRightShadow && i === pinnedIndex[1]), _classNames4)) // {...moveColBind({ colIndex: i })}
       ,
-      style: {
+      style: _objectSpread(_objectSpread({
         width: colSizes[i].width,
         x: positions[i].x,
-        zIndex: moveInfo.colIdx === i ? 2 : 1,
+        zIndex: moveInfo.colIdx === i ? 2 : 1
+      }, pinnedStyle), {}, {
         borderRight: _columns[i].next === null && '1px solid #e2e2e2' || undefined
-      }
+      })
     }, /*#__PURE__*/_react["default"].createElement("div", _extends({}, resizeColBind(i), {
       className: "".concat(preCls, "__header__drag-size-bar")
     })), title);
@@ -497,7 +591,7 @@ var TableExcelV2 = function TableExcelV2(_ref6) {
       rootData: data,
       rootIdx: rowIdx
     }));
-  }));
+  }), rowLastNode));
 };
 
 var _default = /*#__PURE__*/_react["default"].memo(TableExcelV2);

package/lib/components/upload-photo-modal/index.js

@@ -138,25 +138,13 @@ function ChangePhoto(props) {
 
   var handleSuccessSave = function handleSuccessSave(resp) {
     if (resp.Code === 1) {
-      _toast["default"].Success((0, _getLocale.getLocale)("Pro_page_Plan_Saved"), {
-        style: {
-          position: "fixed",
-          top: " 36px",
-          left: "50%"
-        }
-      });
+      _toast["default"].Success((0, _getLocale.getLocale)("Pro_page_Plan_Saved"));
 
       onCancel();
       setImage("");
       handleSuccessUploadPhoto(cropData);
     } else {
-      _toast["default"].Error(resp.Message, {
-        style: {
-          position: "fixed",
-          top: " 36px",
-          left: "50%"
-        }
-      });
+      _toast["default"].Error(resp.Message);
 
       setImage("");
     }

package/lib/pages/new-okr-list/header/index.css

@@ -246,3 +246,47 @@
 .tita-okr-list-v2__period-selector {
   border-radius: 12px !important;
 }
+
+.okr-import {
+  padding: 16px 32px;
+}
+
+.okr-import > div {
+  display: flex;
+  justify-content: space-between;
+  font-weight: 500;
+}
+
+.okr-import__selected-file {
+  height: 44px;
+  background: #f7f8fa;
+  border-radius: 4px;
+  display: flex;
+  padding: 0 16px;
+  align-items: center;
+  margin-top: 16px;
+}
+
+.okr-import__selected-file > img {
+  width: 22px;
+  height: 25px;
+}
+
+.okr-import__selected-file > span {
+  margin-left: 10px;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.okr-import__selected-file > i {
+  color: #BFC7D5;
+  margin-left: 10px;
+  font-size: 16px;
+  cursor: pointer;
+}
+
+.okr-import__selected-file > i:hover {
+  color: #f05e5e;
+}

package/lib/pages/new-okr-list/header/index.js

@@ -45,6 +45,10 @@ var _popupSelect = _interopRequireDefault(require("../../../components/popup-sel
 
 var _guideTip = _interopRequireDefault(require("../../../components/guide-tip"));
 
+var _auth = require("../../../utils/auth");
+
+var _okrImport = _interopRequireDefault(require("./okr-import"));
+
 require("./index.css");
 
 var _reactRouter = require("react-router");
@@ -119,6 +123,9 @@ var setTableTip = function setTableTip() {
   localStorage.setItem("OkrTableTypeTip_".concat((_window$BSGlobal$logi2 = window.BSGlobal.loginUserInfo) === null || _window$BSGlobal$logi2 === void 0 ? void 0 : _window$BSGlobal$logi2.Id), 'true');
 };
 
+var Auth = new _auth.BaseAuth();
+var okrImportShow = Auth.isAssistant() || Auth.isBoss() || Auth.isDepartmentLeader() || Auth.isManager() || Auth.isSuperManager();
+
 var titaTracker = function titaTracker(type) {
   var name = {
     card: '卡片',
@@ -127,9 +134,9 @@ var titaTracker = function titaTracker(type) {
   }[type];
 
   if (window.titaTracker && !localStorage.getItem('titaccc')) {
-    window.titaTracker("action").record({
-      productName: "OKR展示模式",
-      actionGroup: "选择OKR展示模式",
+    window.titaTracker('action').record({
+      productName: 'OKR展示模式',
+      actionGroup: '选择OKR展示模式',
       actionName: "\u9009\u62E9OKR\u5C55\u793A\u6A21\u5F0F\uFF1A".concat(name)
     });
   }
@@ -453,7 +460,7 @@ function Header(props, ref) {
     action: "click",
     onChange: onChangeMoreMenuHandler
   }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
-    overlay: (0, _getLocale.getLocale)("Feed_Set_Pop_Butt_More"),
+    overlay: (0, _getLocale.getLocale)('Feed_Set_Pop_Butt_More'),
     placement: "top"
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(_precls.precls, "__header-record")
@@ -475,7 +482,9 @@ function Header(props, ref) {
       yqmNum: Number(yqmNum),
       annualNum: Number(annualNum)
     }
-  })));
+  }), Number(departmentId) === 0 && okrImportShow && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_precls.precls, "__header-item")
+  }, /*#__PURE__*/_react["default"].createElement(_okrImport["default"], null))));
 }
 
 var _default = /*#__PURE__*/(0, _react.forwardRef)(Header);

package/lib/pages/new-okr-list/header/okr-import.js

@@ -0,0 +1,207 @@
+"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 _popup = _interopRequireDefault(require("../../../components/popup"));
+
+var _getLocale = require("../../../utils/getLocale");
+
+var _tooltip = _interopRequireDefault(require("../../../components/tooltip"));
+
+var _dialog = _interopRequireDefault(require("../../../components/dialog"));
+
+var _titaUi = require("tita-ui");
+
+var _rcUpload = _interopRequireDefault(require("rc-upload"));
+
+var _toast = _interopRequireDefault(require("../../../components/toast"));
+
+var _helpers = require("../../../utils/helpers");
+
+var _precls = require("../precls");
+
+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 _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; }
+
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
+
+var preCls = 'okr-import';
+
+var OkrImport = function OkrImport(_ref) {
+  _objectDestructuringEmpty(_ref);
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      dialogVisible = _useState2[0],
+      setDialogVisible = _useState2[1];
+
+  var popupRef = (0, _react.useRef)();
+
+  var openOperateRecordPush = function openOperateRecordPush() {
+    if (popupRef.current) {
+      // @ts-ignore
+      popupRef.current.close();
+    }
+
+    setDialogVisible(true);
+  };
+
+  var onClose = function onClose() {
+    setDialogVisible(false);
+  };
+
+  var popup = /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_precls.precls, "__header-record-popup")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_precls.precls, "__header-record-item"),
+    onClick: openOperateRecordPush
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "tu-icon-jinzhan-s"
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(_precls.precls, "__header-record-item-content")
+  }, (0, _getLocale.getLocale)("OKR_ComAll_ImportingOKR"))));
+
+  var _useState3 = (0, _react.useState)(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      file = _useState4[0],
+      setFile = _useState4[1];
+
+  var downloadTemplate = function downloadTemplate() {
+    window.open((0, _helpers.getApiUrl)("import/okrTemplate"));
+  };
+
+  var validateFileType = function validateFileType(file) {
+    if (!/\.xls(x)?$/.test(file.name)) {
+      _toast["default"].Error('暂不支持此文件类型，请上传 Excel 文件格式');
+
+      return false;
+    }
+
+    setFile(file);
+    return false;
+  };
+
+  var clearFile = function clearFile() {
+    return setFile(undefined);
+  };
+
+  var submitFileHandler = function submitFileHandler() {
+    if (file) {
+      var formData = new FormData(); // FormData 对象
+      // @ts-ignore
+
+      formData.append('file', file);
+      var url = (0, _helpers.getApiUrl)("okr/import");
+      var xhr = new XMLHttpRequest(); //创建xhr
+
+      xhr.onreadystatechange = function () {
+        if (xhr.readyState == 4 && xhr.status == 200) {
+          var result = JSON.parse(xhr.responseText); // 上传成功接口返回数据
+
+          if (result.Code === 1) {
+            setFile(undefined);
+            onClose();
+
+            _toast["default"].Success(result.Message || '上传成功');
+          } else {
+            _toast["default"].Error(result.Message || '上传失败，请联系客服或重试');
+          }
+        } else {// Toast.Error(`${xhr.status}:上传出错`)
+        }
+      };
+
+      xhr.open('POST', url, true);
+      xhr.send(formData); //开始上传，发送form数据
+    } else {
+      _toast["default"].Error('请至少上传一个文件');
+    }
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_popup["default"], {
+    ref: popupRef,
+    popup: popup,
+    popupAlign: {
+      offset: [0, 4]
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    overlay: (0, _getLocale.getLocale)("Feed_Set_Pop_Butt_More"),
+    placement: "top"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(_precls.precls, "__header-record")
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "tu-icon-more1"
+  })))), /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
+    destroyOnClose: true,
+    noHeadLine: true,
+    noFooterLine: true,
+    onCancel: onClose,
+    onClose: onClose,
+    onOk: submitFileHandler,
+    title: (0, _getLocale.getLocale)('Per_Ma_form_BatchImport'),
+    visible: dialogVisible,
+    width: 455
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls
+  }, /*#__PURE__*/_react["default"].createElement("div", null, (0, _getLocale.getLocale)('OKR_ComAll_DimporttemplatOKR'), /*#__PURE__*/_react["default"].createElement(_titaUi.Button, {
+    type: "border",
+    shape: "round",
+    size: "s",
+    style: {
+      height: '32px',
+      padding: '0 13px',
+      fontWeight: 500,
+      borderRadius: 16
+    },
+    onClick: downloadTemplate
+  }, (0, _getLocale.getLocale)('Per_ID_DownTemp'))), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      marginTop: 14
+    }
+  }, (0, _getLocale.getLocale)('Per_ID_Uploadtemfile'), /*#__PURE__*/_react["default"].createElement(_rcUpload["default"], {
+    beforeUpload: validateFileType
+  }, /*#__PURE__*/_react["default"].createElement(_titaUi.Button, {
+    shape: "round",
+    type: "border",
+    size: "s",
+    style: {
+      height: '32px',
+      padding: '0 13px',
+      fontWeight: 500,
+      borderRadius: 16
+    }
+  }, file ? (0, _getLocale.getLocale)('Set_PI_Reupload') : (0, _getLocale.getLocale)('Pro_page_File_Butt_UploadFolder')))), !!file && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__selected-file")
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: require("../img/excel.svg")
+  }), /*#__PURE__*/_react["default"].createElement("span", null, file.name), /*#__PURE__*/_react["default"].createElement("i", {
+    className: "tu-icon-circle",
+    onClick: clearFile
+  })))));
+};
+
+var _default = OkrImport;
+exports["default"] = _default;

package/lib/pages/new-okr-list/img/excel.svg

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="22px" height="25px" viewBox="0 0 22 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 64 (93537) - https://sketch.com -->
+    <title>编组</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="0.00352 0.00663228491 14.4407063 0.00663228491 14.4407063 6.34715892 0.00352 6.34715892"></polygon>
+    </defs>
+    <g id="后台-群组" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="上传黑名单" transform="translate(-164.000000, -715.000000)">
+            <g id="编组-49" transform="translate(73.000000, 473.000000)">
+                <g id="编组" transform="translate(91.000000, 242.000000)">
+                    <path d="M21.050104,5.84174393 L21.112266,23.2128266 C21.112266,23.6141942 20.80843,23.9365518 20.4288007,23.9365518 L4.57085352,23.9365518 C4.19194465,23.9365518 3.88753224,23.6141942 3.88753224,23.2128266 L3.88753224,1.78253529 C3.88753224,1.38092351 4.19194465,1.05881012 4.57085352,1.05881012 L16.6167434,1.03189358 L15.6668487,0 L4.60416799,0 C4.17854394,-0.00060879397 3.77023995,0.178102343 3.4693146,0.496736733 C3.16841808,0.81540164 2.99956905,1.2476531 3,1.69836772 L3,23.3010225 C2.99945377,23.7517676 3.1683028,24.1841412 3.46922815,24.5028976 C3.77012467,24.8216541 4.17854394,25.0004873 4.60416799,25 L20.3959473,25 C20.8215713,25.0004873 21.2299041,24.8215625 21.5308007,24.5027755 C21.8316972,24.1841412 22.0005462,23.7516761 22,23.3010225 L22,6.87397165 L21.050104,5.84137772 L21.050104,5.84174393 Z" id="Fill-1" fill="#31C480"></path>
+                    <g>
+                        <path d="M15.5264966,5.11544949 C15.5261451,5.61020467 15.7129104,6.08483757 16.0454331,6.43469377 C16.3779557,6.78454997 16.8290731,6.9809583 17.2993451,6.98071164 L21.9768384,6.98071164 L15.5264966,0.0243566085 L15.5264966,5.11544949 Z" id="Fill-3" fill="#21A466"></path>
+                        <g transform="translate(0.000000, 5.555233)">
+                            <mask id="mask-2" fill="white">
+                                <use xlink:href="#path-1"></use>
+                            </mask>
+                            <g id="Clip-6"></g>
+                            <path d="M12.1758501,6.34715892 L2.26449813,6.34715892 C1.6638688,6.34740563 1.0877328,6.09640171 0.663074133,5.64963756 C0.238327467,5.2027191 -6.03970963e-06,4.59658151 -6.03970963e-06,3.96473553 L-6.03970963e-06,2.38954934 C-0.000240533333,1.75748732 0.238210133,1.15131886 0.662986133,0.704400402 C1.08761547,0.257512805 1.6638688,0.00650888081 2.26449813,0.00663228491 L12.1762021,0.00663228491 C12.7768315,0.00650888081 13.3529675,0.257512805 13.7777141,0.704400402 C14.2024901,1.15131886 14.4409408,1.75748732 14.4407063,2.38954934 L14.4407063,3.96473553 C14.4407063,4.59658151 14.2023728,5.2027191 13.7775968,5.64963756 C13.3528501,6.09640171 12.7768315,6.34740563 12.1762021,6.34715892" id="Fill-5" fill="#21A466" mask="url(#mask-2)"></path>
+                        </g>
+                    </g>
+                    <g transform="translate(2.000000, 7.000000)">
+                        <path d="M0.0261872024,0.02052038 L2.34365,0.02052038 L2.34365,0.848147323 L0.892949107,0.848147323 L0.892949107,1.4637 L2.23782113,1.4637 L2.23782113,2.25333385 L0.892949107,2.25333385 L0.892949107,3.01765855 L2.38473185,3.01765855 L2.38473185,3.89616805 L0.0259610119,3.89616805 L0.0259610119,0.02052038 L0.0261872024,0.02052038 Z M2.65839405,0.02052038 L3.61141935,0.02052038 L4.1057869,1.21342712 L4.58788363,0.0203148532 L5.53239851,0.0203148532 L4.66165,1.89665682 L5.614025,3.89616805 L4.64120804,3.89616805 L4.08933155,2.65246684 L3.53765298,3.89616805 L2.57280923,3.89616805 L3.53765298,1.87542884 L2.65839405,0.02052038 Z M5.88836577,0.02052038 L8.20571548,0.02052038 L8.20571548,0.848147323 L6.75478839,0.848147323 L6.75478839,1.4637 L8.0999997,1.4637 L8.0999997,2.25333385 L6.75447738,2.25333385 L6.75447738,3.01765855 L8.24657113,3.01765855 L8.24657113,3.89616805 L5.8876872,3.89616805 L5.8876872,0.02052038 L5.88836577,0.02052038 Z M8.70856518,0.02052038 L9.57100119,0.02052038 L9.57100119,2.94102642 L10.9201991,2.94102642 L10.9201991,3.89616805 L8.70856518,3.89616805 L8.70856518,0.02052038 Z" id="Fill-7" fill="#FFFFFF"></path>
+                        <path d="M7.96891667,8.32821192 L18.9936949,8.32821192 L18.9936949,7.30917987 L8.00092262,7.30917987 C7.58334673,7.30871105 7.18287649,7.4808544 6.88764137,7.78744162 C6.59243452,8.09411693 6.42689137,8.51010311 6.42742727,8.94376459 L6.42742727,16.9832672 L18.9936949,16.9832672 L18.9936949,16.8902516 L7.32679018,16.8902516 L7.31881696,14.8141083 L18.9936949,14.8141083 L18.9936949,13.7444883 L7.31463244,13.7444883 L7.3066875,11.6683449 L18.9936949,11.6683449 L18.9936949,10.5986368 L7.30600893,10.5986368 L7.30236161,9.01945717 C7.29817708,8.64187513 7.60079167,8.32785959 7.96857738,8.32785959" id="Fill-9" fill="#46C98D"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/utils/auth.js

@@ -42,6 +42,12 @@ var BaseAuth = /*#__PURE__*/function () {
     value: function isBoss() {
       // console.log('isboss', this.loginUserInfor.IsBoss)
       return this.loginUserInfor.IsBoss;
+    } // 超管
+
+  }, {
+    key: "isSuperManager",
+    value: function isSuperManager() {
+      return this.loginUserInfor.Role === 2;
     } // 超管、助理、目标管理员
 
   }, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.16.11",
+  "version": "1.16.14",
   "nameCN": "",
   "description": "",
   "main": "lib/index.js",