修复 使用setup组合模式时name属性定义后调试无法定位源码的问题

package-lock.json

@@ -1,11 +1,11 @@
 {
   "name": "admin.ui.plus",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "version": "1.1.0",
+      "version": "1.2.0",
       "license": "MIT",
       "dependencies": {
         "@element-plus/icons-vue": "^2.0.10",
@@ -17,7 +17,7 @@
         "echarts": "^5.4.1",
         "echarts-gl": "^2.0.9",
         "echarts-wordcloud": "^2.1.0",
-        "element-plus": "^2.2.29",
+        "element-plus": "^2.2.30",
         "js-cookie": "^3.0.1",
         "js-table2excel": "^1.0.3",
         "jsplumb": "^2.15.6",
@@ -53,7 +53,7 @@
         "typescript": "^4.9.4",
         "vite": "^4.0.0",
         "vite-plugin-compression": "0.5.1",
-        "vite-plugin-vue-setup-extend": "^0.4.0",
+        "vite-plugin-vue-setup-extend-plus": "^0.1.0",
         "vue-eslint-parser": "^9.1.0"
       },
       "engines": {
@@ -1990,9 +1990,9 @@
       }
     },
     "node_modules/element-plus": {
-      "version": "2.2.29",
-      "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.2.29.tgz",
-      "integrity": "sha512-g4dcrURrKkR5uUX8n5RVnnqGnimoki9HfqS4yHHG6XwCHBkZGozdq4x+478BzeWUe31h++BO+7dakSx4VnM8RQ==",
+      "version": "2.2.30",
+      "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.2.30.tgz",
+      "integrity": "sha512-HYSnmf2VMGa0gmw03evxevodPy3WimbAd4sfenOAhNs7Wl8IdT+YJjQyGAQjgEjRvhmujN4O/CZqhuEffRyOZg==",
       "dependencies": {
         "@ctrl/tinycolor": "^3.4.1",
         "@element-plus/icons-vue": "^2.0.6",
@@ -4300,18 +4300,11 @@
         "vite": ">=2.0.0"
       }
     },
-    "node_modules/vite-plugin-vue-setup-extend": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmmirror.com/vite-plugin-vue-setup-extend/-/vite-plugin-vue-setup-extend-0.4.0.tgz",
-      "integrity": "sha512-WMbjPCui75fboFoUTHhdbXzu4Y/bJMv5N9QT9a7do3wNMNHHqrk+Tn2jrSJU0LS5fGl/EG+FEDBYVUeWIkDqXQ==",
-      "dev": true,
-      "dependencies": {
-        "@vue/compiler-sfc": "^3.2.29",
-        "magic-string": "^0.25.7"
-      },
-      "peerDependencies": {
-        "vite": ">=2.0.0"
-      }
+    "node_modules/vite-plugin-vue-setup-extend-plus": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmmirror.com/vite-plugin-vue-setup-extend-plus/-/vite-plugin-vue-setup-extend-plus-0.1.0.tgz",
+      "integrity": "sha512-pa27KIsHIBvBMv4xz9uB3UCfAuP2tr7PLlFhCS9vw+aXd326LEHsvhqd3hCQDOR5MjlQVyQH6vwuGr3u+KRiiw==",
+      "dev": true
     },
     "node_modules/vue": {
       "version": "3.2.45",
@@ -5945,9 +5938,9 @@
       "requires": {}
     },
     "element-plus": {
-      "version": "2.2.29",
-      "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.2.29.tgz",
-      "integrity": "sha512-g4dcrURrKkR5uUX8n5RVnnqGnimoki9HfqS4yHHG6XwCHBkZGozdq4x+478BzeWUe31h++BO+7dakSx4VnM8RQ==",
+      "version": "2.2.30",
+      "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.2.30.tgz",
+      "integrity": "sha512-HYSnmf2VMGa0gmw03evxevodPy3WimbAd4sfenOAhNs7Wl8IdT+YJjQyGAQjgEjRvhmujN4O/CZqhuEffRyOZg==",
       "requires": {
         "@ctrl/tinycolor": "^3.4.1",
         "@element-plus/icons-vue": "^2.0.6",
@@ -7777,15 +7770,11 @@
         "fs-extra": "^10.0.0"
       }
     },
