easy3wui 1.5.63 → 1.5.64-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.
@@ -0,0 +1,17 @@
1
+ .Easy3wEditBigTable {
2
+ background-color: #fff;
3
+ }
4
+ .Easy3wEditBigTable .react-grid-Header .react-grid-HeaderRow > div > div.react-grid-HeaderCell > div {
5
+ height: 100%;
6
+ }
7
+ .Easy3wEditBigTable .react-grid-Header .react-grid-HeaderRow > div > div.react-grid-HeaderCell > div > div.form-group {
8
+ height: 100%;
9
+ }
10
+ .Easy3wEditBigTable .react-grid-Header .react-grid-HeaderRow > div > div.react-grid-HeaderCell > div > div.form-group > input[type="text"].form-control.input-sm {
11
+ width: 100%;
12
+ height: 100%;
13
+ border-color: #ddd;
14
+ outline: none;
15
+ border-style: solid;
16
+ border-radius: 3px;
17
+ }
@@ -1,17 +1,46 @@
1
1
  .Easy3wEditBigTable {
2
2
  background-color: #fff;
3
3
  }
4
- .Easy3wEditBigTable .react-grid-Header .react-grid-HeaderRow > div > div.react-grid-HeaderCell > div {
5
- height: 100%;
6
- }
7
- .Easy3wEditBigTable .react-grid-Header .react-grid-HeaderRow > div > div.react-grid-HeaderCell > div > div.form-group {
8
- height: 100%;
9
- }
10
- .Easy3wEditBigTable .react-grid-Header .react-grid-HeaderRow > div > div.react-grid-HeaderCell > div > div.form-group > input[type="text"].form-control.input-sm {
11
- width: 100%;
12
- height: 100%;
13
- border-color: #ddd;
14
- outline: none;
15
- border-style: solid;
16
- border-radius: 3px;
4
+ .Easy3wEditBigTable .reactGridToolbar {
5
+ text-align: end;
6
+ }
7
+ .Easy3wEditBigTable .reactGridToolbar .btn {
8
+ display: inline-block;
9
+ padding: 6px 12px;
10
+ margin-bottom: 0;
11
+ font-size: 14px;
12
+ font-weight: 400;
13
+ line-height: 1.42857143;
14
+ text-align: center;
15
+ white-space: nowrap;
16
+ vertical-align: middle;
17
+ -ms-touch-action: manipulation;
18
+ touch-action: manipulation;
19
+ cursor: pointer;
20
+ -webkit-user-select: none;
21
+ color: inherit;
22
+ background: white;
23
+ border: 1px solid #e7eaec;
24
+ }
25
+ .Easy3wEditBigTable .filterCell {
26
+ line-height: 35px;
27
+ padding: 0;
28
+ }
29
+ .Easy3wEditBigTable .filterCell .filterCellContainer input,
30
+ .Easy3wEditBigTable .filterCell .filterCellContainer button,
31
+ .Easy3wEditBigTable .filterCell .filterCellContainer select,
32
+ .Easy3wEditBigTable .filterCell .filterCellContainer optgroup,
33
+ .Easy3wEditBigTable .filterCell .filterCellContainer textarea {
34
+ line-height: normal;
35
+ }
36
+ .Easy3wEditBigTable .filterCell .filterCellContainer > div {
37
+ padding-block: 0;
38
+ }
39
+ .Easy3wEditBigTable .filterCell .filterCellContainer > div:first-child {
40
+ border-block-end: 1px solid var(--rdg-border-color);
41
+ }
42
+ .Easy3wEditBigTable .filterCell .filterCellContainer > div .filterCellInput {
43
+ inline-size: 100%;
44
+ padding: 4px;
45
+ font-size: 14px;
17
46
  }
package/assets/index.css CHANGED
@@ -1485,17 +1485,46 @@ input.ant-input-number-input {
1485
1485
  .Easy3wEditBigTable {
1486
1486
  background-color: #fff;
1487
1487
  }
1488
- .Easy3wEditBigTable .react-grid-Header .react-grid-HeaderRow > div > div.react-grid-HeaderCell > div {
1489
- height: 100%;
1488
+ .Easy3wEditBigTable .reactGridToolbar {
1489
+ text-align: end;
1490
1490
  }
1491
- .Easy3wEditBigTable .react-grid-Header .react-grid-HeaderRow > div > div.react-grid-HeaderCell > div > div.form-group {
1492
- height: 100%;
1491
+ .Easy3wEditBigTable .reactGridToolbar .btn {
1492
+ display: inline-block;
1493
+ padding: 6px 12px;
1494
+ margin-bottom: 0;
1495
+ font-size: 14px;
1496
+ font-weight: 400;
1497
+ line-height: 1.42857143;
1498
+ text-align: center;
1499
+ white-space: nowrap;
1500
+ vertical-align: middle;
1501
+ -ms-touch-action: manipulation;
1502
+ touch-action: manipulation;
1503
+ cursor: pointer;
1504
+ -webkit-user-select: none;
1505
+ color: inherit;
1506
+ background: white;
1507
+ border: 1px solid #e7eaec;
1493
1508
  }
1494
- .Easy3wEditBigTable .react-grid-Header .react-grid-HeaderRow > div > div.react-grid-HeaderCell > div > div.form-group > input[type="text"].form-control.input-sm {
1495
- width: 100%;
1496
- height: 100%;
1497
- border-color: #ddd;
1498
- outline: none;
1499
- border-style: solid;
1500
- border-radius: 3px;
1509
+ .Easy3wEditBigTable .filterCell {
1510
+ line-height: 35px;
1511
+ padding: 0;
1512
+ }
1513
+ .Easy3wEditBigTable .filterCell .filterCellContainer input,
1514
+ .Easy3wEditBigTable .filterCell .filterCellContainer button,
1515
+ .Easy3wEditBigTable .filterCell .filterCellContainer select,
1516
+ .Easy3wEditBigTable .filterCell .filterCellContainer optgroup,
1517
+ .Easy3wEditBigTable .filterCell .filterCellContainer textarea {
1518
+ line-height: normal;
1519
+ }
1520
+ .Easy3wEditBigTable .filterCell .filterCellContainer > div {
1521
+ padding-block: 0;
1522
+ }
1523
+ .Easy3wEditBigTable .filterCell .filterCellContainer > div:first-child {
1524
+ border-block-end: 1px solid var(--rdg-border-color);
1525
+ }
1526
+ .Easy3wEditBigTable .filterCell .filterCellContainer > div .filterCellInput {
1527
+ inline-size: 100%;
1528
+ padding: 4px;
1529
+ font-size: 14px;
1501
1530
  }
@@ -1,65 +1,28 @@
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'];
1
+ // import React, { PureComponent } from 'react';
2
+ // import RcViewer from '@hanyk/rc-viewer';
3
+
4
+ // export default class Easy3wRCView extends PureComponent {
5
+ // componentDidUpdate() {
6
+ // // eslint-disable-next-line react/no-string-refs
7
+ // const { viewer } = this.refs.viewer;
8
+ // viewer.show();
9
+ // }
10
+ // render() {
11
+ // const { imgUrl, hideModal } = this.props;
12
+ // return (
13
+ // <RcViewer
14
+ // options={
15
+ // {
16
+ // // 关闭时的回调
17
+ // hide: hideModal,
18
+ // }
19
+ // }
20
+ // // eslint-disable-next-line react/no-string-refs
21
+ // ref="viewer"
22
+ // >
23
+ // <img style={{ display: 'none' }} src={imgUrl} alt="" />
24
+ // </RcViewer>
25
+ // );
26
+ // }
27
+ // }
28
+ "use strict";
@@ -6,6 +6,10 @@ var _form = require('antd/lib/form');
6
6
 
7
7
  var _form2 = _interopRequireDefault(_form);
8
8
 
9
+ var _modal = require('antd/lib/modal');
10
+
11
+ var _modal2 = _interopRequireDefault(_modal);
12
+
9
13
  var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
10
14
 
11
15
  var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
@@ -28,6 +32,8 @@ var _inherits3 = _interopRequireDefault(_inherits2);
28
32
 
29
33
  require('antd/lib/form/style');
30
34
 
35
+ require('antd/lib/modal/style');
36
+
31
37
  var _react = require('react');
32
38
 
33
39
  var _react2 = _interopRequireDefault(_react);
@@ -36,8 +42,6 @@ var _antd = require('antd');
36
42
 
37
43
  var _easy3wui = require('easy3wui');
38
44
 
39
- var _lib = require('antd/lib');
40
-
41
45
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
42
46
 
43
47
  var Easy3wEditBigTableForm = function (_PureComponent) {
@@ -52,7 +56,7 @@ var Easy3wEditBigTableForm = function (_PureComponent) {
52
56
  _this[pureComponentName] = that;
53
57
  };
54
58
 
55
- _this.getOptionLst = function () {
59
+ _this.touchCreateOptionLst = function () {
56
60
  var objOtherParameters = _this.props.objOtherParameters;
57
61
  var columns = objOtherParameters.columns;
58
62
 
@@ -62,11 +66,9 @@ var Easy3wEditBigTableForm = function (_PureComponent) {
62
66
  var strName = item.strName,
63
67
  name = item.name,
64
68
  editable = item.editable,
65
- editor = item.editor,
66
- otherEditable = item.otherEditable;
67
- // if (editable || editor || otherEditable) { // 编辑
69
+ renderEditCell = item.renderEditCell;
68
70
 
69
- if (editable || editor) {
71
+ if (editable || renderEditCell) {
70
72
  // 编辑
71
73
  arrColumns.push({
72
74
  label: strName || name,
@@ -78,7 +80,7 @@ var Easy3wEditBigTableForm = function (_PureComponent) {
78
80
  _this.arrColumns = arrColumns;
79
81
  };
80
82
 
81
- _this.getBatchField = function () {
83
+ _this.touchGetBatchField = function () {
82
84
  var _this$props = _this.props,
83
85
  form = _this$props.form,
84
86
  objOtherParameters = _this$props.objOtherParameters;
@@ -160,7 +162,7 @@ var Easy3wEditBigTableForm = function (_PureComponent) {
160
162
  arg[_key] = arguments[_key];
161
163
  }
162
164
 
163
- return _this.onChange(arg, objColumn);
165
+ return _this.touchChangeField(arg, objColumn);
164
166
  }
165
167
  }, cmptPros)
166
168
  }]
@@ -170,7 +172,7 @@ var Easy3wEditBigTableForm = function (_PureComponent) {
170
172
  return { fieldRowItems: fieldRowItems, hiddenItems: hiddenItems };
171
173
  };
172
174
 
173
- _this.onChange = function (arg, objColumn) {
175
+ _this.touchChangeField = function (arg, objColumn) {
174
176
  var form = _this.props.form;
175
177
  var onChange = objColumn.onChange;
176
178
 
@@ -201,7 +203,7 @@ var Easy3wEditBigTableForm = function (_PureComponent) {
201
203
  // strName 字串名称
202
204
  // name 字段名称
203
205
 
204
- _lib.Modal.confirm({
206
+ _modal2['default'].confirm({
205
207
  content: '\u8BF7\u786E\u8BA4\u6B64\u5217' + (strName || name) + '\u5168\u90E8\u8BBE\u7F6E\u6210\u5F55\u5165\u503C\uFF0C\u5C06\u8986\u76D6\u539F\u503C!',
206
208
  onOk: function onOk() {
207
209
  confirmCallback(valuesNew, objColumn);
@@ -229,7 +231,7 @@ var Easy3wEditBigTableForm = function (_PureComponent) {
229
231
  if (bidPureComponent && typeof bidPureComponent === 'function') {
230
232
  bidPureComponent(_this);
231
233
  }
232
- _this.getOptionLst();
234
+ _this.touchCreateOptionLst();
233
235
  _this.state = {};
234
236
  return _this;
235
237
  }
@@ -259,9 +261,9 @@ var Easy3wEditBigTableForm = function (_PureComponent) {
259
261
 
260
262
  var footBtnArr = [{ func: this.touchConfirm, cName: '保存' }, { func: this.touchCancel, cName: '关闭' }];
261
263
 
262
- var _getBatchField = this.getBatchField(),
263
- fieldRowItems = _getBatchField.fieldRowItems,
264
- hiddenItems = _getBatchField.hiddenItems;
264
+ var _touchGetBatchField = this.touchGetBatchField(),
265
+ fieldRowItems = _touchGetBatchField.fieldRowItems,
266
+ hiddenItems = _touchGetBatchField.hiddenItems;
265
267
 
266
268
  var rowItems = [{
267
269
  cols: [{