@titaui/pc 1.15.8 → 1.15.11

package/lib/components/nav-top/index.css

@@ -162,14 +162,57 @@
 
 .titaui-nav-top__invite {
   margin-right: 24px;
-  width: 20px;
-  height: 20px;
+  width: 28px !important;
+  height: 28px !important;
+  border-radius: 4px !important;
   cursor: pointer;
   display: inline-flex;
+  align-items: center;
+  justify-content: center;
   font-size: 20px;
   color: #ffffff;
 }
 
+.titaui-nav-top__invite:hover {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.titaui-nav-top__invite-guide {
+  background-image: url("./images/invite-bkg.jpg"), url("./images/invite-person.jpg") !important;
+  background-repeat: no-repeat,no-repeat !important;
+  background-size: 87px 104px, 92px 53px !important;
+  background-position: 0% 0%,100% 100% !important;
+}
+
+.titaui-nav-top__invite-guide-content {
+  display: flex;
+  align-items: flex-start;
+}
+
+.titaui-nav-top__invite-guide-content-waring {
+  width: 18px;
+  margin-right: 6px;
+}
+
+.titaui-nav-top__invite-guide-content-point {
+  width: 14px;
+  margin-right: 8px;
+}
+
+.titaui-nav-top__invite-guide-content-title {
+  font-size: 14px;
+  color: #FFFFFF;
+  font-weight: 600;
+  line-height: 22px;
+}
+
+.titaui-nav-top__invite-guide-content-subTitle {
+  margin-top: 8px;
+  font-size: 12px;
+  color: #FFFFFF;
+  line-height: 22px;
+}
+
 .titaui-nav-top__app-guide-content {
   color: #fff;
   margin-bottom: 8px;

package/lib/components/nav-top/index.js

@@ -45,8 +45,18 @@ var _interface = require("../../components/help-card/interface");
 
 var _request2 = require("./request.apis");
 
+var _auth = require("../../utils/auth");
+
+var _invitePoint = _interopRequireDefault(require("./images/invite-point.png"));
+
+var _tooltip = _interopRequireDefault(require("../tooltip"));
+
+var _inviteTanhao = _interopRequireDefault(require("./images/invite-tanhao.png"));
+
 require("./index.css");
 
+var _getBSGlobal, _getBSGlobal2;
+
 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); }
@@ -67,12 +77,15 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+var Role = new _auth.MyRole();
+var isTry = ((_getBSGlobal = (0, _bsGlobal.getBSGlobal)('tenantAuthentication')) === null || _getBSGlobal === void 0 ? void 0 : _getBSGlobal.Version) === 1;
+var staffCount = (_getBSGlobal2 = (0, _bsGlobal.getBSGlobal)('tenantInfo')) === null || _getBSGlobal2 === void 0 ? void 0 : _getBSGlobal2.StaffCount;
 var Logo = (0, _utils.getLogo)();
-var newNavigation = (0, _bsGlobal.getBSGlobal)("newNavigation") || [];
+var newNavigation = (0, _bsGlobal.getBSGlobal)('newNavigation') || [];
 var hasOKRApp = newNavigation.find(function (item) {
   return item.appId === 113;
 });
