framework7-react 8.0.0-beta.6 → 8.0.0-beta.7
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,7 @@ export interface PhotoBrowserProps {
|
|
|
9
9
|
init ?: boolean;
|
|
10
10
|
params ?: Object;
|
|
11
11
|
photos ?: Array<any>;
|
|
12
|
+
thumbs ?: Array<any>;
|
|
12
13
|
exposition ?: boolean;
|
|
13
14
|
expositionHideCaptions ?: boolean;
|
|
14
15
|
type ?: string;
|
|
@@ -19,6 +20,7 @@ export interface PhotoBrowserProps {
|
|
|
19
20
|
iconsColor ?: string;
|
|
20
21
|
swipeToClose ?: boolean;
|
|
21
22
|
pageBackLinkText ?: string;
|
|
23
|
+
popupCloseLinkIcon ?: boolean;
|
|
22
24
|
popupCloseLinkText ?: string;
|
|
23
25
|
navbarOfText ?: string;
|
|
24
26
|
navbarShowCount ?: boolean;
|
|
@@ -36,6 +38,7 @@ export interface PhotoBrowserProps {
|
|
|
36
38
|
renderPage ?: Function;
|
|
37
39
|
renderPopup ?: Function;
|
|
38
40
|
renderStandalone ?: Function;
|
|
41
|
+
renderThumb?: Function;
|
|
39
42
|
onPhotoBrowserOpen ?: (...args: any[]) => void;
|
|
40
43
|
onPhotoBrowserClose ?: (...args: any[]) => void;
|
|
41
44
|
onPhotoBrowserOpened ?: (...args: any[]) => void;
|
|
@@ -12,6 +12,7 @@ const PhotoBrowser = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
12
12
|
init = true,
|
|
13
13
|
params,
|
|
14
14
|
photos,
|
|
15
|
+
thumbs,
|
|
15
16
|
exposition = true,
|
|
16
17
|
expositionHideCaptions = false,
|
|
17
18
|
type,
|
|
@@ -22,6 +23,7 @@ const PhotoBrowser = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
22
23
|
iconsColor,
|
|
23
24
|
swipeToClose = true,
|
|
24
25
|
pageBackLinkText,
|
|
26
|
+
popupCloseLinkIcon,
|
|
25
27
|
popupCloseLinkText,
|
|
26
28
|
navbarOfText,
|
|
27
29
|
navbarShowCount,
|
|
@@ -38,7 +40,8 @@ const PhotoBrowser = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
38
40
|
renderPhoto,
|
|
39
41
|
renderPage,
|
|
40
42
|
renderPopup,
|
|
41
|
-
renderStandalone
|
|
43
|
+
renderStandalone,
|
|
44
|
+
renderThumb
|
|
42
45
|
} = props;
|
|
43
46
|
const open = index => {
|
|
44
47
|
return f7PhotoBrowser.current.open(index);
|
|
@@ -71,6 +74,14 @@ const PhotoBrowser = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
71
74
|
pb.swiper.update();
|
|
72
75
|
}
|
|
73
76
|
});
|
|
77
|
+
watchProp(thumbs, newValue => {
|
|
78
|
+
const pb = f7PhotoBrowser.current;
|
|
79
|
+
if (!pb) return;
|
|
80
|
+
pb.params.thumbs = newValue;
|
|
81
|
+
if (pb.opened && pb.thumbsSwiper) {
|
|
82
|
+
pb.thumbsSwiper.update();
|
|
83
|
+
}
|
|
84
|
+
});
|
|
74
85
|
const onMount = () => {
|
|
75
86
|
if (!init) return;
|
|
76
87
|
f7ready(() => {
|
|
@@ -80,6 +91,7 @@ const PhotoBrowser = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
80
91
|
} else {
|
|
81
92
|
paramsComputed = {
|
|
82
93
|
photos,
|
|
94
|
+
thumbs,
|
|
83
95
|
exposition,
|
|
84
96
|
expositionHideCaptions,
|
|
85
97
|
type,
|
|
@@ -91,6 +103,7 @@ const PhotoBrowser = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
91
103
|
swipeToClose,
|
|
92
104
|
pageBackLinkText,
|
|
93
105
|
popupCloseLinkText,
|
|
106
|
+
popupCloseLinkIcon,
|
|
94
107
|
navbarOfText,
|
|
95
108
|
navbarShowCount,
|
|
96
109
|
swiper,
|
|
@@ -106,7 +119,8 @@ const PhotoBrowser = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
106
119
|
renderPhoto,
|
|
107
120
|
renderPage,
|
|
108
121
|
renderPopup,
|
|
109
|
-
renderStandalone
|
|
122
|
+
renderStandalone,
|
|
123
|
+
renderThumb
|
|
110
124
|
};
|
|
111
125
|
}
|
|
112
126
|
Object.keys(paramsComputed).forEach(param => {
|
package/framework7-react.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 React 8.0.0-beta.
|
|
2
|
+
* Framework7 React 8.0.0-beta.7
|
|
3
3
|
* Build full featured iOS & Android apps using Framework7 & React
|
|
4
4
|
* https://framework7.io/react/
|
|
5
5
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Released under the MIT License
|
|
9
9
|
*
|
|
10
|
-
* Released on: March
|
|
10
|
+
* Released on: March 27, 2023
|
|
11
11
|
*/
|
|
12
12
|
import Framework7React from './shared/plugin.js';
|
|
13
13
|
import { f7, f7ready, theme } from './shared/f7.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "framework7-react",
|
|
3
|
-
"version": "8.0.0-beta.
|
|
3
|
+
"version": "8.0.0-beta.7",
|
|
4
4
|
"description": "Build full featured iOS & Android apps using Framework7 & React",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"type": "patreon",
|
|
48
48
|
"url": "https://www.patreon.com/framework7"
|
|
49
49
|
},
|
|
50
|
-
"releaseDate": "March
|
|
50
|
+
"releaseDate": "March 27, 2023"
|
|
51
51
|
}
|