style: import scss with new line

Author: xiejay97

.eslintrc.json

@@ -49,6 +49,12 @@
  "pattern": "@react-devui/**",
  "group": "internal",
  "position": "after"
+ },
+ {
+ "pattern": "*.scss",
+ "group": "index",
+ "patternOptions": { "matchBase": true },
+ "position": "after"
  }
  ],
  "pathGroupsExcludedImportTypes": ["type", "builtin"],

package.json

@@ -10,6 +10,7 @@
  "build:icons": "ts-node -P ./tools/tsconfig.json ./tools/ui-icons.ts",
  "build:vscode-extension": "nx build vscode-extension && cd dist/packages/vscode-extension && yarn install && vsce package --yarn",
  "lint:affected": "nx affected --target=lint --parallel=7",
+ "lint:affected:fix": "nx affected --target=lint --parallel=7 --fix",
  "lint:style": "stylelint **/*.{css,scss,html,md}",
  "lint:style:fix": "yarn lint:style --fix",
  "prepare": "husky install && ts-node -P ./tools/tsconfig.json ./tools/husky.ts",

packages/platform/src/app/routes/dashboard/amap/AMap.tsx

@@ -5,9 +5,10 @@ import { DRadio } from '@react-devui/ui';
 
 import { AppMap } from '../../../components';
 import { AppRoute } from '../../../utils';
-import styles from './AMap.module.scss';
 import points from './points';
 
+import styles from './AMap.module.scss';
+
 export default AppRoute(() => {
  const [mapTmp, setMapTmp] = useState('Marker');
  const [infoWindow, setInfoWindow] = useImmer<{ visible: boolean; position?: [number, number] }>({ visible: false });

packages/platform/src/app/routes/dashboard/echarts/ECharts.tsx

@@ -6,9 +6,10 @@ import { DCard } from '@react-devui/ui';
 
 import { AppChart, AppRouteHeader } from '../../../components';
 import { AppRoute } from '../../../utils';
-import styles from './ECharts.module.scss';
 import { barOptions, lineOptions, nightingaleOptions, pieOptions, scatterOptions, stackedBarOptions, stackedLineOptions } from './options';
 
+import styles from './ECharts.module.scss';
+
 export default AppRoute(() => {
  const [options, setOptions] = useState<echarts.EChartsOption[]>([]);
  const { t } = useTranslation();

packages/platform/src/app/routes/exception/Exception.tsx

@@ -8,6 +8,7 @@ import { AppRoute } from '../../utils';
 import { ReactComponent as S403 } from './403.svg';
 import { ReactComponent as S404 } from './404.svg';
 import { ReactComponent as S500 } from './500.svg';
+
 import styles from './Exception.module.scss';
 
 export default AppRoute(() => {

packages/platform/src/app/routes/layout/Layout.tsx

@@ -3,10 +3,11 @@ import { Outlet, useLocation } from 'react-router-dom';
 
 import { getClassName } from '@react-devui/utils';
 
-import styles from './Layout.module.scss';
 import { AppHeader } from './header/Header';
 import { AppSidebar } from './sidebar/Sidebar';
 
+import styles from './Layout.module.scss';
+
 export interface AppLayoutProps {
  sidebar?: {
  width?: number;

packages/platform/src/app/routes/layout/header/Header.tsx

@@ -11,10 +11,11 @@ import { getClassName } from '@react-devui/utils';
 import { AppLanguage } from '../../../components';
 import { APP_NAME } from '../../../config/other';
 import { STORAGE_KEY } from '../../../config/storage';
-import styles from './Header.module.scss';
 import { AppNotification } from './notification/Notification';
 import { AppUser } from './user/User';
 
+import styles from './Header.module.scss';
+
 export interface AppHeaderProps {
  sidebarWidth: number;
  menuMode: 'vertical' | 'icon';

packages/platform/src/app/routes/layout/header/notification/Notification.tsx

@@ -11,6 +11,7 @@ import { getClassName } from '@react-devui/utils';
 
 import { AppList } from '../../../../components';
 import { useNotificationState } from '../../../../core';
+
 import styles from './Notification.module.scss';
 
 export function AppNotification(props: React.ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element | null {

packages/platform/src/app/routes/layout/sidebar/Sidebar.tsx

@@ -2,6 +2,7 @@ import { DDrawer, DMenu } from '@react-devui/ui';
 import { getClassName } from '@react-devui/utils';
 
 import { useMenu } from '../../../core';
+
 import styles from './Sidebar.module.scss';
 
 export interface AppSidebarProps {

packages/platform/src/app/routes/list/standard-table/StandardTable.tsx

@@ -14,6 +14,7 @@ import { useHttp } from '../../../core';
 import { useAPI, useQueryParams } from '../../../hooks';
 import { AppRoute, DialogService } from '../../../utils';
 import { AppDeviceModal } from './DeviceModal';
+
 import styles from './StandardTable.module.scss';
 
 export type DeviceData = DeviceDoc;