-var preCls = "titaui-nav-top";
+var preCls = 'titaui-nav-top';
 
 var NavTop = function NavTop() {
   var _classNames4;
@@ -87,7 +100,7 @@ var NavTop = function NavTop() {
       menu = _useState2[0],
       setMenu = _useState2[1];
 
-  var versionInfo = (0, _bsGlobal.getBSGlobal)("tenantAuthentication");
+  var versionInfo = (0, _bsGlobal.getBSGlobal)('tenantAuthentication');
 
   var _useState3 = (0, _react.useState)(-1),
       _useState4 = _slicedToArray(_useState3, 2),
@@ -134,25 +147,57 @@ var NavTop = function NavTop() {
       bookDemoVisible = _useState20[0],
       setBookDemoVisible = _useState20[1];
 
+  var _useState21 = (0, _react.useState)(true),
+      _useState22 = _slicedToArray(_useState21, 2),
+      inviteVisible = _useState22[0],
+      setInviteVisible = _useState22[1];
+
+  var _useState23 = (0, _react.useState)(true),
+      _useState24 = _slicedToArray(_useState23, 2),
+      inviteAuth = _useState24[0],
+      setInviteAuth = _useState24[1];
+
   var ua = navigator.userAgent.toLowerCase();
-  var showWxInvite = (0, _bsGlobal.getTenantInfo)().mainCorpId && ua.indexOf("micromessenger") !== -1;
+  var showWxInvite = (0, _bsGlobal.getTenantInfo)().mainCorpId && ua.indexOf('micromessenger') !== -1;
+  var showMangeAdd = !(0, _bsGlobal.getTenantInfo)().mainCorpId && ua.indexOf('micromessenger') !== -1 && isTry && Role.isSuperManager; // const canShowInvite = getTenantInfo().mainCorpId || Role.isSuperManager
+  // const showWxInvite =
+  //   getTenantInfo().Source === 860 &&
+  //   ua.indexOf('micromessenger') !== -1 &&
+  //   isTry && canShowInvite
+
+  var manageAdd = (0, _react.useCallback)(function () {
+    if (window.WeixinJSBridge !== undefined) {
+      window.WeixinJSBridge.invoke('openAppManage', {}, function (res) {
+        console.log(res.err_msg);
+
+        if (res.err_msg == 'openAppManage:ok') {// 调用成功
+        } else {
+          if (!inviteVisible) {
+            setInviteVisible(true);
+          }
+
+          setInviteAuth(false);
+        }
+      });
+    }
+  }, [inviteVisible]);
   var openWxInvite = (0, _react.useCallback)(function () {
     if (window.WeixinJSBridge !== undefined) {
-      window.WeixinJSBridge.invoke("selectPrivilegedContact", {
+      window.WeixinJSBridge.invoke('selectPrivilegedContact', {
         fromDepartmentId: -1,
         // 必填，表示打开的通讯录从指定的部门开始展示，-1表示自己所在部门开始, 0表示从最上层开始
-        mode: "multi",
+        mode: 'multi',
         // 必填，选择模式，single表示单选，multi表示多选
         selectedContextContact: 0 // 是否勾选当前环境的参与者。例如在群+号聊天附件栏打开，默认勾选当前群成员。
 
       }, function (res) {
-        if (res.err_msg === "selectPrivilegedContact:ok") {
-          var selectedTicket = res.result.selectedTicket.replace(/['"]/g, ""); // 已选的集合Ticket
+        if (res.err_msg === 'selectPrivilegedContact:ok') {
+          var selectedTicket = res.result.selectedTicket.replace(/['"]/g, ''); // 已选的集合Ticket
 
-          (0, _request.rpost)("v1")("wx/send/templateMessage?selectedTickets=".concat(selectedTicket)).then(function () {
-            _toast["default"].Success("邀请成功");
+          (0, _request.rpost)('v1')("wx/send/templateMessage?selectedTickets=".concat(selectedTicket)).then(function () {
+            _toast["default"].Success('邀请成功');
           })["catch"](function () {
-            _toast["default"].Error("邀请失败");
+            _toast["default"].Error('邀请失败');
           });
         } else {// console.log(res);
         }
@@ -162,16 +207,16 @@ var NavTop = function NavTop() {
 
   var handleHashChange = function handleHashChange() {
     setAppCenterVisible(false);
-    var hash = window.location.hash.split("?")[0] || "";
+    var hash = window.location.hash.split('?')[0] || '';
 
     if (hash) {
       var activeMenu = menu.find(function (item) {
         var _item$href$split, _item$href$split$;
 
-        return hash.includes((_item$href$split = item.href.split("#")) === null || _item$href$split === void 0 ? void 0 : (_item$href$split$ = _item$href$split[1]) === null || _item$href$split$ === void 0 ? void 0 : _item$href$split$.split("?")[0]);
+        return hash.includes((_item$href$split = item.href.split('#')) === null || _item$href$split === void 0 ? void 0 : (_item$href$split$ = _item$href$split[1]) === null || _item$href$split$ === void 0 ? void 0 : _item$href$split$.split('?')[0]);
       });
 
-      if (hash.includes("homepage")) {
+      if (hash.includes('homepage')) {
         setActiveMenuId(99999);
         return;
       }
@@ -186,9 +231,9 @@ var NavTop = function NavTop() {
 
   (0, _react.useEffect)(function () {
     handleHashChange();
-    window.addEventListener("hashchange", handleHashChange);
+    window.addEventListener('hashchange', handleHashChange);
     return function () {
-      window.removeEventListener("hashchange", handleHashChange);
+      window.removeEventListener('hashchange', handleHashChange);
     };
   }, [menu]);
   (0, _react.useEffect)(function () {
@@ -211,6 +256,14 @@ var NavTop = function NavTop() {
     }
   }, [appCenterVisible]);
 
+  var handleCloseInviteGuide = function handleCloseInviteGuide() {
+    setInviteVisible(false);
+
+    if (!inviteAuth) {
+      setInviteAuth(true);
+    }
+  };
+
   var handleCloseSummaryGuide = function handleCloseSummaryGuide() {
     setSummaryGuideVisible(false);
     var loginUserId = BSGlobal.loginUserInfo.Id;
@@ -272,6 +325,36 @@ var NavTop = function NavTop() {
     }
   };
 
+  var renderInviteContent = (0, _react.useCallback)(function () {
+    var title = '你没有权限，快去联系企业微信超级管理员操';
+    if (!inviteAuth) return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(preCls, "__invite-guide-content")
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: _inviteTanhao["default"],
+      alt: "",
+      className: "".concat(preCls, "__invite-guide-content-waring")
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(preCls, "__invite-guide-content-right")
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(preCls, "__invite-guide-content-title")
+    }, title)));
+    title = showMangeAdd ? '点击这里进入企业微信后台，添加公司员工，体验更多功能' : '邀请同事一起体验吧';
+    var subtitle = '试用 7 天内成功邀请 3 人加入，即可免费开启试用 OKR 案例库';
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(preCls, "__invite-guide-content")
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: _invitePoint["default"],
+      alt: "",
+      className: "".concat(preCls, "__invite-guide-content-point")
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(preCls, "__invite-guide-content-right")
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(preCls, "__invite-guide-content-title")
+    }, title), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(preCls, "__invite-guide-content-subTitle")
+    }, subtitle)));
+  }, [inviteAuth]);
+
   var isHasOkr = function isHasOkr() {
     //判断是否安装了OKR
     var okrIndex = (0, _bsGlobal.getBSGlobal)('WebHead').AppHead.findIndex(function (item) {
@@ -288,9 +371,9 @@ var NavTop = function NavTop() {
   (0, _react.useEffect)(function () {
     var version = (0, _bsGlobal.getBSGlobal)('tenantAuthentication').Version;
     if (localStorage.getItem("cycle_setting_stop_show".concat((0, _bsGlobal.getUserInfo)().Id)) === 'true') return;
-    localStorage.removeItem("OKR_CYCLE_SETTING");
+    localStorage.removeItem('OKR_CYCLE_SETTING');
     (0, _request2.getCycleSetting)().then(function (res) {
-      localStorage.setItem("OKR_CYCLE_SETTING", JSON.stringify(res || {}));
+      localStorage.setItem('OKR_CYCLE_SETTING', JSON.stringify(res || {}));
       var hasSetting = res.hasSetting;
 
       if (version === 1 && isHasOkr() && !hasSetting) {
@@ -328,7 +411,7 @@ var NavTop = function NavTop() {
     onClickClose: handleCloseSummaryGuide,
     width: 197
   }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])("".concat(preCls, "__left-app-center"), "document-mouse-event-ignore", _defineProperty({}, "".concat(preCls, "__left-app-center--active"), appCenterVisible)),
+    className: (0, _classnames["default"])("".concat(preCls, "__left-app-center"), 'document-mouse-event-ignore', _defineProperty({}, "".concat(preCls, "__left-app-center--active"), appCenterVisible)),
     onClick: function onClick() {
       return setAppCenterVisible(!appCenterVisible);
     }
@@ -339,7 +422,63 @@ var NavTop = function NavTop() {
   }, /*#__PURE__*/_react["default"].createElement(_menu["default"], {
     menus: menu,
     activeMenuId: activeMenuId
-  })), hasOKRApp && /*#__PURE__*/_react["default"].createElement("div", {
+  })), showWxInvite && (staffCount > 3 ? /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    overlay: '邀请同事',
+    placement: "bottom",
+    align: {
+      offset: [0, 5]
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__invite"),
+    onClick: openWxInvite
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])('tu-icon-add-people', "".concat(preCls, "__invite-icon"))
+  }))) : /*#__PURE__*/_react["default"].createElement(_guideTip["default"], {
+    visible: inviteVisible,
+    content: renderInviteContent(),
+    type: inviteAuth ? 'default' : 'button',
+    popupPlacement: "bottom",
+    classnames: inviteAuth ? "".concat(preCls, "__invite-guide") : '',
+    onClickClose: handleCloseInviteGuide,
+    popupAlign: {
+      offset: [0, 5]
+    },
+    zIndex: 1000,
+    width: 308
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__invite"),
+    onClick: openWxInvite
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])('tu-icon-add-people', "".concat(preCls, "__invite-icon"))
+  })))), showMangeAdd && (staffCount > 3 && inviteAuth ? /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    overlay: '添加员工',
+    placement: "bottom",
+    align: {
+      offset: [0, 5]
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__invite"),
+    onClick: manageAdd
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])('tu-icon-add-people', "".concat(preCls, "__invite-icon"))
+  }))) : /*#__PURE__*/_react["default"].createElement(_guideTip["default"], {
+    visible: inviteVisible,
+    content: renderInviteContent(),
+    type: inviteAuth ? 'default' : 'button',
+    popupPlacement: "bottom",
+    classnames: inviteAuth ? "".concat(preCls, "__invite-guide") : '',
+    onClickClose: handleCloseInviteGuide,
+    popupAlign: {
+      offset: [0, 5]
+    },
+    zIndex: 1000,
+    width: 308
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__invite"),
+    onClick: manageAdd
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])('tu-icon-add-people', "".concat(preCls, "__invite-icon"))
+  })))), hasOKRApp && /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__left-home"), (_classNames4 = {}, _defineProperty(_classNames4, "".concat(preCls, "__left-home--active"), activeMenuId === 99999), _defineProperty(_classNames4, "".concat(preCls, "__left-home--hover"), hasOKRApp), _classNames4))
   }, /*#__PURE__*/_react["default"].createElement("a", {
     href: "#homepage"
@@ -347,12 +486,7 @@ var NavTop = function NavTop() {
     alt: "home-img",
     src: _home["default"],
     className: "".concat(preCls, "__left-home-img")
-  }))), showWxInvite && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(preCls, "__invite"),
-    onClick: openWxInvite
-  }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: (0, _classnames["default"])("tu-icon-add-people", "".concat(preCls, "__invite-icon"))
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__msg")
   }, /*#__PURE__*/_react["default"].createElement(_userMessage["default"], null)), versionInfo.Version === 1 && /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__version")

