dtable-ui-component 6.0.107-alpha.0 → 6.0.107-isa.1
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/ImagePreviewerLightbox/index.css +6 -49
- package/lib/ImagePreviewerLightbox/index.js +7 -19
- package/lib/locales/de.json +0 -5
- package/lib/locales/en.json +0 -6
- package/lib/locales/es.json +0 -5
- package/lib/locales/fr.json +0 -5
- package/lib/locales/pt.json +0 -5
- package/lib/locales/ru.json +0 -5
- package/lib/locales/zh-CN.json +0 -5
- package/package.json +15 -13
|
@@ -4,61 +4,18 @@
|
|
|
4
4
|
}
|
|
5
5
|
|
|
6
6
|
.ril__outer .ril__toolbarItem {
|
|
7
|
-
|
|
8
|
-
display: flex;
|
|
9
|
-
justify-content: center;
|
|
10
|
-
align-items: center;
|
|
11
|
-
padding: 0;
|
|
7
|
+
height: 50px;
|
|
12
8
|
color: #fff;
|
|
9
|
+
display: inline-block;
|
|
10
|
+
font-size: 120%;
|
|
11
|
+
line-height: 50px;
|
|
12
|
+
max-width: 100%;
|
|
13
13
|
overflow: hidden;
|
|
14
|
+
padding: 0;
|
|
14
15
|
text-overflow: ellipsis;
|
|
15
16
|
white-space: nowrap;
|
|
16
17
|
}
|
|
17
18
|
|
|
18
|
-
.ril__outer .ril__toolbarItem button {
|
|
19
|
-
background-size: 20px;
|
|
20
|
-
width: 100%;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.ril__builtinButton:hover,
|
|
24
|
-
.ril__builtinButton:focus {
|
|
25
|
-
background-color: #666;
|
|
26
|
-
opacity: 1 !important;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.ril__viewOriginalButton {
|
|
30
|
-
height: 40px;
|
|
31
|
-
width: 178px!important;
|
|
32
|
-
-ms-flex-negative: 0;
|
|
33
|
-
background: #333;
|
|
34
|
-
border-radius: 8px;
|
|
35
|
-
color: #fff;
|
|
36
|
-
flex-shrink: 0;
|
|
37
|
-
font-size: 16px;
|
|
38
|
-
font-style: normal;
|
|
39
|
-
font-weight: 400;
|
|
40
|
-
line-height: normal
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.mobile-image-footer-choice .ril__builtinButton {
|
|
44
|
-
opacity: 1 !important;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.ril__builtinButton:hover,
|
|
48
|
-
.ril__builtinButton:focus {
|
|
49
|
-
background-color: #666 !important;
|
|
50
|
-
opacity: 1 !important;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.ril__builtinButtonDisabled {
|
|
54
|
-
cursor: default;
|
|
55
|
-
opacity: 0.5 !important;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
.ril__builtinButtonDisabled:hover {
|
|
59
|
-
opacity: 0.5 !important;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
19
|
.ril-caption .ril__builtinButton {
|
|
63
20
|
width: 24px;
|
|
64
21
|
}
|
|
@@ -42,11 +42,7 @@ function ImagePreviewerLightbox(props) {
|
|
|
42
42
|
return src;
|
|
43
43
|
});
|
|
44
44
|
const imagesLength = imageSrcList.length;
|
|
45
|
-
const
|
|
46
|
-
const URL = imageSrcList[currentImageIndex];
|
|
47
|
-
_react.default.useEffect(() => {
|
|
48
|
-
setCurrentImageIndex(imageIndex);
|
|
49
|
-
}, [imageIndex]);
|
|
45
|
+
const URL = imageSrcList[imageIndex];
|
|
50
46
|
|
|
51
47
|
// Handle URL has special symbol %$
|
|
52
48
|
let imageName = '';
|
|
@@ -73,18 +69,15 @@ function ImagePreviewerLightbox(props) {
|
|
|
73
69
|
children: imageName
|
|
74
70
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
75
71
|
className: "flex-shrink-0 pl-1",
|
|
76
|
-
children: ["(",
|
|
72
|
+
children: ["(", imageIndex + 1, "/", imagesLength, ")"]
|
|
77
73
|
})]
|
|
78
74
|
});
|
|
79
75
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactImageLightbox.default, {
|
|
80
|
-
imageItems: imageSrcList,
|
|
81
|
-
currentIndex: currentImageIndex,
|
|
82
|
-
setImageIndex: index => setCurrentImageIndex(index),
|
|
83
76
|
wrapperClassName: (0, _classnames.default)('dtable-ui-component', className),
|
|
84
77
|
imageTitle: imageTitleDOM,
|
|
85
78
|
mainSrc: mainSrc,
|
|
86
|
-
nextSrc: imageSrcList[(
|
|
87
|
-
prevSrc: imageSrcList[(
|
|
79
|
+
nextSrc: imageSrcList[(imageIndex + 1) % imagesLength],
|
|
80
|
+
prevSrc: imageSrcList[(imageIndex + imagesLength - 1) % imagesLength],
|
|
88
81
|
imagePadding: 70,
|
|
89
82
|
viewOriginalImageLabel: (0, _lang.getLocale)('View_original_image'),
|
|
90
83
|
enableRotate: canRotateImage,
|
|
@@ -95,19 +88,14 @@ function ImagePreviewerLightbox(props) {
|
|
|
95
88
|
onClickMoveDown: props.moveToNextRowImage,
|
|
96
89
|
onViewOriginal: props.onViewOriginal,
|
|
97
90
|
onRotateImage: canRotateImage ? deg => {
|
|
98
|
-
onRotateImage(
|
|
91
|
+
onRotateImage(imageIndex, deg);
|
|
99
92
|
} : null,
|
|
100
93
|
onClickDelete: !readOnly && deleteImage ? () => {
|
|
101
|
-
deleteImage(
|
|
94
|
+
deleteImage(imageIndex, 'previewer');
|
|
102
95
|
} : null,
|
|
103
96
|
onClickDownload: downloadImage ? () => {
|
|
104
97
|
downloadImage(URL);
|
|
105
|
-
} : null
|
|
106
|
-
zoomInTip: (0, _lang.getLocale)('Zoom_in'),
|
|
107
|
-
zoomOutTip: (0, _lang.getLocale)('Zoom_out'),
|
|
108
|
-
rotateTip: (0, _lang.getLocale)('Rotate_image'),
|
|
109
|
-
deleteTip: (0, _lang.getLocale)('Delete_image'),
|
|
110
|
-
downloadImageTip: (0, _lang.getLocale)('Download_image')
|
|
98
|
+
} : null
|
|
111
99
|
});
|
|
112
100
|
}
|
|
113
101
|
var _default = exports.default = ImagePreviewerLightbox;
|
package/lib/locales/de.json
CHANGED
|
@@ -23,11 +23,6 @@
|
|
|
23
23
|
"Specific_departments": "Bestimmte Bereiche",
|
|
24
24
|
"Deleted_department": "Gelöschter Bereich",
|
|
25
25
|
"View_original_image": "View original image",
|
|
26
|
-
"Rotate_image": "Rotate image",
|
|
27
|
-
"Delete_image": "delete image",
|
|
28
|
-
"Download_image": "Download image",
|
|
29
|
-
"Zoom_in": "Zoom in",
|
|
30
|
-
"Zoom_out": "Zoom out",
|
|
31
26
|
"Add_filter": "Filter hinzufügen",
|
|
32
27
|
"And": "Und",
|
|
33
28
|
"Or": "Oder",
|
package/lib/locales/en.json
CHANGED
|
@@ -23,12 +23,6 @@
|
|
|
23
23
|
"Specific_departments": "Specific departments",
|
|
24
24
|
"Deleted_department": "Deleted department",
|
|
25
25
|
"View_original_image": "View original image",
|
|
26
|
-
|
|
27
|
-
"Rotate_image": "Rotate image",
|
|
28
|
-
"Delete_image": "delete image",
|
|
29
|
-
"Download_image": "Download image",
|
|
30
|
-
"Zoom_in": "Zoom in",
|
|
31
|
-
"Zoom_out": "Zoom out",
|
|
32
26
|
"Add_filter": "Add filter",
|
|
33
27
|
"And": "And",
|
|
34
28
|
"Or": "Or",
|
package/lib/locales/es.json
CHANGED
|
@@ -23,11 +23,6 @@
|
|
|
23
23
|
"Specific_departments": "Specific departments",
|
|
24
24
|
"Deleted_department": "Deleted department",
|
|
25
25
|
"View_original_image": "View original image",
|
|
26
|
-
"Rotate_image": "Rotate image",
|
|
27
|
-
"Delete_image": "delete image",
|
|
28
|
-
"Download_image": "Download image",
|
|
29
|
-
"Zoom_in": "Zoom in",
|
|
30
|
-
"Zoom_out": "Zoom out",
|
|
31
26
|
"Add_filter": "Añadir filtro",
|
|
32
27
|
"And": "Y",
|
|
33
28
|
"Or": "O",
|
package/lib/locales/fr.json
CHANGED
|
@@ -23,11 +23,6 @@
|
|
|
23
23
|
"Specific_departments": "Départements spécifiques",
|
|
24
24
|
"Deleted_department": "Département supprimé",
|
|
25
25
|
"View_original_image": "View original image",
|
|
26
|
-
"Rotate_image": "Rotate image",
|
|
27
|
-
"Delete_image": "delete image",
|
|
28
|
-
"Download_image": "Download image",
|
|
29
|
-
"Zoom_in": "Zoom in",
|
|
30
|
-
"Zoom_out": "Zoom out",
|
|
31
26
|
"Add_filter": "Ajouter un filtre",
|
|
32
27
|
"And": "Et",
|
|
33
28
|
"Or": "Ou",
|
package/lib/locales/pt.json
CHANGED
|
@@ -23,11 +23,6 @@
|
|
|
23
23
|
"Specific_departments": "Specific departments",
|
|
24
24
|
"Deleted_department": "Deleted department",
|
|
25
25
|
"View_original_image": "View original image",
|
|
26
|
-
"Rotate_image": "Rotate image",
|
|
27
|
-
"Delete_image": "delete image",
|
|
28
|
-
"Download_image": "Download image",
|
|
29
|
-
"Zoom_in": "Zoom in",
|
|
30
|
-
"Zoom_out": "Zoom out",
|
|
31
26
|
"Add_filter": "Adicione o filtro",
|
|
32
27
|
"And": "E",
|
|
33
28
|
"Or": "Ou",
|
package/lib/locales/ru.json
CHANGED
|
@@ -23,11 +23,6 @@
|
|
|
23
23
|
"Specific_departments": "Указанные отделы",
|
|
24
24
|
"Deleted_department": "Удаленный отдел",
|
|
25
25
|
"View_original_image": "View original image",
|
|
26
|
-
"Rotate_image": "Rotate image",
|
|
27
|
-
"Delete_image": "delete image",
|
|
28
|
-
"Download_image": "Download image",
|
|
29
|
-
"Zoom_in": "Zoom in",
|
|
30
|
-
"Zoom_out": "Zoom out",
|
|
31
26
|
"Add_filter": "Добавить фильтр",
|
|
32
27
|
"And": "И",
|
|
33
28
|
"Or": "Или",
|
package/lib/locales/zh-CN.json
CHANGED
|
@@ -23,11 +23,6 @@
|
|
|
23
23
|
"Specific_departments": "具体部门",
|
|
24
24
|
"Deleted_department": "已删除部门",
|
|
25
25
|
"View_original_image": "View original image",
|
|
26
|
-
"Rotate_image": "旋转",
|
|
27
|
-
"Delete_image": "删除",
|
|
28
|
-
"Download_image": "下载",
|
|
29
|
-
"Zoom_in": "放大",
|
|
30
|
-
"Zoom_out": "缩小",
|
|
31
26
|
"Add_filter": "增加过滤条件",
|
|
32
27
|
"And": "并且",
|
|
33
28
|
"Or": "或者",
|
package/package.json
CHANGED
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "dtable-ui-component",
|
|
3
|
-
"version": "6.0.
|
|
3
|
+
"version": "6.0.107isa.1",
|
|
4
4
|
"main": "./lib/index.js",
|
|
5
|
+
"overrides": {
|
|
6
|
+
"@xmldom/xmldom": "^0.9.9"
|
|
7
|
+
},
|
|
5
8
|
"dependencies": {
|
|
6
|
-
"@seafile/react-image-lightbox": "
|
|
9
|
+
"@seafile/react-image-lightbox": "4.0.2",
|
|
7
10
|
"@seafile/seafile-calendar": "~0.0.32",
|
|
8
|
-
"@seafile/seafile-editor": "
|
|
11
|
+
"@seafile/seafile-editor": "^3.0.23",
|
|
9
12
|
"classnames": "~2.5.*",
|
|
10
13
|
"dayjs": "1.10.7",
|
|
11
14
|
"dtable-utils": "~5.0.27",
|
|
@@ -82,7 +85,7 @@
|
|
|
82
85
|
"@types/jest": "^29.5.10",
|
|
83
86
|
"autoprefixer": "10.4.5",
|
|
84
87
|
"babel-eslint": "10.0.1",
|
|
85
|
-
"babel-jest": "^
|
|
88
|
+
"babel-jest": "^30.3.0",
|
|
86
89
|
"babel-loader": "^8.2.3",
|
|
87
90
|
"babel-plugin-import": "^1.13.6",
|
|
88
91
|
"babel-plugin-named-asset-import": "^0.3.6",
|
|
@@ -92,7 +95,7 @@
|
|
|
92
95
|
"case-sensitive-paths-webpack-plugin": "^2.4.0",
|
|
93
96
|
"circular-dependency-plugin": "^5.2.2",
|
|
94
97
|
"css-loader": "^6.5.1",
|
|
95
|
-
"css-minimizer-webpack-plugin": "^
|
|
98
|
+
"css-minimizer-webpack-plugin": "^8.0.0",
|
|
96
99
|
"dotenv": "^10.0.0",
|
|
97
100
|
"dotenv-expand": "^5.1.0",
|
|
98
101
|
"eslint": "^8.3.0",
|
|
@@ -103,9 +106,11 @@
|
|
|
103
106
|
"fs-extra": "^10.0.0",
|
|
104
107
|
"html-webpack-plugin": "^5.5.0",
|
|
105
108
|
"identity-obj-proxy": "3.0.0",
|
|
106
|
-
"jest": "^
|
|
107
|
-
"jest-
|
|
108
|
-
"jest-
|
|
109
|
+
"jest": "^30.3.0",
|
|
110
|
+
"jest-cli": "^30.3.0",
|
|
111
|
+
"jest-environment-jsdom": "^30.3.0",
|
|
112
|
+
"jest-resolve": "^30.3.0",
|
|
113
|
+
"jest-watch-typeahead": "^3.0.1",
|
|
109
114
|
"less": "^4.2.0",
|
|
110
115
|
"less-loader": "^11.1.3",
|
|
111
116
|
"mini-css-extract-plugin": "^2.4.5",
|
|
@@ -133,11 +138,8 @@
|
|
|
133
138
|
"style-loader": "^3.3.1",
|
|
134
139
|
"terser-webpack-plugin": "^5.2.5",
|
|
135
140
|
"url-loader": "^4.1.1",
|
|
136
|
-
"
|
|
137
|
-
"webpack": "^5.
|
|
138
|
-
"webpack-dev-server": "^5.2.2",
|
|
139
|
-
"webpack-manifest-plugin": "^4.0.2",
|
|
140
|
-
"workbox-webpack-plugin": "^6.4.1",
|
|
141
|
+
"webpack": "^5.105.4",
|
|
142
|
+
"webpack-dev-server": "^5.2.3",
|
|
141
143
|
"worker-loader": "3.0.8"
|
|
142
144
|
}
|
|
143
145
|
}
|