-    "vite-plugin-vue-setup-extend": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmmirror.com/vite-plugin-vue-setup-extend/-/vite-plugin-vue-setup-extend-0.4.0.tgz",
-      "integrity": "sha512-WMbjPCui75fboFoUTHhdbXzu4Y/bJMv5N9QT9a7do3wNMNHHqrk+Tn2jrSJU0LS5fGl/EG+FEDBYVUeWIkDqXQ==",
-      "dev": true,
-      "requires": {
-        "@vue/compiler-sfc": "^3.2.29",
-        "magic-string": "^0.25.7"
-      }
+    "vite-plugin-vue-setup-extend-plus": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmmirror.com/vite-plugin-vue-setup-extend-plus/-/vite-plugin-vue-setup-extend-plus-0.1.0.tgz",
+      "integrity": "sha512-pa27KIsHIBvBMv4xz9uB3UCfAuP2tr7PLlFhCS9vw+aXd326LEHsvhqd3hCQDOR5MjlQVyQH6vwuGr3u+KRiiw==",
+      "dev": true
     },
     "vue": {
       "version": "3.2.45",

package.json

@@ -22,7 +22,7 @@
     "echarts": "^5.4.1",
     "echarts-gl": "^2.0.9",
     "echarts-wordcloud": "^2.1.0",
-    "element-plus": "^2.2.29",
+    "element-plus": "^2.2.30",
     "js-cookie": "^3.0.1",
     "js-table2excel": "^1.0.3",
     "jsplumb": "^2.15.6",
@@ -55,7 +55,7 @@
     "sass": "^1.56.2",
     "typescript": "^4.9.4",
     "vite": "^4.0.0",
-    "vite-plugin-vue-setup-extend": "^0.4.0",
+    "vite-plugin-vue-setup-extend-plus": "^0.1.0",
     "vue-eslint-parser": "^9.1.0",
     "dotenv": "16.0.3",
     "vite-plugin-compression": "0.5.1",

src/views/admin/api/index.vue

@@ -52,7 +52,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/api">
 import { ref, reactive, onMounted, getCurrentInstance, onUnmounted, defineAsyncComponent } from 'vue'
 import { ApiListOutput } from '/@/api/admin/data-contracts'
 import { ApiApi } from '/@/api/admin/Api'
@@ -200,12 +200,4 @@ const onSync = () => {
 }
 </script>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/api',
-})
-</script>
-
 <style scoped lang="scss"></style>

src/views/admin/cache/index.vue

@@ -16,7 +16,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/cache">
 import { reactive, onMounted, getCurrentInstance } from 'vue'
 import { CacheApi } from '/@/api/admin/Cache'
 const { proxy } = getCurrentInstance() as any
@@ -55,12 +55,4 @@ const onClear = (row: any) => {
 }
 </script>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/cache',
-})
-</script>
-
 <style scoped lang="scss"></style>

src/views/admin/dictionary/components/dictionary-form.vue

@@ -40,7 +40,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/dictionary/form">
 import { reactive, toRefs, getCurrentInstance, ref } from 'vue'
 import { DictionaryAddInput, DictionaryUpdateInput } from '/@/api/admin/data-contracts'
 import { DictionaryApi } from '/@/api/admin/Dictionary'
@@ -113,11 +113,3 @@ defineExpose({
   open,
 })
 </script>
-
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/dictionary/form',
-})
-</script>

src/views/admin/dictionary/components/dictionary-type-form.vue

@@ -35,7 +35,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/dictionaryType/typeForm">
 import { reactive, toRefs, getCurrentInstance, ref } from 'vue'
 import { DictionaryTypeAddInput, DictionaryTypeUpdateInput } from '/@/api/admin/data-contracts'
 import { DictionaryTypeApi } from '/@/api/admin/DictionaryType'
@@ -108,11 +108,3 @@ defineExpose({
   open,
 })
 </script>
-
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/dictionaryType/typeForm',
-})
-</script>

src/views/admin/dictionary/dictionary-type.vue

@@ -54,7 +54,7 @@
   <dictionary-type-form ref="dictionaryTypeFormRef" :title="state.dictionaryTypeFormTitle"></dictionary-type-form>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="'admin/dictType'">
 import { ref, reactive, onMounted, getCurrentInstance, onUnmounted, nextTick, defineAsyncComponent } from 'vue'
 import { DictionaryTypeListOutput, PageInputDictionaryTypeGetPageDto } from '/@/api/admin/data-contracts'
 import { DictionaryTypeApi } from '/@/api/admin/DictionaryType'
