dtable-ui-component 4.4.2 → 4.4.3-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.
- 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.css +21 -0
- 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/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 +63 -77
- package/lib/HtmlLongTextFormatter/markdown2html.js +0 -47
- package/lib/HtmlLongTextFormatter/unified/index.js +0 -400
- package/lib/HtmlLongTextFormatter/vfile/core.js +0 -155
- package/lib/HtmlLongTextFormatter/vfile/index.js +0 -40
|
@@ -1,6 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getImageThumbnailUrl = void 0;
|
|
7
|
+
const getImageThumbnailUrl = (url, server) => {
|
|
2
8
|
if (server && url.indexOf(server) > -1) {
|
|
3
9
|
return url.replace('/workspace', '/thumbnail/workspace') + '?size=256';
|
|
4
10
|
}
|
|
5
11
|
return url;
|
|
6
|
-
};
|
|
12
|
+
};
|
|
13
|
+
exports.getImageThumbnailUrl = getImageThumbnailUrl;
|
|
@@ -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 _reactImageLightbox = _interopRequireDefault(require("@seafile/react-image-lightbox"));
|
|
11
|
+
var _utils = require("./utils");
|
|
12
|
+
require("@seafile/react-image-lightbox/style.css");
|
|
6
13
|
function ImagePreviewerLightbox(props) {
|
|
7
14
|
const {
|
|
8
15
|
imageItems,
|
|
@@ -20,16 +27,16 @@ function ImagePreviewerLightbox(props) {
|
|
|
20
27
|
const URL = imageItems[imageIndex];
|
|
21
28
|
const imageTitle = URL ? decodeURI(URL.slice(URL.lastIndexOf('/') + 1)) : '';
|
|
22
29
|
// svg image is vectorgraph and can't rotate, external image can't rotate
|
|
23
|
-
const canRotateImage = onRotateImage && !readOnly && !checkSVGImage(URL) && isInternalImg(URL, server);
|
|
24
|
-
const imageTitleEl = /*#__PURE__*/
|
|
30
|
+
const canRotateImage = onRotateImage && !readOnly && !(0, _utils.checkSVGImage)(URL) && (0, _utils.isInternalImg)(URL, server);
|
|
31
|
+
const imageTitleEl = /*#__PURE__*/_react.default.createElement("span", {
|
|
25
32
|
className: "d-flex"
|
|
26
|
-
}, /*#__PURE__*/
|
|
33
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
27
34
|
className: "text-truncate"
|
|
28
|
-
}, imageTitle), /*#__PURE__*/
|
|
35
|
+
}, imageTitle), /*#__PURE__*/_react.default.createElement("span", {
|
|
29
36
|
className: "flex-shrink-0"
|
|
30
37
|
}, "(", imageIndex + 1, "/", imageItemsLength, ")"));
|
|
31
|
-
return /*#__PURE__*/
|
|
32
|
-
wrapperClassName:
|
|
38
|
+
return /*#__PURE__*/_react.default.createElement(_reactImageLightbox.default, {
|
|
39
|
+
wrapperClassName: (0, _classnames.default)('dtable-ui-component', className),
|
|
33
40
|
imageTitle: imageTitleEl,
|
|
34
41
|
mainSrc: imageItems[imageIndex],
|
|
35
42
|
nextSrc: imageItems[(imageIndex + 1) % imageItemsLength],
|
|
@@ -50,4 +57,4 @@ function ImagePreviewerLightbox(props) {
|
|
|
50
57
|
} : null
|
|
51
58
|
});
|
|
52
59
|
}
|
|
53
|
-
|
|
60
|
+
var _default = exports.default = ImagePreviewerLightbox;
|
|
@@ -1,9 +1,17 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.isInternalImg = exports.checkSVGImage = void 0;
|
|
7
|
+
const isInternalImg = (url, server) => {
|
|
2
8
|
if (!url) return;
|
|
3
9
|
const currentServer = server || window.dtable && window.dtable.server;
|
|
4
10
|
return url.indexOf(currentServer) > -1;
|
|
5
11
|
};
|
|
6
|
-
|
|
12
|
+
exports.isInternalImg = isInternalImg;
|
|
13
|
+
const checkSVGImage = url => {
|
|
7
14
|
if (!url) return false;
|
|
8
15
|
return url.substr(-4).toLowerCase() === '.svg';
|
|
9
|
-
};
|
|
16
|
+
};
|
|
17
|
+
exports.checkSVGImage = checkSVGImage;
|
|
@@ -1,14 +1,21 @@
|
|
|
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 _CollaboratorItem = _interopRequireDefault(require("../CollaboratorItem"));
|
|
11
|
+
var _default_avatar = _interopRequireDefault(require("../assets/images/avatar/default_avatar.png"));
|
|
12
|
+
require("./index.css");
|
|
6
13
|
// there will be there conditions
|
|
7
14
|
// 1 value is not exist, typeof value is array, but it's length is 0
|
|
8
15
|
// 2 value is exist, but can't find in collaborators
|
|
9
16
|
// 3 value is exist, typeof value is a string
|
|
10
17
|
// 4 value is exist, typeof value is array
|
|
11
|
-
class LastModifierFormatter extends
|
|
18
|
+
class LastModifierFormatter extends _react.default.PureComponent {
|
|
12
19
|
constructor() {
|
|
13
20
|
super(...arguments);
|
|
14
21
|
this.getCollaborators = () => {
|
|
@@ -25,10 +32,10 @@ class LastModifierFormatter extends React.PureComponent {
|
|
|
25
32
|
if (!collaborator) {
|
|
26
33
|
collaborator = {
|
|
27
34
|
name: item,
|
|
28
|
-
avatar_url:
|
|
35
|
+
avatar_url: _default_avatar.default
|
|
29
36
|
};
|
|
30
37
|
}
|
|
31
|
-
return /*#__PURE__*/
|
|
38
|
+
return /*#__PURE__*/_react.default.createElement(_CollaboratorItem.default, {
|
|
32
39
|
key: index,
|
|
33
40
|
collaborator: collaborator
|
|
34
41
|
});
|
|
@@ -40,14 +47,14 @@ class LastModifierFormatter extends React.PureComponent {
|
|
|
40
47
|
containerClassName,
|
|
41
48
|
value
|
|
42
49
|
} = this.props;
|
|
43
|
-
const classname =
|
|
50
|
+
const classname = (0, _classnames.default)('dtable-ui cell-formatter-container last-modified-formatter', containerClassName);
|
|
44
51
|
if (!value || Array.isArray(value) && value.length === 0) {
|
|
45
|
-
return /*#__PURE__*/
|
|
52
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
46
53
|
className: classname
|
|
47
54
|
});
|
|
48
55
|
}
|
|
49
56
|
const collaborators = this.getCollaborators();
|
|
50
|
-
return /*#__PURE__*/
|
|
57
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
51
58
|
className: classname
|
|
52
59
|
}, collaborators);
|
|
53
60
|
}
|
|
@@ -55,4 +62,4 @@ class LastModifierFormatter extends React.PureComponent {
|
|
|
55
62
|
LastModifierFormatter.defaultProps = {
|
|
56
63
|
value: ''
|
|
57
64
|
};
|
|
58
|
-
|
|
65
|
+
var _default = exports.default = LastModifierFormatter;
|
package/lib/LinkEditor/index.js
CHANGED
|
@@ -1,14 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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 _dtableUtils = require("dtable-utils");
|
|
12
|
+
var _lang = require("../lang");
|
|
13
|
+
var _constants = require("../constants");
|
|
14
|
+
var _EditEditorButton = _interopRequireDefault(require("../EditEditorButton"));
|
|
15
|
+
var _linkEditorOption = _interopRequireDefault(require("./link-editor-option"));
|
|
16
|
+
var _pcLinkEditorPopover = _interopRequireDefault(require("./pc-link-editor-popover"));
|
|
17
|
+
var _mbLinkEditorPopover = _interopRequireDefault(require("./mb-link-editor-popover"));
|
|
18
|
+
require("./index.css");
|
|
19
|
+
class LinkEditor extends _react.default.Component {
|
|
12
20
|
constructor(props) {
|
|
13
21
|
super(props);
|
|
14
22
|
this.onMouseDown = e => {
|
|
@@ -65,16 +73,16 @@ class LinkEditor extends React.Component {
|
|
|
65
73
|
data
|
|
66
74
|
} = linkedColumn;
|
|
67
75
|
switch (type) {
|
|
68
|
-
case CellType.NUMBER:
|
|
76
|
+
case _constants.CellType.NUMBER:
|
|
69
77
|
{
|
|
70
|
-
return getNumberDisplayString(value, data);
|
|
78
|
+
return (0, _dtableUtils.getNumberDisplayString)(value, data);
|
|
71
79
|
}
|
|
72
|
-
case CellType.DATE:
|
|
80
|
+
case _constants.CellType.DATE:
|
|
73
81
|
{
|
|
74
82
|
let {
|
|
75
83
|
format
|
|
76
84
|
} = data;
|
|
77
|
-
return getDateDisplayString(value, format);
|
|
85
|
+
return (0, _dtableUtils.getDateDisplayString)(value, format);
|
|
78
86
|
}
|
|
79
87
|
default:
|
|
80
88
|
return value;
|
|
@@ -213,32 +221,32 @@ class LinkEditor extends React.Component {
|
|
|
213
221
|
let options = this.getAvailableLinkedOptions();
|
|
214
222
|
let selectedOptions = this.formatLinkedValuesToOptions();
|
|
215
223
|
let isShowRemoveIcon = !isReadOnly;
|
|
216
|
-
return /*#__PURE__*/
|
|
224
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
217
225
|
ref: this.setEditorContainerRef,
|
|
218
226
|
className: "dtable-ui-link-editor"
|
|
219
|
-
}, /*#__PURE__*/
|
|
227
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
220
228
|
ref: this.setEditorRef,
|
|
221
229
|
className: "dtable-ui-link-editor-container",
|
|
222
230
|
onClick: this.onAddOptionToggle
|
|
223
|
-
}, selectedOptions.length === 0 && /*#__PURE__*/
|
|
224
|
-
text: getLocale('Add_an_option')
|
|
231
|
+
}, selectedOptions.length === 0 && /*#__PURE__*/_react.default.createElement(_EditEditorButton.default, {
|
|
232
|
+
text: (0, _lang.getLocale)('Add_an_option')
|
|
225
233
|
}), selectedOptions.length !== 0 && selectedOptions.map(option => {
|
|
226
|
-
return /*#__PURE__*/
|
|
234
|
+
return /*#__PURE__*/_react.default.createElement(_linkEditorOption.default, {
|
|
227
235
|
key: option.id,
|
|
228
236
|
option: option,
|
|
229
237
|
isShowRemoveIcon: isShowRemoveIcon,
|
|
230
238
|
onDeleteLinkOption: this.onDeleteOption
|
|
231
239
|
});
|
|
232
|
-
})), isPopoverShow && /*#__PURE__*/
|
|
240
|
+
})), isPopoverShow && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
|
|
233
241
|
query: "(min-width: 768px)"
|
|
234
|
-
}, /*#__PURE__*/
|
|
242
|
+
}, /*#__PURE__*/_react.default.createElement(_pcLinkEditorPopover.default, {
|
|
235
243
|
popoverPosition: popoverPosition,
|
|
236
244
|
options: options,
|
|
237
245
|
selectedOptions: selectedOptions,
|
|
238
246
|
onOptionItemToggle: this.onOptionItemToggle
|
|
239
|
-
})), /*#__PURE__*/
|
|
247
|
+
})), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
|
|
240
248
|
query: "(max-width: 767.8px)"
|
|
241
|
-
}, /*#__PURE__*/
|
|
249
|
+
}, /*#__PURE__*/_react.default.createElement(_mbLinkEditorPopover.default, {
|
|
242
250
|
isReadOnly: this.props.isReadOnly,
|
|
243
251
|
value: this.state.newValue,
|
|
244
252
|
column: this.props.column,
|
|
@@ -251,4 +259,4 @@ class LinkEditor extends React.Component {
|
|
|
251
259
|
LinkEditor.defaultProps = {
|
|
252
260
|
isReadOnly: false
|
|
253
261
|
};
|
|
254
|
-
|
|
262
|
+
var _default = exports.default = LinkEditor;
|
|
@@ -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 LinkEditorOption extends _react.default.Component {
|
|
3
10
|
constructor() {
|
|
4
11
|
super(...arguments);
|
|
5
12
|
this.onDeleteOption = event => {
|
|
@@ -54,21 +61,21 @@ class LinkEditorOption extends React.Component {
|
|
|
54
61
|
let optionStyle = this.getOptionStyle();
|
|
55
62
|
let optionNameStyle = this.getOptionNameStyle();
|
|
56
63
|
let operationStyle = this.getOperationStyle();
|
|
57
|
-
return /*#__PURE__*/
|
|
64
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
58
65
|
className: "dtable-ui link-option-item",
|
|
59
66
|
style: containerStyle
|
|
60
|
-
}, /*#__PURE__*/
|
|
67
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
61
68
|
className: "option-info",
|
|
62
69
|
style: optionStyle
|
|
63
|
-
}, /*#__PURE__*/
|
|
70
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
64
71
|
className: "option-name",
|
|
65
72
|
style: optionNameStyle,
|
|
66
73
|
title: option.name
|
|
67
|
-
}, option.name)), isShowRemoveIcon && /*#__PURE__*/
|
|
74
|
+
}, option.name)), isShowRemoveIcon && /*#__PURE__*/_react.default.createElement("div", {
|
|
68
75
|
className: "option-remove",
|
|
69
76
|
style: operationStyle,
|
|
70
77
|
onClick: this.onDeleteOption
|
|
71
|
-
}, /*#__PURE__*/
|
|
78
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
72
79
|
className: "dtable-font dtable-icon-fork-number",
|
|
73
80
|
style: {
|
|
74
81
|
fontSize: '12px',
|
|
@@ -80,4 +87,4 @@ class LinkEditorOption extends React.Component {
|
|
|
80
87
|
LinkEditorOption.defaultProps = {
|
|
81
88
|
isShowRemoveIcon: false
|
|
82
89
|
};
|
|
83
|
-
|
|
90
|
+
var _default = exports.default = LinkEditorOption;
|
|
@@ -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 _lang = require("../../lang");
|
|
10
|
+
var _MBEditorHeader = _interopRequireDefault(require("../../MBEditorHeader"));
|
|
11
|
+
require("./index.css");
|
|
12
|
+
class MBLinkEditorPopover extends _react.default.Component {
|
|
6
13
|
constructor(props) {
|
|
7
14
|
super(props);
|
|
8
15
|
this.handleHistaryBack = e => {
|
|
@@ -61,16 +68,16 @@ class MBLinkEditorPopover extends React.Component {
|
|
|
61
68
|
} = this.props;
|
|
62
69
|
return options.map((option, index) => {
|
|
63
70
|
let isSelect = value.some(item => item === option.id);
|
|
64
|
-
return /*#__PURE__*/
|
|
71
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
65
72
|
className: "mb-link-option-item",
|
|
66
73
|
key: index,
|
|
67
74
|
onMouseDown: this.onSelectOption.bind(this, option)
|
|
68
|
-
}, /*#__PURE__*/
|
|
75
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
69
76
|
className: "mb-option-info"
|
|
70
|
-
}, /*#__PURE__*/
|
|
77
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
71
78
|
className: "option-name",
|
|
72
79
|
title: option.name
|
|
73
|
-
}, option.name)), isSelect && /*#__PURE__*/
|
|
80
|
+
}, option.name)), isSelect && /*#__PURE__*/_react.default.createElement("i", {
|
|
74
81
|
className: "mb-option-checked dtable-font dtable-icon-check-mark"
|
|
75
82
|
}));
|
|
76
83
|
});
|
|
@@ -97,42 +104,42 @@ class MBLinkEditorPopover extends React.Component {
|
|
|
97
104
|
searchVal
|
|
98
105
|
} = this.state;
|
|
99
106
|
let filterOptions = this.getFilterOptions();
|
|
100
|
-
return /*#__PURE__*/
|
|
107
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
101
108
|
ref: this.setEditorPopover,
|
|
102
109
|
className: "dtable-ui-mb-editor-popover mb-link-editor-popover",
|
|
103
110
|
onClick: this.onContainerClick
|
|
104
|
-
}, /*#__PURE__*/
|
|
111
|
+
}, /*#__PURE__*/_react.default.createElement(_MBEditorHeader.default, {
|
|
105
112
|
title: column.name,
|
|
106
|
-
leftContent: /*#__PURE__*/
|
|
113
|
+
leftContent: /*#__PURE__*/_react.default.createElement("i", {
|
|
107
114
|
className: "dtable-font dtable-icon-return"
|
|
108
115
|
}),
|
|
109
|
-
rightContent: /*#__PURE__*/
|
|
116
|
+
rightContent: /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Done')),
|
|
110
117
|
onLeftClick: this.props.onClosePopover,
|
|
111
118
|
onRightClick: this.props.onClosePopover
|
|
112
|
-
}), /*#__PURE__*/
|
|
119
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
113
120
|
className: "dtable-ui-mb-editor-body dtable-ui-mb-link-editor-body"
|
|
114
|
-
}, /*#__PURE__*/
|
|
121
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
115
122
|
className: "mb-search-link-items"
|
|
116
|
-
}, /*#__PURE__*/
|
|
123
|
+
}, /*#__PURE__*/_react.default.createElement("input", {
|
|
117
124
|
className: "form-control",
|
|
118
125
|
type: "text",
|
|
119
|
-
placeholder: getLocale('Find_an_option'),
|
|
126
|
+
placeholder: (0, _lang.getLocale)('Find_an_option'),
|
|
120
127
|
value: searchVal,
|
|
121
128
|
onChange: this.onChangeSearch,
|
|
122
129
|
onClick: this.onInputClick
|
|
123
|
-
})), /*#__PURE__*/
|
|
130
|
+
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
124
131
|
className: "mb-link-container"
|
|
125
|
-
}, /*#__PURE__*/
|
|
132
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
126
133
|
className: "title"
|
|
127
|
-
}, getLocale('Choose_an_option')), /*#__PURE__*/
|
|
134
|
+
}, (0, _lang.getLocale)('Choose_an_option')), /*#__PURE__*/_react.default.createElement("div", {
|
|
128
135
|
className: "content"
|
|
129
|
-
}, filterOptions.length === 0 && /*#__PURE__*/
|
|
136
|
+
}, filterOptions.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
|
|
130
137
|
className: "search-result-none"
|
|
131
|
-
}, getLocale('No_options_available')), filterOptions.length > 0 && this.renderFilteredOptions(filterOptions)))));
|
|
138
|
+
}, (0, _lang.getLocale)('No_options_available')), filterOptions.length > 0 && this.renderFilteredOptions(filterOptions)))));
|
|
132
139
|
}
|
|
133
140
|
}
|
|
134
141
|
MBLinkEditorPopover.defaultProps = {
|
|
135
142
|
isReadOnly: false,
|
|
136
143
|
value: []
|
|
137
144
|
};
|
|
138
|
-
|
|
145
|
+
var _default = exports.default = MBLinkEditorPopover;
|
|
@@ -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 _lang = require("../../lang");
|
|
10
|
+
require("./index.css");
|
|
11
|
+
class PCLinkEditorPopover extends _react.default.Component {
|
|
5
12
|
constructor(props) {
|
|
6
13
|
super(props);
|
|
7
14
|
this.onValueChanged = event => {
|
|
@@ -47,44 +54,44 @@ class PCLinkEditorPopover extends React.Component {
|
|
|
47
54
|
}, {
|
|
48
55
|
position: 'absolute'
|
|
49
56
|
});
|
|
50
|
-
return /*#__PURE__*/
|
|
57
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
51
58
|
className: "dtable-ui-editor-popover dtable-ui-link-editor-popover",
|
|
52
59
|
style: popoverStyle
|
|
53
|
-
}, /*#__PURE__*/
|
|
60
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
54
61
|
className: "link-options-search"
|
|
55
|
-
}, /*#__PURE__*/
|
|
62
|
+
}, /*#__PURE__*/_react.default.createElement("input", {
|
|
56
63
|
className: "form-control",
|
|
57
64
|
value: searchValue,
|
|
58
65
|
onChange: this.onValueChanged,
|
|
59
66
|
onClick: this.onInputClick,
|
|
60
|
-
placeholder: getLocale('Find_an_option')
|
|
61
|
-
})), /*#__PURE__*/
|
|
67
|
+
placeholder: (0, _lang.getLocale)('Find_an_option')
|
|
68
|
+
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
62
69
|
className: "link-options-container"
|
|
63
70
|
}, options.length > 0 && options.map((option, index) => {
|
|
64
71
|
let isSelect = selectedOptions.some(selectedOption => {
|
|
65
72
|
return selectedOption.id === option.id;
|
|
66
73
|
});
|
|
67
|
-
return /*#__PURE__*/
|
|
74
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
68
75
|
key: index,
|
|
69
76
|
className: "link-option-item",
|
|
70
77
|
onClick: this.onOptionItemToggle.bind(this, option)
|
|
71
|
-
}, /*#__PURE__*/
|
|
78
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
72
79
|
className: "option-info"
|
|
73
|
-
}, /*#__PURE__*/
|
|
80
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
74
81
|
className: "option-name",
|
|
75
82
|
title: option.name
|
|
76
|
-
}, option.name)), /*#__PURE__*/
|
|
83
|
+
}, option.name)), /*#__PURE__*/_react.default.createElement("div", {
|
|
77
84
|
className: "option-checked"
|
|
78
|
-
}, isSelect && /*#__PURE__*/
|
|
85
|
+
}, isSelect && /*#__PURE__*/_react.default.createElement("i", {
|
|
79
86
|
className: "dtable-font dtable-icon-check-mark"
|
|
80
87
|
})));
|
|
81
|
-
}), options.length === 0 && /*#__PURE__*/
|
|
88
|
+
}), options.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
|
|
82
89
|
className: "link-option-null"
|
|
83
|
-
}, getLocale('No_options_available'))));
|
|
90
|
+
}, (0, _lang.getLocale)('No_options_available'))));
|
|
84
91
|
}
|
|
85
92
|
}
|
|
86
93
|
PCLinkEditorPopover.defaultProps = {
|
|
87
94
|
popoverPosition: {},
|
|
88
95
|
options: []
|
|
89
96
|
};
|
|
90
|
-
|
|
97
|
+
var _default = exports.default = PCLinkEditorPopover;
|
|
@@ -1,8 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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");
|
|
4
11
|
// link value is get form parant's interface
|
|
5
|
-
class LinkFormatter extends
|
|
12
|
+
class LinkFormatter extends _react.default.Component {
|
|
6
13
|
constructor(props) {
|
|
7
14
|
super(props);
|
|
8
15
|
this.getLinkedCellValue = row => {
|
|
@@ -47,11 +54,11 @@ class LinkFormatter extends React.Component {
|
|
|
47
54
|
display_column_key: displayColumnKey
|
|
48
55
|
} = column.data;
|
|
49
56
|
let displayValue = this.getDisplayValue(linkedTable, row, displayColumnKey);
|
|
50
|
-
return /*#__PURE__*/
|
|
57
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
51
58
|
key: index,
|
|
52
59
|
className: "link-item",
|
|
53
60
|
onClick: this.expandLinkedTableRow.bind(this, row)
|
|
54
|
-
}, /*#__PURE__*/
|
|
61
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
55
62
|
className: "link-name",
|
|
56
63
|
title: displayValue
|
|
57
64
|
}, displayValue));
|
|
@@ -69,16 +76,16 @@ class LinkFormatter extends React.Component {
|
|
|
69
76
|
} = linkedColumn;
|
|
70
77
|
// todo: improve
|
|
71
78
|
switch (type) {
|
|
72
|
-
case CellType.NUMBER:
|
|
79
|
+
case _dtableUtils.CellType.NUMBER:
|
|
73
80
|
{
|
|
74
|
-
return getNumberDisplayString(value, data);
|
|
81
|
+
return (0, _dtableUtils.getNumberDisplayString)(value, data);
|
|
75
82
|
}
|
|
76
|
-
case CellType.DATE:
|
|
83
|
+
case _dtableUtils.CellType.DATE:
|
|
77
84
|
{
|
|
78
85
|
let {
|
|
79
86
|
format
|
|
80
87
|
} = data;
|
|
81
|
-
return getDateDisplayString(value, format);
|
|
88
|
+
return (0, _dtableUtils.getDateDisplayString)(value, format);
|
|
82
89
|
}
|
|
83
90
|
default:
|
|
84
91
|
return value;
|
|
@@ -105,9 +112,9 @@ class LinkFormatter extends React.Component {
|
|
|
105
112
|
const {
|
|
106
113
|
containerClassName
|
|
107
114
|
} = this.props;
|
|
108
|
-
const classname =
|
|
115
|
+
const classname = (0, _classnames.default)('dtable-ui cell-formatter-container link-formatter', containerClassName);
|
|
109
116
|
let displayValues = this.getDisplayValues();
|
|
110
|
-
return /*#__PURE__*/
|
|
117
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
111
118
|
className: classname
|
|
112
119
|
}, displayValues);
|
|
113
120
|
}
|
|
@@ -119,4 +126,4 @@ LinkFormatter.defaultProps = {
|
|
|
119
126
|
column: {},
|
|
120
127
|
row: {}
|
|
121
128
|
};
|
|
122
|
-
|
|
129
|
+
var _default = exports.default = LinkFormatter;
|
package/lib/Loading/index.js
CHANGED
|
@@ -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 = Loading;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
require("./index.css");
|
|
10
|
+
function Loading() {
|
|
11
|
+
return /*#__PURE__*/_react.default.createElement("span", {
|
|
5
12
|
className: "loading-icon loading-tip"
|
|
6
13
|
});
|
|
7
14
|
}
|
|
@@ -1,6 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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 _HtmlLongTextFormatter = _interopRequireDefault(require("../HtmlLongTextFormatter"));
|
|
10
|
+
var _SimpleLongTextFormatter = _interopRequireDefault(require("../SimpleLongTextFormatter"));
|
|
4
11
|
function LongTextFormatter(props) {
|
|
5
12
|
const {
|
|
6
13
|
isSample,
|
|
@@ -8,12 +15,12 @@ function LongTextFormatter(props) {
|
|
|
8
15
|
containerClassName
|
|
9
16
|
} = props;
|
|
10
17
|
if (isSample) {
|
|
11
|
-
return /*#__PURE__*/
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement(_SimpleLongTextFormatter.default, {
|
|
12
19
|
value: value,
|
|
13
20
|
containerClassName: containerClassName
|
|
14
21
|
});
|
|
15
22
|
}
|
|
16
|
-
return /*#__PURE__*/
|
|
23
|
+
return /*#__PURE__*/_react.default.createElement(_HtmlLongTextFormatter.default, {
|
|
17
24
|
value: value,
|
|
18
25
|
containerClassName: containerClassName
|
|
19
26
|
});
|
|
@@ -21,4 +28,4 @@ function LongTextFormatter(props) {
|
|
|
21
28
|
LongTextFormatter.defaultProps = {
|
|
22
29
|
isSample: true
|
|
23
30
|
};
|
|
24
|
-
|
|
31
|
+
var _default = exports.default = LongTextFormatter;
|