easy3wui 1.6.2 → 2.0.2

package/lib/Easy3wMDownLoad/Easy3wMFileView.js

@@ -0,0 +1,84 @@
+'use strict';
+
+exports.__esModule = true;
+
+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);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _Easy3wMModal = require('../Easy3wMModal');
+
+var _Easy3wMModal2 = _interopRequireDefault(_Easy3wMModal);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var Easy3wMFileView = function (_PureComponent) {
+  (0, _inherits3['default'])(Easy3wMFileView, _PureComponent);
+
+  function Easy3wMFileView() {
+    var _temp, _this, _ret;
+
+    (0, _classCallCheck3['default'])(this, Easy3wMFileView);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _PureComponent.call.apply(_PureComponent, [this].concat(args))), _this), _this.cancelHandler = function () {
+      var hideModal = _this.props.hideModal;
+
+      hideModal();
+    }, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
+  }
+
+  Easy3wMFileView.prototype.render = function render() {
+    var _props = this.props,
+        visible = _props.visible,
+        viewFileUrl = _props.viewFileUrl,
+        fileName = _props.fileName;
+
+    var actions = [{ onClick: this.cancelHandler, text: '关闭' }];
+    return _react2['default'].createElement(
+      _Easy3wMModal2['default'],
+      {
+        title: fileName,
+        visible: visible,
+        onClose: this.cancelHandler,
+        width: '100%',
+        actions: actions,
+        destroyOnClose: true
+      },
+      _react2['default'].createElement(
+        'div',
+        null,
+        _react2['default'].createElement('iframe', {
+          title: fileName,
+          id: 'preview',
+          height: document.body.clientHeight * 0.95,
+          width: document.body.clientWidth * 0.88,
+          src: viewFileUrl,
+          allowFullScreen: true,
+          frameBorder: '0',
+          scrolling: 'yes'
+        })
+      )
+    );
+  };
+
+  return Easy3wMFileView;
+}(_react.PureComponent);
+
+exports['default'] = Easy3wMFileView;
+module.exports = exports['default'];

package/lib/Easy3wMDownLoad/Easy3wMImgView.js

@@ -0,0 +1,75 @@
+'use strict';
+
+exports.__esModule = true;
+
+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);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _Easy3wMModal = require('../Easy3wMModal');
+
+var _Easy3wMModal2 = _interopRequireDefault(_Easy3wMModal);
+
+var _reactImages = require('react-images');
+
+var _reactImages2 = _interopRequireDefault(_reactImages);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var Easy3wMImgView = function (_PureComponent) {
+  (0, _inherits3['default'])(Easy3wMImgView, _PureComponent);
+
+  function Easy3wMImgView() {
+    var _temp, _this, _ret;
+
+    (0, _classCallCheck3['default'])(this, Easy3wMImgView);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _PureComponent.call.apply(_PureComponent, [this].concat(args))), _this), _this.cancelHandler = function () {
+      var hideModal = _this.props.hideModal;
+
+      hideModal();
+    }, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
+  }
+
+  Easy3wMImgView.prototype.render = function render() {
+    var _props = this.props,
+        visible = _props.visible,
+        fileURL = _props.fileURL,
+        fileName = _props.fileName;
+
+    var actions = [{ onClick: this.cancelHandler, text: '关闭' }];
+    return _react2['default'].createElement(
+      _Easy3wMModal2['default'],
+      {
+        title: fileName,
+        visible: visible,
+        onClose: this.cancelHandler,
+        width: '100%',
+        actions: actions,
+        destroyOnClose: true
+      },
+      _react2['default'].createElement(_reactImages2['default'], { views: [{ src: fileURL }] })
+    );
+  };
+
+  return Easy3wMImgView;
+}(_react.PureComponent);
+
+exports['default'] = Easy3wMImgView;
+module.exports = exports['default'];

package/lib/Easy3wMDownLoad/Easy3wMPDFView.js