@@ -142,12 +142,4 @@ const onTableCurrentChange = (currentRow: DictionaryTypeListOutput) => {
 }
 </script>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/dictType',
-})
-</script>
-
 <style scoped lang="scss"></style>

src/views/admin/dictionary/dictionary.vue

@@ -47,7 +47,7 @@
   <dictionary-form ref="dictionaryFormRef" :title="state.dictionaryFormTitle"></dictionary-form>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/dictType">
 import { ref, reactive, onMounted, getCurrentInstance, onUnmounted, defineAsyncComponent } from 'vue'
 import { DictionaryListOutput, PageInputDictionaryGetPageDto, DictionaryTypeListOutput } from '/@/api/admin/data-contracts'
 import { DictionaryApi } from '/@/api/admin/Dictionary'
@@ -130,12 +130,4 @@ const onCurrentChange = (val: number) => {
 }
 </script>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/dictType',
-})
-</script>
-
 <style scoped lang="scss"></style>

src/views/admin/dictionary/index.vue

@@ -11,7 +11,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/dict">
 import { defineAsyncComponent } from 'vue'
 
 // 引入组件
@@ -19,12 +19,4 @@ const DictionaryType = defineAsyncComponent(() => import('./dictionary-type.vue'
 const Dictionary = defineAsyncComponent(() => import('./dictionary.vue'))
 </script>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/dict',
-})
-</script>
-
 <style scoped lang="scss"></style>

src/views/admin/file/components/file-upload.vue

@@ -44,7 +44,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/file/upload">
 import { ref, reactive, computed } from 'vue'
 import { UploadFile, UploadFiles } from 'element-plus'
 import { getToken } from '/@/api/admin/http-client'
@@ -108,14 +108,6 @@ defineExpose({
 })
 </script>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/file/upload',
-})
-</script>
-
 <style scoped lang="scss">
 .my-el-alert {
   border: none;

src/views/admin/file/index.vue

@@ -92,7 +92,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/file">
 import { ref, reactive, onMounted, onUnmounted, defineAsyncComponent, computed, getCurrentInstance } from 'vue'
 import { PageInputFileGetPageDto, FileGetPageOutput } from '/@/api/admin/data-contracts'
 import { FileApi } from '/@/api/admin/File'
@@ -187,14 +187,6 @@ const onDelete = (row: FileGetPageOutput) => {
 }
 </script>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/file',
-})
-</script>
-
 <style scoped lang="scss">
 .my-el-link {
   font-size: 12px;

src/views/admin/logs/login-log.vue

@@ -45,7 +45,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/loginLog">
 import { reactive, onMounted } from 'vue'
 import { LoginLogListOutput, PageInputLogGetPageDto } from '/@/api/admin/data-contracts'
 import { LoginLogApi } from '/@/api/admin/LoginLog'
@@ -95,12 +95,4 @@ const onCurrentChange = (val: number) => {
 }
 </script>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/loginLog',
-})
-</script>
-
 <style scoped lang="scss"></style>

src/views/admin/logs/opration-log.vue

@@ -50,7 +50,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/oprationLog">
 import { reactive, onMounted } from 'vue'
 import { OprationLogListOutput, PageInputLogGetPageDto } from '/@/api/admin/data-contracts'
 import { OprationLogApi } from '/@/api/admin/OprationLog'
@@ -100,12 +100,4 @@ const onCurrentChange = (val: number) => {
 }
 </script>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/oprationLog',
-})
-</script>
-
 <style scoped lang="scss"></style>

src/views/admin/org/components/org-form.vue

@@ -61,7 +61,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/org/form">
 import { reactive, toRefs, ref, PropType } from 'vue'
 import { OrgListOutput, OrgUpdateInput } from '/@/api/admin/data-contracts'
 import { OrgApi } from '/@/api/admin/Org'
@@ -138,11 +138,3 @@ defineExpose({
   open,
 })
 </script>
-
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/org/form',
-})
-</script>

src/views/admin/org/components/org-menu.vue

