fmui-base 2.2.18 → 2.2.19

package/README.md

@@ -3,6 +3,7 @@
 ---npm publish
 
 ## 更新日志 
+- 2.2.19：上传组件添加图片点击放大事件
 - 2.2.18：修改关联流程暂无数据样式
 - 2.2.17：表单字段关联支持主表字段和子表字段一起配置
 - 2.2.16：修改关联流程暂无数据样式

package/lib/upload/upload.js

@@ -21,10 +21,16 @@ var _Progress2 = _interopRequireDefault(_Progress);
 
 var _uploadcore = require('uploadcore');
 
+var _h5Imageviewer = require('h5-imageviewer');
+
+var viewer = _interopRequireWildcard(_h5Imageviewer);
+
 require('whatwg-fetch');
 
 require('es6-promise');
 
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -91,6 +97,12 @@ var PageHome = function (_React$Component) {
             return currentFileName;
         };
 
+        _this.viewImageHandel = function (url) {
+            viewer.showViewer({
+                src: url
+            });
+        };
+
         var label = props.label;
         if (!label) {
             label = '';
@@ -505,7 +517,13 @@ var PageHome = function (_React$Component) {
                 var isCopy = this.props.isCopy;
                 var isPrint = this.props.isPrint;
                 var fileExt = file.fileExt;
-                downloadFile(id, 'android', fileExt, isCopy, isPrint, allowDownLoad);
+
+                if (fileExt == ".jpg" || fileExt == ".jpeg" || fileExt == ".gif" || fileExt == ".png") {
+                    var urlFileImg = this.state.urlPrev + id;
+                    this.viewImageHandel(urlFileImg);
+                } else {
+                    downloadFile(id, 'android', fileExt, isCopy, isPrint, allowDownLoad);
+                }
             } else {
                 downloadFile(id);
             }
@@ -610,11 +628,13 @@ var PageHome = function (_React$Component) {
 
         // 文件图标
 
-    }, {
-        key: 'render',
-
         //加载文件列表
 
+
+        // 点击放大图片
+
+    }, {
+        key: 'render',
         value: function render() {
             var _this3 = this;
 
@@ -653,7 +673,7 @@ var PageHome = function (_React$Component) {
                         return t.state.uploadType == 'image' ? _react2.default.createElement(
                             'div',
                             { className: 'upload-image-item', key: i },
-                            _react2.default.createElement('img', { width: '100', height: '98', src: t.state.urlPrev + item.id }),
+                            _react2.default.createElement('img', { width: '100', height: '98', onClick: _this3.viewImageHandel.bind(_this3, t.state.urlPrev + item.id), src: t.state.urlPrev + item.id }),
                             _react2.default.createElement('i', { className: t.state.canDel ? 'iconfont icon-minus' : 't-DN', onClick: _this3.del.bind(_this3, i) })
                         ) :
                         // <div className="t-FBH" key={i}  >

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fmui-base",
-  "version": "2.2.18",
+  "version": "2.2.19",
   "title": "fmui-base",
   "description": "fmui移动端组件",
   "main": "lib/index.js",