dtable-ui-component 0.1.75-beta3 → 0.1.75-beta4
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 +27 -38
- package/lib/ButtonFormatter/index.js +47 -59
- package/lib/CTimeFormatter/index.js +39 -53
- package/lib/CheckboxFormatter/index.js +35 -48
- package/lib/CollaboratorFormatter/index.js +42 -64
- package/lib/CollaboratorItem/index.js +44 -61
- package/lib/CreatorFormatter/index.js +42 -62
- package/lib/DateFormatter/index.js +40 -55
- package/lib/DurationFormatter/index.js +29 -42
- package/lib/EmailFormatter/index.js +27 -38
- package/lib/FileFormatter/index.js +50 -65
- package/lib/FileItemFormatter/index.js +32 -44
- package/lib/FileUploader/index.js +34 -44
- package/lib/FormulaFormatter/index.js +81 -102
- package/lib/GeolocationFormatter/index.js +35 -50
- package/lib/ImageFormatter/images-lazy-load.js +73 -81
- package/lib/ImageFormatter/index.js +90 -109
- package/lib/ImagePreviewerLightbox/index.js +27 -60
- package/lib/LastModifierFormatter/index.js +42 -62
- package/lib/LinkFormatter/index.js +59 -80
- package/lib/Loading/index.js +4 -13
- package/lib/LongTextFormatter/html-long-text-formatter.js +49 -60
- package/lib/LongTextFormatter/index.js +9 -28
- package/lib/LongTextFormatter/simple-long-text-formatter.js +52 -58
- package/lib/MTimeFormatter/index.js +39 -53
- package/lib/ModalPortal/index.js +30 -37
- package/lib/MultipleSelectFormatter/index.js +39 -55
- package/lib/NumberFormatter/index.js +35 -50
- package/lib/RateFormatter/index.js +37 -52
- package/lib/SelectItem/index.js +31 -46
- package/lib/SingleSelectFormatter/index.js +38 -54
- package/lib/TextFormatter/index.js +31 -44
- package/lib/UrlFormatter/index.js +27 -38
- package/lib/app.js +75 -80
- package/lib/cellFormatterFactory/index.js +17 -20
- package/lib/components/cell-editor/checkbox-editor.js +59 -66
- package/lib/components/cell-editor/collaborator-editor.js +113 -126
- package/lib/components/cell-editor/date-editor.js +99 -119
- package/lib/components/cell-editor/index.js +9 -40
- package/lib/components/cell-editor/link-editor.js +122 -140
- package/lib/components/cell-editor/multiple-select-editor.js +114 -127
- package/lib/components/cell-editor/number-editor.js +78 -86
- package/lib/components/cell-editor/single-select-editor.js +106 -120
- package/lib/components/cell-editor/text-editor.js +65 -72
- package/lib/components/cell-editor-dialog/pc-file-editor-dialog.js +31 -51
- package/lib/components/cell-editor-dialog/pc-files-addition/index.js +0 -1
- package/lib/components/cell-editor-dialog/pc-files-addition/pc-file-uploaded-item.js +0 -1
- package/lib/components/cell-editor-dialog/pc-files-preview/index.js +0 -1
- package/lib/components/cell-editor-dialog/pc-files-preview/pc-file-item-preview.js +0 -1
- package/lib/components/cell-editor-popover/mb-collaborator-editor-popover.js +105 -111
- package/lib/components/cell-editor-popover/mb-date-editor-popover.js +140 -157
- package/lib/components/cell-editor-popover/mb-link-editor-popover.js +103 -109
- package/lib/components/cell-editor-popover/mb-select-editor-popover.js +142 -155
- package/lib/components/cell-editor-popover/pc-collaborator-editor-popover.js +74 -89
- package/lib/components/cell-editor-popover/pc-date-editor-popover.js +88 -102
- package/lib/components/cell-editor-popover/pc-link-editor-popover.js +77 -91
- package/lib/components/cell-editor-popover/pc-select-editor-popover.js +91 -105
- package/lib/components/common/collaborator-item.js +43 -59
- package/lib/components/common/edit-editor-button.js +28 -39
- package/lib/components/common/link-editor-option.js +63 -71
- package/lib/components/common/mobile/mb-editor-header.js +39 -52
- package/lib/components/common/select-editor-option.js +58 -74
- package/lib/constants/cell-types.js +25 -54
- package/lib/constants/index.js +5 -28
- package/lib/formatterConfig/index.js +28 -59
- package/lib/index.js +31 -139
- package/lib/lang/index.js +11 -27
- package/lib/locals/de.js +1 -6
- package/lib/locals/en.js +1 -6
- package/lib/locals/fr.js +1 -6
- package/lib/locals/zh-CN.js +1 -6
- package/lib/toaster/alert.js +92 -106
- package/lib/toaster/index.js +3 -12
- package/lib/toaster/toast.js +103 -147
- package/lib/toaster/toastManager.js +78 -97
- package/lib/toaster/toaster.js +36 -52
- package/lib/utils/cell-value-validator.js +5 -9
- package/lib/utils/column-utils.js +5 -13
- package/lib/utils/editor-utils.js +3 -13
- package/lib/utils/markdown2html.js +1 -7
- package/lib/utils/normalize-long-text-value.js +1 -6
- package/lib/utils/number-precision.js +13 -31
- package/lib/utils/utils.js +8 -33
- package/lib/utils/value-format-utils.js +58 -108
- package/package.json +5 -5
- package/es/AutoNumberFormatter/index.css +0 -1
- package/es/AutoNumberFormatter/index.js +0 -36
- package/es/ButtonFormatter/index.css +0 -13
- package/es/ButtonFormatter/index.js +0 -56
- package/es/CTimeFormatter/index.css +0 -1
- package/es/CTimeFormatter/index.js +0 -58
- package/es/CheckboxFormatter/index.css +0 -1
- package/es/CheckboxFormatter/index.js +0 -45
- package/es/CollaboratorFormatter/index.css +0 -1
- package/es/CollaboratorFormatter/index.js +0 -91
- package/es/CollaboratorItem/index.css +0 -49
- package/es/CollaboratorItem/index.js +0 -64
- package/es/CreatorFormatter/index.css +0 -1
- package/es/CreatorFormatter/index.js +0 -87
- package/es/DateFormatter/index.css +0 -1
- package/es/DateFormatter/index.js +0 -60
- package/es/DurationFormatter/index.css +0 -1
- package/es/DurationFormatter/index.js +0 -38
- package/es/EmailFormatter/index.css +0 -5
- package/es/EmailFormatter/index.js +0 -36
- package/es/FileFormatter/index.css +0 -29
- package/es/FileFormatter/index.js +0 -64
- package/es/FileItemFormatter/index.js +0 -50
- package/es/FileUploader/index.js +0 -53
- package/es/FormulaFormatter/index.css +0 -19
- package/es/FormulaFormatter/index.js +0 -164
- package/es/GeolocationFormatter/index.css +0 -1
- package/es/GeolocationFormatter/index.js +0 -53
- package/es/ImageFormatter/images-lazy-load.js +0 -150
- package/es/ImageFormatter/index.css +0 -34
- package/es/ImageFormatter/index.js +0 -154
- package/es/ImagePreviewerLightbox/index.css +0 -87
- package/es/ImagePreviewerLightbox/index.js +0 -119
- package/es/LastModifierFormatter/index.css +0 -1
- package/es/LastModifierFormatter/index.js +0 -87
- package/es/LinkFormatter/index.css +0 -27
- package/es/LinkFormatter/index.js +0 -144
- package/es/Loading/index.css +0 -54
- package/es/Loading/index.js +0 -7
- package/es/LongTextFormatter/html-long-text-formatter.js +0 -96
- package/es/LongTextFormatter/index.css +0 -63
- package/es/LongTextFormatter/index.js +0 -29
- package/es/LongTextFormatter/simple-long-text-formatter.js +0 -104
- package/es/MTimeFormatter/index.css +0 -1
- package/es/MTimeFormatter/index.js +0 -58
- package/es/ModalPortal/index.js +0 -44
- package/es/MultipleSelectFormatter/index.css +0 -1
- package/es/MultipleSelectFormatter/index.js +0 -70
- package/es/NumberFormatter/index.css +0 -1
- package/es/NumberFormatter/index.js +0 -47
- package/es/RateFormatter/index.css +0 -1
- package/es/RateFormatter/index.js +0 -80
- package/es/SelectItem/index.js +0 -58
- package/es/SingleSelectFormatter/index.css +0 -1
- package/es/SingleSelectFormatter/index.js +0 -70
- package/es/TextFormatter/index.css +0 -1
- package/es/TextFormatter/index.js +0 -56
- package/es/UrlFormatter/index.css +0 -5
- package/es/UrlFormatter/index.js +0 -36
- package/es/app.css +0 -20
- package/es/app.js +0 -91
- package/es/assets/images/avatar/default_avatar.png +0 -0
- package/es/assets/images/file/192/excel.png +0 -0
- package/es/assets/images/file/192/file.png +0 -0
- package/es/assets/images/file/192/music.png +0 -0
- package/es/assets/images/file/192/pdf.png +0 -0
- package/es/assets/images/file/192/pic.png +0 -0
- package/es/assets/images/file/192/ppt.png +0 -0
- package/es/assets/images/file/192/txt.png +0 -0
- package/es/assets/images/file/192/video.png +0 -0
- package/es/assets/images/file/192/word.png +0 -0
- package/es/assets/images/file/24/excel.png +0 -0
- package/es/assets/images/file/24/file.png +0 -0
- package/es/assets/images/file/24/music.png +0 -0
- package/es/assets/images/file/24/pdf.png +0 -0
- package/es/assets/images/file/24/pic.png +0 -0
- package/es/assets/images/file/24/ppt.png +0 -0
- package/es/assets/images/file/24/txt.png +0 -0
- package/es/assets/images/file/24/video.png +0 -0
- package/es/assets/images/file/24/word.png +0 -0
- package/es/assets/images/folder/folder-192.png +0 -0
- package/es/assets/images/folder/folder-24.png +0 -0
- package/es/cellFormatterFactory/index.js +0 -25
- package/es/components/cell-editor/checkbox-editor.js +0 -104
- package/es/components/cell-editor/collaborator-editor.js +0 -236
- package/es/components/cell-editor/date-editor.js +0 -151
- package/es/components/cell-editor/index.js +0 -9
- package/es/components/cell-editor/link-editor.js +0 -303
- package/es/components/cell-editor/multiple-select-editor.js +0 -237
- package/es/components/cell-editor/number-editor.js +0 -154
- package/es/components/cell-editor/single-select-editor.js +0 -202
- package/es/components/cell-editor/text-editor.js +0 -122
- package/es/components/cell-editor-dialog/pc-file-editor-dialog.js +0 -46
- package/es/components/cell-editor-dialog/pc-files-addition/index.js +0 -0
- package/es/components/cell-editor-dialog/pc-files-addition/pc-file-uploaded-item.js +0 -0
- package/es/components/cell-editor-dialog/pc-files-preview/index.js +0 -0
- package/es/components/cell-editor-dialog/pc-files-preview/pc-file-item-preview.js +0 -0
- package/es/components/cell-editor-popover/mb-collaborator-editor-popover.js +0 -177
- package/es/components/cell-editor-popover/mb-date-editor-popover.js +0 -245
- package/es/components/cell-editor-popover/mb-link-editor-popover.js +0 -170
- package/es/components/cell-editor-popover/mb-select-editor-popover.js +0 -230
- package/es/components/cell-editor-popover/pc-collaborator-editor-popover.js +0 -109
- package/es/components/cell-editor-popover/pc-date-editor-popover.js +0 -142
- package/es/components/cell-editor-popover/pc-link-editor-popover.js +0 -114
- package/es/components/cell-editor-popover/pc-select-editor-popover.js +0 -143
- package/es/components/common/collaborator-item.js +0 -63
- package/es/components/common/edit-editor-button.js +0 -56
- package/es/components/common/link-editor-option.js +0 -113
- package/es/components/common/mobile/mb-editor-header.js +0 -48
- package/es/components/common/select-editor-option.js +0 -106
- package/es/constants/cell-types.js +0 -25
- package/es/constants/index.js +0 -49
- package/es/css/cell-editor.css +0 -614
- package/es/css/cell-formatter.css +0 -4
- package/es/css/custom-rc-calendar.css +0 -118
- package/es/formatterConfig/index.js +0 -31
- package/es/index.js +0 -31
- package/es/lang/index.js +0 -50
- package/es/locals/de.js +0 -2
- package/es/locals/en.js +0 -17
- package/es/locals/fr.js +0 -2
- package/es/locals/zh-CN.js +0 -17
- package/es/toaster/alert.js +0 -150
- package/es/toaster/index.js +0 -3
- package/es/toaster/toast.js +0 -179
- package/es/toaster/toastManager.js +0 -170
- package/es/toaster/toaster.js +0 -76
- package/es/utils/cell-value-validator.js +0 -31
- package/es/utils/column-utils.js +0 -7
- package/es/utils/editor-utils.js +0 -71
- package/es/utils/markdown2html.js +0 -62
- package/es/utils/normalize-long-text-value.js +0 -69
- package/es/utils/number-precision.js +0 -164
- package/es/utils/unified/index.js +0 -470
- package/es/utils/utils.js +0 -116
- package/es/utils/value-format-utils.js +0 -497
- package/es/utils/vfile/core.js +0 -172
- package/es/utils/vfile/index.js +0 -48
|
@@ -1,62 +1,47 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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 _lang = require("../../lang");
|
|
19
|
-
|
|
20
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
-
|
|
22
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
23
|
-
|
|
24
|
-
var propTypes = {
|
|
25
|
-
popoverPosition: _propTypes.default.object.isRequired,
|
|
26
|
-
options: _propTypes.default.array.isRequired,
|
|
27
|
-
selectedOptions: _propTypes.default.array.isRequired,
|
|
28
|
-
onOptionItemToggle: _propTypes.default.func.isRequired,
|
|
29
|
-
isSupportNewOption: _propTypes.default.bool,
|
|
30
|
-
onAddNewOption: _propTypes.default.func
|
|
31
|
-
};
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
5
|
+
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
6
|
+
import React from 'react';
|
|
7
|
+
import { getLocale } from '../../lang';
|
|
32
8
|
|
|
33
9
|
var PCSelectEditorPopover = /*#__PURE__*/function (_React$Component) {
|
|
34
|
-
(
|
|
10
|
+
_inherits(PCSelectEditorPopover, _React$Component);
|
|
11
|
+
|
|
12
|
+
var _super = _createSuper(PCSelectEditorPopover);
|
|
35
13
|
|
|
36
14
|
function PCSelectEditorPopover(props) {
|
|
37
15
|
var _this;
|
|
38
16
|
|
|
39
|
-
|
|
40
|
-
|
|
17
|
+
_classCallCheck(this, PCSelectEditorPopover);
|
|
18
|
+
|
|
19
|
+
_this = _super.call(this, props);
|
|
20
|
+
|
|
21
|
+
_this.onValueChanged = function (event) {
|
|
41
22
|
var value = event.target.value;
|
|
42
23
|
|
|
43
24
|
_this.setState({
|
|
44
25
|
searchValue: value
|
|
45
26
|
});
|
|
46
|
-
}
|
|
47
|
-
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
_this.onInputClick = function (event) {
|
|
48
30
|
event.nativeEvent.stopImmediatePropagation();
|
|
49
31
|
event.stopPropagation();
|
|
50
|
-
}
|
|
51
|
-
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
_this.onAddNewOption = function () {
|
|
52
35
|
var name = _this.state.searchValue.trim();
|
|
53
36
|
|
|
54
37
|
_this.props.onAddNewOption(name);
|
|
55
|
-
}
|
|
56
|
-
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
_this.onOptionItemToggle = function (item) {
|
|
57
41
|
_this.props.onOptionItemToggle(item);
|
|
58
|
-
}
|
|
59
|
-
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
_this.getFilterOptions = function () {
|
|
60
45
|
var options = _this.props.options;
|
|
61
46
|
|
|
62
47
|
var filter = _this.state.searchValue.toLowerCase();
|
|
@@ -68,8 +53,9 @@ var PCSelectEditorPopover = /*#__PURE__*/function (_React$Component) {
|
|
|
68
53
|
return options.filter(function (option) {
|
|
69
54
|
return option.name.toString().toLowerCase().indexOf(filter) > -1;
|
|
70
55
|
});
|
|
71
|
-
}
|
|
72
|
-
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
_this.getOptionStyle = function (option) {
|
|
73
59
|
var textColor = option.textColor || null;
|
|
74
60
|
return {
|
|
75
61
|
display: 'inline-block',
|
|
@@ -81,77 +67,77 @@ var PCSelectEditorPopover = /*#__PURE__*/function (_React$Component) {
|
|
|
81
67
|
backgroundColor: option.color,
|
|
82
68
|
color: textColor
|
|
83
69
|
};
|
|
84
|
-
}
|
|
70
|
+
};
|
|
71
|
+
|
|
85
72
|
_this.state = {
|
|
86
73
|
searchValue: ''
|
|
87
74
|
};
|
|
88
75
|
return _this;
|
|
89
76
|
}
|
|
90
77
|
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
});
|
|
105
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
106
|
-
className: "dtable-ui-editor-popover dtable-ui-select-editor-popover",
|
|
107
|
-
style: popoverStyle
|
|
108
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
109
|
-
className: "select-options-search"
|
|
110
|
-
}, /*#__PURE__*/_react.default.createElement("input", {
|
|
111
|
-
className: "form-control",
|
|
112
|
-
onChange: this.onValueChanged,
|
|
113
|
-
onClick: this.onInputClick,
|
|
114
|
-
placeholder: (0, _lang.getLocale)('Find_an_option')
|
|
115
|
-
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
116
|
-
className: "select-options-container"
|
|
117
|
-
}, options.length > 0 && options.map(function (option, index) {
|
|
118
|
-
var optionStyle = _this2.getOptionStyle(option);
|
|
119
|
-
|
|
120
|
-
var isSelect = selectedOptions.some(function (selectedOption) {
|
|
121
|
-
return selectedOption.id === option.id;
|
|
78
|
+
_createClass(PCSelectEditorPopover, [{
|
|
79
|
+
key: "render",
|
|
80
|
+
value: function render() {
|
|
81
|
+
var _this2 = this;
|
|
82
|
+
|
|
83
|
+
var options = this.getFilterOptions();
|
|
84
|
+
var _this$props = this.props,
|
|
85
|
+
popoverPosition = _this$props.popoverPosition,
|
|
86
|
+
selectedOptions = _this$props.selectedOptions,
|
|
87
|
+
isSupportNewOption = _this$props.isSupportNewOption;
|
|
88
|
+
var searchValue = this.state.searchValue;
|
|
89
|
+
var popoverStyle = Object.assign({}, _objectSpread({}, popoverPosition), {
|
|
90
|
+
position: 'absolute'
|
|
122
91
|
});
|
|
123
|
-
return /*#__PURE__*/
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
92
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
93
|
+
className: "dtable-ui-editor-popover dtable-ui-select-editor-popover",
|
|
94
|
+
style: popoverStyle
|
|
95
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
96
|
+
className: "select-options-search"
|
|
97
|
+
}, /*#__PURE__*/React.createElement("input", {
|
|
98
|
+
className: "form-control",
|
|
99
|
+
onChange: this.onValueChanged,
|
|
100
|
+
onClick: this.onInputClick,
|
|
101
|
+
placeholder: getLocale('Find_an_option')
|
|
102
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
103
|
+
className: "select-options-container"
|
|
104
|
+
}, options.length > 0 && options.map(function (option, index) {
|
|
105
|
+
var optionStyle = _this2.getOptionStyle(option);
|
|
106
|
+
|
|
107
|
+
var isSelect = selectedOptions.some(function (selectedOption) {
|
|
108
|
+
return selectedOption.id === option.id;
|
|
109
|
+
});
|
|
110
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
111
|
+
key: index,
|
|
112
|
+
className: "select-option-item",
|
|
113
|
+
onClick: _this2.onOptionItemToggle.bind(_this2, option)
|
|
114
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
115
|
+
className: "option-info"
|
|
116
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
117
|
+
className: "option-name",
|
|
118
|
+
style: optionStyle
|
|
119
|
+
}, option.name)), /*#__PURE__*/React.createElement("div", {
|
|
120
|
+
className: "option-checked"
|
|
121
|
+
}, isSelect && /*#__PURE__*/React.createElement("i", {
|
|
122
|
+
className: "dtable-font dtable-icon-check-mark"
|
|
123
|
+
})));
|
|
124
|
+
}), options.length === 0 && /*#__PURE__*/React.createElement("div", {
|
|
125
|
+
className: "search-option-null"
|
|
126
|
+
}, getLocale('No_options_available'))), isSupportNewOption && !!searchValue && /*#__PURE__*/React.createElement("div", {
|
|
127
|
+
className: "select-options-add",
|
|
128
|
+
onClick: this.onAddNewOption
|
|
129
|
+
}, /*#__PURE__*/React.createElement("i", {
|
|
130
|
+
className: "dtable-font dtable-icon-add-table"
|
|
131
|
+
}), /*#__PURE__*/React.createElement("span", null, getLocale('Add_an_option'), ' ', searchValue)));
|
|
132
|
+
}
|
|
133
|
+
}]);
|
|
146
134
|
|
|
147
135
|
return PCSelectEditorPopover;
|
|
148
|
-
}(
|
|
136
|
+
}(React.Component);
|
|
149
137
|
|
|
150
|
-
|
|
138
|
+
PCSelectEditorPopover.defaultProps = {
|
|
151
139
|
popoverPosition: {},
|
|
152
140
|
options: [],
|
|
153
141
|
isShowAddBtn: false
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
var _default = PCSelectEditorPopover;
|
|
157
|
-
exports.default = _default;
|
|
142
|
+
};
|
|
143
|
+
export default PCSelectEditorPopover;
|
|
@@ -1,79 +1,63 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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 propTypes = {
|
|
19
|
-
collaborator: _propTypes.default.shape({
|
|
20
|
-
name: _propTypes.default.string.isRequired,
|
|
21
|
-
avatar_url: _propTypes.default.string.isRequired,
|
|
22
|
-
email: _propTypes.default.string
|
|
23
|
-
}),
|
|
24
|
-
enableDeleteCollaborator: _propTypes.default.bool,
|
|
25
|
-
onDeleteCollaborator: _propTypes.default.func
|
|
26
|
-
};
|
|
1
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
2
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
3
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
4
|
+
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
5
|
+
import React from 'react';
|
|
27
6
|
|
|
28
7
|
var CollaboratorItem = /*#__PURE__*/function (_React$Component) {
|
|
29
|
-
(
|
|
8
|
+
_inherits(CollaboratorItem, _React$Component);
|
|
9
|
+
|
|
10
|
+
var _super = _createSuper(CollaboratorItem);
|
|
30
11
|
|
|
31
12
|
function CollaboratorItem() {
|
|
32
13
|
var _this;
|
|
33
14
|
|
|
15
|
+
_classCallCheck(this, CollaboratorItem);
|
|
16
|
+
|
|
34
17
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
35
18
|
args[_key] = arguments[_key];
|
|
36
19
|
}
|
|
37
20
|
|
|
38
|
-
_this =
|
|
39
|
-
|
|
21
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
22
|
+
|
|
23
|
+
_this.onDeleteCollaborator = function () {
|
|
40
24
|
var collaborator = _this.props.collaborator;
|
|
41
25
|
|
|
42
26
|
_this.props.onDeleteCollaborator(collaborator);
|
|
43
|
-
}
|
|
27
|
+
};
|
|
28
|
+
|
|
44
29
|
return _this;
|
|
45
30
|
}
|
|
46
31
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
32
|
+
_createClass(CollaboratorItem, [{
|
|
33
|
+
key: "render",
|
|
34
|
+
value: function render() {
|
|
35
|
+
var _this$props = this.props,
|
|
36
|
+
collaborator = _this$props.collaborator,
|
|
37
|
+
enableDeleteCollaborator = _this$props.enableDeleteCollaborator;
|
|
38
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
39
|
+
className: "dtable-ui collaborator-item"
|
|
40
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
41
|
+
className: "collaborator-avatar"
|
|
42
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
43
|
+
className: "collaborator-avatar-icon",
|
|
44
|
+
alt: collaborator.name,
|
|
45
|
+
src: collaborator.avatar_url
|
|
46
|
+
})), /*#__PURE__*/React.createElement("span", {
|
|
47
|
+
className: "collaborator-name"
|
|
48
|
+
}, collaborator.name), enableDeleteCollaborator && /*#__PURE__*/React.createElement("span", {
|
|
49
|
+
className: "collaborator-remove",
|
|
50
|
+
onClick: this.onDeleteCollaborator
|
|
51
|
+
}, /*#__PURE__*/React.createElement("i", {
|
|
52
|
+
className: "dtable-font dtable-icon-fork-number"
|
|
53
|
+
})));
|
|
54
|
+
}
|
|
55
|
+
}]);
|
|
70
56
|
|
|
71
57
|
return CollaboratorItem;
|
|
72
|
-
}(
|
|
58
|
+
}(React.Component);
|
|
73
59
|
|
|
74
|
-
|
|
60
|
+
CollaboratorItem.defaultProps = {
|
|
75
61
|
enableDelete: false
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
var _default = CollaboratorItem;
|
|
79
|
-
exports.default = _default;
|
|
62
|
+
};
|
|
63
|
+
export default CollaboratorItem;
|
|
@@ -1,37 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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 propTypes = {
|
|
19
|
-
text: _propTypes.default.string.isRequired,
|
|
20
|
-
onClick: _propTypes.default.func
|
|
21
|
-
};
|
|
1
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
2
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
3
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
4
|
+
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
5
|
+
import React from 'react';
|
|
22
6
|
|
|
23
7
|
var EditEditorButton = /*#__PURE__*/function (_React$Component) {
|
|
24
|
-
(
|
|
8
|
+
_inherits(EditEditorButton, _React$Component);
|
|
9
|
+
|
|
10
|
+
var _super = _createSuper(EditEditorButton);
|
|
25
11
|
|
|
26
12
|
function EditEditorButton() {
|
|
27
13
|
var _this;
|
|
28
14
|
|
|
15
|
+
_classCallCheck(this, EditEditorButton);
|
|
16
|
+
|
|
29
17
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
30
18
|
args[_key] = arguments[_key];
|
|
31
19
|
}
|
|
32
20
|
|
|
33
|
-
_this =
|
|
34
|
-
|
|
21
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
22
|
+
|
|
23
|
+
_this.getStyle = function () {
|
|
35
24
|
return {
|
|
36
25
|
display: 'inline-block',
|
|
37
26
|
padding: '0 12px',
|
|
@@ -44,24 +33,24 @@ var EditEditorButton = /*#__PURE__*/function (_React$Component) {
|
|
|
44
33
|
cursor: 'pointer',
|
|
45
34
|
userSelect: 'none'
|
|
46
35
|
};
|
|
47
|
-
}
|
|
36
|
+
};
|
|
37
|
+
|
|
48
38
|
return _this;
|
|
49
39
|
}
|
|
50
40
|
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
41
|
+
_createClass(EditEditorButton, [{
|
|
42
|
+
key: "render",
|
|
43
|
+
value: function render() {
|
|
44
|
+
var text = this.props.text;
|
|
45
|
+
var style = this.getStyle();
|
|
46
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
47
|
+
style: style,
|
|
48
|
+
onClick: this.props.onClick
|
|
49
|
+
}, text);
|
|
50
|
+
}
|
|
51
|
+
}]);
|
|
61
52
|
|
|
62
53
|
return EditEditorButton;
|
|
63
|
-
}(
|
|
54
|
+
}(React.Component);
|
|
64
55
|
|
|
65
|
-
|
|
66
|
-
var _default = EditEditorButton;
|
|
67
|
-
exports.default = _default;
|
|
56
|
+
export default EditEditorButton;
|
|
@@ -1,44 +1,33 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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 propTypes = {
|
|
19
|
-
option: _propTypes.default.object.isRequired,
|
|
20
|
-
isShowRemoveIcon: _propTypes.default.bool,
|
|
21
|
-
onDeleteLinkOption: _propTypes.default.func
|
|
22
|
-
};
|
|
1
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
2
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
3
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
4
|
+
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
5
|
+
import React from 'react';
|
|
23
6
|
|
|
24
7
|
var LinkEditorOption = /*#__PURE__*/function (_React$Component) {
|
|
25
|
-
(
|
|
8
|
+
_inherits(LinkEditorOption, _React$Component);
|
|
9
|
+
|
|
10
|
+
var _super = _createSuper(LinkEditorOption);
|
|
26
11
|
|
|
27
12
|
function LinkEditorOption() {
|
|
28
13
|
var _this;
|
|
29
14
|
|
|
15
|
+
_classCallCheck(this, LinkEditorOption);
|
|
16
|
+
|
|
30
17
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
31
18
|
args[_key] = arguments[_key];
|
|
32
19
|
}
|
|
33
20
|
|
|
34
|
-
_this =
|
|
35
|
-
|
|
21
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
22
|
+
|
|
23
|
+
_this.onDeleteOption = function (event) {
|
|
36
24
|
event.nativeEvent.stopImmediatePropagation();
|
|
37
25
|
event.stopPropagation();
|
|
38
26
|
|
|
39
27
|
_this.props.onDeleteLinkOption(_this.props.option);
|
|
40
|
-
}
|
|
41
|
-
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
_this.getContainerStyle = function () {
|
|
42
31
|
return {
|
|
43
32
|
display: 'inline-flex',
|
|
44
33
|
marginRight: '10px',
|
|
@@ -49,24 +38,27 @@ var LinkEditorOption = /*#__PURE__*/function (_React$Component) {
|
|
|
49
38
|
background: '#eceff4',
|
|
50
39
|
cursor: 'pointer'
|
|
51
40
|
};
|
|
52
|
-
}
|
|
53
|
-
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
_this.getOptionStyle = function () {
|
|
54
44
|
return {
|
|
55
45
|
flex: 1,
|
|
56
46
|
display: 'flex',
|
|
57
47
|
alignContent: 'center',
|
|
58
48
|
margin: '0 4px 0 2px'
|
|
59
49
|
};
|
|
60
|
-
}
|
|
61
|
-
|
|
50
|
+
};
|
|
51
|
+
|
|
52
|
+
_this.getOptionNameStyle = function () {
|
|
62
53
|
return {
|
|
63
54
|
maxWidth: '230px',
|
|
64
55
|
overflow: 'hidden',
|
|
65
56
|
whiteSpace: 'nowrap',
|
|
66
57
|
textOverflow: 'ellipsis'
|
|
67
58
|
};
|
|
68
|
-
}
|
|
69
|
-
|
|
59
|
+
};
|
|
60
|
+
|
|
61
|
+
_this.getOperationStyle = function () {
|
|
70
62
|
return {
|
|
71
63
|
height: '20px',
|
|
72
64
|
width: '16px',
|
|
@@ -74,48 +66,48 @@ var LinkEditorOption = /*#__PURE__*/function (_React$Component) {
|
|
|
74
66
|
color: '#909090',
|
|
75
67
|
transform: 'scale(.8)'
|
|
76
68
|
};
|
|
77
|
-
}
|
|
69
|
+
};
|
|
70
|
+
|
|
78
71
|
return _this;
|
|
79
72
|
}
|
|
80
73
|
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
74
|
+
_createClass(LinkEditorOption, [{
|
|
75
|
+
key: "render",
|
|
76
|
+
value: function render() {
|
|
77
|
+
var _this$props = this.props,
|
|
78
|
+
option = _this$props.option,
|
|
79
|
+
isShowRemoveIcon = _this$props.isShowRemoveIcon;
|
|
80
|
+
var containerStyle = this.getContainerStyle();
|
|
81
|
+
var optionStyle = this.getOptionStyle();
|
|
82
|
+
var optionNameStyle = this.getOptionNameStyle();
|
|
83
|
+
var operationStyle = this.getOperationStyle();
|
|
84
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
85
|
+
className: "dtable-ui link-option-item",
|
|
86
|
+
style: containerStyle
|
|
87
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
88
|
+
className: "option-info",
|
|
89
|
+
style: optionStyle
|
|
90
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
91
|
+
className: "option-name",
|
|
92
|
+
style: optionNameStyle
|
|
93
|
+
}, option.name)), isShowRemoveIcon && /*#__PURE__*/React.createElement("div", {
|
|
94
|
+
className: "option-remove",
|
|
95
|
+
style: operationStyle,
|
|
96
|
+
onClick: this.onDeleteOption
|
|
97
|
+
}, /*#__PURE__*/React.createElement("i", {
|
|
98
|
+
className: "dtable-font dtable-icon-fork-number",
|
|
99
|
+
style: {
|
|
100
|
+
fontSize: '12px',
|
|
101
|
+
lineHeight: '20px'
|
|
102
|
+
}
|
|
103
|
+
})));
|
|
104
|
+
}
|
|
105
|
+
}]);
|
|
112
106
|
|
|
113
107
|
return LinkEditorOption;
|
|
114
|
-
}(
|
|
108
|
+
}(React.Component);
|
|
115
109
|
|
|
116
|
-
|
|
110
|
+
LinkEditorOption.defaultProps = {
|
|
117
111
|
isShowRemoveIcon: false
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
var _default = LinkEditorOption;
|
|
121
|
-
exports.default = _default;
|
|
112
|
+
};
|
|
113
|
+
export default LinkEditorOption;
|