@titaui/pc 1.10.1 → 1.10.4-beta.1

package/lib/components/float-fixed-video-modal/index.js

@@ -0,0 +1,334 @@
+"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 _utils = _interopRequireDefault(require("./utils"));
+
+var _bsGlobal = require("../../utils/bs-global");
+
+var _videoModal = _interopRequireDefault(require("../video-modal"));
+
+var _close = _interopRequireDefault(require("./img/close.png"));
+
+var _pause = _interopRequireDefault(require("./img/pause.svg"));
+
+var _play = _interopRequireDefault(require("./img/play.svg"));
+
+var _volume = _interopRequireDefault(require("./img/volume.svg"));
+
+var _full = _interopRequireDefault(require("./img/full.svg"));
+
+var _muted = _interopRequireDefault(require("./img/muted.svg"));
+
+var _smallFaQi = _interopRequireDefault(require("./img/smallFaQi.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 = "titaui-pc-float-fixed-video";
+
+var FloatVideo = function FloatVideo(props) {
+  var _props$visible = props.visible,
+      visible = _props$visible === void 0 ? true : _props$visible,
+      _props$title = props.title,
+      title = _props$title === void 0 ? "如何发起考核" : _props$title,
+      _props$videoSrc = props.videoSrc,
+      videoSrc = _props$videoSrc === void 0 ? "https://club.tita.com/wp-content/uploads/2022/03/1646114589-20220301140309117.mp4" : _props$videoSrc;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isHover = _useState2[0],
+      setIsHover = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      videoModalVisible = _useState4[0],
+      setVideoModalVisible = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(true),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isPlay = _useState6[0],
+      setIsPlay = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(true),
+      _useState8 = _slicedToArray(_useState7, 2),
+      isMuted = _useState8[0],
+      setIsMuted = _useState8[1];
+
+  var _useState9 = (0, _react.useState)("00:00"),
+      _useState10 = _slicedToArray(_useState9, 2),
+      totalTime = _useState10[0],
+      setTotalTime = _useState10[1];
+
+  var _useState11 = (0, _react.useState)("00:00"),
+      _useState12 = _slicedToArray(_useState11, 2),
+      currentTime = _useState12[0],
+      setCurrentTime = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(false),
+      _useState14 = _slicedToArray(_useState13, 2),
+      showDot = _useState14[0],
+      setShowDot = _useState14[1];
+
+  var _useState15 = (0, _react.useState)(false),
+      _useState16 = _slicedToArray(_useState15, 2),
+      isMouseDown = _useState16[0],
+      setIsMouseDown = _useState16[1];
+
+  var videoRef = (0, _react.useRef)(document.createElement("video"));
+  var volumeRef = (0, _react.useRef)(document.createElement("div"));
+  var totalProgressRef = (0, _react.useRef)(document.createElement("div"));
+  var progressRef = (0, _react.useRef)(document.createElement("div"));
+  var boxRef = (0, _react.useRef)(document.createElement("div"));
+
+  var handlePlayVideo = function handlePlayVideo() {
+    setIsPlay(!isPlay);
+
+    if (isPlay) {
+      videoRef.current.pause();
+    } else {
+      videoRef.current.play();
+    }
+  };
+
+  var handleChangeVolumeMuted = function handleChangeVolumeMuted() {
+    setIsMuted(!isMuted);
+    videoRef.current.muted = !videoRef.current.muted;
+  }; // 鼠标移入移出进度条区域
+
+
+  var handleMouseEnterProgress = function handleMouseEnterProgress() {
+    setShowDot(true);
+  };
+
+  var handleMouseLeaveProgress = function handleMouseLeaveProgress() {
+    setShowDot(false);
+  }; // 点击音量 音量进度条宽度
+
+
+  var getCurrentVolumeWidth = function getCurrentVolumeWidth(e) {
+    var currentWidth = e.clientX - (document.documentElement.offsetWidth - 178);
+
+    if (currentWidth <= 0) {
+      setIsMuted(true);
+      videoRef.current.muted = true;
+    } else if (currentWidth >= 34) {
+      volumeRef.current.style.width = "34px";
+      videoRef.current.volume = 1;
+    } else {
+      volumeRef.current.style.width = "".concat(currentWidth, "px");
+      videoRef.current.volume = currentWidth / 34;
+    }
+  };
+
+  var handleMouseClickVolume = function handleMouseClickVolume(e) {
+    getCurrentVolumeWidth(e);
+  }; // 获得点击进度条 进度条的宽度
+
+
+  var getCurrentProgressWidth = function getCurrentProgressWidth(e) {
+    var currentWidth = e.clientX - (document.documentElement.offsetWidth - 432);
+    progressRef.current.style.width = "".concat(currentWidth, "px");
+    videoRef.current.currentTime = videoRef.current.duration * currentWidth / 360;
+  }; // 点击进度条
+
+
+  var handleClickTotalProgress = function handleClickTotalProgress(e) {
+    getCurrentProgressWidth(e);
+  }; // 拖动进度条
+
+
+  var handleMouseDownProgress = function handleMouseDownProgress() {
+    setIsMouseDown(true);
+  };
+
+  var handleMouseMoveProgress = function handleMouseMoveProgress(e) {
+    if (isMouseDown) {
+      getCurrentProgressWidth(e);
+    }
+  };
+
+  var handleMouseUpProgress = function handleMouseUpProgress() {
+    setIsMouseDown(false);
+  };
+
+  var handleCloseFloatVideo = function handleCloseFloatVideo() {
+    localStorage.setItem("hide_performance_small_video_".concat((0, _bsGlobal.getUserInfo)().Id), "true");
+    boxRef.current.style.display = "none";
+    videoRef.current.pause();
+    videoRef.current.currentTime = 0;
+  };
+
+  var handleShowBigVideo = function handleShowBigVideo() {
+    handleCloseFloatVideo();
+    setVideoModalVisible(true);
+    videoRef.current.pause();
+    setIsPlay(false);
+  };
+
+  var handleCloseBigVideo = function handleCloseBigVideo() {
+    setVideoModalVisible(false);
+  };
+
+  var showSmallVideo = function showSmallVideo() {
+    videoRef.current.play();
+    setIsPlay(true);
+    videoRef.current.muted = true;
+    setIsMuted(true);
+    boxRef.current.style.display = "block";
+  };
+
+  var handleMouseOverVideo = function handleMouseOverVideo() {
+    setIsHover(true);
+  };
+
+  var handleMouseLeaveVideo = function handleMouseLeaveVideo() {
+    setIsHover(false);
+  };
+
+  (0, _react.useEffect)(function () {
+    videoRef.current.onloadedmetadata = function () {
+      setTotalTime(videoRef.current.duration.toString());
+    };
+  }, [videoRef.current.onloadedmetadata]);
+  (0, _react.useEffect)(function () {
+    videoRef.current.ontimeupdate = function () {
+      setCurrentTime(videoRef.current.currentTime.toString());
+      progressRef.current.style.width = "".concat(360 * videoRef.current.currentTime / videoRef.current.duration, "px");
+    };
+  }, [videoRef.current.ontimeupdate]);
+  (0, _react.useEffect)(function () {
+    volumeRef.current.style.width = "".concat(34 * videoRef.current.volume, "px");
+  }, [videoRef.current.onloadedmetadata]);
+  (0, _react.useEffect)(function () {
+    if (visible) {
+      videoRef.current.play();
+      setIsPlay(true);
+      videoRef.current.muted = true;
+      setIsMuted(true);
+      boxRef.current.style.display = "block";
+    } else {
+      videoRef.current.pause();
+      setIsPlay(false);
+      videoRef.current.muted = true;
+      setIsMuted(true);
+      boxRef.current.style.display = "none";
+    }
+  }, [visible]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls,
+    ref: boxRef,
+    onMouseOver: handleMouseOverVideo,
+    onMouseLeave: handleMouseLeaveVideo,
+    onFocus: handleMouseOverVideo
+  }, /*#__PURE__*/_react["default"].createElement("video", {
+    ref: videoRef,
+    src: videoSrc,
+    loop: true,
+    autoPlay: true,
+    muted: true,
+    poster: _smallFaQi["default"],
+    className: "".concat(preCls, "__video")
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__progress"), _defineProperty({}, "".concat(preCls, "__progress--show"), isHover)),
+    onMouseEnter: handleMouseEnterProgress,
+    onMouseLeave: handleMouseLeaveProgress,
+    ref: totalProgressRef,
+    onClick: handleClickTotalProgress,
+    onMouseDown: handleMouseDownProgress,
+    onMouseMove: handleMouseMoveProgress,
+    onMouseUp: handleMouseUpProgress
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__progress-current"),
+    ref: progressRef
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(_defineProperty({}, "".concat(preCls, "__progress-current-dot"), showDot))
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__controls"), _defineProperty({}, "".concat(preCls, "__controls--show"), isHover))
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__controls-left")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    onClick: handlePlayVideo,
+    className: (0, _classnames["default"])("".concat(preCls, "__controls-play"), "".concat(preCls, "__controls-button"))
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: isPlay ? _play["default"] : _pause["default"],
+    alt: "play"
+  })), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(preCls, "__controls-time")
+  }, (0, _utils["default"])(currentTime)), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(preCls, "__controls-time")
+  }, " / ".concat((0, _utils["default"])(totalTime)))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__controls-right")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(_defineProperty({}, "".concat(preCls, "__controls-button"), isMuted), _defineProperty({}, "".concat(preCls, "__controls-volume"), !isMuted))
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(_defineProperty({}, "".concat(preCls, "__controls-volume-progress--hidden"), isMuted), "".concat(preCls, "__controls-volume-progress")),
+    onClick: handleMouseClickVolume
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(_defineProperty({}, "".concat(preCls, "__controls-volume-current--hidden"), isMuted), "".concat(preCls, "__controls-volume-current")),
+    ref: volumeRef
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    onClick: handleChangeVolumeMuted
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: isMuted ? _muted["default"] : _volume["default"],
+    className: "".concat(preCls, "__controls-play"),
+    alt: "\u97F3\u91CF"
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__controls-full"),
+    onClick: handleShowBigVideo
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _full["default"],
+    alt: "full"
+  })))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__mask1"), _defineProperty({}, "".concat(preCls, "__mask1--show"), isHover))
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__mask1-title")
+  }, title), /*#__PURE__*/_react["default"].createElement("div", {
+    onClick: handleCloseFloatVideo
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _close["default"],
+    alt: "\u5173\u95ED",
+    className: "".concat(preCls, "__mask1-close")
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__mask2"), _defineProperty({}, "".concat(preCls, "__mask2--show"), isHover))
+  }), /*#__PURE__*/_react["default"].createElement(_videoModal["default"], {
+    title: title,
+    videoSrc: videoSrc,
+    visible: videoModalVisible,
+    onClose: handleCloseBigVideo,
+    onCancel: handleCloseBigVideo,
+    canMini: true,
+    showSmallVideo: showSmallVideo
+  }));
+};
+
+var _default = FloatVideo;
+exports["default"] = _default;