package/lib/components/upload/components/uploadedPreview.js

@@ -71,9 +71,39 @@ var UploadedPreview = /*#__PURE__*/function (_PureComponent) {
       }); // 上传成功且为图片时
     };
 
-    _this.dealPreviewOptions = function (uploadStatus, index, deleteable, smallImageUrl) {
-      var onSubmit = _this.props.onSubmit;
+    _this.onDelete = function (event) {
+      var _this$props = _this.props,
+          onSubmit = _this$props.onSubmit,
+          index = _this$props.index;
+      event.stopPropagation();
+      onSubmit(index, 'delete');
+    };
+
+    _this.onCancel = function (event) {
+      var _this$props2 = _this.props,
+          onSubmit = _this$props2.onSubmit,
+          index = _this$props2.index;
+      event.stopPropagation();
+      onSubmit(index, 'cancel');
+    };
+
+    _this.onReupload = function (event) {
+      var _this$props3 = _this.props,
+          onSubmit = _this$props3.onSubmit,
+          index = _this$props3.index;
+      event.stopPropagation();
+      onSubmit(index, 'reupload');
+    };
 
+    _this.onPreview = function (event) {
+      var _this$props4 = _this.props,
+          onSubmit = _this$props4.onSubmit,
+          index = _this$props4.index;
+      event.stopPropagation();
+      onSubmit(index, 'preview');
+    };
+
+    _this.dealPreviewOptions = function (uploadStatus, deleteable, smallImageUrl, clientUrl) {
       if (uploadStatus === 2 || uploadStatus === 1) {
         // 上传中
         return /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
@@ -83,15 +113,13 @@ var UploadedPreview = /*#__PURE__*/function (_PureComponent) {
           className: "upload-file-action-wrapper"
         }, /*#__PURE__*/_react["default"].createElement("span", {
           className: "tu-icon-canceled action-icon action-icon-delete",
-          onMouseDown: function onMouseDown() {
-            return onSubmit(index, 'cancel');
-          }
+          onMouseDown: _this.onCancel
         })));
       }
 
       if (uploadStatus === 3) {
         // 上传成功
-        if (smallImageUrl && deleteable) {
+        if ((smallImageUrl || clientUrl) && deleteable) {
           // 是图片且能删除
           return [/*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
             content: (0, _getLocale.getLocale)('Mod_Preview'),
@@ -99,10 +127,7 @@ var UploadedPreview = /*#__PURE__*/function (_PureComponent) {
           }, /*#__PURE__*/_react["default"].createElement("span", {
             className: "upload-file-action-wrapper"
           }, /*#__PURE__*/_react["default"].createElement("span", {
-            className: "tu-icon-yulan action-icon",
-            onMouseDown: function onMouseDown() {
-              return onSubmit(index, 'preview');
-            }
+            className: "tu-icon-yulan action-icon"
           }))), /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
             content: (0, _getLocale.getLocale)('Mod_Delete'),
             container: document.body
@@ -110,13 +135,11 @@ var UploadedPreview = /*#__PURE__*/function (_PureComponent) {
             className: "upload-file-action-wrapper"
           }, /*#__PURE__*/_react["default"].createElement("span", {
             className: "tu-icon-canceled action-icon delete",
-            onMouseDown: function onMouseDown() {
-              return onSubmit(index, 'delete');
-            }
+            onMouseDown: _this.onDelete
           })))];
         }
 
