dtable-ui-component 4.4.4 → 4.4.6
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/AutoNumberFormatter/index.js +14 -7
- package/lib/ButtonFormatter/index.js +16 -9
- package/lib/CTimeFormatter/index.js +16 -9
- package/lib/CheckboxEditor/index.js +15 -8
- package/lib/CheckboxFormatter/index.js +15 -8
- package/lib/CollaboratorEditor/index.js +29 -21
- package/lib/CollaboratorEditor/mb-collaborator-editor-popover/index.js +32 -25
- package/lib/CollaboratorEditor/pc-collaborator-editor-popover/index.js +25 -18
- package/lib/CollaboratorFormatter/index.js +19 -12
- package/lib/CollaboratorItem/index.js +17 -10
- package/lib/CreatorFormatter/index.js +19 -12
- package/lib/DTableCommonAddTool/index.js +13 -6
- package/lib/DTableCustomizeCollaboratorSelect/index.js +26 -18
- package/lib/DTableCustomizeSelect/index.js +23 -15
- package/lib/DTableFiltersPopover/constants/index.js +38 -33
- package/lib/DTableFiltersPopover/index.js +38 -31
- package/lib/DTableFiltersPopover/utils/filter-item-utils.js +53 -46
- package/lib/DTableFiltersPopover/utils/index.js +128 -99
- package/lib/DTableFiltersPopover/widgets/collaborator-filter/index.js +34 -26
- package/lib/DTableFiltersPopover/widgets/department-select-filter/department-multiple-select-filter.js +33 -25
- package/lib/DTableFiltersPopover/widgets/department-select-filter/department-single-select-filter.js +34 -26
- package/lib/DTableFiltersPopover/widgets/filter-calendar.js +34 -26
- package/lib/DTableFiltersPopover/widgets/filter-item.js +128 -120
- package/lib/DTableFiltersPopover/widgets/filter-list/index.js +26 -18
- package/lib/DTableFiltersPopover/widgets/rate-item.js +15 -8
- package/lib/DTablePopover/index.js +15 -8
- package/lib/DTablePopover/utils.js +9 -2
- package/lib/DTableRadio/index.js +17 -10
- package/lib/DTableSearchInput/index.js +21 -13
- package/lib/DTableSearchInput/utils.js +9 -2
- package/lib/DTableSelect/dtable-select-label.js +13 -6
- package/lib/DTableSelect/index.js +18 -10
- package/lib/DTableSelect/utils.js +20 -10
- package/lib/DTableSwitch/index.js +14 -7
- package/lib/DateEditor/index.js +30 -22
- package/lib/DateEditor/mb-date-editor-popover/index.js +55 -47
- package/lib/DateEditor/pc-date-editor-popover.js +27 -20
- package/lib/DateFormatter/index.js +16 -9
- package/lib/Department-editor/constants.js +7 -1
- package/lib/Department-editor/department-multiple-select/index.js +32 -24
- package/lib/Department-editor/department-single-select.js +41 -33
- package/lib/Department-editor/index.js +22 -14
- package/lib/Department-editor/selected-departments/index.js +32 -25
- package/lib/Department-editor/utils.js +11 -3
- package/lib/DepartmentSingleSelectFormatter/index.js +16 -9
- package/lib/DigitalSignFormatter/index.js +23 -15
- package/lib/DigitalSignFormatter/utils.js +11 -3
- package/lib/DurationFormatter/index.js +16 -9
- package/lib/EditEditorButton/index.js +12 -5
- package/lib/EmailFormatter/index.js +14 -7
- package/lib/FieldDisplaySetting/field-item.js +21 -14
- package/lib/FieldDisplaySetting/index.js +27 -19
- package/lib/FileEditor/index.js +15 -8
- package/lib/FileEditor/pc-files-addition/index.js +1 -0
- package/lib/FileEditor/pc-files-addition/pc-file-uploaded-item.js +1 -0
- package/lib/FileEditor/pc-files-preview/index.js +1 -0
- package/lib/FileEditor/pc-files-preview/pc-file-item-preview.js +1 -0
- package/lib/FileFormatter/index.js +19 -11
- package/lib/FileItemFormatter/index.js +14 -6
- package/lib/FileItemFormatter/utils.js +9 -2
- package/lib/FileUploader/index.js +11 -4
- package/lib/FormulaFormatter/cell-value-validator.js +24 -18
- package/lib/FormulaFormatter/index.js +39 -32
- package/lib/FormulaFormatter/utils.js +29 -13
- package/lib/GeolocationFormatter/index.js +16 -9
- package/lib/HtmlLongTextFormatter/index.js +17 -9
- package/lib/ImageFormatter/images-lazy-load.js +16 -9
- package/lib/ImageFormatter/index.js +24 -16
- package/lib/ImageFormatter/utils.js +9 -2
- package/lib/ImagePreviewerLightbox/index.js +19 -12
- package/lib/ImagePreviewerLightbox/utils.js +11 -3
- package/lib/LastModifierFormatter/index.js +19 -12
- package/lib/LinkEditor/index.js +33 -25
- package/lib/LinkEditor/link-editor-option.js +15 -8
- package/lib/LinkEditor/mb-link-editor-popover/index.js +30 -23
- package/lib/LinkEditor/pc-link-editor-popover/index.js +24 -17
- package/lib/LinkFormatter/index.js +20 -13
- package/lib/Loading/index.js +11 -4
- package/lib/LongTextFormatter/index.js +13 -6
- package/lib/MBEditorHeader/index.js +14 -7
- package/lib/MTimeFormatter/index.js +16 -9
- package/lib/ModalPortal/index.js +12 -5
- package/lib/MultipleSelectEditor/index.js +25 -17
- package/lib/MultipleSelectFormatter/index.js +17 -10
- package/lib/NotificationPopover/index.js +24 -16
- package/lib/NumberEditor/index.js +25 -18
- package/lib/NumberFormatter/index.js +16 -9
- package/lib/RateFormatter/index.js +15 -8
- package/lib/RoleStatusEditor/index.js +22 -14
- package/lib/RowExpandEmailFormatter/index.js +17 -10
- package/lib/RowExpandFileFormatter/index.js +16 -8
- package/lib/RowExpandFileFormatter/row-expand-file-item-formatter.js +27 -18
- package/lib/RowExpandFormatter/index.js +86 -78
- package/lib/RowExpandFormulaFormatter/index.js +42 -34
- package/lib/RowExpandImageFormatter/index.js +19 -10
- package/lib/RowExpandImageFormatter/row-expand-image-item-formatter.js +27 -18
- package/lib/RowExpandImageFormatter/utils.js +9 -2
- package/lib/RowExpandLinkFormatter/collaborator-item-formatter.js +16 -7
- package/lib/RowExpandLinkFormatter/index.js +46 -37
- package/lib/RowExpandLinkFormatter/utils.js +17 -6
- package/lib/RowExpandLinkFormatter/value-display-utils.js +12 -5
- package/lib/RowExpandRateFormatter/index.js +15 -8
- package/lib/RowExpandUrlFormatter/index.js +21 -14
- package/lib/SelectItem/index.js +12 -4
- package/lib/SelectOptionGroup/KeyCodes.js +7 -1
- package/lib/SelectOptionGroup/index.js +28 -20
- package/lib/SelectOptionGroup/option.js +11 -4
- package/lib/SimpleLongTextFormatter/index.js +27 -20
- package/lib/SimpleLongTextFormatter/normalize-long-text-value.js +7 -1
- package/lib/SimpleLongTextFormatter/widgets/LongTextPreview.js +15 -8
- package/lib/SimpleLongTextFormatter/widgets/dtable-markdown-viewer.js +14 -7
- package/lib/SingleSelectEditor/index.js +26 -18
- package/lib/SingleSelectFormatter/index.js +16 -9
- package/lib/TextEditor/index.js +14 -7
- package/lib/TextFormatter/index.js +14 -7
- package/lib/UrlFormatter/index.js +14 -7
- package/lib/cellFormatterFactory/index.js +11 -4
- package/lib/common/ClickOutside.js +12 -4
- package/lib/common/delete-tip.js +20 -12
- package/lib/common/modal-portal.js +13 -5
- package/lib/constants/index.js +28 -9
- package/lib/css/mb-cell-editor.css +1 -1
- package/lib/data/dtable-value.js +11 -6
- package/lib/formatterConfig/base-formatter-config.js +53 -46
- package/lib/formatterConfig/index.js +16 -9
- package/lib/hooks/common-hooks.js +11 -4
- package/lib/index.js +432 -75
- package/lib/lang/index.js +24 -13
- package/lib/locals/de.js +7 -1
- package/lib/locals/en.js +7 -1
- package/lib/locals/fr.js +7 -1
- package/lib/locals/zh-CN.js +7 -1
- package/lib/select-editor/index.js +27 -4
- package/lib/select-editor/mb-select-editor-popover/index.js +41 -33
- package/lib/select-editor/pc-select-editor-popover/index.js +26 -19
- package/lib/select-editor/select-editor-option.js +15 -8
- package/lib/toaster/alert.js +18 -11
- package/lib/toaster/index.js +10 -3
- package/lib/toaster/toast.js +16 -8
- package/lib/toaster/toastManager.js +13 -5
- package/lib/toaster/toaster.js +15 -7
- package/lib/utils/dayjs.js +11 -4
- package/lib/utils/editor-utils.js +15 -5
- package/lib/utils/event-bus.js +7 -1
- package/lib/utils/utils.js +17 -6
- package/package.json +80 -68
|
@@ -1,5 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
class MBEditorHeader extends _react.default.Component {
|
|
3
10
|
render() {
|
|
4
11
|
let {
|
|
5
12
|
title,
|
|
@@ -9,14 +16,14 @@ class MBEditorHeader extends React.Component {
|
|
|
9
16
|
onLeftClick,
|
|
10
17
|
onRightClick
|
|
11
18
|
} = this.props;
|
|
12
|
-
return /*#__PURE__*/
|
|
19
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
13
20
|
className: "dtable-ui-mb-editor-header ".concat(titleClass ? titleClass : '')
|
|
14
|
-
}, /*#__PURE__*/
|
|
21
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
15
22
|
className: "editor-header-left-content",
|
|
16
23
|
onClick: onLeftClick
|
|
17
|
-
}, leftContent), /*#__PURE__*/
|
|
24
|
+
}, leftContent), /*#__PURE__*/_react.default.createElement("span", {
|
|
18
25
|
className: "editor-header-title"
|
|
19
|
-
}, title), /*#__PURE__*/
|
|
26
|
+
}, title), /*#__PURE__*/_react.default.createElement("span", {
|
|
20
27
|
className: "editor-header-right-content",
|
|
21
28
|
onClick: onRightClick,
|
|
22
29
|
style: {
|
|
@@ -25,4 +32,4 @@ class MBEditorHeader extends React.Component {
|
|
|
25
32
|
}, rightContent));
|
|
26
33
|
}
|
|
27
34
|
}
|
|
28
|
-
|
|
35
|
+
var _default = exports.default = MBEditorHeader;
|
|
@@ -1,12 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
+
var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
11
|
+
require("./index.css");
|
|
12
|
+
class MTimeFormatter extends _react.default.Component {
|
|
6
13
|
constructor() {
|
|
7
14
|
super(...arguments);
|
|
8
15
|
this.formatDate = date => {
|
|
9
|
-
return
|
|
16
|
+
return (0, _dayjs.default)(date).format('YYYY-MM-DD HH:mm:ss');
|
|
10
17
|
};
|
|
11
18
|
}
|
|
12
19
|
render() {
|
|
@@ -14,11 +21,11 @@ class MTimeFormatter extends React.Component {
|
|
|
14
21
|
value: date,
|
|
15
22
|
containerClassName
|
|
16
23
|
} = this.props;
|
|
17
|
-
let classname =
|
|
24
|
+
let classname = (0, _classnames.default)('dtable-ui cell-formatter-container ctime-formatter', containerClassName);
|
|
18
25
|
if (date) {
|
|
19
26
|
date = this.formatDate(date);
|
|
20
27
|
}
|
|
21
|
-
return /*#__PURE__*/
|
|
28
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
22
29
|
className: classname
|
|
23
30
|
}, date);
|
|
24
31
|
}
|
|
@@ -27,4 +34,4 @@ MTimeFormatter.defaultProps = {
|
|
|
27
34
|
value: '',
|
|
28
35
|
containerClassName: ''
|
|
29
36
|
};
|
|
30
|
-
|
|
37
|
+
var _default = exports.default = MTimeFormatter;
|
package/lib/ModalPortal/index.js
CHANGED
|
@@ -1,7 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
3
10
|
const modalRoot = document.getElementById('modal-wrapper');
|
|
4
|
-
class ModalPortal extends
|
|
11
|
+
class ModalPortal extends _react.default.Component {
|
|
5
12
|
constructor(props) {
|
|
6
13
|
super(props);
|
|
7
14
|
this.el = document.createElement('div');
|
|
@@ -13,7 +20,7 @@ class ModalPortal extends React.Component {
|
|
|
13
20
|
modalRoot.removeChild(this.el);
|
|
14
21
|
}
|
|
15
22
|
render() {
|
|
16
|
-
return
|
|
23
|
+
return /*#__PURE__*/_reactDom.default.createPortal(this.props.children, this.el);
|
|
17
24
|
}
|
|
18
25
|
}
|
|
19
|
-
|
|
26
|
+
var _default = exports.default = ModalPortal;
|
|
@@ -1,10 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _reactResponsive = _interopRequireDefault(require("react-responsive"));
|
|
11
|
+
var _lang = require("../lang");
|
|
12
|
+
var _EditEditorButton = _interopRequireDefault(require("../EditEditorButton"));
|
|
13
|
+
var _selectEditor = require("../select-editor");
|
|
14
|
+
require("./index.css");
|
|
15
|
+
class MultipleSelectEditor extends _react.default.Component {
|
|
8
16
|
constructor(props) {
|
|
9
17
|
super(props);
|
|
10
18
|
this.onMouseDown = e => {
|
|
@@ -133,34 +141,34 @@ class MultipleSelectEditor extends React.Component {
|
|
|
133
141
|
} = this.state;
|
|
134
142
|
let options = this.options;
|
|
135
143
|
let selectedOptions = this.getFormattedOptions();
|
|
136
|
-
return /*#__PURE__*/
|
|
144
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
137
145
|
ref: this.setEditorContainerRef,
|
|
138
146
|
className: "cell-editor dtable-ui-multiple-select-editor"
|
|
139
|
-
}, /*#__PURE__*/
|
|
147
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
140
148
|
ref: this.setEditorRef,
|
|
141
149
|
className: "dtable-ui-select-editor-container",
|
|
142
150
|
onClick: this.onAddOptionToggle
|
|
143
|
-
}, selectedOptions.length === 0 && /*#__PURE__*/
|
|
144
|
-
text: getLocale('Add_an_option')
|
|
151
|
+
}, selectedOptions.length === 0 && /*#__PURE__*/_react.default.createElement(_EditEditorButton.default, {
|
|
152
|
+
text: (0, _lang.getLocale)('Add_an_option')
|
|
145
153
|
}), selectedOptions.length !== 0 && selectedOptions.map(option => {
|
|
146
|
-
return /*#__PURE__*/
|
|
154
|
+
return /*#__PURE__*/_react.default.createElement(_selectEditor.SelectEditorOption, {
|
|
147
155
|
key: option.id,
|
|
148
156
|
option: option,
|
|
149
157
|
isShowRemoveIcon: true,
|
|
150
158
|
onDeleteSelectOption: this.onDeleteOption
|
|
151
159
|
});
|
|
152
|
-
})), isPopoverShow && /*#__PURE__*/
|
|
160
|
+
})), isPopoverShow && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
|
|
153
161
|
query: "(min-width: 768px)"
|
|
154
|
-
}, /*#__PURE__*/
|
|
162
|
+
}, /*#__PURE__*/_react.default.createElement(_selectEditor.PCSelectEditorPopover, {
|
|
155
163
|
popoverPosition: popoverPosition,
|
|
156
164
|
options: options,
|
|
157
165
|
selectedOptions: selectedOptions,
|
|
158
166
|
onOptionItemToggle: this.onOptionItemToggle,
|
|
159
167
|
isSupportNewOption: this.props.isSupportNewOption,
|
|
160
168
|
onAddNewOption: this.onAddNewOption
|
|
161
|
-
})), /*#__PURE__*/
|
|
169
|
+
})), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
|
|
162
170
|
query: "(max-width: 767.8px)"
|
|
163
|
-
}, /*#__PURE__*/
|
|
171
|
+
}, /*#__PURE__*/_react.default.createElement(_selectEditor.MBSelectEditorPopover, {
|
|
164
172
|
isReadOnly: this.props.isReadOnly,
|
|
165
173
|
value: this.state.newValue,
|
|
166
174
|
column: this.props.column,
|
|
@@ -177,4 +185,4 @@ MultipleSelectEditor.defaultProps = {
|
|
|
177
185
|
isReadOnly: false,
|
|
178
186
|
value: []
|
|
179
187
|
};
|
|
180
|
-
|
|
188
|
+
var _default = exports.default = MultipleSelectEditor;
|
|
@@ -1,8 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
+
var _SelectItem = _interopRequireDefault(require("../SelectItem"));
|
|
11
|
+
require("./index.css");
|
|
12
|
+
class MultipleSelectFormatter extends _react.default.PureComponent {
|
|
6
13
|
constructor() {
|
|
7
14
|
super(...arguments);
|
|
8
15
|
this.getOptions = () => {
|
|
@@ -14,7 +21,7 @@ class MultipleSelectFormatter extends React.PureComponent {
|
|
|
14
21
|
let selectedOptions = options.filter(option => value.includes(option.id) || value.includes(option.name));
|
|
15
22
|
if (selectedOptions.length === 0) return [];
|
|
16
23
|
return selectedOptions.map(option => {
|
|
17
|
-
return /*#__PURE__*/
|
|
24
|
+
return /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
|
|
18
25
|
key: "multiple-".concat(option.id),
|
|
19
26
|
option: option
|
|
20
27
|
});
|
|
@@ -26,14 +33,14 @@ class MultipleSelectFormatter extends React.PureComponent {
|
|
|
26
33
|
value,
|
|
27
34
|
containerClassName
|
|
28
35
|
} = this.props;
|
|
29
|
-
let classname =
|
|
36
|
+
let classname = (0, _classnames.default)('dtable-ui cell-formatter-container multiple-select-formatter', containerClassName);
|
|
30
37
|
if (!value || Array.isArray(value) && value.length === 0) {
|
|
31
|
-
return /*#__PURE__*/
|
|
38
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
32
39
|
className: classname
|
|
33
40
|
});
|
|
34
41
|
}
|
|
35
42
|
let options = this.getOptions();
|
|
36
|
-
return /*#__PURE__*/
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
37
44
|
className: classname
|
|
38
45
|
}, options);
|
|
39
46
|
}
|
|
@@ -41,4 +48,4 @@ class MultipleSelectFormatter extends React.PureComponent {
|
|
|
41
48
|
MultipleSelectFormatter.defaultProps = {
|
|
42
49
|
options: []
|
|
43
50
|
};
|
|
44
|
-
|
|
51
|
+
var _default = exports.default = MultipleSelectFormatter;
|
|
@@ -1,7 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _reactstrap = require("reactstrap");
|
|
10
|
+
require("./index.css");
|
|
11
|
+
class NotificationPopover extends _react.default.Component {
|
|
5
12
|
constructor() {
|
|
6
13
|
super(...arguments);
|
|
7
14
|
this.onMouseDown = e => {
|
|
@@ -39,45 +46,46 @@ export default class NotificationPopover extends React.Component {
|
|
|
39
46
|
bodyText,
|
|
40
47
|
footerText
|
|
41
48
|
} = this.props;
|
|
42
|
-
return /*#__PURE__*/
|
|
49
|
+
return /*#__PURE__*/_react.default.createElement(_reactstrap.Popover, {
|
|
43
50
|
className: "notification-wrapper",
|
|
44
51
|
target: "notification-popover",
|
|
45
52
|
isOpen: true,
|
|
46
53
|
fade: false,
|
|
47
54
|
hideArrow: true,
|
|
48
55
|
placement: "bottom"
|
|
49
|
-
}, /*#__PURE__*/
|
|
56
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
50
57
|
className: "notification-container",
|
|
51
58
|
ref: ref => this.notificationContainerRef = ref
|
|
52
|
-
}, /*#__PURE__*/
|
|
59
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
53
60
|
className: "notification-header"
|
|
54
|
-
}, headerText, /*#__PURE__*/
|
|
61
|
+
}, headerText, /*#__PURE__*/_react.default.createElement("span", {
|
|
55
62
|
className: "dtable-font dtable-icon-x notification-close-icon",
|
|
56
63
|
onClick: this.props.onNotificationListToggle
|
|
57
|
-
})), /*#__PURE__*/
|
|
64
|
+
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
58
65
|
className: "notification-body"
|
|
59
|
-
}, this.props.enableWeixin && /*#__PURE__*/
|
|
66
|
+
}, this.props.enableWeixin && /*#__PURE__*/_react.default.createElement("div", {
|
|
60
67
|
className: "show-weixin-qrcode",
|
|
61
68
|
onClick: this.onWeixinQRCodeDialogToggle
|
|
62
|
-
}, /*#__PURE__*/
|
|
69
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
63
70
|
className: "dtable-font dtable-icon-wechat weixin-icon"
|
|
64
|
-
}), /*#__PURE__*/
|
|
71
|
+
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
65
72
|
className: "ml-2"
|
|
66
|
-
}, "\u5173\u6CE8\u516C\u4F17\u53F7\u83B7\u53D6\u5B9E\u65F6\u901A\u77E5")), /*#__PURE__*/
|
|
73
|
+
}, "\u5173\u6CE8\u516C\u4F17\u53F7\u83B7\u53D6\u5B9E\u65F6\u901A\u77E5")), /*#__PURE__*/_react.default.createElement("div", {
|
|
67
74
|
className: "mark-notifications",
|
|
68
75
|
onClick: this.props.onMarkAllNotifications
|
|
69
|
-
}, bodyText), /*#__PURE__*/
|
|
76
|
+
}, bodyText), /*#__PURE__*/_react.default.createElement("div", {
|
|
70
77
|
className: "notification-list-container",
|
|
71
78
|
onScroll: this.onHandleScroll,
|
|
72
79
|
ref: ref => this.notificationListRef = ref
|
|
73
|
-
}, /*#__PURE__*/
|
|
80
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
74
81
|
ref: ref => this.notificationsWrapperRef = ref
|
|
75
|
-
}, this.props.children)), /*#__PURE__*/
|
|
82
|
+
}, this.props.children)), /*#__PURE__*/_react.default.createElement("div", {
|
|
76
83
|
className: "notification-footer",
|
|
77
84
|
onClick: this.onNotificationDialogToggle
|
|
78
85
|
}, footerText))));
|
|
79
86
|
}
|
|
80
87
|
}
|
|
88
|
+
exports.default = NotificationPopover;
|
|
81
89
|
NotificationPopover.defaultProps = {
|
|
82
90
|
headerText: '',
|
|
83
91
|
bodyText: '',
|
|
@@ -1,9 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _isHotkey = _interopRequireDefault(require("is-hotkey"));
|
|
10
|
+
var _dtableUtils = require("dtable-utils");
|
|
11
|
+
var _constants = require("../constants");
|
|
12
|
+
var _utils = require("../utils/utils");
|
|
13
|
+
class NumberEditor extends _react.default.Component {
|
|
7
14
|
constructor(props) {
|
|
8
15
|
super(props);
|
|
9
16
|
this.onEditorHandle = () => {
|
|
@@ -23,10 +30,10 @@ class NumberEditor extends React.Component {
|
|
|
23
30
|
column
|
|
24
31
|
} = this.props;
|
|
25
32
|
let inputValue = this.state.inputValue ? this.state.inputValue.toString() : '';
|
|
26
|
-
let value = inputValue ? formatStringToNumber(inputValue) : ''; // format the number to submit
|
|
33
|
+
let value = inputValue ? (0, _dtableUtils.formatStringToNumber)(inputValue) : ''; // format the number to submit
|
|
27
34
|
updated[column.key] = value;
|
|
28
35
|
this.props.onCommit(updated);
|
|
29
|
-
let newValue = getNumberDisplayString(value, column.data); // format the number to display
|
|
36
|
+
let newValue = (0, _dtableUtils.getNumberDisplayString)(value, column.data); // format the number to display
|
|
30
37
|
this.setState({
|
|
31
38
|
isEditorShow: false,
|
|
32
39
|
textValue: newValue
|
|
@@ -43,8 +50,8 @@ class NumberEditor extends React.Component {
|
|
|
43
50
|
}
|
|
44
51
|
|
|
45
52
|
//Prevent the repetition of periods bug in the Chinese input method of the Windows system
|
|
46
|
-
if (!isMac() && value.indexOf('.。') > -1) return;
|
|
47
|
-
value = replaceNumberNotAllowInput(value, this.dataFormat, currency_symbol);
|
|
53
|
+
if (!(0, _utils.isMac)() && value.indexOf('.。') > -1) return;
|
|
54
|
+
value = (0, _dtableUtils.replaceNumberNotAllowInput)(value, this.dataFormat, currency_symbol);
|
|
48
55
|
if (value === this.state.inputValue) return;
|
|
49
56
|
this.setState({
|
|
50
57
|
inputValue: value
|
|
@@ -59,7 +66,7 @@ class NumberEditor extends React.Component {
|
|
|
59
66
|
selectionEnd,
|
|
60
67
|
value
|
|
61
68
|
} = event.currentTarget;
|
|
62
|
-
if (
|
|
69
|
+
if ((0, _isHotkey.default)('enter', event)) {
|
|
63
70
|
event.preventDefault();
|
|
64
71
|
this.onBlur();
|
|
65
72
|
} else if (event.keyCode === 37 && selectionStart === 0 || event.keyCode === 39 && selectionEnd === value.length) {
|
|
@@ -87,8 +94,8 @@ class NumberEditor extends React.Component {
|
|
|
87
94
|
column: _column
|
|
88
95
|
} = this.props;
|
|
89
96
|
let dataFormat = _column.data && _column.data.format;
|
|
90
|
-
this.dataFormat = dataFormat || NUMBER_TYPES.NUMBER;
|
|
91
|
-
let initValue = getNumberDisplayString(_value, _column.data); // format the number to display
|
|
97
|
+
this.dataFormat = dataFormat || _constants.NUMBER_TYPES.NUMBER;
|
|
98
|
+
let initValue = (0, _dtableUtils.getNumberDisplayString)(_value, _column.data); // format the number to display
|
|
92
99
|
|
|
93
100
|
this.state = {
|
|
94
101
|
inputValue: initValue,
|
|
@@ -98,15 +105,15 @@ class NumberEditor extends React.Component {
|
|
|
98
105
|
}
|
|
99
106
|
render() {
|
|
100
107
|
let style = this.getStyle();
|
|
101
|
-
return /*#__PURE__*/
|
|
108
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
102
109
|
className: "cell-editor number-editor"
|
|
103
|
-
}, /*#__PURE__*/
|
|
110
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
104
111
|
className: "number-editor-container"
|
|
105
|
-
}, !this.state.isEditorShow && /*#__PURE__*/
|
|
112
|
+
}, !this.state.isEditorShow && /*#__PURE__*/_react.default.createElement("div", {
|
|
106
113
|
className: "form-control",
|
|
107
114
|
style: style,
|
|
108
115
|
onClick: this.onEditorHandle
|
|
109
|
-
}, this.state.textValue), this.state.isEditorShow && /*#__PURE__*/
|
|
116
|
+
}, this.state.textValue), this.state.isEditorShow && /*#__PURE__*/_react.default.createElement("input", {
|
|
110
117
|
ref: this.setInputRef,
|
|
111
118
|
type: "text",
|
|
112
119
|
className: "form-control",
|
|
@@ -124,4 +131,4 @@ NumberEditor.defaultProps = {
|
|
|
124
131
|
isReadOnly: false,
|
|
125
132
|
value: ''
|
|
126
133
|
};
|
|
127
|
-
|
|
134
|
+
var _default = exports.default = NumberEditor;
|
|
@@ -1,19 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
+
var _dtableUtils = require("dtable-utils");
|
|
11
|
+
require("./index.css");
|
|
12
|
+
class NumberFormatter extends _react.default.Component {
|
|
6
13
|
render() {
|
|
7
14
|
let {
|
|
8
15
|
value: number,
|
|
9
16
|
data,
|
|
10
17
|
containerClassName
|
|
11
18
|
} = this.props;
|
|
12
|
-
let classname =
|
|
19
|
+
let classname = (0, _classnames.default)('dtable-ui cell-formatter-container number-formatter', containerClassName);
|
|
13
20
|
if (number || number === 0) {
|
|
14
|
-
number = getNumberDisplayString(number, data);
|
|
21
|
+
number = (0, _dtableUtils.getNumberDisplayString)(number, data);
|
|
15
22
|
}
|
|
16
|
-
return /*#__PURE__*/
|
|
23
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
17
24
|
className: classname
|
|
18
25
|
}, number);
|
|
19
26
|
}
|
|
@@ -22,4 +29,4 @@ NumberFormatter.defaultProps = {
|
|
|
22
29
|
value: '',
|
|
23
30
|
containerClassName: ''
|
|
24
31
|
};
|
|
25
|
-
|
|
32
|
+
var _default = exports.default = NumberFormatter;
|
|
@@ -1,7 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
+
require("./index.css");
|
|
11
|
+
class RateFormatter extends _react.default.Component {
|
|
5
12
|
constructor() {
|
|
6
13
|
super(...arguments);
|
|
7
14
|
this.getRateList = () => {
|
|
@@ -17,7 +24,7 @@ class RateFormatter extends React.Component {
|
|
|
17
24
|
const validValue = Math.min(rate_max_number, value);
|
|
18
25
|
let rateList = [];
|
|
19
26
|
for (let i = 0; i < validValue; i++) {
|
|
20
|
-
rateList.push( /*#__PURE__*/
|
|
27
|
+
rateList.push( /*#__PURE__*/_react.default.createElement("i", {
|
|
21
28
|
key: "dtable-ui-component-rate-".concat(i),
|
|
22
29
|
className: "dtable-font ".concat(rate_style_type),
|
|
23
30
|
style: {
|
|
@@ -33,10 +40,10 @@ class RateFormatter extends React.Component {
|
|
|
33
40
|
value: number,
|
|
34
41
|
containerClassName
|
|
35
42
|
} = this.props;
|
|
36
|
-
const className =
|
|
43
|
+
const className = (0, _classnames.default)('dtable-ui cell-formatter-container rate-formatter', containerClassName);
|
|
37
44
|
if (!number) return null;
|
|
38
45
|
const rateList = this.getRateList();
|
|
39
|
-
return /*#__PURE__*/
|
|
46
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
40
47
|
className: className
|
|
41
48
|
}, rateList);
|
|
42
49
|
}
|
|
@@ -45,4 +52,4 @@ RateFormatter.defaultProps = {
|
|
|
45
52
|
value: '',
|
|
46
53
|
containerClassName: ''
|
|
47
54
|
};
|
|
48
|
-
|
|
55
|
+
var _default = exports.default = RateFormatter;
|
|
@@ -1,7 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _reactstrap = require("reactstrap");
|
|
11
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
12
|
+
require("./index.css");
|
|
5
13
|
const RoleStatusEditor = _ref => {
|
|
6
14
|
let {
|
|
7
15
|
isShowDropdownIcon,
|
|
@@ -10,7 +18,7 @@ const RoleStatusEditor = _ref => {
|
|
|
10
18
|
onChangeOption,
|
|
11
19
|
closeShowDropdownIcon
|
|
12
20
|
} = _ref;
|
|
13
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
21
|
+
const [isOpen, setIsOpen] = (0, _react.useState)(false);
|
|
14
22
|
const handleClickMenuOption = menuOption => {
|
|
15
23
|
const {
|
|
16
24
|
value
|
|
@@ -19,20 +27,20 @@ const RoleStatusEditor = _ref => {
|
|
|
19
27
|
if (value === currentOption.value) return;
|
|
20
28
|
onChangeOption(value);
|
|
21
29
|
};
|
|
22
|
-
return /*#__PURE__*/
|
|
30
|
+
return /*#__PURE__*/_react.default.createElement(_reactstrap.Dropdown, {
|
|
23
31
|
isOpen: isOpen,
|
|
24
32
|
className: "role-status-editor",
|
|
25
33
|
toggle: () => setIsOpen(!isOpen)
|
|
26
|
-
}, /*#__PURE__*/
|
|
34
|
+
}, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownToggle, {
|
|
27
35
|
className: "dropdown-toggle-button d-flex align-items-center",
|
|
28
36
|
tag: "div"
|
|
29
|
-
}, currentOption.label, /*#__PURE__*/
|
|
37
|
+
}, currentOption.label, /*#__PURE__*/_react.default.createElement("div", {
|
|
30
38
|
className: "dropdown-icon-container ml-1"
|
|
31
|
-
}, /*#__PURE__*/
|
|
32
|
-
className:
|
|
39
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
40
|
+
className: (0, _classnames.default)('dtable-font dtable-icon-drop-down', {
|
|
33
41
|
'hide': !isShowDropdownIcon
|
|
34
42
|
})
|
|
35
|
-
}))), /*#__PURE__*/
|
|
43
|
+
}))), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
|
|
36
44
|
positionFixed: true,
|
|
37
45
|
modifiers: {
|
|
38
46
|
preventOverflow: {
|
|
@@ -44,12 +52,12 @@ const RoleStatusEditor = _ref => {
|
|
|
44
52
|
value,
|
|
45
53
|
label
|
|
46
54
|
} = option;
|
|
47
|
-
return /*#__PURE__*/
|
|
55
|
+
return /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
|
|
48
56
|
key: "item-".concat(value),
|
|
49
57
|
onClick: () => handleClickMenuOption(option)
|
|
50
|
-
}, label, value === currentOption.value && /*#__PURE__*/
|
|
58
|
+
}, label, value === currentOption.value && /*#__PURE__*/_react.default.createElement("i", {
|
|
51
59
|
className: "dtable-font dtable-icon-check-mark ml-2"
|
|
52
60
|
}));
|
|
53
61
|
})));
|
|
54
62
|
};
|
|
55
|
-
|
|
63
|
+
var _default = exports.default = RoleStatusEditor;
|
|
@@ -1,8 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
+
var _editorUtils = require("../utils/editor-utils");
|
|
11
|
+
require("./index.css");
|
|
12
|
+
class RowExpandEmailFormatter extends _react.default.Component {
|
|
6
13
|
constructor() {
|
|
7
14
|
super(...arguments);
|
|
8
15
|
this.onOpenEmailLink = () => {
|
|
@@ -18,15 +25,15 @@ class RowExpandEmailFormatter extends React.Component {
|
|
|
18
25
|
containerClassName,
|
|
19
26
|
value
|
|
20
27
|
} = this.props;
|
|
21
|
-
let classname =
|
|
22
|
-
return /*#__PURE__*/
|
|
28
|
+
let classname = (0, _classnames.default)('dtable-ui cell-formatter-container email-formatter', containerClassName);
|
|
29
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
23
30
|
className: classname
|
|
24
|
-
}, /*#__PURE__*/
|
|
31
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
25
32
|
className: "email-formatter-value text-truncate"
|
|
26
|
-
}, value), getTrimmedString(value) && /*#__PURE__*/
|
|
33
|
+
}, value), (0, _editorUtils.getTrimmedString)(value) && /*#__PURE__*/_react.default.createElement("span", {
|
|
27
34
|
className: "dtable-font dtable-icon-email row-expand-jump-link",
|
|
28
35
|
onClick: this.onOpenEmailLink
|
|
29
36
|
}));
|
|
30
37
|
}
|
|
31
38
|
}
|
|
32
|
-
|
|
39
|
+
var _default = exports.default = RowExpandEmailFormatter;
|