dtable-ui-component 6.0.29 → 6.0.31
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/BodyPortal/index.js +29 -0
- package/lib/CheckboxEditor/index.js +24 -116
- package/lib/CheckboxEditor/mb-editor.js +99 -0
- package/lib/CheckboxEditor/pc-editor.js +118 -0
- package/lib/CollaboratorEditor/index.js +23 -11
- package/lib/CollaboratorEditor/mb-editor/index.css +41 -0
- package/lib/CollaboratorEditor/mb-editor/index.js +88 -0
- package/lib/DTableCommonAddTool/index.js +1 -3
- package/lib/DTableFiltersPopover/widgets/department-select-filter/department-multiple-select-filter.js +6 -6
- package/lib/DTableFiltersPopover/widgets/department-select-filter/department-single-select-filter.js +6 -6
- package/lib/DateEditor/index.js +69 -95
- package/lib/DateEditor/mb-editor/custom-rc-calendar.css +118 -0
- package/lib/DateEditor/mb-editor/index.css +39 -0
- package/lib/DateEditor/mb-editor/index.js +215 -0
- package/lib/DateEditor/{pc-date-editor-popover.js → pc-editor.js} +9 -9
- package/lib/{Department-editor/department-multiple-select → DepartmentMultipleSelectEditor}/index.js +6 -6
- package/lib/DepartmentSingleSelectEditor/index.js +34 -0
- package/lib/DepartmentSingleSelectEditor/mb-editor/index.css +4 -0
- package/lib/DepartmentSingleSelectEditor/mb-editor/index.js +227 -0
- package/lib/{Department-editor → DepartmentSingleSelectEditor/pc-editor}/department-single-select.js +7 -7
- package/lib/{Department-editor → DepartmentSingleSelectEditor/pc-editor}/index.css +10 -3
- package/lib/{Department-editor → DepartmentSingleSelectEditor/pc-editor}/index.js +8 -25
- package/lib/DigitalSignEditor/index.js +24 -171
- package/lib/DigitalSignEditor/mb-editor/index.css +35 -0
- package/lib/DigitalSignEditor/mb-editor/index.js +144 -0
- package/lib/DigitalSignEditor/pc-editor/index.js +181 -0
- package/lib/FileEditor/files-previewer/index.js +26 -268
- package/lib/FileEditor/files-previewer/mb-previewer/file-previewer/index.js +122 -0
- package/lib/FileEditor/files-previewer/mb-previewer/index.css +39 -0
- package/lib/FileEditor/files-previewer/mb-previewer/index.js +64 -0
- package/lib/FileEditor/files-previewer/{file-previewer → pc-previewer/file-previewer}/dropdown-menu.js +1 -1
- package/lib/FileEditor/files-previewer/{file-previewer → pc-previewer/file-previewer}/file-name-editor/index.js +1 -1
- package/lib/FileEditor/files-previewer/{file-previewer → pc-previewer/file-previewer}/index.css +0 -2
- package/lib/FileEditor/files-previewer/{file-previewer → pc-previewer/file-previewer}/index.js +2 -2
- package/lib/FileEditor/files-previewer/pc-previewer/index.js +276 -0
- package/lib/FileEditor/index.css +0 -5
- package/lib/FileEditor/index.js +26 -265
- package/lib/FileEditor/mb-editor/index.css +10 -0
- package/lib/FileEditor/mb-editor/index.js +136 -0
- package/lib/FileEditor/pc-editor/addition-previewer/index.css +1 -0
- package/lib/FileEditor/{addition-previewer → pc-editor/addition-previewer}/index.js +1 -1
- package/lib/FileEditor/pc-editor/addition-previewer/local-file-addition/index.css +1 -0
- package/lib/FileEditor/{addition-previewer → pc-editor/addition-previewer}/local-file-addition/index.js +4 -4
- package/lib/FileEditor/pc-editor/index.css +5 -0
- package/lib/FileEditor/pc-editor/index.js +274 -0
- package/lib/FormulaFormatter/index.css +5 -5
- package/lib/GeolocationEditor/index.js +92 -230
- package/lib/GeolocationEditor/map-editor-utils.js +10 -4
- package/lib/GeolocationEditor/mb-editor/country-editor.js +79 -0
- package/lib/GeolocationEditor/mb-editor/index.css +11 -0
- package/lib/GeolocationEditor/mb-editor/index.js +125 -0
- package/lib/GeolocationEditor/mb-editor/location-editor.js +101 -0
- package/lib/GeolocationEditor/mb-editor/map-editor/index.css +11 -0
- package/lib/GeolocationEditor/mb-editor/map-editor/index.js +474 -0
- package/lib/GeolocationEditor/mb-editor/map-selection-editor/index.css +158 -0
- package/lib/GeolocationEditor/mb-editor/map-selection-editor/index.js +530 -0
- package/lib/GeolocationEditor/mb-editor/province-city-editor.js +77 -0
- package/lib/GeolocationEditor/mb-editor/province-editor.js +76 -0
- package/lib/GeolocationEditor/{country-editor.js → pc-editor/country-editor.js} +5 -49
- package/lib/GeolocationEditor/{index.css → pc-editor/index.css} +3 -4
- package/lib/GeolocationEditor/pc-editor/index.js +247 -0
- package/lib/GeolocationEditor/{location-editor.js → pc-editor/location-editor.js} +8 -41
- package/lib/GeolocationEditor/{map-editor → pc-editor/map-editor}/index.js +6 -6
- package/lib/GeolocationEditor/{map-editor → pc-editor/map-editor}/large-editor/index.js +7 -7
- package/lib/GeolocationEditor/{map-selection-editor → pc-editor/map-selection-editor}/index.js +7 -7
- package/lib/GeolocationEditor/{map-selection-editor → pc-editor/map-selection-editor}/large-editor/index.js +7 -7
- package/lib/GeolocationEditor/{province-city-editor.js → pc-editor/province-city-editor.js} +7 -38
- package/lib/GeolocationEditor/{province-editor.js → pc-editor/province-editor.js} +7 -31
- package/lib/GeolocationEditor/{selector-header-item.js → pc-editor/selector-header-item.js} +1 -1
- package/lib/ImageEditor/images-previewer/image-preview/index.js +3 -3
- package/lib/ImageEditor/images-previewer/index.js +9 -4
- package/lib/ImageEditor/index.css +17 -16
- package/lib/ImageEditor/index.js +26 -185
- package/lib/ImageEditor/mb-editor/index.css +29 -0
- package/lib/ImageEditor/mb-editor/index.js +136 -0
- package/lib/ImageEditor/{addition-previewer → pc-editor/addition-previewer}/image-link/index.js +1 -1
- package/lib/ImageEditor/{addition-previewer → pc-editor/addition-previewer}/index.js +1 -1
- package/lib/ImageEditor/{addition-previewer → pc-editor/addition-previewer}/local-image-addition/index.js +4 -4
- package/lib/ImageEditor/pc-editor/images-previewer/index.js +140 -0
- package/lib/ImageEditor/pc-editor/index.css +24 -0
- package/lib/ImageEditor/pc-editor/index.js +194 -0
- package/lib/ImageThumbnail/index.js +2 -1
- package/lib/LinkEditor/index.js +5 -5
- package/lib/LinkEditor/{mb-link-editor-popover → mb-popover}/index.css +1 -1
- package/lib/MobileFullScreenPage/body/index.css +9 -0
- package/lib/MobileFullScreenPage/body/index.js +23 -0
- package/lib/MobileFullScreenPage/header/index.css +39 -0
- package/lib/MobileFullScreenPage/header/index.js +38 -0
- package/lib/MobileFullScreenPage/index.css +13 -0
- package/lib/MobileFullScreenPage/index.js +73 -0
- package/lib/MobileModal/index.js +41 -0
- package/lib/MobileOperationSheet/index.css +27 -0
- package/lib/MobileOperationSheet/index.js +92 -0
- package/lib/MobileSelector/empty/index.css +3 -0
- package/lib/MobileSelector/empty/index.js +23 -0
- package/lib/MobileSelector/index.css +32 -0
- package/lib/MobileSelector/index.js +57 -0
- package/lib/MobileSelector/option/index.css +28 -0
- package/lib/MobileSelector/option/index.js +36 -0
- package/lib/MobileSelector/options/index.css +8 -0
- package/lib/MobileSelector/options/index.js +18 -0
- package/lib/MobileSelector/search/index.css +7 -0
- package/lib/MobileSelector/search/index.js +26 -0
- package/lib/MobileUpload/index.css +1 -0
- package/lib/MobileUpload/index.js +160 -0
- package/lib/MultipleSelectEditor/index.js +9 -14
- package/lib/RowExpand/index.js +24 -0
- package/lib/RowExpandDialog/column-content/index.js +2 -2
- package/lib/RowExpandDialog/index.js +2 -0
- package/lib/RowExpandEditor/add-btn/index.js +24 -0
- package/lib/RowExpandEditor/add-btn/mb-add-btn/index.css +3 -0
- package/lib/RowExpandEditor/add-btn/mb-add-btn/index.js +19 -0
- package/lib/RowExpandEditor/{RowExpandAddBtn → add-btn/pc-add-btn}/index.js +6 -4
- package/lib/RowExpandEditor/checkbox-editor/index.js +25 -0
- package/lib/RowExpandEditor/checkbox-editor/mb-editor/index.css +6 -0
- package/lib/RowExpandEditor/checkbox-editor/mb-editor/index.js +36 -0
- package/lib/RowExpandEditor/{RowExpandCheckboxEditor/index.js → checkbox-editor/pc-editor.js} +9 -13
- package/lib/RowExpandEditor/collaborator-editor/index.js +24 -0
- package/lib/RowExpandEditor/collaborator-editor/mb-editor/index.css +9 -0
- package/lib/RowExpandEditor/collaborator-editor/mb-editor/index.js +163 -0
- package/lib/RowExpandEditor/{RowExpandCollaboratorEditor → collaborator-editor/pc-editor}/index.css +1 -1
- package/lib/RowExpandEditor/{RowExpandCollaboratorEditor → collaborator-editor/pc-editor}/index.js +6 -7
- package/lib/RowExpandEditor/constants.js +34 -34
- package/lib/RowExpandEditor/date-editor/index.js +24 -0
- package/lib/RowExpandEditor/date-editor/mb-editor.js +82 -0
- package/lib/RowExpandEditor/{RowExpandDateEditor/index.js → date-editor/pc-editor.js} +2 -2
- package/lib/RowExpandEditor/department-editor/index.js +24 -0
- package/lib/RowExpandEditor/department-editor/mb-editor.js +65 -0
- package/lib/RowExpandEditor/{RowExpandDepartmentEditor/index.js → department-editor/pc-editor.js} +44 -49
- package/lib/RowExpandEditor/digital-sign-editor/index.js +24 -0
- package/lib/RowExpandEditor/digital-sign-editor/mb-editor/index.css +1 -0
- package/lib/RowExpandEditor/digital-sign-editor/mb-editor/index.js +130 -0
- package/lib/RowExpandEditor/{RowExpandDigitalSignEditor → digital-sign-editor/pc-editor}/index.css +1 -1
- package/lib/RowExpandEditor/{RowExpandDigitalSignEditor → digital-sign-editor/pc-editor}/index.js +11 -11
- package/lib/RowExpandEditor/duration-editor/index.js +24 -0
- package/lib/RowExpandEditor/duration-editor/mb-editor.js +71 -0
- package/lib/RowExpandEditor/{RowExpandDurationEditor/index.js → duration-editor/pc-editor.js} +2 -2
- package/lib/RowExpandEditor/email-editor/index.js +24 -0
- package/lib/RowExpandEditor/email-editor/mb-editor/index.css +1 -0
- package/lib/RowExpandEditor/email-editor/mb-editor/index.js +84 -0
- package/lib/RowExpandEditor/email-editor/pc-editor/index.css +1 -0
- package/lib/RowExpandEditor/{RowExpandEmailEditor → email-editor/pc-editor}/index.js +3 -3
- package/lib/RowExpandEditor/file-editor/index.js +24 -0
- package/lib/RowExpandEditor/file-editor/mb-editor/index.js +114 -0
- package/lib/RowExpandEditor/file-editor/pc-editor/index.css +1 -0
- package/lib/RowExpandEditor/{RowExpandFileEditor → file-editor/pc-editor}/index.js +9 -9
- package/lib/RowExpandEditor/geolocation-editor/index.js +24 -0
- package/lib/RowExpandEditor/geolocation-editor/mb-editor/index.js +100 -0
- package/lib/RowExpandEditor/{RowExpandGeolocationEditor → geolocation-editor/pc-editor}/index.js +17 -13
- package/lib/RowExpandEditor/image-editor/index.js +24 -0
- package/lib/RowExpandEditor/image-editor/mb-editor/index.css +30 -0
- package/lib/RowExpandEditor/image-editor/mb-editor/index.js +109 -0
- package/lib/RowExpandEditor/{RowExpandImageEditor → image-editor/pc-editor}/index.js +9 -9
- package/lib/RowExpandEditor/long-text-editor/index.js +24 -0
- package/lib/RowExpandEditor/long-text-editor/mb-editor/editor/index.css +10 -0
- package/lib/RowExpandEditor/long-text-editor/mb-editor/editor/index.js +80 -0
- package/lib/RowExpandEditor/long-text-editor/mb-editor/index.css +3 -0
- package/lib/RowExpandEditor/long-text-editor/mb-editor/index.js +91 -0
- package/lib/RowExpandEditor/{RowExpandLongTextEditor → long-text-editor/pc-editor}/index.js +7 -7
- package/lib/RowExpandEditor/multiple-select-editor/index.js +24 -0
- package/lib/RowExpandEditor/multiple-select-editor/mb-editor/index.js +154 -0
- package/lib/RowExpandEditor/{RowExpandMultipleSelectEditor → multiple-select-editor/pc-editor}/index.css +1 -1
- package/lib/RowExpandEditor/{RowExpandMultipleSelectEditor → multiple-select-editor/pc-editor}/index.js +6 -6
- package/lib/RowExpandEditor/number-editor/index.js +24 -0
- package/lib/RowExpandEditor/number-editor/mb-editor/index.css +3 -0
- package/lib/RowExpandEditor/number-editor/mb-editor/index.js +76 -0
- package/lib/RowExpandEditor/{RowExpandNumberEditor/index.js → number-editor/pc-editor.js} +2 -2
- package/lib/RowExpandEditor/rate-editor/index.css +34 -0
- package/lib/RowExpandEditor/rate-editor/index.js +25 -0
- package/lib/RowExpandEditor/rate-editor/mb-editor.js +92 -0
- package/lib/RowExpandEditor/{RowExpandRateEditor/index.js → rate-editor/pc-editor.js} +2 -3
- package/lib/RowExpandEditor/right-angle/index.css +6 -0
- package/lib/RowExpandEditor/right-angle/index.js +17 -0
- package/lib/RowExpandEditor/single-select-editor/index.js +24 -0
- package/lib/RowExpandEditor/single-select-editor/mb-editor/index.css +8 -0
- package/lib/RowExpandEditor/single-select-editor/mb-editor/index.js +134 -0
- package/lib/RowExpandEditor/{RowExpandSingleSelectorEditor → single-select-editor/pc-editor}/index.js +17 -17
- package/lib/RowExpandEditor/text-editor/index.js +24 -0
- package/lib/RowExpandEditor/text-editor/mb-editor/index.css +14 -0
- package/lib/RowExpandEditor/text-editor/mb-editor/index.js +37 -0
- package/lib/RowExpandEditor/{RowExpandTextEditor → text-editor/pc-editor}/index.js +7 -7
- package/lib/RowExpandEditor/url-editor/index.js +24 -0
- package/lib/RowExpandEditor/url-editor/mb-editor/index.css +17 -0
- package/lib/RowExpandEditor/url-editor/mb-editor/index.js +87 -0
- package/lib/RowExpandEditor/{RowExpandUrlEditor → url-editor/pc-editor}/index.js +6 -6
- package/lib/RowExpandFormatter/constants.js +17 -17
- package/lib/RowExpandFormatter/department-formatter/index.js +19 -0
- package/lib/RowExpandFormatter/department-formatter/mb-formatter.js +20 -0
- package/lib/RowExpandFormatter/{RowExpandDepartmentFormatter/index.js → department-formatter/pc-formatter.js} +2 -2
- package/lib/RowExpandFormatter/{RowExpandEmailFormatter → email-formatter}/index.css +4 -4
- package/lib/RowExpandFormatter/index.css +33 -18
- package/lib/RowExpandFormatter/index.js +1 -1
- package/lib/RowExpandFormatter/rate-formatter/index.css +5 -0
- package/lib/RowExpandView/body/index.css +173 -0
- package/lib/RowExpandView/body/index.js +111 -0
- package/lib/RowExpandView/column-content/index.css +27 -0
- package/lib/RowExpandView/column-content/index.js +25 -0
- package/lib/RowExpandView/index.css +3 -0
- package/lib/RowExpandView/index.js +178 -0
- package/lib/SelectItem/index.js +57 -33
- package/lib/{Department-editor/selected-departments → SelectedDepartments}/index.css +0 -1
- package/lib/{Department-editor/selected-departments → SelectedDepartments}/index.js +3 -3
- package/lib/SingleSelectEditor/index.js +9 -14
- package/lib/SvgIcon/index.js +2 -1
- package/lib/constants/index.js +3 -2
- package/lib/css/am.css +0 -25
- package/lib/css/mb-cell-editor.css +1 -1
- package/lib/index.js +62 -6
- package/lib/locales/de.json +3 -1
- package/lib/locales/en.json +3 -1
- package/lib/locales/es.json +3 -1
- package/lib/locales/fr.json +3 -1
- package/lib/locales/pt.json +3 -1
- package/lib/locales/ru.json +3 -1
- package/lib/locales/zh-CN.json +3 -1
- package/lib/select-editor/index.js +27 -20
- package/lib/select-editor/mb-editor/index.css +1 -0
- package/lib/select-editor/mb-editor/index.js +105 -0
- package/lib/select-editor/{pc-select-editor → pc-editor}/index.css +1 -1
- package/lib/select-editor/{pc-select-editor → pc-editor}/index.js +7 -7
- package/lib/utils/editor-utils.js +6 -2
- package/lib/utils/get-event-transfer.js +2 -1
- package/lib/utils/utils.js +11 -2
- package/package.json +5 -5
- package/lib/CollaboratorEditor/mb-collaborator-editor/index.css +0 -85
- package/lib/CollaboratorEditor/mb-collaborator-editor/index.js +0 -148
- package/lib/DateEditor/mb-date-editor-popover/custom-rc-calendar.css +0 -118
- package/lib/DateEditor/mb-date-editor-popover/index.css +0 -45
- package/lib/DateEditor/mb-date-editor-popover/index.js +0 -226
- package/lib/FileEditor/addition-previewer/index.css +0 -1
- package/lib/FileEditor/addition-previewer/local-file-addition/index.css +0 -1
- package/lib/RowExpandEditor/RowExpandEmailEditor/index.css +0 -2
- package/lib/RowExpandEditor/RowExpandFileEditor/index.css +0 -1
- package/lib/RowExpandEditor/RowExpandRateEditor/index.css +0 -13
- package/lib/RowExpandFormatter/RowExpandRateFormatter/index.css +0 -5
- package/lib/select-editor/mb-select-editor/index.css +0 -127
- package/lib/select-editor/mb-select-editor/index.js +0 -197
- package/lib/select-editor/select-editor-option.js +0 -84
- /package/lib/CollaboratorEditor/{pc-collaborator-editor → pc-editor}/index.css +0 -0
- /package/lib/CollaboratorEditor/{pc-collaborator-editor → pc-editor}/index.js +0 -0
- /package/lib/{Department-editor/department-multiple-select → DepartmentMultipleSelectEditor}/index.css +0 -0
- /package/lib/DigitalSignEditor/{index.css → pc-editor/index.css} +0 -0
- /package/lib/FileEditor/files-previewer/{file-previewer → pc-previewer/file-previewer}/file-name-editor/index.css +0 -0
- /package/lib/GeolocationEditor/{map-editor → pc-editor/map-editor}/large-editor/index.css +0 -0
- /package/lib/GeolocationEditor/{map-selection-editor → pc-editor/map-selection-editor}/large-editor/index.css +0 -0
- /package/lib/GeolocationEditor/{parse-geolocation.js → pc-editor/parse-geolocation.js} +0 -0
- /package/lib/GeolocationEditor/{selector-list.js → pc-editor/selector-list.js} +0 -0
- /package/lib/ImageEditor/{addition-previewer → pc-editor/addition-previewer}/image-link/index.css +0 -0
- /package/lib/ImageEditor/{addition-previewer → pc-editor/addition-previewer}/index.css +0 -0
- /package/lib/ImageEditor/{addition-previewer → pc-editor/addition-previewer}/local-image-addition/index.css +0 -0
- /package/lib/LinkEditor/{mb-link-editor-popover → mb-popover}/index.js +0 -0
- /package/lib/LinkEditor/{pc-link-editor-popover → pc-popover}/index.css +0 -0
- /package/lib/LinkEditor/{pc-link-editor-popover → pc-popover}/index.js +0 -0
- /package/lib/RowExpandEditor/{RowExpandAddBtn → add-btn/pc-add-btn}/index.css +0 -0
- /package/lib/RowExpandEditor/{RowExpandCheckboxEditor → checkbox-editor}/index.css +0 -0
- /package/lib/RowExpandEditor/{RowExpandGeolocationEditor → geolocation-editor/pc-editor}/index.css +0 -0
- /package/lib/RowExpandEditor/{RowExpandImageEditor → image-editor/pc-editor}/index.css +0 -0
- /package/lib/RowExpandEditor/{RowExpandLongTextEditor → long-text-editor/pc-editor}/index.css +0 -0
- /package/lib/RowExpandEditor/{RowExpandSingleSelectorEditor → single-select-editor/pc-editor}/index.css +0 -0
- /package/lib/RowExpandEditor/{RowExpandTextEditor → text-editor/pc-editor}/index.css +0 -0
- /package/lib/RowExpandEditor/{RowExpandUrlEditor → url-editor/pc-editor}/index.css +0 -0
- /package/lib/RowExpandFormatter/{RowExpandEmailFormatter → email-formatter}/index.js +0 -0
- /package/lib/RowExpandFormatter/{RowExpandFileFormatter → file-formatter}/index.css +0 -0
- /package/lib/RowExpandFormatter/{RowExpandFileFormatter → file-formatter}/index.js +0 -0
- /package/lib/RowExpandFormatter/{RowExpandFileFormatter → file-formatter}/row-expand-file-item-formatter.js +0 -0
- /package/lib/RowExpandFormatter/{RowExpandFormulaFormatter → formula-formatter}/index.js +0 -0
- /package/lib/RowExpandFormatter/{RowExpandImageFormatter → image-formatter}/index.css +0 -0
- /package/lib/RowExpandFormatter/{RowExpandImageFormatter → image-formatter}/index.js +0 -0
- /package/lib/RowExpandFormatter/{RowExpandImageFormatter → image-formatter}/row-expand-image-item-formatter.js +0 -0
- /package/lib/RowExpandFormatter/{RowExpandLinkFormatter → link-formatter}/collaborator-item-formatter.js +0 -0
- /package/lib/RowExpandFormatter/{RowExpandLinkFormatter → link-formatter}/index.css +0 -0
- /package/lib/RowExpandFormatter/{RowExpandLinkFormatter → link-formatter}/index.js +0 -0
- /package/lib/RowExpandFormatter/{RowExpandLinkFormatter → link-formatter}/value-display-utils.js +0 -0
- /package/lib/RowExpandFormatter/{RowExpandRateFormatter → rate-formatter}/index.js +0 -0
- /package/lib/RowExpandFormatter/{RowExpandUrlFormatter → url-formatter}/index.css +0 -0
- /package/lib/RowExpandFormatter/{RowExpandUrlFormatter → url-formatter}/index.js +0 -0
- /package/lib/{Department-editor/constants.js → constants/departments.js} +0 -0
- /package/lib/{Department-editor/utils.js → utils/departments.js} +0 -0
|
@@ -0,0 +1,274 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _reactstrap = require("reactstrap");
|
|
10
|
+
var _filesPreviewer = _interopRequireDefault(require("../files-previewer"));
|
|
11
|
+
var _additionPreviewer = _interopRequireDefault(require("./addition-previewer"));
|
|
12
|
+
var _constants = require("../../constants");
|
|
13
|
+
var _DTableModalHeader = _interopRequireDefault(require("../../DTableModalHeader"));
|
|
14
|
+
var _lang = require("../../lang");
|
|
15
|
+
var _constants2 = require("../constants");
|
|
16
|
+
var _utils = require("../../utils/utils");
|
|
17
|
+
var _toaster = _interopRequireDefault(require("../../toaster"));
|
|
18
|
+
require("./index.css");
|
|
19
|
+
class PCFileEditor extends _react.default.Component {
|
|
20
|
+
constructor(props) {
|
|
21
|
+
var _this;
|
|
22
|
+
super(props);
|
|
23
|
+
_this = this;
|
|
24
|
+
this.getValue = () => {
|
|
25
|
+
return this.state.value;
|
|
26
|
+
};
|
|
27
|
+
this.getEditorView = () => {
|
|
28
|
+
const {
|
|
29
|
+
isInModal,
|
|
30
|
+
value
|
|
31
|
+
} = this.props;
|
|
32
|
+
return !value || value.length === 0 || isInModal ? _constants.FILE_EDITOR_STATUS.ADDITION : _constants.FILE_EDITOR_STATUS.PREVIEWER;
|
|
33
|
+
};
|
|
34
|
+
this.deleteImage = function (index) {
|
|
35
|
+
let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
36
|
+
let uploadLocalFileValue = _this.state.uploadLocalFileValue.slice(0);
|
|
37
|
+
let value = _this.state.value.slice(0);
|
|
38
|
+
if (_this.state.editorView === _constants.FILE_EDITOR_STATUS.PREVIEWER) {
|
|
39
|
+
value.splice(index, 1);
|
|
40
|
+
} else {
|
|
41
|
+
if (type === 'localPicture') {
|
|
42
|
+
uploadLocalFileValue.splice(index, 1);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
_this.setState({
|
|
46
|
+
uploadLocalFileValue: uploadLocalFileValue,
|
|
47
|
+
isUpdated: true,
|
|
48
|
+
value: value
|
|
49
|
+
});
|
|
50
|
+
};
|
|
51
|
+
this.resetAdditionImage = () => {
|
|
52
|
+
this.setState({
|
|
53
|
+
uploadLocalFileValue: [],
|
|
54
|
+
imageLinkValue: []
|
|
55
|
+
});
|
|
56
|
+
};
|
|
57
|
+
this.toggle = e => {
|
|
58
|
+
e.stopPropagation();
|
|
59
|
+
if (this.state.isOpen && this.state.isUpdated) {
|
|
60
|
+
if (this.state.editorView === _constants.FILE_EDITOR_STATUS.ADDITION) {
|
|
61
|
+
let {
|
|
62
|
+
value,
|
|
63
|
+
uploadLocalFileValue
|
|
64
|
+
} = this.state;
|
|
65
|
+
let newValue = value.concat(uploadLocalFileValue);
|
|
66
|
+
this.setState({
|
|
67
|
+
value: newValue
|
|
68
|
+
}, () => {
|
|
69
|
+
this.props.isInModal ? this.props.onCommit(this.getValue()) : this.props.onCommit();
|
|
70
|
+
});
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
73
|
+
this.props.isInModal ? this.props.onCommit(this.getValue()) : this.props.onCommit();
|
|
74
|
+
}
|
|
75
|
+
if (this.props.isInModal) {
|
|
76
|
+
this.props.onToggle();
|
|
77
|
+
}
|
|
78
|
+
const nextIsOpen = !this.state.isOpen;
|
|
79
|
+
this.setState({
|
|
80
|
+
isOpen: nextIsOpen
|
|
81
|
+
}, () => {
|
|
82
|
+
if (!nextIsOpen) {
|
|
83
|
+
this.props.onCommitCancel && this.props.onCommitCancel();
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
};
|
|
87
|
+
this.closeEditor = () => {
|
|
88
|
+
this.setState({
|
|
89
|
+
isOpen: false
|
|
90
|
+
});
|
|
91
|
+
};
|
|
92
|
+
this.togglePreviewer = type => {
|
|
93
|
+
this.setState({
|
|
94
|
+
editorView: type
|
|
95
|
+
});
|
|
96
|
+
};
|
|
97
|
+
this.fileUploadCompleted = fileMessage => {
|
|
98
|
+
let uploadLocalFileValue = this.state.uploadLocalFileValue.slice(0);
|
|
99
|
+
let fileUploadMessage = {
|
|
100
|
+
name: fileMessage.name,
|
|
101
|
+
size: fileMessage.size,
|
|
102
|
+
type: fileMessage.type,
|
|
103
|
+
url: fileMessage.url,
|
|
104
|
+
upload_time: fileMessage.upload_time
|
|
105
|
+
};
|
|
106
|
+
uploadLocalFileValue.push(fileUploadMessage);
|
|
107
|
+
this.setState({
|
|
108
|
+
uploadLocalFileValue: uploadLocalFileValue,
|
|
109
|
+
isUpdated: true
|
|
110
|
+
});
|
|
111
|
+
};
|
|
112
|
+
this.addUploadedFile = fileMessageList => {
|
|
113
|
+
const uploadLocalFileValue = [...this.state.uploadLocalFileValue, ...fileMessageList.map(_ref => {
|
|
114
|
+
let {
|
|
115
|
+
name,
|
|
116
|
+
size,
|
|
117
|
+
type,
|
|
118
|
+
url,
|
|
119
|
+
mtime
|
|
120
|
+
} = _ref;
|
|
121
|
+
return {
|
|
122
|
+
name,
|
|
123
|
+
size,
|
|
124
|
+
type: type || 'file',
|
|
125
|
+
url,
|
|
126
|
+
upload_time: mtime
|
|
127
|
+
};
|
|
128
|
+
})];
|
|
129
|
+
this.setState({
|
|
130
|
+
uploadLocalFileValue,
|
|
131
|
+
isUpdated: true
|
|
132
|
+
});
|
|
133
|
+
};
|
|
134
|
+
this.renderHeader = () => {
|
|
135
|
+
let {
|
|
136
|
+
editorView
|
|
137
|
+
} = this.state;
|
|
138
|
+
// if (this.props.isInModal) {
|
|
139
|
+
// return (<span>{getLocale('Add_files')}</span>);
|
|
140
|
+
// }
|
|
141
|
+
if (editorView === _constants.FILE_EDITOR_STATUS.PREVIEWER) {
|
|
142
|
+
return /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('All_files'));
|
|
143
|
+
}
|
|
144
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
145
|
+
onClick: this.showImageListPreviewer
|
|
146
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
147
|
+
"aria-hidden": "true",
|
|
148
|
+
className: "dtable-font dtable-icon-return mr-2"
|
|
149
|
+
}), /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Add_files')));
|
|
150
|
+
};
|
|
151
|
+
this.showImageListPreviewer = () => {
|
|
152
|
+
let {
|
|
153
|
+
value,
|
|
154
|
+
uploadLocalFileValue,
|
|
155
|
+
imageLinkValue
|
|
156
|
+
} = this.state;
|
|
157
|
+
let newValue = value.concat(uploadLocalFileValue, imageLinkValue);
|
|
158
|
+
this.setState({
|
|
159
|
+
value: newValue
|
|
160
|
+
});
|
|
161
|
+
this.togglePreviewer(_constants.FILE_EDITOR_STATUS.PREVIEWER);
|
|
162
|
+
};
|
|
163
|
+
this.uploadFile = (file, callback) => {
|
|
164
|
+
return this.props.uploadFile(file, _constants2.FILES_FOLDER, callback);
|
|
165
|
+
};
|
|
166
|
+
this.resetFileValue = () => {
|
|
167
|
+
this.setState({
|
|
168
|
+
uploadLocalFileValue: []
|
|
169
|
+
});
|
|
170
|
+
};
|
|
171
|
+
this.deleteFile = (index, type) => {
|
|
172
|
+
let uploadLocalFileValue = this.state.uploadLocalFileValue.slice(0);
|
|
173
|
+
let value = this.state.value.slice(0);
|
|
174
|
+
if (this.state.editorView === _constants.FILE_EDITOR_STATUS.PREVIEWER) {
|
|
175
|
+
value.splice(index, 1);
|
|
176
|
+
} else {
|
|
177
|
+
if (type === 'localFile') {
|
|
178
|
+
uploadLocalFileValue.splice(index, 1);
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
this.setState({
|
|
182
|
+
uploadLocalFileValue: uploadLocalFileValue,
|
|
183
|
+
isUpdated: true,
|
|
184
|
+
value: value
|
|
185
|
+
});
|
|
186
|
+
};
|
|
187
|
+
this.deleteFilesByPreviewer = fileList => {
|
|
188
|
+
const result = this.state.value.filter(file => !fileList.includes(file.name));
|
|
189
|
+
this.setState({
|
|
190
|
+
isUpdated: true,
|
|
191
|
+
value: result
|
|
192
|
+
});
|
|
193
|
+
};
|
|
194
|
+
this.onRenameFile = (index, newName) => {
|
|
195
|
+
let newValue = this.state.value.slice(0);
|
|
196
|
+
let fileItem = newValue[index];
|
|
197
|
+
if (!this.props.renameFile) return;
|
|
198
|
+
this.props.renameFile(fileItem, newName).then(res => {
|
|
199
|
+
const {
|
|
200
|
+
name,
|
|
201
|
+
url
|
|
202
|
+
} = res.data;
|
|
203
|
+
fileItem = {
|
|
204
|
+
...fileItem,
|
|
205
|
+
name,
|
|
206
|
+
url
|
|
207
|
+
};
|
|
208
|
+
newValue[index] = fileItem;
|
|
209
|
+
this.setState({
|
|
210
|
+
value: newValue
|
|
211
|
+
});
|
|
212
|
+
}).catch(error => {
|
|
213
|
+
const errorMessage = (0, _utils.getErrorMsg)(error);
|
|
214
|
+
if (!error.response || error.response.status !== 403) {
|
|
215
|
+
_toaster.default.danger((0, _lang.getLocale)(errorMessage));
|
|
216
|
+
}
|
|
217
|
+
});
|
|
218
|
+
};
|
|
219
|
+
this.onRotateImage = (url, degree) => {
|
|
220
|
+
this.props.rotateImage(url, degree).then(res => {
|
|
221
|
+
// todo
|
|
222
|
+
}).catch(error => {
|
|
223
|
+
const errorMessage = (0, _utils.getErrorMsg)(error);
|
|
224
|
+
if (!error.response || error.response.status !== 403) {
|
|
225
|
+
_toaster.default.danger((0, _lang.getLocale)(errorMessage));
|
|
226
|
+
}
|
|
227
|
+
});
|
|
228
|
+
};
|
|
229
|
+
this.state = {
|
|
230
|
+
value: props.value || [],
|
|
231
|
+
editorView: this.getEditorView(),
|
|
232
|
+
isOpen: true,
|
|
233
|
+
isShowFileChooser: false,
|
|
234
|
+
uploadLocalFileValue: [],
|
|
235
|
+
imageLinkValue: [],
|
|
236
|
+
isUpdated: false
|
|
237
|
+
};
|
|
238
|
+
}
|
|
239
|
+
render() {
|
|
240
|
+
return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
|
|
241
|
+
className: "dtable-ui-image-editor-dialog dtable-ui-file-editor-dialog",
|
|
242
|
+
contentClassName: "dtable-ui-image-editor-modal",
|
|
243
|
+
isOpen: this.state.isOpen,
|
|
244
|
+
toggle: this.toggle
|
|
245
|
+
}, /*#__PURE__*/_react.default.createElement(_DTableModalHeader.default, {
|
|
246
|
+
toggle: this.toggle
|
|
247
|
+
}, this.renderHeader()), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
|
|
248
|
+
className: "p-0"
|
|
249
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
250
|
+
className: "dtable-ui-image-editor-container dtable-ui-file-editor-container"
|
|
251
|
+
}, this.state.editorView === _constants.FILE_EDITOR_STATUS.PREVIEWER && /*#__PURE__*/_react.default.createElement(_filesPreviewer.default, {
|
|
252
|
+
value: this.state.value,
|
|
253
|
+
config: this.props.config,
|
|
254
|
+
togglePreviewer: this.togglePreviewer,
|
|
255
|
+
deleteFile: this.deleteFile,
|
|
256
|
+
deleteFiles: this.deleteFilesByPreviewer,
|
|
257
|
+
renameFile: this.props.renameFile ? this.onRenameFile : null,
|
|
258
|
+
resetFileValue: this.resetFileValue,
|
|
259
|
+
rotateImage: this.props.rotateImage ? this.onRotateImage : null,
|
|
260
|
+
getDownLoadFiles: this.props.getDownLoadFiles || (() => {})
|
|
261
|
+
}), this.state.editorView === _constants.FILE_EDITOR_STATUS.ADDITION && /*#__PURE__*/_react.default.createElement(_additionPreviewer.default, {
|
|
262
|
+
config: this.props.config,
|
|
263
|
+
deleteImage: this.deleteImage,
|
|
264
|
+
handleFilesChange: this.handleFilesChange,
|
|
265
|
+
uploadLocalFileValue: this.state.uploadLocalFileValue,
|
|
266
|
+
togglePreviewer: this.togglePreviewer,
|
|
267
|
+
fileUploadCompleted: this.fileUploadCompleted,
|
|
268
|
+
addUploadedFile: this.addUploadedFile,
|
|
269
|
+
showImageListPreviewer: this.showImageListPreviewer,
|
|
270
|
+
uploadFile: this.uploadFile
|
|
271
|
+
}))));
|
|
272
|
+
}
|
|
273
|
+
}
|
|
274
|
+
var _default = exports.default = PCFileEditor;
|
|
@@ -5,13 +5,13 @@
|
|
|
5
5
|
margin-right: 10px;
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
-
.dtable-ui.dtable-row-expand-formatter .formula-formatter-content-item {
|
|
8
|
+
.dtable-ui.dtable-ui-row-expand-formatter .formula-formatter-content-item {
|
|
9
9
|
margin-top: 0.5rem;
|
|
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 {
|
|
13
|
+
.dtable-ui.dtable-ui-row-expand-formatter .formula-url-formatter-column .formula-url-link,
|
|
14
|
+
.dtable-ui.dtable-ui-row-expand-formatter .formula-url-formatter-column .formula-email-link {
|
|
15
15
|
display: flex;
|
|
16
16
|
align-items: center;
|
|
17
17
|
font-size: 14px;
|
|
@@ -28,8 +28,8 @@
|
|
|
28
28
|
box-shadow: 0 0 1px;
|
|
29
29
|
}
|
|
30
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 {
|
|
31
|
+
.dtable-ui.dtable-ui-row-expand-formatter .formula-url-formatter-column .formula-email-link:hover,
|
|
32
|
+
.dtable-ui.dtable-ui-row-expand-formatter .formula-url-formatter-column .formula-url-link:hover {
|
|
33
33
|
background: #f5f5f5;
|
|
34
34
|
border: 1px solid #c9c9c9;
|
|
35
35
|
}
|
|
@@ -1,240 +1,102 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
8
|
-
var _react =
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
if (e.keyCode === _constants.KeyCodes.Enter && e.target.tagName !== 'TEXTAREA') {
|
|
24
|
-
this.onSubmit();
|
|
25
|
-
} else if (e.keyCode === _constants.KeyCodes.Escape) {
|
|
26
|
-
if (this.props.isInModal) {
|
|
27
|
-
e.stopPropagation();
|
|
28
|
-
this.onCancel();
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
this.getValue = () => {
|
|
33
|
-
return this.value;
|
|
34
|
-
};
|
|
35
|
-
this.setValue = value => {
|
|
36
|
-
this.value = value;
|
|
37
|
-
};
|
|
38
|
-
this.onSubmit = () => {
|
|
39
|
-
if (_objectUtils.default.isSameObject(this.initValue, this.value)) {
|
|
40
|
-
this.onCancel();
|
|
41
|
-
return;
|
|
42
|
-
}
|
|
43
|
-
this.props.onCommit(this.value);
|
|
44
|
-
};
|
|
45
|
-
this.onCancel = () => {
|
|
46
|
-
this.props.onCommitCancel && this.props.onCommitCancel();
|
|
47
|
-
};
|
|
48
|
-
this.setEditorPosition = () => {
|
|
49
|
-
const {
|
|
50
|
-
isInModal
|
|
51
|
-
} = this.props;
|
|
52
|
-
const editorFormat = this.getGeoFormat();
|
|
53
|
-
if (this.ref && (editorFormat === _dtableUtils.GEOLOCATION_FORMAT.COUNTRY_REGION || editorFormat === _dtableUtils.GEOLOCATION_FORMAT.PROVINCE)) {
|
|
54
|
-
let height = 240;
|
|
55
|
-
let width = 200;
|
|
56
|
-
let left = this.ref.parentNode.getBoundingClientRect().x;
|
|
57
|
-
let top = this.ref.parentNode.getBoundingClientRect().y;
|
|
58
|
-
if (isInModal) {
|
|
59
|
-
left = 220;
|
|
60
|
-
}
|
|
61
|
-
if (top + height > window.innerHeight) {
|
|
62
|
-
top = window.innerHeight - height - 35;
|
|
63
|
-
}
|
|
64
|
-
this.setState({
|
|
65
|
-
editorPosition: {
|
|
66
|
-
top,
|
|
67
|
-
left,
|
|
68
|
-
width,
|
|
69
|
-
zIndex: 1000,
|
|
70
|
-
position: 'fixed'
|
|
71
|
-
}
|
|
72
|
-
});
|
|
73
|
-
return;
|
|
74
|
-
}
|
|
75
|
-
if (this.ref && editorFormat === _dtableUtils.GEOLOCATION_FORMAT.PROVINCE_CITY) {
|
|
76
|
-
let height = 215;
|
|
77
|
-
let width = 400;
|
|
78
|
-
let left = this.ref.parentNode.getBoundingClientRect().x;
|
|
79
|
-
let top = this.ref.parentNode.getBoundingClientRect().y;
|
|
80
|
-
if (isInModal) {
|
|
81
|
-
left = 220;
|
|
82
|
-
if (top + height + 35 + 200 > window.innerHeight) {
|
|
83
|
-
top = window.innerHeight - height - 235;
|
|
84
|
-
}
|
|
85
|
-
} else {
|
|
86
|
-
if (top + height + 200 > window.innerHeight) {
|
|
87
|
-
top = window.innerHeight - height - 200 - 5;
|
|
88
|
-
}
|
|
89
|
-
if (left + width > window.innerWidth) {
|
|
90
|
-
left = window.innerWidth - width - 10;
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
this.setState({
|
|
94
|
-
editorPosition: {
|
|
95
|
-
top,
|
|
96
|
-
left,
|
|
97
|
-
width,
|
|
98
|
-
zIndex: 1000,
|
|
99
|
-
position: 'fixed'
|
|
100
|
-
}
|
|
101
|
-
});
|
|
102
|
-
return;
|
|
103
|
-
}
|
|
104
|
-
if (this.ref) {
|
|
105
|
-
const isMapTypeEditor = editorFormat === _dtableUtils.GEOLOCATION_FORMAT.LNG_LAT || editorFormat === _dtableUtils.GEOLOCATION_FORMAT.MAP_SELECTION;
|
|
106
|
-
let width = isMapTypeEditor ? 500 : 400;
|
|
107
|
-
let height = isMapTypeEditor ? 454 : 310;
|
|
108
|
-
let geoEditorTop = 0;
|
|
109
|
-
let geoEditorLeft = 0;
|
|
110
|
-
if (isInModal) {
|
|
111
|
-
let innerHeight = window.innerHeight;
|
|
112
|
-
const offsetTop = this.ref.parentNode.getBoundingClientRect().y;
|
|
113
|
-
geoEditorTop = offsetTop;
|
|
114
|
-
geoEditorTop = height + geoEditorTop > innerHeight ? innerHeight - height - 30 : geoEditorTop;
|
|
115
|
-
geoEditorLeft = -30;
|
|
116
|
-
} else {
|
|
117
|
-
let {
|
|
118
|
-
offsetLeft,
|
|
119
|
-
offsetTop
|
|
120
|
-
} = this.ref.parentNode;
|
|
121
|
-
geoEditorLeft = offsetLeft - width;
|
|
122
|
-
geoEditorTop = offsetTop;
|
|
123
|
-
if (offsetLeft < width) {
|
|
124
|
-
geoEditorLeft = offsetLeft + this.props.column.width;
|
|
125
|
-
}
|
|
126
|
-
if (geoEditorLeft + width > window.innerWidth) {
|
|
127
|
-
geoEditorLeft = window.innerWidth - width;
|
|
128
|
-
}
|
|
129
|
-
if (offsetTop + height > window.innerHeight) {
|
|
130
|
-
geoEditorTop = window.innerHeight - height;
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
this.setState({
|
|
134
|
-
editorPosition: {
|
|
135
|
-
top: geoEditorTop,
|
|
136
|
-
left: geoEditorLeft,
|
|
137
|
-
zIndex: 1000,
|
|
138
|
-
position: 'fixed'
|
|
139
|
-
}
|
|
140
|
-
});
|
|
141
|
-
}
|
|
142
|
-
};
|
|
143
|
-
this.getGeoFormat = () => {
|
|
144
|
-
const {
|
|
145
|
-
column
|
|
146
|
-
} = this.props;
|
|
147
|
-
let data = column.data || {};
|
|
148
|
-
return data.geo_format ? data.geo_format : _dtableUtils.DEFAULT_GEOLOCATION_FORMAT;
|
|
149
|
-
};
|
|
150
|
-
this.getLargeEditorState = () => {
|
|
151
|
-
var _this$editor, _this$editor$state;
|
|
152
|
-
return (_this$editor = this.editor) === null || _this$editor === void 0 ? void 0 : (_this$editor$state = _this$editor.state) === null || _this$editor$state === void 0 ? void 0 : _this$editor$state.isShowLargeEditor;
|
|
153
|
-
};
|
|
154
|
-
this.createEditor = () => {
|
|
155
|
-
const geoFormat = this.getGeoFormat();
|
|
156
|
-
const {
|
|
157
|
-
config,
|
|
158
|
-
column
|
|
159
|
-
} = this.props;
|
|
160
|
-
const props = {
|
|
161
|
-
column,
|
|
162
|
-
config,
|
|
163
|
-
value: this.value,
|
|
164
|
-
setValue: this.setValue,
|
|
165
|
-
onSubmit: this.onSubmit,
|
|
166
|
-
onCancel: this.onCancel
|
|
167
|
-
};
|
|
168
|
-
switch (geoFormat) {
|
|
169
|
-
case _dtableUtils.GEOLOCATION_FORMAT.LNG_LAT:
|
|
170
|
-
{
|
|
171
|
-
return /*#__PURE__*/_react.default.createElement(_mapEditor.default, Object.assign({}, props, {
|
|
172
|
-
ref: ref => this.editor = ref
|
|
173
|
-
}));
|
|
174
|
-
}
|
|
175
|
-
case _dtableUtils.GEOLOCATION_FORMAT.MAP_SELECTION:
|
|
176
|
-
{
|
|
177
|
-
return /*#__PURE__*/_react.default.createElement(_mapSelectionEditor.default, Object.assign({}, props, {
|
|
178
|
-
ref: ref => this.editor = ref
|
|
179
|
-
}));
|
|
180
|
-
}
|
|
181
|
-
case _dtableUtils.GEOLOCATION_FORMAT.COUNTRY_REGION:
|
|
182
|
-
{
|
|
183
|
-
return /*#__PURE__*/_react.default.createElement(_countryEditor.default, Object.assign({}, props, {
|
|
184
|
-
ref: ref => this.editor = ref
|
|
185
|
-
}));
|
|
186
|
-
}
|
|
187
|
-
case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE:
|
|
188
|
-
{
|
|
189
|
-
return /*#__PURE__*/_react.default.createElement(_provinceEditor.default, Object.assign({}, props, {
|
|
190
|
-
onPressTab: this.props.onPressTab,
|
|
191
|
-
ref: ref => this.editor = ref
|
|
192
|
-
}));
|
|
193
|
-
}
|
|
194
|
-
case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE_CITY:
|
|
195
|
-
{
|
|
196
|
-
return /*#__PURE__*/_react.default.createElement(_provinceCityEditor.default, Object.assign({}, props, {
|
|
197
|
-
ref: ref => this.editor = ref
|
|
198
|
-
}));
|
|
199
|
-
}
|
|
200
|
-
case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE_CITY_DISTRICT:
|
|
201
|
-
{
|
|
202
|
-
return /*#__PURE__*/_react.default.createElement(_locationEditor.default, Object.assign({}, props, {
|
|
203
|
-
ref: ref => this.editor = ref
|
|
204
|
-
}));
|
|
205
|
-
}
|
|
206
|
-
default:
|
|
207
|
-
{
|
|
208
|
-
return /*#__PURE__*/_react.default.createElement(_locationEditor.default, Object.assign({}, props, {
|
|
209
|
-
isShowAddressDetail: true,
|
|
210
|
-
ref: ref => this.editor = ref
|
|
211
|
-
}));
|
|
212
|
-
}
|
|
213
|
-
}
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _reactResponsive = _interopRequireDefault(require("react-responsive"));
|
|
11
|
+
var _pcEditor = _interopRequireDefault(require("./pc-editor"));
|
|
12
|
+
var _mbEditor = _interopRequireDefault(require("./mb-editor"));
|
|
13
|
+
const GeolocationEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
14
|
+
let {
|
|
15
|
+
isMobile,
|
|
16
|
+
config: propsConfig,
|
|
17
|
+
...props
|
|
18
|
+
} = _ref;
|
|
19
|
+
const config = (0, _react.useMemo)(() => {
|
|
20
|
+
var _window;
|
|
21
|
+
return {
|
|
22
|
+
...((_window = window) === null || _window === void 0 ? void 0 : _window.dtable),
|
|
23
|
+
...propsConfig
|
|
214
24
|
};
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
25
|
+
}, [propsConfig]);
|
|
26
|
+
const getLocationData = (0, _react.useCallback)(() => {
|
|
27
|
+
var _window2, _window2$app;
|
|
28
|
+
if ((_window2 = window) !== null && _window2 !== void 0 && (_window2$app = _window2.app) !== null && _window2$app !== void 0 && _window2$app.location) return new Promise((resolve, reject) => {
|
|
29
|
+
resolve(window.app.location);
|
|
30
|
+
});
|
|
31
|
+
const {
|
|
32
|
+
server = '',
|
|
33
|
+
mediaUrl = ''
|
|
34
|
+
} = config || {};
|
|
35
|
+
return fetch("".concat(server).concat(mediaUrl, "geo-data/cn-location.json").replaceAll('//', '/')).then(res => {
|
|
36
|
+
// get locations from server
|
|
37
|
+
return res.json();
|
|
38
|
+
}).catch(() => {
|
|
39
|
+
// get locations from local
|
|
40
|
+
return fetch('./geo-data/cn-location.json').then(res => {
|
|
41
|
+
return res.json();
|
|
42
|
+
});
|
|
43
|
+
});
|
|
44
|
+
}, [config]);
|
|
45
|
+
const getCountryData = (0, _react.useCallback)(lang => {
|
|
46
|
+
if (lang === 'cn' && window.app.countryListCn) return new Promise((resolve, reject) => {
|
|
47
|
+
resolve(window.app.countryListCn);
|
|
48
|
+
});
|
|
49
|
+
if (lang !== 'cn' && window.app.countryListEn) return new Promise((resolve, reject) => {
|
|
50
|
+
resolve(window.app.countryListEn);
|
|
51
|
+
});
|
|
230
52
|
const {
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
}
|
|
238
|
-
|
|
239
|
-
|
|
53
|
+
mediaUrl = '',
|
|
54
|
+
server = ''
|
|
55
|
+
} = config;
|
|
56
|
+
const geoFileName = lang === 'cn' ? 'cn-region-location' : 'en-region-location';
|
|
57
|
+
return fetch("".concat(server).concat(mediaUrl, "geo-data/").concat(geoFileName, ".json").replaceAll('//', '/')).then(res => {
|
|
58
|
+
return res.json();
|
|
59
|
+
}).catch(() => {
|
|
60
|
+
// get locations from local
|
|
61
|
+
return fetch("./geo-data/".concat(geoFileName, ".json")).then(res => {
|
|
62
|
+
return res.json();
|
|
63
|
+
});
|
|
64
|
+
}).then(res => {
|
|
65
|
+
const data = res || {};
|
|
66
|
+
if (lang === 'cn') {
|
|
67
|
+
window.app.countryListCn = data;
|
|
68
|
+
} else {
|
|
69
|
+
window.app.countryListEn = data;
|
|
70
|
+
}
|
|
71
|
+
return data;
|
|
72
|
+
});
|
|
73
|
+
}, [config]);
|
|
74
|
+
if (isMobile === false) return /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
|
|
75
|
+
config: config,
|
|
76
|
+
getLocationData: getLocationData,
|
|
77
|
+
getCountryData: getCountryData,
|
|
78
|
+
ref: ref
|
|
79
|
+
}));
|
|
80
|
+
if (isMobile === true) return /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
|
|
81
|
+
config: config,
|
|
82
|
+
getLocationData: getLocationData,
|
|
83
|
+
getCountryData: getCountryData,
|
|
84
|
+
ref: ref
|
|
85
|
+
}));
|
|
86
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
|
|
87
|
+
query: "(min-width: 768px)"
|
|
88
|
+
}, /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
|
|
89
|
+
config: config,
|
|
90
|
+
getLocationData: getLocationData,
|
|
91
|
+
getCountryData: getCountryData,
|
|
92
|
+
ref: ref
|
|
93
|
+
}))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
|
|
94
|
+
query: "(max-width: 768px)"
|
|
95
|
+
}, /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
|
|
96
|
+
config: config,
|
|
97
|
+
getLocationData: getLocationData,
|
|
98
|
+
getCountryData: getCountryData,
|
|
99
|
+
ref: ref
|
|
100
|
+
}))));
|
|
101
|
+
});
|
|
240
102
|
var _default = exports.default = GeolocationEditor;
|
|
@@ -3,7 +3,11 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.locateCurrentPosition = exports.loadMapSource = exports.getMineMapUrl = exports.getMapInfo = exports.getInitCenter = exports.MAP_TYPES = exports.DOMESTIC_MAP_TYPE = void 0;
|
|
6
|
+
exports.locateCurrentPosition = exports.loadMapSource = exports.getMineMapUrl = exports.getMapInfo = exports.getInitCenter = exports.MAP_TYPES = exports.INPUT_MODE_MAP = exports.DOMESTIC_MAP_TYPE = void 0;
|
|
7
|
+
const INPUT_MODE_MAP = exports.INPUT_MODE_MAP = {
|
|
8
|
+
ANY_LOCATION: 'any_location',
|
|
9
|
+
ONLY_MOBILE_POSITIONING: 'only_mobile_positioning'
|
|
10
|
+
};
|
|
7
11
|
const MAP_TYPES = exports.MAP_TYPES = {
|
|
8
12
|
B_MAP: 'b_map',
|
|
9
13
|
// baidu
|
|
@@ -22,11 +26,12 @@ const MINE_MAP_ONLINE_SERVICE = {
|
|
|
22
26
|
SERVICE_URL: 'https://service.minedata.cn/service'
|
|
23
27
|
};
|
|
24
28
|
const getMineMapUrl = function () {
|
|
29
|
+
var _window;
|
|
25
30
|
let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
26
31
|
const {
|
|
27
32
|
dtableMineMapCustomConfig = {}
|
|
28
33
|
} = {
|
|
29
|
-
...window.dtable,
|
|
34
|
+
...((_window = window) === null || _window === void 0 ? void 0 : _window.dtable),
|
|
30
35
|
...config
|
|
31
36
|
};
|
|
32
37
|
const {
|
|
@@ -66,13 +71,14 @@ const getInitCenter = function () {
|
|
|
66
71
|
};
|
|
67
72
|
exports.getInitCenter = getInitCenter;
|
|
68
73
|
const getMapInfo = function () {
|
|
74
|
+
var _window2;
|
|
69
75
|
let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
70
76
|
const {
|
|
71
77
|
dtableBaiduMapKey: baiduMapKey,
|
|
72
78
|
dtableGoogleMapKey: googleMapKey,
|
|
73
79
|
dtableMineMapKey: mineMapKey
|
|
74
80
|
} = {
|
|
75
|
-
...window.dtable,
|
|
81
|
+
...((_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.dtable),
|
|
76
82
|
...config
|
|
77
83
|
};
|
|
78
84
|
let mapType;
|
|
@@ -99,7 +105,7 @@ const loadMapSource = (mapType, mapKey, callback) => {
|
|
|
99
105
|
let script = document.createElement('script');
|
|
100
106
|
script.type = 'text/javascript';
|
|
101
107
|
if (mapType === MAP_TYPES.B_MAP) {
|
|
102
|
-
scriptUrl = "https://api.map.baidu.com/api?v=3.0&ak=".concat(mapKey, "
|
|
108
|
+
scriptUrl = "https://api.map.baidu.com/api?v=3.0&ak=".concat(mapKey, "&callback=renderBaiduMap");
|
|
103
109
|
} else if (mapType === MAP_TYPES.G_MAP) {
|
|
104
110
|
scriptUrl = "https://maps.googleapis.com/maps/api/js?key=".concat(mapKey, "&callback=renderGoogleMap&libraries=&v=weekly");
|
|
105
111
|
} else {
|