dtable-ui-component 6.0.25-alpha.2 → 6.0.25-alpha.3
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.
|
@@ -9,6 +9,8 @@ exports.default = void 0;
|
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
11
|
var _FileItemFormatter = _interopRequireDefault(require("../FileItemFormatter"));
|
|
12
|
+
var _url = require("../utils/url");
|
|
13
|
+
var _index = _interopRequireDefault(require("../ImagePreviewerLightbox/index"));
|
|
12
14
|
require("./index.css");
|
|
13
15
|
const FileFormatter = _ref => {
|
|
14
16
|
let {
|
|
@@ -21,9 +23,6 @@ const FileFormatter = _ref => {
|
|
|
21
23
|
workspaceID,
|
|
22
24
|
dtableUuid
|
|
23
25
|
} = _ref;
|
|
24
|
-
if (!Array.isArray(value) || value.length === 0) {
|
|
25
|
-
return null;
|
|
26
|
-
}
|
|
27
26
|
const [largeImageIndex, setLargeImageIndex] = (0, _react.useState)(-1);
|
|
28
27
|
const [fileImageUrlList, setFileImageUrlList] = (0, _react.useState)([]);
|
|
29
28
|
const getFileItemImageUrlList = (0, _react.useCallback)(value => {
|
|
@@ -35,7 +34,7 @@ const FileFormatter = _ref => {
|
|
|
35
34
|
} = fileItem;
|
|
36
35
|
let assetFileIndex = typeof url === 'string' ? url.indexOf('/asset') : -1;
|
|
37
36
|
if (assetFileIndex > -1) {
|
|
38
|
-
const isImage = imageCheck(name);
|
|
37
|
+
const isImage = (0, _url.imageCheck)(name);
|
|
39
38
|
if (isImage) {
|
|
40
39
|
newFileImageUrlList.push(url);
|
|
41
40
|
}
|
|
@@ -46,7 +45,7 @@ const FileFormatter = _ref => {
|
|
|
46
45
|
(0, _react.useEffect)(() => {
|
|
47
46
|
if (!isSupportOpenFile) return;
|
|
48
47
|
getFileItemImageUrlList(value);
|
|
49
|
-
}, [value, getFileItemImageUrlList]);
|
|
48
|
+
}, [value, getFileItemImageUrlList, isSupportOpenFile]);
|
|
50
49
|
const showLargeImage = (0, _react.useCallback)(imageIndex => {
|
|
51
50
|
setLargeImageIndex(imageIndex);
|
|
52
51
|
}, []);
|
|
@@ -64,7 +63,7 @@ const FileFormatter = _ref => {
|
|
|
64
63
|
previewerUrl = openFileUrl.replace('/asset', '/asset-preview');
|
|
65
64
|
window.open(previewerUrl, '_blank');
|
|
66
65
|
}
|
|
67
|
-
}, [fileImageUrlList, showLargeImage]);
|
|
66
|
+
}, [dtableUuid, fileImageUrlList, isSupportOpenFile, server, showLargeImage, workspaceID]);
|
|
68
67
|
const moveNext = (0, _react.useCallback)(() => {
|
|
69
68
|
setLargeImageIndex(prevIndex => (prevIndex + 1) % fileImageUrlList.length);
|
|
70
69
|
}, [fileImageUrlList]);
|
|
@@ -75,6 +74,9 @@ const FileFormatter = _ref => {
|
|
|
75
74
|
setLargeImageIndex(-1);
|
|
76
75
|
}, []);
|
|
77
76
|
const className = (0, _classnames.default)('dtable-ui cell-formatter-container file-formatter', containerClassName);
|
|
77
|
+
if (!Array.isArray(value) || value.length === 0) {
|
|
78
|
+
return null;
|
|
79
|
+
}
|
|
78
80
|
if (isSample) {
|
|
79
81
|
const item = value[0];
|
|
80
82
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -98,7 +100,7 @@ const FileFormatter = _ref => {
|
|
|
98
100
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
|
|
99
101
|
key: index
|
|
100
102
|
}, dom);
|
|
101
|
-
}), largeImageIndex > -1 && /*#__PURE__*/_react.default.createElement(
|
|
103
|
+
}), largeImageIndex > -1 && /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
102
104
|
server: server,
|
|
103
105
|
workspaceID: workspaceID,
|
|
104
106
|
dtableUuid: dtableUuid,
|