@@ -23,7 +23,7 @@
   </el-card>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/org/menu">
 import { onMounted, reactive, ref, watch, nextTick } from 'vue'
 import { OrgListOutput } from '/@/api/admin/data-contracts'
 import { OrgApi } from '/@/api/admin/Org'
@@ -106,11 +106,3 @@ defineExpose({
   orgMenuRef,
 })
 </script>
-
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/org/menu',
-})
-</script>

src/views/admin/org/index.vue

@@ -48,7 +48,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/org">
 import { ref, reactive, onMounted, getCurrentInstance, onUnmounted, defineAsyncComponent } from 'vue'
 import { OrgListOutput } from '/@/api/admin/data-contracts'
 import { OrgApi } from '/@/api/admin/Org'
@@ -114,12 +114,4 @@ const onDelete = (row: OrgListOutput) => {
 }
 </script>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/org',
-})
-</script>
-
 <style scoped lang="scss"></style>

src/views/admin/permission/components/permission-dot-form.vue

@@ -86,7 +86,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/permission/permission-dot-form">
 import { reactive, toRefs, getCurrentInstance, ref, PropType } from 'vue'
 import { PermissionListOutput, PermissionUpdateDotInput, ApiListOutput } from '/@/api/admin/data-contracts'
 import { PermissionApi } from '/@/api/admin/Permission'
@@ -198,14 +198,6 @@ defineExpose({
 })
 </script>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/permission/permission-dot-form',
-})
-</script>
-
 <style scoped lang="scss">
 .my-mlr-12 {
   margin-left: 12px;

src/views/admin/permission/components/permission-group-form.vue

@@ -101,7 +101,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/permission/permission-group-form">
 import { reactive, toRefs, getCurrentInstance, ref, PropType, defineAsyncComponent } from 'vue'
 import { PermissionListOutput, PermissionUpdateGroupInput, ViewListOutput } from '/@/api/admin/data-contracts'
 import { PermissionApi } from '/@/api/admin/Permission'
@@ -198,11 +198,3 @@ defineExpose({
   open,
 })
 </script>
-
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/permission/permission-group-form',
-})
-</script>

src/views/admin/permission/components/permission-menu-form.vue

@@ -122,7 +122,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/permission/permission-menu-form">
 import { reactive, toRefs, getCurrentInstance, ref, PropType, defineAsyncComponent } from 'vue'
 import { PermissionListOutput, PermissionUpdateMenuInput, ViewListOutput } from '/@/api/admin/data-contracts'
 import { PermissionApi } from '/@/api/admin/Permission'
@@ -235,14 +235,6 @@ defineExpose({
 })
 </script>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/permission/permission-menu-form',
-})
-</script>
-
 <style scoped lang="scss">
 .my-ml-12 {
   margin-left: 12px;

src/views/admin/permission/index.vue

@@ -111,7 +111,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/permission">
 import { ref, reactive, onMounted, getCurrentInstance, onUnmounted, defineAsyncComponent } from 'vue'
 import { PermissionListOutput } from '/@/api/admin/data-contracts'
 import { PermissionApi } from '/@/api/admin/Permission'
@@ -217,12 +217,4 @@ const onDelete = (row: PermissionListOutput) => {
 }
 </script>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/permission',
-})
-</script>
-
 <style scoped lang="scss"></style>

src/views/admin/personal/components/change-password-form.vue

@@ -44,7 +44,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/personal/change-password-form">
 import { reactive, toRefs, ref } from 'vue'
 import { UserChangePasswordInput } from '/@/api/admin/data-contracts'
 import { UserApi } from '/@/api/admin/User'
@@ -116,11 +116,3 @@ defineExpose({
   open,
 })
 </script>
-
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/personal/change-password-form',
-})
-</script>

src/views/admin/role/components/role-form.vue

@@ -51,7 +51,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/role/form">
 import { reactive, toRefs, ref, PropType } from 'vue'
 import { RoleGetListOutput, RoleUpdateInput } from '/@/api/admin/data-contracts'
 import { RoleApi } from '/@/api/admin/Role'
@@ -126,11 +126,3 @@ defineExpose({
   open,
 })
 </script>
-
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/role/form',
-})
-</script>

src/views/admin/role/components/set-role-data-scope.vue

