easy3wui 1.5.11 → 1.5.14

package/README.md

@@ -1,2 +1,6 @@
 # easy3wUI
-easy3w UI 组件
+easy3w UI 组件
+# 编译
+npm run compile
+# 发布
+npm publish

package/assets/formPage.css

@@ -4,6 +4,9 @@
 .ant-upload-list-item .ant-upload-list-item-info {
   width: auto;
 }
+.ant-upload-list-item .ant-upload-list-item-name {
+  padding-right: 24px;
+}
 .ant-upload-list-item .anticon-cross {
   right: -2px;
 }

package/assets/index.css

@@ -1385,6 +1385,9 @@ s {
 .ant-upload-list-item .ant-upload-list-item-info {
   width: auto;
 }
+.ant-upload-list-item .ant-upload-list-item-name {
+  padding-right: 24px;
+}
 .ant-upload-list-item .anticon-cross {
   right: -2px;
 }

package/lib/Easy3wDownLoad/index.js

@@ -2,6 +2,10 @@
 
 exports.__esModule = true;
 
+var _icon = require('antd/lib/icon');
+
+var _icon2 = _interopRequireDefault(_icon);
+
 var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
 
 var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
@@ -14,6 +18,8 @@ var _inherits2 = require('babel-runtime/helpers/inherits');
 
 var _inherits3 = _interopRequireDefault(_inherits2);
 
+require('antd/lib/icon/style');
+
 var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
@@ -32,6 +38,12 @@ 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');
@@ -46,16 +58,21 @@ var _Easy3wRCView = require('./Easy3wRCView');
 
 var _Easy3wRCView2 = _interopRequireDefault(_Easy3wRCView);
 
-var _Easy3wGetCookie = require('./../Easy3wGetCookie');
+var _Easy3wGetCookie = require('../Easy3wGetCookie');
 
 var _Easy3wGetCookie2 = _interopRequireDefault(_Easy3wGetCookie);
 
-var _Easy3wAESEncrypt = require('./../Easy3wAESEncrypt');
+var _Easy3wAESEncrypt = require('../Easy3wAESEncrypt');
 
 var _Easy3wAESEncrypt2 = _interopRequireDefault(_Easy3wAESEncrypt);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
+var _ref = _comonConfig.objPreviewFile || {},
+    previewFileUrl = _ref.previewFileUrl,
+    previewFileFlag = _ref.previewFileFlag,
+    previewFileType = _ref.previewFileType;
+
 var Easy3wDownLoad = function (_Component) {
   (0, _inherits3['default'])(Easy3wDownLoad, _Component);
 
@@ -88,14 +105,18 @@ var Easy3wDownLoad = function (_Component) {
       _this.setState({ fileId: uid, fileName: name, fileViewFlag: true, viewFileUrl: viewFileUrl });
     };
 
-    _this.hidePDFModal = function () {
-      _this.setState({ fileId: '', fileURL: '', fileName: '', pdfViewFlag: false });
-    };
-
     _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 });
     };
@@ -104,6 +125,30 @@ var Easy3wDownLoad = function (_Component) {
       _this.setState({ imageViewURL: '' });
     };
 
+    _this.onPreview = function (file) {
+      var uid = file.uid,
+          url = file.url,
+          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);
+      }
+    };
+
+    _this.touchDownload = function (file) {
+      var uid = file.uid,
+          url = file.url,
+          name = file.name;
+      // const src = this.urlDeal(previewFileUrl, uid);
+
+      window.open(url);
+    };
+
     _this.state = {
       pdfViewFlag: false, // pdf预览
       fileViewFlag: false, // xls、xlsx、doc、docx等office文件预览
@@ -114,6 +159,10 @@ var Easy3wDownLoad = function (_Component) {
     };
     return _this;
   }
