refactor: vue3.3 defineOptions

src/views/bpm/processInstance/detail/ProcessInstanceBpmnViewer.vue

@@ -14,11 +14,13 @@
     />
   </el-card>
 </template>
-<script lang="ts" name="BpmProcessInstanceBpmnViewer" setup>
+<script lang="ts" setup>
 import { propTypes } from '@/utils/propTypes'
 import { MyProcessViewer } from '@/components/bpmnProcessDesigner/package'
 import * as ActivityApi from '@/api/bpm/activity'
 
+defineOptions({ name: 'BpmProcessInstanceBpmnViewer' })
+
 const props = defineProps({
   loading: propTypes.bool, // 是否加载中
   id: propTypes.string, // 流程实例的编号

src/views/bpm/processInstance/detail/ProcessInstanceTaskList.vue

@@ -44,13 +44,15 @@
     </el-col>
   </el-card>
 </template>
-<script lang="ts" name="BpmProcessInstanceTaskList" setup>
+<script lang="ts" setup>
 import { formatDate, formatPast2 } from '@/utils/formatTime'
 import { propTypes } from '@/utils/propTypes'
 
+defineOptions({ name: 'BpmProcessInstanceTaskList' })
+
 defineProps({
   loading: propTypes.bool, // 是否加载中
-  tasks: propTypes.array // 流程任务的数组
+  tasks: propTypes.arrayOf(propTypes.object) // 流程任务的数组
 })
 
 /** 获得任务对应的 icon */

src/views/bpm/processInstance/detail/TaskUpdateAssigneeForm.vue

@@ -24,10 +24,12 @@
     </template>
   </Dialog>
 </template>
-<script lang="ts" name="BpmTaskUpdateAssigneeForm" setup>
+<script lang="ts" setup>
 import * as TaskApi from '@/api/bpm/task'
 import * as UserApi from '@/api/system/user'
 
+defineOptions({ name: 'BpmTaskUpdateAssigneeForm' })
+
 const dialogVisible = ref(false) // 弹窗的是否展示
 const formLoading = ref(false) // 表单的加载中
 const formData = ref({

src/views/bpm/processInstance/detail/index.vue

@@ -93,7 +93,7 @@
     <TaskUpdateAssigneeForm ref="taskUpdateAssigneeFormRef" @success="getDetail" />
   </ContentWrap>
 </template>
-<script lang="ts" name="BpmProcessInstanceDetail" setup>
+<script lang="ts" setup>
 import { useUserStore } from '@/store/modules/user'
 import { setConfAndFields2 } from '@/utils/formCreate'
 import type { ApiAttrs } from '@form-create/element-ui/types/config'
@@ -105,6 +105,8 @@ import ProcessInstanceBpmnViewer from './ProcessInstanceBpmnViewer.vue'
 import ProcessInstanceTaskList from './ProcessInstanceTaskList.vue'
 import { registerComponent } from '@/utils/routerHelper'
 
+defineOptions({ name: 'BpmProcessInstanceDetail' })
+
 const { query } = useRoute() // 查询参数
 const message = useMessage() // 消息弹窗
 const { proxy } = getCurrentInstance() as any