easy3wui 1.5.85-beta.1 → 1.5.85-beta.2

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.
@@ -129,11 +129,11 @@ var _inputNumber2 = _interopRequireDefault(_inputNumber);
129
129
 
130
130
  require('antd/lib/input-number/style');
131
131
 
132
- var _mentions = require('antd/lib/mentions');
132
+ var _mention = require('antd/lib/mention');
133
133
 
134
- var _mentions2 = _interopRequireDefault(_mentions);
134
+ var _mention2 = _interopRequireDefault(_mention);
135
135
 
136
- require('antd/lib/mentions/style');
136
+ require('antd/lib/mention/style');
137
137
 
138
138
  var _rate = require('antd/lib/rate');
139
139
 
@@ -909,11 +909,6 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
909
909
  rules: [(0, _extends3['default'])({ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7' + strRMsg + label }, objValidator)].concat(addRules)
910
910
  });
911
911
  }
912
- if (fieldType === 'switch') {
913
- decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
914
- valuePropName: 'checked' // 关键:告诉 Form 取 checked 属性
915
- });
916
- }
917
912
  if (itemValue || itemValue === 0) {
918
913
  decoratorObj = (0, _extends3['default'])({}, decoratorObj, {
919
914
  initialValue: itemValue
@@ -2119,20 +2114,7 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
2119
2114
  }, _this.mentionHandler = function (item) {
2120
2115
  var cmptPros = item.cmptPros;
2121
2116
 
2122
- var _ref6 = cmptPros || {},
2123
- options = _ref6.options;
2124
-
2125
- return _react2['default'].createElement(
2126
- _mentions2['default'],
2127
- cmptPros,
2128
- options && options instanceof Array ? options.map(function (option) {
2129
- return option ? _react2['default'].createElement(
2130
- _mentions2['default'].Option,
2131
- { value: option },
2132
- option
2133
- ) : '';
2134
- }) : ''
2135
- );
2117
+ return _react2['default'].createElement(_mention2['default'], cmptPros);
2136
2118
  }, _this.rateHandler = function (item) {
2137
2119
  var cmptPros = item.cmptPros;
2138
2120
 
@@ -2212,11 +2194,7 @@ var Easy3wFormPagePC = exports.Easy3wFormPagePC = function (_Component) {
2212
2194
  }, _this.descHandler = function (item) {
2213
2195
  var value = item.value;
2214
2196
 
2215
- return _react2['default'].createElement(
2216
- 'span',
2217
- null,
2218
- value
2219
- );
2197
+ return value;
2220
2198
  }, _this.btnHandler = function (obj) {
2221
2199
  var func = obj.func,
2222
2200
  cName = obj.cName,
@@ -3017,18 +2995,18 @@ var Easy3wFormPageTightPC = exports.Easy3wFormPageTightPC = function (_Component
3017
2995
 
3018
2996
  var threeRowItemFlag = false;
3019
2997
  for (var _iterator2 = rowItems, _isArray2 = Array.isArray(_iterator2), _i3 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {
3020
- var _ref7;
2998
+ var _ref6;
3021
2999
 
3022
3000
  if (_isArray2) {
3023
3001
  if (_i3 >= _iterator2.length) break;
3024
- _ref7 = _iterator2[_i3++];
3002
+ _ref6 = _iterator2[_i3++];
3025
3003
  } else {
3026
3004
  _i3 = _iterator2.next();
3027
3005
  if (_i3.done) break;
3028
- _ref7 = _i3.value;
3006
+ _ref6 = _i3.value;
3029
3007
  }
3030
3008
 
3031
- var rItem = _ref7;
3009
+ var rItem = _ref6;
3032
3010
 
3033
3011
  if (rItem.cols.length === 3) {
3034
3012
  threeRowItemFlag = true;
@@ -3928,22 +3906,7 @@ var Easy3wFormPageTightPC = exports.Easy3wFormPageTightPC = function (_Component
3928
3906
  }, _this2.mentionHandler = function (item) {
3929
3907
  var cmptPros = item.cmptPros;
3930
3908
 
3931
- var _ref8 = cmptPros || {},
3932
- options = _ref8.options;
3933
-
3934
- return _react2['default'].createElement(
3935
- _mentions2['default'],
3936
- (0, _extends3['default'])({}, cmptPros, {
3937
- size: 'small'
3938
- }),
3939
- options && options instanceof Array ? options.map(function (option) {
3940
- return option ? _react2['default'].createElement(
3941
- _mentions2['default'].Option,
3942
- { value: option },
3943
- option
3944
- ) : '';
3945
- }) : ''
3946
- );
3909
+ return _react2['default'].createElement(_mention2['default'], (0, _extends3['default'])({}, cmptPros, { size: 'small' }));
3947
3910
  }, _this2.rateHandler = function (item) {
3948
3911
  var cmptPros = item.cmptPros;
3949
3912
 
@@ -0,0 +1,63 @@
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 _propTypes = require('prop-types');
22
+
23
+ var _propTypes2 = _interopRequireDefault(_propTypes);
24
+
25
+ var _skeleton = require('antd/lib/skeleton');
26
+
27
+ var _skeleton2 = _interopRequireDefault(_skeleton);
28
+
29
+ require('antd/lib/skeleton/style');
30
+
31
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
32
+
33
+ var Easy3wSkeleton = function (_Component) {
34
+ (0, _inherits3['default'])(Easy3wSkeleton, _Component);
35
+
36
+ function Easy3wSkeleton() {
37
+ (0, _classCallCheck3['default'])(this, Easy3wSkeleton);
38
+ return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
39
+ }
40
+
41
+ Easy3wSkeleton.prototype.render = function render() {
42
+ var _props = this.props,
43
+ loading = _props.loading,
44
+ children = _props.children;
45
+
46
+ return _react2['default'].createElement(
47
+ _skeleton2['default'],
48
+ {
49
+ loading: loading
50
+ },
51
+ children
52
+ );
53
+ };
54
+
55
+ return Easy3wSkeleton;
56
+ }(_react.Component);
57
+
58
+ Easy3wSkeleton.propTypes = {
59
+ loading: _propTypes2['default'].bool.isRequired, // 是否骨架屏
60
+ children: _propTypes2['default'].element.isRequired // 正文内容
61
+ };
62
+ exports['default'] = Easy3wSkeleton;
63
+ module.exports = exports['default'];
@@ -41,13 +41,14 @@ var Easy3wSpin = function (_Component) {
41
41
  Easy3wSpin.prototype.render = function render() {
42
42
  var _props = this.props,
43
43
  spinLoading = _props.spinLoading,
44
+ noStyle = _props.noStyle,
44
45
  children = _props.children;
45
46
 
46
47
  return _react2['default'].createElement(
47
48
  _spin2['default'],
48
49
  {
49
50
  spinning: spinLoading,
50
- style: {
51
+ style: noStyle ? {} : {
51
52
  position: 'fixed',
52
53
  left: '50%',
53
54
  top: '50%',
@@ -38,6 +38,10 @@ var _tree2 = _interopRequireDefault(_tree);
38
38
 
39
39
  require('antd/lib/tree/style');
40
40
 
41
+ var _Easy3wSpin = require('../Easy3wSpin');
42
+
43
+ var _Easy3wSpin2 = _interopRequireDefault(_Easy3wSpin);
44
+
41
45
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
42
46
 
43
47
  var Search = _input2['default'].Search;
@@ -117,12 +121,10 @@ var Easy3wTree = function (_Component) {
117
121
  arrDefaultExpandedKeys = _state.arrDefaultExpandedKeys,
118
122
  arrSearchExpandedKeys = _state.arrSearchExpandedKeys;
119
123
  var _props = this.props,
120
- _props$objTreeProps = _props.objTreeProps,
121
- objTreeProps = _props$objTreeProps === undefined ? {} : _props$objTreeProps,
122
- _props$objSearchProps = _props.objSearchProps,
123
- objSearchProps = _props$objSearchProps === undefined ? {} : _props$objSearchProps;
124
- var _objSearchProps$searc = objSearchProps.searchFlag,
125
- searchFlag = _objSearchProps$searc === undefined ? true : _objSearchProps$searc;
124
+ objTreeProps = _props.objTreeProps,
125
+ objSearchProps = _props.objSearchProps,
126
+ arrData = _props.arrData;
127
+ var searchFlag = objSearchProps.searchFlag;
126
128
 
127
129
  return _react2['default'].createElement(
128
130
  'div',
@@ -136,38 +138,57 @@ var Easy3wTree = function (_Component) {
136
138
  , ref: this.searchRef,
137
139
  className: (0, _classnames2['default'])('easy3wTreeSearch')
138
140
  }) : '',
139
- treevisible ? _react2['default'].createElement(
140
- _tree2['default'],
141
- (0, _extends3['default'])({
142
- defaultExpandedKeys: arrSearchExpandedKeys && arrSearchExpandedKeys.length > 0 ? arrSearchExpandedKeys : arrDefaultExpandedKeys // 树默认展开节点key Array
143
- , selectedKeys: selectedKeys // 选中节点key Array
144
- , showLine: true,
145
- showIcon: true
146
- // multiple 多选
147
- , onSelect: this.touchSelect
148
- }, objTreeProps),
149
- this.touchRenderTreeNodes(arrDataVisible)
150
- ) : ''
141
+ _react2['default'].createElement(
142
+ _Easy3wSpin2['default'],
143
+ {
144
+ spinLoading: !(arrData && arrData.length),
145
+ noStyle: true
146
+ },
147
+ treevisible ? _react2['default'].createElement(
148
+ _tree2['default'],
149
+ (0, _extends3['default'])({
150
+ defaultExpandedKeys: arrSearchExpandedKeys && arrSearchExpandedKeys.length > 0 ? arrSearchExpandedKeys : arrDefaultExpandedKeys // 树默认展开节点key Array
151
+ , selectedKeys: selectedKeys // 选中节点key Array
152
+ , showLine: true,
153
+ showIcon: true
154
+ // multiple 多选
155
+ , onSelect: this.touchSelect
156
+ }, objTreeProps),
157
+ this.touchRenderTreeNodes(arrDataVisible)
158
+ ) : ''
159
+ )
151
160
  );
152
161
  };
153
162
 
154
163
  return Easy3wTree;
155
164
  }(_react.Component);
156
165
 
166
+ Easy3wTree.defaultProps = {
167
+ objTreeProps: {
168
+ titleField: 'title',
169
+ countField: 'count',
170
+ keyField: 'key'
171
+ },
172
+ objSearchProps: {
173
+ searchFlag: true
174
+ }
175
+ };
176
+
157
177
  var _initialiseProps = function _initialiseProps() {
158
178
  var _this3 = this;
159
179
 
160
180
  this.componentDidUpdate = function (prevProps) {
181
+ var arrDefaultExpandedKeys = _this3.state.arrDefaultExpandedKeys;
161
182
  var _props2 = _this3.props,
162
183
  intUpdateCount = _props2.intUpdateCount,
163
184
  arrData = _props2.arrData;
164
185
 
165
186
  if (intUpdateCount !== prevProps.intUpdateCount) {
166
- var arrDefaultExpandedKeys = _this3.touchGetDEK(arrData);
187
+ var arrDEKeys = _this3.touchGetDEK(arrData);
167
188
  // eslint-disable-next-line react/no-did-update-set-state
168
189
  _this3.setState({
169
190
  arrDataVisible: arrData || [], // 树数据源-显示数据
170
- arrDefaultExpandedKeys: arrDefaultExpandedKeys, // 树默认展开节点
191
+ arrDefaultExpandedKeys: arrDefaultExpandedKeys && arrDefaultExpandedKeys.length ? arrDefaultExpandedKeys : arrDEKeys, // 树默认展开节点
171
192
  treevisible: false // 隐藏树
172
193
  }, function () {
173
194
  _this3.setState({
@@ -181,10 +202,8 @@ var _initialiseProps = function _initialiseProps() {
181
202
  var arrDefaultExpandedKeys = [];
182
203
  if (arrData && arrData.length > 0) {
183
204
  var item = arrData[0];
184
- var _props$objTreeProps2 = _this3.props.objTreeProps,
185
- objTreeProps = _props$objTreeProps2 === undefined ? {} : _props$objTreeProps2;
186
- var _objTreeProps$keyFiel = objTreeProps.keyField,
187
- keyField = _objTreeProps$keyFiel === undefined ? 'key' : _objTreeProps$keyFiel;
205
+ var objTreeProps = _this3.props.objTreeProps;
206
+ var keyField = objTreeProps.keyField;
188
207
 
189
208
  arrDefaultExpandedKeys = item[keyField] ? [item[keyField]] : [];
190
209
  }
@@ -241,12 +260,10 @@ var _initialiseProps = function _initialiseProps() {
241
260
  };
242
261
 
243
262
  this.touchFilterTreeData = function (arrAllData, searchValue, expandedKeys) {
244
- var _props$objTreeProps3 = _this3.props.objTreeProps,
245
- objTreeProps = _props$objTreeProps3 === undefined ? {} : _props$objTreeProps3;
246
- var _objTreeProps$titleFi = objTreeProps.titleField,
247
- titleField = _objTreeProps$titleFi === undefined ? 'title' : _objTreeProps$titleFi,
248
- _objTreeProps$keyFiel2 = objTreeProps.keyField,
249
- keyField = _objTreeProps$keyFiel2 === undefined ? 'key' : _objTreeProps$keyFiel2;
263
+ var _props$objTreeProps = _this3.props.objTreeProps,
264
+ objTreeProps = _props$objTreeProps === undefined ? {} : _props$objTreeProps;
265
+ var titleField = objTreeProps.titleField,
266
+ keyField = objTreeProps.keyField;
250
267
 
251
268
  var filteredData = arrAllData.map(function (item) {
252
269
  // 递归过滤子节点
@@ -266,8 +283,8 @@ var _initialiseProps = function _initialiseProps() {
266
283
  };
267
284
 
268
285
  this.touchSelect = function (selectedKeys, info) {
269
- var _props$objTreeProps4 = _this3.props.objTreeProps,
270
- objTreeProps = _props$objTreeProps4 === undefined ? {} : _props$objTreeProps4;
286
+ var _props$objTreeProps2 = _this3.props.objTreeProps,
287
+ objTreeProps = _props$objTreeProps2 === undefined ? {} : _props$objTreeProps2;
271
288
  var onSelectCallback = objTreeProps.onSelectCallback;
272
289
 
273
290
  if (onSelectCallback && typeof onSelectCallback === 'function') {
@@ -279,15 +296,12 @@ var _initialiseProps = function _initialiseProps() {
279
296
  };
280
297
 
281
298
  this.touchRenderTreeNodes = function (arrDataVisible) {
282
- var _props$objTreeProps5 = _this3.props.objTreeProps,
283
- objTreeProps = _props$objTreeProps5 === undefined ? {} : _props$objTreeProps5;
299
+ var _props$objTreeProps3 = _this3.props.objTreeProps,
300
+ objTreeProps = _props$objTreeProps3 === undefined ? {} : _props$objTreeProps3;
284
301
  var touchRenderNode = objTreeProps.touchRenderNode,
285
- _objTreeProps$titleFi2 = objTreeProps.titleField,
286
- titleField = _objTreeProps$titleFi2 === undefined ? 'title' : _objTreeProps$titleFi2,
287
- _objTreeProps$countFi = objTreeProps.countField,
288
- countField = _objTreeProps$countFi === undefined ? 'count' : _objTreeProps$countFi,
289
- _objTreeProps$keyFiel3 = objTreeProps.keyField,
290
- keyField = _objTreeProps$keyFiel3 === undefined ? 'key' : _objTreeProps$keyFiel3;
302
+ titleField = objTreeProps.titleField,
303
+ countField = objTreeProps.countField,
304
+ keyField = objTreeProps.keyField;
291
305
 
292
306
  return arrDataVisible.map(function (item) {
293
307
  var children = item.children;
@@ -420,7 +420,8 @@ var Easy3wUpload = function (_Component) {
420
420
  urlDownloadFile: urlDownloadFile,
421
421
  downloadArr: initialValue,
422
422
  propsAFlag: propsAFlag,
423
- fileViewFlag: fileViewFlag
423
+ fileViewFlag: fileViewFlag,
424
+ objPreviewFile: objPreviewFileNew
424
425
  })),
425
426
  extendBackShowFlag ? extendBack : ''
426
427
  ) : _react2['default'].createElement(
@@ -402,7 +402,8 @@ var BigFileUpload = function (_Component) {
402
402
  urlDownloadFile: urlDownloadFile,
403
403
  downloadArr: initialValue,
404
404
  propsAFlag: propsAFlag,
405
- fileViewFlag: fileViewFlag
405
+ fileViewFlag: fileViewFlag,
406
+ objPreviewFile: objPreviewFileNew
406
407
  }))
407
408
  ) : _react2['default'].createElement(
408
409
  _form2['default'].Item,
@@ -446,7 +446,8 @@ var Easy3wUploadM = function (_Component) {
446
446
  urlDownloadFile: urlDownloadFile,
447
447
  downloadArr: initialValue,
448
448
  propsAFlag: propsAFlag,
449
- fileViewFlag: fileViewFlag
449
+ fileViewFlag: fileViewFlag,
450
+ objPreviewFile: objPreviewFileNew
450
451
  })),
451
452
  extendBackShowFlag ? extendBack : ''
452
453
  ) : _react2['default'].createElement(
package/lib/index.js CHANGED
@@ -20,6 +20,15 @@ Object.defineProperty(exports, 'Easy3wSpin', {
20
20
  }
21
21
  });
22
22
 
23
+ var _Easy3wSkeleton = require('./Easy3wSkeleton');
24
+
25
+ Object.defineProperty(exports, 'Easy3wSkeleton', {
26
+ enumerable: true,
27
+ get: function get() {
28
+ return _interopRequireDefault(_Easy3wSkeleton)['default'];
29
+ }
30
+ });
31
+
23
32
  var _Easy3wA = require('./Easy3wA');
24
33
 
25
34
  Object.defineProperty(exports, 'Easy3wA', {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "easy3wui",
3
- "version": "1.5.85-beta.1",
3
+ "version": "1.5.85-beta.2",
4
4
  "description": "easy3wui components for react",
5
5
  "keywords": [
6
6
  "react",