+  // 预览
+
+  // 下载
+
 
   Easy3wDownLoad.prototype.render = function render() {
     var _this2 = this;
@@ -136,14 +185,34 @@ var Easy3wDownLoad = function (_Component) {
         var url = _this2.urlDeal(urlDownloadFile, uid);
         var fileNameArr = name.toLowerCase().split('.');
         var fileType = fileNameArr[fileNameArr.length - 1];
-        if (previwPdfFlag && fileType.indexOf('pdf') >= 0) {
+        if (previewFileFlag) {
+          // 预览
+          return _react2['default'].createElement(
+            'div',
+            { style: { width: '100%', display: 'flex', alignItems: 'center', justifyContent: 'space-between' } },
+            _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);
+                  }, style: { overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis' } },
+                name
+              )
+            ),
+            _react2['default'].createElement(_icon2['default'], { type: 'download', onClick: function onClick() {
+                return _this2.touchDownload(obj);
+              }, 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.setState({ pdfViewFlag: true, fileId: uid, fileURL: url, fileName: name });
+                  return _this2.showPdfView(uid, url, name);
                 } },
               name
             )

package/lib/Easy3wUpload/index.js

@@ -64,20 +64,25 @@ require('antd/lib/modal/style');
 
 var _comonConfig = require('comonConfigPath/comonConfig');
 
-var _Easy3wGetCookie = require('./../Easy3wGetCookie');
+var _Easy3wGetCookie = require('../Easy3wGetCookie');
 
 var _Easy3wGetCookie2 = _interopRequireDefault(_Easy3wGetCookie);
 
-var _Easy3wDownLoad = require('./../Easy3wDownLoad');
+var _Easy3wDownLoad = require('../Easy3wDownLoad');
 
 var _Easy3wDownLoad2 = _interopRequireDefault(_Easy3wDownLoad);
 
-var _Easy3wAESEncrypt = require('./../Easy3wAESEncrypt');
+var _Easy3wAESEncrypt = require('../Easy3wAESEncrypt');
 
 var _Easy3wAESEncrypt2 = _interopRequireDefault(_Easy3wAESEncrypt);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
+var _ref = _comonConfig.objPreviewFile || {},
+    previewFileUrl = _ref.previewFileUrl,
+    previewFileFlag = _ref.previewFileFlag,
+    previewFileType = _ref.previewFileType;
+
 var FormItem = _form2['default'].Item;
 var formItemStyle = {
   marginBottom: 6
@@ -95,7 +100,20 @@ var Easy3wUpload = function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.urlDeal = function (urlDownloadFile, uid) {
+    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.onPreview = function (file) {
+      var uid = file.uid,
+          url = file.url,
+          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);
+      }
+    }, _this.urlDeal = function (urlDownloadFile, uid) {
       var retUrl = '';
       if (uid !== '' && _comonConfig.aFlag && (_comonConfig.aFlag === '1' || _comonConfig.aFlag === '2')) {
         var authToken = (0, _Easy3wGetCookie2['default'])('userToken') || 'E3WSAFEAPPQWEFGHYI7I483S';
@@ -108,6 +126,10 @@ var Easy3wUpload = function (_Component) {
       }
     }, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
   }
+  // 预览
+
+  // url处理
+
 
   Easy3wUpload.prototype.render = function render() {
     var _this2 = this;
@@ -141,10 +163,11 @@ var Easy3wUpload = function (_Component) {
     if (initialValue) {
       iniVal = initialValue.map(function (obj) {
         var uid = obj.uid,
-            name = obj.name;
+            name = obj.name,
+            status = obj.status;
 
         var url = _this2.urlDeal(urlDownloadFile, uid);
-        return { uid: uid, name: name, url: url };
+        return { uid: uid, name: name, url: url, status: status || 'done' };
       });
     }
     var getFieldDecorator = form.getFieldDecorator;
@@ -181,7 +204,10 @@ var Easy3wUpload = function (_Component) {
       }
     };
     if (isRead) {
-      upProps = (0, _extends3['default'])({}, upProps, { showUploadList: { showPreviewIcon: true, showRemoveIcon: false } });
+      upProps = (0, _extends3['default'])({}, upProps, { children: true, showUploadList: { showDownloadIcon: true, showPreviewIcon: true, showRemoveIcon: false } });
+    }
+    if (previewFileFlag) {
+      upProps.onPreview = this.onPreview;
     }
     var beforeUpload = function beforeUpload(file) {
       // 限制上传大小
@@ -472,7 +498,6 @@ Easy3wUpload.defaultProps = {
   warnMessage: '',
   extend: undefined,
   extendBack: undefined,
-  hadUpdBtn: true
-};
+  hadUpdBtn: true };
 exports['default'] = Easy3wUpload;
 module.exports = exports['default'];