easy3wui 1.5.55-beta17 → 1.5.55-beta18

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.
@@ -0,0 +1,92 @@
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 _reactDataGrid = require('react-data-grid');
26
+
27
+ var _reactDataGrid2 = _interopRequireDefault(_reactDataGrid);
28
+
29
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
30
+
31
+ var editors = _reactDataGrid2['default'].editors;
32
+ var EditorBase = editors.EditorBase;
33
+
34
+ var EditorNumber = function (_EditorBase) {
35
+ (0, _inherits3['default'])(EditorNumber, _EditorBase);
36
+
37
+ function EditorNumber() {
38
+ var _temp, _this, _ret;
39
+
40
+ (0, _classCallCheck3['default'])(this, EditorNumber);
41
+
42
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
43
+ args[_key] = arguments[_key];
44
+ }
45
+
46
+ return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _EditorBase.call.apply(_EditorBase, [this].concat(args))), _this), _this.setInputRef = function (input) {
47
+ _this.input = input;
48
+ }, _this.getInputNode = function () {
49
+ return _this.setInputRef();
50
+ }, _this.getValue = function () {
51
+ var _ref;
52
+
53
+ // const { value } = this.state;
54
+ return _ref = {}, _ref[_this.props.column.key] = _this.getInputNode().value, _ref;
55
+ }, _this.onBlur = function (event) {
56
+ var _this$props = _this.props,
57
+ onBlur = _this$props.onBlur,
58
+ onCommit = _this$props.onCommit;
59
+
60
+ if (onBlur && typeof onBlur === 'function') {
61
+ onBlur(event);
62
+ }
63
+ if (onCommit && typeof onCommit === 'function') {
64
+ onCommit();
65
+ }
66
+ }, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
67
+ }
68
+ // 获取 input 节点
69
+
70
+ // 获取 input 值
71
+
72
+ // input 失去焦点
73
+
74
+
75
+ EditorNumber.prototype.render = function render() {
76
+ var value = this.props.value;
77
+
78
+ return _react2['default'].createElement('input', (0, _extends3['default'])({
79
+ ref: this.setInputRef,
80
+ type: 'number',
81
+ className: 'form-control',
82
+ defaultValue: value
83
+ }, this.props, {
84
+ onBlur: this.onBlur
85
+ }));
86
+ };
87
+
88
+ return EditorNumber;
89
+ }(EditorBase);
90
+
91
+ exports['default'] = EditorNumber;
92
+ module.exports = exports['default'];
@@ -0,0 +1,168 @@
1
+ 'use strict';
2
+
3
+ exports.__esModule = true;
4
+
5
+ var _datePicker = require('antd/lib/date-picker');
6
+
7
+ var _datePicker2 = _interopRequireDefault(_datePicker);
8
+
9
+ var _extends2 = require('babel-runtime/helpers/extends');
10
+
11
+ var _extends3 = _interopRequireDefault(_extends2);
12
+
13
+ var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
14
+
15
+ var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
16
+
17
+ var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
18
+
19
+ var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
20
+
21
+ var _inherits2 = require('babel-runtime/helpers/inherits');
22
+
23
+ var _inherits3 = _interopRequireDefault(_inherits2);
24
+
25
+ require('antd/lib/date-picker/style');
26
+
27
+ var _react = require('react');
28
+
29
+ var _react2 = _interopRequireDefault(_react);
30
+
31
+ var _antd = require('antd');
32
+
33
+ var _zh_CN = require('antd/lib/date-picker/locale/zh_CN');
34
+
35
+ var _zh_CN2 = _interopRequireDefault(_zh_CN);
36
+
37
+ require('moment/locale/zh-cn');
38
+
39
+ var _moment = require('moment');
40
+
41
+ var _moment2 = _interopRequireDefault(_moment);
42
+
43
+ var _reactDataGrid = require('react-data-grid');
44
+
45
+ var _reactDataGrid2 = _interopRequireDefault(_reactDataGrid);
46
+
47
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
48
+
49
+ var editors = _reactDataGrid2['default'].editors;
50
+ // import ReactDOM from 'react-dom';
51
+
52
+ var EditorBase = editors.EditorBase;
53
+
54
+
55
+ _moment2['default'].locale('zh-cn');
56
+ var dateFormatDefault = 'YYYY-MM-DD';
57
+
58
+ var EditorsDatePicker = function (_React$Component) {
59
+ (0, _inherits3['default'])(EditorsDatePicker, _React$Component);
60
+
61
+ function EditorsDatePicker(props) {
62
+ (0, _classCallCheck3['default'])(this, EditorsDatePicker);
63
+
64
+ var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props));
65
+
66
+ _initialiseProps.call(_this);
67
+
68
+ var value = props.value,
69
+ refCallback = props.refCallback;
70
+
71
+ if (refCallback && refCallback instanceof Function) {
72
+ refCallback(_this);
73
+ }
74
+ _this.state = {
75
+ value: value
76
+ };
77
+ return _this;
78
+ }
79
+ // 获取组件节点
80
+
81
+ // 设置样式
82
+
83
+ // 获取 input 节点
84
+
85
+ // 获取 input 值
86
+
87
+ // input 值改变时回调
88
+
89
+ // input 失去焦点时回调
90
+
91
+
92
+ EditorsDatePicker.prototype.render = function render() {
93
+ var _props$cmptPros = this.props.cmptPros,
94
+ cmptPros = _props$cmptPros === undefined ? {} : _props$cmptPros;
95
+ var dateFormat = cmptPros.dateFormat;
96
+ var value = this.state.value;
97
+
98
+ return _react2['default'].createElement(_datePicker2['default'], (0, _extends3['default'])({
99
+ style: this.getStyle(),
100
+ autoFocus: true,
101
+ locale: _zh_CN2['default'],
102
+ format: dateFormat || dateFormatDefault,
103
+ value: value ? (0, _moment2['default'])(value, dateFormat || dateFormatDefault) : null,
104
+ ref: this.getReactDataGridZJ
105
+ // autoFocus
106
+ }, cmptPros, {
107
+ onChange: this.onChange,
108
+ onBlur: this.onBlur
109
+ }));
110
+ };
111
+
112
+ return EditorsDatePicker;
113
+ }(_react2['default'].Component);
114
+
115
+ var _initialiseProps = function _initialiseProps() {
116
+ var _this2 = this;
117
+
118
+ this.getReactDataGridZJ = function (el) {
119
+ _this2.EditorsZJ = el;
120
+ return el;
121
+ };
122
+
123
+ this.getStyle = function () {
124
+ return {
125
+ width: '100%',
126
+ minWidth: '120px'
127
+ };
128
+ };
129
+
130
+ this.getInputNode = function () {
131
+ return _this2.getReactDataGridZJ();
132
+ };
133
+
134
+ this.getValue = function () {
135
+ var _ref;
136
+
137
+ var value = _this2.state.value;
138
+
139
+ return _ref = {}, _ref[_this2.props.column.key] = value, _ref;
140
+ };
141
+
142
+ this.onChange = function (momentDate, strDate) {
143
+ var _props = _this2.props,
144
+ onChange = _props.onChange,
145
+ _props$cmptPros2 = _props.cmptPros,
146
+ cmptPros = _props$cmptPros2 === undefined ? {} : _props$cmptPros2;
147
+ var dateFormat = cmptPros.dateFormat;
148
+
149
+ if (onChange) {
150
+ onChange(momentDate, strDate);
151
+ }
152
+ var value = momentDate ? momentDate.format(dateFormat || dateFormatDefault) : null;
153
+ _this2.setState({ value: value });
154
+ };
155
+
156
+ this.onBlur = function () {
157
+ var _props2 = _this2.props,
158
+ onCommit = _props2.onCommit,
159
+ onBlur = _props2.onBlur;
160
+
161
+ if (onCommit) {
162
+ onCommit();
163
+ }
164
+ };
165
+ };
166
+
167
+ exports['default'] = EditorsDatePicker;
168
+ module.exports = exports['default'];
@@ -0,0 +1,141 @@
1
+ 'use strict';
2
+
3
+ exports.__esModule = true;
4
+
5
+ var _inputNumber = require('antd/lib/input-number');
6
+
7
+ var _inputNumber2 = _interopRequireDefault(_inputNumber);
8
+
9
+ var _extends2 = require('babel-runtime/helpers/extends');
10
+
11
+ var _extends3 = _interopRequireDefault(_extends2);
12
+
13
+ var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
14
+
15
+ var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
16
+
17
+ var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
18
+
19
+ var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
20
+
21
+ var _inherits2 = require('babel-runtime/helpers/inherits');
22
+
23
+ var _inherits3 = _interopRequireDefault(_inherits2);
24
+
25
+ require('antd/lib/input-number/style');
26
+
27
+ var _react = require('react');
28
+
29
+ var _react2 = _interopRequireDefault(_react);
30
+
31
+ var _reactDom = require('react-dom');
32
+
33
+ var _reactDom2 = _interopRequireDefault(_reactDom);
34
+
35
+ var _antd = require('antd');
36
+
37
+ var _reactDataGrid = require('react-data-grid');
38
+
39
+ var _reactDataGrid2 = _interopRequireDefault(_reactDataGrid);
40
+
41
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
42
+
43
+ var editors = _reactDataGrid2['default'].editors;
44
+ var EditorBase = editors.EditorBase;
45
+
46
+ var EditorsInputNumber = function (_React$Component) {
47
+ (0, _inherits3['default'])(EditorsInputNumber, _React$Component);
48
+
49
+ function EditorsInputNumber(props) {
50
+ (0, _classCallCheck3['default'])(this, EditorsInputNumber);
51
+
52
+ var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props));
53
+
54
+ _initialiseProps.call(_this);
55
+
56
+ var value = props.value,
57
+ refCallback = props.refCallback;
58
+
59
+ if (refCallback && refCallback instanceof Function) {
60
+ refCallback(_this);
61
+ }
62
+ _this.state = {
63
+ value: value
64
+ };
65
+ return _this;
66
+ }
67
+
68
+ EditorsInputNumber.prototype.componentDidMount = function componentDidMount() {
69
+ var domNode = this.getInputNode();
70
+ console.log('inputNode', domNode);
71
+ };
72
+
73
+ EditorsInputNumber.prototype.componentWillUnmount = function componentWillUnmount() {};
74
+ // 设置样式
75
+
76
+ // 获取 input 节点
77
+
78
+ // 获取 input 值
79
+
80
+ // input 值改变时回调
81
+
82
+ // input 失去焦点时回调
83
+
84
+
85
+ EditorsInputNumber.prototype.render = function render() {
86
+ var cmptPros = this.props.cmptPros;
87
+ var value = this.state.value;
88
+
89
+ return _react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({
90
+ style: this.getStyle(),
91
+ value: value,
92
+ onChange: this.onChange,
93
+ onBlur: this.onBlur,
94
+ autoFocus: true
95
+ }, cmptPros));
96
+ };
97
+
98
+ return EditorsInputNumber;
99
+ }(_react2['default'].Component);
100
+
101
+ var _initialiseProps = function _initialiseProps() {
102
+ var _this2 = this;
103
+
104
+ this.getStyle = function () {
105
+ return {
106
+ width: '100%'
107
+ };
108
+ };
109
+
110
+ this.getInputNode = function () {
111
+ return _reactDom2['default'].findDOMNode(_this2);
112
+ };
113
+
114
+ this.getValue = function () {
115
+ var _ref;
116
+
117
+ var value = _this2.state.value;
118
+
119
+ return _ref = {}, _ref[_this2.props.column.key] = value, _ref;
120
+ };
121
+
122
+ this.onChange = function (value) {
123
+ var onChange = _this2.props.onChange;
124
+
125
+ if (onChange) {
126
+ onChange(value);
127
+ }
128
+ _this2.setState({ value: value });
129
+ };
130
+
131
+ this.onBlur = function () {
132
+ var onCommit = _this2.props.onCommit;
133
+
134
+ if (onCommit) {
135
+ onCommit();
136
+ }
137
+ };
138
+ };
139
+
140
+ exports['default'] = EditorsInputNumber;
141
+ module.exports = exports['default'];
@@ -24,6 +24,8 @@ var _reactDataGrid = require('react-data-grid');
24
24
 
