diff --git a/build/vite/plugin/index.ts b/build/vite/plugin/index.ts
index f423358..6ad2a5e 100644
--- a/build/vite/plugin/index.ts
+++ b/build/vite/plugin/index.ts
@@ -5,7 +5,6 @@ import windiCSS from 'vite-plugin-windicss'
 import progress from 'vite-plugin-progress'
 import purgeIcons from 'vite-plugin-purge-icons'
 import VitePluginCertificate from 'vite-plugin-mkcert'
-import vueSetupExtend from 'unplugin-vue-setup-extend-plus/vite'
 import { configPwaConfig } from './pwa'
 import { configHtmlPlugin } from './html'
 import { configCompressPlugin } from './compress'
@@ -24,8 +23,6 @@ export async function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
     vueJsx(),
     // 打包进度条
     progress(),
-    // support name
-    vueSetupExtend({}),
     VitePluginCertificate({
       source: 'coding'
     })
diff --git a/src/components/Button/src/BasicButton.vue b/src/components/Button/src/BasicButton.vue
index 213256c..d8e9ebd 100644
--- a/src/components/Button/src/BasicButton.vue
+++ b/src/components/Button/src/BasicButton.vue
@@ -7,13 +7,15 @@
     </template>
   </Button>
 </template>
-<script lang="ts" setup name="AButton" extends="Button" indeterminate="false">
+<script lang="ts" setup extends="Button">
 import { Button } from 'ant-design-vue'
 import { computed, unref } from 'vue'
 import { Icon } from '@/components/Icon'
 import { buttonProps } from './props'
 import { useAttrs } from '@/hooks/core/useAttrs'
 
+defineOptions({ name: 'AButton', indeterminate: false })
+
 const props = defineProps(buttonProps)
 // get component class
 const attrs = useAttrs({ excludeDefaultKeys: false })
diff --git a/src/components/Container/src/LazyContainer.vue b/src/components/Container/src/LazyContainer.vue
index bac1f7a..a807b30 100644
--- a/src/components/Container/src/LazyContainer.vue
+++ b/src/components/Container/src/LazyContainer.vue
@@ -9,12 +9,14 @@
     </div>
   </transition-group>
 </template>
-<script lang="ts" setup name="LazyContainer" inheritAttrs="false">
+<script lang="ts" setup>
 import { reactive, onMounted, ref, toRef } from 'vue'
 import { Skeleton } from 'ant-design-vue'
 import { useTimeoutFn } from '@vueuse/core'
 import { useIntersectionObserver } from '@/hooks/event/useIntersectionObserver'
 