@@ -30,7 +30,7 @@
   </el-dialog>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/role/components/set-role-data-scope">
 import { ref, toRefs, reactive, computed, defineAsyncComponent } from 'vue'
 import { RoleGetListOutput, RoleSetDataScopeInput } from '/@/api/admin/data-contracts'
 import { RoleApi } from '/@/api/admin/Role'
@@ -115,14 +115,6 @@ defineExpose({
 })
 </script>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/role/components/set-role-data-scope',
-})
-</script>
-
 <style scoped lang="scss">
 :deep(.el-dialog__body) {
   padding: 5px 10px;

src/views/admin/role/components/set-role-menu.vue

@@ -23,7 +23,7 @@
   </el-dialog>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/role/components/set-role-menu">
 import { ref, reactive, getCurrentInstance, computed } from 'vue'
 import { RoleGetListOutput, PermissionAssignInput } from '/@/api/admin/data-contracts'
 import { PermissionApi } from '/@/api/admin/Permission'
@@ -119,14 +119,6 @@ defineExpose({
 })
 </script>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/role/components/set-role-menu',
-})
-</script>
-
 <style scoped lang="scss">
 :deep(.el-dialog__body) {
   padding: 5px 10px;

src/views/admin/role/index.vue

@@ -109,7 +109,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/role">
 import { ref, reactive, onMounted, getCurrentInstance, onUnmounted, nextTick, defineAsyncComponent } from 'vue'
 import { RoleGetListOutput, UserGetRoleUserListOutput, UserGetPageOutput, RoleAddRoleUserListInput, RoleType } from '/@/api/admin/data-contracts'
 import { RoleApi } from '/@/api/admin/Role'
@@ -319,12 +319,4 @@ const onSetRoleDataScope = (role: RoleGetListOutput) => {
 }
 </script>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/role',
-})
-</script>
-
 <style scoped lang="scss"></style>

src/views/admin/task/components/task-logs.vue

@@ -37,7 +37,7 @@
   </el-drawer>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/taskLog">
 import { reactive } from 'vue'
 import { ResultOutputPageOutputTaskLog, PageInputTaskLogGetPageDto, TaskListOutput } from '/@/api/admin/data-contracts'
 import { TaskLogApi } from '/@/api/admin/TaskLog'
@@ -104,14 +104,6 @@ defineExpose({
 })
 </script>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/taskLog',
-})
-</script>
-
 <style scoped lang="scss">
 .my-drawer-body-padding {
   padding: 10px;

src/views/admin/task/index.vue

@@ -79,7 +79,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/task">
 import { ref, reactive, onMounted, getCurrentInstance, defineAsyncComponent } from 'vue'
 import { TaskListOutput, PageInputTaskGetPageDto } from '/@/api/admin/data-contracts'
 import { TaskApi } from '/@/api/admin/Task'
@@ -208,12 +208,4 @@ const onCurrentChange = (val: number) => {
 }
 </script>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/task',
-})
-</script>
-
 <style scoped lang="scss"></style>

src/views/admin/tenant/components/set-tenant-menu.vue

@@ -23,7 +23,7 @@
   </el-dialog>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/tenant/components/set-tenant-menu">
 import { ref, reactive, getCurrentInstance, computed } from 'vue'
 import { TenantListOutput, PermissionSaveTenantPermissionsInput } from '/@/api/admin/data-contracts'
 import { PermissionApi } from '/@/api/admin/Permission'
@@ -119,14 +119,6 @@ defineExpose({
 })
 </script>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/tenant/components/set-tenant-menu',
-})
-</script>
-
 <style scoped lang="scss">
 :deep(.el-dialog__body) {
   padding: 5px 10px;

src/views/admin/tenant/components/tenant-form.vue

@@ -52,7 +52,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/tenant/form">
 import { reactive, toRefs, getCurrentInstance, ref } from 'vue'
 import { TenantAddInput, TenantUpdateInput } from '/@/api/admin/data-contracts'
 import { TenantApi } from '/@/api/admin/Tenant'
@@ -126,11 +126,3 @@ defineExpose({
   open,
 })
 </script>
-
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/tenant/form',
-})
-</script>

src/views/admin/tenant/index.vue

