@titaui/pc 1.10.5 → 1.10.8

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/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/okr-list/index.js

@@ -345,11 +345,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
             avatar: SuperiorUser.UserAvatar
           });
         } else {
-          setToUser({
-            name: Name,
-            userId: Id,
-            avatar: UserAvatar
-          });
+          setToUser({});
         }
 
         parenOkrtRef.current && parenOkrtRef.current.show(document.body, 0);

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 {

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

@@ -35,7 +35,9 @@ function CircleProgress(props) {
       _props$showTextConten = props.showTextContent,
       showTextContent = _props$showTextConten === void 0 ? true : _props$showTextConten,
       _props$textcolor = props.textcolor,
-      textcolor = _props$textcolor === void 0 ? "#89919F" : _props$textcolor;
+      textcolor = _props$textcolor === void 0 ? "#89919F" : _props$textcolor,
+      _props$textClass = props.textClass,
+      textClass = _props$textClass === void 0 ? "" : _props$textClass;
   var p = percent > 100 ? 100 : percent;
   var c = Math.round((size - width * 2) * Math.PI);
   var remainC = Math.round(c * (100 - p) / 100);
@@ -83,7 +85,7 @@ function CircleProgress(props) {
     text: "".concat(percent, "%"),
     maxWidth: 50
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "text-content",
+    className: "".concat(textClass, " text-content"),
     style: {
       marginLeft: 2,
       color: textcolor
@@ -91,5 +93,8 @@ function CircleProgress(props) {
   }, "".concat(percent, "%"))));
 }
 
+CircleProgress.defaultProps = {
+  textClass: ""
+};
 var _default = CircleProgress;
 exports["default"] = _default;

package/lib/components/search-key-handle/index.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function SearchKeyHandle(_ref) {
+var SearchKeyHandle = function SearchKeyHandle(_ref) {
   var _ref$str = _ref.str,
       str = _ref$str === void 0 ? "" : _ref$str,
       _ref$keyWord = _ref.keyWord,
@@ -29,7 +29,12 @@ function SearchKeyHandle(_ref) {
 
     return item;
   }));
-}
+};
 
+SearchKeyHandle.defaultProps = {
+  str: "",
+  keyWord: "",
+  color: ""
+};
 var _default = SearchKeyHandle;
 exports["default"] = _default;