package/lib/components/float-fixed-video-modal/utils.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var formatSecToDate = function formatSecToDate(value) {
+  var result = parseInt(value, 10);
+  var m = Math.floor(result / 60 % 60) < 10 ? "0".concat(Math.floor(result / 60 % 60)) : Math.floor(result / 60 % 60);
+  var s = Math.floor(result % 60) < 10 ? "0".concat(Math.floor(result % 60)) : Math.floor(result % 60);
+  var res = "";
+
+  if (m !== "00") {
+    res += "".concat(m, ":");
+  } else {
+    res += "00:";
+  }
+
+  res += "".concat(s);
+  return res;
+};
+
+var _default = formatSecToDate;
+exports["default"] = _default;

package/lib/components/mblog/context.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _default = /*#__PURE__*/_react["default"].createContext({});
+var _default = /*#__PURE__*/_react["default"].createContext({
+  popContainer: document.body
+});
 
 exports["default"] = _default;

package/lib/components/mblog/index.css

@@ -0,0 +1,7 @@
+.titaui-mblog {
+  display: flex;
+}
+
+.titaui-mblog__avatar {
+  margin-right: 12px;
+}

package/lib/components/mblog/index.js

@@ -15,6 +15,8 @@ var _MblogContent = _interopRequireDefault(require("./components/MblogContent"))
 
 var _MblogAction = _interopRequireDefault(require("./components/MblogAction"));
 