@@ -53,7 +53,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/tenant">
 import { ref, reactive, onMounted, getCurrentInstance, onUnmounted, defineAsyncComponent } from 'vue'
 import { TenantListOutput, PageInputTenantGetPageDto } from '/@/api/admin/data-contracts'
 import { TenantApi } from '/@/api/admin/Tenant'
@@ -143,12 +143,4 @@ const onSetTenantMenu = (tenant: TenantListOutput) => {
 }
 </script>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/tenant',
-})
-</script>
-
 <style scoped lang="scss"></style>

src/views/admin/user/components/my-select-user.vue

@@ -15,7 +15,7 @@
   <user-select ref="userSelectRef" title="选择直属主管" :modal="true" @sure="onSureUser" v-bind="$attrs"></user-select>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/user/components/my-select-user">
 import { ref, reactive, PropType, defineAsyncComponent } from 'vue'
 import { UserGetPageOutput } from '/@/api/admin/data-contracts'
 
@@ -53,12 +53,4 @@ const onSureUser = async (user: UserGetPageOutput) => {
 }
 </script>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/user/components/my-select-user',
-})
-</script>
-
 <style scoped lang="scss"></style>

src/views/admin/user/components/user-form.vue

@@ -99,7 +99,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/user/form">
 import { reactive, toRefs, getCurrentInstance, ref, watch, defineAsyncComponent } from 'vue'
 import { UserAddInput, UserUpdateInput, OrgListOutput, RoleGetListOutput } from '/@/api/admin/data-contracts'
 import { UserApi } from '/@/api/admin/User'
@@ -250,11 +250,3 @@ defineExpose({
   open,
 })
 </script>
-
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/user/form',
-})
-</script>

src/views/admin/user/components/user-select.vue

@@ -63,7 +63,7 @@
   </el-dialog>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/user/components/user-select">
 import { ref, reactive, defineAsyncComponent } from 'vue'
 import { ElTable } from 'element-plus'
 import { UserGetPageOutput, PageInputUserGetPageDto, OrgListOutput } from '/@/api/admin/data-contracts'
@@ -179,14 +179,6 @@ defineExpose({
 })
 </script>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/user/components/user-select',
-})
-</script>
-
 <style scoped lang="scss">
 :deep(.el-dialog__body) {
   padding: 5px 10px;

src/views/admin/user/index.vue

@@ -69,7 +69,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/user">
 import { ref, reactive, onMounted, getCurrentInstance, onUnmounted, defineAsyncComponent } from 'vue'
 import { UserGetPageOutput, PageInputUserGetPageDto, OrgListOutput, UserSetManagerInput, UserResetPasswordInput } from '/@/api/admin/data-contracts'
 import { UserApi } from '/@/api/admin/User'
@@ -189,12 +189,4 @@ const onOrgNodeClick = (node: OrgListOutput | null) => {
 }
 </script>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/user',
-})
-</script>
-
 <style scoped lang="scss"></style>

src/views/admin/view/components/view-form.vue

@@ -65,7 +65,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/view/form">
 import { reactive, toRefs, ref, PropType } from 'vue'
 import { ViewListOutput, ViewUpdateInput } from '/@/api/admin/data-contracts'
 import { ViewApi } from '/@/api/admin/View'
@@ -144,11 +144,3 @@ defineExpose({
   open,
 })
 </script>
-
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/view/form',
-})
-</script>

src/views/admin/view/index.vue

@@ -49,7 +49,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="admin/view">
 import { ref, reactive, onMounted, getCurrentInstance, onUnmounted, defineAsyncComponent } from 'vue'
 import { ViewListOutput } from '/@/api/admin/data-contracts'
 import { ViewApi } from '/@/api/admin/View'
@@ -117,12 +117,4 @@ const onDelete = (row: ViewListOutput) => {
 }
 </script>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'admin/view',
-})
-</script>
-
 <style scoped lang="scss"></style>

vite.config.ts

@@ -1,7 +1,7 @@
 import vue from '@vitejs/plugin-vue'
 import { resolve } from 'path'
 import { defineConfig, ConfigEnv } from 'vite'
-import vueSetupExtend from 'vite-plugin-vue-setup-extend'
+import vueSetupExtend from 'vite-plugin-vue-setup-extend-plus'
 import compression from 'vite-plugin-compression'
 import { loadEnv } from '/@/utils/vite'