fix: optimize import

Author: luckfunc

src/App.tsx

@@ -1,6 +1,5 @@
-import Container from './layouts/container';
-import Sidebar from './layouts/sidebar';
-import { useAvatarOption } from './hooks';
+import { Container, Sidebar } from '@/layouts';
+import { useAvatarOption } from '@/hooks';
 import './App.less';
 
 export default function App() {

src/assets/react.svg

@@ -1,5 +1,5 @@
 import { useDispatch } from 'react-redux';
-import { ActionType } from '../../enums';
+import { ActionType } from '@/enums';
 import IconBack from '../../assets/icons/icon-back.svg';
 import IconFlip from '../../assets/icons/icon-flip.svg';
 import IconNext from '../../assets/icons/icon-next.svg';

src/components/action-bar/index.tsx

@@ -1,5 +1,5 @@
-import { SETTINGS } from '../../constants';
-import { AvatarOption } from '../../types';
+import { SETTINGS } from '@/constants';
+import { AvatarOption } from '@/types';
 
 interface IProps {
     avatarOption: AvatarOption

src/components/color-list-item/index.tsx

@@ -1,6 +1,7 @@
 import PerfectScrollbar from '../perfect-scrollbar';
+import { AvatarOption } from '@/types';
 import './style.less';
-import { AvatarOption } from '../../types';
+
 interface IProps {
     avatarOption: AvatarOption
     setAvatarOption: (newOption: AvatarOption) => void

src/components/configurator/index.tsx

@@ -0,0 +1,19 @@
+import ActionBar from './action-bar';
+import ColorListItem from './color-list-item';
+import Configurator from './configurator';
+import Logo from './logo';
+import PerfectScrollbar from './perfect-scrollbar';
+import ReactColorAvatar from './react-color-avatar';
+import SectionWrapper from './section-wrapper';
+import WrapperShapeItem from './wrapper-shape-item';
+
+export {
+    ActionBar,
+    ColorListItem,
+    Configurator,
+    Logo,
+    PerfectScrollbar,
+    ReactColorAvatar,
+    SectionWrapper,
+    WrapperShapeItem
+}

src/components/index.ts

@@ -1,11 +1,9 @@
 import { useEffect, useRef, useState } from 'react';
-import SectionWrapper from '../section-wrapper';
-import ColorListItem from '../color-list-item';
-import WrapperShapeItem from '../wrapper-shape-item';
-import { AvatarOption } from '../../types';
-import { BeardShape, WidgetShape, WidgetType } from '../../enums';
-import { getWidgets } from '../../utils';
-import { AVATAR_LAYER, SETTINGS } from '../../constants';
+import { SectionWrapper, ColorListItem, WrapperShapeItem } from '@/components';
+import { AvatarOption } from '@/types';
+import { BeardShape, WidgetShape, WidgetType } from '@/enums';
+import { getWidgets } from '@/utils';
+import { AVATAR_LAYER, SETTINGS } from '@/constants';
 
 interface IProps {
     avatarOption: AvatarOption

src/components/perfect-scrollbar/index.tsx

@@ -1,9 +1,9 @@
 import { CSSProperties, useEffect, useState } from 'react';
-import Background from '../widgets/background';
-import { WidgetType, WrapperShape } from '../../enums';
-import { AvatarOption } from '../../types';
-import { AVATAR_LAYER, NONE } from '../../constants';
-import { widgetData } from '../../utils/dynamic-data';
+import { Background } from '@/components/widgets';
+import { WidgetType, WrapperShape } from '@/enums';
+import { AvatarOption } from '@/types';
+import { AVATAR_LAYER, NONE } from '@/constants';
+import { widgetData } from '@/utils/dynamic-data';
 import './style.less';
 
 interface IReactColorAvatarProps {

src/components/react-color-avatar/index.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
+import './style.less'
 
 interface IProps {
     title?: string
     children: React.ReactNode
 }
-import './style.less'
 
 export default function SectionWrapper(props: IProps) {
     const { title, children } = props;

src/components/section-wrapper/index.tsx

@@ -1,4 +1,4 @@
-import { AvatarOption } from '../../../types';
+import { AvatarOption } from '@/types';
 import './style.less';
 
 interface BackgroundProps {