style: 代码可视化

src/views/demo/tools/database/edit.vue

@@ -77,7 +77,7 @@
     })
 
     const testing = ref<boolean>(false)
-    const test = () => {}
+    function test() {}
 </script>
 
 <template>

src/views/demo/tools/database/index.vue

@@ -46,17 +46,17 @@
     const [registerEditModal, { openModal, setModalProps }] = useModal()
 
     // 新增/编辑打开窗口
-    const editHandler = (data?: Recordable) => {
+    function editHandler(data?: Recordable) {
         setModalProps({ title: `${data ? '编辑' : '新增'}数据源` })
         openModal(true, data)
     }
 
     // 导入
-    const importHandler = () => {}
+    function importHandler() {}
     // 下载导入模板
-    const importTemplateHandler = () => {}
+    function importTemplateHandler() {}
     // 导出
-    const exportHandler = () => {}
+    function exportHandler() {}
 </script>
 
 <template>

src/views/demo/tools/online/form/components/DatabaseSchemaTable.vue

@@ -131,12 +131,12 @@
         },
     })
 
-    const onDatabaseSchemaCheckboxChange = () => {
+    function onDatabaseSchemaCheckboxChange() {
         const checkedRecords = databaseSchemaTable.value?.getCheckboxRecords()
         databaseSchemaTableOptions.toolbarConfig.buttons[1].buttonRender.props.disabled = !checkedRecords?.length
     }
 
-    const createDatabaseSchemaTableActions = (record: DatabaseSchema) => {
+    function createDatabaseSchemaTableActions(record: DatabaseSchema) {
         const actions: ActionItem[] = [
             {
                 icon: 'carbon:arrow-up',

src/views/demo/tools/online/form/edit.vue

@@ -80,7 +80,7 @@
     const databaseSchemaTableData = computed(() => {
         return getDefaultSchemaFieldDataSourcesByType(tableType.value)
     })
-    const databaseSchemaTableDataChange = (data: DatabaseSchema[]) => {
+    function databaseSchemaTableDataChange(data: DatabaseSchema[]) {
         model.schemas = toRaw(data)
     }
 
@@ -89,7 +89,7 @@
             return item.field && item.field !== 'id' && (item.field.endsWith('_id') || item.field.endsWith('Id'))
         })
     })
-    const databaseForeignKeyTableDataChange = (data: DatabaseSchema[]) => {
+    function databaseForeignKeyTableDataChange(data: DatabaseSchema[]) {
         model.foreignKeys = toRaw(data)
     }
 </script>

src/views/demo/tools/online/form/index.vue

@@ -31,7 +31,7 @@
         },
     })
 
-    const createActions = (record: EditRecordRow): ActionItem[] => {
+    function createActions(record: EditRecordRow): ActionItem[] {
         return [
             {
                 label: '编辑',
@@ -39,7 +39,7 @@
             },
         ]
     }
-    const createDropDownActions = (record: EditRecordRow): ActionItem[] => {
+    function createDropDownActions(record: EditRecordRow): ActionItem[] {
         return [
             {
                 label: '同步数据库',
@@ -171,7 +171,7 @@
     const [registerEditModal, { openModal, setModalProps }] = useModal()
 
     // 新增/编辑打开窗口
-    const editHandler = (data?: Recordable) => {
+    function editHandler(data?: Recordable) {
         setModalProps({ title: data ? '编辑' : '新增' })
         openModal(true, data || {})
     }

types/auto-imports.d.ts

-// Generated by 'unplugin-auto-import'
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-auto-import
 export {}
 declare global {
   const $app: typeof import('@/config/app')['$app']
@@ -42,7 +45,6 @@ declare global {
   const readonly: typeof import('vue')['readonly']
   const ref: typeof import('vue')['ref']
   const resolveComponent: typeof import('vue')['resolveComponent']
-  const resolveDirective: typeof import('vue')['resolveDirective']
   const shallowReactive: typeof import('vue')['shallowReactive']
   const shallowReadonly: typeof import('vue')['shallowReadonly']
   const shallowRef: typeof import('vue')['shallowRef']
@@ -63,3 +65,8 @@ declare global {
   const watchPostEffect: typeof import('vue')['watchPostEffect']
   const watchSyncEffect: typeof import('vue')['watchSyncEffect']
 }
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, ComponentPublicInstance, ComputedRef, InjectionKey, PropType, Ref, VNode } from 'vue'
+}