Conversation
size-limit report 📦
|
e2e tests |
👀 Docs deployed
📦 Package ✅yarn add @vkontakte/vkui@https://development.s3.prodcloud.vk.team/pull/8613/2a772972f05c678f7e2f3860e6479c818c4b3e1c/pkg/@vkontakte/vkui/_pkg.tgzCommit 2a77297 |
Codecov Report❌ Patch coverage is
Additional details and impacted files@@ Coverage Diff @@
## master #8613 +/- ##
==========================================
- Coverage 95.31% 95.29% -0.03%
==========================================
Files 441 454 +13
Lines 12097 12316 +219
Branches 4405 4430 +25
==========================================
+ Hits 11530 11736 +206
- Misses 567 580 +13
Flags with carried forward coverage won't be shown. Click here to find out more. ☔ View full report in Codecov by Sentry. 🚀 New features to boost your workflow:
|
32ea240 to
7e740ae
Compare
|
PR закрыт из-за отсутствия активности в течение последних 14 дней. Если это произошло по ошибке или изменения все ещё актуальны, откройте PR повторно. |
7e740ae to
8480b10
Compare
8480b10 to
118736d
Compare
118736d to
251f437
Compare
|
нужен ребейз |
251f437 to
2a77297
Compare
| import { type MaterialSpinnerProps, Spinner } from './Spinner'; | ||
|
|
||
| const story: Meta<MaterialSpinnerProps> = { | ||
| title: 'Blocks/Spinner/Expressive', |
There was a problem hiding this comment.
| title: 'Blocks/Spinner/Expressive', | |
| title: 'Feedback/Spinner/Expressive', |
| const callbackRef = React.useRef(callback); | ||
|
|
||
| React.useEffect(() => { | ||
| callbackRef.current = callback; | ||
| }, [callback]); |
There was a problem hiding this comment.
| const callbackRef = React.useRef(callback); | |
| React.useEffect(() => { | |
| callbackRef.current = callback; | |
| }, [callback]); | |
| const stableCallback = useStableCallback(callback); |
| ## unstable_ExpressiveSpinner | ||
|
|
||
| Нестабильный компонент индикации загрузки в стиле | ||
| [M3 Expressive](https://m3.material.io/components/loading-indicator/overview). | ||
| Принимает все свойства, которые принимает компонент `Spinner`. | ||
| Для платформы `ios` используется обычный `Spinner`. | ||
|
|
||
| <Playground> | ||
| ```jsx | ||
| import { unstable_ExpressiveSpinner as ExpressiveSpinner} from "@vkontakte/vkui"; | ||
|
|
||
| <ExpressiveSpinner size="xl" /> | ||
| ``` | ||
| </Playground> | ||
|
|
There was a problem hiding this comment.
Может добавить тут в примере или в отдельный, как полигоны прокидывать , а то может быть непонятно
| } | ||
|
|
||
| // eslint-disable-next-line @typescript-eslint/naming-convention | ||
| export const unstable_ExpressiveSpinner = Spinner; |
There was a problem hiding this comment.
Вроде обычно приставку unstable_ добавляем при экмпорте из пакета. Еще не совсем понял, почему в папке ExpressiveSpinner файлы с именем Spinner. Не будет ли путаницы при поиске?
Описание
Добавляем библиотеку интерполяции между svg-шками и спиннер из m3
2026-03-03.12.44.29.mov
Release notes
Новые компоненты
ExpressiveSpinner.mov