easy3wui 1.4.41 → 1.4.92

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 +38 -61
  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 +103 -45
  40. package/lib/Easy3wUploadB/index.js +101 -50
  41. package/lib/Easy3wUploadM/index.js +84 -39
  42. package/lib/index.js +6 -123
  43. package/package.json +4 -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 _rcViewer = require('@hanyk/rc-viewer');
40
-
41
- var _rcViewer2 = _interopRequireDefault(_rcViewer);
35
+ var _comonConfig = require('comonConfigPath/comonConfig');
42
36
 
43
37
  var _Easy3wPDFView = require('./Easy3wPDFView');
44
38
 
@@ -48,10 +42,19 @@ var _Easy3wFileView = require('./Easy3wFileView');
48
42
 
49
43
  var _Easy3wFileView2 = _interopRequireDefault(_Easy3wFileView);
50
44
 
51
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
45
+ var _Easy3wRCView = require('./Easy3wRCView');
46
+
47
+ var _Easy3wRCView2 = _interopRequireDefault(_Easy3wRCView);
48
+
49
+ var _Easy3wGetCookie = require('./../Easy3wGetCookie');
52
50
 
53
- // import Easy3wImgView from './Easy3wImgView';
51
+ var _Easy3wGetCookie2 = _interopRequireDefault(_Easy3wGetCookie);
54
52
 
53
+ var _Easy3wAESEncrypt = require('./../Easy3wAESEncrypt');
54
+
55
+ var _Easy3wAESEncrypt2 = _interopRequireDefault(_Easy3wAESEncrypt);
56
+
57
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
55
58
 
56
59
  var Easy3wDownLoad = function (_Component) {
57
60
  (0, _inherits3['default'])(Easy3wDownLoad, _Component);
@@ -61,6 +64,19 @@ var Easy3wDownLoad = function (_Component) {
61
64
 
62
65
  var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
63
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
+
64
80
  _this.showFileView = function (uid, name, apiKey, fileViewURL, fileCallURL) {
65
81
  var callURl = fileCallURL + '?fileId=' + uid;
66
82
  var crypto = require('crypto');
@@ -80,17 +96,21 @@ var Easy3wDownLoad = function (_Component) {
80
96
  _this.setState({ fileId: '', fileURL: '', fileName: '', fileViewFlag: false });
81
97
  };
82
98
 
83
- _this.hideImgModal = function () {
84
- _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: '' });
85
105
  };
86
106
 
87
107
  _this.state = {
88
108
  pdfViewFlag: false, // pdf预览
89
109
  fileViewFlag: false, // xls、xlsx、doc、docx等office文件预览
90
- imgVisible: false, // 图片预览
91
110
  fileId: '', // 文件id
92
111
  fileName: '', // 文件名称
93
- fileURL: '' // 文件url
112
+ fileURL: '', // 文件url
113
+ imageViewURL: '' // 图片预览url
94
114
  };
95
115
  return _this;
96
116
  }
@@ -113,7 +133,7 @@ var Easy3wDownLoad = function (_Component) {
113
133
  var uid = obj.uid,
114
134
  name = obj.name;
115
135
 
116
- var _url = '' + urlDownloadFile + uid;
136
+ var url = _this2.urlDeal(urlDownloadFile, uid);
117
137
  var fileNameArr = name.toLowerCase().split('.');
118
138
  var fileType = fileNameArr[fileNameArr.length - 1];
119
139
  if (previwPdfFlag && fileType.indexOf('pdf') >= 0) {
@@ -123,7 +143,7 @@ var Easy3wDownLoad = function (_Component) {
123
143
  _react2['default'].createElement(
124
144
  'a',
125
145
  { onClick: function onClick() {
126
- return _this2.setState({ pdfViewFlag: true, fileId: uid, fileURL: _url, fileName: name });
146
+ return _this2.setState({ pdfViewFlag: true, fileId: uid, fileURL: url, fileName: name });
127
147
  } },
128
148
  name
129
149
  )
@@ -144,23 +164,10 @@ var Easy3wDownLoad = function (_Component) {
144
164
  return _react2['default'].createElement(
145
165
  'div',
146
166
  null,
147
- _react2['default'].createElement(
148
- _rcViewer2['default'],
149
- {
150
- options: {
151
- url: function url() {
152
- // console.log(image);
153
- return _url;
154
- }
155
- },
156
- ref: _url
157
- },
158
- _react2['default'].createElement('img', { src: _url, style: { display: 'none' } })
159
- ),
160
167
  _react2['default'].createElement(
161
168
  'a',
162
169
  { onClick: function onClick() {
163
- return _this2.refs[_url].viewer.show();
170
+ return _this2.showImageView(url);
164
171
  } },
165
172
  name
166
173
  )
@@ -174,7 +181,7 @@ var Easy3wDownLoad = function (_Component) {
174
181
  { placement: 'topLeft', title: name, style: { whiteSpace: 'pre-wrap', wordWrap: 'break-word' } },
175
182
  _react2['default'].createElement(
176
183
  'a',
177
- { href: _url },
184
+ { href: url },
178
185
  name
179
186
  )
180
187
  )
@@ -197,35 +204,7 @@ var Easy3wDownLoad = function (_Component) {
197
204
  hideModal: this.hideFileModal,
198
205
  viewFileUrl: this.state.viewFileUrl
199
206
  });
200
- // const viewImgObjbak = (
201
- // <Easy3wImgView
202
- // fileId={this.state.fileId}
203
- // fileName={this.state.fileName}
204
- // fileURL={this.state.fileURL}
205
- // visible={this.state.imgVisible}
206
- // hideModal={this.hideImgModal}
207
- // />
208
- // );
209
- var customStyles = {
210
- header: function header(base) {
211
- return (0, _extends3['default'])({}, base, {
212
- paddingTop: 42
213
- });
214
- }
215
- };
216
- var viewImgObj = _react2['default'].createElement(
217
- 'div',
218
- null,
219
- _react2['default'].createElement(
220
- _reactImages.ModalGateway,
221
- null,
222
- this.state.imgVisible ? _react2['default'].createElement(
223
- _reactImages.Modal,
224
- { allowFullscreen: true, onClose: this.hideImgModal },
225
- _react2['default'].createElement(_reactImages2['default'], { styles: customStyles, views: [{ src: this.state.fileURL }] })
226
- ) : null
227
- )
228
- );
207
+ var viewImgObj = _react2['default'].createElement(_Easy3wRCView2['default'], { imgUrl: this.state.imageViewURL, hideModal: this.hideImageView });
229
208
  return _react2['default'].createElement(
230
209
  'div',
231
210
  null,
@@ -238,8 +217,6 @@ var Easy3wDownLoad = function (_Component) {
238
217
 
239
218
  return Easy3wDownLoad;
240
219
  }(_react.Component);
241
- // import Zmage from 'react-zmage';
242
-
243
220
 
244
221
  Easy3wDownLoad.propTypes = {
245
222
  urlDownloadFile: _propTypes2['default'].string