@vkontakte/vkui 7.6.0 → 7.6.2
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/components/ImageBase/ImageBaseBadge/ImageBaseBadge.d.ts +1 -1
- package/dist/components/ImageBase/ImageBaseBadge/ImageBaseBadge.js.map +1 -1
- package/dist/components/MiniInfoCell/MiniInfoCell.d.ts +3 -2
- package/dist/components/MiniInfoCell/MiniInfoCell.d.ts.map +1 -1
- package/dist/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
- package/dist/components/ModalCard/types.d.ts +2 -0
- package/dist/components/ModalCard/types.d.ts.map +1 -1
- package/dist/components/ModalCard/types.js.map +1 -1
- package/dist/components/ModalPage/types.d.ts +2 -0
- package/dist/components/ModalPage/types.d.ts.map +1 -1
- package/dist/components/ModalPage/types.js.map +1 -1
- package/dist/components/ModalRoot/types.d.ts +2 -0
- package/dist/components/ModalRoot/types.d.ts.map +1 -1
- package/dist/components/ModalRoot/types.js.map +1 -1
- package/dist/components.css +1 -1
- package/dist/components.css.map +1 -1
- package/dist/cssm/components/Button/Button.module.css +36 -12
- package/dist/cssm/components/ImageBase/ImageBaseBadge/ImageBaseBadge.js.map +1 -1
- package/dist/cssm/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
- package/dist/cssm/components/ModalCard/types.js.map +1 -1
- package/dist/cssm/components/ModalPage/types.js.map +1 -1
- package/dist/cssm/components/ModalRoot/types.js.map +1 -1
- package/dist/cssm/components/RichCell/RichCell.module.css +4 -2
- package/dist/cssm/lib/animation/useCSSTransition.js +44 -15
- package/dist/cssm/lib/animation/useCSSTransition.js.map +1 -1
- package/dist/cssm/styles/dynamicTokens.css +14 -2
- package/dist/lib/animation/useCSSTransition.d.ts.map +1 -1
- package/dist/lib/animation/useCSSTransition.js +44 -15
- package/dist/lib/animation/useCSSTransition.js.map +1 -1
- package/dist/vkui.css +1 -1
- package/dist/vkui.css.map +1 -1
- package/package.json +1 -1
- package/src/components/Button/Button.module.css +30 -12
- package/src/components/Button/Button.module.css.d.ts.map +1 -1
- package/src/components/ImageBase/ImageBaseBadge/ImageBaseBadge.tsx +1 -1
- package/src/components/MiniInfoCell/MiniInfoCell.tsx +8 -3
- package/src/components/ModalCard/types.ts +2 -0
- package/src/components/ModalPage/types.ts +2 -0
- package/src/components/ModalRoot/types.ts +2 -0
- package/src/components/RichCell/RichCell.module.css +4 -2
- package/src/components/RichCell/RichCell.module.css.d.ts.map +1 -1
- package/src/lib/animation/useCSSTransition.ts +56 -17
- package/src/styles/dynamicTokens.css +13 -2
package/package.json
CHANGED
|
@@ -87,8 +87,7 @@
|
|
|
87
87
|
padding-inline-start: var(--vkui--size_button_base_small_padding_horizontal--regular);
|
|
88
88
|
}
|
|
89
89
|
|
|
90
|
-
.sizeS .content:last-child
|
|
91
|
-
.sizeS .after {
|
|
90
|
+
.sizeS .content:last-child {
|
|
92
91
|
padding-inline-end: var(--vkui--size_button_base_small_padding_horizontal--regular);
|
|
93
92
|
}
|
|
94
93
|
|
|
@@ -96,8 +95,7 @@
|
|
|
96
95
|
padding-inline-start: var(--vkui--size_button_base_medium_padding_horizontal--regular);
|
|
97
96
|
}
|
|
98
97
|
|
|
99
|
-
.sizeM .content:last-child
|
|
100
|
-
.sizeM .after {
|
|
98
|
+
.sizeM .content:last-child {
|
|
101
99
|
padding-inline-end: var(--vkui--size_button_base_medium_padding_horizontal--regular);
|
|
102
100
|
}
|
|
103
101
|
|
|
@@ -105,8 +103,7 @@
|
|
|
105
103
|
padding-inline-start: var(--vkui--size_button_base_large_padding_horizontal--regular);
|
|
106
104
|
}
|
|
107
105
|
|
|
108
|
-
.sizeL .content:last-child
|
|
109
|
-
.sizeL .after {
|
|
106
|
+
.sizeL .content:last-child {
|
|
110
107
|
padding-inline-end: var(--vkui--size_button_base_large_padding_horizontal--regular);
|
|
111
108
|
}
|
|
112
109
|
|
|
@@ -122,12 +119,23 @@
|
|
|
122
119
|
padding-inline-start: var(--vkui--size_button_base_large_padding_horizontal_icon--regular);
|
|
123
120
|
}
|
|
124
121
|
|
|
122
|
+
.sizeS .after {
|
|
123
|
+
padding-inline-end: var(--vkui--size_button_base_small_padding_horizontal_icon--regular);
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.sizeM .after {
|
|
127
|
+
padding-inline-end: var(--vkui--size_button_base_medium_padding_horizontal_icon--regular);
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.sizeL .after {
|
|
131
|
+
padding-inline-end: var(--vkui--size_button_base_large_padding_horizontal_icon--regular);
|
|
132
|
+
}
|
|
133
|
+
|
|
125
134
|
.modeTertiary.sizeS .content:first-child {
|
|
126
135
|
padding-inline-start: var(--vkui--size_button_tertiary_small_padding_horizontal--regular);
|
|
127
136
|
}
|
|
128
137
|
|
|
129
|
-
.modeTertiary.sizeS .content:last-child
|
|
130
|
-
.modeTertiary.sizeS .after {
|
|
138
|
+
.modeTertiary.sizeS .content:last-child {
|
|
131
139
|
padding-inline-end: var(--vkui--size_button_tertiary_small_padding_horizontal--regular);
|
|
132
140
|
}
|
|
133
141
|
|
|
@@ -135,8 +143,7 @@
|
|
|
135
143
|
padding-inline-start: var(--vkui--size_button_tertiary_medium_padding_horizontal--regular);
|
|
136
144
|
}
|
|
137
145
|
|
|
138
|
-
.modeTertiary.sizeM .content:last-child
|
|
139
|
-
.modeTertiary.sizeM .after {
|
|
146
|
+
.modeTertiary.sizeM .content:last-child {
|
|
140
147
|
padding-inline-end: var(--vkui--size_button_tertiary_medium_padding_horizontal--regular);
|
|
141
148
|
}
|
|
142
149
|
|
|
@@ -144,8 +151,7 @@
|
|
|
144
151
|
padding-inline-start: var(--vkui--size_button_tertiary_large_padding_horizontal--regular);
|
|
145
152
|
}
|
|
146
153
|
|
|
147
|
-
.modeTertiary.sizeL .content:last-child
|
|
148
|
-
.modeTertiary.sizeL .after {
|
|
154
|
+
.modeTertiary.sizeL .content:last-child {
|
|
149
155
|
padding-inline-end: var(--vkui--size_button_tertiary_large_padding_horizontal--regular);
|
|
150
156
|
}
|
|
151
157
|
|
|
@@ -161,6 +167,18 @@
|
|
|
161
167
|
padding-inline-start: var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular);
|
|
162
168
|
}
|
|
163
169
|
|
|
170
|
+
.modeTertiary.sizeS .after {
|
|
171
|
+
padding-inline-end: var(--vkui--size_button_tertiary_small_padding_horizontal_icon--regular);
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
.modeTertiary.sizeM .after {
|
|
175
|
+
padding-inline-end: var(--vkui--size_button_tertiary_medium_padding_horizontal_icon--regular);
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.modeTertiary.sizeL .after {
|
|
179
|
+
padding-inline-end: var(--vkui--size_button_tertiary_large_padding_horizontal_icon--regular);
|
|
180
|
+
}
|
|
181
|
+
|
|
164
182
|
.singleIcon .after,
|
|
165
183
|
.singleIcon .before,
|
|
166
184
|
.modeTertiary.singleIcon .after,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["./Button.module.css"],"names":["host","rounded","loading","disabled","singleIcon","sizeYRegular","sizeYNone","stretched","in","alignLeft","alignRight","modePrimary","appearanceOverlay","appearanceNegative","appearancePositive","modeSecondary","modeTertiary","modeOutline","content","sizeS","
|
|
1
|
+
{"version":3,"sources":["./Button.module.css"],"names":["host","rounded","loading","disabled","singleIcon","sizeYRegular","sizeYNone","stretched","in","alignLeft","alignRight","modePrimary","appearanceOverlay","appearanceNegative","appearancePositive","modeSecondary","modeTertiary","modeOutline","content","sizeS","sizeM","sizeL","before","after","modeLink","spinner","appearanceAccent","hover","active","appearanceNeutral","appearanceAccentInvariable","ios"],"mappings":"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","file":"Button.module.css.d.ts","sourceRoot":""}
|
|
@@ -29,7 +29,7 @@ export interface ImageBaseBadgeProps extends HTMLAttributesWithRootRef<HTMLDivEl
|
|
|
29
29
|
* Вид подложки под иконку.
|
|
30
30
|
*
|
|
31
31
|
* - `"stroke"` – имитирует вырез (⚠️ если фон под компонентом динамический, то ожидайте баг).
|
|
32
|
-
* - `"shadow"` – добавляет небольшую
|
|
32
|
+
* - `"shadow"` – добавляет небольшую тень (⚠️ если фон под компонентом динамический, то ожидайте баг).
|
|
33
33
|
*/
|
|
34
34
|
background?: 'stroke' | 'shadow';
|
|
35
35
|
/**
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { Icon16Chevron } from '@vkontakte/icons';
|
|
3
3
|
import { classNames, hasReactNode } from '@vkontakte/vkjs';
|
|
4
|
-
import type
|
|
5
|
-
import { Tappable } from '../Tappable/Tappable';
|
|
4
|
+
import { type RootComponentProps } from '../RootComponent/RootComponent';
|
|
5
|
+
import { Tappable, type TappableOmitProps } from '../Tappable/Tappable';
|
|
6
6
|
import { Paragraph } from '../Typography/Paragraph/Paragraph';
|
|
7
7
|
import styles from './MiniInfoCell.module.css';
|
|
8
8
|
|
|
@@ -18,7 +18,12 @@ const stylesTextWrap = {
|
|
|
18
18
|
short: styles.textWrapShort,
|
|
19
19
|
};
|
|
20
20
|
|
|
21
|
-
export interface MiniInfoCellProps
|
|
21
|
+
export interface MiniInfoCellProps
|
|
22
|
+
extends Pick<
|
|
23
|
+
TappableOmitProps,
|
|
24
|
+
'hoverMode' | 'activeMode' | 'hovered' | 'activated' | 'hasHover' | 'hasActive'
|
|
25
|
+
>,
|
|
26
|
+
RootComponentProps<HTMLDivElement> {
|
|
22
27
|
/**
|
|
23
28
|
* Иконка слева.<br />
|
|
24
29
|
* Рекомендуется использовать иконки размера 20.
|
|
@@ -28,6 +28,8 @@ export interface ModalCardProps
|
|
|
28
28
|
keepMounted?: boolean;
|
|
29
29
|
/**
|
|
30
30
|
* Отключает фокус на интерактивный элемент после открытия модалки.
|
|
31
|
+
*
|
|
32
|
+
* > Важно установить фокус после открытия в любое место модалки используя событие `onOpened`, иначе не будет работать закрытие по нажатию `Esc`.
|
|
31
33
|
*/
|
|
32
34
|
noFocusToDialog?: boolean;
|
|
33
35
|
/**
|
|
@@ -66,6 +66,8 @@ export interface ModalPageProps
|
|
|
66
66
|
dynamicContentHeight?: boolean;
|
|
67
67
|
/**
|
|
68
68
|
* Отключает фокус на интерактивный элемент после открытия модалки.
|
|
69
|
+
*
|
|
70
|
+
* > Важно установить фокус после открытия в любое место модалки используя событие `onOpened`, иначе не будет работать закрытие по нажатию `Esc`.
|
|
69
71
|
*/
|
|
70
72
|
noFocusToDialog?: boolean;
|
|
71
73
|
/**
|
|
@@ -101,6 +101,8 @@ type ModalRootBaseProps = {
|
|
|
101
101
|
|
|
102
102
|
/**
|
|
103
103
|
* Отключает фокус на контейнер диалогового окна при открытии.
|
|
104
|
+
*
|
|
105
|
+
* > Важно установить фокус после открытия в любое место модалки используя событие `onOpened`, иначе не будет работать закрытие по нажатию `Esc`.
|
|
104
106
|
*/
|
|
105
107
|
noFocusToDialog?: boolean;
|
|
106
108
|
|
|
@@ -32,11 +32,13 @@
|
|
|
32
32
|
max-inline-size: 100%;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
.host.withAfter:not(.alignAfterStart).contentAlignStart .in
|
|
35
|
+
.host.withAfter:not(.alignAfterStart).contentAlignStart .in,
|
|
36
|
+
.host:not(.withAfter).contentAlignStart .in {
|
|
36
37
|
justify-content: flex-start;
|
|
37
38
|
}
|
|
38
39
|
|
|
39
|
-
.host.withAfter:not(.alignAfterStart).contentAlignEnd .in
|
|
40
|
+
.host.withAfter:not(.alignAfterStart).contentAlignEnd .in,
|
|
41
|
+
.host:not(.withAfter).contentAlignEnd .in {
|
|
40
42
|
justify-content: flex-end;
|
|
41
43
|
}
|
|
42
44
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["./RichCell.module.css"],"names":["host","sizeYCompact","sizeYNone","before","in","withAfter","alignAfterStart","contentAlignStart","contentAlignEnd","content","contentBefore","contentAlignCenter","contentAfter","alignBeforeStart","alignBeforeCenter","alignAfterCenter","alignBeforeEnd","alignAfterEnd","afterChildren","afterCaption","overTitle","extraSubtitle","children","textEllipsis","subtitle","bottom","actions"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAWAC,c,WAXA;AAAA,E,aAgBEC,W,WAhBF;AAAA,E,aAqBAC,Q,WArBA;AAAA,E,aAyBAC,I,WAzBA;AAAA,E,aAkCAJ,M,WAlCA;AAAA,E,aAkCKK,W,WAlCL;AAAA,E,aAkCoBC,iB,WAlCpB;AAAA,E,aAkCqCC,mB,WAlCrC;AAAA,E,aAkCwDH,I,WAlCxD;AAAA,E,
|
|
1
|
+
{"version":3,"sources":["./RichCell.module.css"],"names":["host","sizeYCompact","sizeYNone","before","in","withAfter","alignAfterStart","contentAlignStart","contentAlignEnd","content","contentBefore","contentAlignCenter","contentAfter","alignBeforeStart","alignBeforeCenter","alignAfterCenter","alignBeforeEnd","alignAfterEnd","afterChildren","afterCaption","overTitle","extraSubtitle","children","textEllipsis","subtitle","bottom","actions"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAWAC,c,WAXA;AAAA,E,aAgBEC,W,WAhBF;AAAA,E,aAqBAC,Q,WArBA;AAAA,E,aAyBAC,I,WAzBA;AAAA,E,aAkCAJ,M,WAlCA;AAAA,E,aAkCKK,W,WAlCL;AAAA,E,aAkCoBC,iB,WAlCpB;AAAA,E,aAkCqCC,mB,WAlCrC;AAAA,E,aAkCwDH,I,WAlCxD;AAAA,E,aAmCAJ,M,WAnCA;AAAA,E,aAmCUK,W,WAnCV;AAAA,E,aAmCqBE,mB,WAnCrB;AAAA,E,aAmCwCH,I,WAnCxC;AAAA,E,aAuCAJ,M,WAvCA;AAAA,E,aAuCKK,W,WAvCL;AAAA,E,aAuCoBC,iB,WAvCpB;AAAA,E,aAuCqCE,iB,WAvCrC;AAAA,E,aAuCsDJ,I,WAvCtD;AAAA,E,aAwCAJ,M,WAxCA;AAAA,E,aAwCUK,W,WAxCV;AAAA,E,aAwCqBG,iB,WAxCrB;AAAA,E,aAwCsCJ,I,WAxCtC;AAAA,E,aA4CAK,S,WA5CA;AAAA,E,aAiDAC,e,WAjDA;AAAA,E,aAwDAJ,iB,WAxDA;AAAA,E,aAwDgBC,mB,WAxDhB;AAAA,E,aAwDmCG,e,WAxDnC;AAAA,E,aA4DAJ,iB,WA5DA;AAAA,E,aA4DgBK,oB,WA5DhB;AAAA,E,aA4DoCD,e,WA5DpC;AAAA,E,aAgEAJ,iB,WAhEA;AAAA,E,aAgEgBE,iB,WAhEhB;AAAA,E,aAgEiCE,e,WAhEjC;AAAA,E,aAoEAE,c,WApEA;AAAA,E,aA6EAC,kB,WA7EA;AAAA,E,aA6EkBV,Q,WA7ElB;AAAA,E,aA8EAG,iB,WA9EA;AAAA,E,aA8EiBM,c,WA9EjB;AAAA,E,aAkFAE,mB,WAlFA;AAAA,E,aAkFmBX,Q,WAlFnB;AAAA,E,aAmFAY,kB,WAnFA;AAAA,E,aAmFkBH,c,WAnFlB;AAAA,E,aAuFAI,gB,WAvFA;AAAA,E,aAuFgBb,Q,WAvFhB;AAAA,E,aAwFAc,e,WAxFA;AAAA,E,aAwFeL,c,WAxFf;AAAA,E,aA4FAM,e,WA5FA;AAAA,E,aAgGAC,c,WAhGA;AAAA,E,aAuGAlB,c,WAvGA;AAAA,E,aAuGckB,c,WAvGd;AAAA,E,aA6GEjB,W,WA7GF;AAAA,E,aA6GaiB,c,WA7Gb;AAAA,E,aAmHAC,W,WAnHA;AAAA,E,aAuHAC,e,WAvHA;AAAA,E,aA4HAC,U,WA5HA;AAAA,E,aAgIAC,c,WAhIA;AAAA,E,aAgIcH,W,WAhId;AAAA,E,aAiIAG,c,WAjIA;AAAA,E,aAiIcD,U,WAjId;AAAA,E,aAkIAC,c,WAlIA;AAAA,E,aAkIcC,U,WAlId;AAAA,E,aAmIAD,c,WAnIA;AAAA,E,aAmIcF,e,WAnId;AAAA,E,aA0IAI,Q,WA1IA;AAAA,E,aA8IAC,S,WA9IA;AAAA,E,aAkJAJ,U,WAlJA;AAAA,E,aAmJAE,U,WAnJA;AAAA,E,aAoJAN,e,WApJA;AAAA,E,aAyJAjB,c,WAzJA;AAAA,E,aAyJcqB,U,WAzJd;AAAA,E,aA0JArB,c,WA1JA;AAAA,E,aA0JcuB,U,WA1Jd;AAAA,E,aA2JAvB,c,WA3JA;AAAA,E,aA2JciB,e,WA3Jd;AAAA,E,aAiKEhB,W,WAjKF;AAAA,E,aAiKaoB,U,WAjKb;AAAA,E,aAkKIpB,W,WAlKJ;AAAA,E,aAkKesB,U,WAlKf;AAAA,E,aAmKItB,W,WAnKJ;AAAA,E,aAmKegB,e,WAnKf;AAAA,E,aA8K+BlB,M,WA9K/B;AAAA,E,aAmLEE,W,WAnLF;AAAA;AAAA","file":"RichCell.module.css.d.ts","sourceRoot":""}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { type TransitionEvent, type TransitionEventHandler,
|
|
1
|
+
import { type TransitionEvent, type TransitionEventHandler, useRef, useState } from 'react';
|
|
2
2
|
import { noop } from '@vkontakte/vkjs';
|
|
3
3
|
import { useStableCallback } from '../../hooks/useStableCallback';
|
|
4
|
-
import {
|
|
4
|
+
import { millisecondsInSecond } from '../date';
|
|
5
|
+
import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect';
|
|
5
6
|
|
|
6
7
|
/* istanbul ignore next: особенность рендера в браузере когда меняется className, в Jest не воспроизвести */
|
|
7
8
|
const forceReflowForFixNewMountedElement = (node: Element | null) => void node?.scrollTop;
|
|
@@ -37,6 +38,8 @@ export type UseCSSTransition<Ref extends Element = Element> = [
|
|
|
37
38
|
},
|
|
38
39
|
];
|
|
39
40
|
|
|
41
|
+
const TRANSITION_FALLBACK_DELAY = 100;
|
|
42
|
+
|
|
40
43
|
/**
|
|
41
44
|
* Хук основан на компоненте `CSSTransition` из библиотеки `react-transition-group`.
|
|
42
45
|
*
|
|
@@ -64,9 +67,10 @@ export const useCSSTransition = <Ref extends Element = Element>(
|
|
|
64
67
|
const onExit = useStableCallback(onExitProp || noop);
|
|
65
68
|
const onExiting = useStableCallback(onExitingProp || noop);
|
|
66
69
|
const onExited = useStableCallback(onExitedProp || noop);
|
|
70
|
+
const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
|
|
67
71
|
|
|
68
72
|
const ref = useRef<Ref | null>(null);
|
|
69
|
-
const [
|
|
73
|
+
const [state, setState] = useState<UseCSSTransitionState>(() => {
|
|
70
74
|
if (!inProp) {
|
|
71
75
|
return 'exited';
|
|
72
76
|
}
|
|
@@ -79,7 +83,14 @@ export const useCSSTransition = <Ref extends Element = Element>(
|
|
|
79
83
|
return 'entered';
|
|
80
84
|
});
|
|
81
85
|
|
|
82
|
-
|
|
86
|
+
const clearTimer = () => {
|
|
87
|
+
if (timerRef.current) {
|
|
88
|
+
clearTimeout(timerRef.current);
|
|
89
|
+
timerRef.current = null;
|
|
90
|
+
}
|
|
91
|
+
};
|
|
92
|
+
|
|
93
|
+
useIsomorphicLayoutEffect(
|
|
83
94
|
function updateState() {
|
|
84
95
|
if (inProp) {
|
|
85
96
|
switch (state) {
|
|
@@ -150,9 +161,6 @@ export const useCSSTransition = <Ref extends Element = Element>(
|
|
|
150
161
|
inProp,
|
|
151
162
|
|
|
152
163
|
state,
|
|
153
|
-
prevState,
|
|
154
|
-
setState,
|
|
155
|
-
|
|
156
164
|
enableAppear,
|
|
157
165
|
enableEnter,
|
|
158
166
|
onEnter,
|
|
@@ -166,27 +174,58 @@ export const useCSSTransition = <Ref extends Element = Element>(
|
|
|
166
174
|
],
|
|
167
175
|
);
|
|
168
176
|
|
|
169
|
-
const
|
|
170
|
-
|
|
171
|
-
if (event.target !== ref.current) {
|
|
172
|
-
return;
|
|
173
|
-
}
|
|
177
|
+
const completeTransition = useStableCallback((event?: TransitionEvent) => {
|
|
178
|
+
clearTimer();
|
|
174
179
|
|
|
175
180
|
switch (state) {
|
|
176
181
|
case 'appearing':
|
|
177
182
|
setState('appeared');
|
|
178
|
-
onEntered(event
|
|
183
|
+
onEntered(event?.propertyName, true);
|
|
179
184
|
break;
|
|
180
185
|
case 'entering':
|
|
181
186
|
setState('entered');
|
|
182
|
-
onEntered(event
|
|
187
|
+
onEntered(event?.propertyName);
|
|
183
188
|
break;
|
|
184
189
|
case 'exiting':
|
|
185
190
|
setState('exited');
|
|
186
|
-
onExited(event
|
|
191
|
+
onExited(event?.propertyName);
|
|
187
192
|
break;
|
|
188
193
|
}
|
|
189
|
-
};
|
|
194
|
+
});
|
|
195
|
+
|
|
196
|
+
useIsomorphicLayoutEffect(
|
|
197
|
+
function scheduleTransitionCompletionFallback() {
|
|
198
|
+
const el = ref.current;
|
|
199
|
+
if (!el) {
|
|
200
|
+
return;
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
if (state === 'appearing' || state === 'entering' || state === 'exiting') {
|
|
204
|
+
const style = getComputedStyle(el);
|
|
205
|
+
|
|
206
|
+
const parseTime = (s: string) =>
|
|
207
|
+
s.includes('ms') ? parseFloat(s) : parseFloat(s) * millisecondsInSecond;
|
|
208
|
+
|
|
209
|
+
const duration =
|
|
210
|
+
Math.max(...style.transitionDuration.split(',').map(parseTime)) +
|
|
211
|
+
Math.max(...style.transitionDelay.split(',').map(parseTime));
|
|
212
|
+
|
|
213
|
+
if (duration <= 0) {
|
|
214
|
+
completeTransition();
|
|
215
|
+
return;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
// fallback если onTransitionEnd не пришёл
|
|
219
|
+
// TRANSITION_FALLBACK_DELAY, чтобы минимизировать вероятность,
|
|
220
|
+
// что setTimeout сработает раньше onTransitionEnd
|
|
221
|
+
timerRef.current = setTimeout(completeTransition, duration + TRANSITION_FALLBACK_DELAY);
|
|
222
|
+
|
|
223
|
+
return clearTimer;
|
|
224
|
+
}
|
|
225
|
+
return;
|
|
226
|
+
},
|
|
227
|
+
[completeTransition, state],
|
|
228
|
+
);
|
|
190
229
|
|
|
191
230
|
return [
|
|
192
231
|
state,
|
|
@@ -194,7 +233,7 @@ export const useCSSTransition = <Ref extends Element = Element>(
|
|
|
194
233
|
ref,
|
|
195
234
|
onTransitionEnd:
|
|
196
235
|
state !== 'appeared' && state !== 'entered' && state !== 'exited'
|
|
197
|
-
?
|
|
236
|
+
? completeTransition
|
|
198
237
|
: undefined,
|
|
199
238
|
},
|
|
200
239
|
];
|
|
@@ -1,15 +1,26 @@
|
|
|
1
1
|
/* stylelint-disable selector-pseudo-class-disallowed-list */
|
|
2
2
|
|
|
3
|
+
/*
|
|
4
|
+
В Windows можно менять общий масштаб интерфейса от 100 до 500%. Готовые пресеты 125%, 150% и 175%.
|
|
5
|
+
В случаях, когда `--vkui--size_border--regular` используется не для свойства `border`, а для `height`,
|
|
6
|
+
одна из линий становится размером больше чем остальные.
|
|
7
|
+
|
|
8
|
+
Поэтому используем пограничные значения DPI, чтобы смена на субпиксельные значения срабатывала раньше:
|
|
9
|
+
- 1.01dppx вместо 2dppx для 101% и до 200%;
|
|
10
|
+
- 2.01dppx вместо 3dppx для 201% и больше;
|
|
11
|
+
|
|
12
|
+
@see https://github.com/VKCOM/VKUI/issues/8864
|
|
13
|
+
*/
|
|
3
14
|
:root {
|
|
4
15
|
--vkui--size_border--regular: var(--vkui--size_border1x--regular);
|
|
5
16
|
}
|
|
6
17
|
|
|
7
|
-
@media (min-resolution:
|
|
18
|
+
@media (min-resolution: 1.01dppx) {
|
|
8
19
|
:root {
|
|
9
20
|
--vkui--size_border--regular: var(--vkui--size_border2x--regular);
|
|
10
21
|
}
|
|
11
22
|
}
|
|
12
|
-
@media (min-resolution:
|
|
23
|
+
@media (min-resolution: 2.01dppx) {
|
|
13
24
|
:root {
|
|
14
25
|
--vkui--size_border--regular: var(--vkui--size_border3x--regular);
|
|
15
26
|
}
|