mimir-ui-kit 1.1.9 → 1.2.0
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/NavigationButtons-B8tMfqrg.js +4907 -0
- package/dist/components/Image/Image.d.ts +12 -6
- package/dist/components/Image/Image.js +5 -1
- package/dist/components/MergedButton/MergedButton.d.ts +6 -0
- package/dist/components/Slider/NavigationButtons/NavigationButtons.d.ts +1 -0
- package/dist/components/Slider/NavigationButtons/NavigationButtons.js +7 -0
- package/dist/components/Slider/NavigationButtons/index.d.ts +1 -0
- package/dist/components/Slider/NavigationButtons/index.js +4 -0
- package/dist/components/Slider/Slider.d.ts +18 -0
- package/dist/components/Slider/Slider.js +11 -4909
- package/dist/components/index.d.ts +3 -1
- package/dist/components/index.js +4 -0
- package/dist/index.js +4 -0
- package/package.json +1 -1
@@ -1,15 +1,21 @@
|
|
1
|
-
import {
|
1
|
+
import { ReactElement, ComponentProps } from 'react';
|
2
2
|
|
3
|
-
|
3
|
+
type TProps = ComponentProps<'img'> & {
|
4
|
+
/**
|
5
|
+
* Дополнительный класс к компоненту
|
6
|
+
*/
|
4
7
|
className?: string;
|
5
8
|
/**
|
6
|
-
*
|
9
|
+
* Компонент, который буде показываться, пока идет загрузка изображения
|
7
10
|
*/
|
8
11
|
fallback?: ReactElement;
|
9
12
|
/**
|
10
|
-
*
|
13
|
+
* Компонент, который буде показываться, если произошла ошибка при загрузке изображения
|
11
14
|
*/
|
12
15
|
errorFallback?: ReactElement;
|
13
|
-
}
|
14
|
-
|
16
|
+
};
|
17
|
+
/**
|
18
|
+
* Компонент для отображения изображения с возможность показа загрузки и ошибки
|
19
|
+
*/
|
20
|
+
export declare const AppImage: import('react').MemoExoticComponent<(props: TProps) => import("react/jsx-runtime").JSX.Element>;
|
15
21
|
export {};
|
@@ -32,7 +32,11 @@ const AppImage = memo((props) => {
|
|
32
32
|
"img",
|
33
33
|
{
|
34
34
|
...otherProps,
|
35
|
-
style: {
|
35
|
+
style: {
|
36
|
+
display: "block",
|
37
|
+
filter: `${isLoading ? "blur(20px)" : ""}`,
|
38
|
+
transition: ".3s filter ease"
|
39
|
+
},
|
36
40
|
className,
|
37
41
|
loading: "lazy",
|
38
42
|
src,
|
@@ -5,7 +5,13 @@ export type TButtonPropsWithoutStyles = Omit<TButtonProps, 'clear' | 'variant' |
|
|
5
5
|
variant?: `${EMergedButtonVariantRound}` | EMergedButtonVariantRound;
|
6
6
|
};
|
7
7
|
type TProps = {
|
8
|
+
/**
|
9
|
+
* Массив кнопок, который отрисуется в контейнере
|
10
|
+
* */
|
8
11
|
buttons: TButtonPropsWithoutStyles[];
|
9
12
|
};
|
13
|
+
/**
|
14
|
+
* Компонент объединенных кнопок, с округлением у первой и последней кнопки, а так же с другими variant, нежели у обычного Button.
|
15
|
+
*/
|
10
16
|
export declare const MergedButton: import('react').MemoExoticComponent<({ buttons }: TProps) => import("react/jsx-runtime").JSX.Element>;
|
11
17
|
export {};
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare const NavigationButtons: import('react').MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
|
@@ -0,0 +1 @@
|
|
1
|
+
export { NavigationButtons } from './NavigationButtons';
|
@@ -1,14 +1,32 @@
|
|
1
1
|
|
2
2
|
type TProps = {
|
3
|
+
/**
|
4
|
+
* Задержка перехода между слайдами
|
5
|
+
*/
|
3
6
|
delay?: number;
|
7
|
+
/**
|
8
|
+
* Дополнительные классы для слайдов
|
9
|
+
*/
|
4
10
|
slideClassName?: string;
|
11
|
+
/**
|
12
|
+
* Дополнительные классы для слайдера
|
13
|
+
*/
|
5
14
|
swiperClassName?: string;
|
15
|
+
/**
|
16
|
+
* Дополнительные классы для картинок
|
17
|
+
*/
|
6
18
|
imageClassName?: string;
|
19
|
+
/**
|
20
|
+
* Массив данных для отрисовки слайдов.
|
21
|
+
*/
|
7
22
|
images?: {
|
8
23
|
image?: string;
|
9
24
|
url?: string;
|
10
25
|
id?: number;
|
11
26
|
}[];
|
12
27
|
};
|
28
|
+
/**
|
29
|
+
* Компонент слайдера c прогресс баром.
|
30
|
+
*/
|
13
31
|
export declare const Slider: ({ images, swiperClassName, slideClassName, imageClassName, delay }: TProps) => import("react/jsx-runtime").JSX.Element;
|
14
32
|
export {};
|