-        if (!smallImageUrl && deleteable) {
+        if (!smallImageUrl && !clientUrl && deleteable) {
           // 不是图片但能删除
           return /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
             content: (0, _getLocale.getLocale)('Mod_Delete'),
@@ -125,13 +148,11 @@ var UploadedPreview = /*#__PURE__*/function (_PureComponent) {
             className: "upload-file-action-wrapper"
           }, /*#__PURE__*/_react["default"].createElement("span", {
             className: "tu-icon-canceled action-icon delete",
-            onMouseDown: function onMouseDown() {
-              return onSubmit(index, 'delete');
-            }
+            onMouseDown: _this.onDelete
           })));
         }
 
-        if (smallImageUrl && !deleteable) {
+        if ((smallImageUrl || clientUrl) && !deleteable) {
           // 是图片不能删除
           return /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
             content: (0, _getLocale.getLocale)('Mod_Preview'),
@@ -139,10 +160,7 @@ var UploadedPreview = /*#__PURE__*/function (_PureComponent) {
           }, /*#__PURE__*/_react["default"].createElement("span", {
             className: "upload-file-action-wrapper"
           }, /*#__PURE__*/_react["default"].createElement("span", {
-            className: "tu-icon-magnifier-circle action-icon",
-            onMouseDown: function onMouseDown() {
-              return onSubmit(index, 'preview');
-            }
+            className: "tu-icon-magnifier-circle action-icon"
           })));
         } // 不是图片也不能删除
 
