dtable-ui-component 6.0.38-alpha.2 → 6.0.38
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/CheckboxEditor/index.css +7 -6
- package/lib/DTableFiltersPopover/constants/index.js +2 -30
- package/lib/DTableFiltersPopover/index.css +14 -50
- package/lib/DTableFiltersPopover/index.js +136 -118
- package/lib/DTableFiltersPopover/utils/filter-item-utils.js +4 -10
- package/lib/DTableFiltersPopover/utils/index.js +82 -358
- package/lib/DTableFiltersPopover/widgets/collaborator-filter/index.css +0 -0
- package/lib/DTableFiltersPopover/widgets/collaborator-filter/index.js +4 -6
- package/lib/DTableFiltersPopover/widgets/department-select-filter/department-multiple-select-filter.js +2 -13
- package/lib/DTableFiltersPopover/widgets/department-select-filter/department-single-select-filter.js +6 -20
- package/lib/DTableFiltersPopover/widgets/filter-item.js +53 -138
- package/lib/DTableFiltersPopover/widgets/filter-list/index.css +10 -119
- package/lib/DTableFiltersPopover/widgets/filter-list/index.js +39 -226
- package/lib/GeolocationEditor/mb-editor/map-editor/index.css +5 -2
- package/lib/GeolocationEditor/mb-editor/map-editor/index.js +93 -51
- package/lib/GeolocationEditor/pc-editor/index.css +6 -15
- package/lib/GeolocationEditor/pc-editor/index.js +4 -1
- package/lib/GeolocationEditor/pc-editor/map-editor/index.css +33 -0
- package/lib/GeolocationEditor/pc-editor/map-editor/index.js +143 -99
- package/lib/GeolocationEditor/pc-editor/map-editor/large-editor/index.css +13 -11
- package/lib/GeolocationEditor/pc-editor/map-editor/large-editor/index.js +100 -70
- package/lib/GeolocationEditor/pc-editor/map-selection-editor/index.js +20 -11
- package/lib/GeolocationEditor/pc-editor/map-selection-editor/large-editor/index.js +2 -2
- package/lib/RowExpandEditor/geolocation-editor/pc-editor/index.js +19 -5
- package/lib/locales/de.json +5 -3
- package/lib/locales/en.json +5 -8
- package/lib/locales/es.json +5 -3
- package/lib/locales/fr.json +5 -3
- package/lib/locales/pt.json +5 -3
- package/lib/locales/ru.json +5 -3
- package/lib/locales/zh-CN.json +5 -8
- package/lib/utils/column-utils.js +2 -21
- package/package.json +2 -2
- package/lib/DTableFiltersPopover/widgets/filter-group.js +0 -185
|
@@ -12,10 +12,13 @@
|
|
|
12
12
|
width: 100%;
|
|
13
13
|
flex: 1;
|
|
14
14
|
position: relative;
|
|
15
|
+
display: flex;
|
|
16
|
+
flex-direction: column;
|
|
15
17
|
}
|
|
16
18
|
|
|
17
19
|
.dtable-ui-large-map-editor-dialog .geolocation-map-container-large {
|
|
18
|
-
|
|
20
|
+
flex: 1;
|
|
21
|
+
overflow: hidden;
|
|
19
22
|
display: flex;
|
|
20
23
|
align-items: center;
|
|
21
24
|
text-align: center;
|
|
@@ -50,14 +53,19 @@
|
|
|
50
53
|
position: relative;
|
|
51
54
|
}
|
|
52
55
|
|
|
53
|
-
.dtable-ui-large-map-editor-dialog .
|
|
54
|
-
line-height: 38px;
|
|
56
|
+
.dtable-ui-large-map-editor-dialog .selection-input-large {
|
|
55
57
|
padding-right: 30px;
|
|
56
58
|
border-bottom: 0;
|
|
57
59
|
background: #fff;
|
|
58
|
-
border-radius: 3px;
|
|
59
60
|
border: 1px solid #dedede;
|
|
60
|
-
|
|
61
|
+
border-right: none;
|
|
62
|
+
border-radius: 2px 0 0 2px;
|
|
63
|
+
box-shadow: 0 -0 2px rgb(0 0 0 / 30%);
|
|
64
|
+
width: 415px;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.dtable-ui-large-map-editor-dialog .selection-input-large:focus {
|
|
68
|
+
box-shadow: 0 0 3px #0000004d;
|
|
61
69
|
}
|
|
62
70
|
|
|
63
71
|
.clear-search-numerical {
|
|
@@ -77,12 +85,6 @@
|
|
|
77
85
|
box-shadow: 0 -0 12px rgb(0 0 0 / 30%);
|
|
78
86
|
}
|
|
79
87
|
|
|
80
|
-
.dtable-ui-geolocation-map-editor-large .search-tables-input.selection-input-large {
|
|
81
|
-
width: 415px;
|
|
82
|
-
box-shadow: 0 -0 2px rgb(0 0 0 / 30%);
|
|
83
|
-
border-radius: 2px 0px 0px 2px;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
88
|
.dtable-ui-geolocation-map-editor-large .selection-input-large:focus {
|
|
87
89
|
box-shadow: 0 -0 3px rgb(0 0 0 / 30%);
|
|
88
90
|
}
|
|
@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _reactstrap = require("reactstrap");
|
|
10
|
+
var _dtableUtils = require("dtable-utils");
|
|
10
11
|
var _toaster = _interopRequireDefault(require("../../../../toaster"));
|
|
11
12
|
var _Loading = _interopRequireDefault(require("../../../../Loading"));
|
|
12
13
|
var _constants = require("../../../../constants");
|
|
@@ -168,14 +169,42 @@ class LargeMapEditorDialog extends _react.default.Component {
|
|
|
168
169
|
_toaster.default.danger((0, _lang.getLocale)('Positioning_failed'));
|
|
169
170
|
}
|
|
170
171
|
};
|
|
172
|
+
this.getNumericValue = value => {
|
|
173
|
+
const {
|
|
174
|
+
lng,
|
|
175
|
+
lat
|
|
176
|
+
} = value || {};
|
|
177
|
+
const numLng = typeof lng === 'string' ? parseFloat(lng.trim()) : lng;
|
|
178
|
+
const numLat = typeof lat === 'string' ? parseFloat(lat.trim()) : lat;
|
|
179
|
+
return {
|
|
180
|
+
lng: numLng,
|
|
181
|
+
lat: numLat
|
|
182
|
+
};
|
|
183
|
+
};
|
|
184
|
+
this.setPropsValue = _ref => {
|
|
185
|
+
let {
|
|
186
|
+
lng,
|
|
187
|
+
lat
|
|
188
|
+
} = _ref;
|
|
189
|
+
if (!(0, _dtableUtils.isNumber)(lng) || !(0, _dtableUtils.isNumber)(lat)) {
|
|
190
|
+
this.props.setValue(null);
|
|
191
|
+
return;
|
|
192
|
+
}
|
|
193
|
+
this.props.setValue({
|
|
194
|
+
lng,
|
|
195
|
+
lat
|
|
196
|
+
});
|
|
197
|
+
};
|
|
171
198
|
this.setValue = point => {
|
|
172
|
-
const value = {
|
|
199
|
+
const value = point ? {
|
|
173
200
|
lng: point.lng,
|
|
174
201
|
lat: point.lat
|
|
175
|
-
};
|
|
202
|
+
} : null;
|
|
176
203
|
this.setState({
|
|
177
|
-
value
|
|
178
|
-
|
|
204
|
+
value
|
|
205
|
+
}, () => {
|
|
206
|
+
const numericValue = this.getNumericValue(this.state.value);
|
|
207
|
+
this.setPropsValue(numericValue);
|
|
179
208
|
});
|
|
180
209
|
};
|
|
181
210
|
this.addMarkerByPosition = (lng, lat) => {
|
|
@@ -223,46 +252,47 @@ class LargeMapEditorDialog extends _react.default.Component {
|
|
|
223
252
|
}
|
|
224
253
|
}
|
|
225
254
|
};
|
|
226
|
-
this.
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
}
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
if (this.mapType === _mapEditorUtils.MAP_TYPES.G_MAP) {
|
|
238
|
-
lat = parseFloat(inputValue.slice(0, splitCodeIndex).trim());
|
|
239
|
-
lng = parseFloat(inputValue.slice(splitCodeIndex + 1).trim());
|
|
240
|
-
} else {
|
|
241
|
-
lng = parseFloat(inputValue.slice(0, splitCodeIndex).trim());
|
|
242
|
-
lat = parseFloat(inputValue.slice(splitCodeIndex + 1).trim());
|
|
243
|
-
}
|
|
244
|
-
if (!Number.isNaN(lng) && !Number.isNaN(lat)) {
|
|
245
|
-
this.setState({
|
|
246
|
-
value: {
|
|
247
|
-
lng,
|
|
248
|
-
lat
|
|
249
|
-
}
|
|
250
|
-
}, () => {
|
|
251
|
-
this.props.setValue(this.state.value);
|
|
255
|
+
this.rerenderMapMarker = _ref2 => {
|
|
256
|
+
let {
|
|
257
|
+
lng,
|
|
258
|
+
lat
|
|
259
|
+
} = _ref2;
|
|
260
|
+
if (!(0, _dtableUtils.isNumber)(lng) || !(0, _dtableUtils.isNumber)(lat)) return;
|
|
261
|
+
if (this.map) {
|
|
262
|
+
if (this.mapType === _mapEditorUtils.MAP_TYPES.G_MAP || this.mapType === _mapEditorUtils.MAP_TYPES.M_MAP) {
|
|
263
|
+
this.map.setCenter({
|
|
264
|
+
lng,
|
|
265
|
+
lat
|
|
252
266
|
});
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
this.map.setCenter({
|
|
256
|
-
lng,
|
|
257
|
-
lat
|
|
258
|
-
});
|
|
259
|
-
} else {
|
|
260
|
-
this.map.setCenter(new window.BMap.Point(lng, lat));
|
|
261
|
-
}
|
|
262
|
-
}
|
|
263
|
-
this.addMarkerByPosition(lng, lat);
|
|
267
|
+
} else {
|
|
268
|
+
this.map.setCenter(new window.BMap.Point(lng, lat));
|
|
264
269
|
}
|
|
265
270
|
}
|
|
271
|
+
this.addMarkerByPosition(lng, lat);
|
|
272
|
+
};
|
|
273
|
+
this.onChangeLatitude = event => {
|
|
274
|
+
this.setState({
|
|
275
|
+
value: {
|
|
276
|
+
...this.state.value,
|
|
277
|
+
lat: event.target.value
|
|
278
|
+
}
|
|
279
|
+
}, () => {
|
|
280
|
+
const numericValue = this.getNumericValue(this.state.value);
|
|
281
|
+
this.setPropsValue(numericValue);
|
|
282
|
+
this.rerenderMapMarker(numericValue);
|
|
283
|
+
});
|
|
284
|
+
};
|
|
285
|
+
this.onChangeLongitude = event => {
|
|
286
|
+
this.setState({
|
|
287
|
+
value: {
|
|
288
|
+
...this.state.value,
|
|
289
|
+
lng: event.target.value
|
|
290
|
+
}
|
|
291
|
+
}, () => {
|
|
292
|
+
const numericValue = this.getNumericValue(this.state.value);
|
|
293
|
+
this.setPropsValue(numericValue);
|
|
294
|
+
this.rerenderMapMarker(numericValue);
|
|
295
|
+
});
|
|
266
296
|
};
|
|
267
297
|
this.onKeyDown = event => {
|
|
268
298
|
event.stopPropagation();
|
|
@@ -271,12 +301,6 @@ class LargeMapEditorDialog extends _react.default.Component {
|
|
|
271
301
|
this.onSubmit();
|
|
272
302
|
}
|
|
273
303
|
};
|
|
274
|
-
this.clearSearchNumerical = () => {
|
|
275
|
-
this.setState({
|
|
276
|
-
inputValue: '',
|
|
277
|
-
value: {}
|
|
278
|
-
});
|
|
279
|
-
};
|
|
280
304
|
this.onSubmit = () => {
|
|
281
305
|
const {
|
|
282
306
|
value
|
|
@@ -316,7 +340,10 @@ class LargeMapEditorDialog extends _react.default.Component {
|
|
|
316
340
|
readOnly,
|
|
317
341
|
config
|
|
318
342
|
} = props;
|
|
319
|
-
const _value = props.value || {
|
|
343
|
+
const _value = props.value || {
|
|
344
|
+
lng: '',
|
|
345
|
+
lat: ''
|
|
346
|
+
};
|
|
320
347
|
this.readOnly = readOnly;
|
|
321
348
|
const {
|
|
322
349
|
mapType,
|
|
@@ -324,16 +351,10 @@ class LargeMapEditorDialog extends _react.default.Component {
|
|
|
324
351
|
} = (0, _mapEditorUtils.getMapInfo)(config);
|
|
325
352
|
this.mapType = mapType;
|
|
326
353
|
this.mapKey = mapKey;
|
|
327
|
-
const {
|
|
328
|
-
lng: _lng,
|
|
329
|
-
lat: _lat
|
|
330
|
-
} = _value;
|
|
331
|
-
const _inputValue = (0, _cell.isValidPosition)(_lng, _lat) ? _mapEditorUtils.DOMESTIC_MAP_TYPE.includes(this.mapType) ? "".concat(_lng, ", ").concat(_lat) : "".concat(_lat, ", ").concat(_lng) : '';
|
|
332
354
|
this.map = null;
|
|
333
355
|
this.state = {
|
|
334
356
|
isLoading: true,
|
|
335
|
-
value:
|
|
336
|
-
inputValue: _inputValue
|
|
357
|
+
value: _value
|
|
337
358
|
};
|
|
338
359
|
}
|
|
339
360
|
componentDidMount() {
|
|
@@ -384,8 +405,10 @@ class LargeMapEditorDialog extends _react.default.Component {
|
|
|
384
405
|
render() {
|
|
385
406
|
const {
|
|
386
407
|
isLoading,
|
|
387
|
-
|
|
408
|
+
value
|
|
388
409
|
} = this.state;
|
|
410
|
+
const lat = value ? value.lat : '';
|
|
411
|
+
const lng = value ? value.lng : '';
|
|
389
412
|
return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
|
|
390
413
|
size: "lg",
|
|
391
414
|
isOpen: true,
|
|
@@ -407,24 +430,31 @@ class LargeMapEditorDialog extends _react.default.Component {
|
|
|
407
430
|
className: "dtable-ui-geolocation-map-editor-large",
|
|
408
431
|
onClick: this.handlerClick
|
|
409
432
|
}, !this.readOnly && /*#__PURE__*/_react.default.createElement("div", {
|
|
410
|
-
className: "map-editor-header"
|
|
433
|
+
className: "dtable-ui-geolocation-map-lng-lat-editor-header"
|
|
411
434
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
412
|
-
className: "
|
|
413
|
-
}, /*#__PURE__*/_react.default.createElement("
|
|
435
|
+
className: "dtable-ui-geolocation-map-lng-lat-input-container dtable-ui-geolocation-map-lat-input-container"
|
|
436
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
437
|
+
className: "dtable-ui-geolocation-map-lng-lat-input-label"
|
|
438
|
+
}, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Latitude_abbr'))), /*#__PURE__*/_react.default.createElement("input", {
|
|
414
439
|
type: "text",
|
|
415
|
-
value:
|
|
440
|
+
value: lat,
|
|
441
|
+
onChange: this.onChangeLatitude,
|
|
416
442
|
onKeyDown: this.onKeyDown,
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
placeholder: _mapEditorUtils.DOMESTIC_MAP_TYPE.includes(this.mapType) ? (0, _lang.getLocale)('Enter_longitude_and_latitude') : (0, _lang.getLocale)('Enter_latitude_and_longitude'),
|
|
443
|
+
className: "form-control",
|
|
444
|
+
placeholder: (0, _lang.getLocale)('Enter_latitude'),
|
|
420
445
|
autoFocus: true
|
|
421
|
-
}),
|
|
422
|
-
className: "
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
446
|
+
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
447
|
+
className: "dtable-ui-geolocation-map-lng-lat-input-container dtable-ui-geolocation-map-lng-input-container"
|
|
448
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
449
|
+
className: "dtable-ui-geolocation-map-lng-lat-input-label"
|
|
450
|
+
}, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Longitude_abbr'))), /*#__PURE__*/_react.default.createElement("input", {
|
|
451
|
+
type: "text",
|
|
452
|
+
value: lng,
|
|
453
|
+
onChange: this.onChangeLongitude,
|
|
454
|
+
onKeyDown: this.onKeyDown,
|
|
455
|
+
className: "form-control",
|
|
456
|
+
placeholder: (0, _lang.getLocale)('Enter_longitude')
|
|
457
|
+
}))), /*#__PURE__*/_react.default.createElement("div", {
|
|
428
458
|
className: this.readOnly ? 'geolocation-map-read-only-container' : 'geolocation-map-container-large'
|
|
429
459
|
}, this.mapType && isLoading && /*#__PURE__*/_react.default.createElement(_Loading.default, null), !this.mapType && /*#__PURE__*/_react.default.createElement("div", {
|
|
430
460
|
className: "dtable-ui-geolocation-map-editor-error-message d-flex justify-content-center mt-9"
|
|
@@ -18,6 +18,18 @@ var _lang = require("../../../lang");
|
|
|
18
18
|
class MapSelectionEditor extends _react.Component {
|
|
19
19
|
constructor(props) {
|
|
20
20
|
super(props);
|
|
21
|
+
this.initMap = () => {
|
|
22
|
+
if (this.mapType === _mapEditorUtils.MAP_TYPES.B_MAP) {
|
|
23
|
+
if (!window.BMap) {
|
|
24
|
+
window.renderBaiduMap = () => this.renderBaiduMap();
|
|
25
|
+
(0, _mapEditorUtils.loadMapSource)(this.mapType, this.mapKey);
|
|
26
|
+
} else {
|
|
27
|
+
this.renderBaiduMap();
|
|
28
|
+
}
|
|
29
|
+
window.onSubmitSelection = this.onSubmitSelection;
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
};
|
|
21
33
|
this.renderBaiduMap = () => {
|
|
22
34
|
this.setState({
|
|
23
35
|
isLoading: false
|
|
@@ -238,6 +250,12 @@ class MapSelectionEditor extends _react.Component {
|
|
|
238
250
|
this.props.setValue(value);
|
|
239
251
|
this.setState({
|
|
240
252
|
isShowLargeEditor: !this.state.isShowLargeEditor
|
|
253
|
+
}, () => {
|
|
254
|
+
const nextState = this.state.isShowLargeEditor;
|
|
255
|
+
if (!nextState) {
|
|
256
|
+
this.initMap();
|
|
257
|
+
}
|
|
258
|
+
this.props.toggleLargeMap && this.props.toggleLargeMap(nextState);
|
|
241
259
|
});
|
|
242
260
|
};
|
|
243
261
|
this.clearSearchNumerical = () => {
|
|
@@ -337,16 +355,7 @@ class MapSelectionEditor extends _react.Component {
|
|
|
337
355
|
this.map = null;
|
|
338
356
|
}
|
|
339
357
|
componentDidMount() {
|
|
340
|
-
|
|
341
|
-
if (!window.BMap) {
|
|
342
|
-
window.renderBaiduMap = () => this.renderBaiduMap();
|
|
343
|
-
(0, _mapEditorUtils.loadMapSource)(this.mapType, this.mapKey);
|
|
344
|
-
} else {
|
|
345
|
-
this.renderBaiduMap();
|
|
346
|
-
}
|
|
347
|
-
window.onSubmitSelection = this.onSubmitSelection;
|
|
348
|
-
return;
|
|
349
|
-
}
|
|
358
|
+
this.initMap();
|
|
350
359
|
}
|
|
351
360
|
componentWillUnmount() {
|
|
352
361
|
if (this.mapType === _mapEditorUtils.MAP_TYPES.B_MAP) {
|
|
@@ -407,7 +416,7 @@ class MapSelectionEditor extends _react.Component {
|
|
|
407
416
|
value: inputValue,
|
|
408
417
|
onKeyDown: this.onKeyDown,
|
|
409
418
|
onChange: this.onChange,
|
|
410
|
-
className: "form-control
|
|
419
|
+
className: "form-control selection-input",
|
|
411
420
|
placeholder: (0, _lang.getLocale)('Please_enter_the_address'),
|
|
412
421
|
autoFocus: true
|
|
413
422
|
}), inputValue && /*#__PURE__*/_react.default.createElement("span", {
|
|
@@ -243,7 +243,7 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
|
|
|
243
243
|
value
|
|
244
244
|
} = this.state;
|
|
245
245
|
this.props.setValue(value);
|
|
246
|
-
this.props.toggleFullScreen();
|
|
246
|
+
this.props.toggleFullScreen(event);
|
|
247
247
|
};
|
|
248
248
|
this.renderSearchResults = () => {
|
|
249
249
|
const {
|
|
@@ -399,7 +399,7 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
|
|
|
399
399
|
value: inputValue,
|
|
400
400
|
onChange: this.onChange,
|
|
401
401
|
onKeyDown: this.onKeyDown,
|
|
402
|
-
className: "form-control
|
|
402
|
+
className: "form-control selection-input-large",
|
|
403
403
|
placeholder: (0, _lang.getLocale)('Please_enter_the_address'),
|
|
404
404
|
autoFocus: true
|
|
405
405
|
}), inputValue && /*#__PURE__*/_react.default.createElement("span", {
|
|
@@ -23,13 +23,17 @@ class RowExpandPCGeolocationEditor extends _react.default.Component {
|
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
this.hideEditor = event => {
|
|
26
|
-
if (!this.state.isShowEditor || !event.target || this.editorContainer.contains(event.target)) return;
|
|
26
|
+
if (!this.state.isShowEditor || this.isLargeMapOpen || !event.target || this.editorContainer.contains(event.target)) return;
|
|
27
27
|
this.setState({
|
|
28
28
|
isShowEditor: false
|
|
29
29
|
});
|
|
30
30
|
};
|
|
31
|
+
this.toggleLargeMap = open => {
|
|
32
|
+
this.isLargeMapOpen = open;
|
|
33
|
+
};
|
|
31
34
|
this.toggleEditor = () => {
|
|
32
35
|
this.props.updateTabIndex(this.props.columnIndex);
|
|
36
|
+
this.isLargeMapOpen = false;
|
|
33
37
|
this.setState({
|
|
34
38
|
isShowEditor: !this.state.isShowEditor
|
|
35
39
|
}, () => {
|
|
@@ -47,12 +51,21 @@ class RowExpandPCGeolocationEditor extends _react.default.Component {
|
|
|
47
51
|
this.onFocus = () => {
|
|
48
52
|
this.props.updateTabIndex(this.props.columnIndex);
|
|
49
53
|
};
|
|
54
|
+
this.closeEditor = () => {
|
|
55
|
+
this.isLargeMapOpen = false;
|
|
56
|
+
this.setState({
|
|
57
|
+
isShowEditor: false
|
|
58
|
+
});
|
|
59
|
+
};
|
|
50
60
|
this.onCommit = value => {
|
|
51
61
|
this.props.onCommit(value);
|
|
52
62
|
this.setState({
|
|
53
63
|
value
|
|
54
64
|
});
|
|
55
|
-
this.
|
|
65
|
+
this.isLargeMapOpen = false;
|
|
66
|
+
this.setState({
|
|
67
|
+
isShowEditor: false
|
|
68
|
+
});
|
|
56
69
|
};
|
|
57
70
|
this.renderGeoLocation = () => {
|
|
58
71
|
let {
|
|
@@ -99,7 +112,7 @@ class RowExpandPCGeolocationEditor extends _react.default.Component {
|
|
|
99
112
|
value: row[_column[valueKey]] || {}
|
|
100
113
|
};
|
|
101
114
|
this.addBtnRef = /*#__PURE__*/_react.default.createRef();
|
|
102
|
-
this.
|
|
115
|
+
this.isLargeMapOpen = false;
|
|
103
116
|
}
|
|
104
117
|
componentDidMount() {
|
|
105
118
|
document.addEventListener('mousedown', this.hideEditor);
|
|
@@ -150,8 +163,9 @@ class RowExpandPCGeolocationEditor extends _react.default.Component {
|
|
|
150
163
|
value: value,
|
|
151
164
|
config: config,
|
|
152
165
|
onCommit: this.onCommit,
|
|
153
|
-
onToggle: this.
|
|
154
|
-
onPressTab: this.props.onPressTab
|
|
166
|
+
onToggle: this.closeEditor,
|
|
167
|
+
onPressTab: this.props.onPressTab,
|
|
168
|
+
toggleLargeMap: this.toggleLargeMap
|
|
155
169
|
}));
|
|
156
170
|
}
|
|
157
171
|
}
|
package/lib/locales/de.json
CHANGED
|
@@ -132,8 +132,6 @@
|
|
|
132
132
|
"Select_location": "Auswählen",
|
|
133
133
|
"Positioning_failed": "Die Positionierung ist gescheitert.",
|
|
134
134
|
"Address": "Adresse",
|
|
135
|
-
"Enter_longitude_and_latitude": "Längengrad und Breitengrad eingeben",
|
|
136
|
-
"Enter_latitude_and_longitude": "Längen- und Breitengrad eingeben",
|
|
137
135
|
"The_map_plugin_is_not_properly_configured_contact_the_administrator": "Das Karten-Plugin ist nicht richtig konfiguriert. Kontaktieren Sie den Administrator.",
|
|
138
136
|
"Fill_in": "Ausfüllen",
|
|
139
137
|
"Search_failed_please_enter_detailed_address": "Die Suche ist fehlgeschlagen. Geben Sie die Adresse mit mehr Details ein.",
|
|
@@ -165,5 +163,9 @@
|
|
|
165
163
|
"Add_participants": "Teilnehmer hinzufügen",
|
|
166
164
|
"Edit_long_text": "Langtext bearbeiten",
|
|
167
165
|
"Choose_a_department": "Bereich wählen",
|
|
168
|
-
"Close": "Schließen"
|
|
166
|
+
"Close": "Schließen",
|
|
167
|
+
"Latitude_abbr": "Breite",
|
|
168
|
+
"Longitude_abbr": "Länge",
|
|
169
|
+
"Enter_latitude": "Breitengrad eingeben",
|
|
170
|
+
"Enter_longitude": "Längengrad eingeben"
|
|
169
171
|
}
|
package/lib/locales/en.json
CHANGED
|
@@ -24,11 +24,6 @@
|
|
|
24
24
|
"Deleted_department": "Deleted department",
|
|
25
25
|
"View_original_image": "View original image",
|
|
26
26
|
"Add_filter": "Add filter",
|
|
27
|
-
"And": "And",
|
|
28
|
-
"Or": "Or",
|
|
29
|
-
"Add_filter_group": "Add filter group",
|
|
30
|
-
"Click_to_add_filter": "Click to add filter",
|
|
31
|
-
"Click_to_input_value": "Click to input value",
|
|
32
27
|
"Submit": "Submit",
|
|
33
28
|
"No_filters": "No filters",
|
|
34
29
|
"Select_an_option": "Select an option",
|
|
@@ -137,8 +132,6 @@
|
|
|
137
132
|
"Select_location": "Select",
|
|
138
133
|
"Positioning_failed": "Positioning failed",
|
|
139
134
|
"Address": "Address",
|
|
140
|
-
"Enter_longitude_and_latitude": "Enter longitude and latitude",
|
|
141
|
-
"Enter_latitude_and_longitude": "Enter latitude and longitude",
|
|
142
135
|
"The_map_plugin_is_not_properly_configured_contact_the_administrator": "The map plugin is not properly configured. Contact the administrator.",
|
|
143
136
|
"Fill_in": "Fill in",
|
|
144
137
|
"Search_failed_please_enter_detailed_address": "Search failed, please enter detailed address",
|
|
@@ -170,5 +163,9 @@
|
|
|
170
163
|
"Add_participants": "Add participants",
|
|
171
164
|
"Edit_long_text": "Edit long text",
|
|
172
165
|
"Choose_a_department": "Choose a department",
|
|
173
|
-
"Close": "Close"
|
|
166
|
+
"Close": "Close",
|
|
167
|
+
"Latitude_abbr": "Lat",
|
|
168
|
+
"Longitude_abbr": "Lng",
|
|
169
|
+
"Enter_latitude": "Enter latitude",
|
|
170
|
+
"Enter_longitude": "Enter longitude"
|
|
174
171
|
}
|
package/lib/locales/es.json
CHANGED
|
@@ -132,8 +132,6 @@
|
|
|
132
132
|
"Select_location": "Elegir",
|
|
133
133
|
"Positioning_failed": "El posicionamiento ha fallado",
|
|
134
134
|
"Address": "Dirección",
|
|
135
|
-
"Enter_longitude_and_latitude": "Introduce longitud y latitud",
|
|
136
|
-
"Enter_latitude_and_longitude": "Introduce latitud y longitud",
|
|
137
135
|
"The_map_plugin_is_not_properly_configured_contact_the_administrator": "El plugin de mapas no está bien configurado. Contacta con el administrador.",
|
|
138
136
|
"Fill_in": "Rellenar",
|
|
139
137
|
"Search_failed_please_enter_detailed_address": "La búsqueda ha fallado, por favor introduce la dirección completa",
|
|
@@ -165,5 +163,9 @@
|
|
|
165
163
|
"Add_participants": "Añadir participantes",
|
|
166
164
|
"Edit_long_text": "Edit long text",
|
|
167
165
|
"Choose_a_department": "Choose a department",
|
|
168
|
-
"Close": "Cerrar"
|
|
166
|
+
"Close": "Cerrar",
|
|
167
|
+
"Latitude_abbr": "Lat",
|
|
168
|
+
"Longitude_abbr": "Lng",
|
|
169
|
+
"Enter_latitude": "Enter latitude",
|
|
170
|
+
"Enter_longitude": "Enter longitude"
|
|
169
171
|
}
|
package/lib/locales/fr.json
CHANGED
|
@@ -132,8 +132,6 @@
|
|
|
132
132
|
"Select_location": "Sélectionner",
|
|
133
133
|
"Positioning_failed": "La localisation a échoué.",
|
|
134
134
|
"Address": "Adresse",
|
|
135
|
-
"Enter_longitude_and_latitude": "Entrer longitude et latitude",
|
|
136
|
-
"Enter_latitude_and_longitude": "Entrer latitude et longitude",
|
|
137
135
|
"The_map_plugin_is_not_properly_configured_contact_the_administrator": "Le plugin de carte n'est pas correctement configuré. Veuillez contacter l'administrateur.",
|
|
138
136
|
"Fill_in": "Remplir",
|
|
139
137
|
"Search_failed_please_enter_detailed_address": "La recherche a échoué. Veuillez entrer une adresse détailée.",
|
|
@@ -165,5 +163,9 @@
|
|
|
165
163
|
"Add_participants": "Ajouter des participants",
|
|
166
164
|
"Edit_long_text": "Modifier le texte long",
|
|
167
165
|
"Choose_a_department": "Sélectionner un département",
|
|
168
|
-
"Close": "Fermer"
|
|
166
|
+
"Close": "Fermer",
|
|
167
|
+
"Latitude_abbr": "Lat",
|
|
168
|
+
"Longitude_abbr": "Lng",
|
|
169
|
+
"Enter_latitude": "Enter latitude",
|
|
170
|
+
"Enter_longitude": "Enter longitude"
|
|
169
171
|
}
|
package/lib/locales/pt.json
CHANGED
|
@@ -132,8 +132,6 @@
|
|
|
132
132
|
"Select_location": "Selecione",
|
|
133
133
|
"Positioning_failed": "Posicionamento falhou",
|
|
134
134
|
"Address": "Endereço",
|
|
135
|
-
"Enter_longitude_and_latitude": "Entre longitude e latitude",
|
|
136
|
-
"Enter_latitude_and_longitude": "Entre na latitude e longitude",
|
|
137
135
|
"The_map_plugin_is_not_properly_configured_contact_the_administrator": "O plug -in de mapa não está configurado corretamente. Entre em contato com o administrador.",
|
|
138
136
|
"Fill_in": "Fill in",
|
|
139
137
|
"Search_failed_please_enter_detailed_address": "Search failed, please enter detailed address",
|
|
@@ -165,5 +163,9 @@
|
|
|
165
163
|
"Add_participants": "Adicione participantes",
|
|
166
164
|
"Edit_long_text": "Editar texto longo",
|
|
167
165
|
"Choose_a_department": "Choose a department",
|
|
168
|
-
"Close": "Fechar"
|
|
166
|
+
"Close": "Fechar",
|
|
167
|
+
"Latitude_abbr": "Lat",
|
|
168
|
+
"Longitude_abbr": "Lng",
|
|
169
|
+
"Enter_latitude": "Enter latitude",
|
|
170
|
+
"Enter_longitude": "Enter longitude"
|
|
169
171
|
}
|
package/lib/locales/ru.json
CHANGED
|
@@ -132,8 +132,6 @@
|
|
|
132
132
|
"Select_location": "Выбирать",
|
|
133
133
|
"Positioning_failed": "Позиционирование не удалось",
|
|
134
134
|
"Address": "Адрес",
|
|
135
|
-
"Enter_longitude_and_latitude": "Введите долготу и широту",
|
|
136
|
-
"Enter_latitude_and_longitude": "Введите широту и долготу",
|
|
137
135
|
"The_map_plugin_is_not_properly_configured_contact_the_administrator": "Плагин Карты не настроен должным образом. Обратитесь к администратору.",
|
|
138
136
|
"Fill_in": "Заполнить",
|
|
139
137
|
"Search_failed_please_enter_detailed_address": "Поиск не удался, пожалуйста, введите подробный адрес",
|
|
@@ -165,5 +163,9 @@
|
|
|
165
163
|
"Add_participants": "Добавить участников",
|
|
166
164
|
"Edit_long_text": "Редактировать длинный текст",
|
|
167
165
|
"Choose_a_department": "Выберите отдел",
|
|
168
|
-
"Close": "Закрыть"
|
|
166
|
+
"Close": "Закрыть",
|
|
167
|
+
"Latitude_abbr": "Lat",
|
|
168
|
+
"Longitude_abbr": "Lng",
|
|
169
|
+
"Enter_latitude": "Enter latitude",
|
|
170
|
+
"Enter_longitude": "Enter longitude"
|
|
169
171
|
}
|
package/lib/locales/zh-CN.json
CHANGED
|
@@ -24,11 +24,6 @@
|
|
|
24
24
|
"Deleted_department": "已删除部门",
|
|
25
25
|
"View_original_image": "View original image",
|
|
26
26
|
"Add_filter": "增加过滤条件",
|
|
27
|
-
"And": "并且",
|
|
28
|
-
"Or": "或者",
|
|
29
|
-
"Add_filter_group": "增加过滤组",
|
|
30
|
-
"Click_to_add_filter": "点击添加过滤器",
|
|
31
|
-
"Click_to_input_value": "点击输入值",
|
|
32
27
|
"Submit": "提交",
|
|
33
28
|
"No_filters": "没有过滤器",
|
|
34
29
|
"Select_an_option": "选择标签",
|
|
@@ -137,8 +132,6 @@
|
|
|
137
132
|
"Select_location": "选择",
|
|
138
133
|
"Positioning_failed": "定位失败",
|
|
139
134
|
"Address": "地址",
|
|
140
|
-
"Enter_longitude_and_latitude": "输入经度和纬度",
|
|
141
|
-
"Enter_latitude_and_longitude": "输入经度和纬度",
|
|
142
135
|
"The_map_plugin_is_not_properly_configured_contact_the_administrator": "地图插件未正确配置。请与管理员联系。",
|
|
143
136
|
"Fill_in": "填入",
|
|
144
137
|
"Search_failed_please_enter_detailed_address": "搜索失败,请输入详细地址",
|
|
@@ -170,5 +163,9 @@
|
|
|
170
163
|
"Add_participants": "添加参与人",
|
|
171
164
|
"Edit_long_text": "编辑长文本",
|
|
172
165
|
"Choose_a_department": "选择一个部门",
|
|
173
|
-
"Close": "关闭"
|
|
166
|
+
"Close": "关闭",
|
|
167
|
+
"Latitude_abbr": "纬度",
|
|
168
|
+
"Longitude_abbr": "经度",
|
|
169
|
+
"Enter_latitude": "输入纬度",
|
|
170
|
+
"Enter_longitude": "输入经度"
|
|
174
171
|
}
|
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.getDateColumnFormat = void 0;
|
|
7
|
-
exports.isCheckboxColumn = isCheckboxColumn;
|
|
8
|
-
exports.isEnableCheckFormat = void 0;
|
|
6
|
+
exports.isEnableCheckFormat = exports.getDateColumnFormat = void 0;
|
|
9
7
|
var _dtableUtils = require("dtable-utils");
|
|
10
8
|
const isEnableCheckFormat = column => {
|
|
11
9
|
if (!column) return false;
|
|
@@ -24,21 +22,4 @@ const getDateColumnFormat = column => {
|
|
|
24
22
|
// Old Europe format is D/M/YYYY new format is DD/MM/YYYY
|
|
25
23
|
return format;
|
|
26
24
|
};
|
|
27
|
-
exports.getDateColumnFormat = getDateColumnFormat;
|
|
28
|
-
function isCheckboxColumn(column) {
|
|
29
|
-
let {
|
|
30
|
-
type,
|
|
31
|
-
data
|
|
32
|
-
} = column;
|
|
33
|
-
if (_dtableUtils.FORMULA_COLUMN_TYPES_MAP[type]) {
|
|
34
|
-
const {
|
|
35
|
-
result_type,
|
|
36
|
-
array_type
|
|
37
|
-
} = data || {};
|
|
38
|
-
if (result_type === _dtableUtils.FORMULA_RESULT_TYPE.ARRAY) {
|
|
39
|
-
return array_type === _dtableUtils.CellType.CHECKBOX;
|
|
40
|
-
}
|
|
41
|
-
return false;
|
|
42
|
-
}
|
|
43
|
-
return type === _dtableUtils.CellType.CHECKBOX;
|
|
44
|
-
}
|
|
25
|
+
exports.getDateColumnFormat = getDateColumnFormat;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "dtable-ui-component",
|
|
3
|
-
"version": "6.0.38
|
|
3
|
+
"version": "6.0.38",
|
|
4
4
|
"main": "./lib/index.js",
|
|
5
5
|
"dependencies": {
|
|
6
6
|
"@seafile/react-image-lightbox": "4.0.2",
|
|
@@ -153,7 +153,7 @@
|
|
|
153
153
|
"url-loader": "^4.1.1",
|
|
154
154
|
"web-vitals": "2.1.4",
|
|
155
155
|
"webpack": "^5.94.0",
|
|
156
|
-
"webpack-dev-server": "^
|
|
156
|
+
"webpack-dev-server": "^5.2.2",
|
|
157
157
|
"webpack-manifest-plugin": "^4.0.2",
|
|
158
158
|
"workbox-webpack-plugin": "^6.4.1",
|
|
159
159
|
"worker-loader": "3.0.8"
|