+var _avatar = _interopRequireDefault(require("../avatar"));
+
 var _bsGlobal = require("../../utils/bs-global");
 
 var _index = require("./common/index");
@@ -25,6 +27,8 @@ var _platform = require("../../utils/platform");
 
 var _getLocale = require("../../utils/getLocale");
 
+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); }
@@ -51,6 +55,8 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
+var prefix = 'titaui-mblog';
+
 var MBlog = /*#__PURE__*/function (_PureComponent) {
   _inherits(MBlog, _PureComponent);
 
@@ -235,6 +241,11 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
         // 取消
         _this.props.onMblogSubmit(submitType);
       }
+
+      _this.setState({
+        textareaValue: '',
+        uploadSuccessFilesPath: []
+      });
     };
 
     _this._dropHandler = function (event) {
@@ -398,7 +409,8 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
           _this$props3$submitTe = _this$props3.submitText,
           submitText = _this$props3$submitTe === void 0 ? (0, _getLocale.getLocale)("Mod_Publish") : _this$props3$submitTe,
           setTextareaRef = _this$props3.setTextareaRef,
-          disableRangeSelect = _this$props3.disableRangeSelect;
+          disableRangeSelect = _this$props3.disableRangeSelect,
+          showUser = _this$props3.showUser;
       var _this$state2 = this.state,
           localStroageKey = _this$state2.localStroageKey,
           visibility = _this$state2.visibility,
@@ -411,7 +423,21 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
           isAtAll = _this$state2.isAtAll;
       var fSize = (0, _bsGlobal.getUploadMaxSize)();
       var fTip = attachmentTipText || (0, _getLocale.getLocale)("OKR_MyO_KRP_Draganddropu").replace("50MB", "".concat(fSize, "MB"));
-      return /*#__PURE__*/_react["default"].createElement(_style.MBlogBox, {
+      var user = (0, _bsGlobal.getUserInfo)();
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: prefix
+      }, showUser && /*#__PURE__*/_react["default"].createElement("div", {
+        className: "".concat(prefix, "__avatar")
+      }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
+        size: {
+          width: 28,
+          textNum: 1,
+          fontSize: 14
+        },
+        name: user.Name,
+        color: user.UserAvatar.Color,
+        src: user.UserAvatar.Medium
+      })), /*#__PURE__*/_react["default"].createElement(_style.MBlogBox, {
         className: className,
         ref: "mblogbox",
         onDrop: this._dropHandler,
@@ -490,7 +516,7 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
         id: this.previewid
       }), !(0, _platform.isPlatform)("wx") && isShowDragMask && /*#__PURE__*/_react["default"].createElement(_style.DragEffect, {
         className: "tu-icon-inbox-upload"
-      }));
+      })));
     }
   }]);
 