@@ -158,9 +176,7 @@ var UploadedPreview = /*#__PURE__*/function (_PureComponent) {
           className: "upload-file-action-wrapper"
         }, /*#__PURE__*/_react["default"].createElement("span", {
           className: "tu-icon-canceled action-icon delete",
-          onMouseDown: function onMouseDown() {
-            return onSubmit(index, 'delete');
-          }
+          onMouseDown: _this.onDelete
         })));
       } // 4：上传失败
 
@@ -172,9 +188,7 @@ var UploadedPreview = /*#__PURE__*/function (_PureComponent) {
         className: "upload-file-action-wrapper"
       }, /*#__PURE__*/_react["default"].createElement("span", {
         className: "tu-icon-gengxin1 action-icon",
-        onMouseDown: function onMouseDown() {
-          return onSubmit(index, 'reupload');
-        }
+        onMouseDown: _this.onReupload
       }))), /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
         content: (0, _getLocale.getLocale)('Mod_Delete'),
         container: document.body
@@ -182,9 +196,7 @@ var UploadedPreview = /*#__PURE__*/function (_PureComponent) {
         className: "upload-file-action-wrapper"
       }, /*#__PURE__*/_react["default"].createElement("span", {
         className: "tu-icon-canceled action-icon delete",
-        onMouseDown: function onMouseDown() {
-          return onSubmit(index, 'delete');
-        }
+        onMouseDown: _this.onDelete
       }))));
     };
 
