easy3wui 1.4.40 → 1.4.91

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/README.md +7 -1
  2. package/assets/btn.css +9 -3
  3. package/assets/captcha.css +0 -1
  4. package/assets/card.css +8 -0
  5. package/assets/flow.css +287 -133
  6. package/assets/formPage.css +85 -2
  7. package/assets/gridPage.css +52 -6
  8. package/assets/index.css +444 -147
  9. package/assets/login.css +5 -1
  10. package/assets/userLayout.css +2 -1
  11. package/lib/Easy3wAESDecrypt/index.js +21 -0
  12. package/lib/Easy3wAESEncrypt/index.js +20 -0
  13. package/lib/Easy3wButton/index.js +22 -15
  14. package/lib/Easy3wButtonOne/index.js +6 -9
  15. package/lib/Easy3wCaHandler/index.js +1 -1
  16. package/lib/Easy3wCard/index.js +4 -3
  17. package/lib/Easy3wDownLoad/Easy3wRCView.js +65 -0
  18. package/lib/Easy3wDownLoad/index.js +35 -42
  19. package/lib/Easy3wFlow/index.js +216 -36
  20. package/lib/Easy3wFormPage/easy3wFormPage.less +37 -0
  21. package/lib/Easy3wFormPage/index.js +610 -149
  22. package/lib/Easy3wGridCheckBox/index.js +9 -9
  23. package/lib/Easy3wGridDatePicker/index.js +10 -10
  24. package/lib/Easy3wGridDateTimePicker/index.js +10 -10
  25. package/lib/Easy3wGridInput/index.js +12 -11
  26. package/lib/Easy3wGridInputNumber/index.js +12 -11
  27. package/lib/Easy3wGridInputNumberFormat/index.js +12 -11
  28. package/lib/Easy3wGridPage/index.js +22 -37
  29. package/lib/Easy3wGridRadio/index.js +11 -10
  30. package/lib/Easy3wGridSelect/index.js +9 -9
  31. package/lib/Easy3wGridTextArea/index.js +11 -10
  32. package/lib/Easy3wLogin/index.js +19 -26
  33. package/lib/Easy3wModal/index.js +4 -4
  34. package/lib/Easy3wPositionButton/easy3wPositionButton.less +8 -0
  35. package/lib/Easy3wPositionButton/index.js +5 -5
  36. package/lib/Easy3wQryGrid/index.js +16 -8
  37. package/lib/Easy3wResult/index.js +9 -3
  38. package/lib/Easy3wTagSelect/index.js +7 -3
  39. package/lib/Easy3wUpload/index.js +102 -44
  40. package/lib/Easy3wUploadB/index.js +101 -50
  41. package/lib/Easy3wUploadM/index.js +83 -38
  42. package/lib/index.js +6 -123
  43. package/package.json +5 -4
  44. package/lib/Easy3wNewFormPage/index.js +0 -1649
  45. package/lib/Easy3wNewGridCheckBox/index.js +0 -63
  46. package/lib/Easy3wNewGridDatePicker/index.js +0 -85
  47. package/lib/Easy3wNewGridDateTimePicker/index.js +0 -117
  48. package/lib/Easy3wNewGridInput/index.js +0 -73
  49. package/lib/Easy3wNewGridInputNumber/index.js +0 -80
  50. package/lib/Easy3wNewGridInputNumberFormat/index.js +0 -90
  51. package/lib/Easy3wNewGridPage/index.js +0 -620
  52. package/lib/Easy3wNewGridRadio/index.js +0 -65
  53. package/lib/Easy3wNewGridSelect/index.js +0 -89
  54. package/lib/Easy3wNewGridTextArea/index.js +0 -69
  55. package/lib/Easy3wNewQryGrid/index.js +0 -694
  56. package/lib/Easy3wNewUpload/index.js +0 -419
  57. package/lib/Easy3wNewUploadB/index.js +0 -953
  58. package/lib/Easy3wNewUploadM/index.js +0 -447
package/assets/login.css CHANGED
@@ -6,6 +6,10 @@
6
6
  width: 368px;
7
7
  margin: 0 auto;
8
8
  z-index: 100;
9
+ background-color: #fff;
10
+ border: 1px solid #0000001f;
11
+ border-radius: 0.8em;
12
+ padding: 20px;
9
13
  }
