增加 useCrudSchemas、useTable 的 autoimport 实现
This commit is contained in:
parent
3f2a77f2d2
commit
4aeee48582
@ -39,11 +39,14 @@ export function createVitePlugins(VITE_APP_TITLE: string) {
|
||||
imports: [
|
||||
'vue',
|
||||
'vue-router',
|
||||
// 可额外添加需要 autoImport 的组件
|
||||
{
|
||||
'@/hooks/web/useI18n': ['useI18n'],
|
||||
'@/hooks/web/useXTable': ['useXTable'],
|
||||
'@/hooks/web/useMessage': ['useMessage'],
|
||||
'@/hooks/web/useXTable': ['useXTable'],
|
||||
'@/hooks/web/useVxeCrudSchemas': ['useVxeCrudSchemas'],
|
||||
'@/hooks/web/useTable': ['useTable'],
|
||||
'@/hooks/web/useCrudSchemas': ['useCrudSchemas'],
|
||||
'@/utils/formRules': ['required'],
|
||||
'@/utils/dict': ['DICT_TYPE']
|
||||
}
|
||||
|
2
src/types/auto-imports.d.ts
vendored
2
src/types/auto-imports.d.ts
vendored
@ -52,6 +52,7 @@ declare global {
|
||||
const triggerRef: typeof import('vue')['triggerRef']
|
||||
const unref: typeof import('vue')['unref']
|
||||
const useAttrs: typeof import('vue')['useAttrs']
|
||||
const useCrudSchemas: typeof import('@/hooks/web/useCrudSchemas')['useCrudSchemas']
|
||||
const useCssModule: typeof import('vue')['useCssModule']
|
||||
const useCssVars: typeof import('vue')['useCssVars']
|
||||
const useI18n: typeof import('@/hooks/web/useI18n')['useI18n']
|
||||
@ -60,6 +61,7 @@ declare global {
|
||||
const useRoute: typeof import('vue-router')['useRoute']
|
||||
const useRouter: typeof import('vue-router')['useRouter']
|
||||
const useSlots: typeof import('vue')['useSlots']
|
||||
const useTable: typeof import('@/hooks/web/useTable')['useTable']
|
||||
const useVxeCrudSchemas: typeof import('@/hooks/web/useVxeCrudSchemas')['useVxeCrudSchemas']
|
||||
const useXTable: typeof import('@/hooks/web/useXTable')['useXTable']
|
||||
const watch: typeof import('vue')['watch']
|
||||
|
@ -1,4 +1,4 @@
|
||||
import { CrudSchema, useCrudSchemas } from '@/hooks/web/useCrudSchemas'
|
||||
import type { CrudSchema } from '@/hooks/web/useCrudSchemas'
|
||||
import { DictTag } from '@/components/DictTag'
|
||||
import { TableColumn } from '@/types/table'
|
||||
import { dateFormatter } from '@/utils/formatTime'
|
||||
|
@ -53,13 +53,12 @@
|
||||
</template>
|
||||
<script setup lang="ts" name="MailAccount">
|
||||
import { allSchemas } from './account.data'
|
||||
import { useTable } from '@/hooks/web/useTable'
|
||||
import * as MailAccountApi from '@/api/system/mail/account'
|
||||
import MailAccountForm from './form.vue'
|
||||
|
||||
// https://kailong110120130.gitee.io/vue-element-plus-admin-doc/components/table.html#usetable
|
||||
// tableObject:表格的属性对象,可获得分页大小、条数等属性
|
||||
// tableMethods:表格的操作对象,可进行获得分页、删除记录等操作
|
||||
// 详细可见:https://kailong110120130.gitee.io/vue-element-plus-admin-doc/components/table.html#usetable
|
||||
const { tableObject, tableMethods } = useTable({
|
||||
getListApi: MailAccountApi.getMailAccountPage, // 分页接口
|
||||
delListApi: MailAccountApi.deleteMailAccount // 删除接口
|
||||
|
Loading…
Reference in New Issue
Block a user