dtable-ui-component 7.0.15 → 7.0.17
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/ActionSheet/index.js +35 -42
- package/lib/ActivityIndicator/index.js +9 -9
- package/lib/AsyncUserSelect/index.js +2 -2
- package/lib/Badge/index.js +31 -27
- package/lib/CheckboxEditor/index.js +14 -15
- package/lib/CollaboratorEditor/index.js +15 -16
- package/lib/CollaboratorEditor/pc-editor/index.js +1 -1
- package/lib/CollapsibleSettingLayout/index.js +1 -1
- package/lib/Comment/body/comment.js +1 -1
- package/lib/Comment/body/index.js +9 -7
- package/lib/Comment/footer/index.js +1 -1
- package/lib/Comment/footer/input/index.js +5 -5
- package/lib/Comment/footer/input/participant/index.js +1 -1
- package/lib/Comment/footer/participants/participant-select/index.js +2 -2
- package/lib/Comment/utils/utilities.js +1 -1
- package/lib/DTableColorPicker/ColorPickerPortal/index.js +6 -8
- package/lib/DTableColorPicker/index.js +12 -13
- package/lib/DTableColorPicker/utils.js +1 -1
- package/lib/DTableCommonAddTool/index.js +2 -2
- package/lib/DTableDropdownItem/index.js +8 -10
- package/lib/DTableDropdownMenu/index.js +6 -7
- package/lib/DTableFiltersPopover/index.js +1 -1
- package/lib/DTableFiltersPopover/utils/index.js +1 -1
- package/lib/DTableFiltersPopover/widgets/filter-group.js +2 -2
- package/lib/DTableFiltersPopover/widgets/filter-item.js +1 -1
- package/lib/DTableFiltersPopover/widgets/filter-list/index.js +1 -1
- package/lib/DTableFiltersPopover/widgets/rate-item.js +5 -5
- package/lib/DTableIcon/index.js +4 -4
- package/lib/DTableIcon/svg-icon.js +4 -4
- package/lib/DTableModalHeader/index.js +8 -6
- package/lib/DTablePopover/index.js +1 -1
- package/lib/DTableRadioGroup/index.js +3 -3
- package/lib/DTableSearchInput/index.js +15 -1
- package/lib/DTableSelect/dtable-select-label.js +1 -1
- package/lib/DTableSelect/index.js +4 -4
- package/lib/DTableSelect/utils.js +41 -65
- package/lib/DTableSubDropdownMenu/index.js +4 -6
- package/lib/DTableSubDropdownToggle/index.js +5 -4
- package/lib/DTableToolTip/index.js +4 -4
- package/lib/DateEditor/index.js +10 -13
- package/lib/DateEditor/pc-editor.js +1 -1
- package/lib/DatePicker/utils.js +4 -4
- package/lib/DepartmentMultipleSelectEditor/index.js +3 -3
- package/lib/DepartmentSelectFilter/index.js +2 -5
- package/lib/DepartmentSingleSelectEditor/index.js +14 -15
- package/lib/DepartmentSingleSelectEditor/mb-editor/index.js +2 -2
- package/lib/DepartmentSingleSelectEditor/pc-editor/department-single-select.js +6 -6
- package/lib/DigitalSignEditor/index.js +14 -15
- package/lib/DigitalSignEditor/mb-editor/index.js +4 -4
- package/lib/DigitalSignEditor/pc-editor/index.js +6 -7
- package/lib/DigitalSignEditor/service.js +1 -1
- package/lib/DigitalSignEditor/signature-board/index.js +2 -2
- package/lib/DigitalSignFormatter/utils.js +1 -1
- package/lib/Drawer/index.js +2 -3
- package/lib/FieldDisplaySetting/field-item.js +1 -1
- package/lib/FieldDisplaySetting/index.js +9 -11
- package/lib/FileEditor/files-previewer/index.js +14 -15
- package/lib/FileEditor/files-previewer/mb-previewer/file-previewer/index.js +2 -2
- package/lib/FileEditor/files-previewer/pc-previewer/file-previewer/index.js +3 -3
- package/lib/FileEditor/index.js +14 -15
- package/lib/FileEditor/pc-editor/addition-previewer/index.js +1 -1
- package/lib/FileEditor/pc-editor/addition-previewer/local-file-addition/index.js +6 -6
- package/lib/FileEditor/pc-editor/index.js +3 -3
- package/lib/FileFormatter/index.js +1 -1
- package/lib/FileItemFormatter/index.js +1 -1
- package/lib/FileUploader/index.js +1 -1
- package/lib/FormulaFormatter/index.js +9 -15
- package/lib/GeolocationEditor/index.js +19 -23
- package/lib/GeolocationEditor/map-editor-utils.js +6 -10
- package/lib/GeolocationEditor/mb-editor/index.js +23 -27
- package/lib/GeolocationEditor/mb-editor/map-editor/index.js +6 -9
- package/lib/GeolocationEditor/pc-editor/country-editor.js +2 -2
- package/lib/GeolocationEditor/pc-editor/index.js +15 -21
- package/lib/GeolocationEditor/pc-editor/location-editor.js +2 -2
- package/lib/GeolocationEditor/pc-editor/map-editor/index.js +9 -13
- package/lib/GeolocationEditor/pc-editor/map-editor/large-editor/index.js +6 -9
- package/lib/GeolocationEditor/pc-editor/map-selection-editor/index.js +7 -24
- package/lib/GeolocationEditor/pc-editor/map-selection-editor/large-editor/index.js +3 -20
- package/lib/GeolocationEditor/pc-editor/province-city-editor.js +1 -1
- package/lib/GeolocationEditor/pc-editor/province-editor.js +2 -2
- package/lib/GeolocationEditor/pc-editor/selector-list.js +1 -1
- package/lib/HtmlLongTextFormatter/index.js +1 -1
- package/lib/Icon/index.js +17 -13
- package/lib/Icon/load-sprite.js +2 -13
- package/lib/IconButton/index.js +14 -11
- package/lib/ImageEditor/images-previewer/image-preview/index.js +1 -1
- package/lib/ImageEditor/index.js +14 -15
- package/lib/ImageEditor/pc-editor/addition-previewer/index.js +2 -2
- package/lib/ImageEditor/pc-editor/addition-previewer/local-image-addition/index.js +5 -5
- package/lib/ImageEditor/pc-editor/images-previewer/index.js +1 -1
- package/lib/ImageFormatter/index.js +1 -1
- package/lib/ImageThumbnail/index.js +2 -2
- package/lib/InputItem/custom-input.js +9 -9
- package/lib/InputItem/custom-keyboard.js +37 -34
- package/lib/InputItem/index.js +49 -52
- package/lib/InputItem/input.js +13 -9
- package/lib/LinkEditor/pc-popover/index.js +2 -3
- package/lib/List/index.js +21 -17
- package/lib/List/list-item.js +52 -50
- package/lib/MBEditorHeader/index.js +1 -1
- package/lib/MobileFullScreenPage/body/index.js +1 -1
- package/lib/MobileFullScreenPage/header/index.js +4 -4
- package/lib/MobileFullScreenPage/index.js +1 -1
- package/lib/MobileModal/index.js +10 -7
- package/lib/Modal/alert.js +2 -2
- package/lib/Modal/modal.js +31 -28
- package/lib/Modal/prompt.js +10 -10
- package/lib/MultipleSelectEditor/index.js +8 -6
- package/lib/MultipleSelectFormatter/index.js +1 -1
- package/lib/PhoneNumberLink/index.js +1 -1
- package/lib/Picker/AbstractPicker.js +28 -26
- package/lib/Popover/index.js +12 -9
- package/lib/Popover/item.js +26 -22
- package/lib/Progress/index.js +8 -10
- package/lib/Radio/Radio.js +15 -13
- package/lib/Radio/RadioItem.js +18 -18
- package/lib/RateFormatter/index.js +2 -2
- package/lib/RoleStatusEditor/index.js +1 -1
- package/lib/RowExpand/index.js +6 -7
- package/lib/RowExpandDialog/body/index.js +14 -14
- package/lib/RowExpandDialog/column-content/index.js +1 -1
- package/lib/RowExpandDialog/header/index.js +3 -4
- package/lib/RowExpandDialog/index.js +32 -43
- package/lib/RowExpandEditor/add-btn/index.js +6 -7
- package/lib/RowExpandEditor/checkbox-editor/index.js +6 -7
- package/lib/RowExpandEditor/collaborator-editor/index.js +6 -7
- package/lib/RowExpandEditor/date-editor/index.js +6 -7
- package/lib/RowExpandEditor/department-editor/index.js +6 -7
- package/lib/RowExpandEditor/digital-sign-editor/index.js +6 -7
- package/lib/RowExpandEditor/digital-sign-editor/mb-editor/index.js +4 -4
- package/lib/RowExpandEditor/digital-sign-editor/pc-editor/index.js +4 -4
- package/lib/RowExpandEditor/duration-editor/index.js +6 -7
- package/lib/RowExpandEditor/email-editor/index.js +6 -7
- package/lib/RowExpandEditor/email-editor/mb-editor/index.js +1 -1
- package/lib/RowExpandEditor/email-editor/pc-editor/index.js +1 -1
- package/lib/RowExpandEditor/file-editor/index.js +6 -7
- package/lib/RowExpandEditor/geolocation-editor/index.js +6 -7
- package/lib/RowExpandEditor/image-editor/index.js +6 -7
- package/lib/RowExpandEditor/image-editor/mb-editor/index.js +1 -1
- package/lib/RowExpandEditor/image-editor/pc-editor/index.js +1 -1
- package/lib/RowExpandEditor/index.js +10 -11
- package/lib/RowExpandEditor/long-text-editor/index.js +6 -7
- package/lib/RowExpandEditor/multiple-select-editor/index.js +6 -7
- package/lib/RowExpandEditor/multiple-select-editor/mb-editor/index.js +1 -1
- package/lib/RowExpandEditor/multiple-select-editor/pc-editor/index.js +5 -5
- package/lib/RowExpandEditor/number-editor/index.js +6 -7
- package/lib/RowExpandEditor/rate-editor/index.js +6 -7
- package/lib/RowExpandEditor/rate-editor/mb-editor.js +1 -1
- package/lib/RowExpandEditor/rate-editor/pc-editor.js +5 -5
- package/lib/RowExpandEditor/single-select-editor/index.js +6 -7
- package/lib/RowExpandEditor/single-select-editor/mb-editor/index.js +4 -4
- package/lib/RowExpandEditor/single-select-editor/pc-editor/index.js +3 -3
- package/lib/RowExpandEditor/text-editor/index.js +6 -7
- package/lib/RowExpandEditor/url-editor/index.js +6 -7
- package/lib/RowExpandEditor/url-editor/mb-editor/index.js +2 -2
- package/lib/RowExpandEditor/url-editor/pc-editor/index.js +2 -2
- package/lib/RowExpandFormatter/department-formatter/index.js +3 -6
- package/lib/RowExpandFormatter/email-formatter/index.js +1 -1
- package/lib/RowExpandFormatter/file-formatter/row-expand-file-item-formatter.js +2 -2
- package/lib/RowExpandFormatter/formula-formatter/index.js +11 -17
- package/lib/RowExpandFormatter/image-formatter/row-expand-image-item-formatter.js +2 -2
- package/lib/RowExpandFormatter/index.js +7 -11
- package/lib/RowExpandFormatter/link-formatter/collaborator-item-formatter.js +1 -1
- package/lib/RowExpandFormatter/link-formatter/index.js +6 -6
- package/lib/RowExpandFormatter/rate-formatter/index.js +2 -2
- package/lib/RowExpandFormatter/url-formatter/index.js +2 -2
- package/lib/RowExpandView/body/index.js +15 -13
- package/lib/RowExpandView/index.js +28 -39
- package/lib/SelectedDepartments/index.js +3 -3
- package/lib/SimpleLongTextFormatter/index.js +2 -2
- package/lib/SingleSelectEditor/index.js +8 -6
- package/lib/TabBar/Tab.js +10 -10
- package/lib/TabBar/index.js +6 -7
- package/lib/Tabs/index.js +9 -10
- package/lib/TextareaItem/index.js +45 -43
- package/lib/Toast/index.js +5 -5
- package/lib/formatterConfig/index.js +3 -3
- package/lib/select-editor/index.js +14 -15
- package/lib/select-editor/pc-editor/index.js +5 -5
- package/lib/toaster/alert.js +1 -1
- package/lib/toaster/toast.js +1 -1
- package/lib/toaster/toastManager.js +14 -12
- package/lib/toaster/toaster.js +9 -12
- package/lib/utils/class.js +3 -3
- package/lib/utils/departments.js +4 -3
- package/lib/utils/getLocale.js +5 -11
- package/lib/utils/object-utils.js +4 -5
- package/lib/utils/url.js +4 -4
- package/package.json +1 -1
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
3
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.default = void 0;
|
|
9
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
9
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
11
|
var _MobileFullScreenPage = _interopRequireDefault(require("../../MobileFullScreenPage"));
|
|
11
12
|
var _signatureBoard = _interopRequireDefault(require("../signature-board"));
|
|
@@ -110,10 +111,9 @@ class MBDigitalSignEditor extends _react.Component {
|
|
|
110
111
|
const {
|
|
111
112
|
saving
|
|
112
113
|
} = this.state;
|
|
113
|
-
const signImageUrl = (0, _url.generateCurrentBaseImageUrl)({
|
|
114
|
-
...config,
|
|
114
|
+
const signImageUrl = (0, _url.generateCurrentBaseImageUrl)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
|
|
115
115
|
partUrl: _utils.default.getSignImageUrl(value)
|
|
116
|
-
});
|
|
116
|
+
}));
|
|
117
117
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MobileFullScreenPage.default, {
|
|
118
118
|
className: "dtable-ui dtable-ui-mobile-digital-sign-editor",
|
|
119
119
|
zIndex: 101,
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
3
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.default = void 0;
|
|
9
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
9
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
11
|
var _reactstrap = require("reactstrap");
|
|
11
12
|
var _DTableCustomFooter = _interopRequireDefault(require("../../DTableCustomFooter"));
|
|
@@ -138,17 +139,15 @@ class PCDigitalSignEditor extends _react.Component {
|
|
|
138
139
|
editorPosition,
|
|
139
140
|
saving
|
|
140
141
|
} = this.state;
|
|
141
|
-
const signImageUrl = (0, _url.generateCurrentBaseImageUrl)({
|
|
142
|
-
...config,
|
|
142
|
+
const signImageUrl = (0, _url.generateCurrentBaseImageUrl)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
|
|
143
143
|
partUrl: _utils.default.getSignImageUrl(value)
|
|
144
|
-
});
|
|
144
|
+
}));
|
|
145
145
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
146
146
|
className: "dtable-ui-digital-sign-editor-container",
|
|
147
147
|
ref: ref => this.editor = ref,
|
|
148
|
-
style: {
|
|
149
|
-
...editorPosition,
|
|
148
|
+
style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, editorPosition), {}, {
|
|
150
149
|
zIndex: 1000
|
|
151
|
-
},
|
|
150
|
+
}),
|
|
152
151
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
153
152
|
className: "dtable-ui-digital-sign-editor-header",
|
|
154
153
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
@@ -21,7 +21,7 @@ class DigitalService {
|
|
|
21
21
|
failedCallback
|
|
22
22
|
} = _ref;
|
|
23
23
|
if (!this.uploadFile) return;
|
|
24
|
-
const name =
|
|
24
|
+
const name = "".concat(this.username, "-").concat(Date.now().toString(), ".png");
|
|
25
25
|
const file = new File([signBlob], name, {
|
|
26
26
|
type: 'image/png'
|
|
27
27
|
});
|
|
@@ -18,8 +18,8 @@ class SignatureBoard extends _react.Component {
|
|
|
18
18
|
this.initSignTool = () => {
|
|
19
19
|
let signatureBoardCanvas = document.querySelector('#signature_board_canvas');
|
|
20
20
|
if (!this.signatureBoard || !signatureBoardCanvas) return;
|
|
21
|
-
signatureBoardCanvas.style.width =
|
|
22
|
-
signatureBoardCanvas.style.height =
|
|
21
|
+
signatureBoardCanvas.style.width = "".concat(this.signatureBoard.offsetWidth, "px");
|
|
22
|
+
signatureBoardCanvas.style.height = "".concat(this.signatureBoard.offsetHeight, "px");
|
|
23
23
|
this.signatureTool = new _signatureTool.default(signatureBoardCanvas, {
|
|
24
24
|
minLineWidth: 2,
|
|
25
25
|
maxLineWidth: 4,
|
|
@@ -15,7 +15,7 @@ const getDigitalSignImageUrl = (cellValue, config) => {
|
|
|
15
15
|
dtableUuid
|
|
16
16
|
} = config || {};
|
|
17
17
|
if (server && (workspaceID || workspaceID === 0) && dtableUuid) {
|
|
18
|
-
return
|
|
18
|
+
return "".concat(server, "/workspace/").concat(workspaceID, "/asset/").concat(dtableUuid).concat(url);
|
|
19
19
|
}
|
|
20
20
|
return url;
|
|
21
21
|
};
|
package/lib/Drawer/index.js
CHANGED
|
@@ -6,15 +6,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.default = void 0;
|
|
9
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
9
10
|
var _rmcDrawer = _interopRequireDefault(require("rmc-drawer"));
|
|
10
11
|
var React = _interopRequireWildcard(require("react"));
|
|
11
12
|
require("./index.css");
|
|
12
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
14
|
class Drawer extends React.Component {
|
|
14
15
|
render() {
|
|
15
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcDrawer.default, {
|
|
16
|
-
...this.props
|
|
17
|
-
});
|
|
16
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcDrawer.default, (0, _objectSpread2.default)({}, this.props));
|
|
18
17
|
}
|
|
19
18
|
}
|
|
20
19
|
exports.default = Drawer;
|
|
@@ -81,7 +81,7 @@ function FieldItem(_ref) {
|
|
|
81
81
|
};
|
|
82
82
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
83
83
|
ref: fieldItemRef,
|
|
84
|
-
className:
|
|
84
|
+
className: "field-item-container ".concat(isCollapsed ? 'd-none' : ''),
|
|
85
85
|
onDrop: onDrop,
|
|
86
86
|
onDragEnter: onTableDragEnter,
|
|
87
87
|
onDragOver: onDragOver,
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
3
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.default = void 0;
|
|
9
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
9
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
11
|
var _reactstrap = require("reactstrap");
|
|
11
12
|
var _reactTransitionGroup = require("react-transition-group");
|
|
@@ -30,17 +31,17 @@ function FieldDisplaySetting(_ref) {
|
|
|
30
31
|
setCollapsed(!isCollapsed);
|
|
31
32
|
};
|
|
32
33
|
const defaultStyle = {
|
|
33
|
-
transition:
|
|
34
|
+
transition: "all ".concat(DURATION, "ms cubic-bezier(.645,.045,.355,1)"),
|
|
34
35
|
opacity: 0
|
|
35
36
|
};
|
|
36
37
|
const transitionStyles = {
|
|
37
38
|
entering: {
|
|
38
39
|
opacity: 1,
|
|
39
|
-
height:
|
|
40
|
+
height: "".concat(fields.length * FIELD_ITEM_HEIGHT + BANNER_HEIGHT, "px")
|
|
40
41
|
},
|
|
41
42
|
entered: {
|
|
42
43
|
opacity: 1,
|
|
43
|
-
height:
|
|
44
|
+
height: "".concat(fields.length * FIELD_ITEM_HEIGHT + BANNER_HEIGHT, "px")
|
|
44
45
|
},
|
|
45
46
|
exiting: {
|
|
46
47
|
opacity: 0,
|
|
@@ -60,7 +61,7 @@ function FieldDisplaySetting(_ref) {
|
|
|
60
61
|
className: "mb-0",
|
|
61
62
|
children: textProperties.titleValue
|
|
62
63
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
63
|
-
className:
|
|
64
|
+
className: "seatable-icon-btn dtable-font dtable-icon-right expand-button ".concat(isCollapsed ? '' : 'revolving')
|
|
64
65
|
})]
|
|
65
66
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.Transition, {
|
|
66
67
|
nodeRef: nodeRef,
|
|
@@ -69,12 +70,9 @@ function FieldDisplaySetting(_ref) {
|
|
|
69
70
|
children: state => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
70
71
|
className: "field-setting-wrapper",
|
|
71
72
|
ref: nodeRef,
|
|
72
|
-
style: {
|
|
73
|
-
...defaultStyle,
|
|
74
|
-
...transitionStyles[state]
|
|
75
|
-
},
|
|
73
|
+
style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultStyle), transitionStyles[state]),
|
|
76
74
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
77
|
-
className:
|
|
75
|
+
className: "field-setting-banner ".concat(isCollapsed ? 'd-none' : 'd-flex', " align-items-center justify-content-between h-5 mt-2 mb-2"),
|
|
78
76
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Label, {
|
|
79
77
|
className: "mb-0",
|
|
80
78
|
children: textProperties.bannerValue
|
|
@@ -91,7 +89,7 @@ function FieldDisplaySetting(_ref) {
|
|
|
91
89
|
isCollapsed: isCollapsed,
|
|
92
90
|
onClickField: onClickField,
|
|
93
91
|
onMoveField: onMoveField
|
|
94
|
-
},
|
|
92
|
+
}, "".concat(field.key, "-").concat(index));
|
|
95
93
|
})
|
|
96
94
|
})]
|
|
97
95
|
})
|
|
@@ -6,38 +6,37 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.default = void 0;
|
|
9
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
10
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
9
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
12
|
var _reactResponsive = _interopRequireDefault(require("react-responsive"));
|
|
11
13
|
var _pcPreviewer = _interopRequireDefault(require("./pc-previewer"));
|
|
12
14
|
var _mbPreviewer = _interopRequireDefault(require("./mb-previewer"));
|
|
13
15
|
require("./index.css");
|
|
14
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
|
+
const _excluded = ["isMobile"];
|
|
15
18
|
const FilesPreviewer = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
16
19
|
let {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcPreviewer.default, {
|
|
21
|
-
...props,
|
|
20
|
+
isMobile
|
|
21
|
+
} = _ref,
|
|
22
|
+
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
23
|
+
if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcPreviewer.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
|
|
22
24
|
ref: ref
|
|
23
|
-
});
|
|
24
|
-
if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbPreviewer.default, {
|
|
25
|
-
...props,
|
|
25
|
+
}));
|
|
26
|
+
if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbPreviewer.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
|
|
26
27
|
ref: ref
|
|
27
|
-
});
|
|
28
|
+
}));
|
|
28
29
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
29
30
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
|
|
30
31
|
query: "(min-width: 768px)",
|
|
31
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcPreviewer.default, {
|
|
32
|
-
...props,
|
|
32
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcPreviewer.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
|
|
33
33
|
ref: ref
|
|
34
|
-
})
|
|
34
|
+
}))
|
|
35
35
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
|
|
36
36
|
query: "(max-width: 768px)",
|
|
37
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbPreviewer.default, {
|
|
38
|
-
...props,
|
|
37
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbPreviewer.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
|
|
39
38
|
ref: ref
|
|
40
|
-
})
|
|
39
|
+
}))
|
|
41
40
|
})]
|
|
42
41
|
});
|
|
43
42
|
});
|
|
@@ -104,7 +104,7 @@ class FilePreviewer extends _react.default.Component {
|
|
|
104
104
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
105
105
|
className: "dtable-ui-file-editor-previewer-info",
|
|
106
106
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
107
|
-
className:
|
|
107
|
+
className: "dtable-ui-file-editor-previewer-item-name ".concat(fileItem.type === 'dir' ? 'dtable-ui-file-editor-previewer-item-name-height' : ''),
|
|
108
108
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
109
109
|
children: fileItem.name
|
|
110
110
|
})
|
|
@@ -112,7 +112,7 @@ class FilePreviewer extends _react.default.Component {
|
|
|
112
112
|
className: "dtable-ui-file-editor-preview-item-detail d-flex",
|
|
113
113
|
children: [uploadTime && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
114
114
|
className: "file-upload-time",
|
|
115
|
-
children:
|
|
115
|
+
children: "".concat(uploadTime, ", ")
|
|
116
116
|
}), fileItem.size > -1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
117
117
|
children: (0, _utils.bytesToSize)(fileItem.size)
|
|
118
118
|
})]
|
|
@@ -99,7 +99,7 @@ class FilePreviewer extends _react.default.Component {
|
|
|
99
99
|
const errorMessage = '';
|
|
100
100
|
const uploadTime = (0, _utils.getFileUploadTime)(fileItem);
|
|
101
101
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
102
|
-
className:
|
|
102
|
+
className: "dtable-ui-file-editor-previewer-box ".concat(highlight ? 'dtable-ui-file-editor-previewer-box-highlight' : ''),
|
|
103
103
|
onMouseEnter: this.fileItemMouseEnter,
|
|
104
104
|
onMouseLeave: this.fileItemMouseLeave,
|
|
105
105
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
@@ -123,7 +123,7 @@ class FilePreviewer extends _react.default.Component {
|
|
|
123
123
|
renameFile: this.props.renameFile,
|
|
124
124
|
closeRenameFile: this.closeRenameFile
|
|
125
125
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
126
|
-
className:
|
|
126
|
+
className: "dtable-ui-file-editor-previewer-item-name ".concat(fileItem.type === 'dir' ? 'dtable-ui-file-editor-previewer-item-name-height' : ''),
|
|
127
127
|
ref: ref => this.renameRef = ref,
|
|
128
128
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
129
129
|
onClick: this.props.renameFile ? this.handleFileClick : () => {},
|
|
@@ -133,7 +133,7 @@ class FilePreviewer extends _react.default.Component {
|
|
|
133
133
|
className: "dtable-ui-file-editor-preview-item-detail d-flex",
|
|
134
134
|
children: [uploadTime && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
135
135
|
className: "file-upload-time",
|
|
136
|
-
children:
|
|
136
|
+
children: "".concat(uploadTime, ", ")
|
|
137
137
|
}), fileItem.size > -1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
138
138
|
children: (0, _utils.bytesToSize)(fileItem.size)
|
|
139
139
|
})]
|
package/lib/FileEditor/index.js
CHANGED
|
@@ -6,38 +6,37 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.default = void 0;
|
|
9
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
10
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
9
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
12
|
var _reactResponsive = _interopRequireDefault(require("react-responsive"));
|
|
11
13
|
var _pcEditor = _interopRequireDefault(require("./pc-editor"));
|
|
12
14
|
var _mbEditor = _interopRequireDefault(require("./mb-editor"));
|
|
13
15
|
require("./index.css");
|
|
14
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
|
+
const _excluded = ["isMobile"];
|
|
15
18
|
const FileEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
16
19
|
let {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
|
|
21
|
-
...props,
|
|
20
|
+
isMobile
|
|
21
|
+
} = _ref,
|
|
22
|
+
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
23
|
+
if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
|
|
22
24
|
ref: ref
|
|
23
|
-
});
|
|
24
|
-
if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
|
|
25
|
-
...props,
|
|
25
|
+
}));
|
|
26
|
+
if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
|
|
26
27
|
ref: ref
|
|
27
|
-
});
|
|
28
|
+
}));
|
|
28
29
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
29
30
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
|
|
30
31
|
query: "(min-width: 768px)",
|
|
31
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
|
|
32
|
-
...props,
|
|
32
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
|
|
33
33
|
ref: ref
|
|
34
|
-
})
|
|
34
|
+
}))
|
|
35
35
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
|
|
36
36
|
query: "(max-width: 768px)",
|
|
37
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
|
|
38
|
-
...props,
|
|
37
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
|
|
39
38
|
ref: ref
|
|
40
|
-
})
|
|
39
|
+
}))
|
|
41
40
|
})]
|
|
42
41
|
});
|
|
43
42
|
});
|
|
@@ -35,7 +35,7 @@ class AdditionPreviewer extends _react.default.Component {
|
|
|
35
35
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
36
36
|
className: "dtable-ui-image-addition-nav",
|
|
37
37
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
38
|
-
className:
|
|
38
|
+
className: "dtable-ui-addition-item ".concat(activeTab === 'localFiles' ? 'dtable-ui-addition-item-selected' : ''),
|
|
39
39
|
onClick: this.toggle.bind(this, 'localFiles'),
|
|
40
40
|
children: (0, _lang.getLocale)('Local_Files')
|
|
41
41
|
})
|
|
@@ -126,7 +126,7 @@ class LocalFileAddition extends _react.default.Component {
|
|
|
126
126
|
src: fileThumbnailItem.fileIconUrl,
|
|
127
127
|
style: {
|
|
128
128
|
position: 'absolute',
|
|
129
|
-
zIndex:
|
|
129
|
+
zIndex: "".concat(uploadFile ? 3 : 1),
|
|
130
130
|
maxHeight: '100%'
|
|
131
131
|
},
|
|
132
132
|
alt: ""
|
|
@@ -155,7 +155,7 @@ class LocalFileAddition extends _react.default.Component {
|
|
|
155
155
|
})]
|
|
156
156
|
})
|
|
157
157
|
})
|
|
158
|
-
},
|
|
158
|
+
}, "dtable-ui-image-wrapper-circle".concat(index));
|
|
159
159
|
});
|
|
160
160
|
fileArr.push(...thumbnailList);
|
|
161
161
|
}
|
|
@@ -174,7 +174,7 @@ class LocalFileAddition extends _react.default.Component {
|
|
|
174
174
|
} = (0, _url.getFileThumbnailInfo)(fileItem, config);
|
|
175
175
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
176
176
|
className: "dtable-ui-image-wrapper",
|
|
177
|
-
id:
|
|
177
|
+
id: "file-content-tip-".concat(index),
|
|
178
178
|
onMouseEnter: event => this.showDeleteIcon(event, index),
|
|
179
179
|
onMouseLeave: this.hideDeleteIcon,
|
|
180
180
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
@@ -194,7 +194,7 @@ class LocalFileAddition extends _react.default.Component {
|
|
|
194
194
|
children: "x"
|
|
195
195
|
})
|
|
196
196
|
}), this.state.isShowDeleteIcon && this.state.enterFileIndex === index && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableToolTip.default, {
|
|
197
|
-
target:
|
|
197
|
+
target: "file-content-tip-".concat(index),
|
|
198
198
|
placement: "bottom",
|
|
199
199
|
children: fileItem.name
|
|
200
200
|
})]
|
|
@@ -208,7 +208,7 @@ class LocalFileAddition extends _react.default.Component {
|
|
|
208
208
|
} = this.state;
|
|
209
209
|
let editorContent = fileArr.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
|
|
210
210
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
211
|
-
className:
|
|
211
|
+
className: "dtable-ui-image-tip-addition ".concat(isFileTipShow ? 'dtable-ui-image-drop-active' : ''),
|
|
212
212
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
213
213
|
className: "dtable-ui-dtable-ui-image-add-icon",
|
|
214
214
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
|
|
@@ -226,7 +226,7 @@ class LocalFileAddition extends _react.default.Component {
|
|
|
226
226
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
227
227
|
className: "dtable-ui-image-add-box",
|
|
228
228
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
229
|
-
className:
|
|
229
|
+
className: "dtable-ui-image-add-button ".concat(isFileTipShow ? 'dtable-ui-image-wrapper-drop-active' : ''),
|
|
230
230
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
|
|
231
231
|
"aria-hidden": "true",
|
|
232
232
|
className: "dtable-font dtable-icon-add-table"
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
8
9
|
var _react = _interopRequireDefault(require("react"));
|
|
9
10
|
var _reactstrap = require("reactstrap");
|
|
10
11
|
var _filesPreviewer = _interopRequireDefault(require("../files-previewer"));
|
|
@@ -206,11 +207,10 @@ class PCFileEditor extends _react.default.Component {
|
|
|
206
207
|
name,
|
|
207
208
|
url
|
|
208
209
|
} = res.data;
|
|
209
|
-
fileItem = {
|
|
210
|
-
...fileItem,
|
|
210
|
+
fileItem = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, fileItem), {}, {
|
|
211
211
|
name,
|
|
212
212
|
url
|
|
213
|
-
};
|
|
213
|
+
});
|
|
214
214
|
newValue[index] = fileItem;
|
|
215
215
|
this.setState({
|
|
216
216
|
value: newValue
|
|
@@ -20,7 +20,7 @@ const FileItemFormatter = _ref => {
|
|
|
20
20
|
} = (0, _url.getFileThumbnailInfo)(file, config);
|
|
21
21
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
22
22
|
onClick: () => openFile && openFile(file),
|
|
23
|
-
className:
|
|
23
|
+
className: "file-item-icon ".concat(isImage ? 'img' : ''),
|
|
24
24
|
src: fileIconUrl,
|
|
25
25
|
alt: (file === null || file === void 0 ? void 0 : file.name) || ''
|
|
26
26
|
});
|
|
@@ -137,7 +137,7 @@ class FileUploader extends _react.default.Component {
|
|
|
137
137
|
for (let i = 0; i < allFileLen; i++) {
|
|
138
138
|
let uploadFile = files[i];
|
|
139
139
|
if (isPasteUpload && uploadFile.name === 'image.png') {
|
|
140
|
-
let newName =
|
|
140
|
+
let newName = "image-".concat((0, _dayjs.default)().format('YYYY-MM-DD-HH-mm'), ".png");
|
|
141
141
|
uploadFile = new File([uploadFile], newName, {
|
|
142
142
|
type: uploadFile.type
|
|
143
143
|
});
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
8
9
|
var _react = _interopRequireDefault(require("react"));
|
|
9
10
|
var _dtableUtils = require("dtable-utils");
|
|
10
11
|
var _baseFormatterConfig = _interopRequireDefault(require("../formatterConfig/base-formatter-config"));
|
|
@@ -36,7 +37,7 @@ class FormulaFormatter extends _react.default.Component {
|
|
|
36
37
|
} = this.props;
|
|
37
38
|
const gridCellClassName = this.getGridCellClassName(resultType);
|
|
38
39
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
39
|
-
className:
|
|
40
|
+
className: "dtable-ui cell-formatter-container formula-formatter ".concat(containerClassName, " ").concat(gridCellClassName),
|
|
40
41
|
title: cellValue,
|
|
41
42
|
"aria-label": cellValue,
|
|
42
43
|
children: cellValue
|
|
@@ -72,7 +73,7 @@ class FormulaFormatter extends _react.default.Component {
|
|
|
72
73
|
if (!Array.isArray(value)) {
|
|
73
74
|
cellValue = (0, _cellValueValidator.default)(value, array_type) ? [value] : [];
|
|
74
75
|
}
|
|
75
|
-
const contentItemClassName =
|
|
76
|
+
const contentItemClassName = "formula-formatter-content-item ".concat(_isSimpleCellFormatterColumn ? 'simple-cell-formatter' : '');
|
|
76
77
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
77
78
|
className: "dtable-ui formula-formatter multiple",
|
|
78
79
|
children: cellValue.map((v, index) => {
|
|
@@ -80,7 +81,7 @@ class FormulaFormatter extends _react.default.Component {
|
|
|
80
81
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
81
82
|
className: contentItemClassName,
|
|
82
83
|
children: this.createColumnFormatter(Formatter, formatterProps)
|
|
83
|
-
},
|
|
84
|
+
}, "formula-formatter-content-item-".concat(index));
|
|
84
85
|
})
|
|
85
86
|
});
|
|
86
87
|
};
|
|
@@ -105,27 +106,20 @@ class FormulaFormatter extends _react.default.Component {
|
|
|
105
106
|
}
|
|
106
107
|
default:
|
|
107
108
|
{
|
|
108
|
-
return {
|
|
109
|
-
...array_data,
|
|
109
|
+
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, array_data), {}, {
|
|
110
110
|
collaborators
|
|
111
|
-
};
|
|
111
|
+
});
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
114
|
};
|
|
115
115
|
}
|
|
116
116
|
createColumnFormatter(Formatter, formatterProps) {
|
|
117
117
|
if (/*#__PURE__*/_react.default.isValidElement(Formatter)) {
|
|
118
|
-
return /*#__PURE__*/_react.default.cloneElement(Formatter, {
|
|
119
|
-
...formatterProps
|
|
120
|
-
});
|
|
118
|
+
return /*#__PURE__*/_react.default.cloneElement(Formatter, (0, _objectSpread2.default)({}, formatterProps));
|
|
121
119
|
} else if ((0, _utils2.isFunction)(Formatter)) {
|
|
122
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Formatter, {
|
|
123
|
-
...formatterProps
|
|
124
|
-
});
|
|
120
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Formatter, (0, _objectSpread2.default)({}, formatterProps));
|
|
125
121
|
}
|
|
126
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextFormatter.default, {
|
|
127
|
-
...formatterProps
|
|
128
|
-
});
|
|
122
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextFormatter.default, (0, _objectSpread2.default)({}, formatterProps));
|
|
129
123
|
}
|
|
130
124
|
render() {
|
|
131
125
|
const {
|
|
@@ -6,23 +6,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.default = void 0;
|
|
9
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
10
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
9
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
12
|
var _reactResponsive = _interopRequireDefault(require("react-responsive"));
|
|
11
13
|
var _pcEditor = _interopRequireDefault(require("./pc-editor"));
|
|
12
14
|
var _mbEditor = _interopRequireDefault(require("./mb-editor"));
|
|
13
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
|
+
const _excluded = ["isMobile", "config"];
|
|
14
17
|
const GeolocationEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
15
18
|
let {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
isMobile,
|
|
20
|
+
config: propsConfig
|
|
21
|
+
} = _ref,
|
|
22
|
+
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
20
23
|
const config = (0, _react.useMemo)(() => {
|
|
21
24
|
var _window;
|
|
22
|
-
return {
|
|
23
|
-
...((_window = window) === null || _window === void 0 ? void 0 : _window.dtable),
|
|
24
|
-
...propsConfig
|
|
25
|
-
};
|
|
25
|
+
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (_window = window) === null || _window === void 0 ? void 0 : _window.dtable), propsConfig);
|
|
26
26
|
}, [propsConfig]);
|
|
27
27
|
const getLocationData = (0, _react.useCallback)(() => {
|
|
28
28
|
var _window2, _window2$app;
|
|
@@ -33,7 +33,7 @@ const GeolocationEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
|
33
33
|
server = '',
|
|
34
34
|
mediaUrl = ''
|
|
35
35
|
} = config || {};
|
|
36
|
-
return fetch(
|
|
36
|
+
return fetch("".concat(server).concat(mediaUrl, "geo-data/cn-location.json").replaceAll('//', '/')).then(res => {
|
|
37
37
|
// get locations from server
|
|
38
38
|
return res.json();
|
|
39
39
|
}).catch(() => {
|
|
@@ -55,11 +55,11 @@ const GeolocationEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
|
55
55
|
server = ''
|
|
56
56
|
} = config;
|
|
57
57
|
const geoFileName = lang === 'cn' ? 'cn-region-location' : 'en-region-location';
|
|
58
|
-
return fetch(
|
|
58
|
+
return fetch("".concat(server).concat(mediaUrl, "geo-data/").concat(geoFileName, ".json").replaceAll('//', '/')).then(res => {
|
|
59
59
|
return res.json();
|
|
60
60
|
}).catch(() => {
|
|
61
61
|
// get locations from local
|
|
62
|
-
return fetch(
|
|
62
|
+
return fetch("./geo-data/".concat(geoFileName, ".json")).then(res => {
|
|
63
63
|
return res.json();
|
|
64
64
|
});
|
|
65
65
|
}).then(res => {
|
|
@@ -72,39 +72,35 @@ const GeolocationEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
|
72
72
|
return data;
|
|
73
73
|
});
|
|
74
74
|
}, [config]);
|
|
75
|
-
if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
|
|
76
|
-
...props,
|
|
75
|
+
if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
|
|
77
76
|
config: config,
|
|
78
77
|
getLocationData: getLocationData,
|
|
79
78
|
getCountryData: getCountryData,
|
|
80
79
|
ref: ref
|
|
81
|
-
});
|
|
82
|
-
if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
|
|
83
|
-
...props,
|
|
80
|
+
}));
|
|
81
|
+
if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
|
|
84
82
|
config: config,
|
|
85
83
|
getLocationData: getLocationData,
|
|
86
84
|
getCountryData: getCountryData,
|
|
87
85
|
ref: ref
|
|
88
|
-
});
|
|
86
|
+
}));
|
|
89
87
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
90
88
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
|
|
91
89
|
query: "(min-width: 768px)",
|
|
92
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
|
|
93
|
-
...props,
|
|
90
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
|
|
94
91
|
config: config,
|
|
95
92
|
getLocationData: getLocationData,
|
|
96
93
|
getCountryData: getCountryData,
|
|
97
94
|
ref: ref
|
|
98
|
-
})
|
|
95
|
+
}))
|
|
99
96
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
|
|
100
97
|
query: "(max-width: 768px)",
|
|
101
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
|
|
102
|
-
...props,
|
|
98
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
|
|
103
99
|
config: config,
|
|
104
100
|
getLocationData: getLocationData,
|
|
105
101
|
getCountryData: getCountryData,
|
|
106
102
|
ref: ref
|
|
107
|
-
})
|
|
103
|
+
}))
|
|
108
104
|
})]
|
|
109
105
|
});
|
|
110
106
|
});
|