10
14
  .e3wLoginMain .e3wLoginTabs {
11
15
  padding: 0 2px;
@@ -16,7 +20,7 @@
16
20
  line-height: 24px;
17
21
  }
18
22
  .e3wLoginMain .e3wLoginTabs :global .ant-input-affix-wrapper .ant-input:not(:first-child) {
19
- padding-left: 5px;
23
+ padding-left: 34px;
20
24
  }
21
25
  .e3wLoginMain :global .ant-tabs .ant-tabs-bar {
22
26
  border-bottom: 0;
@@ -9,7 +9,7 @@
9
9
  background-repeat: no-repeat;
10
10
  background-position: center;
11
11
  background-size: 100%;
12
- padding: 40px 0 0 0;
12
+ padding: 60px 0 0 0;
13
13
  position: relative;
14
14
  }
15
15
  .e3wUserLayoutTop {
@@ -67,4 +67,5 @@
67
67
  width: 100%;
68
68
  height: 50px;
69
69
  z-index: 99;
70
+ position: fixed;
70
71
  }
@@ -0,0 +1,21 @@
1
+ 'use strict';
2
+
3
+ exports.__esModule = true;
4
+ exports['default'] = Easy3wAESDecrypt;
5
+
6
+ var _base64Url = require('base64-url');
7
+
8
+ var _base64Url2 = _interopRequireDefault(_base64Url);
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
11
+
12
+ function Easy3wAESDecrypt(cipherText, AESKey, AESIV) {
13
+ var text = _base64Url2['default'].decode(cipherText);
14
+ var CryptoJS = require('crypto-js');
15
+ var keyStr = CryptoJS.enc.Utf8.parse(AESKey);
16
+ var ivStr = CryptoJS.enc.Utf8.parse(AESIV);
17
+ var bytes = CryptoJS.AES.decrypt(text, keyStr, { iv: ivStr, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 });
18
+ var originalText = bytes.toString(CryptoJS.enc.Utf8);
19
+ return originalText;
20
+ }
21
+ module.exports = exports['default'];
@@ -0,0 +1,20 @@
1
+ 'use strict';
2
+
3
+ exports.__esModule = true;
4
+ exports['default'] = Easy3wAESEncrypt;
5
+
6
+ var _base64Url = require('base64-url');
7
+
8
+ var _base64Url2 = _interopRequireDefault(_base64Url);
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
11
+
12
+ function Easy3wAESEncrypt(data, AESKey, AESIV) {
13
+ var CryptoJS = require('crypto-js');
14
+ var srcData = CryptoJS.enc.Utf8.parse(data);
15
+ var keyStr = CryptoJS.enc.Utf8.parse(AESKey);
16
+ var ivStr = CryptoJS.enc.Utf8.parse(AESIV);
17
+ var ciphertext = CryptoJS.AES.encrypt(srcData, keyStr, { iv: ivStr, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 }).toString();
18
+ return _base64Url2['default'].encode(ciphertext);
19
+ }
20
+ module.exports = exports['default'];
@@ -90,7 +90,7 @@ var Easy3wButton = function (_Component) {
90
90
  args[_key] = arguments[_key];
91
91
  }
92
92
 