package/lib/components/video-modal/img/muted.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="180px" height="186px" viewBox="0 0 180 186" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>静音</title>
+    <defs>
+        <filter color-interpolation-filters="auto" id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="线性" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="静音" transform="translate(-30.000000, -27.000000)" filter="url(#filter-1)">
+            <g>
+                <path d="M49.3149643,69.1132143 L63.8847897,83.6834846 C55.7759466,87.6753931 50.1590828,95.9740232 50.0033233,105.6033 L50,106.014476 L50,133.986771 C50,147.581602 60.885103,158.62813 74.3959856,158.847701 L74.8062016,158.851032 L84.7965877,158.851032 C91.1425837,158.851032 97.2237483,161.364066 101.715798,165.829264 L102.033938,166.151519 L124.488994,189.329779 C127.287246,191.700034 130.832503,193.000457 134.496124,193.000457 C142.952968,193.000457 149.828362,186.21362 149.996836,177.777414 L150,177.460293 L150,169.799 L168.362354,188.160381 C163.827612,202.55479 150.386556,213.000457 134.496124,213.000457 C126.279823,213.000457 118.325168,210.148157 111.982629,204.941373 L111.562196,204.590772 L110.810236,203.953825 L87.6694795,180.06778 C86.9698379,179.345605 86.026075,178.915478 85.0278322,178.857715 L84.7965877,178.851032 L74.8062016,178.851032 C50.2975021,178.851032 30.4014694,159.154093 30.0059996,134.728376 L30,133.986771 L30,106.014476 C30,90.7240078 37.6417711,77.2136491 49.3149643,69.1132143 Z M49.2893219,35.1471863 L204.852814,190.710678 C208.758057,194.615921 208.758057,200.947571 204.852814,204.852814 C200.947571,208.758057 194.615921,208.758057 190.710678,204.852814 L35.1471863,49.2893219 C31.2419433,45.384079 31.2419433,39.0524292 35.1471863,35.1471863 C39.0524292,31.2419433 45.384079,31.2419433 49.2893219,35.1471863 Z M194.419014,65.9446193 C204.539925,81.8473491 210,100.317687 210,119.570241 C210,139.000016 204.438707,157.631418 194.142344,173.628138 C194.048842,173.773404 193.952211,173.915439 193.852595,174.054212 L179.325399,159.525666 C186.275802,147.498397 190,133.820674 190,119.570241 C190,104.150087 185.639603,89.3997416 177.546261,76.6828777 C174.580973,72.0235955 175.954226,65.84266 180.613508,62.8773718 C185.272791,59.9120836 191.453726,61.2853371 194.419014,65.9446193 Z M161.628643,39.6188159 C166.917857,45.8923685 169.86995,53.7996281 169.995802,61.994236 L170,62.5409541 L170,150.201 L150,130.201 L150,62.5409541 C150,58.8687585 148.702614,55.3152038 146.337894,52.5104022 C140.88787,46.0461122 131.299927,45.1557225 124.763352,50.4443266 L124.488994,50.6714677 L102.033938,73.8497282 C100.63289,75.2959 99.0686828,76.5468821 97.3836195,77.5847583 L80.949,61.15 L84.7965877,61.1502149 C85.8020899,61.1502149 86.7677,60.7716711 87.5037765,60.094902 L87.6694795,59.9334671 L110.810236,36.0474218 L111.562196,35.4104754 C126.545716,22.7187097 148.971552,24.6062026 161.628643,39.6188159 Z" id="形状结合" fill="#444444" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/video-modal/img/not-muted.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="180px" height="187px" viewBox="0 0 180 187" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>声音</title>
+    <defs>
+        <filter color-interpolation-filters="auto" id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="线性" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="声音" transform="translate(-30.000000, -27.000000)" filter="url(#filter-1)">
+            <g>
+                <path d="M111.562196,35.8402339 C126.545716,23.1484682 148.971552,25.0359612 161.628643,40.0485744 C167.035395,46.4615394 170,54.5816271 170,62.9707127 L170,62.9707127 L170,177.890052 C170,197.507889 154.114854,213.430215 134.496124,213.430215 C126.097238,213.430215 117.971757,210.449738 111.562196,205.02053 L111.562196,205.02053 L110.810236,204.383584 L87.6694795,180.497539 C86.9160193,179.719812 85.8794362,179.280791 84.7965877,179.280791 L84.7965877,179.280791 L74.8062016,179.280791 C50.0499395,179.280791 30,159.183924 30,134.416529 L30,134.416529 L30,106.444235 C30,81.6768407 50.0499395,61.5799734 74.8062016,61.5799734 L74.8062016,61.5799734 L84.7965877,61.5799734 C85.8794362,61.5799734 86.9160193,61.1409523 87.6694795,60.3632257 L87.6694795,60.3632257 L110.810236,36.4771804 Z M146.337894,52.9401607 C140.811109,46.3848244 131.029023,45.5615054 124.488994,51.1012262 L124.488994,51.1012262 L102.033938,74.2794868 C97.5131775,78.9458467 91.2936789,81.5799734 84.7965877,81.5799734 L84.7965877,81.5799734 L74.8062016,81.5799734 C61.1061147,81.5799734 50,92.7120825 50,106.444235 L50,106.444235 L50,134.416529 C50,148.148682 61.1061147,159.280791 74.8062016,159.280791 L74.8062016,159.280791 L84.7965877,159.280791 C91.2936789,159.280791 97.5131775,161.914918 102.033938,166.581278 L102.033938,166.581278 L124.488994,189.759538 C127.287246,192.129793 130.832503,193.430215 134.496124,193.430215 C143.058678,193.430215 150,186.472647 150,177.890052 L150,177.890052 L150,62.9707127 C150,59.2985171 148.702614,55.7449624 146.337894,52.9401607 Z M194.419014,66.3743778 C204.539925,82.2771076 210,100.747446 210,120 C210,139.429774 204.438707,158.061176 194.142344,174.057897 C191.153202,178.701912 184.965306,180.043452 180.321291,177.05431 C175.677276,174.065168 174.335736,167.877272 177.324877,163.233257 C185.558784,150.440827 190,135.561899 190,120 C190,104.579846 185.639603,89.8295002 177.546261,77.1126363 C174.580973,72.4533541 175.954226,66.2724186 180.613508,63.3071304 C185.272791,60.3418422 191.453726,61.7150957 194.419014,66.3743778 Z" id="形状结合" fill="#444444" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>