dtable-ui-component 0.1.75-beta → 0.1.75-beta1
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/app.css +20 -0
- package/lib/app.js +96 -0
- package/lib/assets/images/avatar/default_avatar.png +0 -0
- package/lib/assets/images/file/192/excel.png +0 -0
- package/lib/assets/images/file/192/file.png +0 -0
- package/lib/assets/images/file/192/music.png +0 -0
- package/lib/assets/images/file/192/pdf.png +0 -0
- package/lib/assets/images/file/192/pic.png +0 -0
- package/lib/assets/images/file/192/ppt.png +0 -0
- package/lib/assets/images/file/192/txt.png +0 -0
- package/lib/assets/images/file/192/video.png +0 -0
- package/lib/assets/images/file/192/word.png +0 -0
- package/lib/assets/images/file/24/excel.png +0 -0
- package/lib/assets/images/file/24/file.png +0 -0
- package/lib/assets/images/file/24/music.png +0 -0
- package/lib/assets/images/file/24/pdf.png +0 -0
- package/lib/assets/images/file/24/pic.png +0 -0
- package/lib/assets/images/file/24/ppt.png +0 -0
- package/lib/assets/images/file/24/txt.png +0 -0
- package/lib/assets/images/file/24/video.png +0 -0
- package/lib/assets/images/file/24/word.png +0 -0
- package/lib/assets/images/folder/folder-192.png +0 -0
- package/lib/assets/images/folder/folder-24.png +0 -0
- package/lib/components/cell-editor/checkbox-editor.js +111 -0
- package/lib/components/cell-editor/collaborator-editor.js +249 -0
- package/lib/components/cell-editor/date-editor.js +171 -0
- package/lib/components/cell-editor/index.js +40 -0
- package/lib/components/cell-editor/link-editor.js +321 -0
- package/lib/components/cell-editor/multiple-select-editor.js +250 -0
- package/lib/components/cell-editor/number-editor.js +162 -0
- package/lib/components/cell-editor/single-select-editor.js +216 -0
- package/lib/components/cell-editor/text-editor.js +129 -0
- package/lib/components/cell-editor-dialog/pc-file-editor-dialog.js +66 -0
- package/lib/components/cell-editor-dialog/pc-files-addition/index.js +1 -0
- package/lib/components/cell-editor-dialog/pc-files-addition/pc-file-uploaded-item.js +1 -0
- package/lib/components/cell-editor-dialog/pc-files-preview/index.js +1 -0
- package/lib/components/cell-editor-dialog/pc-files-preview/pc-file-item-preview.js +1 -0
- package/lib/components/cell-editor-popover/mb-collaborator-editor-popover.js +183 -0
- package/lib/components/cell-editor-popover/mb-date-editor-popover.js +262 -0
- package/lib/components/cell-editor-popover/mb-link-editor-popover.js +176 -0
- package/lib/components/cell-editor-popover/mb-select-editor-popover.js +243 -0
- package/lib/components/cell-editor-popover/pc-collaborator-editor-popover.js +124 -0
- package/lib/components/cell-editor-popover/pc-date-editor-popover.js +156 -0
- package/lib/components/cell-editor-popover/pc-link-editor-popover.js +128 -0
- package/lib/components/cell-editor-popover/pc-select-editor-popover.js +157 -0
- package/lib/components/cell-factory/cell-formatter-factory.js +28 -0
- package/lib/components/cell-formatter/auto-number-formatter.js +45 -0
- package/lib/components/cell-formatter/button-formatter.js +66 -0
- package/lib/components/cell-formatter/checkbox-formatter.js +56 -0
- package/lib/components/cell-formatter/collaborator-formatter.js +111 -0
- package/lib/components/cell-formatter/creator-formatter.js +105 -0
- package/lib/components/cell-formatter/ctime-formatter.js +70 -0
- package/lib/components/cell-formatter/date-formatter.js +73 -0
- package/lib/components/cell-formatter/duration-formatter.js +49 -0
- package/lib/components/cell-formatter/email-formatter.js +45 -0
- package/lib/components/cell-formatter/file-formatter.js +77 -0
- package/lib/components/cell-formatter/formatter-config.js +66 -0
- package/lib/components/cell-formatter/formula-formatter.js +189 -0
- package/lib/components/cell-formatter/geolocation-formatter.js +66 -0
- package/lib/components/cell-formatter/image-formatter.js +171 -0
- package/lib/components/cell-formatter/index.js +112 -0
- package/lib/components/cell-formatter/last-modifier-formatter.js +105 -0
- package/lib/components/cell-formatter/link-formatter.js +165 -0
- package/lib/components/cell-formatter/long-text-formatter.js +46 -0
- package/lib/components/cell-formatter/mtime-formatter.js +70 -0
- package/lib/components/cell-formatter/multiple-select-formatter.js +84 -0
- package/lib/components/cell-formatter/number-formatter.js +60 -0
- package/lib/components/cell-formatter/rate-formatter.js +93 -0
- package/lib/components/cell-formatter/single-select-formatter.js +84 -0
- package/lib/components/cell-formatter/text-formatter.js +67 -0
- package/lib/components/cell-formatter/url-formatter.js +45 -0
- package/lib/components/cell-formatter/widgets/file-item-formatter.js +63 -0
- package/lib/components/cell-formatter/widgets/image-previewer-lightbox.js +152 -0
- package/lib/components/cell-formatter/widgets/long-text-formatter/html-long-text-formatter.js +107 -0
- package/lib/components/cell-formatter/widgets/long-text-formatter/simple-long-text-formatter.js +110 -0
- package/lib/components/common/collaborator-item.js +79 -0
- package/lib/components/common/edit-editor-button.js +67 -0
- package/lib/components/common/images-lazy-load.js +158 -0
- package/lib/components/common/link-editor-option.js +121 -0
- package/lib/components/common/mobile/mb-editor-header.js +61 -0
- package/lib/components/common/modal-portal.js +51 -0
- package/lib/components/common/select-editor-option.js +122 -0
- package/lib/components/common/select-item.js +73 -0
- package/lib/components/file-uploader/index.js +63 -0
- package/lib/components/loading.js +16 -0
- package/lib/components/toast/alert.js +164 -0
- package/lib/components/toast/index.js +12 -0
- package/lib/components/toast/toast.js +223 -0
- package/lib/components/toast/toastManager.js +189 -0
- package/lib/components/toast/toaster.js +92 -0
- package/lib/constants/cell-types.js +54 -0
- package/lib/constants/index.js +70 -0
- package/lib/css/cell-editor.css +614 -0
- package/lib/css/cell-formatter.css +247 -0
- package/lib/css/custom-rc-calendar.css +118 -0
- package/lib/css/image-previewer-ligntbox.css +87 -0
- package/lib/css/loading.css +54 -0
- package/lib/index.js +64 -0
- package/lib/lang/index.js +66 -0
- package/lib/locals/de.js +7 -0
- package/lib/locals/en.js +22 -0
- package/lib/locals/fr.js +7 -0
- package/lib/locals/zh-CN.js +22 -0
- package/lib/utils/cell-value-validator.js +41 -0
- package/lib/utils/column-utils.js +15 -0
- package/lib/utils/editor-utils.js +81 -0
- package/lib/utils/markdown2html.js +68 -0
- package/lib/utils/normalize-long-text-value.js +74 -0
- package/lib/utils/number-precision.js +181 -0
- package/lib/utils/unified/index.js +470 -0
- package/lib/utils/utils.js +141 -0
- package/lib/utils/value-format-utils.js +545 -0
- package/lib/utils/vfile/core.js +172 -0
- package/lib/utils/vfile/index.js +48 -0
- package/package.json +3 -3
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
9
|
+
|
|
10
|
+
var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
|
|
11
|
+
|
|
12
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
+
|
|
14
|
+
var _react = _interopRequireDefault(require("react"));
|
|
15
|
+
|
|
16
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
17
|
+
|
|
18
|
+
var _astroClassname = _interopRequireDefault(require("astro-classname"));
|
|
19
|
+
|
|
20
|
+
var _collaboratorItem = _interopRequireDefault(require("../common/collaborator-item"));
|
|
21
|
+
|
|
22
|
+
var _default_avatar = _interopRequireDefault(require("../../assets/images/avatar/default_avatar.png"));
|
|
23
|
+
|
|
24
|
+
var propTypes = {
|
|
25
|
+
containerClassName: _propTypes.default.string,
|
|
26
|
+
value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]).isRequired,
|
|
27
|
+
collaborators: _propTypes.default.arrayOf(_propTypes.default.exact({
|
|
28
|
+
email: _propTypes.default.string.isRequired,
|
|
29
|
+
name: _propTypes.default.string.isRequired,
|
|
30
|
+
contact_email: _propTypes.default.string.isRequired,
|
|
31
|
+
avatar_url: _propTypes.default.string.isRequired
|
|
32
|
+
})),
|
|
33
|
+
enableDeleteCollaborator: _propTypes.default.bool,
|
|
34
|
+
onDeleteCollaborator: _propTypes.default.func
|
|
35
|
+
}; // there will be there conditions
|
|
36
|
+
// 1 value is not exist, typeof value is array, but it's length is 0
|
|
37
|
+
// 2 value is exist, but can't find in collaborators
|
|
38
|
+
// 3 value is exist, typeof value is a string
|
|
39
|
+
// 4 value is exist, typeof value is array
|
|
40
|
+
|
|
41
|
+
var CollaboratorFormatter = /*#__PURE__*/function (_React$PureComponent) {
|
|
42
|
+
(0, _inheritsLoose2.default)(CollaboratorFormatter, _React$PureComponent);
|
|
43
|
+
|
|
44
|
+
function CollaboratorFormatter() {
|
|
45
|
+
var _this;
|
|
46
|
+
|
|
47
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
48
|
+
args[_key] = arguments[_key];
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
|
|
52
|
+
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getCollaborators", function () {
|
|
53
|
+
var _this$props = _this.props,
|
|
54
|
+
value = _this$props.value,
|
|
55
|
+
collaborators = _this$props.collaborators,
|
|
56
|
+
enableDeleteCollaborator = _this$props.enableDeleteCollaborator,
|
|
57
|
+
onDeleteCollaborator = _this$props.onDeleteCollaborator;
|
|
58
|
+
|
|
59
|
+
if (!Array.isArray(value)) {
|
|
60
|
+
value = [value];
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
return value.map(function (item, index) {
|
|
64
|
+
var collaborator = collaborators.find(function (collaborator) {
|
|
65
|
+
return collaborator.email === item;
|
|
66
|
+
});
|
|
67
|
+
|
|
68
|
+
if (!collaborator) {
|
|
69
|
+
collaborator = {
|
|
70
|
+
name: item,
|
|
71
|
+
avatar_url: _default_avatar.default
|
|
72
|
+
};
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
return /*#__PURE__*/_react.default.createElement(_collaboratorItem.default, {
|
|
76
|
+
key: index,
|
|
77
|
+
collaborator: collaborator,
|
|
78
|
+
enableDeleteCollaborator: enableDeleteCollaborator,
|
|
79
|
+
onDeleteCollaborator: onDeleteCollaborator
|
|
80
|
+
});
|
|
81
|
+
});
|
|
82
|
+
});
|
|
83
|
+
return _this;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
var _proto = CollaboratorFormatter.prototype;
|
|
87
|
+
|
|
88
|
+
_proto.render = function render() {
|
|
89
|
+
var _this$props2 = this.props,
|
|
90
|
+
containerClassName = _this$props2.containerClassName,
|
|
91
|
+
value = _this$props2.value;
|
|
92
|
+
var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container collaborator-formatter', containerClassName);
|
|
93
|
+
|
|
94
|
+
if (!value || Array.isArray(value) && value.length === 0) {
|
|
95
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
96
|
+
className: classname
|
|
97
|
+
});
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
var collaborators = this.getCollaborators();
|
|
101
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
102
|
+
className: classname
|
|
103
|
+
}, collaborators);
|
|
104
|
+
};
|
|
105
|
+
|
|
106
|
+
return CollaboratorFormatter;
|
|
107
|
+
}(_react.default.PureComponent);
|
|
108
|
+
|
|
109
|
+
CollaboratorFormatter.propTypes = propTypes;
|
|
110
|
+
var _default = CollaboratorFormatter;
|
|
111
|
+
exports.default = _default;
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
9
|
+
|
|
10
|
+
var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
|
|
11
|
+
|
|
12
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
+
|
|
14
|
+
var _react = _interopRequireDefault(require("react"));
|
|
15
|
+
|
|
16
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
17
|
+
|
|
18
|
+
var _astroClassname = _interopRequireDefault(require("astro-classname"));
|
|
19
|
+
|
|
20
|
+
var _collaboratorItem = _interopRequireDefault(require("../common/collaborator-item"));
|
|
21
|
+
|
|
22
|
+
var _default_avatar = _interopRequireDefault(require("../../assets/images/avatar/default_avatar.png"));
|
|
23
|
+
|
|
24
|
+
var propTypes = {
|
|
25
|
+
containerClassName: _propTypes.default.string,
|
|
26
|
+
value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]).isRequired,
|
|
27
|
+
collaborators: _propTypes.default.arrayOf(_propTypes.default.exact({
|
|
28
|
+
email: _propTypes.default.string.isRequired,
|
|
29
|
+
name: _propTypes.default.string.isRequired,
|
|
30
|
+
contact_email: _propTypes.default.string.isRequired,
|
|
31
|
+
avatar_url: _propTypes.default.string.isRequired
|
|
32
|
+
}))
|
|
33
|
+
}; // there will be there conditions
|
|
34
|
+
// 1 value is not exist, typeof value is array, but it's length is 0
|
|
35
|
+
// 2 value is exist, but can't find in collaborators
|
|
36
|
+
// 3 value is exist, typeof value is a string
|
|
37
|
+
// 4 value is exist, typeof value is array
|
|
38
|
+
|
|
39
|
+
var CreatorFormatter = /*#__PURE__*/function (_React$PureComponent) {
|
|
40
|
+
(0, _inheritsLoose2.default)(CreatorFormatter, _React$PureComponent);
|
|
41
|
+
|
|
42
|
+
function CreatorFormatter() {
|
|
43
|
+
var _this;
|
|
44
|
+
|
|
45
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
46
|
+
args[_key] = arguments[_key];
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
|
|
50
|
+
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getCollaborators", function () {
|
|
51
|
+
var _this$props = _this.props,
|
|
52
|
+
value = _this$props.value,
|
|
53
|
+
collaborators = _this$props.collaborators;
|
|
54
|
+
|
|
55
|
+
if (!Array.isArray(value)) {
|
|
56
|
+
value = [value];
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
return value.map(function (item, index) {
|
|
60
|
+
var collaborator = collaborators.find(function (collaborator) {
|
|
61
|
+
return collaborator.email === item;
|
|
62
|
+
}); // the collaborator can be not exist, because the row created by third app
|
|
63
|
+
|
|
64
|
+
if (!collaborator) {
|
|
65
|
+
collaborator = {
|
|
66
|
+
name: item,
|
|
67
|
+
avatar_url: _default_avatar.default
|
|
68
|
+
};
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
return /*#__PURE__*/_react.default.createElement(_collaboratorItem.default, {
|
|
72
|
+
key: index,
|
|
73
|
+
collaborator: collaborator
|
|
74
|
+
});
|
|
75
|
+
});
|
|
76
|
+
});
|
|
77
|
+
return _this;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
var _proto = CreatorFormatter.prototype;
|
|
81
|
+
|
|
82
|
+
_proto.render = function render() {
|
|
83
|
+
var _this$props2 = this.props,
|
|
84
|
+
containerClassName = _this$props2.containerClassName,
|
|
85
|
+
value = _this$props2.value;
|
|
86
|
+
var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container creator-formatter', containerClassName);
|
|
87
|
+
|
|
88
|
+
if (!value || Array.isArray(value) && value.length === 0) {
|
|
89
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
90
|
+
className: classname
|
|
91
|
+
});
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
var collaborators = this.getCollaborators();
|
|
95
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
96
|
+
className: classname
|
|
97
|
+
}, collaborators);
|
|
98
|
+
};
|
|
99
|
+
|
|
100
|
+
return CreatorFormatter;
|
|
101
|
+
}(_react.default.PureComponent);
|
|
102
|
+
|
|
103
|
+
CreatorFormatter.propTypes = propTypes;
|
|
104
|
+
var _default = CreatorFormatter;
|
|
105
|
+
exports.default = _default;
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
9
|
+
|
|
10
|
+
var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
|
|
11
|
+
|
|
12
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
+
|
|
14
|
+
var _react = _interopRequireDefault(require("react"));
|
|
15
|
+
|
|
16
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
17
|
+
|
|
18
|
+
var _astroClassname = _interopRequireDefault(require("astro-classname"));
|
|
19
|
+
|
|
20
|
+
var _moment = _interopRequireDefault(require("moment"));
|
|
21
|
+
|
|
22
|
+
var propTypes = {
|
|
23
|
+
value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
|
|
24
|
+
containerClassName: _propTypes.default.string
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
var CTimeFormatter = /*#__PURE__*/function (_React$Component) {
|
|
28
|
+
(0, _inheritsLoose2.default)(CTimeFormatter, _React$Component);
|
|
29
|
+
|
|
30
|
+
function CTimeFormatter() {
|
|
31
|
+
var _this;
|
|
32
|
+
|
|
33
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
34
|
+
args[_key] = arguments[_key];
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
|
|
38
|
+
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "formatDate", function (date) {
|
|
39
|
+
return (0, _moment.default)(date).format('YYYY-MM-DD HH:mm:ss');
|
|
40
|
+
});
|
|
41
|
+
return _this;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
var _proto = CTimeFormatter.prototype;
|
|
45
|
+
|
|
46
|
+
_proto.render = function render() {
|
|
47
|
+
var _this$props = this.props,
|
|
48
|
+
date = _this$props.value,
|
|
49
|
+
containerClassName = _this$props.containerClassName;
|
|
50
|
+
var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container ctime-formatter', containerClassName);
|
|
51
|
+
|
|
52
|
+
if (date !== '') {
|
|
53
|
+
date = this.formatDate(date);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
57
|
+
className: classname
|
|
58
|
+
}, date);
|
|
59
|
+
};
|
|
60
|
+
|
|
61
|
+
return CTimeFormatter;
|
|
62
|
+
}(_react.default.Component);
|
|
63
|
+
|
|
64
|
+
(0, _defineProperty2.default)(CTimeFormatter, "defaultProps", {
|
|
65
|
+
value: '',
|
|
66
|
+
containerClassName: ''
|
|
67
|
+
});
|
|
68
|
+
CTimeFormatter.propTypes = propTypes;
|
|
69
|
+
var _default = CTimeFormatter;
|
|
70
|
+
exports.default = _default;
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
9
|
+
|
|
10
|
+
var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
|
|
11
|
+
|
|
12
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
+
|
|
14
|
+
var _react = _interopRequireDefault(require("react"));
|
|
15
|
+
|
|
16
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
17
|
+
|
|
18
|
+
var _astroClassname = _interopRequireDefault(require("astro-classname"));
|
|
19
|
+
|
|
20
|
+
var _valueFormatUtils = require("../../utils/value-format-utils");
|
|
21
|
+
|
|
22
|
+
var propTypes = {
|
|
23
|
+
value: _propTypes.default.string,
|
|
24
|
+
format: _propTypes.default.string,
|
|
25
|
+
containerClassName: _propTypes.default.string
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
var DateFormatter = /*#__PURE__*/function (_React$Component) {
|
|
29
|
+
(0, _inheritsLoose2.default)(DateFormatter, _React$Component);
|
|
30
|
+
|
|
31
|
+
function DateFormatter() {
|
|
32
|
+
var _this;
|
|
33
|
+
|
|
34
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
35
|
+
args[_key] = arguments[_key];
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
|
|
39
|
+
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "formatDate", function (date, format) {
|
|
40
|
+
return (0, _valueFormatUtils.getDateDisplayString)(date, format);
|
|
41
|
+
});
|
|
42
|
+
return _this;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
var _proto = DateFormatter.prototype;
|
|
46
|
+
|
|
47
|
+
_proto.render = function render() {
|
|
48
|
+
var _this$props = this.props,
|
|
49
|
+
date = _this$props.value,
|
|
50
|
+
format = _this$props.format,
|
|
51
|
+
containerClassName = _this$props.containerClassName;
|
|
52
|
+
var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container date-formatter', containerClassName);
|
|
53
|
+
|
|
54
|
+
if (date !== '') {
|
|
55
|
+
date = this.formatDate(date, format);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
59
|
+
className: classname
|
|
60
|
+
}, date);
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
return DateFormatter;
|
|
64
|
+
}(_react.default.Component);
|
|
65
|
+
|
|
66
|
+
(0, _defineProperty2.default)(DateFormatter, "defaultProps", {
|
|
67
|
+
value: '',
|
|
68
|
+
format: 'YYYY-MM-DD',
|
|
69
|
+
containerClassName: ''
|
|
70
|
+
});
|
|
71
|
+
DateFormatter.propTypes = propTypes;
|
|
72
|
+
var _default = DateFormatter;
|
|
73
|
+
exports.default = _default;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
12
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
+
|
|
14
|
+
var _astroClassname = _interopRequireDefault(require("astro-classname"));
|
|
15
|
+
|
|
16
|
+
var _valueFormatUtils = require("../../utils/value-format-utils");
|
|
17
|
+
|
|
18
|
+
var propTypes = {
|
|
19
|
+
value: _propTypes.default.number,
|
|
20
|
+
format: _propTypes.default.string,
|
|
21
|
+
containerClassName: _propTypes.default.string
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
var DurationFormatter = /*#__PURE__*/function (_React$Component) {
|
|
25
|
+
(0, _inheritsLoose2.default)(DurationFormatter, _React$Component);
|
|
26
|
+
|
|
27
|
+
function DurationFormatter() {
|
|
28
|
+
return _React$Component.apply(this, arguments) || this;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
var _proto = DurationFormatter.prototype;
|
|
32
|
+
|
|
33
|
+
_proto.render = function render() {
|
|
34
|
+
var _this$props = this.props,
|
|
35
|
+
value = _this$props.value,
|
|
36
|
+
containerClassName = _this$props.containerClassName,
|
|
37
|
+
format = _this$props.format;
|
|
38
|
+
var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container duration-formatter', containerClassName);
|
|
39
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
40
|
+
className: classname
|
|
41
|
+
}, (0, _valueFormatUtils.getDurationDisplayString)(value, format));
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
return DurationFormatter;
|
|
45
|
+
}(_react.default.Component);
|
|
46
|
+
|
|
47
|
+
DurationFormatter.propTypes = propTypes;
|
|
48
|
+
var _default = DurationFormatter;
|
|
49
|
+
exports.default = _default;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
12
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
+
|
|
14
|
+
var _astroClassname = _interopRequireDefault(require("astro-classname"));
|
|
15
|
+
|
|
16
|
+
var propTypes = {
|
|
17
|
+
value: _propTypes.default.string,
|
|
18
|
+
containerClassName: _propTypes.default.string
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
var EmailFormatter = /*#__PURE__*/function (_React$Component) {
|
|
22
|
+
(0, _inheritsLoose2.default)(EmailFormatter, _React$Component);
|
|
23
|
+
|
|
24
|
+
function EmailFormatter() {
|
|
25
|
+
return _React$Component.apply(this, arguments) || this;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
var _proto = EmailFormatter.prototype;
|
|
29
|
+
|
|
30
|
+
_proto.render = function render() {
|
|
31
|
+
var _this$props = this.props,
|
|
32
|
+
containerClassName = _this$props.containerClassName,
|
|
33
|
+
value = _this$props.value;
|
|
34
|
+
var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container email-formatter', containerClassName);
|
|
35
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
36
|
+
className: classname
|
|
37
|
+
}, value);
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
return EmailFormatter;
|
|
41
|
+
}(_react.default.Component);
|
|
42
|
+
|
|
43
|
+
EmailFormatter.propTypes = propTypes;
|
|
44
|
+
var _default = EmailFormatter;
|
|
45
|
+
exports.default = _default;
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
|
|
9
|
+
|
|
10
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
+
|
|
12
|
+
var _react = _interopRequireDefault(require("react"));
|
|
13
|
+
|
|
14
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
+
|
|
16
|
+
var _astroClassname = _interopRequireDefault(require("astro-classname"));
|
|
17
|
+
|
|
18
|
+
var _fileItemFormatter = _interopRequireDefault(require("./widgets/file-item-formatter"));
|
|
19
|
+
|
|
20
|
+
var propTypes = {
|
|
21
|
+
isSample: _propTypes.default.bool,
|
|
22
|
+
value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]),
|
|
23
|
+
containerClassName: _propTypes.default.string
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
var FileFormatter = /*#__PURE__*/function (_React$PureComponent) {
|
|
27
|
+
(0, _inheritsLoose2.default)(FileFormatter, _React$PureComponent);
|
|
28
|
+
|
|
29
|
+
function FileFormatter() {
|
|
30
|
+
return _React$PureComponent.apply(this, arguments) || this;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
var _proto = FileFormatter.prototype;
|
|
34
|
+
|
|
35
|
+
_proto.render = function render() {
|
|
36
|
+
var _this$props = this.props,
|
|
37
|
+
isSample = _this$props.isSample,
|
|
38
|
+
value = _this$props.value,
|
|
39
|
+
containerClassName = _this$props.containerClassName;
|
|
40
|
+
var className = (0, _astroClassname.default)('dtable-ui cell-formatter-container file-formatter', containerClassName);
|
|
41
|
+
|
|
42
|
+
if (!Array.isArray(value) || value.length === 0) {
|
|
43
|
+
return null;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
if (isSample) {
|
|
47
|
+
var item = value[0];
|
|
48
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
49
|
+
className: className
|
|
50
|
+
}, /*#__PURE__*/_react.default.createElement(_fileItemFormatter.default, {
|
|
51
|
+
file: item
|
|
52
|
+
}), value.length !== 1 && /*#__PURE__*/_react.default.createElement("span", {
|
|
53
|
+
className: "file-item-count"
|
|
54
|
+
}, "+" + value.length));
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
58
|
+
className: className
|
|
59
|
+
}, value.map(function (item, index) {
|
|
60
|
+
return /*#__PURE__*/_react.default.createElement(_fileItemFormatter.default, {
|
|
61
|
+
file: item,
|
|
62
|
+
key: index
|
|
63
|
+
});
|
|
64
|
+
}));
|
|
65
|
+
};
|
|
66
|
+
|
|
67
|
+
return FileFormatter;
|
|
68
|
+
}(_react.default.PureComponent);
|
|
69
|
+
|
|
70
|
+
(0, _defineProperty2.default)(FileFormatter, "defaultProps", {
|
|
71
|
+
isSample: false,
|
|
72
|
+
value: [],
|
|
73
|
+
containerClassName: ''
|
|
74
|
+
});
|
|
75
|
+
FileFormatter.propTypes = propTypes;
|
|
76
|
+
var _default = FileFormatter;
|
|
77
|
+
exports.default = _default;
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var CellTypes = _interopRequireWildcard(require("../../constants/cell-types"));
|
|
11
|
+
|
|
12
|
+
var _checkboxFormatter = _interopRequireDefault(require("./checkbox-formatter"));
|
|
13
|
+
|
|
14
|
+
var _imageFormatter = _interopRequireDefault(require("./image-formatter"));
|
|
15
|
+
|
|
16
|
+
var _longTextFormatter = _interopRequireDefault(require("./long-text-formatter"));
|
|
17
|
+
|
|
18
|
+
var _textFormatter = _interopRequireDefault(require("./text-formatter"));
|
|
19
|
+
|
|
20
|
+
var _singleSelectFormatter = _interopRequireDefault(require("./single-select-formatter"));
|
|
21
|
+
|
|
22
|
+
var _multipleSelectFormatter = _interopRequireDefault(require("./multiple-select-formatter"));
|
|
23
|
+
|
|
24
|
+
var _fileFormatter = _interopRequireDefault(require("./file-formatter"));
|
|
25
|
+
|
|
26
|
+
var _linkFormatter = _interopRequireDefault(require("./link-formatter"));
|
|
27
|
+
|
|
28
|
+
var _collaboratorFormatter = _interopRequireDefault(require("./collaborator-formatter"));
|
|
29
|
+
|
|
30
|
+
var _numberFormatter = _interopRequireDefault(require("./number-formatter"));
|
|
31
|
+
|
|
32
|
+
var _dateFormatter = _interopRequireDefault(require("./date-formatter"));
|
|
33
|
+
|
|
34
|
+
var _creatorFormatter = _interopRequireDefault(require("./creator-formatter"));
|
|
35
|
+
|
|
36
|
+
var _ctimeFormatter = _interopRequireDefault(require("./ctime-formatter"));
|
|
37
|
+
|
|
38
|
+
var _lastModifierFormatter = _interopRequireDefault(require("./last-modifier-formatter"));
|
|
39
|
+
|
|
40
|
+
var _mtimeFormatter = _interopRequireDefault(require("./mtime-formatter"));
|
|
41
|
+
|
|
42
|
+
var _geolocationFormatter = _interopRequireDefault(require("./geolocation-formatter"));
|
|
43
|
+
|
|
44
|
+
var _formulaFormatter = _interopRequireDefault(require("./formula-formatter"));
|
|
45
|
+
|
|
46
|
+
var _autoNumberFormatter = _interopRequireDefault(require("./auto-number-formatter"));
|
|
47
|
+
|
|
48
|
+
var _urlFormatter = _interopRequireDefault(require("./url-formatter"));
|
|
49
|
+
|
|
50
|
+
var _emailFormatter = _interopRequireDefault(require("./email-formatter"));
|
|
51
|
+
|
|
52
|
+
var _durationFormatter = _interopRequireDefault(require("./duration-formatter"));
|
|
53
|
+
|
|
54
|
+
var _rateFormatter = _interopRequireDefault(require("./rate-formatter"));
|
|
55
|
+
|
|
56
|
+
var _buttonFormatter = _interopRequireDefault(require("./button-formatter"));
|
|
57
|
+
|
|
58
|
+
var _FormatterConfig;
|
|
59
|
+
|
|
60
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
61
|
+
|
|
62
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
63
|
+
|
|
64
|
+
var FormatterConfig = (_FormatterConfig = {}, _FormatterConfig[CellTypes.DEFAULT] = /*#__PURE__*/_react.default.createElement(_textFormatter.default, null), _FormatterConfig[CellTypes.TEXT] = /*#__PURE__*/_react.default.createElement(_textFormatter.default, null), _FormatterConfig[CellTypes.CHECKBOX] = /*#__PURE__*/_react.default.createElement(_checkboxFormatter.default, null), _FormatterConfig[CellTypes.LONG_TEXT] = /*#__PURE__*/_react.default.createElement(_longTextFormatter.default, null), _FormatterConfig[CellTypes.SINGLE_SELECT] = /*#__PURE__*/_react.default.createElement(_singleSelectFormatter.default, null), _FormatterConfig[CellTypes.IMAGE] = /*#__PURE__*/_react.default.createElement(_imageFormatter.default, null), _FormatterConfig[CellTypes.FILE] = /*#__PURE__*/_react.default.createElement(_fileFormatter.default, null), _FormatterConfig[CellTypes.MULTIPLE_SELECT] = /*#__PURE__*/_react.default.createElement(_multipleSelectFormatter.default, null), _FormatterConfig[CellTypes.COLLABORATOR] = /*#__PURE__*/_react.default.createElement(_collaboratorFormatter.default, null), _FormatterConfig[CellTypes.NUMBER] = /*#__PURE__*/_react.default.createElement(_numberFormatter.default, null), _FormatterConfig[CellTypes.DATE] = /*#__PURE__*/_react.default.createElement(_dateFormatter.default, null), _FormatterConfig[CellTypes.LINK] = /*#__PURE__*/_react.default.createElement(_linkFormatter.default, null), _FormatterConfig[CellTypes.CREATOR] = /*#__PURE__*/_react.default.createElement(_creatorFormatter.default, null), _FormatterConfig[CellTypes.CTIME] = /*#__PURE__*/_react.default.createElement(_ctimeFormatter.default, null), _FormatterConfig[CellTypes.LAST_MODIFIER] = /*#__PURE__*/_react.default.createElement(_lastModifierFormatter.default, null), _FormatterConfig[CellTypes.MTIME] = /*#__PURE__*/_react.default.createElement(_mtimeFormatter.default, null), _FormatterConfig[CellTypes.GEOLOCATION] = /*#__PURE__*/_react.default.createElement(_geolocationFormatter.default, null), _FormatterConfig[CellTypes.FORMULA] = /*#__PURE__*/_react.default.createElement(_formulaFormatter.default, null), _FormatterConfig[CellTypes.AUTO_NUMBER] = /*#__PURE__*/_react.default.createElement(_autoNumberFormatter.default, null), _FormatterConfig[CellTypes.URL] = /*#__PURE__*/_react.default.createElement(_urlFormatter.default, null), _FormatterConfig[CellTypes.EMAIL] = /*#__PURE__*/_react.default.createElement(_emailFormatter.default, null), _FormatterConfig[CellTypes.DURATION] = /*#__PURE__*/_react.default.createElement(_durationFormatter.default, null), _FormatterConfig[CellTypes.RATE] = /*#__PURE__*/_react.default.createElement(_rateFormatter.default, null), _FormatterConfig[CellTypes.BUTTON] = /*#__PURE__*/_react.default.createElement(_buttonFormatter.default, null), _FormatterConfig);
|
|
65
|
+
var _default = FormatterConfig;
|
|
66
|
+
exports.default = _default;
|