修改错误代码

package.json

@@ -2,8 +2,9 @@
   "name": "web",
   "version": "v1.0.0",
   "private": true,
+  "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --host",
     "build": "vite build",
     "preview": "vite preview",
     "test:unit": "vitest",
@@ -16,18 +17,17 @@
     "@element-plus/icons-vue": "^2.3.1",
     "@logicflow/core": "^1.2.27",
     "@logicflow/extension": "^1.2.27",
-    "@vueuse/core": "^10.9.0",
-    "axios": "^0.28.0",
+    "@vueuse/core": "^11.0.3",
+    "axios": "^1.7.7",
     "codemirror": "^6.0.1",
     "cropperjs": "^1.6.2",
     "dayjs": "^1.11.13",
     "echarts": "^5.5.0",
-    "element-plus": "^2.5.6",
+    "element-plus": "^2.8.2",
     "file-saver": "^2.0.5",
     "highlight.js": "^11.9.0",
-    "install": "^0.13.0",
     "katex": "^0.16.10",
-    "lodash": "^4.17.21",
+    "lodash": "4.17.21",
     "lodash-unified": "^1.0.3",
     "marked": "^12.0.2",
     "md-editor-v3": "^4.16.7",
@@ -35,13 +35,12 @@
     "mermaid": "^10.9.0",
     "mitt": "^3.0.0",
     "moment": "^2.30.1",
-    "npm": "^10.2.4",
     "nprogress": "^0.2.0",
     "pinia": "^2.1.6",
     "pinyin-pro": "^3.18.2",
     "screenfull": "^6.0.2",
     "use-element-plus-theme": "^0.0.5",
-    "vue": "^3.3.4",
+    "vue": "^3.5.4",
     "vue-clipboard3": "^2.0.0",
     "vue-codemirror": "^6.1.1",
     "vue-i18n": "^9.13.1",
@@ -60,15 +59,14 @@
     "@vue/eslint-config-typescript": "^11.0.3",
     "@vue/test-utils": "^2.4.1",
     "@vue/tsconfig": "^0.4.0",
-    "eslint": "^8.46.0",
+    "eslint": "~8.57.0",
     "eslint-plugin-vue": "^9.16.1",
     "jsdom": "^22.1.0",
-    "npm-run-all": "^4.1.5",
     "prettier": "^3.0.0",
     "sass": "^1.66.1",
-    "typescript": "~5.1.6",
-    "unplugin-vue-define-options": "^1.3.18",
+    "typescript": "~5.6.2",
     "vite": "^5.4.4",
+    "vite-plugin-vue-devtools": "^7.4.5",
     "vitest": "^0.34.2",
     "vue-tsc": "^1.8.8"
   }

src/components/dynamics-form/Demo.vue

@@ -295,4 +295,4 @@ const click = () => {
   dynamicsFormRef.value?.validate()
 }
 </script>
-<style lang="scss" scope></style>
+<style lang="scss" scoped></style>

src/components/dynamics-form/index.vue

@@ -193,4 +193,4 @@ defineExpose({
   ruleFormRef
 })
 </script>
-<style lang="scss" scope></style>
+<style lang="scss" scoped></style>

src/components/dynamics-form/items/label/TooltipLabel.vue

@@ -15,7 +15,7 @@ defineProps<{
   tooltip: string
 }>()
 </script>
