dtable-ui-component 4.4.33 → 4.4.35
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/FieldDisplaySetting/field-item.js +3 -2
- package/lib/FormulaFormatter/index.css +24 -0
- package/lib/FormulaFormatter/utils.js +16 -1
- package/lib/ImageFormatter/utils.js +1 -0
- package/lib/RowExpandFormatter/index.js +50 -26
- package/lib/RowExpandFormulaFormatter/index.js +48 -2
- package/lib/RowExpandLinkFormatter/index.js +8 -5
- package/lib/locals/de.js +2 -1
- package/lib/locals/en.js +2 -1
- package/lib/locals/es.js +2 -1
- package/lib/locals/fr.js +2 -1
- package/lib/locals/pt.js +2 -1
- package/lib/locals/ru.js +2 -1
- package/lib/locals/zh-CN.js +2 -1
- package/package.json +2 -2
- package/lib/RowExpandImageFormatter/utils.js +0 -13
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
3
4
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
@@ -7,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
8
|
exports.default = void 0;
|
|
8
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
10
|
var _dtableUtils = require("dtable-utils");
|
|
10
|
-
var
|
|
11
|
+
var _DTableSwitch = _interopRequireDefault(require("../DTableSwitch"));
|
|
11
12
|
function FieldItem(_ref) {
|
|
12
13
|
let {
|
|
13
14
|
field,
|
|
@@ -80,7 +81,7 @@ function FieldItem(_ref) {
|
|
|
80
81
|
onDragStart: onDragStart
|
|
81
82
|
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
82
83
|
className: "dtable-font dtable-icon-drag pr-2"
|
|
83
|
-
})), /*#__PURE__*/_react.default.createElement(
|
|
84
|
+
})), /*#__PURE__*/_react.default.createElement(_DTableSwitch.default, {
|
|
84
85
|
checked: field.shown,
|
|
85
86
|
switchClassName: "flex-fill",
|
|
86
87
|
placeholder: placeholder(),
|
|
@@ -10,6 +10,30 @@
|
|
|
10
10
|
margin-bottom: 5px;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
+
.dtable-ui.dtable-row-expand-formatter .formula-url-formatter-column .formula-url-link,
|
|
14
|
+
.dtable-ui.dtable-row-expand-formatter .formula-url-formatter-column .formula-email-link {
|
|
15
|
+
display: flex;
|
|
16
|
+
align-items: center;
|
|
17
|
+
font-size: 14px;
|
|
18
|
+
height: 22px;
|
|
19
|
+
position: absolute;
|
|
20
|
+
top: 8px;
|
|
21
|
+
right: 9px;
|
|
22
|
+
border: 1px solid #eee;
|
|
23
|
+
padding: 0 4px;
|
|
24
|
+
color: #999;
|
|
25
|
+
border-radius: 2px;
|
|
26
|
+
background: #fff;
|
|
27
|
+
cursor: pointer;
|
|
28
|
+
box-shadow: 0 0 1px;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.dtable-ui.dtable-row-expand-formatter .formula-url-formatter-column .formula-email-link:hover,
|
|
32
|
+
.dtable-ui.dtable-row-expand-formatter .formula-url-formatter-column .formula-url-link:hover {
|
|
33
|
+
background: #f5f5f5;
|
|
34
|
+
border: 1px solid #c9c9c9;
|
|
35
|
+
}
|
|
36
|
+
|
|
13
37
|
.dtable-ui.formula-formatter.multiple .formula-formatter-content-item.simple-cell-formatter {
|
|
14
38
|
height: 20px;
|
|
15
39
|
padding: 0 8px;
|
|
@@ -8,7 +8,7 @@ exports.getTwoDimensionArrayValue = exports.getFormulaArrayValue = exports.conve
|
|
|
8
8
|
exports.isArrayFormatColumn = isArrayFormatColumn;
|
|
9
9
|
exports.isFunction = void 0;
|
|
10
10
|
exports.isSimpleCellFormatter = isSimpleCellFormatter;
|
|
11
|
-
exports.isValidCellValue = void 0;
|
|
11
|
+
exports.openUrlLink = exports.isValidUrl = exports.isValidCellValue = void 0;
|
|
12
12
|
var _constants = require("../constants");
|
|
13
13
|
var _normalizeLongTextValue = _interopRequireDefault(require("../SimpleLongTextFormatter/normalize-long-text-value"));
|
|
14
14
|
function isSimpleCellFormatter(type) {
|
|
@@ -31,6 +31,21 @@ const isValidCellValue = value => {
|
|
|
31
31
|
return true;
|
|
32
32
|
};
|
|
33
33
|
exports.isValidCellValue = isValidCellValue;
|
|
34
|
+
const isValidUrl = url => {
|
|
35
|
+
const reg = /^(([-a-zA-Z0-9+.]+):\/\/)[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/;
|
|
36
|
+
return reg.test(url);
|
|
37
|
+
};
|
|
38
|
+
exports.isValidUrl = isValidUrl;
|
|
39
|
+
const openUrlLink = url => {
|
|
40
|
+
let a = document.createElement('a');
|
|
41
|
+
document.body.appendChild(a);
|
|
42
|
+
a.href = url;
|
|
43
|
+
a.target = '_blank';
|
|
44
|
+
a.rel = 'noopener noreferrer';
|
|
45
|
+
a.click();
|
|
46
|
+
document.body.removeChild(a);
|
|
47
|
+
};
|
|
48
|
+
exports.openUrlLink = openUrlLink;
|
|
34
49
|
const getFormulaArrayValue = function (value) {
|
|
35
50
|
let isFlat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
36
51
|
if (!Array.isArray(value)) {
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.getImageThumbnailUrl = void 0;
|
|
7
7
|
const getImageThumbnailUrl = (url, server) => {
|
|
8
|
+
if (typeof url !== 'string') return '';
|
|
8
9
|
if (server && url.indexOf(server) > -1) {
|
|
9
10
|
return url.replace('/workspace', '/thumbnail/workspace') + '?size=256';
|
|
10
11
|
}
|
|
@@ -7,7 +7,31 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
-
var
|
|
10
|
+
var _TextFormatter = _interopRequireDefault(require("../TextFormatter"));
|
|
11
|
+
var _NumberFormatter = _interopRequireDefault(require("../NumberFormatter"));
|
|
12
|
+
var _CheckboxFormatter = _interopRequireDefault(require("../CheckboxFormatter"));
|
|
13
|
+
var _DateFormatter = _interopRequireDefault(require("../DateFormatter"));
|
|
14
|
+
var _SingleSelectFormatter = _interopRequireDefault(require("../SingleSelectFormatter"));
|
|
15
|
+
var _MultipleSelectFormatter = _interopRequireDefault(require("../MultipleSelectFormatter"));
|
|
16
|
+
var _CollaboratorFormatter = _interopRequireDefault(require("../CollaboratorFormatter"));
|
|
17
|
+
var _LongTextFormatter = _interopRequireDefault(require("../LongTextFormatter"));
|
|
18
|
+
var _GeolocationFormatter = _interopRequireDefault(require("../GeolocationFormatter"));
|
|
19
|
+
var _CTimeFormatter = _interopRequireDefault(require("../CTimeFormatter"));
|
|
20
|
+
var _CreatorFormatter = _interopRequireDefault(require("../CreatorFormatter"));
|
|
21
|
+
var _LastModifierFormatter = _interopRequireDefault(require("../LastModifierFormatter"));
|
|
22
|
+
var _MTimeFormatter = _interopRequireDefault(require("../MTimeFormatter"));
|
|
23
|
+
var _AutoNumberFormatter = _interopRequireDefault(require("../AutoNumberFormatter"));
|
|
24
|
+
var _DurationFormatter = _interopRequireDefault(require("../DurationFormatter"));
|
|
25
|
+
var _ButtonFormatter = _interopRequireDefault(require("../ButtonFormatter"));
|
|
26
|
+
var _RowExpandUrlFormatter = _interopRequireDefault(require("../RowExpandUrlFormatter"));
|
|
27
|
+
var _RowExpandEmailFormatter = _interopRequireDefault(require("../RowExpandEmailFormatter"));
|
|
28
|
+
var _RowExpandRateFormatter = _interopRequireDefault(require("../RowExpandRateFormatter"));
|
|
29
|
+
var _RowExpandImageFormatter = _interopRequireDefault(require("../RowExpandImageFormatter"));
|
|
30
|
+
var _RowExpandFileFormatter = _interopRequireDefault(require("../RowExpandFileFormatter"));
|
|
31
|
+
var _RowExpandLinkFormatter = _interopRequireDefault(require("../RowExpandLinkFormatter"));
|
|
32
|
+
var _RowExpandFormulaFormatter = _interopRequireDefault(require("../RowExpandFormulaFormatter"));
|
|
33
|
+
var _DigitalSignFormatter = _interopRequireDefault(require("../DigitalSignFormatter"));
|
|
34
|
+
var _DepartmentSingleSelectFormatter = _interopRequireDefault(require("../DepartmentSingleSelectFormatter"));
|
|
11
35
|
var _constants = require("../constants");
|
|
12
36
|
require("./index.css");
|
|
13
37
|
class EditorFormatter extends _react.default.Component {
|
|
@@ -77,7 +101,7 @@ class EditorFormatter extends _react.default.Component {
|
|
|
77
101
|
{
|
|
78
102
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
79
103
|
className: "form-control d-flex align-items-center w-100"
|
|
80
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
104
|
+
}, /*#__PURE__*/_react.default.createElement(_TextFormatter.default, {
|
|
81
105
|
value: cellValue,
|
|
82
106
|
containerClassName: containerClassName
|
|
83
107
|
}));
|
|
@@ -86,7 +110,7 @@ class EditorFormatter extends _react.default.Component {
|
|
|
86
110
|
{
|
|
87
111
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
88
112
|
className: "form-control d-flex align-items-center w-100 h-auto"
|
|
89
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
113
|
+
}, /*#__PURE__*/_react.default.createElement(_CollaboratorFormatter.default, {
|
|
90
114
|
value: cellValue,
|
|
91
115
|
collaborators: collaborators,
|
|
92
116
|
containerClassName: containerClassName
|
|
@@ -97,7 +121,7 @@ class EditorFormatter extends _react.default.Component {
|
|
|
97
121
|
if (!cellValue) return null;
|
|
98
122
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
99
123
|
className: "longtext-formatter-container"
|
|
100
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
124
|
+
}, /*#__PURE__*/_react.default.createElement(_LongTextFormatter.default, {
|
|
101
125
|
value: cellValue,
|
|
102
126
|
containerClassName: containerClassName,
|
|
103
127
|
isSample: false
|
|
@@ -108,7 +132,7 @@ class EditorFormatter extends _react.default.Component {
|
|
|
108
132
|
if (typeof cellValue !== 'object') return null;
|
|
109
133
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
110
134
|
className: "geolocation-formatter-container"
|
|
111
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
135
|
+
}, /*#__PURE__*/_react.default.createElement(_GeolocationFormatter.default, {
|
|
112
136
|
value: cellValue,
|
|
113
137
|
data: column.data,
|
|
114
138
|
containerClassName: containerClassName
|
|
@@ -121,7 +145,7 @@ class EditorFormatter extends _react.default.Component {
|
|
|
121
145
|
style: {
|
|
122
146
|
width: 320
|
|
123
147
|
}
|
|
124
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
148
|
+
}, /*#__PURE__*/_react.default.createElement(_NumberFormatter.default, {
|
|
125
149
|
value: cellValue,
|
|
126
150
|
data: column.data,
|
|
127
151
|
containerClassName: containerClassName
|
|
@@ -134,7 +158,7 @@ class EditorFormatter extends _react.default.Component {
|
|
|
134
158
|
style: {
|
|
135
159
|
width: 320
|
|
136
160
|
}
|
|
137
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
161
|
+
}, /*#__PURE__*/_react.default.createElement(_DateFormatter.default, {
|
|
138
162
|
value: cellValue,
|
|
139
163
|
format: column.data.format,
|
|
140
164
|
containerClassName: containerClassName
|
|
@@ -147,7 +171,7 @@ class EditorFormatter extends _react.default.Component {
|
|
|
147
171
|
style: {
|
|
148
172
|
width: 320
|
|
149
173
|
}
|
|
150
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
174
|
+
}, /*#__PURE__*/_react.default.createElement(_CTimeFormatter.default, {
|
|
151
175
|
value: row._ctime,
|
|
152
176
|
containerClassName: containerClassName
|
|
153
177
|
}));
|
|
@@ -159,7 +183,7 @@ class EditorFormatter extends _react.default.Component {
|
|
|
159
183
|
style: {
|
|
160
184
|
width: 320
|
|
161
185
|
}
|
|
162
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
186
|
+
}, /*#__PURE__*/_react.default.createElement(_MTimeFormatter.default, {
|
|
163
187
|
value: row._mtime,
|
|
164
188
|
containerClassName: containerClassName
|
|
165
189
|
}));
|
|
@@ -169,7 +193,7 @@ class EditorFormatter extends _react.default.Component {
|
|
|
169
193
|
const options = column.data ? column.data.options : [];
|
|
170
194
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
171
195
|
className: "form-control d-flex align-items-center w-100 h-auto"
|
|
172
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
196
|
+
}, /*#__PURE__*/_react.default.createElement(_MultipleSelectFormatter.default, {
|
|
173
197
|
value: cellValue,
|
|
174
198
|
options: options,
|
|
175
199
|
containerClassName: containerClassName
|
|
@@ -180,7 +204,7 @@ class EditorFormatter extends _react.default.Component {
|
|
|
180
204
|
const options = column.data ? column.data.options : [];
|
|
181
205
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
182
206
|
className: "form-control d-flex align-items-center w-100"
|
|
183
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
207
|
+
}, /*#__PURE__*/_react.default.createElement(_SingleSelectFormatter.default, {
|
|
184
208
|
value: cellValue,
|
|
185
209
|
options: options,
|
|
186
210
|
containerClassName: containerClassName
|
|
@@ -188,7 +212,7 @@ class EditorFormatter extends _react.default.Component {
|
|
|
188
212
|
}
|
|
189
213
|
case _constants.CellType.FILE:
|
|
190
214
|
{
|
|
191
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
215
|
+
return /*#__PURE__*/_react.default.createElement(_RowExpandFileFormatter.default, {
|
|
192
216
|
value: cellValue,
|
|
193
217
|
column: column,
|
|
194
218
|
downloadFile: this.props.downloadFile,
|
|
@@ -197,7 +221,7 @@ class EditorFormatter extends _react.default.Component {
|
|
|
197
221
|
}
|
|
198
222
|
case _constants.CellType.IMAGE:
|
|
199
223
|
{
|
|
200
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
224
|
+
return /*#__PURE__*/_react.default.createElement(_RowExpandImageFormatter.default, {
|
|
201
225
|
value: cellValue,
|
|
202
226
|
column: column,
|
|
203
227
|
downloadImage: this.props.downloadImage,
|
|
@@ -209,13 +233,13 @@ class EditorFormatter extends _react.default.Component {
|
|
|
209
233
|
{
|
|
210
234
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
211
235
|
className: "checkbox-formatter-container"
|
|
212
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
236
|
+
}, /*#__PURE__*/_react.default.createElement(_CheckboxFormatter.default, {
|
|
213
237
|
value: cellValue
|
|
214
238
|
}));
|
|
215
239
|
}
|
|
216
240
|
case _constants.CellType.CREATOR:
|
|
217
241
|
{
|
|
218
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
242
|
+
return /*#__PURE__*/_react.default.createElement(_CreatorFormatter.default, {
|
|
219
243
|
collaborators: collaborators,
|
|
220
244
|
value: cellValue,
|
|
221
245
|
containerClassName: containerClassName
|
|
@@ -223,7 +247,7 @@ class EditorFormatter extends _react.default.Component {
|
|
|
223
247
|
}
|
|
224
248
|
case _constants.CellType.LAST_MODIFIER:
|
|
225
249
|
{
|
|
226
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
250
|
+
return /*#__PURE__*/_react.default.createElement(_LastModifierFormatter.default, {
|
|
227
251
|
collaborators: collaborators,
|
|
228
252
|
value: cellValue,
|
|
229
253
|
containerClassName: containerClassName
|
|
@@ -232,7 +256,7 @@ class EditorFormatter extends _react.default.Component {
|
|
|
232
256
|
case _constants.CellType.FORMULA:
|
|
233
257
|
case _constants.CellType.LINK_FORMULA:
|
|
234
258
|
{
|
|
235
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
259
|
+
return /*#__PURE__*/_react.default.createElement(_RowExpandFormulaFormatter.default, {
|
|
236
260
|
value: cellValue,
|
|
237
261
|
column: column,
|
|
238
262
|
collaborators: collaborators,
|
|
@@ -263,7 +287,7 @@ class EditorFormatter extends _react.default.Component {
|
|
|
263
287
|
}
|
|
264
288
|
};
|
|
265
289
|
}
|
|
266
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
290
|
+
return /*#__PURE__*/_react.default.createElement(_RowExpandLinkFormatter.default, {
|
|
267
291
|
value: cellValue,
|
|
268
292
|
column: column,
|
|
269
293
|
collaborators: collaborators,
|
|
@@ -273,7 +297,7 @@ class EditorFormatter extends _react.default.Component {
|
|
|
273
297
|
}
|
|
274
298
|
case _constants.CellType.AUTO_NUMBER:
|
|
275
299
|
{
|
|
276
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
300
|
+
return /*#__PURE__*/_react.default.createElement(_AutoNumberFormatter.default, {
|
|
277
301
|
value: cellValue,
|
|
278
302
|
containerClassName: containerClassName
|
|
279
303
|
});
|
|
@@ -282,7 +306,7 @@ class EditorFormatter extends _react.default.Component {
|
|
|
282
306
|
{
|
|
283
307
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
284
308
|
className: "form-control d-flex align-items-center w-100"
|
|
285
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
309
|
+
}, /*#__PURE__*/_react.default.createElement(_RowExpandUrlFormatter.default, {
|
|
286
310
|
value: cellValue,
|
|
287
311
|
containerClassName: containerClassName
|
|
288
312
|
}));
|
|
@@ -291,7 +315,7 @@ class EditorFormatter extends _react.default.Component {
|
|
|
291
315
|
{
|
|
292
316
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
293
317
|
className: "form-control d-flex align-items-center w-100"
|
|
294
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
318
|
+
}, /*#__PURE__*/_react.default.createElement(_RowExpandEmailFormatter.default, {
|
|
295
319
|
value: cellValue,
|
|
296
320
|
containerClassName: containerClassName
|
|
297
321
|
}));
|
|
@@ -303,7 +327,7 @@ class EditorFormatter extends _react.default.Component {
|
|
|
303
327
|
style: {
|
|
304
328
|
width: 320
|
|
305
329
|
}
|
|
306
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
330
|
+
}, /*#__PURE__*/_react.default.createElement(_DurationFormatter.default, {
|
|
307
331
|
value: cellValue,
|
|
308
332
|
format: column.data.duration_format,
|
|
309
333
|
containerClassName: containerClassName
|
|
@@ -316,7 +340,7 @@ class EditorFormatter extends _react.default.Component {
|
|
|
316
340
|
style: {
|
|
317
341
|
width: 320
|
|
318
342
|
}
|
|
319
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
343
|
+
}, /*#__PURE__*/_react.default.createElement(_RowExpandRateFormatter.default, {
|
|
320
344
|
value: cellValue,
|
|
321
345
|
data: column.data,
|
|
322
346
|
containerClassName: containerClassName
|
|
@@ -324,7 +348,7 @@ class EditorFormatter extends _react.default.Component {
|
|
|
324
348
|
}
|
|
325
349
|
case _constants.CellType.BUTTON:
|
|
326
350
|
{
|
|
327
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
351
|
+
return /*#__PURE__*/_react.default.createElement(_ButtonFormatter.default, {
|
|
328
352
|
data: column.data,
|
|
329
353
|
containerClassName: containerClassName,
|
|
330
354
|
onClickButton: this.props.onClickButton
|
|
@@ -332,7 +356,7 @@ class EditorFormatter extends _react.default.Component {
|
|
|
332
356
|
}
|
|
333
357
|
case _constants.CellType.DIGITAL_SIGN:
|
|
334
358
|
{
|
|
335
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
359
|
+
return /*#__PURE__*/_react.default.createElement(_DigitalSignFormatter.default, {
|
|
336
360
|
value: cellValue,
|
|
337
361
|
containerClassName: containerClassName,
|
|
338
362
|
config: this.props.config
|
|
@@ -340,7 +364,7 @@ class EditorFormatter extends _react.default.Component {
|
|
|
340
364
|
}
|
|
341
365
|
case _constants.CellType.DEPARTMENT_SINGLE_SELECT:
|
|
342
366
|
{
|
|
343
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
367
|
+
return /*#__PURE__*/_react.default.createElement(_DepartmentSingleSelectFormatter.default, {
|
|
344
368
|
value: cellValue,
|
|
345
369
|
departments: this.props.departments
|
|
346
370
|
});
|
|
@@ -6,15 +6,31 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
10
|
var _dtableUtils = require("dtable-utils");
|
|
10
11
|
var _baseFormatterConfig = _interopRequireDefault(require("../formatterConfig/base-formatter-config"));
|
|
11
12
|
var _TextFormatter = _interopRequireDefault(require("../TextFormatter"));
|
|
12
13
|
var _utils = require("../FormulaFormatter/utils");
|
|
13
14
|
var _cellValueValidator = _interopRequireDefault(require("../FormulaFormatter/cell-value-validator"));
|
|
15
|
+
var _toaster = _interopRequireDefault(require("../toaster"));
|
|
16
|
+
var _lang = require("../lang");
|
|
14
17
|
require("../FormulaFormatter/index.css");
|
|
15
18
|
class RowExpandFormulaFormatter extends _react.default.Component {
|
|
16
19
|
constructor() {
|
|
17
20
|
super(...arguments);
|
|
21
|
+
this.onOpenUrlLink = url => {
|
|
22
|
+
if (!(0, _utils.isValidUrl)(url)) {
|
|
23
|
+
url = "http://".concat(url);
|
|
24
|
+
}
|
|
25
|
+
try {
|
|
26
|
+
(0, _utils.openUrlLink)(url);
|
|
27
|
+
} catch {
|
|
28
|
+
_toaster.default.danger((0, _lang.getLocale)('URL_is_invalid'));
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
this.onOpenEmailLink = email => {
|
|
32
|
+
window.location.href = "mailto:".concat(email.trim());
|
|
33
|
+
};
|
|
18
34
|
this.renderBorder = dom => {
|
|
19
35
|
const {
|
|
20
36
|
column
|
|
@@ -30,6 +46,13 @@ class RowExpandFormulaFormatter extends _react.default.Component {
|
|
|
30
46
|
width: '320px'
|
|
31
47
|
};
|
|
32
48
|
}
|
|
49
|
+
const columnType = (0, _dtableUtils.getColumnType)(column);
|
|
50
|
+
if ([_dtableUtils.CellType.URL, _dtableUtils.CellType.EMAIL].includes(columnType)) {
|
|
51
|
+
style = {
|
|
52
|
+
...style,
|
|
53
|
+
position: 'relative'
|
|
54
|
+
};
|
|
55
|
+
}
|
|
33
56
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
34
57
|
className: "d-flex align-items-center form-control disabled h-auto",
|
|
35
58
|
style: style
|
|
@@ -54,18 +77,41 @@ class RowExpandFormulaFormatter extends _react.default.Component {
|
|
|
54
77
|
formatterProps.value = value;
|
|
55
78
|
return this.renderBorder(this.createColumnFormatter(Formatter, formatterProps));
|
|
56
79
|
}
|
|
80
|
+
const columnType = (0, _dtableUtils.getColumnType)(column);
|
|
57
81
|
let cellValue = value;
|
|
58
82
|
if (!Array.isArray(value)) {
|
|
59
83
|
cellValue = (0, _cellValueValidator.default)(value, array_type) ? [value] : [];
|
|
60
84
|
}
|
|
85
|
+
let formulaUrl = '';
|
|
86
|
+
if (columnType === _dtableUtils.CellType.URL) {
|
|
87
|
+
formulaUrl = cellValue[0];
|
|
88
|
+
formulaUrl = formulaUrl ? formulaUrl.trim() : '';
|
|
89
|
+
}
|
|
90
|
+
let formulaEmail = '';
|
|
91
|
+
if (columnType === _dtableUtils.CellType.EMAIL) {
|
|
92
|
+
formulaEmail = cellValue[0];
|
|
93
|
+
formulaEmail = formulaEmail ? formulaEmail.trim() : '';
|
|
94
|
+
}
|
|
61
95
|
return this.renderBorder( /*#__PURE__*/_react.default.createElement("div", {
|
|
62
96
|
className: "dtable-ui formula-formatter multiple"
|
|
63
97
|
}, cellValue.map((v, index) => {
|
|
64
98
|
formatterProps.value = v;
|
|
65
99
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
66
|
-
className:
|
|
100
|
+
className: (0, _classnames.default)('formula-formatter-content-item', {
|
|
101
|
+
'simple-cell-formatter': (0, _utils.isSimpleCellFormatter)(array_type)
|
|
102
|
+
}, {
|
|
103
|
+
'formula-url-formatter-column': formulaUrl || formulaEmail
|
|
104
|
+
}),
|
|
67
105
|
key: "formula-formatter-content-item-".concat(index)
|
|
68
|
-
},
|
|
106
|
+
}, formulaUrl && /*#__PURE__*/_react.default.createElement("span", {
|
|
107
|
+
"aria-hidden": "true",
|
|
108
|
+
className: "dtable-font dtable-icon-url formula-url-link",
|
|
109
|
+
onClick: this.onOpenUrlLink.bind(this, formulaUrl)
|
|
110
|
+
}), formulaEmail && /*#__PURE__*/_react.default.createElement("span", {
|
|
111
|
+
"aria-hidden": "true",
|
|
112
|
+
className: "dtable-font dtable-icon-email formula-email-link",
|
|
113
|
+
onClick: this.onOpenEmailLink.bind(this, formulaEmail)
|
|
114
|
+
}), this.createColumnFormatter(Formatter, formatterProps));
|
|
69
115
|
})));
|
|
70
116
|
};
|
|
71
117
|
this.getFormatterProps = (array_type, array_data, collaborators) => {
|
|
@@ -8,7 +8,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.default = void 0;
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _constants = require("../constants");
|
|
11
|
-
var
|
|
11
|
+
var _MultipleSelectFormatter = _interopRequireDefault(require("../MultipleSelectFormatter"));
|
|
12
|
+
var _CTimeFormatter = _interopRequireDefault(require("../CTimeFormatter"));
|
|
13
|
+
var _MTimeFormatter = _interopRequireDefault(require("../MTimeFormatter"));
|
|
14
|
+
var _DateFormatter = _interopRequireDefault(require("../DateFormatter"));
|
|
12
15
|
var _collaboratorItemFormatter = _interopRequireDefault(require("./collaborator-item-formatter"));
|
|
13
16
|
var _utils = require("./utils");
|
|
14
17
|
var _valueDisplayUtils = require("./value-display-utils");
|
|
@@ -69,7 +72,7 @@ class RowExpandLinkFormatter extends _react.Component {
|
|
|
69
72
|
const {
|
|
70
73
|
format
|
|
71
74
|
} = displayColumnData || {};
|
|
72
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
75
|
+
return /*#__PURE__*/_react.default.createElement(_DateFormatter.default, {
|
|
73
76
|
key: "link-".concat(displayColumnType, "-").concat(index),
|
|
74
77
|
value: value,
|
|
75
78
|
format: format,
|
|
@@ -83,7 +86,7 @@ class RowExpandLinkFormatter extends _react.Component {
|
|
|
83
86
|
className: containerClassName
|
|
84
87
|
}, cellValue.map((value, index) => {
|
|
85
88
|
if (!value) return null;
|
|
86
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
89
|
+
return /*#__PURE__*/_react.default.createElement(_CTimeFormatter.default, {
|
|
87
90
|
key: "link-".concat(displayColumnType, "-").concat(index),
|
|
88
91
|
value: value,
|
|
89
92
|
containerClassName: "row-expand-link-item"
|
|
@@ -96,7 +99,7 @@ class RowExpandLinkFormatter extends _react.Component {
|
|
|
96
99
|
className: containerClassName
|
|
97
100
|
}, cellValue.map((value, index) => {
|
|
98
101
|
if (!value) return null;
|
|
99
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
102
|
+
return /*#__PURE__*/_react.default.createElement(_MTimeFormatter.default, {
|
|
100
103
|
key: "link-".concat(displayColumnType, "-").concat(index),
|
|
101
104
|
value: value,
|
|
102
105
|
containerClassName: "row-expand-link-item"
|
|
@@ -122,7 +125,7 @@ class RowExpandLinkFormatter extends _react.Component {
|
|
|
122
125
|
case _constants.CellType.SINGLE_SELECT:
|
|
123
126
|
{
|
|
124
127
|
const options = displayColumnData && Array.isArray(displayColumnData.options) ? displayColumnData.options : [];
|
|
125
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
128
|
+
return /*#__PURE__*/_react.default.createElement(_MultipleSelectFormatter.default, {
|
|
126
129
|
value: cellValue,
|
|
127
130
|
options: options || []
|
|
128
131
|
});
|
package/lib/locals/de.js
CHANGED
|
@@ -93,6 +93,7 @@ const de = {
|
|
|
93
93
|
"this_year": "Dieses Jahr",
|
|
94
94
|
"last_week": "letzte Woche",
|
|
95
95
|
"last_month": "letzten Monat",
|
|
96
|
-
"last_year": "letztes Jahr"
|
|
96
|
+
"last_year": "letztes Jahr",
|
|
97
|
+
"URL_is_invalid": "Die URL ist ungültig."
|
|
97
98
|
};
|
|
98
99
|
var _default = exports.default = de;
|
package/lib/locals/en.js
CHANGED
package/lib/locals/es.js
CHANGED
package/lib/locals/fr.js
CHANGED
|
@@ -93,6 +93,7 @@ const fr = {
|
|
|
93
93
|
"this_year": "cette année",
|
|
94
94
|
"last_week": "la semaine dernière",
|
|
95
95
|
"last_month": "le mois dernier",
|
|
96
|
-
"last_year": "l'année dernière"
|
|
96
|
+
"last_year": "l'année dernière",
|
|
97
|
+
"URL_is_invalid": "L'URL est invalide."
|
|
97
98
|
};
|
|
98
99
|
var _default = exports.default = fr;
|
package/lib/locals/pt.js
CHANGED
package/lib/locals/ru.js
CHANGED
package/lib/locals/zh-CN.js
CHANGED
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "dtable-ui-component",
|
|
3
|
-
"version": "4.4.
|
|
3
|
+
"version": "4.4.35",
|
|
4
4
|
"main": "./lib/index.js",
|
|
5
5
|
"dependencies": {
|
|
6
6
|
"@seafile/react-image-lightbox": "2.0.5",
|
|
7
7
|
"@seafile/seafile-calendar": "0.0.24",
|
|
8
|
-
"@seafile/seafile-editor": "~1.0.
|
|
8
|
+
"@seafile/seafile-editor": "~1.0.77",
|
|
9
9
|
"antd-mobile": "2.3.1",
|
|
10
10
|
"classnames": "2.3.2",
|
|
11
11
|
"dayjs": "1.10.7",
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.getImageThumbnailUrl = void 0;
|
|
7
|
-
const getImageThumbnailUrl = (url, server) => {
|
|
8
|
-
if (server && url.indexOf(server) > -1) {
|
|
9
|
-
return url.replace('/workspace', '/thumbnail/workspace') + '?size=256';
|
|
10
|
-
}
|
|
11
|
-
return url;
|
|
12
|
-
};
|
|
13
|
-
exports.getImageThumbnailUrl = getImageThumbnailUrl;
|