@@ -200,12 +212,13 @@ var UploadedPreview = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props = this.props,
-          className = _this$props.className,
-          uploadResultItem = _this$props.uploadResultItem,
-          index = _this$props.index;
+      var _this$props5 = this.props,
+          className = _this$props5.className,
+          uploadResultItem = _this$props5.uploadResultItem;
+      console.log('uploadResultItem', uploadResultItem);
       return /*#__PURE__*/_react["default"].createElement(_style.PreviewContent, {
-        className: ['preview__content document-mouse-event-ignore', className].join(' ')
+        className: ['preview__content document-mouse-event-ignore', className].join(' '),
+        onMouseDown: this.onPreview
       }, /*#__PURE__*/_react["default"].createElement(_style.PreviewImageWrapper, null, this.renderPreviewThumbnail()), /*#__PURE__*/_react["default"].createElement(_style.PreviewMessageWrapper, null, /*#__PURE__*/_react["default"].createElement(_titaUi.Tooltip, {
         content: uploadResultItem.FileName,
         container: document.body
@@ -219,7 +232,7 @@ var UploadedPreview = /*#__PURE__*/function (_PureComponent) {
         className: "upload-file--progress"
       })) : /*#__PURE__*/_react["default"].createElement("div", {
         className: uploadResultItem.uploadStatus === 3 || uploadResultItem.uploadStatus === 2 ? 'upload-file-size' : 'upload-file-size upload-file-size--error'
-      }, uploadResultItem.uploadStatus === 3 || uploadResultItem.uploadStatus === 2 ? (0, _util.getFileSize)(uploadResultItem.FileSize) : uploadResultItem.Msg)))), /*#__PURE__*/_react["default"].createElement(_style.PreviewOptionsWrapper, null, this.dealPreviewOptions(uploadResultItem.uploadStatus, index, uploadResultItem.Deleteable, uploadResultItem.SmallImageUrl), ' '));
+      }, uploadResultItem.uploadStatus === 3 || uploadResultItem.uploadStatus === 2 ? (0, _util.getFileSize)(uploadResultItem.FileSize) : uploadResultItem.Msg)))), /*#__PURE__*/_react["default"].createElement(_style.PreviewOptionsWrapper, null, this.dealPreviewOptions(uploadResultItem.uploadStatus, uploadResultItem.Deleteable, uploadResultItem.SmallImageUrl, uploadResultItem.ClientUrl), ' '));
     }
   }]);
 