-<style lang="scss" scope>
+<style lang="scss" scoped>
 .aiMode-param-dialog {
   padding: 8px 8px 24px 8px;
 

src/components/layout-container/index.vue

@@ -30,7 +30,7 @@ const showBack = computed(() => {
 })
 </script>
 
-<style lang="scss" scope>
+<style lang="scss" scoped>
 .content-container {
   transition: 0.3s;
   padding: 0 var(--app-view-padding) var(--app-view-padding);

src/components/login-container/index.vue

@@ -20,7 +20,7 @@ defineProps({
   subTitle: String
 })
 </script>
-<style lang="scss" scope>
+<style lang="scss" scoped>
 .login-form-container {
   width: 480px;
 

src/components/login-layout/index.vue

@@ -41,7 +41,7 @@ const loginImage = computed(() => {
   }
 })
 </script>
-<style lang="scss" scope>
+<style lang="scss" scoped>
 .login-warp {
   height: 100vh;
 

src/directives/infiniteScrollUp.ts

 import { nextTick } from 'vue'
 
 import { throttle } from 'lodash-unified'
-import { getScrollContainer } from 'element-plus/es/utils/index'
+import { getScrollContainer } from 'element-plus/es/utils/dom/scroll';
+
 import type { App } from 'vue'
 export const SCOPE = 'InfiniteScrollUP'
 export const CHECK_INTERVAL = 50

src/layout/components/top-bar/avatar/APIKeyDialog.vue

@@ -176,4 +176,4 @@ function refresh() {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scope></style>
+<style lang="scss" scoped></style>

src/layout/components/top-bar/avatar/AboutDialog.vue

@@ -107,7 +107,7 @@ function toSupport() {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scope>
+<style lang="scss" scoped>
 .about-dialog {
   padding: 0 0 24px 0;
   width: 620px;

src/layout/components/top-bar/avatar/ResetPassword.vue

@@ -179,4 +179,4 @@ defineExpose({ open, close })
 
 
 </script>
-<style lang="scss" scope></style>
+<style lang="scss" scoped></style>

src/layout/components/top-bar/avatar/SettingAPIKeyDialog.vue

@@ -95,4 +95,4 @@ const submit = async (formEl: FormInstance | undefined) => {
 
 defineExpose({open})
 </script>
-<style lang="scss" scope></style>
+<style lang="scss" scoped></style>

src/layout/components/top-bar/top-menu/index.vue

@@ -18,6 +18,6 @@ const topMenuList = computed(() => {
   return getChildRouteListByPathAndName('/', 'home')
 })
 </script>
-<style lang="scss" scope>
+<style lang="scss" scoped>
 
 </style>

src/views/application-overview/component/APIKeyDialog.vue

@@ -152,4 +152,4 @@ function refresh() {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scope></style>
+<style lang="scss" scoped></style>

src/views/application-overview/component/DisplaySettingDialog.vue

@@ -240,4 +240,4 @@ const submit = async (formEl: FormInstance | undefined) => {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scope></style>
+<style lang="scss" scoped></style>

src/views/application-overview/component/EditAvatarDialog.vue

@@ -137,4 +137,4 @@ function submit() {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scope></style>
+<style lang="scss" scoped></style>

src/views/application-overview/component/EmbedDialog.vue

@@ -96,7 +96,7 @@ src="${window.location.origin}/api/application/embed?protocol=${window.location.
 
 defineExpose({ open })
 </script>
-<style lang="scss" scope>
+<style lang="scss" scoped>
 .embed-dialog {
   .title {
     color: var(--app-text-color) !important;

src/views/application-overview/component/LimitDialog.vue

@@ -115,4 +115,4 @@ const submit = async (formEl: FormInstance | undefined) => {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scope></style>
+<style lang="scss" scoped></style>

src/views/application-overview/component/SettingAPIKeyDialog.vue

@@ -90,4 +90,4 @@ const submit = async (formEl: FormInstance | undefined) => {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scope></style>
+<style lang="scss" scoped></style>

src/views/application/component/AddDatasetDialog.vue

@@ -123,7 +123,7 @@ const refresh = () => {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scope>
+<style lang="scss" scoped>
 .addDataset-dialog {
   padding: 0;
   .el-dialog__header {

src/views/application/component/CopyApplicationDialog.vue

@@ -173,4 +173,4 @@ const submitHandle = async (formEl: FormInstance | undefined) => {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scope></style>
+<style lang="scss" scoped></style>

src/views/application/component/CreateApplicationDialog.vue

@@ -208,4 +208,4 @@ const submitHandle = async (formEl: FormInstance | undefined) => {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scope></style>
+<style lang="scss" scoped></style>

src/views/application/component/ParamSettingDialog.vue

@@ -289,7 +289,7 @@ function changeHandle(val: string) {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scope>
+<style lang="scss" scoped>
 .param-dialog {
   padding: 8px 8px 24px 8px;
   .el-dialog__header {

src/views/dataset/component/CreateDatasetDialog.vue

@@ -174,4 +174,4 @@ function radioChange() {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scope></style>
+<style lang="scss" scoped></style>

src/views/dataset/component/EditParagraphDialog.vue

@@ -122,4 +122,4 @@ const submitHandle = async () => {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scope></style>
+<style lang="scss" scoped></style>

src/views/document/component/SelectDatasetDialog.vue

@@ -114,7 +114,7 @@ const refresh = () => {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scope>
+<style lang="scss" scoped>
 .select-dataset-dialog {
   padding: 0;
   .el-dialog__header {

src/views/log/component/EditContentDialog.vue

@@ -206,4 +206,4 @@ const submitForm = async (formEl: FormInstance | undefined) => {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scope></style>
+<style lang="scss" scoped></style>

src/views/log/component/EditMarkDialog.vue

@@ -141,7 +141,7 @@ const submit = async (formEl: FormInstance) => {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scope>
+<style lang="scss" scoped>
 .edit-mark-dialog {
   .el-dialog__header.show-close {
     padding-right: 15px;

src/views/login/forgot-password/index.vue

@@ -127,4 +127,4 @@ const handleTimeChange = () => {
   }
 }
 </script>
-<style lang="scss" scope></style>
+<style lang="scss" scoped></style>

src/views/login/index.vue

@@ -197,7 +197,7 @@ onBeforeMount(() => {
   }
 })
 </script>
-<style lang="scss" scope>
+<style lang="scss" scoped>
 .login-gradient-divider {
   position: relative;
   text-align: center;

src/views/login/register/index.vue

@@ -213,4 +213,4 @@ const handleTimeChange = () => {
   }
 }
 </script>
-<style lang="scss" scope></style>
+<style lang="scss" scoped></style>

src/views/login/reset-password/index.vue

@@ -131,4 +131,4 @@ const resetPassword = () => {
     })
 }
 </script>
-<style lang="scss" scope></style>
+<style lang="scss" scoped></style>

src/views/paragraph/component/ParagraphDialog.vue

@@ -149,6 +149,6 @@ const handleDebounceClick = debounce(() => {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scope>
+<style lang="scss" scoped>
 
 </style>

src/views/paragraph/component/SelectDocumentDialog.vue

@@ -159,4 +159,4 @@ const submitForm = async (formEl: FormInstance | undefined) => {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scope></style>
+<style lang="scss" scoped></style>

src/views/problem/component/RelateProblemDialog.vue

@@ -241,7 +241,7 @@ const open = (problemId: string) => {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scope>
+<style lang="scss" scoped>
 .paragraph-card {
   position: relative;
 }

src/views/team/component/CreateMemberDialog.vue

@@ -95,7 +95,7 @@ onMounted(() => {})
 
 defineExpose({ open, close })
 </script>
-<style lang="scss" scope>
+<style lang="scss" scoped>
 .member-dialog {
   .el-dialog__header {
     padding-bottom: 19px;

src/views/team/component/PermissionSetting.vue

@@ -137,4 +137,4 @@ onMounted(() => {
   })
 })
 </script>
-<style lang="scss" scope></style>
+<style lang="scss" scoped></style>

src/views/user-manage/component/UserDialog.vue

@@ -151,4 +151,4 @@ const submit = async (formEl: FormInstance | undefined) => {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scope></style>
+<style lang="scss" scoped></style>

src/views/user-manage/component/UserPwdDialog.vue

@@ -126,4 +126,4 @@ const submit = async (formEl: FormInstance | undefined) => {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scope></style>
+<style lang="scss" scoped></style>

src/workflow/nodes/reranker-node/ParamSettingDialog.vue

@@ -245,7 +245,7 @@ function changeHandle(val: string) {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scope>
+<style lang="scss" scoped>
 .param-dialog {
   padding: 8px 8px 24px 8px;
   .el-dialog__header {

vite.config.ts

@@ -2,37 +2,37 @@ import { fileURLToPath, URL } from 'node:url'
 import { defineConfig } from 'vite'
 
 import vue from '@vitejs/plugin-vue'
-import DefineOptions from 'unplugin-vue-define-options/vite'
+import vueDevTools from "vite-plugin-vue-devtools";
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode }) => {
   return {
-    plugins: [vue(), DefineOptions()],
+    plugins: [vue(), vueDevTools()],
     server: {
       port: 8917,
       cors: true,
       proxy: {
-        "/console": {
-          target: "https://klm-service-dev.apps.iytcloud.com/",
-          changeOrigin: true,
-          secure: false,
-        },
         "/api": {
-          target: "https://klm-service-dev.apps.iytcloud.com/",
+          target: "http://192.168.121.203:18080",
           changeOrigin: true,
           secure: false,
         },
-        "/workspaces": {
-          target: "https://klm-service-dev.apps.iytcloud.com/",
-          changeOrigin: true,
-          secure: false,
-        }
       },
     },
     resolve: {
+      extensions: ['.vue', '.ts',  '.js', '.json', '.tsx', '.jsx'],
       alias: {
         '@': fileURLToPath(new URL('./src', import.meta.url))
       }
+    },
+    esbuild: {
+      drop: mode === 'production' ? ['console', 'debugger'] : []
+    },
+    define: {
+      // 启用生产环境构建下激活不匹配的详细警告
+      __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: 'false',
+      __VUE_OPTIONS_API__: "true",
+      __VUE_PROD_DEVTOOLS__: "true"
     }
   }
 })