93
- return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.onClickFunc = function (func) {
93
+ return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.onClickFunc = function (e, func) {
94
94
  var globalLoading = _this.props.loading.global;
95
95
  if (globalLoading) {
96
96
  _notification2['default'].warning({
@@ -99,10 +99,11 @@ var Easy3wButton = function (_Component) {
99
99
  duration: 3
100
100
  });
101
101
  } else {
102
- func();
102
+ func(e);
103
103
  }
104
104
  }, _this.getOneBtnObj = function (obj, index) {
105
105
  var btnType = obj.btnType;
106
+ var cmptPros = _this.props.cmptPros;
106
107
 
107
108
  var typeProps = {};
108
109
  if (btnType) {
@@ -117,9 +118,9 @@ var Easy3wButton = function (_Component) {
117
118
  }
118
119
  return _react2['default'].createElement(
119
120
  _button2['default'],
120
- (0, _extends3['default'])({
121
- onClick: function onClick() {
122
- return _this.onClickFunc(obj.func);
121
+ (0, _extends3['default'])({}, cmptPros, {
122
+ onClick: function onClick(e) {
123
+ return _this.onClickFunc(e, obj.func);
123
124
  },
124
125
  loading: obj.loading
125
126
  }, typeProps, {
@@ -131,6 +132,7 @@ var Easy3wButton = function (_Component) {
131
132
  }, _this.getOneBtnTypeObj = function (obj, index) {
132
133
  var props = obj.props,
133
134
  btnType = obj.btnType;
135
+ var cmptPros = props.cmptPros;
134
136
 
135
137
  var typeProps = {};
136
138
  if (btnType) {
@@ -148,9 +150,9 @@ var Easy3wButton = function (_Component) {
148
150
  props,
149
151
  _react2['default'].createElement(
150
152
  _button2['default'],
151
- (0, _extends3['default'])({
152
- onClick: function onClick() {
153
- return _this.onClickFunc(obj.func);
153
+ (0, _extends3['default'])({}, cmptPros, {
154
+ onClick: function onClick(e) {
155
+ return _this.onClickFunc(e, obj.func);
154
156
  },
155
157
  loading: obj.loading
156
158
  }, typeProps, {
@@ -165,6 +167,7 @@ var Easy3wButton = function (_Component) {
165
167
  cName = obj.cName,
166
168
  confirmContent = obj.confirmContent,
167
169
  btnType = obj.btnType;
170
+ var cmptPros = _this.props.cmptPros;
168
171
 
169
172
  var typeProps = {};
170
173
  if (btnType) {
@@ -179,26 +182,27 @@ var Easy3wButton = function (_Component) {
179
182
  }
180
183
  return _react2['default'].createElement(
181
184
  _popconfirm2['default'],
182
- { title: confirmContent, onConfirm: function onConfirm() {
183
- return _this.onClickFunc(func);
185
+ { title: confirmContent, onConfirm: function onConfirm(e) {
186
+ return _this.onClickFunc(e, func);
184
187
  }, key: index },
185
188
  _react2['default'].createElement(
186
189
  _button2['default'],
187
- (0, _extends3['default'])({}, typeProps, { className: (0, _classnames2['default'])(['btn', 'e3wFootBtn']) }),
190
+ (0, _extends3['default'])({}, typeProps, cmptPros, { className: (0, _classnames2['default'])(['btn', 'e3wFootBtn']) }),
188
191
  cName
189
192
  )
190
193
  );
191
194
  }, _this.getDropdownArrObj = function (obj) {
192
195
  var cName = obj.cName,
193
196
  dropdownArr = obj.dropdownArr;
197
+ var cmptPros = _this.props.cmptPros;
194
198
 
195
199
  var menuArr = dropdownArr.map(function (dropdown) {
196
200
  var func = dropdown.func;
197
201
 
198
202
  return _react2['default'].createElement(
199
203
  _menu2['default'].Item,
200
- { key: cName, onClick: function onClick() {
201
- return _this.onClickFunc(func);
204
+ { key: cName, onClick: function onClick(e) {
205
+ return _this.onClickFunc(e, func);
202
206
  } },
203
207
  dropdown.cName
204
208
  );
@@ -213,7 +217,7 @@ var Easy3wButton = function (_Component) {
213
217
  { overlay: menuOverlay },
214
218
  _react2['default'].createElement(
215
219
  _button2['default'],
216
- null,
220
+ cmptPros,
217
221
  cName,
218
222
  ' ',
219
223
  _react2['default'].createElement(_icon2['default'], { type: 'down' })
@@ -243,9 +247,12 @@ var Easy3wButton = function (_Component) {
243
247
 
244
248
  Easy3wButton.prototype.render = function render() {
245
249
  var btnObj = this.getBtnObj();
250
+ var bodyStyle = {
251
+ paddingBottom: 0
252
+ };
246
253
  return _react2['default'].createElement(
247
254
  _card2['default'],
248
- { bordered: false },
255
+ { bordered: false, size: 'small', bodyStyle: bodyStyle },
249
256
  _react2['default'].createElement(
250
257
  'div',
251
258
  { style: { textAlign: 'center' } },
@@ -28,22 +28,22 @@ var _react = require('react');
28
28
 
29
29
  var _react2 = _interopRequireDefault(_react);
30
30
 
31
+ var _antd = require('antd');
32
+
31
33
  var _button = require('antd/lib/button');
32
34
 
33
35
  var _button2 = _interopRequireDefault(_button);
34
36
 
35
37
  require('antd/lib/upload/style');
36
38
 
39
+ var _dva = require('dva');
40
+
37
41
  var _popconfirm = require('antd/lib/popconfirm');
38
42
 
39
43
  var _popconfirm2 = _interopRequireDefault(_popconfirm);
40
44
 
41
45
  require('antd/lib/popconfirm/style');
42
46
 
43
- var _dva = require('dva');
44
-
45
- var _antd = require('antd');
46
-
47
47
  var _classnames = require('classnames');
48
48
 
49
49
  var _classnames2 = _interopRequireDefault(_classnames);
@@ -76,9 +76,8 @@ var Easy3wButtonOne = function (_Component) {
76
76
  }, _this.getOneBtnObj = function () {
77
77
  var _this$props = _this.props,
78
78
  func = _this$props.func,
79
- cName = _this$props.cName,
80
79
  loading = _this$props.loading,
81
- style = _this$props.style,
80
+ cName = _this$props.cName,
82
81
  typeProp = _this$props.typeProp,
83
82
  _onClick = _this$props.onClick,
84
83
  children = _this$props.children;
@@ -94,7 +93,6 @@ var Easy3wButtonOne = function (_Component) {
94
93
  return _this.onClickFunc(e, func || _onClick);
95
94
  },
96
95
  loading: loading,
97
- style: style,
98
96
  className: (0, _classnames2['default'])(['e3wFootBtn'])
99
97
  }, typeProps),
100
98
  cName || children
@@ -104,7 +102,6 @@ var Easy3wButtonOne = function (_Component) {
104
102
  func = _this$props2.func,
105
103
  cName = _this$props2.cName,
106
104
  confirmContent = _this$props2.confirmContent,
107
- style = _this$props2.style,
108
105
  typeProp = _this$props2.typeProp,
109
106
  onClick = _this$props2.onClick,
110
107
  children = _this$props2.children;
@@ -120,7 +117,7 @@ var Easy3wButtonOne = function (_Component) {
120
117
  } },
121
118
  _react2['default'].createElement(
122
119
  _button2['default'],
123
- (0, _extends3['default'])({}, typeProps, { className: (0, _classnames2['default'])(['btn', 'e3wFootBtn']), style: style }),
120
+ (0, _extends3['default'])({}, typeProps, { className: (0, _classnames2['default'])(['btn', 'e3wFormBtn']) }),
124
121
  cName || children
125
122
  )
126
123
  );
@@ -26,7 +26,7 @@ function Easy3wCaHandler(serverURL) {
26
26
  var host = url.substring(url.indexOf(':') + 1);
27
27
  var sender = getId();
28
28
  var receiver = sender + '_server';
29
- var urlSignatureSocket = 'ws:' + host + '/signatureSocket/' + sender;
29
+ var urlSignatureSocket = 'wss:' + host + '/signatureSocket/' + sender;
30
30
  var urlCASign = url + '/TWCA/signMessageNew.html?listenerno=' + receiver;
31
31
  var caIframe = document.getElementById('casigniframe');
32
32
  if (caIframe) {
@@ -46,14 +46,15 @@ var Easy3wCard = function (_Component) {
46
46
  return _react2['default'].createElement(
47
47
  _card2['default'],
48
48
  {
49
- title: _react2['default'].createElement(
49
+ title: label ? _react2['default'].createElement(
50
50
  'span',
51
51
  { className: (0, _classnames2['default'])(['e3wCardSpanCardTitle']) },
52
52
  _react2['default'].createElement('s', null),
53
53
  label
54
- ),
54
+ ) : '',
55
55
  bordered: false,
56
- className: (0, _classnames2['default'])(['e3wCardForm'])
56
+ className: (0, _classnames2['default'])(['e3wCardForm']),
57
+ size: 'small'
57
58
  },
58
59
  children
59
60
  );
@@ -0,0 +1,65 @@
1
+ 'use strict';
2
+
3
+ exports.__esModule = true;
4
+
5
+ var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
6
+
7
+ var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
8
+
9
+ var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
10
+
11
+ var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
12
+
13
+ var _inherits2 = require('babel-runtime/helpers/inherits');
14
+
15
+ var _inherits3 = _interopRequireDefault(_inherits2);
16
+
17
+ var _react = require('react');
18
+
19
+ var _react2 = _interopRequireDefault(_react);
20
+
21
+ var _rcViewer = require('@hanyk/rc-viewer');
22
+
23
+ var _rcViewer2 = _interopRequireDefault(_rcViewer);
24
+
25
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
26
+
27
+ var Easy3wRCView = function (_PureComponent) {
28
+ (0, _inherits3['default'])(Easy3wRCView, _PureComponent);
29
+
30
+ function Easy3wRCView() {
31
+ (0, _classCallCheck3['default'])(this, Easy3wRCView);
32
+ return (0, _possibleConstructorReturn3['default'])(this, _PureComponent.apply(this, arguments));
33
+ }
34
+
35
+ Easy3wRCView.prototype.componentDidUpdate = function componentDidUpdate() {
36
+ // eslint-disable-next-line react/no-string-refs
37
+ var viewer = this.refs.viewer.viewer;
38
+
39
+ viewer.show();
40
+ };
41
+
42
+ Easy3wRCView.prototype.render = function render() {
43
+ var _props = this.props,
44
+ imgUrl = _props.imgUrl,
45
+ hideModal = _props.hideModal;
46
+
47
+ return _react2['default'].createElement(
48
+ _rcViewer2['default'],
49
+ {
50
+ options: {
51
+ // 关闭时的回调
52
+ hide: hideModal
53
+ }
54
+ // eslint-disable-next-line react/no-string-refs
55
+ , ref: 'viewer'
56
+ },
57
+ _react2['default'].createElement('img', { style: { display: 'none' }, src: imgUrl, alt: '' })
58
+ );
59
+ };
60
+
61
+ return Easy3wRCView;
62
+ }(_react.PureComponent);
63
+
64
+ exports['default'] = Easy3wRCView;
65
+ module.exports = exports['default'];
@@ -2,10 +2,6 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
 
5
- var _extends2 = require('babel-runtime/helpers/extends');
6
-
7
- var _extends3 = _interopRequireDefault(_extends2);
8
-
9
5
  var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
10
6
 
11
7
  var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
@@ -36,9 +32,7 @@ var _reactImages = require('react-images');
36
32
 
37
33
  var _reactImages2 = _interopRequireDefault(_reactImages);
38
34
 
39
- var _reactZmage = require('react-zmage');
40
-
41
- var _reactZmage2 = _interopRequireDefault(_reactZmage);
35
+ var _comonConfig = require('comonConfigPath/comonConfig');
42
36
 
43
37
  var _Easy3wPDFView = require('./Easy3wPDFView');
44
38
 
@@ -48,9 +42,17 @@ var _Easy3wFileView = require('./Easy3wFileView');
48
42
 
49
43
  var _Easy3wFileView2 = _interopRequireDefault(_Easy3wFileView);
50
44
 
51
- var _Easy3wImgView = require('./Easy3wImgView');
45
+ var _Easy3wRCView = require('./Easy3wRCView');
46
+
47
+ var _Easy3wRCView2 = _interopRequireDefault(_Easy3wRCView);
48
+
49
+ var _Easy3wGetCookie = require('./../Easy3wGetCookie');
50
+
51
+ var _Easy3wGetCookie2 = _interopRequireDefault(_Easy3wGetCookie);
52
52
 
53
- var _Easy3wImgView2 = _interopRequireDefault(_Easy3wImgView);
53
+ var _Easy3wAESEncrypt = require('./../Easy3wAESEncrypt');
54
+
55
+ var _Easy3wAESEncrypt2 = _interopRequireDefault(_Easy3wAESEncrypt);
54
56
 
55
57
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
56
58
 
@@ -62,6 +64,19 @@ var Easy3wDownLoad = function (_Component) {
62
64
 
63
65
  var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
64
66
 
67
+ _this.urlDeal = function (urlDownloadFile, uid) {
68
+ var retUrl = '';
69
+ if (uid !== '' && _comonConfig.aFlag && (_comonConfig.aFlag === '1' || _comonConfig.aFlag === '2')) {
70
+ var authToken = (0, _Easy3wGetCookie2['default'])('userToken') || 'E3WSAFEAPPQWEFGHYI7I483S';
71
+ var nowStr = _.now();
72
+ var encUrl = (0, _Easy3wAESEncrypt2['default'])(uid + '@#' + nowStr + '@#' + authToken, _comonConfig.a, _comonConfig.b);
73
+ return '' + urlDownloadFile + encUrl;
74
+ } else {
75
+ retUrl = '' + urlDownloadFile + uid;
76
+ return retUrl;
77
+ }
78
+ };
79
+
65
80
  _this.showFileView = function (uid, name, apiKey, fileViewURL, fileCallURL) {
66
81
  var callURl = fileCallURL + '?fileId=' + uid;
67
82
  var crypto = require('crypto');
@@ -81,17 +96,21 @@ var Easy3wDownLoad = function (_Component) {
81
96
  _this.setState({ fileId: '', fileURL: '', fileName: '', fileViewFlag: false });
82
97
  };
83
98
 
84
- _this.hideImgModal = function () {
85
- _this.setState({ fileId: '', fileURL: '', fileName: '', imgVisible: false });
99
+ _this.showImageView = function (url) {
100
+ _this.setState({ imageViewURL: url });
101
+ };
102
+
103
+ _this.hideImageView = function () {
104
+ _this.setState({ imageViewURL: '' });
86
105
  };
87
106
 
88
107
  _this.state = {
89
108
  pdfViewFlag: false, // pdf预览
90
109
  fileViewFlag: false, // xls、xlsx、doc、docx等office文件预览
91
- imgVisible: false, // 图片预览
92
110
  fileId: '', // 文件id
93
111
  fileName: '', // 文件名称
94
- fileURL: '' // 文件url
112
+ fileURL: '', // 文件url
113
+ imageViewURL: '' // 图片预览url
95
114
  };
96
115
  return _this;
97
116
  }
@@ -114,7 +133,7 @@ var Easy3wDownLoad = function (_Component) {
114
133
  var uid = obj.uid,
115
134
  name = obj.name;
116
135
 
117
- var url = '' + urlDownloadFile + uid;
136
+ var url = _this2.urlDeal(urlDownloadFile, uid);
118
137
  var fileNameArr = name.toLowerCase().split('.');
119
138
  var fileType = fileNameArr[fileNameArr.length - 1];
120
139
  if (previwPdfFlag && fileType.indexOf('pdf') >= 0) {
@@ -148,7 +167,7 @@ var Easy3wDownLoad = function (_Component) {
148
167
  _react2['default'].createElement(
149
168
  'a',
150
169
  { onClick: function onClick() {
151
- return _reactZmage2['default'].browsing({ src: url, controller: { download: true } });
170
+ return _this2.showImageView(url);
152
171
  } },
153
172
  name
154
173
  )
@@ -185,33 +204,7 @@ var Easy3wDownLoad = function (_Component) {
185
204
  hideModal: this.hideFileModal,
186
205
  viewFileUrl: this.state.viewFileUrl
187
206
  });
188
- var viewImgObjbak = _react2['default'].createElement(_Easy3wImgView2['default'], {
189
- fileId: this.state.fileId,
190
- fileName: this.state.fileName,
191
- fileURL: this.state.fileURL,
192
- visible: this.state.imgVisible,
193
- hideModal: this.hideImgModal
194
- });
195
- var customStyles = {
196
- header: function header(base, state) {
197
- return (0, _extends3['default'])({}, base, {
198
- paddingTop: 42
199
- });
200
- }
201
- };
202
- var viewImgObj = _react2['default'].createElement(
203
- 'div',
204
- null,
205
- _react2['default'].createElement(
206
- _reactImages.ModalGateway,
207
- null,
208
- this.state.imgVisible ? _react2['default'].createElement(
209
- _reactImages.Modal,
210
- { allowFullscreen: true, onClose: this.hideImgModal },
211
- _react2['default'].createElement(_reactImages2['default'], { styles: customStyles, views: [{ src: this.state.fileURL }] })
212
- ) : null
213
- )
214
- );
207
+ var viewImgObj = _react2['default'].createElement(_Easy3wRCView2['default'], { imgUrl: this.state.imageViewURL, hideModal: this.hideImageView });
215
208
  return _react2['default'].createElement(
216
209
  'div',
217
210
  null,