dtable-ui-component 5.0.11-beta → 5.0.11
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/lib/DTableCustomizeCollaboratorSelect/index.js +1 -1
- package/lib/DTableCustomizeSelect/index.js +1 -1
- package/lib/DTableFiltersPopover/widgets/filter-calendar.js +1 -1
- package/lib/DTableFiltersPopover/widgets/filter-item.js +1 -1
- package/lib/DepartmentSelectFilter/index.js +1 -0
- package/lib/DigitalSignFormatter/index.js +2 -4
- package/lib/FileFormatter/index.js +5 -12
- package/lib/ImageFormatter/images-lazy-load.js +3 -12
- package/lib/ImageFormatter/index.js +1 -2
- package/lib/NumberEditor/index.js +1 -1
- package/lib/SelectOptionGroup/KeyCodes.js +2 -3
- package/lib/utils/event-bus.js +1 -2
- package/package.json +1 -1
|
@@ -24,7 +24,7 @@ class CollaboratorSelect extends _react.Component {
|
|
|
24
24
|
if (this.state.isShowSelectOptions) event.nativeEvent.stopImmediatePropagation();
|
|
25
25
|
let eventClassName = event.target.className;
|
|
26
26
|
if (this.props.isLocked || eventClassName.indexOf('option-search-control') > -1 || eventClassName === 'option-group-search') return;
|
|
27
|
-
//
|
|
27
|
+
//Prevent closing by pressing the spacebar in the search input
|
|
28
28
|
if (event.target.value === '') return;
|
|
29
29
|
this.selectedOptionWidth = this.selectedOptionRef.clientWidth;
|
|
30
30
|
this.setState({
|
|
@@ -23,7 +23,7 @@ class DTableCustomizeSelect extends _react.Component {
|
|
|
23
23
|
if (this.state.isShowSelectOptions) event.stopPropagation();
|
|
24
24
|
let eventClassName = event.target.className;
|
|
25
25
|
if (this.props.isLocked || eventClassName.indexOf('option-search-control') > -1 || eventClassName === 'option-group-search') return;
|
|
26
|
-
//
|
|
26
|
+
//Prevent closing by pressing the spacebar in the search input
|
|
27
27
|
if (event.target.value === '') return;
|
|
28
28
|
this.setState({
|
|
29
29
|
isShowSelectOptions: !this.state.isShowSelectOptions
|
|
@@ -81,7 +81,7 @@ class FilterCalendar extends _react.Component {
|
|
|
81
81
|
value: null
|
|
82
82
|
};
|
|
83
83
|
const DataFormat = (0, _utils.getDateColumnFormat)(props.filterColumn).trim();
|
|
84
|
-
//
|
|
84
|
+
//Minutes and seconds are not supported at present
|
|
85
85
|
this.columnDataFormat = DataFormat.split(' ')[0];
|
|
86
86
|
this.calendarContainerRef = /*#__PURE__*/_react.default.createRef();
|
|
87
87
|
this.defaultCalendarValue = null;
|
|
@@ -274,7 +274,7 @@ class FilterItem extends _react.default.Component {
|
|
|
274
274
|
filter_predicate
|
|
275
275
|
} = filter;
|
|
276
276
|
let isSupportMultipleSelect = false;
|
|
277
|
-
//
|
|
277
|
+
//The first two options are used for single selection, and the last four options are used for multiple selection
|
|
278
278
|
const supportMultipleSelectOptions = [_dtableUtils.FILTER_PREDICATE_TYPE.IS_ANY_OF, _dtableUtils.FILTER_PREDICATE_TYPE.IS_NONE_OF, _dtableUtils.FILTER_PREDICATE_TYPE.HAS_ANY_OF, _dtableUtils.FILTER_PREDICATE_TYPE.HAS_ALL_OF, _dtableUtils.FILTER_PREDICATE_TYPE.HAS_NONE_OF, _dtableUtils.FILTER_PREDICATE_TYPE.IS_EXACTLY];
|
|
279
279
|
if (supportMultipleSelectOptions.includes(filter_predicate)) {
|
|
280
280
|
isSupportMultipleSelect = true;
|
|
@@ -26,4 +26,5 @@ function DepartmentSelectFilter(props) {
|
|
|
26
26
|
};
|
|
27
27
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isMultiple ? /*#__PURE__*/_react.default.createElement(_departmentMultipleSelectFilter.default, filterProps) : /*#__PURE__*/_react.default.createElement(_departmentSingleSelectFilter.default, filterProps));
|
|
28
28
|
}
|
|
29
|
+
;
|
|
29
30
|
var _default = exports.default = DepartmentSelectFilter;
|
|
@@ -60,8 +60,7 @@ class DigitalSignFormatter extends _react.Component {
|
|
|
60
60
|
containerClassName,
|
|
61
61
|
readOnly,
|
|
62
62
|
config,
|
|
63
|
-
isSample
|
|
64
|
-
renderItem
|
|
63
|
+
isSample
|
|
65
64
|
} = this.props;
|
|
66
65
|
const className = (0, _classnames.default)('dtable-ui cell-formatter-container digital-sign-formatter', containerClassName);
|
|
67
66
|
const signImages = this.getSignImages();
|
|
@@ -75,8 +74,7 @@ class DigitalSignFormatter extends _react.Component {
|
|
|
75
74
|
}, /*#__PURE__*/_react.default.createElement(_imagesLazyLoad.default, {
|
|
76
75
|
images: signImages,
|
|
77
76
|
server: config.server,
|
|
78
|
-
onImageClick: this.onClickSignImage
|
|
79
|
-
renderItem: renderItem
|
|
77
|
+
onImageClick: this.onClickSignImage
|
|
80
78
|
})), isPreviewSignImage && /*#__PURE__*/_react.default.createElement(_ImagePreviewerLightbox.default, {
|
|
81
79
|
className: "digital-sign-formatter-image-previewer",
|
|
82
80
|
readOnly: readOnly,
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
var _react =
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
10
|
var _FileItemFormatter = _interopRequireDefault(require("../FileItemFormatter"));
|
|
12
11
|
require("./index.css");
|
|
@@ -15,8 +14,7 @@ class FileFormatter extends _react.default.PureComponent {
|
|
|
15
14
|
let {
|
|
16
15
|
isSample,
|
|
17
16
|
value,
|
|
18
|
-
containerClassName
|
|
19
|
-
renderItem
|
|
17
|
+
containerClassName
|
|
20
18
|
} = this.props;
|
|
21
19
|
if (!Array.isArray(value) || value.length === 0) {
|
|
22
20
|
return null;
|
|
@@ -35,15 +33,10 @@ class FileFormatter extends _react.default.PureComponent {
|
|
|
35
33
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
36
34
|
className: className
|
|
37
35
|
}, value.map((item, index) => {
|
|
38
|
-
|
|
39
|
-
file: item
|
|
40
|
-
});
|
|
41
|
-
if (renderItem) return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
|
|
36
|
+
return /*#__PURE__*/_react.default.createElement(_FileItemFormatter.default, {
|
|
37
|
+
file: item,
|
|
42
38
|
key: index
|
|
43
|
-
}
|
|
44
|
-
return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
|
|
45
|
-
key: index
|
|
46
|
-
}, dom);
|
|
39
|
+
});
|
|
47
40
|
}));
|
|
48
41
|
}
|
|
49
42
|
}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
var _react =
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
9
|
var _Loading = _interopRequireDefault(require("../Loading"));
|
|
11
10
|
var _utils = require("./utils");
|
|
12
11
|
class ImagesLazyLoad extends _react.default.Component {
|
|
@@ -98,9 +97,6 @@ class ImagesLazyLoad extends _react.default.Component {
|
|
|
98
97
|
loadedImages,
|
|
99
98
|
loadedCount
|
|
100
99
|
} = this.state;
|
|
101
|
-
const {
|
|
102
|
-
renderItem
|
|
103
|
-
} = this.props;
|
|
104
100
|
if (!Array.isArray(images) || images.length === 0) {
|
|
105
101
|
return '';
|
|
106
102
|
}
|
|
@@ -114,19 +110,14 @@ class ImagesLazyLoad extends _react.default.Component {
|
|
|
114
110
|
}, /*#__PURE__*/_react.default.createElement(_Loading.default, null));
|
|
115
111
|
}
|
|
116
112
|
return loadedImages.map((image, index) => {
|
|
117
|
-
|
|
113
|
+
return /*#__PURE__*/_react.default.createElement("img", {
|
|
114
|
+
key: index,
|
|
118
115
|
className: "image-item",
|
|
119
116
|
src: image.src,
|
|
120
117
|
onMouseDown: this.onMouseDown,
|
|
121
118
|
onClick: event => this.onImageClick(event, index),
|
|
122
119
|
alt: ""
|
|
123
120
|
});
|
|
124
|
-
if (renderItem) return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
|
|
125
|
-
key: index
|
|
126
|
-
}, renderItem(imgDom));
|
|
127
|
-
return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
|
|
128
|
-
key: index
|
|
129
|
-
}, imgDom);
|
|
130
121
|
});
|
|
131
122
|
}
|
|
132
123
|
}
|
|
@@ -95,8 +95,7 @@ class ImageFormatter extends _react.default.Component {
|
|
|
95
95
|
}, /*#__PURE__*/_react.default.createElement(_imagesLazyLoad.default, {
|
|
96
96
|
images: value,
|
|
97
97
|
server: server,
|
|
98
|
-
onImageClick: this.onImageClick
|
|
99
|
-
renderItem: this.props.renderItem
|
|
98
|
+
onImageClick: this.onImageClick
|
|
100
99
|
})), isPreviewImage && /*#__PURE__*/_react.default.createElement(_ImagePreviewerLightbox.default, {
|
|
101
100
|
imageItems: value,
|
|
102
101
|
imageIndex: previewImageIndex,
|
|
@@ -49,7 +49,7 @@ class NumberEditor extends _react.default.Component {
|
|
|
49
49
|
currency_symbol = data['currency_symbol'];
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
-
//
|
|
52
|
+
//Prevent the repetition of periods bug in the Chinese input method of the Windows system
|
|
53
53
|
if (!(0, _utils.isMac)() && value.indexOf('.。') > -1) return;
|
|
54
54
|
value = (0, _dtableUtils.replaceNumberNotAllowInput)(value, this.dataFormat, currency_symbol);
|
|
55
55
|
if (value === this.state.inputValue) return;
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
7
|
+
var _default = exports.default = {
|
|
8
8
|
LeftArrow: 37,
|
|
9
9
|
UpArrow: 38,
|
|
10
10
|
RightArrow: 39,
|
|
@@ -13,5 +13,4 @@ const KeyCodes = {
|
|
|
13
13
|
Tab: 9,
|
|
14
14
|
Escape: 27,
|
|
15
15
|
Esc: 27
|
|
16
|
-
};
|
|
17
|
-
var _default = exports.default = KeyCodes;
|
|
16
|
+
};
|
package/lib/utils/event-bus.js
CHANGED