feat: Добавлен компонент CircleTimeline для отображения категорий для временных промежутков
This commit is contained in:
35
src/widgets/TimeFrameSlider/model/constants.ts
Normal file
35
src/widgets/TimeFrameSlider/model/constants.ts
Normal file
@@ -0,0 +1,35 @@
|
||||
/**
|
||||
* Константы для компонента CircleTimeline
|
||||
*/
|
||||
|
||||
import { Power2 } from 'gsap'
|
||||
|
||||
/**
|
||||
* Полный круг в градусах
|
||||
*/
|
||||
export const FULL_CIRCLE_DEGREES = 360
|
||||
|
||||
/**
|
||||
* Половина круга в градусах
|
||||
*/
|
||||
export const HALF_CIRCLE_DEGREES = 180
|
||||
|
||||
/**
|
||||
* Радиус круга в пикселях
|
||||
*/
|
||||
export const CIRCLE_RADIUS = 265
|
||||
|
||||
/**
|
||||
* Длительность анимации в секундах
|
||||
*/
|
||||
export const ANIMATION_DURATION = 1
|
||||
|
||||
/**
|
||||
* Easing функция для анимации GSAP
|
||||
*/
|
||||
export const ANIMATION_EASE = Power2.easeOut
|
||||
|
||||
/**
|
||||
* Позиция активного элемента в градусах (верхний правый угол)
|
||||
*/
|
||||
export const ACTIVE_POSITION_DEGREES = -60
|
||||
8
src/widgets/TimeFrameSlider/model/index.ts
Normal file
8
src/widgets/TimeFrameSlider/model/index.ts
Normal file
@@ -0,0 +1,8 @@
|
||||
export {
|
||||
FULL_CIRCLE_DEGREES,
|
||||
HALF_CIRCLE_DEGREES,
|
||||
CIRCLE_RADIUS,
|
||||
ANIMATION_DURATION,
|
||||
ANIMATION_EASE,
|
||||
ACTIVE_POSITION_DEGREES,
|
||||
} from './constants'
|
||||
Reference in New Issue
Block a user