@@ -531,5 +557,6 @@ MBlog.defaultProps = {
   // 1公开，2私密 3部门
   isShowRangeDropDown: true,
   isShowBtnCancel: true,
-  submitStatus: 0
+  submitStatus: 0,
+  showUser: false
 };

package/lib/components/mblog/style.js

@@ -13,12 +13,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var MBlogBox = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n\n  .uploadFile__preview__list {\n    padding-bottom: 10px;\n    background: #ffffff;\n    display: flex;\n    flex-wrap: wrap;\n    max-height: 300px;\n    overflow-y: auto;\n\n    .preview__content {\n      margin-top: 10px;\n      margin-right: 10px;\n      border-radius: 8px;\n    }\n  }\n"]))); // MblogContent
+var MBlogBox = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  flex: 1;\n\n  .uploadFile__preview__list {\n    padding-bottom: 10px;\n    background: #ffffff;\n    display: flex;\n    flex-wrap: wrap;\n    max-height: 300px;\n    overflow-y: auto;\n\n    .preview__content {\n      margin-top: 10px;\n      margin-right: 10px;\n      border-radius: 8px;\n    }\n  }\n"]))); // MblogContent
 
 
 exports.MBlogBox = MBlogBox;
 
-var DivMblogContent = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 8px 10px 6px;\n  border: 1px solid #DFE3EA;\n  border-radius: 8px;\n  background-color: #fff;\n  position: relative;\n  transition: all .2s ease-in-out;\n  height: 120px;\n  box-sizing: border-box;\n\n  &.input_default-active {\n    box-shadow: inset 0px 0px 4px 0px rgba(40, 121, 255, 0.3);\n    border-color: #2879ff;\n  }\n"])));
+var DivMblogContent = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 8px 10px 6px;\n  border: 1px solid #DFE3EA;\n  border-radius: 12px;\n  background-color: #fff;\n  position: relative;\n  transition: all .2s ease-in-out;\n  height: 120px;\n  box-sizing: border-box;\n\n  &.input_default-active {\n    box-shadow: inset 0px 0px 4px 0px rgba(40, 121, 255, 0.3);\n    border-color: #2879ff;\n  }\n"])));
 
 exports.DivMblogContent = DivMblogContent;
 
@@ -47,7 +47,7 @@ var Tips = _styledComponents["default"].div(_templateObject7 || (_templateObject
 
 exports.Tips = Tips;
 
-var MblogActionWrapper = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  height: 30px;\n  padding: 28px 0 2px 0;\n  font-size: 13px;\n  line-height: 20px;\n  color: #565E66;\n  background-color: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"]))); // 左侧按钮
+var MblogActionWrapper = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  height: 30px;\n  padding: 16px 0 2px 0;\n  font-size: 13px;\n  line-height: 20px;\n  color: #565E66;\n  background-color: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"]))); // 左侧按钮
 
 
 exports.MblogActionWrapper = MblogActionWrapper;
@@ -66,7 +66,7 @@ var IconSpan = _styledComponents["default"].span(_templateObject11 || (_template
 
 exports.IconSpan = IconSpan;
 
-var RightBtnGroupWrapper = _styledComponents["default"].div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  button {\n    min-width: 90px;\n    height: 32px;\n    box-sizing: border-box;\n    border-radius: 18px;\n    border: none;\n  }\n"])));
+var RightBtnGroupWrapper = _styledComponents["default"].div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  button {\n    min-width: 80px;\n    height: 32px;\n    box-sizing: border-box;\n    border-radius: 18px;\n    border: none;\n  }\n"])));
 
 exports.RightBtnGroupWrapper = RightBtnGroupWrapper;
 

package/lib/components/menus/export-modules/demo-menus/menu-highlight.js

@@ -25,7 +25,13 @@ var _default = /*#__PURE__*/function () {
   _createClass(_default, [{
     key: "highlight",
     value: function highlight(cb) {
-      if (this.isUnAssigned()) cb(_menus.PAGE_UNASSIGNED_DEMOFREE);else if (this.isAssigned()) cb(_menus.PAGE_ASSIGNED_DEMOFREE);else if (this.isReserved()) cb(_menus.PAGE_RESERVED_DEMOFREE);else if (this.isDone()) cb(_menus.PAGE_DONE_DEMOFREE);else if (this.isIgnore()) cb(_menus.PAGE_IGNORED_DEMOFREE);
+      if (this.isUnAssigned()) cb(_menus.PAGE_UNASSIGNED_DEMOFREE);else if (this.isAssigned()) cb(_menus.PAGE_ASSIGNED_DEMOFREE);else if (this.isReserved()) cb(_menus.PAGE_RESERVED_DEMOFREE);else if (this.isDone()) cb(_menus.PAGE_DONE_DEMOFREE);else if (this.isIgnore()) cb(_menus.PAGE_IGNORED_DEMOFREE);else if (this.isChart()) cb(_menus.PAGE_CHARTS_DEMOFREE);
+    }
+  }, {
+    key: "isChart",
+    value: function isChart() {
+      var pathname = this.history.location.pathname;
+      return pathname.match(/demofree\/charts/);
     }
   }, {
     key: "isUnAssigned",
@@ -35,7 +41,7 @@ var _default = /*#__PURE__*/function () {
           search = _this$history$locatio.search;
 
       if (this.isManager === 1) {
-        return pathname.match(/demofree/) && (!search || search.match(/selected[\s]*?=[\s]*?unassigned/));
+        return pathname.match(/demofree\/list/) && (!search || search.match(/selected[\s]*?=[\s]*?unassigned/));
       }
 
       return pathname.match(/demofree/) && search.match(/selected[\s]*?=[\s]*?unassigned/);
@@ -46,7 +52,7 @@ var _default = /*#__PURE__*/function () {
       var _this$history$locatio2 = this.history.location,
           pathname = _this$history$locatio2.pathname,
           search = _this$history$locatio2.search;
-      return pathname.match(/demofree/) && (!search || search.match(/selected[\s]*?=[\s]*?assigned/));
+      return pathname.match(/demofree\/list/) && (!search || search.match(/selected[\s]*?=[\s]*?assigned/));
     }
   }, {
     key: "isReserved",

package/lib/components/menus/export-modules/demo-menus/menus.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defaultRefObject = exports["default"] = exports.PAGE_UNASSIGNED_DEMOFREE = exports.PAGE_RESERVED_DEMOFREE = exports.PAGE_IGNORED_DEMOFREE = exports.PAGE_DONE_DEMOFREE = exports.PAGE_ASSIGNED_DEMOFREE = void 0;
+exports.defaultRefObject = exports["default"] = exports.PAGE_UNASSIGNED_DEMOFREE = exports.PAGE_RESERVED_DEMOFREE = exports.PAGE_IGNORED_DEMOFREE = exports.PAGE_DONE_DEMOFREE = exports.PAGE_CHARTS_DEMOFREE = exports.PAGE_ASSIGNED_DEMOFREE = void 0;
 
 var _index = require("../../components/menu-tree/tree-node/index");
 
@@ -28,6 +28,8 @@ var PAGE_DONE_DEMOFREE = "done";
 exports.PAGE_DONE_DEMOFREE = PAGE_DONE_DEMOFREE;
 var PAGE_IGNORED_DEMOFREE = "ignore";
 exports.PAGE_IGNORED_DEMOFREE = PAGE_IGNORED_DEMOFREE;
+var PAGE_CHARTS_DEMOFREE = "charts";
+exports.PAGE_CHARTS_DEMOFREE = PAGE_CHARTS_DEMOFREE;
 
 var DemoMenuData = /*#__PURE__*/function () {
   function DemoMenuData() {
@@ -73,40 +75,15 @@ var DemoMenuData = /*#__PURE__*/function () {
         href: "#/demofree/list?selected=ignore",
         isShow: this.isManager
       }]
-    } // {
-    //   icon: "KH-help",
-    //   label: "客户续费情况",
-    //   key: "custom",
-    //   href: "#/custom",
-    //   isShow: true,
-    //   type: MENU_ITEM_NOE,
-    //   children:[{
-    //     icon: "",
-    //     label: "未处理",
-    //     key: "ignore",
-    //     href: "#/demofree/custom?selected=未处理",
-    //     isShow: true,
-    //   },{
-    //     icon: "",
-    //     label: "待定",
-    //     key: "ignore",
-    //     href: "#/demofree/custom?selected=待定",
-    //     isShow: true,
-    //   },{
-    //     icon: "",
-    //     label: "已续费",
-    //     key: "ignore",
-    //     href: "#/demofree/custom?selected=已续费",
-    //     isShow: true,
-    //   },{
-    //     icon: "",
-    //     label: "未续费",
-    //     key: "ignore",
-    //     href: "#/demofree/custom?selected=未续费",
-    //     isShow: true,
-    //   }]
-    // },
-    ];
+    }, {
+      icon: "KH-help",
+      label: "预约演示报表",
+      key: "charts",
+      href: "#/demofree/charts",
+      isShow: this.isManager,
+      children: [],
+      type: _index.MENU_ITEM_NOE
+    }];
   }
 
   _createClass(DemoMenuData, [{

package/lib/components/okr-detail/components/okr-tree/tree-node/e-node/e-empty.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = _default;
+exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -17,10 +17,13 @@ require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _default(props) {
+var EEmpty = function EEmpty(props) {
   var index = props.index;
   return /*#__PURE__*/_react["default"].createElement("div", {
     key: index,
     className: (0, _classnames["default"])("".concat(_precls["default"], "__e-empty-node"))
-  }, (0, _getLocale.getLocale)("OKR_MyO_E_SupportedtaskProject"), " ", "\uD83D\uDCAA");
-}
+  }, (0, _getLocale.getLocale)("OKR_MyO_E_SupportedtaskProject"));
+};
+
+var _default = EEmpty;
+exports["default"] = _default;

package/lib/components/okr-detail/components/okr-tree/tree-node/e-node/index.css

@@ -379,7 +379,7 @@
 .tita-okrdt-tree__e-empty-node {
   font-size: 12px;
   font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
-  color: #F6BD16;
+  color: #A4ACB9;
   line-height: 18px;
   padding-left: 12px;
 }

package/lib/components/progress/circle-progress/index.css

@@ -1,6 +1,7 @@
 .titaui-progress-circle {
   display: inline-flex;
   align-items: center;
+  position: relative;
 }
 
 .titaui-progress-circle .text-content {