25
25
  var _reactDataGrid2 = _interopRequireDefault(_reactDataGrid);
26
26
 
27
+ var _reactDataGridAddons = require('react-data-grid-addons');
28
+
27
29
  var _xlsx = require('xlsx');
28
30
 
29
31
  var _xlsx2 = _interopRequireDefault(_xlsx);
@@ -36,9 +38,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'd
36
38
 
37
39
  // import Easy3wEditBigTableForm from './Easy3wEditBigTableForm';
38
40
 
39
- // const { Selectors } = Data;
41
+ /* eslint-disable no-alert */
42
+ var Selectors = _reactDataGridAddons.Data.Selectors;
40
43
 
41
- // import { Toolbar, Data } from 'react-data-grid-addons';
42
44
  var Easy3wEditBigTable = function (_Component) {
43
45
  (0, _inherits3['default'])(Easy3wEditBigTable, _Component);
44
46
 
@@ -674,37 +676,64 @@ var Easy3wEditBigTable = function (_Component) {
674
676
  // const objReactDataGridProps = this.getReactDataGridProps();
675
677
  // const columns = this.createColumns(); // 表头
676
678
  // const objTotal = totalFlag ? this.touchLoopData() : {}; // 循环数据获取
677
- return _react2['default'].createElement(
678
- 'div',
679
- { style: { backgroundColor: '#fff' } },
680
- 'Easy3wEditBigTable',
681
- _react2['default'].createElement('br', null),
682
- 'Easy3wEditBigTable',
683
- _react2['default'].createElement('br', null),
684
- 'Easy3wEditBigTable',
685
- _react2['default'].createElement('br', null),
686
- 'Easy3wEditBigTable',
687
- _react2['default'].createElement('br', null),
688
- 'Easy3wEditBigTable',
689
- _react2['default'].createElement('br', null),
690
- 'Easy3wEditBigTable',
691
- _react2['default'].createElement('br', null),
692
- 'Easy3wEditBigTable',
693
- _react2['default'].createElement('br', null),
694
- 'Easy3wEditBigTable',
695
- _react2['default'].createElement('br', null),
696
- 'Easy3wEditBigTable',
697
- _react2['default'].createElement('br', null),
698
- 'Easy3wEditBigTable',
699
- _react2['default'].createElement('br', null),
700
- 'Easy3wEditBigTable',
701
- _react2['default'].createElement('br', null)
702
- );
679
+ return 'Easy3wEditBigTable';
680
+ // return (
681
+ // <div style={{ backgroundColor: '#fff' }}>
682
+ // <style>
683
+ // {
684
+ // strReactDataGridStyle || `${strAddReactDataGridStyle || ''}
685
+ // .custom-edit-cell {
686
+ // background-color: #f6ffed;
687
+ // }
688
+ // `
689
+ // }
690
+ // </style>
691
+ // <ReactDataGrid
692
+ // {...this.props}
693
+ // ref={this.ReactDataGridRef}
694
+ // columns={columns} // 表头
695
+ // // rows={rows}
696
+ // rowGetter={this.rowGetter} // 获取行数据
697
+ // rowsCount={this.getSize()} // 行数
698
+ // onGridSort={this.onGridSort}
699
+ // {...objReactDataGridProps}
700
+ // {...objOtherProps}
701
+ // />
702
+ // {
703
+ // totalFlag ? (
704
+ // <div>
705
+ // {
706
+ // objTotal && Object.keys(objTotal).map((key, index) => (
707
+ // <span key={key}>
708
+ // { index === 0 ? '' : ';' }
709
+ // <span>{objTotal[key].name}:</span>
710
+ // <span>{objTotal[key].numberFormat ? this.touchFormatNum(objTotal[key].value) : objTotal[key].value}</span>
711
+ // </span>
712
+ // ))
713
+ // }
714
+ // </div>
715
+ // ) : ''
716
+ // }
717
+ // {
718
+ // visible ? (
719
+ // <Easy3wEditBigTableForm // 批量录入Modal
720
+ // visible={visible} // 是否显示
721
+ // objOtherParameters={{
722
+ // ...objToolbarProps, // 工具栏属性
723
+ // columns, // 表头
724
+ // }} // 其他参数
725
+ // bidPureComponent={that => this.bidPureComponent('Easy3wEditBigTableForm', that)} // 绑定组件
726
+ // confirmCallback={this.confirmCallbackBatchEditBigTable}
727
+ // hideModal={this.hideModalBatchEditBigTable}
728
+ // />
729
+ // ) : ''
730
+ // }
731
+ // </div>
732
+ // );
703
733
  };
704
734
 
705
735
  return Easy3wEditBigTable;
706
- }(_react.Component); /* eslint-disable no-alert */
707
-
736
+ }(_react.Component);
708
737
 
709
738
  exports['default'] = Easy3wEditBigTable;
710
739
  module.exports = exports['default'];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "easy3wui",
3
- "version": "1.5.55-beta17",
3
+ "version": "1.5.55-beta18",
4
4
  "description": "easy3wui components for react",
5
5
  "keywords": [
6
6
  "react",