fui-material 2.8.13 → 2.8.14
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/dist/f-ui-kit.es.js +422 -259
- package/dist/f-ui-kit.es.js.map +1 -1
- package/dist/f-ui-kit.umd.js +2 -2
- package/dist/f-ui-kit.umd.js.map +1 -1
- package/dist/index.css +1 -1
- package/dist/types/material/FImagePreview/FImagePreview.d.ts +10 -0
- package/dist/types/material/FImagePreview/index.d.ts +1 -0
- package/dist/types/material/FOpenImgFull/FOpenImgFull.d.ts +0 -85
- package/dist/types/material/FVideoPlayer/FVideoPlayer.d.ts +9 -0
- package/dist/types/material/FVideoPlayer/index.d.ts +1 -0
- package/dist/types/material/index.d.ts +2 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './FImagePreview';
|
|
@@ -1,98 +1,13 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Интерфейс пропсов для компонента `FOpenImgFull`.
|
|
4
|
-
*
|
|
5
|
-
* @interface IFOpenImgFull
|
|
6
|
-
*/
|
|
7
2
|
export interface IFOpenImgFull {
|
|
8
|
-
/**
|
|
9
|
-
* Уникальный идентификатор элемента.
|
|
10
|
-
* @type {string | undefined}
|
|
11
|
-
*/
|
|
12
3
|
id?: string;
|
|
13
|
-
/**
|
|
14
|
-
* Дополнительный CSS-класс для контейнера.
|
|
15
|
-
* @type {string | undefined}
|
|
16
|
-
*/
|
|
17
4
|
className?: string;
|
|
18
|
-
/**
|
|
19
|
-
* Инлайновые стили для диалогового окна.
|
|
20
|
-
* @type {React.CSSProperties | undefined}
|
|
21
|
-
*/
|
|
22
5
|
st?: React.CSSProperties;
|
|
23
|
-
/**
|
|
24
|
-
* Массив URL-адресов изображений.
|
|
25
|
-
* @type {string[]}
|
|
26
|
-
* @required
|
|
27
|
-
*/
|
|
28
6
|
imagesUrl: string[];
|
|
29
|
-
/**
|
|
30
|
-
* Индекс активного изображения.
|
|
31
|
-
* @type {number}
|
|
32
|
-
* @required
|
|
33
|
-
*/
|
|
34
7
|
selectedImg: number;
|
|
35
|
-
/**
|
|
36
|
-
* Функция изменения текущего изображения.
|
|
37
|
-
* @param {number} index - Новый индекс изображения.
|
|
38
|
-
* @returns {void}
|
|
39
|
-
*/
|
|
40
8
|
setSelectedImg: (index: number) => void;
|
|
41
|
-
/**
|
|
42
|
-
* Callback, вызываемый при закрытии диалога.
|
|
43
|
-
* @type {() => void | undefined}
|
|
44
|
-
*/
|
|
45
9
|
handleClose?: () => void;
|
|
46
|
-
/**
|
|
47
|
-
* Флаг открытия/закрытия модального окна.
|
|
48
|
-
* @type {boolean}
|
|
49
|
-
*/
|
|
50
10
|
openAndClose: boolean;
|
|
51
11
|
}
|
|
52
|
-
/**
|
|
53
|
-
* Компонент `FOpenImgFull` — модальное окно для просмотра изображений в полный экран с навигацией.
|
|
54
|
-
*
|
|
55
|
-
* Отображает:
|
|
56
|
-
* - текущее изображение по индексу `selectedImg`
|
|
57
|
-
* - стрелки навигации (влево/вправо)
|
|
58
|
-
* - кнопку закрытия (`FCloseIcon`)
|
|
59
|
-
*
|
|
60
|
-
* Используется в связке с `FDialog` и поддерживает кастомные стили и классы.
|
|
61
|
-
*
|
|
62
|
-
* @component
|
|
63
|
-
* @example
|
|
64
|
-
* // Базовое использование
|
|
65
|
-
* const [open, setOpen] = useState(true);
|
|
66
|
-
* const [selected, setSelected] = useState(0);
|
|
67
|
-
*
|
|
68
|
-
* <FOpenImgFull
|
|
69
|
-
* imagesUrl={['/img1.jpg', '/img2.png']}
|
|
70
|
-
* selectedImg={selected}
|
|
71
|
-
* setSelectedImg={setSelected}
|
|
72
|
-
* openAndClose={open}
|
|
73
|
-
* handleClose={() => setOpen(false)}
|
|
74
|
-
* />
|
|
75
|
-
*
|
|
76
|
-
* @example
|
|
77
|
-
* // С пользовательским стилем
|
|
78
|
-
* <FOpenImgFull
|
|
79
|
-
* imagesUrl={['/img1.jpg']}
|
|
80
|
-
* selectedImg={0}
|
|
81
|
-
* setSelectedImg={(i) => console.log(i)}
|
|
82
|
-
* openAndClose={true}
|
|
83
|
-
* st={{ maxWidth: '90%', maxHeight: '90%' }}
|
|
84
|
-
* />
|
|
85
|
-
*
|
|
86
|
-
* @param {string[]} imagesUrl - Массив ссылок на изображения.
|
|
87
|
-
* @param {number} selectedImg - Индекс текущего изображения.
|
|
88
|
-
* @param {(index: number) => void} setSelectedImg - Обработчик изменения изображения.
|
|
89
|
-
* @param {() => void} [handleClose] - Callback, вызывается при закрытии.
|
|
90
|
-
* @param {boolean} openAndClose - Флаг открытия/закрытия окна.
|
|
91
|
-
* @param {string} [id] - ID элемента.
|
|
92
|
-
* @param {string} [className] - Пользовательский CSS-класс.
|
|
93
|
-
* @param {React.CSSProperties} [st] - Инлайновые стили.
|
|
94
|
-
*
|
|
95
|
-
* @returns {JSX.Element | null} — Рендерит модальное окно с изображением или `null`, если данные некорректны.
|
|
96
|
-
*/
|
|
97
12
|
declare const FOpenImgFull: FC<IFOpenImgFull>;
|
|
98
13
|
export default FOpenImgFull;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './FVideoPlayer';
|
|
@@ -25,6 +25,8 @@ export { default as FPagination } from "./FPagination";
|
|
|
25
25
|
export { default as FTimeline } from "./TimelineComponents/FTimeline";
|
|
26
26
|
export { default as FTimelineCard } from "./TimelineComponents/FTimelineCard";
|
|
27
27
|
export { default as FOpenImgFull } from "./FOpenImgFull";
|
|
28
|
+
export { default as FImagePreview } from "./FImagePreview";
|
|
29
|
+
export { default as FVideoPlayer } from "./FVideoPlayer";
|
|
28
30
|
export { default as FAccordion } from "./FAccordion";
|
|
29
31
|
export { default as FInputFileForm } from "./FInputFileForm";
|
|
30
32
|
export { default as FFile } from "./FFile";
|