chore: 新增import相关规则

Author: HRan2004

bun.lock

@@ -1,6 +1,8 @@
-import js from '@eslint/js';
+import js from '@eslint/js'
 import tseslint, {ConfigArray} from "typescript-eslint"
+import { importX } from 'eslint-plugin-import-x'
 import { defineConfig } from "eslint/config"
+import tsParser from '@typescript-eslint/parser'
 import globals from "globals"
 import css from "@eslint/css"
 import markdown from "@eslint/markdown"
@@ -19,9 +21,9 @@ const globalConfig = defineConfig([
   },
 ])
 
-const scriptFile = "*.{js,jsx,mjs,cjs,ts,tsx,mts,cts}"
-const jsFile = "*.{js,jsx,mjs,cjs}"
-const tsFile = "*.{ts,tsx,mts,cts}"
+const scriptFile = "*.{cjs,js,jsx,mjs,mjsx,cts,ts,tsx,mts,mtsx}"
+const jsFile = "*.{cjs,js,jsx,mjs,mjsx}"
+const tsFile = "*.{cts,ts,tsx,mts,mtsx}"
 
 const scriptConfig: ConfigArray = tseslint.config([
   {
@@ -73,8 +75,19 @@ const scriptConfig: ConfigArray = tseslint.config([
      files: [`**/${scriptFile}`],
    },
   {
+    ...importX.flatConfigs.recommended,
     files: [`**/${scriptFile}`],
-    rules: {
+  },
+  {
+    ...importX.flatConfigs.typescript,
+    files: [`**/${scriptFile}`],
+  },
+  {
+    files: [`**/${scriptFile}`],
+    languageOptions: {
+      parser: tsParser,
+      ecmaVersion: 'latest',
+      sourceType: 'module',
     },
   },
 ])
@@ -117,6 +130,41 @@ const customConfig = defineConfig([
     files: [`src/**/${scriptFile}`],
     rules: {
       "@typescript-eslint/no-unused-vars": "off",
+      "import-x/order": [
+        "error",
+        {
+          "groups": [
+            "builtin",
+            "external",
+            "internal",
+            "parent",
+            "sibling",
+            "index",
+            "object",
+            "type",
+          ],
+
+          "pathGroups": [
+            {
+              "pattern": "@/**",
+              "group": "internal",
+              "position": "before"
+            },
+          ],
+
+          "pathGroupsExcludedImportTypes": ["builtin"],
+          "newlines-between": "always",
+          "distinctGroup": false,
+
+          "alphabetize": {
+            "order": "asc",
+            "caseInsensitive": true
+          },
+
+          "sortTypesGroup": true,
+          "newlines-between-types": "always"
+        }
+      ]
     },
   },
 ])
@@ -130,6 +178,8 @@ const config = [
   ...customConfig,
 ]
 
-// console.log(config)
+console.log(importX.flatConfigs.recommended)
+console.log('\n\n====\n\n')
+console.log(config)
 
 export default config

eslint.config.ts

@@ -47,6 +47,8 @@
     "brotli-wasm": "^3.0.1",
     "clsx": "2.1.1",
     "eslint": "^9.28.0",
+    "eslint-import-resolver-typescript": "^4.4.2",
+    "eslint-plugin-import-x": "^4.15.0",
     "file-type": "^20.4.1",
     "globals": "^16.2.0",
     "mime": "^4.0.7",

package.json

@@ -1,5 +1,5 @@
-import {ReactNode} from "react"
 import {EmptyProps} from "antd"
+import {ReactNode} from "react"
 
 export interface AntEmptyProps extends EmptyProps{
   className?: string

src/api/components/ant/ant-empty-props.ts

@@ -1,4 +1,5 @@
 import {ReactNode} from "react"
+
 import {DivProps} from "@/api/components/interface/base-types"
 
 export interface ScrollBarProps extends DivProps{

src/api/components/normal/scroll-bar-props.ts

@@ -1,16 +1,29 @@
-import type {FunctionComponent} from "react"
-import SpaceServiceApi from './service/main/space/space-service-api'
-import PluginServiceApi from "./service/main/plugin/plugin-service-api"
+import {AntEmptyProps} from "@/api/components/ant/ant-empty-props"
+import MainPortalProps from "@/api/components/dev/main-portal-props"
+import {MaterialSymbolProps} from "@/api/components/normal/material-symbol-props"
+import ResourcePreviewProps from "@/api/components/normal/resource-preview-props"
+import {UseBase} from "@/api/hook/use-base.type"
+import {UseStepOptions} from "@/api/hook/use-step-options.type"
+import {UseTStep} from "@/api/hook/use-t-step.type"
+import RsSelectionServiceApi from "@/api/service/engine/operate/selection/rs-selection-service-api"
+import FirstLoadModelServiceApi from "@/api/service/engine/render/model/first/first-load-model-service-api"
+import DialogServiceApi from "@/api/service/main/dialog/dialog-service-api"
+import FirstLoadServiceApi from "@/api/service/main/file/first/first-load-service-api"
+import OssUploadServiceApi from "@/api/service/main/file/oss/oss-upload-service-api"
+import MessageServiceApi from "@/api/service/main/message/message-service-api"
+import RvGlobalServiceApi from "@/api/service/sync/global/rv-global-service-api"
+import {AntCheckboxProps} from "./components/ant/ant-checkbox-props"
+import {AnchorProps} from "./components/normal/anchor-props"
+import {RsdButtonProps} from './components/rsd/rsd-button-props'
 import LocalDataServiceApi from "./service/main/file/local/local-data-service-api"
+import PluginServiceApi from "./service/main/plugin/plugin-service-api"
+import SpaceServiceApi from './service/main/space/space-service-api'
 import InternationalizationServiceApi from "./service/main/internationalization/internationalization-service-api"
 import MeetingServiceApi from "./service/main/meeting/meeting-service-api"
 import StatusServiceApi from './service/main/status/status-service-api'
 import UserServiceApi from './service/main/user/user-service-api'
-import {RsdButtonProps} from './components/rsd/rsd-button-props'
-import {AnchorProps} from "./components/normal/anchor-props"
 import {RsdInputProps} from "./components/rsd/rsd-input-props"
 import {RsdTitleProps} from "./components/rsd/rsd-title-props"
-import {AntCheckboxProps} from "./components/ant/ant-checkbox-props"
 import {AntNumberProps} from "./components/ant/ant-number-props"
 import {AntColorProps} from "./components/ant/ant-color-props"
 import {AntSwitchProps} from "./components/ant/ant-switch-props"
@@ -34,34 +47,24 @@ import {AntSelectProps} from "./components/ant/ant-select-props"
 import {FlexGrowProps} from "./components/dev/flex-grow-props"
 import ThemeProviderProps from "./components/ant/theme-provider-props"
 import ModulePreloaderApi from "./service/main/preloader/module-preloader-api"
-import SyncServiceApi from "./service/sync/sync-service-api"
-import RvGlobalServiceApi from "@/api/service/sync/global/rv-global-service-api"
 import HistoryServiceApi from "./service/sync/history-service-api"
-import {UseTStep} from "@/api/hook/use-t-step.type"
+import RvModelServiceApi from "./service/sync/model/rv-model-service-api"
+import RvResourceServiceApi from "./service/sync/resource/rv-resource-service-api"
+import SyncServiceApi from "./service/sync/sync-service-api"
 import RvStepServiceApi from "@/api/service/sync/step/rv-step-service-api"
 import TStepServiceApi from "@/api/service/target/step/t-step-service-api"
-import {UseStepOptions} from "@/api/hook/use-step-options.type"
-import {AntEmptyProps} from "@/api/components/ant/ant-empty-props"
-import MessageServiceApi from "@/api/service/main/message/message-service-api"
-import OssUploadServiceApi from "@/api/service/main/file/oss/oss-upload-service-api"
 import RvFileServiceApi from "@/api/service/sync/file/rv-file-service-api"
 import ResourceServiceApi from "@/api/service/main/resource/resource-service-api"
-import MainPortalProps from "@/api/components/dev/main-portal-props"
-import {MaterialSymbolProps} from "@/api/components/normal/material-symbol-props"
-import FirstLoadServiceApi from "@/api/service/main/file/first/first-load-service-api"
-import RvResourceServiceApi from "./service/sync/resource/rv-resource-service-api"
 import {MaterialSymbolFunction} from "@/utils/material-symbol-utils"
 import {SleepFunction} from "@/utils/sleep-utils"
-import DialogServiceApi from "@/api/service/main/dialog/dialog-service-api"
 import NativeEventServiceApi from "@/api/service/main/native-event/native-event-service-api"
-import RvModelServiceApi from "./service/sync/model/rv-model-service-api"
-import FirstLoadModelServiceApi from "@/api/service/engine/render/model/first/first-load-model-service-api"
+
 import { UseTAttributes } from "./hook/use-t-attributes.type"
-import RsSelectionServiceApi from "@/api/service/engine/operate/selection/rs-selection-service-api"
+
 import TAttributesServiceApi from "./service/target/attribute/t-attributes-service-api"
 import RvLocationAttributeApi from "@/api/service/attributes/location/rv-location-attribute-api"
 import RvAttributesServiceApi from "@/api/service/sync/step/attributes/rv-attributes-service-api"
-import {UseBase} from "@/api/hook/use-base.type"
+
 import RsNodeServiceApi from "./service/engine/render/model/rs-node-service-api"
 import RsModelServiceApi from "@/api/service/engine/render/model/rs-model-service-api"
 import RvLabelAttributeApi from "@/api/service/attributes/label/rv-label-attribute-api"
@@ -82,8 +85,10 @@ import RvNativeAttributeApi from "@/api/service/attributes/animation/native/rv-n
 import RvCodeAttributeApi from "@/api/service/attributes/code/rv-code-attribute-api"
 import ThemeServiceApi from "@/api/service/main/theme/theme-service-api"
 import RvMaterialAttributeApi from "@/api/service/attributes/material/rv-material-attribute-api"
+
 import sceneServiceApi from "./service/main/scene/scene-service-api"
-import ResourcePreviewProps from "@/api/components/normal/resource-preview-props"
+
+import type {FunctionComponent} from "react"
 
 export interface OfpApi {
 

src/api/ofp-api.ts

@@ -1,6 +1,7 @@
-import RvLocation from "@/api/service/sync/interface/step/attributes/location/rv-location.interface"
 import { Node } from "@babylonjs/core"
 
+import RvLocation from "@/api/service/sync/interface/step/attributes/location/rv-location.interface"
+
 export default interface RvLocationAttributeApi {
 
   key: string

src/api/service/attributes/location/rv-location-attribute-api.ts

@@ -1,8 +1,10 @@
-import RvMaterial from "@/api/service/sync/interface/step/attributes/material/rv-material.interface"
 import {BaseTexture, NodeMaterial, PBRMaterial} from "@babylonjs/core"
-import { RvMaterialTexture } from "../../sync/interface/step/attributes/material/texture/rv-material-texture.interface"
-import { RvMaterialPBR } from "../../sync/interface/step/attributes/material/pbr/rv-material-pbr.interface"
+
+import RvMaterial from "@/api/service/sync/interface/step/attributes/material/rv-material.interface"
+
 import { RvMaterialNode } from "../../sync/interface/step/attributes/material/node/rv-material-node.interface"
+import { RvMaterialPBR } from "../../sync/interface/step/attributes/material/pbr/rv-material-pbr.interface"
+import { RvMaterialTexture } from "../../sync/interface/step/attributes/material/texture/rv-material-texture.interface"
 
 export default interface RvMaterialAttributeApi {
 

src/api/service/attributes/material/rv-material-attribute-api.ts

@@ -1,7 +1,8 @@
+import {Animation} from "@babylonjs/core"
 import {AnimationGroup} from "@babylonjs/core/Animations/animationGroup"
-import RvCameraLocation from "@/api/service/sync/interface/step/environment/camera/location/rv-camera-location.interface"
+
 import RvAwareness from "@/api/service/sync/interface/awareness/rv-awareness.interface"
-import {Animation} from "@babylonjs/core"
+import RvCameraLocation from "@/api/service/sync/interface/step/environment/camera/location/rv-camera-location.interface"
 
 export default interface CameraLocationAnimationApi {
 

src/api/service/engine/animation/entry/environment/camera-location-animation-api.ts

@@ -1,4 +1,5 @@
 import { AnimationGroup } from "@babylonjs/core"
+
 import { SupportAnimationTarget } from "../dto/support-animation-target.type"
 
 export default interface EasyPropertyAnimationApi {