package/lib/components/upload/index.css

@@ -4,6 +4,10 @@
   height: 36px;
 }
 
+.uploaded__preview {
+  cursor: pointer;
+}
+
 .upload-file-action-wrapper {
   width: 20px;
   height: 20px;

package/lib/components/upload/index.js

@@ -39,6 +39,8 @@ var _platform = require("../../utils/platform");
 
 var _utils = require("../dialog-qq-docs/utils");
 
+var _tools = require("../../utils/tools");
+
 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); }
@@ -425,9 +427,17 @@ var Upload = /*#__PURE__*/function (_PureComponent) {
           uploadSuccessFiles: uploadResultFiles
         });
       } else if (options === 'preview') {
-        var imgIndex = _this.getImgIndex(index);
+        var _uploadResultFiles = _toConsumableArray(_this.state.uploadSuccessFiles);
+
+        var currentFiles = _uploadResultFiles[index];
 
-        _this.refs.imgViewerRef.show(imgIndex);
+        if (currentFiles.SmallImageUrl) {
+          var imgIndex = _this.getImgIndex(index);
+
+          _this.refs.imgViewerRef.show(imgIndex);
+        } else if (currentFiles.ClientUrl) {
+          (0, _tools.openUrl)(currentFiles.ClientUrl);
+        }
       } else if (options === 'reupload') {
         var _reUploadFileInfo = _this.state.uploadSuccessFiles[index];
         var reUploadFile = _this.state.selectFiles[_reUploadFileInfo.FileName];

package/lib/utils/open-data.js

@@ -100,6 +100,7 @@ function openData() {
           pName = p.name,
           pCorpId = p.corpId,
           pType = p.type;
+      var ref = (0, _react.useRef)(null);
       (0, _react.useEffect)(function () {
         var openId = pCorpId || getOpenId(pId, pType);
 
@@ -128,6 +129,12 @@ function openData() {
           }
         }
       }, [pId, pName]);
+      (0, _react.useLayoutEffect)(function () {
+        var _ref;
+
+        // @ts-ignore
+        (_ref = window.WWOpenData && window.WWOpenData || window.top.WWOpenData) === null || _ref === void 0 ? void 0 : _ref.bind(ref.current);
+      }, [pId, pName]);
 
       if (pId === undefined && pCorpId === undefined) {
         return pName || null;
@@ -157,13 +164,6 @@ function openData() {
         return pName || pId || null;
       }
 
-      var ref = (0, _react.useRef)(null);
-      (0, _react.useLayoutEffect)(function () {
-        var _ref;
-
-        // @ts-ignore
-        (_ref = window.WWOpenData && window.WWOpenData || window.top.WWOpenData) === null || _ref === void 0 ? void 0 : _ref.bind(ref.current);
-      }, [pId, pName]);
       return /*#__PURE__*/_react["default"].createElement("div", {
         style: {
           display: 'inline',

package/package.json

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