@@ -0,0 +1,145 @@
+'use strict';
+
+exports.__esModule = true;
+
+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);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _Easy3wMModal = require('../Easy3wMModal');
+
+var _Easy3wMModal2 = _interopRequireDefault(_Easy3wMModal);
+
+var _reactPdf = require('react-pdf');
+
+var _antdMobile = require('antd-mobile');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var Easy3wMPDFView = function (_PureComponent) {
+  (0, _inherits3['default'])(Easy3wMPDFView, _PureComponent);
+
+  function Easy3wMPDFView() {
+    var _temp, _this, _ret;
+
+    (0, _classCallCheck3['default'])(this, Easy3wMPDFView);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _PureComponent.call.apply(_PureComponent, [this].concat(args))), _this), _this.state = {
+      numPages: null,
+      pageNumber: 1
+    }, _this.cancelHandler = function () {
+      var hideModal = _this.props.hideModal;
+
+      hideModal();
+    }, _this.onDocumentLoadSuccess = function (document) {
+      var numPages = document.numPages;
+
+      _this.setState({
+        numPages: numPages,
+        pageNumber: 1
+      });
+    }, _this.changePage = function (offset) {
+      return _this.setState(function (prevState) {
+        return {
+          pageNumber: prevState.pageNumber + offset
+        };
+      });
+    }, _this.previousPage = function () {
+      var pageNumber = _this.state.pageNumber;
+
+      if (pageNumber <= 1) {
+        _antdMobile.Toast.show({
+          icon: 'fail',
+          content: '已经是第一页'
+        });
+      } else {
+        _this.changePage(-1);
+      }
+    }, _this.nextPage = function () {
+      var _this$state = _this.state,
+          pageNumber = _this$state.pageNumber,
+          numPages = _this$state.numPages;
+
+      if (pageNumber >= numPages) {
+        _antdMobile.Toast.show({
+          icon: 'fail',
+          content: '已经是最后一页'
+        });
+      } else {
+        _this.changePage(1);
+      }
+    }, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
+  }
+
+  Easy3wMPDFView.prototype.render = function render() {
+    var _props = this.props,
+        visible = _props.visible,
+        fileURL = _props.fileURL,
+        fileName = _props.fileName;
+    var _state = this.state,
+        pageNumber = _state.pageNumber,
+        numPages = _state.numPages;
+
+    var actions = [{ onClick: this.previousPage, text: '上一页' }, { onClick: this.nextPage, text: '下一页' }, { onClick: this.cancelHandler, text: '关闭' }];
+    return _react2['default'].createElement(
+      _Easy3wMModal2['default'],
+      {
+        title: fileName,
+        visible: visible,
+        onClose: this.cancelHandler,
+        width: '100%',
+        actions: actions,
+        destroyOnClose: true
+      },
+      _react2['default'].createElement(
+        'div',
+        null,
+        _react2['default'].createElement(
+          'div',
+          null,
+          _react2['default'].createElement(
+            _reactPdf.Document,
+            {
+              file: fileURL,
+              onLoadSuccess: this.onDocumentLoadSuccess,
+              loading: '\u6587\u4EF6\u52A0\u8F7D\u4E2D...'
+            },
+            _react2['default'].createElement(_reactPdf.Page, { pageNumber: pageNumber, width: document.body.clientWidth * 0.88 })
+          ),
+          _react2['default'].createElement(
+            'div',
+            { style: { textAlign: 'center' } },
+            _react2['default'].createElement(
+              'p',
+              null,
+              pageNumber || (numPages ? 1 : '--'),
+              '/',
+              numPages || '--'
+            )
+          )
+        )
+      )
+    );
+  };
+
+  return Easy3wMPDFView;
+}(_react.PureComponent);
+
+exports['default'] = Easy3wMPDFView;
+module.exports = exports['default'];

package/lib/Easy3wMDownLoad/Easy3wMRCView.js

@@ -0,0 +1,65 @@
+'use strict';
+
+exports.__esModule = true;
+
+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);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _rcViewer = require('@hanyk/rc-viewer');
+
+var _rcViewer2 = _interopRequireDefault(_rcViewer);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var Easy3wMRCView = function (_PureComponent) {
+  (0, _inherits3['default'])(Easy3wMRCView, _PureComponent);
+
+  function Easy3wMRCView() {
+    (0, _classCallCheck3['default'])(this, Easy3wMRCView);
+    return (0, _possibleConstructorReturn3['default'])(this, _PureComponent.apply(this, arguments));
+  }
+
+  Easy3wMRCView.prototype.componentDidUpdate = function componentDidUpdate() {
+    // eslint-disable-next-line react/no-string-refs
+    var viewer = this.refs.viewer.viewer;
+
+    viewer.show();
+  };
+
+  Easy3wMRCView.prototype.render = function render() {
+    var _props = this.props,
+        imgUrl = _props.imgUrl,
+        hideModal = _props.hideModal;
+
+    return _react2['default'].createElement(
+      _rcViewer2['default'],
+      {
+        options: {
+          // 关闭时的回调
+          hide: hideModal
+        }
+        // eslint-disable-next-line react/no-string-refs
+        , ref: 'viewer'
+      },
+      _react2['default'].createElement('img', { style: { display: 'none' }, src: imgUrl, alt: '' })
+    );
+  };
+
+  return Easy3wMRCView;
+}(_react.PureComponent);
+
+exports['default'] = Easy3wMRCView;
+module.exports = exports['default'];

package/lib/Easy3wMDownLoad/index.js