+defineOptions({ name: 'LazyContainer', inheritAttrs: false })
+
 interface State {
   isInit: boolean
   loading: boolean
diff --git a/src/components/Container/src/ScrollContainer.vue b/src/components/Container/src/ScrollContainer.vue
index 615b448..b0fa814 100644
--- a/src/components/Container/src/ScrollContainer.vue
+++ b/src/components/Container/src/ScrollContainer.vue
@@ -4,11 +4,13 @@
   </Scrollbar>
 </template>
 
-<script lang="ts" setup name="ScrollContainer">
+<script lang="ts" setup>
 import { ref, unref, nextTick } from 'vue'
 import { Scrollbar, ScrollbarType } from '@/components/Scrollbar'
 import { useScrollTo } from '@/hooks/event/useScrollTo'
 
+defineOptions({ name: 'ScrollContainer' })
+
 const scrollbarRef = ref<Nullable<ScrollbarType>>(null)
 
 /**
diff --git a/src/components/CountDown/src/CountButton.vue b/src/components/CountDown/src/CountButton.vue
index 2a240ed..c020f95 100644
--- a/src/components/CountDown/src/CountButton.vue
+++ b/src/components/CountDown/src/CountButton.vue
@@ -3,13 +3,15 @@
     {{ getButtonText }}
   </Button>
 </template>
-<script lang="ts" setup name="CountButton">
+<script lang="ts" setup>
 import { ref, watchEffect, computed, unref } from 'vue'
 import { Button } from 'ant-design-vue'
 import { useCountdown } from './useCountdown'
 import { isFunction } from '@/utils/is'
 import { useI18n } from '@/hooks/web/useI18n'
 
+defineOptions({ name: 'CountButton' })
+
 const props = defineProps({
   value: { type: [Object, Number, String, Array] },
   count: { type: Number, default: 60 },
diff --git a/src/components/CountDown/src/CountdownInput.vue b/src/components/CountDown/src/CountdownInput.vue
index 4113692..ce84f8f 100644
--- a/src/components/CountDown/src/CountdownInput.vue
+++ b/src/components/CountDown/src/CountdownInput.vue
@@ -8,10 +8,13 @@
     </template>
   </a-input>
 </template>
-<script lang="ts" setup name="CountDownInput" inheritAttrs="false">
+<script lang="ts" setup>
 import CountButton from './CountButton.vue'
 import { useDesign } from '@/hooks/web/useDesign'
 import { useRuleFormItem } from '@/hooks/component/useFormItem'
+
+defineOptions({ name: 'CountDownInput', inheritAttrs: false })
+
 const props = defineProps({
   value: { type: String },
   size: { type: String, validator: (v: string) => ['default', 'large', 'small'].includes(v) },
@@ -21,6 +24,7 @@ const props = defineProps({
     default: null
   }
 })
+
 const { prefixCls } = useDesign('countdown-input')
 const [state] = useRuleFormItem(props)
 </script>
diff --git a/src/components/CountTo/src/CountTo.vue b/src/components/CountTo/src/CountTo.vue
index a7d6599..691465c 100644
--- a/src/components/CountTo/src/CountTo.vue
+++ b/src/components/CountTo/src/CountTo.vue
@@ -3,11 +3,13 @@
     {{ value }}
   </span>
 </template>
-<script lang="ts" setup name="CountTo">
+<script lang="ts" setup>
 import { ref, computed, watchEffect, unref, onMounted, watch } from 'vue'
 import { useTransition, TransitionPresets } from '@vueuse/core'
 import { isNumber } from '@/utils/is'
 
+defineOptions({ name: 'CountTo' })
+
 const emit = defineEmits(['onStarted', 'onFinished'])
 
 const props = defineProps({
diff --git a/src/components/Cropper/src/CopperModal.vue b/src/components/Cropper/src/CopperModal.vue
index 7859de6..8005001 100644
--- a/src/components/Cropper/src/CopperModal.vue
+++ b/src/components/Cropper/src/CopperModal.vue
@@ -91,7 +91,7 @@
     </div>
   </BasicModal>
 </template>
-<script lang="ts" setup name="CropperModal">
+<script lang="ts" setup>
 import type { CropendResult, Cropper } from './typing'
 import { ref } from 'vue'
 import CropperImage from './Cropper.vue'
@@ -102,6 +102,8 @@ import { dataURLtoBlob } from '@/utils/file/base64Conver'
 import { isFunction } from '@/utils/is'
 import { useI18n } from '@/hooks/web/useI18n'
 
+defineOptions({ name: 'CropperModal' })
+
 type apiFunParams = { file: Blob; name: string; filename: string }
 
 const emit = defineEmits(['uploadSuccess', 'register'])
diff --git a/src/components/Cropper/src/Cropper.vue b/src/components/Cropper/src/Cropper.vue
index e1c8687..4e8dfc9 100644
--- a/src/components/Cropper/src/Cropper.vue
+++ b/src/components/Cropper/src/Cropper.vue
@@ -3,7 +3,7 @@
     <img v-show="isReady" ref="imgElRef" :src="src" :alt="alt" :crossorigin="crossorigin" :style="getImageStyle" />
   </div>
 </template>
-<script lang="ts" setup name="CropperImage">
+<script lang="ts" setup>
 import { CSSProperties, useAttrs } from 'vue'
 import { onMounted, ref, unref, computed, onUnmounted } from 'vue'
 import Cropper from 'cropperjs'
@@ -11,6 +11,8 @@ import 'cropperjs/dist/cropper.css'
 import { useDesign } from '@/hooks/web/useDesign'
 import { useDebounceFn } from '@vueuse/core'
 
+defineOptions({ name: 'CropperImage' })
+
 const emit = defineEmits(['cropend', 'ready', 'cropendError'])
 const attrs = useAttrs()
 
diff --git a/src/components/Cropper/src/CropperAvatar.vue b/src/components/Cropper/src/CropperAvatar.vue
index 97dfd61..9c72c11 100644
--- a/src/components/Cropper/src/CropperAvatar.vue
+++ b/src/components/Cropper/src/CropperAvatar.vue
@@ -13,7 +13,7 @@
     <CopperModal @register="register" @upload-success="handleUploadSuccess" :uploadApi="uploadApi" :src="sourceValue" />
   </div>
 </template>
-<script lang="ts" setup name="CropperAvatar">
+<script lang="ts" setup>
 import { computed, CSSProperties, unref, ref, watchEffect, watch } from 'vue'
 import CopperModal from './CopperModal.vue'
 import { useDesign } from '@/hooks/web/useDesign'
@@ -23,6 +23,8 @@ import { useI18n } from '@/hooks/web/useI18n'
 import type { ButtonProps } from '@/components/Button'
 import { Icon } from '@/components/Icon'
 
+defineOptions({ name: 'CropperAvatar' })
+
 const emit = defineEmits(['update:value', 'change'])
 
 const props = defineProps({
diff --git a/src/components/Drawer/src/components/DrawerFooter.vue b/src/components/Drawer/src/components/DrawerFooter.vue
index ffdaec4..4eb01fe 100644
--- a/src/components/Drawer/src/components/DrawerFooter.vue
+++ b/src/components/Drawer/src/components/DrawerFooter.vue
@@ -17,12 +17,14 @@
     </template>
   </div>
 </template>
-<script lang="ts" setup name="BasicDrawerFooter">
+<script lang="ts" setup>
 import type { CSSProperties } from 'vue'
 import { computed } from 'vue'
 import { useDesign } from '@/hooks/web/useDesign'
 import { footerProps } from '../props'
 
+defineOptions({ name: 'BasicDrawerFooter' })
+
 const props = defineProps({
   ...footerProps,
   height: {
diff --git a/src/components/Drawer/src/components/DrawerHeader.vue b/src/components/Drawer/src/components/DrawerHeader.vue
index f61243d..867b3a0 100644
--- a/src/components/Drawer/src/components/DrawerHeader.vue
+++ b/src/components/Drawer/src/components/DrawerHeader.vue
@@ -17,12 +17,14 @@
     </span>
   </div>
 </template>
-<script lang="ts" setup name="BasicDrawerHeader">
+<script lang="ts" setup>
 import { BasicTitle } from '@/components/Basic'
 import { ArrowLeftOutlined } from '@ant-design/icons-vue'
 import { useDesign } from '@/hooks/web/useDesign'
 import { propTypes } from '@/utils/propTypes'
 
+defineOptions({ name: 'BasicDrawerHeader' })
+
 defineProps({
   isDetail: propTypes.bool,
   showDetailBack: propTypes.bool,
diff --git a/src/components/Excel/src/ImportExcel.vue b/src/components/Excel/src/ImportExcel.vue
index f1b9edb..6029739 100644
--- a/src/components/Excel/src/ImportExcel.vue
+++ b/src/components/Excel/src/ImportExcel.vue
@@ -6,12 +6,14 @@
     </div>
   </div>
 </template>
-<script lang="ts" setup name="ImportExcel">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import * as XLSX from 'xlsx'
 import { dateUtil } from '@/utils/dateUtil'
 import type { ExcelData } from './typing'
 
+defineOptions({ name: 'ImportExcel' })
+
 const props = defineProps({
   // 日期时间格式。如果不提供或者提供空值，将返回原始Date对象
   dateFormat: {
diff --git a/src/components/Form/src/BasicForm.vue b/src/components/Form/src/BasicForm.vue
index cf13db9..f8c1106 100644
--- a/src/components/Form/src/BasicForm.vue
+++ b/src/components/Form/src/BasicForm.vue
@@ -28,7 +28,7 @@
     </Row>
   </Form>
 </template>
-<script lang="ts" setup name="BasicForm">
+<script lang="ts" setup>
 import type { FormActionType, FormProps, FormSchema } from './types/form'
 import type { AdvanceState } from './types/hooks'
 import { Ref, useAttrs } from 'vue'
@@ -56,6 +56,8 @@ import { basicProps } from './props'
 import { useDesign } from '@/hooks/web/useDesign'
 import { cloneDeep } from 'lodash-es'
 
+defineOptions({ name: 'BasicForm' })
+
 const props = defineProps(basicProps)
 const emit = defineEmits(['advanced-change', 'reset', 'submit', 'register', 'field-value-change'])
 const attrs = useAttrs()
diff --git a/src/components/Form/src/components/ApiCascader.vue b/src/components/Form/src/components/ApiCascader.vue
index 434ab3a..be0893a 100644
--- a/src/components/Form/src/components/ApiCascader.vue
+++ b/src/components/Form/src/components/ApiCascader.vue
@@ -18,7 +18,7 @@
     </template>
   </Cascader>
 </template>
-<script lang="ts" setup name="ApiCascader">
+<script lang="ts" setup>
 import { ref, unref, watch, watchEffect } from 'vue'
 import { Cascader } from 'ant-design-vue'
 import { propTypes } from '@/utils/propTypes'
@@ -28,6 +28,8 @@ import { useRuleFormItem } from '@/hooks/component/useFormItem'
 import { LoadingOutlined } from '@ant-design/icons-vue'
 import { useI18n } from '@/hooks/web/useI18n'
 
+defineOptions({ name: 'ApiCascader' })
+
 interface Option {
   value: string
   label: string
diff --git a/src/components/Form/src/components/ApiRadioGroup.vue b/src/components/Form/src/components/ApiRadioGroup.vue
index 007024a..7a6eb28 100644
--- a/src/components/Form/src/components/ApiRadioGroup.vue
+++ b/src/components/Form/src/components/ApiRadioGroup.vue
@@ -13,7 +13,7 @@
     </template>
   </RadioGroup>
 </template>
-<script lang="ts" setup name="ApiRadioGroup">
+<script lang="ts" setup>
 import { ref, watchEffect, computed, unref, watch } from 'vue'
 import { Radio } from 'ant-design-vue'
 import { isFunction } from '@/utils/is'
@@ -24,6 +24,8 @@ import { get, omit } from 'lodash-es'
 const RadioButton = Radio.Button
 const RadioGroup = Radio.Group
 
+defineOptions({ name: 'ApiRadioGroup' })
+
 type OptionsItem = { label: string; value: string | number | boolean; disabled?: boolean }
 
 const props = defineProps({
diff --git a/src/components/Form/src/components/ApiSelect.vue b/src/components/Form/src/components/ApiSelect.vue
index 5eb242a..ec8cd6e 100644
--- a/src/components/Form/src/components/ApiSelect.vue
+++ b/src/components/Form/src/components/ApiSelect.vue
@@ -21,7 +21,7 @@
     </template>
   </Select>
 </template>
-<script lang="ts" setup name="ApiSelect" inheritAttrs="false">
+<script lang="ts" setup>
 import { ref, watchEffect, computed, unref, watch } from 'vue'
 import { Select } from 'ant-design-vue'
 import { isFunction } from '@/utils/is'
@@ -33,6 +33,8 @@ import { useI18n } from '@/hooks/web/useI18n'
 import { propTypes } from '@/utils/propTypes'
 import { SelectValue } from 'ant-design-vue/lib/select'
 
+defineOptions({ name: 'ApiSelect', inheritAttrs: false })
+
 type OptionsItem = { label: string; value: string; disabled?: boolean }
 
 const props = defineProps({
diff --git a/src/components/Form/src/components/ApiTransfer.vue b/src/components/Form/src/components/ApiTransfer.vue
index 9e5d1ac..3eefd9d 100644
--- a/src/components/Form/src/components/ApiTransfer.vue
+++ b/src/components/Form/src/components/ApiTransfer.vue
@@ -11,7 +11,7 @@
     @change="handleChange"
   />
 </template>
-<script lang="ts" setup name="ApiTransfer">
+<script lang="ts" setup>
 import { computed, watch, ref, unref, useAttrs, watchEffect } from 'vue'
 import { Transfer } from 'ant-design-vue'
 import { isFunction } from '@/utils/is'
@@ -19,6 +19,8 @@ import { get, omit } from 'lodash-es'
 import { propTypes } from '@/utils/propTypes'
 import { TransferDirection, TransferItem } from 'ant-design-vue/lib/transfer'
 
+defineOptions({ name: 'ApiTransfer' })
+
 const props = defineProps({
   value: { type: Array as PropType<Array<any>> },
   api: {
diff --git a/src/components/Form/src/components/ApiTree.vue b/src/components/Form/src/components/ApiTree.vue
index d3cd95e..78b1ede 100644
--- a/src/components/Form/src/components/ApiTree.vue
+++ b/src/components/Form/src/components/ApiTree.vue
@@ -8,7 +8,7 @@
     </template>
   </Tree>
 </template>
-<script lang="ts" setup name="ApiTree">
+<script lang="ts" setup>
 import { computed, watch, ref, onMounted, unref, useSlots, useAttrs } from 'vue'
 import { Tree } from 'ant-design-vue'
 import { isArray, isFunction } from '@/utils/is'
@@ -17,6 +17,8 @@ import { propTypes } from '@/utils/propTypes'
 import { LoadingOutlined } from '@ant-design/icons-vue'
 import { handleTree } from '@/utils/tree'
 
+defineOptions({ name: 'ApiTree' })
+
 const props = defineProps({
   api: { type: Function as PropType<(arg?: Recordable) => Promise<Recordable>> },
   params: { type: Object },
diff --git a/src/components/Form/src/components/ApiTreeSelect.vue b/src/components/Form/src/components/ApiTreeSelect.vue
index 9cdd975..9c723d5 100644
--- a/src/components/Form/src/components/ApiTreeSelect.vue
+++ b/src/components/Form/src/components/ApiTreeSelect.vue
@@ -8,7 +8,7 @@
     </template>
   </TreeSelect>
 </template>
-<script lang="ts" setup name="ApiTreeSelect">
+<script lang="ts" setup>
 import { computed, watch, ref, onMounted, unref, useAttrs } from 'vue'
 import { TreeSelect } from 'ant-design-vue'
 import { isArray, isFunction } from '@/utils/is'
@@ -17,6 +17,8 @@ import { propTypes } from '@/utils/propTypes'
 import { LoadingOutlined } from '@ant-design/icons-vue'
 import { handleTree } from '@/utils/tree'
 
+defineOptions({ name: 'ApiTreeSelect' })
+
 const props = defineProps({
   api: { type: Function as PropType<(arg?: Recordable) => Promise<Recordable>> },
   params: { type: Object },
diff --git a/src/components/Form/src/components/FileUpload.vue b/src/components/Form/src/components/FileUpload.vue
index 5303bd8..e8cf69c 100644
--- a/src/components/Form/src/components/FileUpload.vue
+++ b/src/components/Form/src/components/FileUpload.vue
@@ -7,7 +7,7 @@
       :fileList="fileList"
       :disabled="disabled"
       v-bind="bindProps"
-      @remove="onRemove"
+      @remove="onRemove as any"
       @change="onFileChange"
       @preview="onFilePreview"
     >
@@ -25,7 +25,7 @@
   </div>
 </template>
 
-<script lang="ts" setup name="FileUpload">
+<script lang="ts" setup>
 import { Upload } from 'ant-design-vue'
 import { ref, reactive, computed, watch, unref } from 'vue'
 import { Icon } from '@/components/Icon'
@@ -37,6 +37,8 @@ import { useAttrs } from '@/hooks/core/useAttrs'
 import { useDesign } from '@/hooks/web/useDesign'
 import { useGlobSetting } from '@/hooks/setting'
 
+defineOptions({ name: 'FileUpload' })
+
 const { createMessage, createConfirm } = useMessage()
 const { prefixCls } = useDesign('upload')
 const attrs = useAttrs()
diff --git a/src/components/Form/src/components/FormAction.vue b/src/components/Form/src/components/FormAction.vue
index 0cb1ec3..696b274 100644
--- a/src/components/Form/src/components/FormAction.vue
+++ b/src/components/Form/src/components/FormAction.vue
@@ -22,7 +22,7 @@
     </div>
   </Col>
 </template>
-<script lang="ts" setup name="BasicFormAction">
+<script lang="ts" setup>
 import type { ColEx } from '../types'
 //import type { ButtonProps } from 'ant-design-vue/es/button/buttonTypes';
 import { computed } from 'vue'
@@ -33,10 +33,12 @@ import { useFormContext } from '../hooks/useFormContext'
 import { useI18n } from '@/hooks/web/useI18n'
 import { propTypes } from '@/utils/propTypes'
 
-type ButtonOptions = Partial<ButtonProps> & { text: string }
-
 const FormItem = Form.Item
 
+defineOptions({ name: 'BasicFormAction' })
+
+type ButtonOptions = Partial<ButtonProps> & { text: string }
+
 const props = defineProps({
   showActionButtonGroup: propTypes.bool.def(true),
   showResetButton: propTypes.bool.def(true),
diff --git a/src/components/Form/src/components/RadioButtonGroup.vue b/src/components/Form/src/components/RadioButtonGroup.vue
index 26c7015..3becbd2 100644
--- a/src/components/Form/src/components/RadioButtonGroup.vue
+++ b/src/components/Form/src/components/RadioButtonGroup.vue
@@ -10,7 +10,7 @@
     </template>
   </RadioGroup>
 </template>
-<script lang="ts" setup name="RadioButtonGroup">
+<script lang="ts" setup>
 import { computed, ref } from 'vue'
 import { Radio } from 'ant-design-vue'
 import { isString } from '@/utils/is'
@@ -23,6 +23,8 @@ const RadioGroup = Radio.Group
 type OptionsItem = { label: string; value: string | number | boolean; disabled?: boolean }
 type RadioItem = string | OptionsItem
 
+defineOptions({ name: 'RadioButtonGroup' })
+
 const emits = defineEmits(['change'])
 
 const props = defineProps({
diff --git a/src/components/FormDesign/src/components/VFormDesign/components/RuleProps.vue b/src/components/FormDesign/src/components/VFormDesign/components/RuleProps.vue
index bd51f33..94ef8c2 100644
--- a/src/components/FormDesign/src/components/VFormDesign/components/RuleProps.vue
+++ b/src/components/FormDesign/src/components/VFormDesign/components/RuleProps.vue
@@ -20,7 +20,7 @@
     </a>
   </div>
 </template>
-<script lang="ts" setup name="RuleProps">
+<script lang="ts" setup>
 import { ref } from 'vue'
 import { remove } from '../../../utils'
 import { useFormDesignState } from '../../../hooks/useFormDesignState'
@@ -28,6 +28,8 @@ import { isArray } from 'lodash-es'
 import { Form, FormItem, AutoComplete, Input } from 'ant-design-vue'
 import { Icon } from '@/components/Icon'
 
+defineOptions({ name: 'RuleProps' })
+
 // 获取祖先组件的状态
 const { formConfig } = useFormDesignState()
 // 抽离 currentItem
diff --git a/src/components/Icon/src/Icon.vue b/src/components/Icon/src/Icon.vue
index d065db0..5fcbfcd 100644
--- a/src/components/Icon/src/Icon.vue
+++ b/src/components/Icon/src/Icon.vue
@@ -2,13 +2,15 @@
   <SvgIcon :size="size" :name="getSvgIcon" v-if="isSvgIcon" :class="[$attrs.class, 'anticon']" :spin="spin" />
   <span v-else ref="elRef" :class="[$attrs.class, 'app-iconify anticon', spin && 'app-iconify-spin']" :style="getWrapStyle"></span>
 </template>
-<script lang="ts" setup name="Icon">
+<script lang="ts" setup>
 import { ref, watch, onMounted, nextTick, unref, computed, CSSProperties } from 'vue'
 import SvgIcon from './SvgIcon.vue'
 import Iconify from '@purge-icons/generated'
 import { isString } from '@/utils/is'
 import { propTypes } from '@/utils/propTypes'
 
+defineOptions({ name: 'Icon' })
+
 const SVG_END_WITH_FLAG = '|svg'
 
 const props = defineProps({
diff --git a/src/components/Icon/src/SvgIcon.vue b/src/components/Icon/src/SvgIcon.vue
index e547934..0402017 100644
--- a/src/components/Icon/src/SvgIcon.vue
+++ b/src/components/Icon/src/SvgIcon.vue
@@ -3,11 +3,13 @@
     <use :xlink:href="symbolId" />
   </svg>
 </template>
-<script lang="ts" setup name="SvgIcon">
+<script lang="ts" setup>
 import type { CSSProperties } from 'vue'
 import { computed } from 'vue'
 import { useDesign } from '@/hooks/web/useDesign'
 
+defineOptions({ name: 'SvgIcon' })
+
 const props = defineProps({
   prefix: {
     type: String,
diff --git a/src/components/Loading/src/Loading.vue b/src/components/Loading/src/Loading.vue
index 9988c15..a537756 100644
--- a/src/components/Loading/src/Loading.vue
+++ b/src/components/Loading/src/Loading.vue
@@ -8,11 +8,13 @@
     <Spin v-bind="$attrs" :tip="tip" :size="size" :spinning="loading" />
   </section>
 </template>
-<script lang="ts" setup name="Loading">
+<script lang="ts" setup>
 import { Spin } from 'ant-design-vue'
 import { SizeEnum } from '@/enums/sizeEnum'
 import { propTypes } from '@/utils/propTypes'
 
+defineOptions({ name: 'Loading' })
+
 defineProps({
   tip: propTypes.string.def(''),
   size: {
diff --git a/src/components/Menu/src/BasicMenu.vue b/src/components/Menu/src/BasicMenu.vue
index d0cf6f8..a66e304 100644
--- a/src/components/Menu/src/BasicMenu.vue
+++ b/src/components/Menu/src/BasicMenu.vue
@@ -17,7 +17,7 @@
     </template>
   </Menu>
 </template>
-<script lang="ts" setup name="BasicMenu">
+<script lang="ts" setup>
 import type { MenuState } from './types'
 import { computed, unref, reactive, watch, toRefs, ref } from 'vue'
 import { Menu } from 'ant-design-vue'
@@ -34,6 +34,8 @@ import { getCurrentParentPath } from '@/router/menus'
 import { listenerRouteChange } from '@/logics/mitt/routeChange'
 import { getAllParentPath } from '@/router/helper/menuHelper'
 
+defineOptions({ name: 'BasicMenu' })
+
 const props = defineProps(basicProps)
 const emit = defineEmits(['menuClick'])
 
diff --git a/src/components/Menu/src/components/BasicMenuItem.vue b/src/components/Menu/src/components/BasicMenuItem.vue
index a73409a..5bbaf43 100644
--- a/src/components/Menu/src/components/BasicMenuItem.vue
+++ b/src/components/Menu/src/components/BasicMenuItem.vue
@@ -3,10 +3,12 @@
     <MenuItemContent v-bind="$props" :item="item" />
   </MenuItem>
 </template>
-<script lang="ts" setup name="BasicMenuItem">
+<script lang="ts" setup>
 import { MenuItem } from 'ant-design-vue'
 import { itemProps } from '../props'
 import MenuItemContent from './MenuItemContent.vue'
 
+defineOptions({ name: 'BasicMenuItem' })
+
 defineProps(itemProps)
 </script>
diff --git a/src/components/Menu/src/components/BasicSubMenuItem.vue b/src/components/Menu/src/components/BasicSubMenuItem.vue
index 12465d5..25e11ff 100644
--- a/src/components/Menu/src/components/BasicSubMenuItem.vue
+++ b/src/components/Menu/src/components/BasicSubMenuItem.vue
@@ -10,7 +10,7 @@
     </template>
   </SubMenu>
 </template>
-<script lang="ts" setup name="BasicSubMenuItem">
+<script lang="ts" setup>
 import type { Menu as MenuType } from '@/router/types'
 import { computed } from 'vue'
 import { Menu } from 'ant-design-vue'
@@ -20,6 +20,9 @@ import BasicMenuItem from './BasicMenuItem.vue'
 import MenuItemContent from './MenuItemContent.vue'
 
 const SubMenu = Menu.SubMenu
+
+defineOptions({ name: 'BasicSubMenuItem' })
+
 const props = defineProps(itemProps)
 
 const { prefixCls } = useDesign('basic-menu-item')
diff --git a/src/components/Menu/src/components/MenuItemContent.vue b/src/components/Menu/src/components/MenuItemContent.vue
index 6ca18f8..099afa0 100644
--- a/src/components/Menu/src/components/MenuItemContent.vue
+++ b/src/components/Menu/src/components/MenuItemContent.vue
@@ -4,13 +4,16 @@
     {{ getI18nName }}
   </span>
 </template>
-<script lang="ts" setup name="MenuItemContent">
+<script lang="ts" setup>
 import { computed } from 'vue'
 import { Icon } from '@/components/Icon'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useDesign } from '@/hooks/web/useDesign'
 import { contentProps } from '../props'
+
 const { t } = useI18n()
+
+defineOptions({ name: 'MenuItemContent' })
 const props = defineProps(contentProps)
 
 const { prefixCls } = useDesign('basic-menu-item-content')
diff --git a/src/components/Modal/src/BasicModal.vue b/src/components/Modal/src/BasicModal.vue
index bfd5604..9831183 100644
--- a/src/components/Modal/src/BasicModal.vue
+++ b/src/components/Modal/src/BasicModal.vue
@@ -44,7 +44,7 @@
     </template>
   </Modal>
 </template>
-<script lang="ts" setup name="BasicModal" inheritAttrs="false">
+<script lang="ts" setup>
 import type { ModalProps, ModalMethods } from './typing'
 
 import { computed, ref, watch, unref, watchEffect, toRef, getCurrentInstance, nextTick, useAttrs } from 'vue'
@@ -60,6 +60,8 @@ import { useFullScreen } from './hooks/useModalFullScreen'
 import { omit } from 'lodash-es'
 import { useDesign } from '@/hooks/web/useDesign'
 
+defineOptions({ name: 'BasicModal', inheritAttrs: false })
+
 const props = defineProps(basicProps)
 const attrs = useAttrs()
 const emit = defineEmits(['visible-change', 'height-change', 'cancel', 'ok', 'register', 'update:visible'])
diff --git a/src/components/Modal/src/components/ModalClose.vue b/src/components/Modal/src/components/ModalClose.vue
index e2d3855..39a7d56 100644
--- a/src/components/Modal/src/components/ModalClose.vue
+++ b/src/components/Modal/src/components/ModalClose.vue
@@ -13,7 +13,7 @@
     </Tooltip>
   </div>
 </template>
-<script lang="ts" setup name="ModalClose">
+<script lang="ts" setup>
 import { computed } from 'vue'
 import { FullscreenExitOutlined, FullscreenOutlined, CloseOutlined } from '@ant-design/icons-vue'
 import { useDesign } from '@/hooks/web/useDesign'
@@ -22,6 +22,8 @@ import { useI18n } from '@/hooks/web/useI18n'
 
 const { t } = useI18n()
 
+defineOptions({ name: 'ModalClose' })
+
 const props = defineProps({
   canFullscreen: { type: Boolean, default: true },
   fullScreen: { type: Boolean }
diff --git a/src/components/Modal/src/components/ModalFooter.vue b/src/components/Modal/src/components/ModalFooter.vue
index 558ecb1..1114845 100644
--- a/src/components/Modal/src/components/ModalFooter.vue
+++ b/src/components/Modal/src/components/ModalFooter.vue
@@ -11,9 +11,11 @@
     <slot name="appendFooter"></slot>
   </div>
 </template>
-<script lang="ts" setup name="BasicModalFooter">
+<script lang="ts" setup>
 import { basicProps } from '../props'
 
+defineOptions({ name: 'BasicModalFooter' })
+
 defineProps(basicProps)
 
 const emit = defineEmits(['ok', 'cancel'])
diff --git a/src/components/Modal/src/components/ModalHeader.vue b/src/components/Modal/src/components/ModalHeader.vue
index 48c5d2f..e1b58b6 100644
--- a/src/components/Modal/src/components/ModalHeader.vue
+++ b/src/components/Modal/src/components/ModalHeader.vue
@@ -3,9 +3,11 @@
     {{ title }}
   </BasicTitle>
 </template>
-<script lang="ts" setup name="BasicModalHeader">
+<script lang="ts" setup>
 import { BasicTitle } from '@/components/Basic'
 
+defineOptions({ name: 'BasicModalHeader' })
+
 defineProps({
   helpMessage: {
     type: [String, Array] as PropType<string | string[]>
diff --git a/src/components/Modal/src/components/ModalWrapper.vue b/src/components/Modal/src/components/ModalWrapper.vue
index f9cd420..57d8865 100644
--- a/src/components/Modal/src/components/ModalWrapper.vue
+++ b/src/components/Modal/src/components/ModalWrapper.vue
@@ -5,7 +5,7 @@
     </div>
   </ScrollContainer>
 </template>
-<script lang="ts" setup name="ModalWrapper" inheritAttrs="false">
+<script lang="ts" setup>
 import type { CSSProperties } from 'vue'
 import { computed, ref, watchEffect, unref, watch, onMounted, nextTick, onUnmounted } from 'vue'
 import { useWindowSizeFn } from '@/hooks/event/useWindowSizeFn'
@@ -13,6 +13,8 @@ import { ScrollContainer } from '@/components/Container'
 import { createModalContext } from '../hooks/useModalContext'
 import { useMutationObserver } from '@vueuse/core'
 
+defineOptions({ name: 'ModalWrapper', inheritAttrs: false })
+
 const emit = defineEmits(['height-change', 'ext-height'])
 const props = defineProps({
   loading: { type: Boolean },
diff --git a/src/components/Page/src/PageFooter.vue b/src/components/Page/src/PageFooter.vue
index c6905fa..ab8ed41 100644
--- a/src/components/Page/src/PageFooter.vue
+++ b/src/components/Page/src/PageFooter.vue
@@ -10,10 +10,12 @@
   </div>
 </template>
 
-<script lang="ts" setup name="PageFooter" inheritAttrs="false">
+<script lang="ts" setup>
 import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
 import { useDesign } from '@/hooks/web/useDesign'
 
+defineOptions({ name: 'PageFooter', inheritAttrs: false })
+
 const { prefixCls } = useDesign('page-footer')
 const { getCalcContentWidth } = useMenuSetting()
 </script>
diff --git a/src/components/Page/src/PageWrapper.vue b/src/components/Page/src/PageWrapper.vue
index 68da740..807d954 100644
--- a/src/components/Page/src/PageWrapper.vue
+++ b/src/components/Page/src/PageWrapper.vue
@@ -26,7 +26,7 @@
     </PageFooter>
   </div>
 </template>
-<script lang="ts" setup name="PageWrapper" inheritAttrs="false">
+<script lang="ts" setup>
 import { CSSProperties, provide } from 'vue'
 import { computed, watch, ref, unref, useAttrs, useSlots } from 'vue'
 import PageFooter from './PageFooter.vue'
@@ -37,6 +37,8 @@ import { PageHeader } from 'ant-design-vue'
 import { useContentHeight } from '@/hooks/web/useContentHeight'
 import { PageWrapperFixedHeightKey } from '..'
 
+defineOptions({ name: 'PageWrapper', inheritAttrs: false })
+
 const props = defineProps({
   title: propTypes.string,
   dense: propTypes.bool,
diff --git a/src/components/Preview/src/Preview.vue b/src/components/Preview/src/Preview.vue
index b10d355..34bbfc3 100644
--- a/src/components/Preview/src/Preview.vue
+++ b/src/components/Preview/src/Preview.vue
@@ -14,7 +14,7 @@
     </ImagePreviewGroup>
   </div>
 </template>
-<script lang="ts" setup name="ImagePreview">
+<script lang="ts" setup>
 import { computed } from 'vue'
 import { Image, ImagePreviewGroup } from 'ant-design-vue'
 import { useDesign } from '@/hooks/web/useDesign'
@@ -39,6 +39,8 @@ interface ImageProps {
 
 type ImageItem = string | ImageProps
 
+defineOptions({ name: 'ImagePreview' })
+
 const props = defineProps({
   functional: propTypes.bool,
   imageList: {
diff --git a/src/components/Qrcode/src/Qrcode.vue b/src/components/Qrcode/src/Qrcode.vue
index 722db3f..b2fda68 100644
--- a/src/components/Qrcode/src/Qrcode.vue
+++ b/src/components/Qrcode/src/Qrcode.vue
@@ -3,13 +3,15 @@
     <component :is="tag" ref="wrapRef" />
   </div>
 </template>
-<script lang="ts" setup name="QrCode">
+<script lang="ts" setup>
 import { watch, ref, unref, onMounted } from 'vue'
 import { toCanvas, QRCodeRenderersOptions, LogoType } from './qrcodePlus'
 import { toDataURL } from 'qrcode'
 import { downloadByUrl } from '@/utils/file/download'
 import { QrcodeDoneEventParams } from './typing'
 
+defineOptions({ name: 'QrCode' })
+
 const props = defineProps({
   value: {
     type: [String, Array] as PropType<string | any[]>,
diff --git a/src/components/Scrollbar/src/Scrollbar.vue b/src/components/Scrollbar/src/Scrollbar.vue
index 79364fc..9edf279 100644
--- a/src/components/Scrollbar/src/Scrollbar.vue
+++ b/src/components/Scrollbar/src/Scrollbar.vue
@@ -16,13 +16,15 @@
     </template>
   </div>
 </template>
-<script lang="ts" setup name="Scrollbar">
+<script lang="ts" setup>
 import { addResizeListener, removeResizeListener } from '@/utils/event'
 import componentSetting from '@/settings/componentSetting'
 import { toObject } from './util'
 import { ref, onMounted, onBeforeUnmount, nextTick, provide, computed, unref } from 'vue'
 import Bar from './bar'
 
+defineOptions({ name: 'Scrollbar' })
+
 const props = defineProps({
   native: {
     type: Boolean,
diff --git a/src/components/SimpleMenu/src/SimpleMenu.vue b/src/components/SimpleMenu/src/SimpleMenu.vue
index 560ff2c..04049e7 100644
--- a/src/components/SimpleMenu/src/SimpleMenu.vue
+++ b/src/components/SimpleMenu/src/SimpleMenu.vue
@@ -12,7 +12,7 @@
     </template>
   </Menu>
 </template>
-<script lang="ts" setup name="SimpleMenu" inheritAttrs="false">
+<script lang="ts" setup>
 import type { MenuState } from './types'
 import type { Menu as MenuType } from '@/router/types'
 import type { RouteLocationNormalizedLoaded } from 'vue-router'
@@ -28,6 +28,8 @@ import { isFunction, isUrl } from '@/utils/is'
 import { openWindow } from '@/utils'
 import { useOpenKeys } from './useOpenKeys'
 
+defineOptions({ name: 'SimpleMenu', inheritAttrs: false })
+
 const props = defineProps({
   items: {
     type: Array as PropType<MenuType[]>,
diff --git a/src/components/SimpleMenu/src/SimpleMenuTag.vue b/src/components/SimpleMenu/src/SimpleMenuTag.vue
index 03d6ae4..d10ba9b 100644
--- a/src/components/SimpleMenu/src/SimpleMenuTag.vue
+++ b/src/components/SimpleMenu/src/SimpleMenuTag.vue
@@ -1,12 +1,14 @@
 <template>
   <span :class="getTagClass" v-if="getShowTag">{{ getContent }}</span>
 </template>
-<script lang="ts" setup name="SimpleMenuTag">
+<script lang="ts" setup>
 import type { Menu } from '@/router/types'
 import { computed } from 'vue'
 import { useDesign } from '@/hooks/web/useDesign'
 import { propTypes } from '@/utils/propTypes'
 
+defineOptions({ name: 'SimpleMenuTag' })
+
 const props = defineProps({
   item: {
     type: Object as PropType<Menu>,
diff --git a/src/components/SimpleMenu/src/SimpleSubMenu.vue b/src/components/SimpleMenu/src/SimpleSubMenu.vue
index cc5989f..453fc7c 100644
--- a/src/components/SimpleMenu/src/SimpleSubMenu.vue
+++ b/src/components/SimpleMenu/src/SimpleSubMenu.vue
@@ -34,7 +34,7 @@
     </template>
   </SubMenu>
 </template>
-<script lang="ts" setup name="SimpleSubMenu">
+<script lang="ts" setup>
 import type { Menu } from '@/router/types'
 import { computed } from 'vue'
 import { useDesign } from '@/hooks/web/useDesign'
@@ -48,6 +48,8 @@ import { createAsyncComponent } from '@/utils/factory/createAsyncComponent'
 
 const SimpleMenuTag = createAsyncComponent(() => import('./SimpleMenuTag.vue'))
 
+defineOptions({ name: 'SimpleSubMenu' })
+
 const props = defineProps({
   item: {
     type: Object as PropType<Menu>,
diff --git a/src/components/SimpleMenu/src/components/Menu.vue b/src/components/SimpleMenu/src/components/Menu.vue
index 2220cc7..21dce57 100644
--- a/src/components/SimpleMenu/src/components/Menu.vue
+++ b/src/components/SimpleMenu/src/components/Menu.vue
@@ -4,7 +4,7 @@
   </ul>
 </template>
 
-<script lang="ts" setup name="Menu">
+<script lang="ts" setup>
 import type { SubMenuProvider } from './types'
 import { ref, computed, onMounted, watchEffect, watch, nextTick, getCurrentInstance, provide } from 'vue'
 import { useDesign } from '@/hooks/web/useDesign'
@@ -12,6 +12,8 @@ import { propTypes } from '@/utils/propTypes'
 import { createSimpleRootMenuContext } from './useSimpleMenuContext'
 import mitt from '@/utils/mitt'
 
+defineOptions({ name: 'Menu' })
+
 const props = defineProps({
   theme: propTypes.oneOf(['light', 'dark']).def('light'),
   activeName: propTypes.oneOfType([propTypes.string, propTypes.number]),
diff --git a/src/components/SimpleMenu/src/components/MenuCollapseTransition.vue b/src/components/SimpleMenu/src/components/MenuCollapseTransition.vue
index be4e761..434d2ea 100644
--- a/src/components/SimpleMenu/src/components/MenuCollapseTransition.vue
+++ b/src/components/SimpleMenu/src/components/MenuCollapseTransition.vue
@@ -3,8 +3,11 @@
     <slot></slot>
   </transition>
 </template>
-<script lang="ts" setup name="MenuCollapseTransition">
+<script lang="ts" setup>
 import { addClass, removeClass } from '@/utils/domUtils'
+
+defineOptions({ name: 'MenuCollapseTransition' })
+
 const on = {
   beforeEnter(el) {
     addClass(el, 'collapse-transition')
diff --git a/src/components/SimpleMenu/src/components/MenuItem.vue b/src/components/SimpleMenu/src/components/MenuItem.vue
index 28ac293..1332233 100644
--- a/src/components/SimpleMenu/src/components/MenuItem.vue
+++ b/src/components/SimpleMenu/src/components/MenuItem.vue
@@ -16,7 +16,7 @@
   </li>
 </template>
 
-<script lang="ts" setup name="MenuItem">
+<script lang="ts" setup>
 import { ref, useSlots, computed, unref, getCurrentInstance, watch } from 'vue'
 import { useDesign } from '@/hooks/web/useDesign'
 import { propTypes } from '@/utils/propTypes'
@@ -24,6 +24,8 @@ import { useMenuItem } from './useMenu'
 import { Tooltip } from 'ant-design-vue'
 import { useSimpleRootMenuContext } from './useSimpleMenuContext'
 
+defineOptions({ name: 'MenuItem' })
+
 const props = defineProps({
   name: {
     type: [String, Number] as PropType<string | number>,
diff --git a/src/components/SimpleMenu/src/components/SubMenuItem.vue b/src/components/SimpleMenu/src/components/SubMenuItem.vue
index df9aaf0..9f7afa5 100644
--- a/src/components/SimpleMenu/src/components/SubMenuItem.vue
+++ b/src/components/SimpleMenu/src/components/SubMenuItem.vue
@@ -45,7 +45,7 @@
     </Popover>
   </li>
 </template>
-<script lang="ts" setup name="SubMenu">
+<script lang="ts" setup>
 import type { CSSProperties } from 'vue'
 import type { SubMenuProvider } from './types'
 import { computed, unref, getCurrentInstance, reactive, provide, onBeforeMount, inject } from 'vue'
@@ -58,6 +58,9 @@ import { Icon } from '@/components/Icon'
 import { Popover } from 'ant-design-vue'
 import { isBoolean, isObject } from '@/utils/is'
 import mitt from '@/utils/mitt'
+
+defineOptions({ name: 'SubMenu' })
+
 const DELAY = 200
 const props = defineProps({
   name: {
diff --git a/src/components/StrengthMeter/src/StrengthMeter.vue b/src/components/StrengthMeter/src/StrengthMeter.vue
index 56ad565..38a3f0b 100644
--- a/src/components/StrengthMeter/src/StrengthMeter.vue
+++ b/src/components/StrengthMeter/src/StrengthMeter.vue
@@ -10,13 +10,15 @@
     </div>
   </div>
 </template>
-<script lang="ts" setup name="StrengthMeter">
+<script lang="ts" setup>
 import { computed, ref, watch, unref, watchEffect } from 'vue'
 import { InputPassword } from 'ant-design-vue'
 import { zxcvbn } from '@zxcvbn-ts/core'
 import { useDesign } from '@/hooks/web/useDesign'
 import { propTypes } from '@/utils/propTypes'
 
+defineOptions({ name: 'StrengthMeter' })
+
 const props = defineProps({
   value: propTypes.string,
   showInput: propTypes.bool.def(true),
diff --git a/src/components/Table/src/BasicTable.vue b/src/components/Table/src/BasicTable.vue
index 7d97adf..3cee770 100644
--- a/src/components/Table/src/BasicTable.vue
+++ b/src/components/Table/src/BasicTable.vue
@@ -39,7 +39,7 @@
     </Table>
   </div>
 </template>
-<script lang="ts" setup name="BasicTable">
+<script lang="ts" setup>
 import type { BasicTableProps, TableActionType, SizeType, ColumnChangeParam } from './types/table'
 import { ref, computed, unref, toRaw, inject, watchEffect, useAttrs, useSlots } from 'vue'
 import { Table } from 'ant-design-vue'
@@ -67,6 +67,8 @@ import { basicProps } from './props'
 import { isFunction } from '@/utils/is'
 import { warn } from '@/utils/log'
 
+defineOptions({ name: 'BasicTable' })
+
 const props = defineProps(basicProps)
 const emit = defineEmits([
   'fetch-success',
diff --git a/src/components/Table/src/components/EditTableHeaderIcon.vue b/src/components/Table/src/components/EditTableHeaderIcon.vue
index 6f890ba..e537e85 100644
--- a/src/components/Table/src/components/EditTableHeaderIcon.vue
+++ b/src/components/Table/src/components/EditTableHeaderIcon.vue
@@ -5,8 +5,10 @@
     <FormOutlined />
   </span>
 </template>
-<script lang="ts" setup name="EditTableHeaderIcon">
+<script lang="ts" setup>
 import { FormOutlined } from '@ant-design/icons-vue'
 
+defineOptions({ name: 'EditTableHeaderIcon' })
+
 defineProps({ title: { type: String, default: '' } })
 </script>
diff --git a/src/components/Table/src/components/HeaderCell.vue b/src/components/Table/src/components/HeaderCell.vue
index c845549..8ac937f 100644
--- a/src/components/Table/src/components/HeaderCell.vue
+++ b/src/components/Table/src/components/HeaderCell.vue
@@ -5,13 +5,15 @@
   <span v-else>{{ getTitle }}</span>
   <BasicHelp v-if="getHelpMessage" :text="getHelpMessage" :class="`${prefixCls}__help`" />
 </template>
-<script lang="ts" setup name="TableHeaderCell">
+<script lang="ts" setup>
 import { computed } from 'vue'
 import type { BasicColumn } from '../types/table'
 import BasicHelp from '@/components/Basic/src/BasicHelp.vue'
 import EditTableHeaderCell from './EditTableHeaderIcon.vue'
 import { useDesign } from '@/hooks/web/useDesign'
 
+defineOptions({ name: 'TableHeaderCell' })
+
 const props = defineProps({
   column: {
     type: Object as PropType<BasicColumn>,
diff --git a/src/components/Table/src/components/TableAction.vue b/src/components/Table/src/components/TableAction.vue
index 72266de..6264d9c 100644
--- a/src/components/Table/src/components/TableAction.vue
+++ b/src/components/Table/src/components/TableAction.vue
@@ -19,7 +19,7 @@
     </Dropdown>
   </div>
 </template>
-<script lang="ts" setup name="TableAction">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { computed, toRaw, unref } from 'vue'
 import { MoreOutlined } from '@ant-design/icons-vue'
@@ -35,6 +35,8 @@ import { isBoolean, isFunction, isString } from '@/utils/is'
 import { propTypes } from '@/utils/propTypes'
 import { ACTION_COLUMN_FLAG } from '../const'
 
+defineOptions({ name: 'TableAction' })
+
 const props = defineProps({
   actions: {
     type: Array as PropType<ActionItem[]>,
diff --git a/src/components/Table/src/components/TableFooter.vue b/src/components/Table/src/components/TableFooter.vue
index 5c4d69f..3490227 100644
--- a/src/components/Table/src/components/TableFooter.vue
+++ b/src/components/Table/src/components/TableFooter.vue
@@ -11,7 +11,7 @@
     :scroll="scroll"
   />
 </template>
-<script lang="ts" setup name="BasicTableFooter">
+<script lang="ts" setup>
 import { unref, computed, toRaw } from 'vue'
 import { Table } from 'ant-design-vue'
 import { cloneDeep } from 'lodash-es'
@@ -24,6 +24,8 @@ import { useTableContext } from '../hooks/useTableContext'
 const SUMMARY_ROW_KEY = '_row'
 const SUMMARY_INDEX_KEY = '_index'
 
+defineOptions({ name: 'BasicTableFooter' })
+
 const props = defineProps({
   summaryFunc: {
     type: Function as PropType<Fn>
diff --git a/src/components/Table/src/components/TableHeader.vue b/src/components/Table/src/components/TableHeader.vue
index 1bd43d2..de1a852 100644
--- a/src/components/Table/src/components/TableHeader.vue
+++ b/src/components/Table/src/components/TableHeader.vue
@@ -14,13 +14,15 @@
     </div>
   </div>
 </template>
-<script lang="ts" setup name="BasicTableHeader">
+<script lang="ts" setup>
 import type { TableSetting, ColumnChangeParam } from '../types/table'
 import { Divider } from 'ant-design-vue'
 import TableSettingComponent from './settings/index.vue'
 import TableTitle from './TableTitle.vue'
 import { useDesign } from '@/hooks/web/useDesign'
 
+defineOptions({ name: 'BasicTableHeader' })
+
 defineProps({
   title: {
     type: [Function, String] as PropType<string | ((data: Recordable) => string)>
diff --git a/src/components/Table/src/components/TableImg.vue b/src/components/Table/src/components/TableImg.vue
index b8d347b..fa6dc1d 100644
--- a/src/components/Table/src/components/TableImg.vue
+++ b/src/components/Table/src/components/TableImg.vue
@@ -23,13 +23,15 @@
     </ImagePreviewGroup>
   </div>
 </template>
-<script lang="ts" setup name="TableImage">
+<script lang="ts" setup>
 import type { CSSProperties } from 'vue'
 import { computed } from 'vue'
 import { useDesign } from '@/hooks/web/useDesign'
 import { Image, Badge, ImagePreviewGroup } from 'ant-design-vue'
 import { propTypes } from '@/utils/propTypes'
 
+defineOptions({ name: 'TableImage' })
+
 const props = defineProps({
   imgList: propTypes.arrayOf(propTypes.string),
   size: propTypes.number.def(40),
diff --git a/src/components/Table/src/components/TableTitle.vue b/src/components/Table/src/components/TableTitle.vue
index d3c8747..0f2bf95 100644
--- a/src/components/Table/src/components/TableTitle.vue
+++ b/src/components/Table/src/components/TableTitle.vue
@@ -3,12 +3,14 @@
     {{ getTitle }}
   </BasicTitle>
 </template>
-<script lang="ts" setup name="BasicTableTitle">
+<script lang="ts" setup>
 import { computed } from 'vue'
 import { BasicTitle } from '@/components/Basic'
 import { useDesign } from '@/hooks/web/useDesign'
 import { isFunction } from '@/utils/is'
 
+defineOptions({ name: 'BasicTableTitle' })
+
 const props = defineProps({
   title: {
     type: [Function, String] as PropType<string | ((data: Recordable) => string)>
diff --git a/src/components/Table/src/components/settings/ColumnSetting.vue b/src/components/Table/src/components/settings/ColumnSetting.vue
index 6c97eb3..244aa93 100644
--- a/src/components/Table/src/components/settings/ColumnSetting.vue
+++ b/src/components/Table/src/components/settings/ColumnSetting.vue
@@ -82,7 +82,7 @@
     </Popover>
   </Tooltip>
 </template>
-<script lang="ts" setup name="ColumnSetting">
+<script lang="ts" setup>
 import type { BasicColumn, BasicTableProps, ColumnChangeParam } from '../../types/table'
 import { ref, reactive, useAttrs, watchEffect, nextTick, unref, computed } from 'vue'
 import { Tooltip, Popover, Checkbox, Divider } from 'ant-design-vue'
@@ -100,6 +100,8 @@ import { cloneDeep, omit } from 'lodash-es'
 import Sortablejs from 'sortablejs'
 import type Sortable from 'sortablejs'
 
+defineOptions({ name: 'ColumnSetting' })
+
 interface State {
   checkAll: boolean
   isInit?: boolean
diff --git a/src/components/Table/src/components/settings/RedoSetting.vue b/src/components/Table/src/components/settings/RedoSetting.vue
index 1d3501f..8c517d5 100644
--- a/src/components/Table/src/components/settings/RedoSetting.vue
+++ b/src/components/Table/src/components/settings/RedoSetting.vue
@@ -6,12 +6,14 @@
     <RedoOutlined @click="redo" />
   </Tooltip>
 </template>
-<script lang="ts" setup name="RedoSetting">
+<script lang="ts" setup>
 import { Tooltip } from 'ant-design-vue'
 import { RedoOutlined } from '@ant-design/icons-vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useTableContext } from '../../hooks/useTableContext'
 
+defineOptions({ name: 'RedoSetting' })
+
 const table = useTableContext()
 const { t } = useI18n()
 
diff --git a/src/components/Table/src/components/settings/SizeSetting.vue b/src/components/Table/src/components/settings/SizeSetting.vue
index 530975e..74f00b4 100644
--- a/src/components/Table/src/components/settings/SizeSetting.vue
+++ b/src/components/Table/src/components/settings/SizeSetting.vue
@@ -22,7 +22,7 @@
     </Dropdown>
   </Tooltip>
 </template>
-<script lang="ts" setup name="SizeSetting">
+<script lang="ts" setup>
 import type { SizeType } from '../../types/table'
 import { ref } from 'vue'
 import { Tooltip, Dropdown, Menu } from 'ant-design-vue'
@@ -32,6 +32,9 @@ import { useTableContext } from '../../hooks/useTableContext'
 import { getPopupContainer } from '@/utils'
 
 const MenuItem = Menu.Item
+
+defineOptions({ name: 'SizeSetting' })
+
 const table = useTableContext()
 const { t } = useI18n()
 
diff --git a/src/components/Table/src/components/settings/index.vue b/src/components/Table/src/components/settings/index.vue
index 3e2e9d2..cbbcf5e 100644
--- a/src/components/Table/src/components/settings/index.vue
+++ b/src/components/Table/src/components/settings/index.vue
@@ -6,7 +6,7 @@
     <FullScreenSetting v-if="getSetting.fullScreen" :getPopupContainer="getTableContainer" />
   </div>
 </template>
-<script lang="ts" setup name="TableSetting">
+<script lang="ts" setup>
 import type { TableSetting, ColumnChangeParam } from '../../types/table'
 import { computed, unref } from 'vue'
 import ColumnSetting from './ColumnSetting.vue'
@@ -15,6 +15,8 @@ import RedoSetting from './RedoSetting.vue'
 import FullScreenSetting from './FullScreenSetting.vue'
 import { useTableContext } from '../../hooks/useTableContext'
 
+defineOptions({ name: 'TableSetting' })
+
 const props = defineProps({
   setting: {
     type: Object as PropType<TableSetting>,
diff --git a/src/components/Tinymce/src/Editor.vue b/src/components/Tinymce/src/Editor.vue
index 71aff26..3d0080b 100644
--- a/src/components/Tinymce/src/Editor.vue
+++ b/src/components/Tinymce/src/Editor.vue
@@ -13,7 +13,7 @@
   </div>
 </template>
 
-<script lang="ts" setup name="Tinymce" inheritAttrs="false">
+<script lang="ts" setup>
 import type { Editor, RawEditorSettings } from 'tinymce'
 import tinymce from 'tinymce/tinymce'
 import 'tinymce/themes/silver'
@@ -59,6 +59,8 @@ import { isNumber } from '@/utils/is'
 import { useLocale } from '@/locales/useLocale'
 import { useAppStore } from '@/store/modules/app'
 
+defineOptions({ name: 'Tinymce', inheritAttrs: false })
+
 const props = defineProps({
   options: {
     type: Object as PropType<Partial<RawEditorSettings>>,
diff --git a/src/components/Tinymce/src/ImgUpload.vue b/src/components/Tinymce/src/ImgUpload.vue
index bd50a92..b53433f 100644
--- a/src/components/Tinymce/src/ImgUpload.vue
+++ b/src/components/Tinymce/src/ImgUpload.vue
@@ -7,14 +7,15 @@
     </Upload>
   </div>
 </template>
-<script lang="ts" setup name="TinymceImageUpload">
+<script lang="ts" setup>
 import { computed } from 'vue'
-
 import { Upload } from 'ant-design-vue'
 import { useDesign } from '@/hooks/web/useDesign'
 import { useGlobSetting } from '@/hooks/setting'
 import { useI18n } from '@/hooks/web/useI18n'
 
+defineOptions({ name: 'TinymceImageUpload' })
+
 const props = defineProps({
   fullscreen: {
     type: Boolean
diff --git a/src/components/Transition/src/CollapseTransition.vue b/src/components/Transition/src/CollapseTransition.vue
index afc0eb1..07baff9 100644
--- a/src/components/Transition/src/CollapseTransition.vue
+++ b/src/components/Transition/src/CollapseTransition.vue
@@ -3,8 +3,11 @@
     <slot></slot>
   </transition>
 </template>
-<script lang="ts" setup name="CollapseTransition">
+<script lang="ts" setup>
 import { addClass, removeClass } from '@/utils/domUtils'
+
+defineOptions({ name: 'CollapseTransition' })
+
 const on = {
   beforeEnter(el) {
     addClass(el, 'collapse-transition')
diff --git a/src/components/Upload/src/BasicUpload.vue b/src/components/Upload/src/BasicUpload.vue
index 07cd685..d82dccb 100644
--- a/src/components/Upload/src/BasicUpload.vue
+++ b/src/components/Upload/src/BasicUpload.vue
@@ -35,7 +35,7 @@
     />
   </div>
 </template>
-<script lang="ts" setup name="BasicUpload">
+<script lang="ts" setup>
 import { ref, watch, unref, useAttrs, computed } from 'vue'
 import { Icon } from '@/components/Icon'
 import { Tooltip, Space } from 'ant-design-vue'
@@ -47,6 +47,8 @@ import { isArray } from '@/utils/is'
 import UploadModal from './UploadModal.vue'
 import UploadPreviewModal from './UploadPreviewModal.vue'
 
+defineOptions({ name: 'BasicUpload' })
+
 const props = defineProps(uploadContainerProps)
 const emit = defineEmits(['change', 'delete', 'preview-delete', 'update:value'])
 const attrs = useAttrs()
diff --git a/src/layouts/default/content/index.vue b/src/layouts/default/content/index.vue
index d463d31..79d8a1e 100644
--- a/src/layouts/default/content/index.vue
+++ b/src/layouts/default/content/index.vue
@@ -3,13 +3,15 @@
     <PageLayout />
   </div>
 </template>
-<script lang="ts" setup name="LayoutContent">
+<script lang="ts" setup>
 import PageLayout from '@/layouts/page/index.vue'
 import { useDesign } from '@/hooks/web/useDesign'
 import { useRootSetting } from '@/hooks/setting/useRootSetting'
 import { useTransitionSetting } from '@/hooks/setting/useTransitionSetting'
 import { useContentViewHeight } from './useContentViewHeight'
 
+defineOptions({ name: 'LayoutContent' })
+
 const { prefixCls } = useDesign('layout-content')
 const { getOpenPageLoading } = useTransitionSetting()
 const { getLayoutContentMode, getPageLoading } = useRootSetting()
diff --git a/src/layouts/default/feature/index.vue b/src/layouts/default/feature/index.vue
index 2fac1cc..4d25169 100644
--- a/src/layouts/default/feature/index.vue
+++ b/src/layouts/default/feature/index.vue
@@ -4,7 +4,7 @@
   <SettingDrawer v-if="getIsFixedSettingDrawer" :class="prefixCls" />
   <SessionTimeoutLogin v-if="getIsSessionTimeout" />
 </template>
-<script lang="ts" setup name="LayoutFeatures">
+<script lang="ts" setup>
 import { computed, unref } from 'vue'
 import { BackTop } from 'ant-design-vue'
 
@@ -22,6 +22,8 @@ const LayoutLockPage = createAsyncComponent(() => import('@/views/base/lock/inde
 
 const SettingDrawer = createAsyncComponent(() => import('@/layouts/default/setting/index.vue'))
 
+defineOptions({ name: 'LayoutFeatures' })
+
 const { getUseOpenBackTop, getShowSettingButton, getSettingButtonPosition, getFullContent } = useRootSetting()
 const userStore = useUserStoreWithOut()
 const { prefixCls } = useDesign('setting-drawer-feature')
diff --git a/src/layouts/default/footer/index.vue b/src/layouts/default/footer/index.vue
index 0316046..6cc5c59 100644
--- a/src/layouts/default/footer/index.vue
+++ b/src/layouts/default/footer/index.vue
@@ -11,7 +11,7 @@
   </Footer>
 </template>
 
-<script lang="ts" setup name="LayoutFooter">
+<script lang="ts" setup>
 import { computed, unref, ref } from 'vue'
 import { Layout } from 'ant-design-vue'
 
@@ -30,6 +30,8 @@ const SITE_TITLE = ref(import.meta.env.VITE_GLOB_APP_TITLE)
 
 const Footer = Layout.Footer
 
+defineOptions({ name: 'LayoutFooter' })
+
 const { t } = useI18n()
 const { getShowFooter } = useRootSetting()
 const { currentRoute } = useRouter()
diff --git a/src/layouts/default/header/MultipleHeader.vue b/src/layouts/default/header/MultipleHeader.vue
index 4eee45d..167b33f 100644
--- a/src/layouts/default/header/MultipleHeader.vue
+++ b/src/layouts/default/header/MultipleHeader.vue
@@ -5,7 +5,7 @@
     <MultipleTabs v-if="getShowTabs" />
   </div>
 </template>
-<script lang="ts" setup name="LayoutMultipleHeader">
+<script lang="ts" setup>
 import { unref, computed, CSSProperties } from 'vue'
 
 import LayoutHeader from './index.vue'
@@ -19,9 +19,12 @@ import { useAppInject } from '@/hooks/web/useAppInject'
 import { useDesign } from '@/hooks/web/useDesign'
 import { useLayoutHeight } from '../content/useContentViewHeight'
 
+defineOptions({ name: 'LayoutMultipleHeader' })
+
 const HEADER_HEIGHT = 48
 
 const TABS_HEIGHT = 32
+
 const { setHeaderHeight } = useLayoutHeight()
 const { prefixCls } = useDesign('layout-multiple-header')
 
diff --git a/src/layouts/default/header/components/Breadcrumb.vue b/src/layouts/default/header/components/Breadcrumb.vue
index 67f8661..2e9c627 100644
--- a/src/layouts/default/header/components/Breadcrumb.vue
+++ b/src/layouts/default/header/components/Breadcrumb.vue
@@ -13,7 +13,7 @@
     </Breadcrumb>
   </div>
 </template>
-<script lang="ts" setup name="LayoutBreadcrumb">
+<script lang="ts" setup>
 import type { RouteLocationMatched } from 'vue-router'
 import { useRouter } from 'vue-router'
 import type { Menu } from '@/router/types'
@@ -31,6 +31,8 @@ import { REDIRECT_NAME } from '@/router/constant'
 import { getAllParentPath } from '@/router/helper/menuHelper'
 import { Icon } from '@/components/Icon'
 
+defineOptions({ name: 'LayoutBreadcrumb' })
+
 defineProps({
   theme: propTypes.oneOf(['dark', 'light'])
 })
diff --git a/src/layouts/default/header/components/ErrorAction.vue b/src/layouts/default/header/components/ErrorAction.vue
index 5145e2b..84c94d8 100644
--- a/src/layouts/default/header/components/ErrorAction.vue
+++ b/src/layouts/default/header/components/ErrorAction.vue
@@ -5,7 +5,7 @@
     </Badge>
   </Tooltip>
 </template>
-<script lang="ts" setup name="ErrorAction">
+<script lang="ts" setup>
 import { computed } from 'vue'
 import { Tooltip, Badge } from 'ant-design-vue'
 import { Icon } from '@/components/Icon'
@@ -16,6 +16,8 @@ import { PageEnum } from '@/enums/pageEnum'
 
 import { useRouter } from 'vue-router'
 
+defineOptions({ name: 'ErrorAction' })
+
 const { t } = useI18n()
 const { push } = useRouter()
 const errorLogStore = useErrorLogStore()
diff --git a/src/layouts/default/header/components/FullScreen.vue b/src/layouts/default/header/components/FullScreen.vue
index 91eb59c..c1854f7 100644
--- a/src/layouts/default/header/components/FullScreen.vue
+++ b/src/layouts/default/header/components/FullScreen.vue
@@ -6,13 +6,14 @@
     </span>
   </Tooltip>
 </template>
-<script lang="ts" setup name="FullScreen">
+<script lang="ts" setup>
 import { computed, unref } from 'vue'
 import { Tooltip } from 'ant-design-vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useFullscreen } from '@vueuse/core'
-
 import { FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons-vue'
+
+defineOptions({ name: 'FullScreen' })
 const { t } = useI18n()
 const { toggle, isFullscreen } = useFullscreen()
 // 重新检查全屏状态
diff --git a/src/layouts/default/header/components/lock/LockModal.vue b/src/layouts/default/header/components/lock/LockModal.vue
index 1ddac75..832d0c7 100644
--- a/src/layouts/default/header/components/lock/LockModal.vue
+++ b/src/layouts/default/header/components/lock/LockModal.vue
@@ -18,7 +18,7 @@
     </div>
   </BasicModal>
 </template>
-<script lang="ts" setup name="LockModal">
+<script lang="ts" setup>
 import { computed } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useDesign } from '@/hooks/web/useDesign'
@@ -28,6 +28,8 @@ import { useUserStore } from '@/store/modules/user'
 import { useLockStore } from '@/store/modules/lock'
 import headerImg from '@/assets/images/header.jpg'
 
+defineOptions({ name: 'LockModal' })
+
 const { t } = useI18n()
 const { prefixCls } = useDesign('header-lock-modal')
 const userStore = useUserStore()
diff --git a/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue b/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue
index 83b6bcc..5330a79 100644
--- a/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue
+++ b/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue
@@ -6,13 +6,15 @@
     </span>
   </MenuItem>
 </template>
-<script lang="ts" setup name="DropdownMenuItem">
+<script lang="ts" setup>
 import { MenuItem } from 'ant-design-vue'
 import { computed, getCurrentInstance } from 'vue'
 
 import { Icon } from '@/components/Icon'
 import { propTypes } from '@/utils/propTypes'
 
+defineOptions({ name: 'DropdownMenuItem' })
+
 const props = defineProps({
   // eslint-disable-next-line
   key: propTypes.string,
diff --git a/src/layouts/default/header/index.vue b/src/layouts/default/header/index.vue
index 47cceeb..b7a7206 100644
--- a/src/layouts/default/header/index.vue
+++ b/src/layouts/default/header/index.vue
@@ -39,7 +39,7 @@
     </div>
   </Header>
 </template>
-<script lang="ts" setup name="LayoutHeader">
+<script lang="ts" setup>
 import { unref, computed } from 'vue'
 
 import { propTypes } from '@/utils/propTypes'
@@ -70,6 +70,7 @@ const Header = Layout.Header
 const SettingDrawer = createAsyncComponent(() => import('@/layouts/default/setting/index.vue'), {
   loading: true
 })
+defineOptions({ name: 'LayoutHeader' })
 const props = defineProps({
   fixed: propTypes.bool
 })
diff --git a/src/layouts/default/index.vue b/src/layouts/default/index.vue
index 9ea11c0..651a38a 100644
--- a/src/layouts/default/index.vue
+++ b/src/layouts/default/index.vue
@@ -13,7 +13,7 @@
   </Layout>
 </template>
 
-<script lang="ts" setup name="DefaultLayout">
+<script lang="ts" setup>
 import { computed, unref } from 'vue'
 import { Layout } from 'ant-design-vue'
 import { createAsyncComponent } from '@/utils/factory/createAsyncComponent'
@@ -33,6 +33,8 @@ import { useAppInject } from '@/hooks/web/useAppInject'
 const LayoutFeatures = createAsyncComponent(() => import('@/layouts/default/feature/index.vue'))
 const LayoutFooter = createAsyncComponent(() => import('@/layouts/default/footer/index.vue'))
 
+defineOptions({ name: 'DefaultLayout' })
+
 const { prefixCls } = useDesign('default-layout')
 const { getIsMobile } = useAppInject()
 const { getShowFullHeaderRef } = useHeaderSetting()
diff --git a/src/layouts/default/setting/components/InputNumberItem.vue b/src/layouts/default/setting/components/InputNumberItem.vue
index 5101264..c3441c3 100644
--- a/src/layouts/default/setting/components/InputNumberItem.vue
+++ b/src/layouts/default/setting/components/InputNumberItem.vue
@@ -4,12 +4,14 @@
     <InputNumber v-bind="$attrs" :class="`${prefixCls}-input-number`" @change="handleChange" />
   </div>
 </template>
-<script lang="ts" setup name="InputNumberItem">
+<script lang="ts" setup>
 import { InputNumber } from 'ant-design-vue'
 import { useDesign } from '@/hooks/web/useDesign'
 import { baseHandler } from '../handler'
 import { HandlerEnum } from '../enum'
 
+defineOptions({ name: 'InputNumberItem' })
+
 const props = defineProps({
   event: {
     type: Number as PropType<HandlerEnum>
diff --git a/src/layouts/default/setting/components/SelectItem.vue b/src/layouts/default/setting/components/SelectItem.vue
index 67ca5cf..633d016 100644
--- a/src/layouts/default/setting/components/SelectItem.vue
+++ b/src/layouts/default/setting/components/SelectItem.vue
@@ -4,7 +4,7 @@
     <Select v-bind="getBindValue" :class="`${prefixCls}-select`" @change="handleChange as any" :disabled="disabled" :options="options" />
   </div>
 </template>
-<script lang="ts" setup name="SelectItem">
+<script lang="ts" setup>
 import { computed } from 'vue'
 
 import { Select } from 'ant-design-vue'
@@ -12,6 +12,8 @@ import { useDesign } from '@/hooks/web/useDesign'
 import { baseHandler } from '../handler'
 import { HandlerEnum } from '../enum'
 
+defineOptions({ name: 'SelectItem' })
+
 const props = defineProps({
   event: {
     type: Number as PropType<HandlerEnum>
diff --git a/src/layouts/default/setting/components/SettingFooter.vue b/src/layouts/default/setting/components/SettingFooter.vue
index 1342260..92dff4b 100644
--- a/src/layouts/default/setting/components/SettingFooter.vue
+++ b/src/layouts/default/setting/components/SettingFooter.vue
@@ -16,7 +16,7 @@
     </a-button>
   </div>
 </template>
-<script lang="ts" setup name="SettingFooter">
+<script lang="ts" setup>
 import { unref } from 'vue'
 
 import { CopyOutlined, RedoOutlined } from '@ant-design/icons-vue'
@@ -37,6 +37,8 @@ import defaultSetting from '@/settings/projectSetting'
 import { changeTheme } from '@/logics/theme'
 import { updateSidebarBgColor } from '@/logics/theme/updateBackground'
 
+defineOptions({ name: 'SettingFooter' })
+
 const permissionStore = usePermissionStore()
 const { prefixCls } = useDesign('setting-footer')
 const { t } = useI18n()
diff --git a/src/layouts/default/setting/components/SwitchItem.vue b/src/layouts/default/setting/components/SwitchItem.vue
index 473ab2b..000bb07 100644
--- a/src/layouts/default/setting/components/SwitchItem.vue
+++ b/src/layouts/default/setting/components/SwitchItem.vue
@@ -10,7 +10,7 @@
     />
   </div>
 </template>
-<script lang="ts" setup name="SwitchItem">
+<script lang="ts" setup>
 import { computed } from 'vue'
 
 import { Switch } from 'ant-design-vue'
@@ -19,6 +19,8 @@ import { useI18n } from '@/hooks/web/useI18n'
 import { baseHandler } from '../handler'
 import { HandlerEnum } from '../enum'
 
+defineOptions({ name: 'SwitchItem' })
+
 const props = defineProps({
   event: {
     type: Number as PropType<HandlerEnum>
diff --git a/src/layouts/default/setting/components/ThemeColorPicker.vue b/src/layouts/default/setting/components/ThemeColorPicker.vue
index e7e13db..c4f391d 100644
--- a/src/layouts/default/setting/components/ThemeColorPicker.vue
+++ b/src/layouts/default/setting/components/ThemeColorPicker.vue
@@ -16,7 +16,7 @@
     </template>
   </div>
 </template>
-<script lang="ts" setup name="ThemeColorPicker">
+<script lang="ts" setup>
 import { CheckOutlined } from '@ant-design/icons-vue'
 
 import { useDesign } from '@/hooks/web/useDesign'
@@ -24,6 +24,8 @@ import { useDesign } from '@/hooks/web/useDesign'
 import { baseHandler } from '../handler'
 import { HandlerEnum } from '../enum'
 
+defineOptions({ name: 'ThemeColorPicker' })
+
 const props = defineProps({
   colorList: {
     type: Array as PropType<string[]>,
diff --git a/src/layouts/default/setting/components/TypePicker.vue b/src/layouts/default/setting/components/TypePicker.vue
index bed88cb..fcea215 100644
--- a/src/layouts/default/setting/components/TypePicker.vue
+++ b/src/layouts/default/setting/components/TypePicker.vue
@@ -18,11 +18,13 @@
     </template>
   </div>
 </template>
-<script lang="ts" setup name="MenuTypePicker">
+<script lang="ts" setup>
 import { Tooltip } from 'ant-design-vue'
 import { useDesign } from '@/hooks/web/useDesign'
 import { menuTypeList } from '../enum'
 
+defineOptions({ name: 'MenuTypePicker' })
+
 defineProps({
   menuTypeList: {
     type: Array as PropType<typeof menuTypeList>,
diff --git a/src/layouts/default/setting/index.vue b/src/layouts/default/setting/index.vue
index aecf9c1..6fae8c1 100644
--- a/src/layouts/default/setting/index.vue
+++ b/src/layouts/default/setting/index.vue
@@ -4,11 +4,13 @@
     <SettingDrawer @register="register" />
   </div>
 </template>
-<script lang="ts" setup name="SettingButton">
+<script lang="ts" setup>
 import SettingDrawer from './SettingDrawer'
 import { Icon } from '@/components/Icon'
 
 import { useDrawer } from '@/components/Drawer'
 
+defineOptions({ name: 'SettingButton' })
+
 const [register, { openDrawer }] = useDrawer()
 </script>
diff --git a/src/layouts/default/sider/DragBar.vue b/src/layouts/default/sider/DragBar.vue
index 88186d7..9ec6126 100644
--- a/src/layouts/default/sider/DragBar.vue
+++ b/src/layouts/default/sider/DragBar.vue
@@ -1,15 +1,17 @@
 <template>
   <div :class="getClass" :style="getDragBarStyle"></div>
 </template>
-<script lang="ts" setup name="DargBar">
+<script lang="ts" setup>
 import { computed, unref } from 'vue'
 
 import { useDesign } from '@/hooks/web/useDesign'
 import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
 
-const props = {
+defineOptions({ name: 'DargBar' })
+
+const props = defineProps({
   mobile: Boolean
-}
+})
 const { getMiniWidthNumber, getCollapsed, getCanDrag } = useMenuSetting()
 
 const { prefixCls } = useDesign('darg-bar')
diff --git a/src/layouts/default/sider/LayoutSider.vue b/src/layouts/default/sider/LayoutSider.vue
index b2afdef..9ccc23b 100644
--- a/src/layouts/default/sider/LayoutSider.vue
+++ b/src/layouts/default/sider/LayoutSider.vue
@@ -21,7 +21,7 @@
     <DragBar ref="dragBarRef" />
   </Sider>
 </template>
-<script lang="ts" setup name="LayoutSideBar">
+<script lang="ts" setup>
 import { computed, ref, unref, CSSProperties, h } from 'vue'
 
 import { Layout } from 'ant-design-vue'
@@ -37,6 +37,9 @@ import { useDesign } from '@/hooks/web/useDesign'
 
 import DragBar from './DragBar.vue'
 const Sider = Layout.Sider
+
+defineOptions({ name: 'LayoutSideBar' })
+
 const dragBarRef = ref<ElRef>(null)
 const sideRef = ref<ElRef>(null)
 
diff --git a/src/layouts/default/sider/index.vue b/src/layouts/default/sider/index.vue
index 257f048..3f754f5 100644
--- a/src/layouts/default/sider/index.vue
+++ b/src/layouts/default/sider/index.vue
@@ -13,7 +13,7 @@
   <MixSider v-else-if="getIsMixSidebar" />
   <Sider v-else />
 </template>
-<script lang="ts" setup name="SiderWrapper">
+<script lang="ts" setup>
 import Sider from './LayoutSider.vue'
 import MixSider from './MixSider.vue'
 import { Drawer } from 'ant-design-vue'
@@ -22,6 +22,8 @@ import { useAppInject } from '@/hooks/web/useAppInject'
 import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
 import { useDesign } from '@/hooks/web/useDesign'
 
+defineOptions({ name: 'SiderWrapper' })
+
 const { prefixCls } = useDesign('layout-sider-wrapper')
 const { getIsMobile } = useAppInject()
 const { setMenuSetting, getCollapsed, getMenuWidth, getIsMixSidebar } = useMenuSetting()
diff --git a/src/layouts/default/tabs/components/FoldButton.vue b/src/layouts/default/tabs/components/FoldButton.vue
index 5786f36..20ee67f 100644
--- a/src/layouts/default/tabs/components/FoldButton.vue
+++ b/src/layouts/default/tabs/components/FoldButton.vue
@@ -3,7 +3,7 @@
     <Icon :icon="getIcon" />
   </span>
 </template>
-<script lang="ts" setup name="FoldButton">
+<script lang="ts" setup>
 import { unref, computed } from 'vue'
 import { Icon } from '@/components/Icon'
 
@@ -12,6 +12,8 @@ import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting'
 import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
 import { triggerWindowResize } from '@/utils/event'
 
+defineOptions({ name: 'FoldButton' })
+
 const { prefixCls } = useDesign('multiple-tabs-content')
 const { getShowMenu, setMenuSetting } = useMenuSetting()
 const { getShowHeader, setHeaderSetting } = useHeaderSetting()
diff --git a/src/layouts/default/tabs/components/TabContent.vue b/src/layouts/default/tabs/components/TabContent.vue
index cfb7cd0..2a3c9ed 100644
--- a/src/layouts/default/tabs/components/TabContent.vue
+++ b/src/layouts/default/tabs/components/TabContent.vue
@@ -14,7 +14,7 @@
     </span>
   </Dropdown>
 </template>
-<script lang="ts" setup name="TabContent">
+<script lang="ts" setup>
 import type { RouteLocationNormalized } from 'vue-router'
 
 import { computed, unref } from 'vue'
@@ -27,6 +27,8 @@ import { useDesign } from '@/hooks/web/useDesign'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useTabDropdown } from '../useTabDropdown'
 
+defineOptions({ name: 'TabContent' })
+
 const props = defineProps({
   tabItem: {
     type: Object as PropType<RouteLocationNormalized>,
diff --git a/src/layouts/default/tabs/components/TabRedo.vue b/src/layouts/default/tabs/components/TabRedo.vue
index 390a1ca..c7b98bc 100644
--- a/src/layouts/default/tabs/components/TabRedo.vue
+++ b/src/layouts/default/tabs/components/TabRedo.vue
@@ -3,12 +3,14 @@
     <RedoOutlined :spin="loading" />
   </span>
 </template>
-<script lang="ts" setup name="TabRedo">
+<script lang="ts" setup>
 import { ref } from 'vue'
 import { RedoOutlined } from '@ant-design/icons-vue'
 import { useDesign } from '@/hooks/web/useDesign'
 import { useTabs } from '@/hooks/web/useTabs'
 
+defineOptions({ name: 'TabRedo' })
+
 const loading = ref(false)
 
 const { prefixCls } = useDesign('multiple-tabs-content')
diff --git a/src/layouts/default/tabs/index.vue b/src/layouts/default/tabs/index.vue
index bbd49dd..032e57e 100644
--- a/src/layouts/default/tabs/index.vue
+++ b/src/layouts/default/tabs/index.vue
@@ -25,7 +25,7 @@
     </Tabs>
   </div>
 </template>
-<script lang="ts" setup name="MultipleTabs">
+<script lang="ts" setup>
 import type { RouteLocationNormalized, RouteMeta } from 'vue-router'
 
 import { computed, unref, ref } from 'vue'
@@ -49,6 +49,9 @@ import { listenerRouteChange } from '@/logics/mitt/routeChange'
 
 import { useRouter } from 'vue-router'
 const TabPane = Tabs.TabPane
+
+defineOptions({ name: 'MultipleTabs' })
+
 const affixTextList = initAffixTabs()
 const activeKeyRef = ref('')
 
diff --git a/src/layouts/default/trigger/HeaderTrigger.vue b/src/layouts/default/trigger/HeaderTrigger.vue
index 0aab52d..54edfb6 100644
--- a/src/layouts/default/trigger/HeaderTrigger.vue
+++ b/src/layouts/default/trigger/HeaderTrigger.vue
@@ -1,12 +1,14 @@
 <template>
   <span :class="[prefixCls, theme]" @click="toggleCollapsed"> <MenuUnfoldOutlined v-if="getCollapsed" /> <MenuFoldOutlined v-else /> </span>
 </template>
-<script lang="ts" setup name="HeaderTrigger">
+<script lang="ts" setup>
 import { MenuUnfoldOutlined, MenuFoldOutlined } from '@ant-design/icons-vue'
 import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
 import { useDesign } from '@/hooks/web/useDesign'
 import { propTypes } from '@/utils/propTypes'
 
+defineOptions({ name: 'HeaderTrigger' })
+
 defineProps({
   theme: propTypes.oneOf(['light', 'dark'])
 })
diff --git a/src/layouts/default/trigger/SiderTrigger.vue b/src/layouts/default/trigger/SiderTrigger.vue
index 9644c8c..08c41ac 100644
--- a/src/layouts/default/trigger/SiderTrigger.vue
+++ b/src/layouts/default/trigger/SiderTrigger.vue
@@ -4,9 +4,11 @@
     <DoubleLeftOutlined v-else />
   </div>
 </template>
-<script lang="ts" setup name="SiderTrigger">
+<script lang="ts" setup>
 import { DoubleRightOutlined, DoubleLeftOutlined } from '@ant-design/icons-vue'
 import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
 
+defineOptions({ name: 'SiderTrigger' })
+
 const { getCollapsed, toggleCollapsed } = useMenuSetting()
 </script>
diff --git a/src/layouts/default/trigger/index.vue b/src/layouts/default/trigger/index.vue
index 805cd1b..706e7f0 100644
--- a/src/layouts/default/trigger/index.vue
+++ b/src/layouts/default/trigger/index.vue
@@ -2,12 +2,15 @@
   <SiderTrigger v-if="sider" />
   <HeaderTrigger v-else :theme="theme" />
 </template>
-<script lang="ts" setup name="LayoutTrigger">
+<script lang="ts" setup>
 import { createAsyncComponent } from '@/utils/factory/createAsyncComponent'
 import { propTypes } from '@/utils/propTypes'
 import HeaderTrigger from './HeaderTrigger.vue'
 
 const SiderTrigger = createAsyncComponent(() => import('./SiderTrigger.vue'))
+
+defineOptions({ name: 'LayoutTrigger' })
+
 defineProps({
   sider: propTypes.bool.def(true),
   theme: propTypes.oneOf(['light', 'dark'])
diff --git a/src/layouts/iframe/index.vue b/src/layouts/iframe/index.vue
index 7c4ed73..200ce99 100644
--- a/src/layouts/iframe/index.vue
+++ b/src/layouts/iframe/index.vue
@@ -5,12 +5,14 @@
     </template>
   </div>
 </template>
-<script lang="ts" setup name="FrameLayout">
+<script lang="ts" setup>
 import { unref, computed } from 'vue'
 import FramePage from '@/views/base/iframe/index.vue'
 
 import { useFrameKeepAlive } from './useFrameKeepAlive'
 
+defineOptions({ name: 'FrameLayout' })
+
 const { getFramePages, hasRenderFrame, showIframe } = useFrameKeepAlive()
 
 const showFrame = computed(() => unref(getFramePages).length > 0)
diff --git a/src/layouts/page/index.vue b/src/layouts/page/index.vue
index 2d98e7f..b8b4c71 100644
--- a/src/layouts/page/index.vue
+++ b/src/layouts/page/index.vue
@@ -24,7 +24,7 @@
   <FrameLayout v-if="getCanEmbedIFramePage" />
 </template>
 
-<script lang="ts" setup name="PageLayout">
+<script lang="ts" setup>
 import { computed, unref } from 'vue'
 
 import FrameLayout from '@/layouts/iframe/index.vue'
@@ -37,6 +37,8 @@ import { getTransitionName } from './transition'
 
 import { useMultipleTabStore } from '@/store/modules/multipleTab'
 
+defineOptions({ name: 'PageLayout' })
+
 const { getShowMultipleTab } = useMultipleTabSetting()
 const tabStore = useMultipleTabStore()
 
diff --git a/src/views/base/iframe/FrameBlank.vue b/src/views/base/iframe/FrameBlank.vue
index 0e6f54b..b84ec48 100644
--- a/src/views/base/iframe/FrameBlank.vue
+++ b/src/views/base/iframe/FrameBlank.vue
@@ -1,6 +1,6 @@
 <template>
   <div></div>
 </template>
-<script lang="ts" setup name="FrameBlank">
-// freame
+<script lang="ts" setup>
+defineOptions({ name: 'FrameBlank' })
 </script>
diff --git a/src/views/base/profile/PasswordModal.vue b/src/views/base/profile/PasswordModal.vue
index 61dff30..75d6269 100644
--- a/src/views/base/profile/PasswordModal.vue
+++ b/src/views/base/profile/PasswordModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="PasswordModal">
+<script lang="ts" setup>
 import { ref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { passwordSchema } from './data'
 import { updateUserPwdApi } from '@/api/base/profile'
 
+defineOptions({ name: 'PasswordModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/bpm/form/index.vue b/src/views/bpm/form/index.vue
index 8e854b9..ca38e43 100644
--- a/src/views/bpm/form/index.vue
+++ b/src/views/bpm/form/index.vue
@@ -29,7 +29,7 @@
     </BasicTable>
   </div>
 </template>
-<script lang="ts" setup name="BpmForm">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { IconEnum } from '@/enums/appEnum'
@@ -37,6 +37,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { deleteForm, getFormPage } from '@/api/bpm/form'
 import { columns, searchFormSchema } from './form.data'
 
+defineOptions({ name: 'BpmForm' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 
diff --git a/src/views/bpm/group/GroupModal.vue b/src/views/bpm/group/GroupModal.vue
index 3248e88..c15ab80 100644
--- a/src/views/bpm/group/GroupModal.vue
+++ b/src/views/bpm/group/GroupModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="BpmGroupModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './group.data'
 import { createUserGroup, getUserGroup, updateUserGroup } from '@/api/bpm/userGroup'
 
+defineOptions({ name: 'BpmGroupModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/bpm/group/index.vue b/src/views/bpm/group/index.vue
index 3ec6f27..c398ec4 100644
--- a/src/views/bpm/group/index.vue
+++ b/src/views/bpm/group/index.vue
@@ -30,7 +30,7 @@
     <GroupModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="BpmGroup">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
@@ -40,6 +40,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { deleteUserGroup, getUserGroupPage } from '@/api/bpm/userGroup'
 import { columns, searchFormSchema } from './group.data'
 
+defineOptions({ name: 'BpmGroup' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/bpm/model/ModelModal.vue b/src/views/bpm/model/ModelModal.vue
index 6fc213a..8e07186 100644
--- a/src/views/bpm/model/ModelModal.vue
+++ b/src/views/bpm/model/ModelModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="BpmModelModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './model.data'
 import { createModel, getModel, updateModel } from '@/api/bpm/model'
 
+defineOptions({ name: 'BpmModelModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/bpm/model/index.vue b/src/views/bpm/model/index.vue
index c41dda3..5cfd8b6 100644
--- a/src/views/bpm/model/index.vue
+++ b/src/views/bpm/model/index.vue
@@ -30,7 +30,7 @@
     <ModelModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="BpmModel">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
@@ -40,6 +40,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { deleteModel, getModelPage } from '@/api/bpm/model'
 import { columns, searchFormSchema } from './model.data'
 
+defineOptions({ name: 'BpmModel' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/bpm/oa/leave/index.vue b/src/views/bpm/oa/leave/index.vue
index 09d3c49..622a730 100644
--- a/src/views/bpm/oa/leave/index.vue
+++ b/src/views/bpm/oa/leave/index.vue
@@ -3,12 +3,14 @@
     <BasicTable @register="registerTable" />
   </div>
 </template>
-<script lang="ts" setup name="BpmLeave">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { BasicTable, useTable } from '@/components/Table'
 import { getLeavePage } from '@/api/bpm/leave'
 import { columns, searchFormSchema } from './leave.data'
 
+defineOptions({ name: 'BpmLeave' })
+
 const { t } = useI18n()
 
 const [registerTable] = useTable({
diff --git a/src/views/bpm/task/done/index.vue b/src/views/bpm/task/done/index.vue
index da00e45..d836bc2 100644
--- a/src/views/bpm/task/done/index.vue
+++ b/src/views/bpm/task/done/index.vue
@@ -3,12 +3,14 @@
     <BasicTable @register="registerTable" />
   </div>
 </template>
-<script lang="ts" setup name="BpmDone">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { BasicTable, useTable } from '@/components/Table'
 import { getDoneTaskPage } from '@/api/bpm/task'
 import { columns, searchFormSchema } from './done.data'
 
+defineOptions({ name: 'BpmDone' })
+
 const { t } = useI18n()
 
 const [registerTable] = useTable({
diff --git a/src/views/bpm/task/todo/index.vue b/src/views/bpm/task/todo/index.vue
index be76834..f1dae2d 100644
--- a/src/views/bpm/task/todo/index.vue
+++ b/src/views/bpm/task/todo/index.vue
@@ -3,12 +3,14 @@
     <BasicTable @register="registerTable" />
   </div>
 </template>
-<script lang="ts" setup name="BpmTodo">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { BasicTable, useTable } from '@/components/Table'
 import { getTodoTaskPage } from '@/api/bpm/task'
 import { columns, searchFormSchema } from './todo.data'
 
+defineOptions({ name: 'BpmTodo' })
+
 const { t } = useI18n()
 
 const [registerTable] = useTable({
diff --git a/src/views/infra/apiAccessLog/index.vue b/src/views/infra/apiAccessLog/index.vue
index e27355e..ce22231 100644
--- a/src/views/infra/apiAccessLog/index.vue
+++ b/src/views/infra/apiAccessLog/index.vue
@@ -9,7 +9,7 @@
     </BasicTable>
   </div>
 </template>
-<script lang="ts" setup name="InfraApiErrorLog">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { BasicTable, useTable } from '@/components/Table'
@@ -17,6 +17,8 @@ import { IconEnum } from '@/enums/appEnum'
 import { getApiAccessLogPage, exportApiAccessLog, ApiAccessLogExportReqVO } from '@/api/infra/apiAccessLog'
 import { columns, searchFormSchema } from './apiAccessLog.data'
 
+defineOptions({ name: 'InfraApiErrorLog' })
+
 const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
 const [registerTable, { getForm }] = useTable({
diff --git a/src/views/infra/apiErrorLog/index.vue b/src/views/infra/apiErrorLog/index.vue
index 0f0ab36..b018151 100644
--- a/src/views/infra/apiErrorLog/index.vue
+++ b/src/views/infra/apiErrorLog/index.vue
@@ -31,7 +31,7 @@
     </BasicTable>
   </div>
 </template>
-<script lang="ts" setup name="InfraApiErrorLog">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { IconEnum } from '@/enums/appEnum'
 import { InfraApiErrorLogProcessStatusEnum } from '@/enums/systemEnum'
@@ -40,6 +40,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { updateApiErrorLogProcess, getApiErrorLogPage, exportApiErrorLog, ApiErrorLogExportReqVO } from '@/api/infra/apiErrorLog'
 import { columns, searchFormSchema } from './apiErrorLog.data'
 
+defineOptions({ name: 'InfraApiErrorLog' })
+
 const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
 const [registerTable, { getForm, reload }] = useTable({
diff --git a/src/views/infra/codegen/components/ImportTableModal.vue b/src/views/infra/codegen/components/ImportTableModal.vue
index 9c86d7c..0452071 100644
--- a/src/views/infra/codegen/components/ImportTableModal.vue
+++ b/src/views/infra/codegen/components/ImportTableModal.vue
@@ -3,12 +3,13 @@
     <BasicTable @register="registerTable" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="InfraImportTableModal">
+<script lang="ts" setup>
 import { BasicModal, useModalInner } from '@/components/Modal'
 import { BasicTable, useTable } from '@/components/Table'
 import { importTableColumns, importTableSearchFormSchema } from '../codegen.data'
 import { createCodegenList, getSchemaTableList } from '@/api/infra/codegen'
 
+defineOptions({ name: 'InfraImportTableModal' })
 const emit = defineEmits(['success', 'register'])
 
 const [registerTable, { getSelectRowKeys, getForm }] = useTable({
diff --git a/src/views/infra/codegen/components/PreviewModal.vue b/src/views/infra/codegen/components/PreviewModal.vue
index 697be9b..b0810d5 100644
--- a/src/views/infra/codegen/components/PreviewModal.vue
+++ b/src/views/infra/codegen/components/PreviewModal.vue
@@ -23,7 +23,7 @@
     </div>
   </BasicModal>
 </template>
-<script lang="ts" setup name="InfraPreviewModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { Card, Tabs } from 'ant-design-vue'
 import { BasicTree } from '@/components/Tree'
@@ -36,6 +36,8 @@ import { useMessage } from '@/hooks/web/useMessage'
 
 const TabPane = Tabs.TabPane
 
+defineOptions({ name: 'InfraPreviewModal' })
+
 const { createMessage } = useMessage()
 
 const fileTree = ref([])
diff --git a/src/views/infra/codegen/index.vue b/src/views/infra/codegen/index.vue
index 7832c59..f1e401a 100644
--- a/src/views/infra/codegen/index.vue
+++ b/src/views/infra/codegen/index.vue
@@ -43,7 +43,7 @@
     <ImportTableModal @register="registerImportTableModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="InfraCodegen">
+<script lang="ts" setup>
 import { useGo } from '@/hooks/web/usePage'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -55,6 +55,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { deleteCodegenTable, downloadCodegen, getCodegenTablePage, syncCodegenFromDB } from '@/api/infra/codegen'
 import { columns, searchFormSchema } from './codegen.data'
 
+defineOptions({ name: 'InfraCodegen' })
+
 const go = useGo()
 const { t } = useI18n()
 const { createMessage } = useMessage()
diff --git a/src/views/infra/config/ConfigModal.vue b/src/views/infra/config/ConfigModal.vue
index 6b4749d..60dead4 100644
--- a/src/views/infra/config/ConfigModal.vue
+++ b/src/views/infra/config/ConfigModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="InfraConfigModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './config.data'
 import { createConfig, getConfig, updateConfig } from '@/api/infra/config'
 
+defineOptions({ name: 'InfraConfigModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/infra/config/index.vue b/src/views/infra/config/index.vue
index e4a0cc1..0f5f723 100644
--- a/src/views/infra/config/index.vue
+++ b/src/views/infra/config/index.vue
@@ -33,7 +33,7 @@
     <ConfigModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="InfraConfig">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
@@ -43,6 +43,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { getConfigPage, deleteConfig, exportConfig, ConfigExportReqVO } from '@/api/infra/config'
 import { columns, searchFormSchema } from './config.data'
 
+defineOptions({ name: 'InfraConfig' })
+
 const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/infra/dataSourceConfig/DataSourceConfigModal.vue b/src/views/infra/dataSourceConfig/DataSourceConfigModal.vue
index f3b276f..609364a 100644
--- a/src/views/infra/dataSourceConfig/DataSourceConfigModal.vue
+++ b/src/views/infra/dataSourceConfig/DataSourceConfigModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="InfraDataSourceConfigModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
diff --git a/src/views/infra/dataSourceConfig/index.vue b/src/views/infra/dataSourceConfig/index.vue
index b4c2325..69dfad9 100644
--- a/src/views/infra/dataSourceConfig/index.vue
+++ b/src/views/infra/dataSourceConfig/index.vue
@@ -37,7 +37,7 @@
     <DataSourceConfigModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="InfraDataSourceConfig">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
@@ -47,6 +47,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { deleteDataSourceConfig, getDataSourceConfigList } from '@/api/infra/dataSourceConfig'
 import { columns } from './dataSourceConfig.data'
 
+defineOptions({ name: 'InfraDataSourceConfig' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/infra/file/index.vue b/src/views/infra/file/index.vue
index 43ebe63..b86d19d 100644
--- a/src/views/infra/file/index.vue
+++ b/src/views/infra/file/index.vue
@@ -36,7 +36,7 @@
     </BasicTable>
   </div>
 </template>
-<script lang="ts" setup name="InfraFile">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -49,6 +49,8 @@ import { columns, searchFormSchema } from './file.data'
 import { getAccessToken, getTenantId } from '@/utils/auth'
 import { uploadApi } from '@/api/base/upload'
 
+defineOptions({ name: 'InfraFile' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const { clipboardRef, copiedRef } = useCopyToClipboard()
diff --git a/src/views/infra/fileConfig/FileConfigModal.vue b/src/views/infra/fileConfig/FileConfigModal.vue
index 87286cb..6fc17b7 100644
--- a/src/views/infra/fileConfig/FileConfigModal.vue
+++ b/src/views/infra/fileConfig/FileConfigModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="InfraFileConfigModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './ficleConfig.data'
 import { createFileConfig, getFileConfig, updateFileConfig } from '@/api/infra/fileConfig'
 
+defineOptions({ name: 'InfraFileConfigModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/infra/fileConfig/index.vue b/src/views/infra/fileConfig/index.vue
index b63afee..18eaef2 100644
--- a/src/views/infra/fileConfig/index.vue
+++ b/src/views/infra/fileConfig/index.vue
@@ -32,7 +32,7 @@
     <FileConfigModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="InfraFileConfig">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
@@ -42,6 +42,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { deleteFileConfig, getFileConfigPage, testFileConfig, updateFileConfigMaster } from '@/api/infra/fileConfig'
 import { columns, searchFormSchema } from './ficleConfig.data'
 
+defineOptions({ name: 'InfraFileConfig' })
+
 const { t } = useI18n()
 const { createConfirm, createMessage, createSuccessModal } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/infra/job/JobModal.vue b/src/views/infra/job/JobModal.vue
index 8a48f93..8eefb5c 100644
--- a/src/views/infra/job/JobModal.vue
+++ b/src/views/infra/job/JobModal.vue
@@ -14,7 +14,7 @@
     </Steps>
   </BasicModal>
 </template>
-<script lang="ts" setup name="InfraJobModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { Steps } from 'ant-design-vue'
 import { useI18n } from '@/hooks/web/useI18n'
@@ -28,6 +28,8 @@ import { formatToDateTime } from '@/utils/dateUtil'
 
 const Step = Steps.Step
 
+defineOptions({ name: 'InfraJobModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/infra/job/index.vue b/src/views/infra/job/index.vue
index a7ec9c7..e278c41 100644
--- a/src/views/infra/job/index.vue
+++ b/src/views/infra/job/index.vue
@@ -38,7 +38,7 @@
     <JobModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="InfraJob">
+<script lang="ts" setup>
 import { useGo } from '@/hooks/web/usePage'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -50,6 +50,8 @@ import { JobExportReqVO, deleteJob, exportJob, getJobPage, runJob, updateJobStat
 import { columns, searchFormSchema } from './job.data'
 import { InfraJobStatusEnum } from '@/enums/systemEnum'
 
+defineOptions({ name: 'InfraJob' })
+
 const go = useGo()
 const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
diff --git a/src/views/infra/job/logger/JobLogModal.vue b/src/views/infra/job/logger/JobLogModal.vue
index d3dd8be..0816064 100644
--- a/src/views/infra/job/logger/JobLogModal.vue
+++ b/src/views/infra/job/logger/JobLogModal.vue
@@ -3,13 +3,15 @@
     <Description :column="2" @register="registerDesc" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="InfraJobLogModal">
+<script lang="ts" setup>
 import { Description, useDescription } from '@/components/Description'
 import { BasicModal, useModalInner } from '@/components/Modal'
 import { descSchema } from './jobLog.data'
 import { getJobLog } from '@/api/infra/jobLog'
 import { ref } from 'vue'
 
+defineOptions({ name: 'InfraJobLogModal' })
+
 const datas = ref()
 
 const [registerDesc] = useDescription({
diff --git a/src/views/infra/job/logger/index.vue b/src/views/infra/job/logger/index.vue
index a2108c7..cc90453 100644
--- a/src/views/infra/job/logger/index.vue
+++ b/src/views/infra/job/logger/index.vue
@@ -15,7 +15,7 @@
     <JobLogModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="InfraJobLog">
+<script lang="ts" setup>
 import { useRoute } from 'vue-router'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -26,6 +26,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { JobLogExportReqVO, exportJobLog, getJobLogPage } from '@/api/infra/jobLog'
 import { columns, searchFormSchema } from './jobLog.data'
 
+defineOptions({ name: 'InfraJobLog' })
+
 const { t } = useI18n()
 const { query } = useRoute()
 const { createConfirm, createMessage } = useMessage()
diff --git a/src/views/infra/redis/components/RedisModal.vue b/src/views/infra/redis/components/RedisModal.vue
index ee8ff2a..f8d1da0 100644
--- a/src/views/infra/redis/components/RedisModal.vue
+++ b/src/views/infra/redis/components/RedisModal.vue
@@ -17,7 +17,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="RedisModal">
+<script lang="ts" setup>
 import { ref } from 'vue'
 import { List } from 'ant-design-vue'
 import { BasicForm, useForm } from '@/components/Form'
@@ -28,6 +28,8 @@ import { deleteKey, getKeyList } from '@/api/infra/redis'
 const ListItem = List.Item
 const ListItemMeta = List.Item.Meta
 
+defineOptions({ name: 'RedisModal' })
+
 const listData = ref<any[]>([])
 
 const [registerForm, { setFieldsValue, resetFields }] = useForm({
diff --git a/src/views/infra/redis/index.vue b/src/views/infra/redis/index.vue
index 45cc338..c78581f 100644
--- a/src/views/infra/redis/index.vue
+++ b/src/views/infra/redis/index.vue
@@ -17,7 +17,7 @@
     <RedisModal @register="registerModal" />
   </div>
 </template>
-<script lang="ts" setup name="InfraRedis">
+<script lang="ts" setup>
 import { ref, onMounted } from 'vue'
 import { useModal } from '@/components/Modal'
 import { Description } from '@/components/Description'
@@ -30,6 +30,8 @@ import { createAsyncComponent } from '@/utils/factory/createAsyncComponent'
 const CommandStats = createAsyncComponent(() => import('./components/CommandStats.vue'))
 const Memory = createAsyncComponent(() => import('./components/Memory.vue'))
 
+defineOptions({ name: 'InfraRedis' })
+
 const loading = ref(true)
 const cacheInfo = ref<any>()
 const commandStats = ref<any[]>([])
diff --git a/src/views/infra/webSocket/index.vue b/src/views/infra/webSocket/index.vue
index 09903cf..45a6af7 100644
--- a/src/views/infra/webSocket/index.vue
+++ b/src/views/infra/webSocket/index.vue
@@ -45,15 +45,18 @@
     </div>
   </PageWrapper>
 </template>
-<script lang="ts" setup name="InfraWebSocket">
+<script lang="ts" setup>
 import { reactive, watchEffect, computed, ref } from 'vue'
 import { Tag, Input } from 'ant-design-vue'
 import { PageWrapper } from '@/components/Page'
 import { useWebSocket } from '@vueuse/core'
 import { formatToDateTime } from '@/utils/dateUtil'
 import { useUserStore } from '@/store/modules/user'
+
 const InputTextArea = Input.TextArea
 
+defineOptions({ name: 'InfraWebSocket' })
+
 const userStore = useUserStore()
 
 const state = reactive({
diff --git a/src/views/mp/account/AccountModal.vue b/src/views/mp/account/AccountModal.vue
index b1f3e06..15a3269 100644
--- a/src/views/mp/account/AccountModal.vue
+++ b/src/views/mp/account/AccountModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="MpAccountModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './account.data'
 import { createAccount, getAccount, updateAccount } from '@/api/mp/account'
 
+defineOptions({ name: 'MpAccountModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/mp/account/index.vue b/src/views/mp/account/index.vue
index 10c55dd..52b725a 100644
--- a/src/views/mp/account/index.vue
+++ b/src/views/mp/account/index.vue
@@ -42,7 +42,7 @@
     <AccountModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="MpAccount">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
@@ -52,6 +52,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { clearAccountQuota, deleteAccount, generateAccountQrCode, getAccountPage } from '@/api/mp/account'
 import { columns, searchFormSchema } from './account.data'
 
+defineOptions({ name: 'MpAccount' })
+
 const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/mp/components/WxAccountSelect/index.vue b/src/views/mp/components/WxAccountSelect/index.vue
index 6261b35..ea4cd2c 100644
--- a/src/views/mp/components/WxAccountSelect/index.vue
+++ b/src/views/mp/components/WxAccountSelect/index.vue
@@ -3,12 +3,15 @@
     <SelectOption v-for="item in accountList" :key="item.id" :label="item.name" :value="item.id" />
   </Select>
 </template>
-<script lang="ts" setup name="WxAccountSelect">
+<script lang="ts" setup>
 import { Select } from 'ant-design-vue'
 import { AccountVO, getSimpleAccounts } from '@/api/mp/account'
 import { onMounted, reactive, ref } from 'vue'
 
 const SelectOption = Select.Option
+
+defineOptions({ name: 'WxAccountSelect' })
+
 const account = reactive<AccountVO>({
   id: undefined,
   name: ''
diff --git a/src/views/mp/components/WxLocation/index.vue b/src/views/mp/components/WxLocation/index.vue
index 767c77c..e4300a8 100644
--- a/src/views/mp/components/WxLocation/index.vue
+++ b/src/views/mp/components/WxLocation/index.vue
@@ -31,10 +31,12 @@ import { Image } from 'ant-design-vue';
     </a-button>
   </div>
 </template>
-<script lang="ts" setup name="WxLocation">
+<script lang="ts" setup>
 import { Image } from 'ant-design-vue'
 import { Icon } from '@/components/Icon'
 
+defineOptions({ name: 'WxLocation' })
+
 const props = defineProps({
   locationX: {
     required: true,
diff --git a/src/views/mp/message/MessageModal.vue b/src/views/mp/message/MessageModal.vue
index cf58932..c1b1b32 100644
--- a/src/views/mp/message/MessageModal.vue
+++ b/src/views/mp/message/MessageModal.vue
@@ -3,14 +3,16 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="MpMessageModal">
+<script lang="ts" setup>
+import { ref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { BasicForm, useForm } from '@/components/Form'
 import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './message.data'
 import { sendMessage } from '@/api/mp/message'
-import { ref } from 'vue'
+
+defineOptions({ name: 'MpMessageModal' })
 
 const { t } = useI18n()
 const { createMessage } = useMessage()
diff --git a/src/views/mp/message/index.vue b/src/views/mp/message/index.vue
index 528f8d4..8921987 100644
--- a/src/views/mp/message/index.vue
+++ b/src/views/mp/message/index.vue
@@ -12,7 +12,7 @@
     <AccountModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="MpMessage">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useModal } from '@/components/Modal'
 import AccountModal from './MessageModal.vue'
@@ -21,6 +21,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { getMessagePage } from '@/api/mp/message'
 import { columns, searchFormSchema } from './message.data'
 
+defineOptions({ name: 'MpMessage' })
+
 const { t } = useI18n()
 const [registerModal, { openModal }] = useModal()
 
diff --git a/src/views/mp/statistics/index.vue b/src/views/mp/statistics/index.vue
index bf0719a..63eb05c 100644
--- a/src/views/mp/statistics/index.vue
+++ b/src/views/mp/statistics/index.vue
@@ -6,13 +6,16 @@
     <InterfaceSummaryChart class="md:w-1/2 w-full" :loading="loading" :accountId="accountId" />
   </div>
 </template>
-<script lang="ts" setup name="Statistics">
+<script lang="ts" setup>
 import { ref } from 'vue'
 import UserSummaryChart from './components/UserSummaryChart.vue'
 import UserCumulateChart from './components/UserCumulateChart.vue'
 import UpstreamMessageChart from './components/UpstreamMessageChart.vue'
 import InterfaceSummaryChart from './components/InterfaceSummaryChart.vue'
 
+defineOptions({ name: 'Statistics' })
+
+
 const loading = ref(true)
 
 const accountId = ref(1)
diff --git a/src/views/mp/tag/TagModal.vue b/src/views/mp/tag/TagModal.vue
index 72a5078..efe4c03 100644
--- a/src/views/mp/tag/TagModal.vue
+++ b/src/views/mp/tag/TagModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="MpTagModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './tag.data'
 import { createTag, updateTag, getTag } from '@/api/mp/tag'
 
+defineOptions({ name: 'MpTagModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/mp/tag/index.vue b/src/views/mp/tag/index.vue
index 6b1f2ce..badee94 100644
--- a/src/views/mp/tag/index.vue
+++ b/src/views/mp/tag/index.vue
@@ -33,7 +33,7 @@
     <TagModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="MpTag">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
@@ -43,6 +43,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { deleteTag, getTagPage, syncTag } from '@/api/mp/tag'
 import { columns, searchFormSchema } from './tag.data'
 
+defineOptions({ name: 'MpTag' })
+
 const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/mp/user/MpUserModal.vue b/src/views/mp/user/MpUserModal.vue
index f3d1aff..a2cd316 100644
--- a/src/views/mp/user/MpUserModal.vue
+++ b/src/views/mp/user/MpUserModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="MpUserModal">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { BasicForm, useForm } from '@/components/Form'
@@ -11,6 +11,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './mpuser.data'
 import { getUser, updateUser } from '@/api/mp/mpuser'
 
+defineOptions({ name: 'MpUserModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/mp/user/index.vue b/src/views/mp/user/index.vue
index a4c1480..fa426c1 100644
--- a/src/views/mp/user/index.vue
+++ b/src/views/mp/user/index.vue
@@ -17,7 +17,7 @@
     <MpUserModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="MpUser">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
@@ -27,6 +27,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { getUserPage, syncUser } from '@/api/mp/mpuser'
 import { columns, searchFormSchema } from './mpuser.data'
 
+defineOptions({ name: 'MpUser' })
+
 const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/pay/app/AppModal.vue b/src/views/pay/app/AppModal.vue
index a0cffd6..1045f60 100644
--- a/src/views/pay/app/AppModal.vue
+++ b/src/views/pay/app/AppModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="PayAppModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './app.data'
 import { createApp, updateApp, getApp } from '@/api/pay/app'
 
+defineOptions({ name: 'PayAppModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/pay/app/index.vue b/src/views/pay/app/index.vue
index 601267a..de08eb8 100644
--- a/src/views/pay/app/index.vue
+++ b/src/views/pay/app/index.vue
@@ -33,7 +33,7 @@
     <AppModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="PayApp">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
@@ -43,6 +43,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { AppExportReqVO, deleteApp, getAppPage, exportApp } from '@/api/pay/app'
 import { columns, searchFormSchema } from './app.data'
 
+defineOptions({ name: 'PayApp' })
+
 const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/pay/demo/DemoModal.vue b/src/views/pay/demo/DemoModal.vue
index 40ff1b3..93a29ce 100644
--- a/src/views/pay/demo/DemoModal.vue
+++ b/src/views/pay/demo/DemoModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="PayDemoModal">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { BasicForm, useForm } from '@/components/Form'
@@ -11,6 +11,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './demo.data'
 import { createDemoOrder } from '@/api/pay/demo'
 
+defineOptions({ name: 'PayDemoModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/pay/demo/index.vue b/src/views/pay/demo/index.vue
index a8e05c3..67e7ac1 100644
--- a/src/views/pay/demo/index.vue
+++ b/src/views/pay/demo/index.vue
@@ -18,7 +18,7 @@
     <DemoModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="PayDemo">
+<script lang="ts" setup>
 import { useGo } from '@/hooks/web/usePage'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -29,6 +29,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { getDemoOrderPage, refundDemoOrder } from '@/api/pay/demo'
 import { columns, searchFormSchema } from './demo.data'
 
+defineOptions({ name: 'PayDemo' })
+
 const go = useGo()
 const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
diff --git a/src/views/pay/merchant/MerchantModal.vue b/src/views/pay/merchant/MerchantModal.vue
index c1df72b..0c55ac2 100644
--- a/src/views/pay/merchant/MerchantModal.vue
+++ b/src/views/pay/merchant/MerchantModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="PayMerchantModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './merchant.data'
 import { createMerchant, updateMerchant, getMerchant } from '@/api/pay/merchant'
 
+defineOptions({ name: 'PayMerchantModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/pay/merchant/index.vue b/src/views/pay/merchant/index.vue
index 68ac859..a9aae8b 100644
--- a/src/views/pay/merchant/index.vue
+++ b/src/views/pay/merchant/index.vue
@@ -33,7 +33,7 @@
     <MerchantModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="PayMerchant">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
@@ -43,6 +43,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { MerchantExportReqVO, deleteMerchant, getMerchantPage, exportMerchant } from '@/api/pay/merchant'
 import { columns, searchFormSchema } from './merchant.data'
 
+defineOptions({ name: 'PayMerchant' })
+
 const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/pay/order/OrderModal.vue b/src/views/pay/order/OrderModal.vue
index eb4144a..0da4c75 100644
--- a/src/views/pay/order/OrderModal.vue
+++ b/src/views/pay/order/OrderModal.vue
@@ -3,13 +3,15 @@
     <Description :bordered="false" :column="3" :data="refundData" :schema="descSchema" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="PayRefundModal">
+<script lang="ts" setup>
 import { ref } from 'vue'
 import { BasicModal, useModalInner } from '@/components/Modal'
 import { Description } from '@/components/Description'
 import { descSchema } from './order.data'
 import { getOrderDetail } from '@/api/pay/order'
 
+defineOptions({ name: 'PayRefundModal' })
+
 const refundData = ref()
 
 const [registerModal, { setModalProps }] = useModalInner(async (data) => {
diff --git a/src/views/pay/order/index.vue b/src/views/pay/order/index.vue
index f75de44..19548a1 100644
--- a/src/views/pay/order/index.vue
+++ b/src/views/pay/order/index.vue
@@ -19,7 +19,7 @@
     <OrderModal @register="registerModal" />
   </div>
 </template>
-<script lang="ts" setup name="PayOrder">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
@@ -29,6 +29,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { getOrderPage, exportOrder, OrderExportReqVO } from '@/api/pay/order'
 import { columns, searchFormSchema } from './order.data'
 
+defineOptions({ name: 'PayOrder' })
+
 const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/pay/refund/RefundModal.vue b/src/views/pay/refund/RefundModal.vue
index aa719e8..fc2ea2d 100644
--- a/src/views/pay/refund/RefundModal.vue
+++ b/src/views/pay/refund/RefundModal.vue
@@ -3,13 +3,15 @@
     <Description :bordered="false" :column="3" :data="refundData" :schema="descSchema" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="PayRefundModal">
+<script lang="ts" setup>
 import { ref } from 'vue'
 import { BasicModal, useModalInner } from '@/components/Modal'
 import { Description } from '@/components/Description'
 import { descSchema } from './refund.data'
 import { getRefund } from '@/api/pay/refund'
 
+defineOptions({ name: 'PayRefundModal' })
+
 const refundData = ref()
 
 const [registerModal, { setModalProps }] = useModalInner(async (data) => {
diff --git a/src/views/pay/refund/index.vue b/src/views/pay/refund/index.vue
index e72fb54..bd2a208 100644
--- a/src/views/pay/refund/index.vue
+++ b/src/views/pay/refund/index.vue
@@ -19,7 +19,7 @@
     <RefundModal @register="registerModal" />
   </div>
 </template>
-<script lang="ts" setup name="PayRefund">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
@@ -29,6 +29,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { getRefundPage, exportRefund, PayRefundExportReqVO } from '@/api/pay/refund'
 import { columns, searchFormSchema } from './refund.data'
 
+defineOptions({ name: 'PayRefund' })
+
 const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/pay/submit/index.vue b/src/views/pay/submit/index.vue
index 2eb460f..cde99d1 100644
--- a/src/views/pay/submit/index.vue
+++ b/src/views/pay/submit/index.vue
@@ -43,7 +43,7 @@
     </Card>
   </div>
 </template>
-<script lang="ts" setup name="PayOrderSubmit">
+<script lang="ts" setup>
 import { ref, onMounted } from 'vue'
 import { Card, List } from 'ant-design-vue'
 import { Description } from '@/components/Description'
@@ -63,6 +63,8 @@ import mock from '@/assets/images/pay/icon/mock.svg'
 
 const ListItem = List.Item
 
+defineOptions({ name: 'PayOrderSubmit' })
+
 const icons = {
   alipay_qr: alipay_qr,
   alipay_app: alipay_app,
diff --git a/src/views/system/area/AreaModal.vue b/src/views/system/area/AreaModal.vue
index 0fd1d17..b6fdd9a 100644
--- a/src/views/system/area/AreaModal.vue
+++ b/src/views/system/area/AreaModal.vue
@@ -3,12 +3,14 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="SystemAreaModal">
+<script lang="ts" setup>
 import { BasicForm, useForm } from '@/components/Form'
 import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './area.data'
 import { getAreaByIp } from '@/api/system/area'
 
+defineOptions({ name: 'SystemAreaModal' })
+
 const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
   labelWidth: 120,
   baseColProps: { span: 24 },
diff --git a/src/views/system/area/index.vue b/src/views/system/area/index.vue
index 70b890f..f6350ad 100644
--- a/src/views/system/area/index.vue
+++ b/src/views/system/area/index.vue
@@ -8,7 +8,7 @@
     <AreaModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="SystemArea">
+<script lang="ts" setup>
 import { useModal } from '@/components/Modal'
 import AreaModal from './AreaModal.vue'
 import { IconEnum } from '@/enums/appEnum'
@@ -17,6 +17,8 @@ import { getAreaTree } from '@/api/system/area'
 import { columns } from './area.data'
 import { handleTree } from '@/utils/tree'
 
+defineOptions({ name: 'SystemArea' })
+
 const [registerModal, { openModal }] = useModal()
 
 const [registerTable, { reload }] = useTable({
diff --git a/src/views/system/dept/DeptModal.vue b/src/views/system/dept/DeptModal.vue
index 8d28682..e0a5910 100644
--- a/src/views/system/dept/DeptModal.vue
+++ b/src/views/system/dept/DeptModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="DeptModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './dept.data'
 import { createDept, getDept, updateDept } from '@/api/system/dept'
 
+defineOptions({ name: 'DeptModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
index 49b8364..d360dd9 100644
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -35,7 +35,7 @@
     <DeptModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="SystemDept">
+<script lang="ts" setup>
 import { nextTick, ref, onMounted } from 'vue'
 import { handleTree } from '@/utils/tree'
 import { useI18n } from '@/hooks/web/useI18n'
@@ -48,6 +48,8 @@ import { getListSimpleUsers } from '@/api/system/user'
 import { deleteDept, getDeptPage } from '@/api/system/dept'
 import { columns, searchFormSchema } from './dept.data'
 
+defineOptions({ name: 'SystemDept' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/system/dict/DictData.vue b/src/views/system/dict/DictData.vue
index 82327bd..983605a 100644
--- a/src/views/system/dict/DictData.vue
+++ b/src/views/system/dict/DictData.vue
@@ -30,7 +30,7 @@
     <DictDataModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="SystemDictData">
+<script lang="ts" setup>
 import { watch } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -41,6 +41,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { dataColumns, dataSearchFormSchema } from './dict.data'
 import { deleteDictData, getDictDataPage } from '@/api/system/dict/data'
 
+defineOptions({ name: 'SystemDictData' })
+
 const props = defineProps({
   searchInfo: {
     type: Object as PropType<Recordable>,
diff --git a/src/views/system/dict/DictDataModal.vue b/src/views/system/dict/DictDataModal.vue
index 514f0a0..ca558d2 100644
--- a/src/views/system/dict/DictDataModal.vue
+++ b/src/views/system/dict/DictDataModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="SystemDictDataModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { dataFormSchema } from './dict.data'
 import { createDictData, getDictData, updateDictData } from '@/api/system/dict/data'
 
+defineOptions({ name: 'SystemDictDataModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/system/dict/DictTypeModal.vue b/src/views/system/dict/DictTypeModal.vue
index f0d3b76..70e617d 100644
--- a/src/views/system/dict/DictTypeModal.vue
+++ b/src/views/system/dict/DictTypeModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="SystemDictTypeModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { typeFormSchema } from './dict.type'
 import { createDictType, getDictType, updateDictType } from '@/api/system/dict/type'
 
+defineOptions({ name: 'SystemDictTypeModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/system/dict/index.vue b/src/views/system/dict/index.vue
index b7b63ba..eae8a17 100644
--- a/src/views/system/dict/index.vue
+++ b/src/views/system/dict/index.vue
@@ -31,7 +31,7 @@
     <DictTypeModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="SystemDict">
+<script lang="ts" setup>
 import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -43,6 +43,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { typeColumns, typeSearchFormSchema } from './dict.type'
 import { deleteDictType, getDictTypePage } from '@/api/system/dict/type'
 
+defineOptions({ name: 'SystemDict' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/system/errorCode/ErrorCodeModal.vue b/src/views/system/errorCode/ErrorCodeModal.vue
index 8864fda..f1d476d 100644
--- a/src/views/system/errorCode/ErrorCodeModal.vue
+++ b/src/views/system/errorCode/ErrorCodeModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="SystemErrorCodeModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './errorCode.data'
 import { createErrorCode, getErrorCode, updateErrorCode } from '@/api/system/errorCode'
 
+defineOptions({ name: 'SystemErrorCodeModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/system/errorCode/index.vue b/src/views/system/errorCode/index.vue
index b0a2d7a..8787cf4 100644
--- a/src/views/system/errorCode/index.vue
+++ b/src/views/system/errorCode/index.vue
@@ -33,7 +33,7 @@
     <ErrorCodeModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="SystemErrorCode">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
@@ -43,6 +43,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { ErrorCodePageReqVO, deleteErrorCode, excelErrorCode, getErrorCodePage } from '@/api/system/errorCode'
 import { columns, searchFormSchema } from './errorCode.data'
 
+defineOptions({ name: 'SystemErrorCode' })
+
 const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/system/loginlog/index.vue b/src/views/system/loginlog/index.vue
index 4cb18c0..aeb3fba 100644
--- a/src/views/system/loginlog/index.vue
+++ b/src/views/system/loginlog/index.vue
@@ -7,13 +7,15 @@
     </BasicTable>
   </div>
 </template>
-<script lang="ts" setup name="SystemLoginLog">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { BasicTable, useTable } from '@/components/Table'
 import { LoginLogReqVO, exportLoginLog, getLoginLogPage } from '@/api/system/loginLog'
 import { columns, searchFormSchema } from './loginLog.data'
 
+defineOptions({ name: 'SystemLoginLog' })
+
 const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
 const [registerTable, { getForm }] = useTable({
diff --git a/src/views/system/mail/account/AccountModal.vue b/src/views/system/mail/account/AccountModal.vue
index f523176..7862a6e 100644
--- a/src/views/system/mail/account/AccountModal.vue
+++ b/src/views/system/mail/account/AccountModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="SystemMailAccountModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './account.data'
 import { createMailAccount, getMailAccount, updateMailAccount } from '@/api/system/mail/account'
 
+defineOptions({ name: 'SystemMailAccountModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/system/mail/account/index.vue b/src/views/system/mail/account/index.vue
index e66a57e..cc59a49 100644
--- a/src/views/system/mail/account/index.vue
+++ b/src/views/system/mail/account/index.vue
@@ -30,7 +30,7 @@
     <AccountModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="SystemMailAccount">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
@@ -40,6 +40,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { deleteMailAccount, getMailAccountPage } from '@/api/system/mail/account'
 import { columns, searchFormSchema } from './account.data'
 
+defineOptions({ name: 'SystemMailAccount' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/system/mail/log/index.vue b/src/views/system/mail/log/index.vue
index 693161d..fd82ef2 100644
--- a/src/views/system/mail/log/index.vue
+++ b/src/views/system/mail/log/index.vue
@@ -3,11 +3,13 @@
     <BasicTable @register="registerTable" />
   </div>
 </template>
-<script lang="ts" setup name="SystemOperateLog">
+<script lang="ts" setup>
 import { BasicTable, useTable } from '@/components/Table'
 import { getMailAccountPage } from '@/api/system/mail/log'
 import { columns, searchFormSchema } from './mailLog.data'
 
+defineOptions({ name: 'SystemOperateLog' })
+
 const [registerTable] = useTable({
   title: '邮件日志列表',
   api: getMailAccountPage,
diff --git a/src/views/system/mail/template/TemplateModal.vue b/src/views/system/mail/template/TemplateModal.vue
index 941cee4..19cb2d2 100644
--- a/src/views/system/mail/template/TemplateModal.vue
+++ b/src/views/system/mail/template/TemplateModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="SystemMailTemplateModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './template.data'
 import { createMailTemplate, getMailTemplate, updateMailTemplate } from '@/api/system/mail/template'
 
+defineOptions({ name: 'SystemMailTemplateModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/system/mail/template/index.vue b/src/views/system/mail/template/index.vue
index 13ebd00..cb95d76 100644
--- a/src/views/system/mail/template/index.vue
+++ b/src/views/system/mail/template/index.vue
@@ -41,7 +41,7 @@
     <TemplateModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="SystemMailTemplate">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
@@ -51,6 +51,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { deleteMailTemplate, getMailTemplatePage, sendMail } from '@/api/system/mail/template'
 import { columns, searchFormSchema } from './template.data'
 
+defineOptions({ name: 'SystemMailTemplate' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/system/menu/MenuModal.vue b/src/views/system/menu/MenuModal.vue
index d20b45a..e2cee34 100644
--- a/src/views/system/menu/MenuModal.vue
+++ b/src/views/system/menu/MenuModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="SystemMenuModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './menu.data'
 import { createMenu, getMenu, updateMenu } from '@/api/system/menu'
 
+defineOptions({ name: 'SystemMenuModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index 16a9c5a..ab7338e 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -32,7 +32,7 @@
     <MenuModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="SystemMenu">
+<script lang="ts" setup>
 import { handleTree } from '@/utils/tree'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -43,6 +43,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { deleteMenu, getMenuList } from '@/api/system/menu'
 import { columns, searchFormSchema } from './menu.data'
 
+defineOptions({ name: 'SystemMenu' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/system/notice/NoticeModal.vue b/src/views/system/notice/NoticeModal.vue
index 896f6e3..2c1a7d1 100644
--- a/src/views/system/notice/NoticeModal.vue
+++ b/src/views/system/notice/NoticeModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="SystemNoticeModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './notice.data'
 import { createNotice, getNotice, updateNotice } from '@/api/system/notice'
 
+defineOptions({ name: 'SystemNoticeModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/system/notice/index.vue b/src/views/system/notice/index.vue
index 05cfc89..b014c56 100644
--- a/src/views/system/notice/index.vue
+++ b/src/views/system/notice/index.vue
@@ -30,7 +30,7 @@
     <NoticeModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="SystemNotice">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
@@ -40,6 +40,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { deleteNotice, getNoticePage } from '@/api/system/notice'
 import { columns, searchFormSchema } from './notice.data'
 
+defineOptions({ name: 'SystemNotice' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/system/notify/message/index.vue b/src/views/system/notify/message/index.vue
index 33efc8c..e27b9d2 100644
--- a/src/views/system/notify/message/index.vue
+++ b/src/views/system/notify/message/index.vue
@@ -3,11 +3,13 @@
     <BasicTable @register="registerTable" />
   </div>
 </template>
-<script lang="ts" setup name="SystemMessage">
+<script lang="ts" setup>
 import { BasicTable, useTable } from '@/components/Table'
 import { getNotifyMessagePage } from '@/api/system/notify/message'
 import { columns, searchFormSchema } from './message.data'
 
+defineOptions({ name: 'SystemMessage' })
+
 const [registerTable] = useTable({
   title: '站内信记录列表',
   api: getNotifyMessagePage,
diff --git a/src/views/system/notify/my/index.vue b/src/views/system/notify/my/index.vue
index eadb683..60ea3aa 100644
--- a/src/views/system/notify/my/index.vue
+++ b/src/views/system/notify/my/index.vue
@@ -13,7 +13,7 @@
     </BasicTable>
   </div>
 </template>
-<script lang="ts" setup name="SystemMyMessage">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { IconEnum } from '@/enums/appEnum'
@@ -21,6 +21,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { getMyNotifyMessagePage, updateAllNotifyMessageRead, updateNotifyMessageRead } from '@/api/system/notify/message'
 import { columns, searchFormSchema } from './my.data'
 
+defineOptions({ name: 'SystemMyMessage' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 
diff --git a/src/views/system/notify/template/TemplateModal.vue b/src/views/system/notify/template/TemplateModal.vue
index 000812c..04ceb7e 100644
--- a/src/views/system/notify/template/TemplateModal.vue
+++ b/src/views/system/notify/template/TemplateModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="NotifyTemplateModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './template.data'
 import { createNotifyTemplate, getNotifyTemplate, updateNotifyTemplate } from '@/api/system/notify/template'
 
+defineOptions({ name: 'NotifyTemplateModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/system/notify/template/index.vue b/src/views/system/notify/template/index.vue
index 5ab6f5a..c4b76e1 100644
--- a/src/views/system/notify/template/index.vue
+++ b/src/views/system/notify/template/index.vue
@@ -35,7 +35,7 @@
     <TemplateModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="SystemMessageTemplate">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
@@ -45,6 +45,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { deleteNotifyTemplate, getNotifyTemplatePage } from '@/api/system/notify/template'
 import { columns, searchFormSchema } from './template.data'
 
+defineOptions({ name: 'SystemMessageTemplate' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/system/oauth2/client/ClientModal.vue b/src/views/system/oauth2/client/ClientModal.vue
index 42a9f71..ff488b8 100644
--- a/src/views/system/oauth2/client/ClientModal.vue
+++ b/src/views/system/oauth2/client/ClientModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="SystemClientModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './client.data'
 import { createOAuth2Client, getOAuth2Client, updateOAuth2Client } from '@/api/system/oauth2/client'
 
+defineOptions({ name: 'SystemClientModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/system/oauth2/client/index.vue b/src/views/system/oauth2/client/index.vue
index a6b1f8b..ea6e63e 100644
--- a/src/views/system/oauth2/client/index.vue
+++ b/src/views/system/oauth2/client/index.vue
@@ -30,7 +30,7 @@
     <ClientModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="SystemClient">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
@@ -40,6 +40,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { deleteOAuth2Client, getOAuth2ClientPage } from '@/api/system/oauth2/client'
 import { columns, searchFormSchema } from './client.data'
 
+defineOptions({ name: 'SystemClient' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/system/oauth2/token/index.vue b/src/views/system/oauth2/token/index.vue
index 1d3b693..a6e7598 100644
--- a/src/views/system/oauth2/token/index.vue
+++ b/src/views/system/oauth2/token/index.vue
@@ -23,7 +23,7 @@
     </BasicTable>
   </div>
 </template>
-<script lang="ts" setup name="SystemToken">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, useTable, TableAction } from '@/components/Table'
@@ -31,6 +31,8 @@ import { deleteAccessToken, getAccessTokenPage } from '@/api/system/oauth2/token
 import { columns, searchFormSchema } from './token.data'
 import { useMessage } from '@/hooks/web/useMessage'
 
+defineOptions({ name: 'SystemToken' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const [registerTable, { reload }] = useTable({
diff --git a/src/views/system/operatelog/index.vue b/src/views/system/operatelog/index.vue
index 3ddb77b..c5f28a8 100644
--- a/src/views/system/operatelog/index.vue
+++ b/src/views/system/operatelog/index.vue
@@ -7,7 +7,7 @@
     </BasicTable>
   </div>
 </template>
-<script lang="ts" setup name="SystemOperateLog">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { IconEnum } from '@/enums/appEnum'
@@ -15,6 +15,8 @@ import { BasicTable, useTable } from '@/components/Table'
 import { OperateLogPageReqVO, exportOperateLog, getOperateLogPage } from '@/api/system/operatelog'
 import { columns, searchFormSchema } from './operateLog.data'
 
+defineOptions({ name: 'SystemOperateLog' })
+
 const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
 const [registerTable, { getForm }] = useTable({
diff --git a/src/views/system/post/PostModal.vue b/src/views/system/post/PostModal.vue
index f4187f5..1b70a65 100644
--- a/src/views/system/post/PostModal.vue
+++ b/src/views/system/post/PostModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="SystemPostModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './post.data'
 import { createPost, getPost, updatePost } from '@/api/system/post'
 
+defineOptions({ name: 'SystemPostModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/system/post/index.vue b/src/views/system/post/index.vue
index e8830ec..8ffb6b3 100644
--- a/src/views/system/post/index.vue
+++ b/src/views/system/post/index.vue
@@ -33,7 +33,7 @@
     <PostModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="SystemPost">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
@@ -43,6 +43,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { PostExportReqVO, deletePost, exportPost, getPostPage } from '@/api/system/post'
 import { columns, searchFormSchema } from './post.data'
 
+defineOptions({ name: 'SystemPost' })
+
 const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/system/role/RoleMenuModal.vue b/src/views/system/role/RoleMenuModal.vue
index 2b688ec..688466b 100644
--- a/src/views/system/role/RoleMenuModal.vue
+++ b/src/views/system/role/RoleMenuModal.vue
@@ -16,7 +16,7 @@
     </BasicForm>
   </BasicModal>
 </template>
-<script lang="ts" setup name="SystemRoleMenuModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -29,6 +29,8 @@ import { listSimpleMenus } from '@/api/system/menu'
 import { handleTree } from '@/utils/tree'
 import { assignRoleMenu, listRoleMenus } from '@/api/system/permission'
 
+defineOptions({ name: 'SystemRoleMenuModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/system/role/RoleModal.vue b/src/views/system/role/RoleModal.vue
index 2f9df6b..e6c4c87 100644
--- a/src/views/system/role/RoleModal.vue
+++ b/src/views/system/role/RoleModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="SystemRoleModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './role.data'
 import { createRole, getRole, updateRole } from '@/api/system/role'
 
+defineOptions({ name: 'SystemRoleModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/system/role/RoleScopeModal.vue b/src/views/system/role/RoleScopeModal.vue
index 0e93236..25d543c 100644
--- a/src/views/system/role/RoleScopeModal.vue
+++ b/src/views/system/role/RoleScopeModal.vue
@@ -15,7 +15,7 @@
     </BasicForm>
   </BasicModal>
 </template>
-<script lang="ts" setup name="SystemRoleScopeModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -28,6 +28,8 @@ import { listSimpleDept } from '@/api/system/dept'
 import { handleTree } from '@/utils/tree'
 import { assignRoleDataScope } from '@/api/system/permission'
 
+defineOptions({ name: 'SystemRoleScopeModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 2e2d236..e15258e 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -49,7 +49,7 @@
     <RoleScopeModal @register="registerScopeModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="SystemRole">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
@@ -61,6 +61,9 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { RoleExportReqVO, deleteRole, exportRole, getRolePage } from '@/api/system/role'
 import { columns, searchFormSchema } from './role.data'
 
+defineOptions({ name: 'SystemRole' })
+
+
 const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/system/sensitiveWord/SensitiveWordModal.vue b/src/views/system/sensitiveWord/SensitiveWordModal.vue
index a27bd24..0afb51e 100644
--- a/src/views/system/sensitiveWord/SensitiveWordModal.vue
+++ b/src/views/system/sensitiveWord/SensitiveWordModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="SystemSensitiveWordModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './sensitiveWord.data'
 import { createSensitiveWord, getSensitiveWord, updateSensitiveWord } from '@/api/system/sensitiveWord'
 
+defineOptions({ name: 'SystemSensitiveWordModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/system/sensitiveWord/index.vue b/src/views/system/sensitiveWord/index.vue
index cc01c51..091ddc7 100644
--- a/src/views/system/sensitiveWord/index.vue
+++ b/src/views/system/sensitiveWord/index.vue
@@ -38,7 +38,7 @@
     <SensitiveWordModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="SystemSensitiveWord">
+<script lang="ts" setup>
 import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { SensitiveWordExportReqVO, deleteSensitiveWord, exportSensitiveWord, getSensitiveWordPage } from '@/api/system/sensitiveWord'
 import { useModal } from '@/components/Modal'
@@ -48,6 +48,8 @@ import { columns, searchFormSchema } from './sensitiveWord.data'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 
+defineOptions({ name: 'SystemSensitiveWord' })
+
 const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/system/sms/channel/SmsChannelModal.vue b/src/views/system/sms/channel/SmsChannelModal.vue
index eba9a5e..0b128ce 100644
--- a/src/views/system/sms/channel/SmsChannelModal.vue
+++ b/src/views/system/sms/channel/SmsChannelModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="SystemSmsChannelModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './smsChannel.data'
 import { createSmsChannel, getSmsChannel, updateSmsChannel } from '@/api/system/sms/smsChannel'
 
+defineOptions({ name: 'SystemSmsChannelModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/system/sms/channel/index.vue b/src/views/system/sms/channel/index.vue
index 9ae0b8f..3d0a310 100644
--- a/src/views/system/sms/channel/index.vue
+++ b/src/views/system/sms/channel/index.vue
@@ -30,7 +30,7 @@
     <SmsChannelModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="SystemSmsChannel">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
@@ -40,6 +40,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { deleteSmsChannel, getSmsChannelPage } from '@/api/system/sms/smsChannel'
 import { columns, searchFormSchema } from './smsChannel.data'
 
+defineOptions({ name: 'SystemSmsChannel' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/system/sms/log/index.vue b/src/views/system/sms/log/index.vue
index 52039c7..eced500 100644
--- a/src/views/system/sms/log/index.vue
+++ b/src/views/system/sms/log/index.vue
@@ -9,7 +9,7 @@
     </BasicTable>
   </div>
 </template>
-<script lang="ts" setup name="SystemSmsLog">
+<script lang="ts" setup>
 import { BasicTable, useTable } from '@/components/Table'
 import { IconEnum } from '@/enums/appEnum'
 import { SmsLogExportReqVO, exportSmsLog, getSmsLogPage } from '@/api/system/sms/smsLog'
@@ -17,6 +17,8 @@ import { columns, searchFormSchema } from './smsLog.data'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 
+defineOptions({ name: 'SystemSmsLog' })
+
 const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
 const [registerTable, { getForm }] = useTable({
diff --git a/src/views/system/sms/template/SmsTemplateModal.vue b/src/views/system/sms/template/SmsTemplateModal.vue
index fef528e..2703ef0 100644
--- a/src/views/system/sms/template/SmsTemplateModal.vue
+++ b/src/views/system/sms/template/SmsTemplateModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="SystemSmsTemplateModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './smsTemplate.data'
 import { createSmsTemplate, getSmsTemplate, updateSmsTemplate } from '@/api/system/sms/smsTemplate'
 
+defineOptions({ name: 'SystemSmsTemplateModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/system/sms/template/index.vue b/src/views/system/sms/template/index.vue
index dbc2776..d6eaddd 100644
--- a/src/views/system/sms/template/index.vue
+++ b/src/views/system/sms/template/index.vue
@@ -39,7 +39,7 @@
     <SmsTemplateModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="SystemSmsTemplate">
+<script lang="ts" setup>
 import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { SmsTemplateExportReqVO, deleteSmsTemplate, exportSmsTemplate, getSmsTemplatePage } from '@/api/system/sms/smsTemplate'
 import { useModal } from '@/components/Modal'
@@ -49,6 +49,8 @@ import { columns, searchFormSchema } from './smsTemplate.data'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 
+defineOptions({ name: 'SystemSmsTemplate' })
+
 const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/system/tenant/TenantModal.vue b/src/views/system/tenant/TenantModal.vue
index 65c5a97..1bcd868 100644
--- a/src/views/system/tenant/TenantModal.vue
+++ b/src/views/system/tenant/TenantModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="SystemTenantModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './tenant.data'
 import { createTenant, getTenant, updateTenant } from '@/api/system/tenant'
 
+defineOptions({ name: 'SystemTenantModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/system/tenant/index.vue b/src/views/system/tenant/index.vue
index 25affc7..49569e5 100644
--- a/src/views/system/tenant/index.vue
+++ b/src/views/system/tenant/index.vue
@@ -33,7 +33,7 @@
     <TenantModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="SystemTenant">
+<script lang="ts" setup>
 import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { TenantExportReqVO, deleteTenant, exportTenant, getTenantPage } from '@/api/system/tenant'
 import { useModal } from '@/components/Modal'
@@ -43,6 +43,8 @@ import { columns, searchFormSchema } from './tenant.data'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 
+defineOptions({ name: 'SystemTenant' })
+
 const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/system/tenantPackage/TenantPackageModal.vue b/src/views/system/tenantPackage/TenantPackageModal.vue
index 8a39b83..5c51f6b 100644
--- a/src/views/system/tenantPackage/TenantPackageModal.vue
+++ b/src/views/system/tenantPackage/TenantPackageModal.vue
@@ -16,7 +16,7 @@
     </BasicForm>
   </BasicModal>
 </template>
-<script lang="ts" setup name="SystemTenantPackageModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -28,6 +28,8 @@ import { createTenantPackage, getTenantPackage, updateTenantPackage } from '@/ap
 import { listSimpleMenus } from '@/api/system/menu'
 import { handleTree } from '@/utils/tree'
 
+defineOptions({ name: 'SystemTenantPackageModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/system/tenantPackage/index.vue b/src/views/system/tenantPackage/index.vue
index 05a8994..5a45066 100644
--- a/src/views/system/tenantPackage/index.vue
+++ b/src/views/system/tenantPackage/index.vue
@@ -35,7 +35,7 @@
     <TenantPackageModal @register="registerModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="SystemTenantPackage">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
@@ -45,6 +45,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { deleteTenantPackage, getTenantPackagePage } from '@/api/system/tenantPackage'
 import { columns, searchFormSchema } from './tenantPackage.data'
 
+defineOptions({ name: 'SystemTenantPackage' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
diff --git a/src/views/system/user/DeptTree.vue b/src/views/system/user/DeptTree.vue
index b8db076..c86c1c5 100644
--- a/src/views/system/user/DeptTree.vue
+++ b/src/views/system/user/DeptTree.vue
@@ -12,13 +12,15 @@
     />
   </div>
 </template>
-<script lang="ts" setup name="SystemDeptTree">
+<script lang="ts" setup>
 import { onMounted, ref } from 'vue'
 
 import { BasicTree, TreeItem } from '@/components/Tree'
 import { listSimpleDept } from '@/api/system/dept'
 import { handleTree } from '@/utils/tree'
 
+defineOptions({ name: 'SystemDeptTree' })
+
 const emit = defineEmits(['select'])
 const treeData = ref<TreeItem[]>([])
 
diff --git a/src/views/system/user/ResetPwdModal.vue b/src/views/system/user/ResetPwdModal.vue
index 87e52a5..747262c 100644
--- a/src/views/system/user/ResetPwdModal.vue
+++ b/src/views/system/user/ResetPwdModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="SystemResetPwdModal">
+<script lang="ts" setup>
 import { ref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { userPwdFormSchema } from './user.data'
 import { resetUserPwd } from '@/api/system/user'
 
+defineOptions({ name: 'SystemResetPwdModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/system/user/UserModal.vue b/src/views/system/user/UserModal.vue
index 5561ab0..aa46fae 100644
--- a/src/views/system/user/UserModal.vue
+++ b/src/views/system/user/UserModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="SystemUserModal">
+<script lang="ts" setup>
 import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -12,6 +12,8 @@ import { BasicModal, useModalInner } from '@/components/Modal'
 import { formSchema } from './user.data'
 import { createUser, getUser, updateUser } from '@/api/system/user'
 
+defineOptions({ name: 'SystemUserModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/system/user/UserRoleModal.vue b/src/views/system/user/UserRoleModal.vue
index 0d8575a..c89f2f0 100644
--- a/src/views/system/user/UserRoleModal.vue
+++ b/src/views/system/user/UserRoleModal.vue
@@ -3,7 +3,7 @@
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
-<script lang="ts" setup name="SystemUserRoleModal">
+<script lang="ts" setup>
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { BasicForm, useForm } from '@/components/Form'
@@ -12,6 +12,8 @@ import { userRoleFormSchema } from './user.data'
 import { getUser } from '@/api/system/user'
 import { assignUserRole, listUserRoles } from '@/api/system/permission'
 
+defineOptions({ name: 'SystemUserRoleModal' })
+
 const { t } = useI18n()
 const { createMessage } = useMessage()
 const emit = defineEmits(['success', 'register'])
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index ba8b300..12888ba 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -50,7 +50,7 @@
     <ResetPwdModal @register="registerPwdModal" @success="reload()" />
   </div>
 </template>
-<script lang="ts" setup name="SystemUser">
+<script lang="ts" setup>
 import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
@@ -64,6 +64,8 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { columns, searchFormSchema } from './user.data'
 import { UserExportReqVO, deleteUser, exportUser, getUserPage } from '@/api/system/user'
 
+defineOptions({ name: 'SystemUser' })
+
 const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()