[Feature][Engine UI] lint

Author: QiaoJ-Chen

seatunnel-engine/seatunnel-engine-ui/.eslintrc.cjs

@@ -39,5 +39,8 @@ module.exports = {
   ],
   parserOptions: {
     ecmaVersion: 'latest'
+  },
+  rules: {
+    "vue/multi-word-component-names": "off"
   }
 }

seatunnel-engine/seatunnel-engine-ui/package.json

@@ -7,7 +7,9 @@
     "dev": "vite",
     "build": "run-p type-check \"build-only {@}\" --",
     "preview": "vite preview",
-    "test": "vitest",
+    "test:unit": "vitest",
+    "test:e2e": "start-server-and-test preview http://localhost:4173 'cypress run --e2e'",
+    "test:e2e:dev": "start-server-and-test 'vite dev --port 4173' http://localhost:4173 'cypress open --e2e'",
     "build-only": "vite build",
     "type-check": "vue-tsc --build --force",
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
@@ -44,7 +46,9 @@
     "@vue/eslint-config-typescript": "^13.0.0",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.5.1",
+    "cypress": "^13.12.0",
     "eslint": "^8.57.0",
+    "eslint-plugin-cypress": "^3.3.0",
     "eslint-plugin-vue": "^9.23.0",
     "jsdom": "^24.1.0",
     "npm-run-all2": "^6.2.0",
@@ -57,4 +61,4 @@
     "vitest": "^1.5.3",
     "vue-tsc": "^2.0.21"
   }
-}
+}

seatunnel-engine/seatunnel-engine-ui/src/components/configuration/index.tsx

@@ -12,7 +12,7 @@ export default defineComponent({
     const format = (value: any) => {
       value = JSON.stringify(value)
       if (value) {
-        value = value.replace(/^\"(.*)\"$/, '$1')
+        value = value.replace(/^"(.*)"$/, '$1')
       }
       return value || ''
     }

seatunnel-engine/seatunnel-engine-ui/src/layouts/main/index.tsx

@@ -25,7 +25,7 @@ const Main = defineComponent({
   setup() {
     const route = useRoute()
     const routeKey = ref(route.fullPath)
-    let showSide = ref(false)
+    const showSide = ref(false)
 
     const menuKey = ref(route.meta.activeMenu as string)
 

seatunnel-engine/seatunnel-engine-ui/src/layouts/main/sidebar/index.tsx

@@ -24,10 +24,6 @@ import { DesktopOutline, ListOutline, PeopleOutline, PersonOutline } from '@vico
 const Sidebar = defineComponent({
   name: 'Sidebar',
   props: {
-    sideMenuOptions: {
-      type: Array as PropType<any>,
-      default: []
-    },
     sideKey: {
       type: String as PropType<string>,
       default: ''

seatunnel-engine/seatunnel-engine-ui/src/service/service.ts

@@ -39,8 +39,8 @@ const baseRequestConfig: AxiosRequestConfig = {
 const service = axios.create(baseRequestConfig)
 
 const err = (err: AxiosError): Promise<AxiosError> => {
-  if (err.response?.status === 401) {
-  }
+  // if (err.response?.status === 401) {
+  // }
   return Promise.reject(err)
 }
 

seatunnel-engine/seatunnel-engine-ui/src/utils/time.ts

@@ -20,10 +20,10 @@ const { t } = i18n.global
 export const getRemainTime = (milliseconds: number): string => {
     if (!milliseconds) return ''
     milliseconds = milliseconds / 1000
-    let d = parseInt(milliseconds / 60 / 60 / 24 + '')
-    let h = parseInt(milliseconds / 60 / 60 % 24 + '')
-    let m = parseInt(milliseconds / 60 % 60 + '')
-    let s = parseInt(milliseconds % 60 + '')
+    const d = parseInt(milliseconds / 60 / 60 / 24 + '')
+    const h = parseInt(milliseconds / 60 / 60 % 24 + '')
+    const m = parseInt(milliseconds / 60 % 60 + '')
+    const s = parseInt(milliseconds % 60 + '')
     const dText = d > 0 ? `${d}${t('common.date')} ` : ''
     const hText = h > 0 ? `${h}${t('common.hour')} ` : ''
     const mText = m > 0 ? `${m}${t('common.min')} ` : ''