@titaui/pc 1.16.8 → 1.16.9-beta.1

package/lib/components/dynamic/dynamic-item/dynamic-new-report/index.css

@@ -10,6 +10,10 @@
   opacity: 1;
 }
 
+.titaui-dynamic-new-report-item .rich-editor__table-wrapper {
+  padding: 0;
+}
+
 .titaui-dynamic-new-report-item__content {
   margin-left: 80px;
   line-height: 24px;
@@ -114,6 +118,10 @@
   min-height: auto;
 }
 
+.titaui-dynamic-new-report-item__richTitle {
+  margin-bottom: 12px;
+}
+
 @keyframes dynamicQuickOperationRubberBand {
   0% {
     -webkit-transform: scaleX(1);

package/lib/components/dynamic/dynamic-item/dynamic-new-report/index.js

@@ -207,7 +207,9 @@ var DynamicReply = function DynamicReply(_ref) {
         return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, ((item === null || item === void 0 ? void 0 : item.richContent) || !(0, _util.isEmptyImage)(item === null || item === void 0 ? void 0 : item.richContent)) && /*#__PURE__*/_react["default"].createElement("div", {
           className: "".concat(prefix, "__work"),
           key: item.richContent || Math.random()
-        }, item.title, /*#__PURE__*/_react["default"].createElement(_richEditor["default"], {
+        }, /*#__PURE__*/_react["default"].createElement("p", {
+          className: "".concat(prefix, "__richTitle")
+        }, item.title), /*#__PURE__*/_react["default"].createElement(_richEditor["default"], {
           plugins: templateRichPlugins({}, edit, delAble, undefined, newTaskLine)
         }, /*#__PURE__*/_react["default"].createElement(_richEditor.EditorComponent, {
           editable: false,

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

@@ -72,6 +72,8 @@ var VisibilityColorMap = {
 };
 
 var Visibility = function Visibility(_ref) {
+  var _visiableLimitState$u, _visiableLimitState$u2;
+
   var visibility = _ref.visibility,
       visiableLimit = _ref.visiableLimit,
       onChangeVisiableLimit = _ref.onChangeVisiableLimit;
@@ -131,7 +133,6 @@ var Visibility = function Visibility(_ref) {
       oldSelect.current = data.value;
 
       if (onChangeVisiableLimit) {
-        console.log('data.value', data.value);
         onChangeVisiableLimit(data.value);
       } // @ts-ignore
 
@@ -145,15 +146,16 @@ 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'
-          }));
+          })));
         });
       }
 
@@ -198,11 +200,11 @@ var Visibility = function Visibility(_ref) {
     ref: popRef
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(prefix, "__content")
-  }, /*#__PURE__*/_react["default"].createElement("span", {
+  }, visiableLimitState !== null && visiableLimitState !== void 0 && (_visiableLimitState$u = visiableLimitState.users) !== null && _visiableLimitState$u !== void 0 && _visiableLimitState$u.length ? /*#__PURE__*/_react["default"].createElement("p", null, renderText) : /*#__PURE__*/_react["default"].createElement("p", {
     className: "".concat(prefix, "__content-text"),
-    style: {
+    style: !(visiableLimitState !== null && visiableLimitState !== void 0 && (_visiableLimitState$u2 = visiableLimitState.users) !== null && _visiableLimitState$u2 !== void 0 && _visiableLimitState$u2.length) ? {
       background: VisibilityColorMap[visibilityState]
-    }
+    } : {}
   }, renderText))), /*#__PURE__*/_react["default"].createElement(_index["default"], {
     popupAlign: {
       offset: [-550, -100],

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/pages/okr-map/utils.js

@@ -12,8 +12,18 @@ var _getBSGlobal2, _getBSGlobal3;
 var openFullscreen = function openFullscreen() {
   // 隐藏侧边栏和头部
   // if (!getBSGlobal("tenantInfo")?.isNewIndex) {
-  document.querySelector(".tu-page-nav").style.display = "none";
-  document.querySelector(".tu-page-header").style.display = "none"; // }
+  if (document.querySelector(".tu-page-nav")) {
+    document.querySelector(".tu-page-nav").style.display = "none";
+  }
+
+  if (document.querySelector(".tu-page-header")) {
+    document.querySelector(".tu-page-header").style.display = "none";
+  }
+
+  if (document.querySelector('.titaui-nav-top__version')) {
+    document.querySelector(".titaui-nav-top__version").style.display = "none";
+  } // }
+
 };
 
 exports.openFullscreen = openFullscreen;
@@ -22,8 +32,17 @@ var closeFullscreen = function closeFullscreen() {
   var _getBSGlobal;
 
   if (!((_getBSGlobal = getBSGlobal("tenantInfo")) !== null && _getBSGlobal !== void 0 && _getBSGlobal.isNewIndex)) {
-    document.querySelector(".tu-page-nav").style.display = "block";
-    document.querySelector(".tu-page-header").style.display = "block";
+    if (document.querySelector(".tu-page-nav")) {
+      document.querySelector(".tu-page-nav").style.display = "block";
+    }
+
+    if (document.querySelector(".tu-page-header")) {
+      document.querySelector(".tu-page-header").style.display = "block";
+    }
+  }
+
+  if (document.querySelector('.titaui-nav-top__version')) {
+    document.querySelector(".titaui-nav-top__version").style.display = "block";
   }
 };
 

package/package.json

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