@@ -0,0 +1,284 @@
+'use strict';
+
+exports.__esModule = true;
+
+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);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _crypto = require('crypto');
+
+var _crypto2 = _interopRequireDefault(_crypto);
+
+var _antdMobileIcons = require('antd-mobile-icons');
+
+var _comonConfig = require('comonConfigPath/comonConfig');
+
+var _Easy3wMRCView = require('./Easy3wMRCView');
+
+var _Easy3wMRCView2 = _interopRequireDefault(_Easy3wMRCView);
+
+var _Easy3wMGetCookie = require('../Easy3wMGetCookie');
+
+var _Easy3wMGetCookie2 = _interopRequireDefault(_Easy3wMGetCookie);
+
+var _Easy3wMAESEncrypt = require('../Easy3wMAESEncrypt');
+
+var _Easy3wMAESEncrypt2 = _interopRequireDefault(_Easy3wMAESEncrypt);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var _ref = _comonConfig.objPreviewFile || {},
+    previewFileUrl = _ref.previewFileUrl,
+    previewFileFlag = _ref.previewFileFlag,
+    previewFileType = _ref.previewFileType;
+// import Easy3wMPDFView from './Easy3wMPDFView';
+// import Easy3wMFileView from './Easy3wMFileView';
+
+
+var Easy3wMDownLoad = function (_Component) {
+  (0, _inherits3['default'])(Easy3wMDownLoad, _Component);
+
+  function Easy3wMDownLoad(props) {
+    (0, _classCallCheck3['default'])(this, Easy3wMDownLoad);
+
+    var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
+
+    _this.onPreview = function (file, url) {
+      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 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, _Easy3wMGetCookie2['default'])('userToken') || 'E3WSAFEAPPQWEFGHYI7I483S';
+        var nowStr = _.now();
+        var encUrl = (0, _Easy3wMAESEncrypt2['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 hmac = _crypto2['default'].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) {
+      console.log('uid, url, name', 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;
+  }
+  // 预览
+
+  // 下载
+
+
+  Easy3wMDownLoad.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 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) {
+          // 预览
+          return _react2['default'].createElement(
+            'div',
+            { style: { width: '100%', display: 'flex', alignItems: 'center' } },
+            _react2['default'].createElement(
+              'a',
+              { onClick: function onClick() {
+                  return _this2.onPreview(obj, url);
+                }, style: { overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis', paddingRight: '12px' } },
+              name
+            ),
+            _react2['default'].createElement(_antdMobileIcons.ArrowDownCircleOutline, { onClick: function onClick() {
+                return _this2.touchDownload(obj, url);
+              }, style: { float: 'right', lineHeight: '100%' } })
+          );
+          /**
+           else if (previwPdfFlag && fileType.indexOf('pdf') >= 0) {
+                return (
+                  <div>
+                    <a onClick={() => this.showPdfView(uid, url, name)}>
+                      {name}
+                    </a>
+                  </div>
+                );
+              } 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 (
+                  <div>
+                    <a onClick={() => this.showFileView(uid, name, apiKey, fileViewURL, fileCallURL)}>
+                      {name}
+                    </a>
+                  </div>
+                );
+              }
+           */
+        } else if (fileType && (fileType.indexOf('png') >= 0 || fileType.indexOf('jpg') >= 0 || fileType.indexOf('jpeg') >= 0)) {
+          return _react2['default'].createElement(
+            'div',
+            null,
+            _react2['default'].createElement(
+              'a',
+              { onClick: function onClick() {
+                  return _this2.showImageView(url);
+                } },
+              name
+            )
+          );
+        } else {
+          return _react2['default'].createElement(
+            'div',
+            null,
+            _react2['default'].createElement(
+              'a',
+              { href: url },
+              name
+            )
+          );
+        }
+      });
+    }
+    // const viewPDFObj = (
+    //   <Easy3wMPDFView
+    //     fileId={this.state.fileId}
+    //     fileName={this.state.fileName}
+    //     fileURL={this.state.fileURL}
+    //     visible={this.state.pdfViewFlag}
+    //     hideModal={this.hidePDFModal}
+    //   />
+    // );
+    // const viewFileObj = (
+    //   <Easy3wMFileView
+    //     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(_Easy3wMRCView2['default'], { imgUrl: this.state.imageViewURL, hideModal: this.hideImageView });
+    return _react2['default'].createElement(
+      'div',
+      null,
+      retObj,
+      viewImgObj
+    );
+  };
+
+  return Easy3wMDownLoad;
+}(_react.Component);
+
+Easy3wMDownLoad.propTypes = {
+  urlDownloadFile: _propTypes2['default'].string
+};
+Easy3wMDownLoad.defaultProps = {
+  urlDownloadFile: ''
+};
+exports['default'] = Easy3wMDownLoad;
+module.exports = exports['default'];