easy3wui 1.5.70-beta9 → 1.5.71
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.
- package/assets/formPage.css +10 -18
- package/assets/gridPage.css +7 -14
- package/assets/index.css +17 -36
- package/lib/Easy3wDownLoad/index.js +3 -7
- package/lib/Easy3wFormPage/index.js +31 -260
- package/lib/Easy3wGridPage/index.js +6 -27
- package/lib/Easy3wModal/index.js +103 -57
- package/lib/Easy3wUpload/index.js +2 -9
- package/lib/Easy3wUpload copy/index.js +511 -0
- package/lib/Easy3wUploadB/index.js +2 -9
- package/lib/Easy3wUploadB copy/index copy 2.js +1011 -0
- package/lib/Easy3wUploadB copy/index copy.js +1020 -0
- package/lib/Easy3wUploadB copy/index.js +1056 -0
- package/lib/Easy3wUploadM/index.js +2 -9
- package/lib/Easy3wUploadM copy/index.js +513 -0
- package/lib/index.js +0 -63
- package/package.json +1 -1
- package/assets/tree.css +0 -4
- package/lib/Easy3wCol/index.js +0 -53
- package/lib/Easy3wGridInputAmount/index.js +0 -93
- package/lib/Easy3wGridInputDigit/index.js +0 -83
- package/lib/Easy3wGridInputEmail/index.js +0 -73
- package/lib/Easy3wRow/index.js +0 -53
- package/lib/Easy3wTree/index.js +0 -318
- package/lib/Easy3wUIConfig/index.js +0 -30
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
|
|
5
|
-
var _extends2 = require('babel-runtime/helpers/extends');
|
|
6
|
-
|
|
7
|
-
var _extends3 = _interopRequireDefault(_extends2);
|
|
8
|
-
|
|
9
|
-
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
|
10
|
-
|
|
11
|
-
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
12
|
-
|
|
13
|
-
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
|
14
|
-
|
|
15
|
-
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
16
|
-
|
|
17
|
-
var _inherits2 = require('babel-runtime/helpers/inherits');
|
|
18
|
-
|
|
19
|
-
var _inherits3 = _interopRequireDefault(_inherits2);
|
|
20
|
-
|
|
21
|
-
var _react = require('react');
|
|
22
|
-
|
|
23
|
-
var _react2 = _interopRequireDefault(_react);
|
|
24
|
-
|
|
25
|
-
var _form = require('antd/lib/form');
|
|
26
|
-
|
|
27
|
-
var _form2 = _interopRequireDefault(_form);
|
|
28
|
-
|
|
29
|
-
require('antd/lib/form/style');
|
|
30
|
-
|
|
31
|
-
var _inputNumber = require('antd/lib/input-number');
|
|
32
|
-
|
|
33
|
-
var _inputNumber2 = _interopRequireDefault(_inputNumber);
|
|
34
|
-
|
|
35
|
-
require('antd/lib/input-number/style');
|
|
36
|
-
|
|
37
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
38
|
-
|
|
39
|
-
var Easy3wGridInputAmount = function (_Component) {
|
|
40
|
-
(0, _inherits3['default'])(Easy3wGridInputAmount, _Component);
|
|
41
|
-
|
|
42
|
-
function Easy3wGridInputAmount() {
|
|
43
|
-
(0, _classCallCheck3['default'])(this, Easy3wGridInputAmount);
|
|
44
|
-
return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
Easy3wGridInputAmount.prototype.render = function render() {
|
|
48
|
-
var _props = this.props,
|
|
49
|
-
fieldId = _props.fieldId,
|
|
50
|
-
value = _props.value,
|
|
51
|
-
form = _props.form,
|
|
52
|
-
cmptPros = _props.cmptPros,
|
|
53
|
-
required = _props.required,
|
|
54
|
-
requiredMessage = _props.requiredMessage,
|
|
55
|
-
label = _props.label,
|
|
56
|
-
pattern = _props.pattern,
|
|
57
|
-
patternMessage = _props.patternMessage;
|
|
58
|
-
var getFieldDecorator = form.getFieldDecorator;
|
|
59
|
-
|
|
60
|
-
var rulesArr = [];
|
|
61
|
-
var requiredRule = { required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label };
|
|
62
|
-
var patternRule = { pattern: pattern, message: patternMessage };
|
|
63
|
-
rulesArr.push(requiredRule);
|
|
64
|
-
if (pattern) {
|
|
65
|
-
rulesArr.push(patternRule);
|
|
66
|
-
}
|
|
67
|
-
return _react2['default'].createElement(
|
|
68
|
-
_form2['default'].Item,
|
|
69
|
-
{ style: { marginBottom: 0 } },
|
|
70
|
-
getFieldDecorator(fieldId, {
|
|
71
|
-
// trigger: 'onBlur',
|
|
72
|
-
// valuePropName: 'defaultValue',
|
|
73
|
-
rules: rulesArr,
|
|
74
|
-
initialValue: value
|
|
75
|
-
})(_react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({
|
|
76
|
-
formatter: function formatter(val) {
|
|
77
|
-
return ('' + val).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
|
|
78
|
-
},
|
|
79
|
-
parser: function parser(val) {
|
|
80
|
-
return val.replace(/\$\s?|(,*)/g, '');
|
|
81
|
-
},
|
|
82
|
-
precision: 2
|
|
83
|
-
}, cmptPros, {
|
|
84
|
-
style: { minWidth: 80, width: '100%' }
|
|
85
|
-
})))
|
|
86
|
-
);
|
|
87
|
-
};
|
|
88
|
-
|
|
89
|
-
return Easy3wGridInputAmount;
|
|
90
|
-
}(_react.Component);
|
|
91
|
-
|
|
92
|
-
exports['default'] = Easy3wGridInputAmount;
|
|
93
|
-
module.exports = exports['default'];
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
|
|
5
|
-
var _extends2 = require('babel-runtime/helpers/extends');
|
|
6
|
-
|
|
7
|
-
var _extends3 = _interopRequireDefault(_extends2);
|
|
8
|
-
|
|
9
|
-
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
|
10
|
-
|
|
11
|
-
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
12
|
-
|
|
13
|
-
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
|
14
|
-
|
|
15
|
-
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
16
|
-
|
|
17
|
-
var _inherits2 = require('babel-runtime/helpers/inherits');
|
|
18
|
-
|
|
19
|
-
var _inherits3 = _interopRequireDefault(_inherits2);
|
|
20
|
-
|
|
21
|
-
var _react = require('react');
|
|
22
|
-
|
|
23
|
-
var _react2 = _interopRequireDefault(_react);
|
|
24
|
-
|
|
25
|
-
var _form = require('antd/lib/form');
|
|
26
|
-
|
|
27
|
-
var _form2 = _interopRequireDefault(_form);
|
|
28
|
-
|
|
29
|
-
require('antd/lib/form/style');
|
|
30
|
-
|
|
31
|
-
var _inputNumber = require('antd/lib/input-number');
|
|
32
|
-
|
|
33
|
-
var _inputNumber2 = _interopRequireDefault(_inputNumber);
|
|
34
|
-
|
|
35
|
-
require('antd/lib/input-number/style');
|
|
36
|
-
|
|
37
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
38
|
-
|
|
39
|
-
var Easy3wGridInputDigit = function (_Component) {
|
|
40
|
-
(0, _inherits3['default'])(Easy3wGridInputDigit, _Component);
|
|
41
|
-
|
|
42
|
-
function Easy3wGridInputDigit() {
|
|
43
|
-
(0, _classCallCheck3['default'])(this, Easy3wGridInputDigit);
|
|
44
|
-
return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
Easy3wGridInputDigit.prototype.render = function render() {
|
|
48
|
-
var _props = this.props,
|
|
49
|
-
fieldId = _props.fieldId,
|
|
50
|
-
value = _props.value,
|
|
51
|
-
form = _props.form,
|
|
52
|
-
cmptPros = _props.cmptPros,
|
|
53
|
-
required = _props.required,
|
|
54
|
-
requiredMessage = _props.requiredMessage,
|
|
55
|
-
label = _props.label,
|
|
56
|
-
pattern = _props.pattern,
|
|
57
|
-
patternMessage = _props.patternMessage;
|
|
58
|
-
var getFieldDecorator = form.getFieldDecorator;
|
|
59
|
-
|
|
60
|
-
var rulesArr = [];
|
|
61
|
-
var requiredRule = { required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label };
|
|
62
|
-
var patternRule = { pattern: pattern, message: patternMessage };
|
|
63
|
-
rulesArr.push(requiredRule);
|
|
64
|
-
if (pattern) {
|
|
65
|
-
rulesArr.push(patternRule);
|
|
66
|
-
}
|
|
67
|
-
return _react2['default'].createElement(
|
|
68
|
-
_form2['default'].Item,
|
|
69
|
-
{ style: { marginBottom: 0 } },
|
|
70
|
-
getFieldDecorator(fieldId, {
|
|
71
|
-
// trigger: 'onBlur',
|
|
72
|
-
// valuePropName: 'defaultValue',
|
|
73
|
-
rules: rulesArr,
|
|
74
|
-
initialValue: value
|
|
75
|
-
})(_react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({ precision: 2 }, cmptPros, { style: { minWidth: 80, width: '100%' } })))
|
|
76
|
-
);
|
|
77
|
-
};
|
|
78
|
-
|
|
79
|
-
return Easy3wGridInputDigit;
|
|
80
|
-
}(_react.Component);
|
|
81
|
-
|
|
82
|
-
exports['default'] = Easy3wGridInputDigit;
|
|
83
|
-
module.exports = exports['default'];
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
|
|
5
|
-
var _extends2 = require('babel-runtime/helpers/extends');
|
|
6
|
-
|
|
7
|
-
var _extends3 = _interopRequireDefault(_extends2);
|
|
8
|
-
|
|
9
|
-
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
|
10
|
-
|
|
11
|
-
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
12
|
-
|
|
13
|
-
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
|
14
|
-
|
|
15
|
-
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
16
|
-
|
|
17
|
-
var _inherits2 = require('babel-runtime/helpers/inherits');
|
|
18
|
-
|
|
19
|
-
var _inherits3 = _interopRequireDefault(_inherits2);
|
|
20
|
-
|
|
21
|
-
var _react = require('react');
|
|
22
|
-
|
|
23
|
-
var _react2 = _interopRequireDefault(_react);
|
|
24
|
-
|
|
25
|
-
var _form = require('antd/lib/form');
|
|
26
|
-
|
|
27
|
-
var _form2 = _interopRequireDefault(_form);
|
|
28
|
-
|
|
29
|
-
require('antd/lib/form/style');
|
|
30
|
-
|
|
31
|
-
var _input = require('antd/lib/input');
|
|
32
|
-
|
|
33
|
-
var _input2 = _interopRequireDefault(_input);
|
|
34
|
-
|
|
35
|
-
require('antd/lib/input/style');
|
|
36
|
-
|
|
37
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
38
|
-
|
|
39
|
-
var Easy3wGridInputEmail = function (_Component) {
|
|
40
|
-
(0, _inherits3['default'])(Easy3wGridInputEmail, _Component);
|
|
41
|
-
|
|
42
|
-
function Easy3wGridInputEmail() {
|
|
43
|
-
(0, _classCallCheck3['default'])(this, Easy3wGridInputEmail);
|
|
44
|
-
return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
Easy3wGridInputEmail.prototype.render = function render() {
|
|
48
|
-
var _props = this.props,
|
|
49
|
-
fieldId = _props.fieldId,
|
|
50
|
-
value = _props.value,
|
|
51
|
-
form = _props.form,
|
|
52
|
-
cmptPros = _props.cmptPros,
|
|
53
|
-
required = _props.required,
|
|
54
|
-
requiredMessage = _props.requiredMessage,
|
|
55
|
-
label = _props.label;
|
|
56
|
-
var getFieldDecorator = form.getFieldDecorator;
|
|
57
|
-
|
|
58
|
-
var rules = [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }, { pattern: 'email', message: '邮箱地址格式错误!' }];
|
|
59
|
-
return _react2['default'].createElement(
|
|
60
|
-
_form2['default'].Item,
|
|
61
|
-
{ style: { marginBottom: 0 } },
|
|
62
|
-
getFieldDecorator(fieldId, {
|
|
63
|
-
rules: rules,
|
|
64
|
-
initialValue: value
|
|
65
|
-
})(_react2['default'].createElement(_input2['default'], (0, _extends3['default'])({}, cmptPros, { style: { minWidth: 80 } })))
|
|
66
|
-
);
|
|
67
|
-
};
|
|
68
|
-
|
|
69
|
-
return Easy3wGridInputEmail;
|
|
70
|
-
}(_react.Component);
|
|
71
|
-
|
|
72
|
-
exports['default'] = Easy3wGridInputEmail;
|
|
73
|
-
module.exports = exports['default'];
|
package/lib/Easy3wRow/index.js
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
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 _row = require('antd/lib/row');
|
|
22
|
-
|
|
23
|
-
var _row2 = _interopRequireDefault(_row);
|
|
24
|
-
|
|
25
|
-
require('antd/lib/row/style');
|
|
26
|
-
|
|
27
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
28
|
-
|
|
29
|
-
var Easy3wRow = function (_Component) {
|
|
30
|
-
(0, _inherits3['default'])(Easy3wRow, _Component);
|
|
31
|
-
|
|
32
|
-
function Easy3wRow() {
|
|
33
|
-
(0, _classCallCheck3['default'])(this, Easy3wRow);
|
|
34
|
-
return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
Easy3wRow.prototype.render = function render() {
|
|
38
|
-
var _props = this.props,
|
|
39
|
-
objRowProps = _props.objRowProps,
|
|
40
|
-
children = _props.children;
|
|
41
|
-
|
|
42
|
-
return _react2['default'].createElement(
|
|
43
|
-
_row2['default'],
|
|
44
|
-
objRowProps,
|
|
45
|
-
children
|
|
46
|
-
);
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
return Easy3wRow;
|
|
50
|
-
}(_react.Component);
|
|
51
|
-
|
|
52
|
-
exports['default'] = Easy3wRow;
|
|
53
|
-
module.exports = exports['default'];
|
package/lib/Easy3wTree/index.js
DELETED
|
@@ -1,318 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
|
|
5
|
-
var _extends2 = require('babel-runtime/helpers/extends');
|
|
6
|
-
|
|
7
|
-
var _extends3 = _interopRequireDefault(_extends2);
|
|
8
|
-
|
|
9
|
-
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
|
10
|
-
|
|
11
|
-
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
|
12
|
-
|
|
13
|
-
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
|
14
|
-
|
|
15
|
-
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
|
16
|
-
|
|
17
|
-
var _inherits2 = require('babel-runtime/helpers/inherits');
|
|
18
|
-
|
|
19
|
-
var _inherits3 = _interopRequireDefault(_inherits2);
|
|
20
|
-
|
|
21
|
-
var _react = require('react');
|
|
22
|
-
|
|
23
|
-
var _react2 = _interopRequireDefault(_react);
|
|
24
|
-
|
|
25
|
-
var _classnames = require('classnames');
|
|
26
|
-
|
|
27
|
-
var _classnames2 = _interopRequireDefault(_classnames);
|
|
28
|
-
|
|
29
|
-
var _input = require('antd/lib/input');
|
|
30
|
-
|
|
31
|
-
var _input2 = _interopRequireDefault(_input);
|
|
32
|
-
|
|
33
|
-
require('antd/lib/input/style');
|
|
34
|
-
|
|
35
|
-
var _tree = require('antd/lib/tree');
|
|
36
|
-
|
|
37
|
-
var _tree2 = _interopRequireDefault(_tree);
|
|
38
|
-
|
|
39
|
-
require('antd/lib/tree/style');
|
|
40
|
-
|
|
41
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
42
|
-
|
|
43
|
-
var Search = _input2['default'].Search;
|
|
44
|
-
var TreeNode = _tree2['default'].TreeNode;
|
|
45
|
-
|
|
46
|
-
/**
|
|
47
|
-
* props参数
|
|
48
|
-
* arrData: 树数据源 必须 Array
|
|
49
|
-
* objTreeProps: 树配置参数 非必须 Object
|
|
50
|
-
* 另加属性:touchRenderNode, titleField = 'title', countField = 'count', keyField = 'key'
|
|
51
|
-
* touchRenderNode: 自定义渲染节点 非必须 Function 返回值:{ title, count, key, isLeaf, expanded, selected, loading }
|
|
52
|
-
* titleField: 节点标题字段 非必须 String 默认值:'title'
|
|
53
|
-
* countField: 节点计数字段 非必须 String 默认值:'count'
|
|
54
|
-
* keyField: 节点key字段 非必须 String 默认值:'key'
|
|
55
|
-
* objSearchProps: 搜索配置参数 非必须 Object
|
|
56
|
-
* 另加属性:searchFlag = true, onSearchCallback
|
|
57
|
-
* searchFlag: 是否开启搜索功能 非必须 Boolean 默认值:true
|
|
58
|
-
* onSearchCallback: 搜索回调函数 非必须 Function 返回值:(arrDataVisible, searchValue, expandedKeys)
|
|
59
|
-
* bidPureComponent: 绑定组件方法 非必须 Function
|
|
60
|
-
* intUpdateCount: 数据更新次数 必须 Number
|
|
61
|
-
*/
|
|
62
|
-
|
|
63
|
-
var Easy3wTree = function (_Component) {
|
|
64
|
-
(0, _inherits3['default'])(Easy3wTree, _Component);
|
|
65
|
-
|
|
66
|
-
function Easy3wTree(props) {
|
|
67
|
-
(0, _classCallCheck3['default'])(this, Easy3wTree);
|
|
68
|
-
|
|
69
|
-
var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
|
|
70
|
-
|
|
71
|
-
_initialiseProps.call(_this);
|
|
72
|
-
|
|
73
|
-
var arrData = props.arrData,
|
|
74
|
-
bidPureComponent = props.bidPureComponent;
|
|
75
|
-
|
|
76
|
-
if (bidPureComponent && typeof bidPureComponent === 'function') {
|
|
77
|
-
bidPureComponent(_this);
|
|
78
|
-
}
|
|
79
|
-
var arrDefaultExpandedKeys = _this.touchGetDEK(arrData);
|
|
80
|
-
_this.searchRef = _react2['default'].createRef();
|
|
81
|
-
_this.state = {
|
|
82
|
-
// 两数量值,用于彻底更新树,树数据更新,重新渲染,使defaultExpandedKeys生效
|
|
83
|
-
treevisible: true, // 显示树
|
|
84
|
-
arrDefaultExpandedKeys: arrDefaultExpandedKeys, // 树默认展开节点
|
|
85
|
-
arrSearchExpandedKeys: [], // 查询时,树默认展开节点
|
|
86
|
-
arrDataVisible: arrData || [], // 树数据源-显示数据
|
|
87
|
-
selectedKeys: [] // 选中节点key
|
|
88
|
-
};
|
|
89
|
-
return _this;
|
|
90
|
-
}
|
|
91
|
-
// 获取默认展开节点
|
|
92
|
-
|
|
93
|
-
// 更新state
|
|
94
|
-
|
|
95
|
-
// #region 树查询
|
|
96
|
-
// 清空输入框
|
|
97
|
-
|
|
98
|
-
// 获取输入框
|
|
99
|
-
|
|
100
|
-
// 树搜索
|
|
101
|
-
|
|
102
|
-
// 递归过滤树结构,并设置展开节点的 keys
|
|
103
|
-
|
|
104
|
-
// #endregion
|
|
105
|
-
// 节点点击事件
|
|
106
|
-
|
|
107
|
-
// 处理树组织
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
Easy3wTree.prototype.render = function render() {
|
|
111
|
-
var _this2 = this;
|
|
112
|
-
|
|
113
|
-
var _state = this.state,
|
|
114
|
-
arrDataVisible = _state.arrDataVisible,
|
|
115
|
-
selectedKeys = _state.selectedKeys,
|
|
116
|
-
treevisible = _state.treevisible,
|
|
117
|
-
arrDefaultExpandedKeys = _state.arrDefaultExpandedKeys,
|
|
118
|
-
arrSearchExpandedKeys = _state.arrSearchExpandedKeys;
|
|
119
|
-
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;
|
|
126
|
-
|
|
127
|
-
return _react2['default'].createElement(
|
|
128
|
-
'div',
|
|
129
|
-
{ className: (0, _classnames2['default'])('easy3wTree') },
|
|
130
|
-
searchFlag ? _react2['default'].createElement(Search, {
|
|
131
|
-
placeholder: '\u8BF7\u8F93\u5165\u67E5\u8BE2\u5185\u5BB9',
|
|
132
|
-
onChange: function onChange(e) {
|
|
133
|
-
return _this2.touchSearch(e.target.value);
|
|
134
|
-
}
|
|
135
|
-
// style={{ width: 'calc(100% - 12px)', margin: '0 6px' }}
|
|
136
|
-
, ref: this.searchRef,
|
|
137
|
-
className: (0, _classnames2['default'])('easy3wTreeSearch')
|
|
138
|
-
}) : '',
|
|
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
|
-
) : ''
|
|
151
|
-
);
|
|
152
|
-
};
|
|
153
|
-
|
|
154
|
-
return Easy3wTree;
|
|
155
|
-
}(_react.Component);
|
|
156
|
-
|
|
157
|
-
var _initialiseProps = function _initialiseProps() {
|
|
158
|
-
var _this3 = this;
|
|
159
|
-
|
|
160
|
-
this.componentDidUpdate = function (prevProps) {
|
|
161
|
-
var _props2 = _this3.props,
|
|
162
|
-
intUpdateCount = _props2.intUpdateCount,
|
|
163
|
-
arrData = _props2.arrData;
|
|
164
|
-
|
|
165
|
-
if (intUpdateCount !== prevProps.intUpdateCount) {
|
|
166
|
-
var arrDefaultExpandedKeys = _this3.touchGetDEK(arrData);
|
|
167
|
-
// eslint-disable-next-line react/no-did-update-set-state
|
|
168
|
-
_this3.setState({
|
|
169
|
-
arrDataVisible: arrData || [], // 树数据源-显示数据
|
|
170
|
-
arrDefaultExpandedKeys: arrDefaultExpandedKeys, // 树默认展开节点
|
|
171
|
-
treevisible: false // 隐藏树
|
|
172
|
-
}, function () {
|
|
173
|
-
_this3.setState({
|
|
174
|
-
treevisible: true // 显示树
|
|
175
|
-
});
|
|
176
|
-
});
|
|
177
|
-
}
|
|
178
|
-
};
|
|
179
|
-
|
|
180
|
-
this.touchGetDEK = function (arrData) {
|
|
181
|
-
var arrDefaultExpandedKeys = [];
|
|
182
|
-
if (arrData && arrData.length > 0) {
|
|
183
|
-
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;
|
|
188
|
-
|
|
189
|
-
arrDefaultExpandedKeys = item[keyField] ? [item[keyField]] : [];
|
|
190
|
-
}
|
|
191
|
-
return arrDefaultExpandedKeys;
|
|
192
|
-
};
|
|
193
|
-
|
|
194
|
-
this.touchUpdateState = function (objState) {
|
|
195
|
-
_this3.setState(objState);
|
|
196
|
-
};
|
|
197
|
-
|
|
198
|
-
this.touchClearInput = function () {
|
|
199
|
-
if (_this3.searchRef.current) {
|
|
200
|
-
// 或者使用 antd 的方法
|
|
201
|
-
// this.searchRef.current.input.input.value = '';
|
|
202
|
-
_this3.searchRef.current.input.state.value = '';
|
|
203
|
-
_this3.touchSearch('');
|
|
204
|
-
}
|
|
205
|
-
};
|
|
206
|
-
|
|
207
|
-
this.touchGetInput = function () {
|
|
208
|
-
if (_this3.searchRef.current) {
|
|
209
|
-
var value = _this3.searchRef.current.input.input.value;
|
|
210
|
-
|
|
211
|
-
return value;
|
|
212
|
-
}
|
|
213
|
-
return '';
|
|
214
|
-
};
|
|
215
|
-
|
|
216
|
-
this.touchSearch = function (value) {
|
|
217
|
-
var _props3 = _this3.props,
|
|
218
|
-
arrData = _props3.arrData,
|
|
219
|
-
objSearchProps = _props3.objSearchProps;
|
|
220
|
-
var onSearchCallback = objSearchProps.onSearchCallback;
|
|
221
|
-
|
|
222
|
-
var arrSearchExpandedKeys = [];
|
|
223
|
-
var arrDataVisible = [];
|
|
224
|
-
if (value) {
|
|
225
|
-
arrDataVisible = _this3.touchFilterTreeData(arrData, value, arrSearchExpandedKeys);
|
|
226
|
-
} else {
|
|
227
|
-
arrDataVisible = arrData;
|
|
228
|
-
}
|
|
229
|
-
if (onSearchCallback && typeof onSearchCallback === 'function') {
|
|
230
|
-
onSearchCallback(arrDataVisible, value, arrSearchExpandedKeys);
|
|
231
|
-
}
|
|
232
|
-
_this3.setState({
|
|
233
|
-
arrDataVisible: arrDataVisible, // 树数据源-显示数据
|
|
234
|
-
arrSearchExpandedKeys: arrSearchExpandedKeys, // 查询时,树默认展开节点
|
|
235
|
-
treevisible: false // 隐藏树
|
|
236
|
-
}, function () {
|
|
237
|
-
_this3.setState({
|
|
238
|
-
treevisible: true // 显示树
|
|
239
|
-
});
|
|
240
|
-
});
|
|
241
|
-
};
|
|
242
|
-
|
|
243
|
-
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;
|
|
250
|
-
|
|
251
|
-
var filteredData = arrAllData.map(function (item) {
|
|
252
|
-
// 递归过滤子节点
|
|
253
|
-
var children = item.children ? _this3.touchFilterTreeData(item.children, searchValue, expandedKeys) : [];
|
|
254
|
-
// 如果节点名字匹配,或者子节点匹配
|
|
255
|
-
if (item[titleField].includes(searchValue) || children.length > 0) {
|
|
256
|
-
expandedKeys.push(item[keyField]); // 记录展开的节点 key
|
|
257
|
-
return (0, _extends3['default'])({}, item, {
|
|
258
|
-
children: children // 返回匹配的子节点
|
|
259
|
-
});
|
|
260
|
-
}
|
|
261
|
-
return null;
|
|
262
|
-
}).filter(function (item) {
|
|
263
|
-
return item !== null;
|
|
264
|
-
}); // 过滤掉没有匹配的节点
|
|
265
|
-
return filteredData;
|
|
266
|
-
};
|
|
267
|
-
|
|
268
|
-
this.touchSelect = function (selectedKeys, info) {
|
|
269
|
-
var _props$objTreeProps4 = _this3.props.objTreeProps,
|
|
270
|
-
objTreeProps = _props$objTreeProps4 === undefined ? {} : _props$objTreeProps4;
|
|
271
|
-
var onSelectCallback = objTreeProps.onSelectCallback;
|
|
272
|
-
|
|
273
|
-
if (onSelectCallback && typeof onSelectCallback === 'function') {
|
|
274
|
-
onSelectCallback(selectedKeys, info);
|
|
275
|
-
}
|
|
276
|
-
_this3.setState({
|
|
277
|
-
selectedKeys: selectedKeys // 选中节点key Array
|
|
278
|
-
});
|
|
279
|
-
};
|
|
280
|
-
|
|
281
|
-
this.touchRenderTreeNodes = function (arrDataVisible) {
|
|
282
|
-
var _props$objTreeProps5 = _this3.props.objTreeProps,
|
|
283
|
-
objTreeProps = _props$objTreeProps5 === undefined ? {} : _props$objTreeProps5;
|
|
284
|
-
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;
|
|
291
|
-
|
|
292
|
-
return arrDataVisible.map(function (item) {
|
|
293
|
-
var children = item.children;
|
|
294
|
-
|
|
295
|
-
var title = item[titleField]; // 节点标题
|
|
296
|
-
var count = item[countField]; // 节点计数
|
|
297
|
-
var key = item[keyField]; // 节点key
|
|
298
|
-
var objItemNew = (0, _extends3['default'])({}, item);
|
|
299
|
-
if (touchRenderNode && typeof touchRenderNode === 'function') {
|
|
300
|
-
objItemNew = touchRenderNode(item);
|
|
301
|
-
}
|
|
302
|
-
return _react2['default'].createElement(
|
|
303
|
-
TreeNode,
|
|
304
|
-
(0, _extends3['default'])({
|
|
305
|
-
title: count ? title + '(' + count + ')' : title,
|
|
306
|
-
key: key
|
|
307
|
-
}, objItemNew, {
|
|
308
|
-
objNode: item // 节点信息-原
|
|
309
|
-
, objNodeNew: objItemNew // 节点信息-新-处理后的数据
|
|
310
|
-
}),
|
|
311
|
-
children ? _this3.touchRenderTreeNodes(children) : null
|
|
312
|
-
);
|
|
313
|
-
});
|
|
314
|
-
};
|
|
315
|
-
};
|
|
316
|
-
|
|
317
|
-
exports['default'] = Easy3wTree;
|
|
318
|
-
module.exports = exports['default'];
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports['default'] = {
|
|
5
|
-
objPreviewFileDefault: { // web预览文件默认配置
|
|
6
|
-
previewFileFlag: true, // 是否文件预览标志 true:是 false:否
|
|
7
|
-
// previewFileUrl: 'easy3w4fExample/download?view=true&fileId=',
|
|
8
|
-
previewFileUrl: '#/blank/EQ/route/Easy3wTranfer?fileId=', // 文件预览地址 downloadFileFlag: '1', // 显示下载按钮 '1':显示 '0':隐藏
|
|
9
|
-
previewFileType: 'pdf,doc,docx' // 可预览文件格式(以逗号隔开)
|
|
10
|
-
},
|
|
11
|
-
objReg: { // 正则表达式
|
|
12
|
-
numberRegex: /^-?(0|[1-9]\d*)(\.\d+)?([eE][-+]?\d+)?$|^Infinity$|^NaN$/i, // 匹配广义数字,包括整数、浮点数、科学计数法, 以及特殊值Infinity和NaN
|
|
13
|
-
// const testCases = [
|
|
14
|
-
// '0', // ✅ 合法
|
|
15
|
-
// '123', // ✅ 合法
|
|
16
|
-
// '-123', // ✅ 合法
|
|
17
|
-
// '0.123', // ✅ 合法
|
|
18
|
-
// '-0.123', // ✅ 合法
|
|
19
|
-
// '1e3', // ✅ 合法
|
|
20
|
-
// '-2.5e-4', // ✅ 合法
|
|
21
|
-
// '0324', // ❌ 非法(前导零)
|
|
22
|
-
// '00.123', // ❌ 非法(前导零)
|
|
23
|
-
// 'Infinity', // ✅ 合法
|
|
24
|
-
// 'NaN', // ✅ 合法
|
|
25
|
-
// 'abc', // ❌ 非法
|
|
26
|
-
// ];
|
|
27
|
-
strictNumberRegex: /^-?(0|[1-9][0-9]*)(\.[0-9]*)?$/ // 匹配严格数字, 整数、浮点数、负数, 但不包括科学计数法
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
module.exports = exports['default'];
|