easy3wui 1.5.74 → 1.5.75-beta.1

package/lib/Easy3wDownLoad/index copy.js

@@ -0,0 +1,333 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _icon = require('antd/lib/icon');
+
+var _icon2 = _interopRequireDefault(_icon);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+require('antd/lib/icon/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _tooltip = require('antd/lib/tooltip');
+
+var _tooltip2 = _interopRequireDefault(_tooltip);
+
+require('antd/lib/tooltip/style');
+
+var _reactImages = require('react-images');
+
+var _reactImages2 = _interopRequireDefault(_reactImages);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _antd = require('antd');
+
+var _comonConfig = require('comonConfigPath/comonConfig');
+
+var _Easy3wPDFView = require('./Easy3wPDFView');
+
+var _Easy3wPDFView2 = _interopRequireDefault(_Easy3wPDFView);
+
+var _Easy3wFileView = require('./Easy3wFileView');
+
+var _Easy3wFileView2 = _interopRequireDefault(_Easy3wFileView);
+
+var _Easy3wRCView = require('./Easy3wRCView');
+
+var _Easy3wRCView2 = _interopRequireDefault(_Easy3wRCView);
+
+var _Easy3wGetCookie = require('../Easy3wGetCookie');
+
+var _Easy3wGetCookie2 = _interopRequireDefault(_Easy3wGetCookie);
+
+var _Easy3wAESEncrypt = require('../Easy3wAESEncrypt');
+
+var _Easy3wAESEncrypt2 = _interopRequireDefault(_Easy3wAESEncrypt);
+
+var _Easy3wUIConfig = require('../Easy3wUIConfig');
+
+var _Easy3wUIConfig2 = _interopRequireDefault(_Easy3wUIConfig);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var objPreviewFileDefault = _Easy3wUIConfig2['default'].objPreviewFileDefault;
+
+var Easy3wDownLoad = function (_Component) {
+  (0, _inherits3['default'])(Easy3wDownLoad, _Component);
+
+  function Easy3wDownLoad(props) {
+    (0, _classCallCheck3['default'])(this, Easy3wDownLoad);
+
+    var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
+
+    _this.onPreview = function (file, url) {
+      var objPreviewFileNew = (0, _extends3['default'])({}, objPreviewFileDefault, _comonConfig.objPreviewFile, _this.props.objPreviewFile);
+      var previewFileUrl = objPreviewFileNew.previewFileUrl,
+          previewFileType = objPreviewFileNew.previewFileType;
+      var uid = file.uid,
+          name = file.name;
+
+      var fileNameArr = name.toLowerCase().split('.');
+      var fileType = fileNameArr[fileNameArr.length - 1];
+      if (previewFileType.indexOf(fileType) >= 0) {
+        var src = _this.urlDeal(previewFileUrl, uid);
+        window.open(src, '_blank');
+      } else {
+        // window.open(url);
+        var aEle = document.createElement('a');
+        aEle.setAttribute('href', url);
+        aEle.setAttribute('target', '_blank');
+        aEle.setAttribute('id', 'downReportFile');
+        document.body.appendChild(aEle);
+        if (!document.getElementById('downReportFile')) {
+          document.body.appendChild(aEle);
+        }
+        aEle.click();
+      }
+    };
+
+    _this.touchDownload = function (file, url) {
+      var uid = file.uid,
+          name = file.name;
+      // const src = this.urlDeal(previewFileUrl, uid);
+      // window.open(url);
+
+      var aEle = document.createElement('a');
+      aEle.setAttribute('href', url);
+      aEle.setAttribute('target', '_blank');
+      aEle.setAttribute('id', 'downReportFile');
+      document.body.appendChild(aEle);
+      if (!document.getElementById('downReportFile')) {
+        document.body.appendChild(aEle);
+      }
+      aEle.click();
+    };
+
+    _this.urlDeal = function (urlDownloadFile, uid) {
+      var propsAFlag = _this.props.propsAFlag; // propsAFlag 加密标识 从引用组件处传入 '1':加密 '0':不加密
+
+      var retUrl = '';
+      if (uid !== '' && propsAFlag === '1' || uid !== '' && propsAFlag !== '0' && (_comonConfig.aFlag === '1' || _comonConfig.aFlag === '2')) {
+        var authToken = (0, _Easy3wGetCookie2['default'])('userToken') || 'E3WSAFEAPPQWEFGHYI7I483S';
+        var nowStr = _.now();
+        var encUrl = (0, _Easy3wAESEncrypt2['default'])(uid + '@#' + nowStr + '@#' + authToken, _comonConfig.a, _comonConfig.b);
+        return '' + urlDownloadFile + encUrl;
+      } else {
+        retUrl = '' + urlDownloadFile + uid;
+        return retUrl;
+      }
+    };
+
+    _this.showFileView = function (uid, name, apiKey, fileViewURL, fileCallURL) {
+      var callURl = fileCallURL + '?fileId=' + uid;
+      var crypto = require('crypto');
+      var hmac = crypto.createHmac('md5', apiKey);
+      var data = hmac.update(callURl);
+      var sign = data.digest('hex');
+      var btaoFileCallURL = btoa(callURl);
+      var viewFileUrl = fileViewURL + '?callURL=' + btaoFileCallURL + '&sign=' + sign;
+      _this.setState({ fileId: uid, fileName: name, fileViewFlag: true, viewFileUrl: viewFileUrl });
+    };
+
+    _this.hideFileModal = function () {
+      _this.setState({ fileId: '', fileURL: '', fileName: '', fileViewFlag: false });
+    };
+
+    _this.showPdfView = function (uid, url, name) {
+      _this.setState({ pdfViewFlag: true, fileId: uid, fileURL: url, fileName: name });
+    };
+
+    _this.hidePDFModal = function () {
+      _this.setState({ fileId: '', fileURL: '', fileName: '', pdfViewFlag: false });
+    };
+
+    _this.showImageView = function (url) {
+      _this.setState({ imageViewURL: url });
+    };
+
+    _this.hideImageView = function () {
+      _this.setState({ imageViewURL: '' });
+    };
+
+    _this.state = {
+      pdfViewFlag: false, // pdf预览
+      fileViewFlag: false, // xls、xlsx、doc、docx等office文件预览
+      fileId: '', // 文件id
+      fileName: '', // 文件名称
+      fileURL: '', // 文件url
+      imageViewURL: '' // 图片预览url
+    };
+    return _this;
+  }
+  // 预览
+
+  // 下载
+
+
+  Easy3wDownLoad.prototype.render = function render() {
+    var _this2 = this;
+
+    var _props = this.props,
+        urlDownloadFile = _props.urlDownloadFile,
+        downloadArr = _props.downloadArr,
+        previwPdfFlag = _props.previwPdfFlag,
+        fileViewFlag = _props.fileViewFlag,
+        apiKey = _props.apiKey,
+        fileViewURL = _props.fileViewURL,
+        fileCallURL = _props.fileCallURL;
+
+    var objPreviewFileNew = (0, _extends3['default'])({}, objPreviewFileDefault, _comonConfig.objPreviewFile, this.props.objPreviewFile);
+    var previewFileFlag = objPreviewFileNew.previewFileFlag,
+        downloadFileFlag = objPreviewFileNew.downloadFileFlag,
+        previewFileType = objPreviewFileNew.previewFileType;
+
+    var retObj = '';
+    if (downloadArr) {
+      retObj = downloadArr.map(function (obj) {
+        var uid = obj.uid,
+            name = obj.name;
+
+        var url = _this2.urlDeal(urlDownloadFile, uid);
+        var fileNameArr = name.toLowerCase().split('.');
+        var fileType = fileNameArr[fileNameArr.length - 1];
+        if (previewFileFlag && fileViewFlag !== false && fileType.indexOf('png') < 0 && fileType.indexOf('jpg') < 0 && fileType.indexOf('jpeg') < 0) {
+          // 预览
+          return _react2['default'].createElement(
+            'div',
+            { style: { width: '100%', display: 'flex', alignItems: 'center' } },
+            _react2['default'].createElement(
+              _tooltip2['default'],
+              { placement: 'topLeft', title: name, style: { whiteSpace: 'pre-wrap', wordWrap: 'break-word' } },
+              _react2['default'].createElement(
+                'a',
+                { onClick: function onClick() {
+                    return _this2.onPreview(obj, url);
+                  }, style: { overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis', paddingRight: '12px' } },
+                name
+              )
+            ),
+            downloadFileFlag === '1' ? _react2['default'].createElement(_icon2['default'], { type: 'download', onClick: function onClick() {
+                return _this2.touchDownload(obj, url);
+              }, style: { float: 'right', lineHeight: '100%' } }) : downloadFileFlag === '0' ? '' : previewFileType.indexOf(fileType) >= 0 ? '' : _react2['default'].createElement(_icon2['default'], { type: 'download', onClick: function onClick() {
+                return _this2.touchDownload(obj, url);
+              }, style: { float: 'right', lineHeight: '100%' } })
+          );
+        } else if (previwPdfFlag && fileType.indexOf('pdf') >= 0) {
+          return _react2['default'].createElement(
+            'div',
+            null,
+            _react2['default'].createElement(
+              'a',
+              { onClick: function onClick() {
+                  return _this2.showPdfView(uid, url, name);
+                } },
+              name
+            )
+          );
+        } else if (fileType && fileViewFlag && (fileType.indexOf('doc') >= 0 || fileType.indexOf('docx') >= 0 || fileType.indexOf('xls') >= 0 || fileType.indexOf('xlsx') >= 0 || fileType.indexOf('txt') >= 0)) {
+          return _react2['default'].createElement(
+            'div',
+            null,
+            _react2['default'].createElement(
+              'a',
+              { onClick: function onClick() {
+                  return _this2.showFileView(uid, name, apiKey, fileViewURL, fileCallURL);
+                } },
+              name
+            )
+          );
+        } else if (fileType && (fileType.indexOf('png') >= 0 || fileType.indexOf('jpg') >= 0 || fileType.indexOf('jpeg') >= 0)) {
+          return _react2['default'].createElement(
+            'div',
+            { style: { width: '100%', display: 'flex', alignItems: 'center' } },
+            _react2['default'].createElement(
+              'a',
+              { onClick: function onClick() {
+                  return _this2.showImageView(url);
+                }, style: { overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis', paddingRight: '12px' } },
+              name
+            ),
+            _react2['default'].createElement(_icon2['default'], { type: 'download', onClick: function onClick() {
+                return _this2.touchDownload(obj, url);
+              }, style: { float: 'right', lineHeight: '100%' } })
+          );
+        } else {
+          return _react2['default'].createElement(
+            'div',
+            null,
+            _react2['default'].createElement(
+              _tooltip2['default'],
+              { placement: 'topLeft', title: name, style: { whiteSpace: 'pre-wrap', wordWrap: 'break-word' } },
+              _react2['default'].createElement(
+                'a',
+                { href: url },
+                name
+              )
+            )
+          );
+        }
+      });
+    }
+    var viewPDFObj = _react2['default'].createElement(_Easy3wPDFView2['default'], {
+      fileId: this.state.fileId,
+      fileName: this.state.fileName,
+      fileURL: this.state.fileURL,
+      visible: this.state.pdfViewFlag,
+      hideModal: this.hidePDFModal
+    });
+    var viewFileObj = _react2['default'].createElement(_Easy3wFileView2['default'], {
+      fileId: this.state.fileId,
+      fileName: this.state.fileName,
+      fileURL: this.state.fileURL,
+      visible: this.state.fileViewFlag,
+      hideModal: this.hideFileModal,
+      viewFileUrl: this.state.viewFileUrl
+    });
+    var viewImgObj = _react2['default'].createElement(_Easy3wRCView2['default'], { imgUrl: this.state.imageViewURL, hideModal: this.hideImageView });
+    return _react2['default'].createElement(
+      'div',
+      null,
+      retObj,
+      viewPDFObj,
+      viewFileObj,
+      viewImgObj
+    );
+  };
+
+  return Easy3wDownLoad;
+}(_react.Component);
+
+Easy3wDownLoad.propTypes = {
+  urlDownloadFile: _propTypes2['default'].string
+};
+Easy3wDownLoad.defaultProps = {
+  urlDownloadFile: ''
+};
+exports['default'] = Easy3wDownLoad;
+module.exports = exports['default'];

package/lib/Easy3wDownLoad/index.js

@@ -144,7 +144,8 @@ var Easy3wDownLoad = function (_Component) {
       }
     };
 
-    _this.showFileView = function (uid, name, apiKey, fileViewURL, fileCallURL) {
+    _this.showFileView = function (e, uid, name, apiKey, fileViewURL, fileCallURL) {
+      e.preventDefault();
       var callURl = fileCallURL + '?fileId=' + uid;
       var crypto = require('crypto');
       var hmac = crypto.createHmac('md5', apiKey);
@@ -159,7 +160,8 @@ var Easy3wDownLoad = function (_Component) {
       _this.setState({ fileId: '', fileURL: '', fileName: '', fileViewFlag: false });
     };
 
-    _this.showPdfView = function (uid, url, name) {
+    _this.showPdfView = function (e, uid, url, name) {
+      e.preventDefault();
       _this.setState({ pdfViewFlag: true, fileId: uid, fileURL: url, fileName: name });
     };
 
@@ -167,7 +169,8 @@ var Easy3wDownLoad = function (_Component) {
       _this.setState({ fileId: '', fileURL: '', fileName: '', pdfViewFlag: false });
     };
 
-    _this.showImageView = function (url) {
+    _this.showImageView = function (e, url) {
+      e.preventDefault();
       _this.setState({ imageViewURL: url });
     };
 
@@ -204,7 +207,8 @@ var Easy3wDownLoad = function (_Component) {
 
     var objPreviewFileNew = (0, _extends3['default'])({}, objPreviewFileDefault, _comonConfig.objPreviewFile, this.props.objPreviewFile);
     var previewFileFlag = objPreviewFileNew.previewFileFlag,
-        downloadFileFlag = objPreviewFileNew.downloadFileFlag,
+        _objPreviewFileNew$do = objPreviewFileNew.downloadFileFlag,
+        downloadFileFlag = _objPreviewFileNew$do === undefined ? '1' : _objPreviewFileNew$do,
         previewFileType = objPreviewFileNew.previewFileType;
 
     var retObj = '';
@@ -217,6 +221,10 @@ var Easy3wDownLoad = function (_Component) {
         var fileNameArr = name.toLowerCase().split('.');
         var fileType = fileNameArr[fileNameArr.length - 1];
         if (previewFileFlag && fileViewFlag !== false && fileType.indexOf('png') < 0 && fileType.indexOf('jpg') < 0 && fileType.indexOf('jpeg') < 0) {
+          var objAProps = { href: url };
+          if (downloadFileFlag === '0') {
+            objAProps = {};
+          }
           // 预览
           return _react2['default'].createElement(
             'div',
@@ -226,16 +234,12 @@ var Easy3wDownLoad = function (_Component) {
               { placement: 'topLeft', title: name, style: { whiteSpace: 'pre-wrap', wordWrap: 'break-word' } },
               _react2['default'].createElement(
                 'a',
-                { onClick: function onClick() {
-                    return _this2.onPreview(obj, url);
-                  }, style: { overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis', paddingRight: '12px' } },
+                (0, _extends3['default'])({}, objAProps, { style: { overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis', paddingRight: '12px' } }),
                 name
               )
             ),
-            downloadFileFlag === '1' ? _react2['default'].createElement(_icon2['default'], { type: 'download', onClick: function onClick() {
-                return _this2.touchDownload(obj, url);
-              }, style: { float: 'right', lineHeight: '100%' } }) : downloadFileFlag === '0' ? '' : previewFileType.indexOf(fileType) >= 0 ? '' : _react2['default'].createElement(_icon2['default'], { type: 'download', onClick: function onClick() {
-                return _this2.touchDownload(obj, url);
+            _react2['default'].createElement(_icon2['default'], { type: 'eye', onClick: function onClick() {
+                return _this2.onPreview(obj, url);
               }, style: { float: 'right', lineHeight: '100%' } })
           );
         } else if (previwPdfFlag && fileType.indexOf('pdf') >= 0) {
@@ -244,8 +248,8 @@ var Easy3wDownLoad = function (_Component) {
             null,
             _react2['default'].createElement(
               'a',
-              { onClick: function onClick() {
-                  return _this2.showPdfView(uid, url, name);
+              { href: url, onClick: function onClick(e) {
+                  return _this2.showPdfView(e, uid, url, name);
                 } },
               name
             )
@@ -256,8 +260,8 @@ var Easy3wDownLoad = function (_Component) {
             null,
             _react2['default'].createElement(
               'a',
-              { onClick: function onClick() {
-                  return _this2.showFileView(uid, name, apiKey, fileViewURL, fileCallURL);
+              { href: url, onClick: function onClick(e) {
+                  return _this2.showFileView(e, uid, name, apiKey, fileViewURL, fileCallURL);
                 } },
               name
             )
@@ -268,8 +272,8 @@ var Easy3wDownLoad = function (_Component) {
             { style: { width: '100%', display: 'flex', alignItems: 'center' } },
             _react2['default'].createElement(
               'a',
-              { onClick: function onClick() {
-                  return _this2.showImageView(url);
+              { href: url, onClick: function onClick(e) {
+                  return _this2.showImageView(e, url);
                 }, style: { overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis', paddingRight: '12px' } },
               name
             ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy3wui",
-  "version": "1.5.74",
+  "version": "1.5.75-beta.1",
   "description": "easy3wui components for react",
   "keywords": [
     "react",