create-meadminjs 1.0.0

package/template/meadmin/view/admin/src/views/user/index.vue

@@ -0,0 +1,145 @@
+<template>
+  <page>
+    <template #searchForm>
+      <me-search-form :model="params" :default-all="true" class="search-form" @search="search(1)">
+        <el-form-item :label="t('ID')" prop="id">
+          <el-input v-model="params.id" clearable></el-input>
+        </el-form-item>
+        <el-form-item :label="t('用户名')" prop="username">
+          <el-input v-model="params.username" clearable></el-input>
+        </el-form-item>
+        <el-form-item :label="t('昵称')" prop="nickname">
+          <el-input v-model="params.nickname" clearable></el-input>
+        </el-form-item>
+        <el-form-item :label="t('邮箱')" prop="email">
+          <el-input v-model="params.email" clearable></el-input>
+        </el-form-item>
+        <el-form-item :label="t('手机号')" prop="mobile">
+          <el-input v-model="params.mobile" clearable></el-input>
+        </el-form-item>
+        <el-form-item :label="t('登录失败次数')" prop="loginFailure">
+          <el-input-number v-model="params.loginFailure" clearable></el-input-number>
+        </el-form-item>
+        <el-form-item :label="t('最后登录时间')" prop="lastLoginAt">
+          <el-date-picker v-model="params.startLastLoginAt" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" clearable />&nbsp; - &nbsp;
+          <el-form-item prop="priceEnd">
+            <el-date-picker v-model="params.endLastLoginAt" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" clearable />
+          </el-form-item>
+        </el-form-item>
+        <el-form-item :label="t('最后登录ip')" prop="lastLoginIp">
+          <el-input v-model="params.lastLoginIp" clearable></el-input>
+        </el-form-item>
+        <el-form-item :label="t('状态')" prop="status">
+          <el-select v-model="params.status" clearable>
+            <el-option v-for="val in dict.status" :key="val.value" :value="val.value" :label="val.label" />
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="t('创建者Id')" prop="createdUserId">
+          <el-input v-model="params.createdUserId" clearable></el-input>
+        </el-form-item>
+        <el-form-item :label="t('创建时间')" prop="createdAt">
+          <el-date-picker v-model="params.startCreatedAt" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" clearable />&nbsp; - &nbsp;
+          <el-form-item prop="priceEnd">
+            <el-date-picker v-model="params.endCreatedAt" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" clearable />
+          </el-form-item>
+        </el-form-item>
+        <el-form-item :label="t('最后更新时间')" prop="updatedAt">
+          <el-date-picker v-model="params.startUpdatedAt" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" clearable />&nbsp; - &nbsp;
+          <el-form-item prop="priceEnd">
+            <el-date-picker v-model="params.endUpdatedAt" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" clearable />
+          </el-form-item>
+        </el-form-item>
+      </me-search-form>
+    </template>
+    <me-vxe-table
+      align="center"
+      border
+      :loading="loading"
+      :data="data?.list"
+      :pagination-options="{
+        currentPage: params.page,
+        pageSize: params.pageSize,
+        total: data?.total ?? 0,
+        layout: 'sizes, prev, pager, next, jumper, ->, total',
+        change: search,
+      }"
+      :on-add="permission('user_add') ? showAddOrUp : undefined"
+      @refresh="search(1)"
+    >
+      <vxe-column field="id" :title="t('ID')" :formatter="formatterStr"></vxe-column>
+      <vxe-column field="username" :title="t('用户名')" :formatter="formatterStr"></vxe-column>
+      <vxe-column field="nickname" :title="t('昵称')" :formatter="formatterStr"></vxe-column>
+      <vxe-column field="avatar" :title="t('头像')">
+        <template #default="{ row }: { row: UserInfo }">
+          <me-files-view :files="row.avatar ? [row.avatar] : []"></me-files-view>
+        </template>
+      </vxe-column>
+      <vxe-column field="email" :title="t('邮箱')" :formatter="formatterStr"></vxe-column>
+      <vxe-column field="mobile" :title="t('手机号')" :formatter="formatterStr"></vxe-column>
+      <vxe-column field="loginFailure" :title="t('登录失败次数')" :formatter="formatterStr"></vxe-column>
+      <vxe-column field="lastLoginAt" :title="t('最后登录时间')" :formatter="formatterAt"></vxe-column>
+      <vxe-column field="lastLoginIp" :title="t('最后登录ip')" :formatter="formatterStr"></vxe-column>
+      <vxe-column field="status" :title="t('状态')" :formatter="formatterDict"></vxe-column>
+      <vxe-column field="createdUser" :title="t('创建者(用户)')" :formatter="formatterObjectFn((obj) => `${obj.nickname}(${obj.username})`)"></vxe-column>
+      <vxe-column field="updatedUser" :title="t('最后更新者(用户)')" :formatter="formatterObjectFn((obj) => `${obj.nickname}(${obj.username})`)"></vxe-column>
+      <vxe-column field="createdAt" :title="t('创建时间')" :formatter="formatterAt"></vxe-column>
+      <vxe-column field="updatedAt" :title="t('最后更新时间')" :formatter="formatterAt"></vxe-column
+      ><vxe-column v-if="permission(['user_add', 'user_edit', 'user_del'])" :title="t('操作')" fixed="right" min-width="150px">
+        <template #default="{ row }: { row: UserInfo }">
+          <me-button v-if="permission('user_info')" link :title="t('详情')" @click="showInfo(row.id)">
+            <mel-icon-memo />
+          </me-button>
+          <me-button v-if="permission('user_edit')" link :title="t('编辑')" @click="showAddOrUp(row.id)">
+            <mel-icon-edit />
+          </me-button>
+          <el-popconfirm v-if="permission('user_del')" :title="t('确认删除？')" placement="left" @confirm="del(row.id)">
+            <template #reference>
+              <me-button :key="row.id" :loading="delLoading && delId === row.id" type="danger" link :title="t('删除')">
+                <mel-icon-delete />
+              </me-button>
+            </template>
+          </el-popconfirm>
+        </template>
+      </vxe-column>
+    </me-vxe-table>
+  </page>
+</template>
+
+<script setup lang="ts" name="User">
+import { delUserApi, UserInfo, userListApi, UserListParam } from '@/api/user';
+import { useActionModel } from '@/hooks/index.js';
+import { useLocalesI18n } from '@/locales/i18n';
+import { createformatterDictFn, formatterAt, formatterObjectFn, formatterStr } from '@/utils/helper.js';
+import { permission } from '@/utils/permission.js';
+import AddOrUp from './components/addOrUp.vue';
+import Info from './components/info.vue';
+import { getDict } from './dict.js';
+const { open: openInfo } = useActionModel(Info);
+const { open: openAddOrUp } = useActionModel(AddOrUp);
+let { t, loadRes } = useLocalesI18n({}, [(locale: string) => import(`./lang/${locale}.json`), 'user']);
+const dict = getDict(t);
+const formatterDict = createformatterDictFn<UserInfo>(dict);
+const params = reactive(new UserListParam());
+const { loading, data, runAsync } = userListApi();
+const search = (page = params.page, pageSize = params.pageSize) => runAsync(Object.assign(params, { page, pageSize }));
+const { runAsync: delRun, loading: delLoading } = delUserApi();
+const delId = ref<string>();
+const del = async (id: string) => {
+  delId.value = id;
+  await delRun(id);
+  await search(1);
+};
+const showInfo = (id?: string) => {
+  openInfo({ id });
+};
+const showAddOrUp = (id?: string) => {
+  openAddOrUp({
+    id,
+    onSuccess: async () => {
+      await search(1);
+    },
+  });
+};
+
+await Promise.all([loadRes, search(1)]);
+</script>

package/template/meadmin/view/admin/src/views/user/lang/en.json

@@ -0,0 +1,18 @@
+{
+  "ID": "Id",
+  "用户名": "Username",
+  "昵称": "Nickname",
+  "密码": "Password",
+  "头像": "Avatar",
+  "邮箱": "Email",
+  "手机号": "Mobile",
+  "登录失败次数": "Login failure",
+  "最后登录时间": "Last login time",
+  "最后登录ip": "Last login ip",
+  "状态": "Status",
+  "创建者Id": "Created user id",
+  "创建者": "Created user",
+  "最后更新者": "Updated user",
+  "创建时间": "Created time",
+  "最后更新时间": "Updated time"
+}

package/template/meadmin/view/admin/template/components.d.ts

@@ -0,0 +1,9 @@
+declare module 'vue' {
+  export interface GlobalComponents {
+    //code
+  }
+}
+declare global {
+  //typeCode
+}
+export {};

package/template/meadmin/view/admin/template/directives.d.ts

@@ -0,0 +1,6 @@
+declare module 'vue' {
+  export interface ComponentCustomProperties {
+    //code
+  }
+}
+export {};

package/template/meadmin/view/admin/template/meIconComponents.d.ts

@@ -0,0 +1,6 @@
+declare module 'vue' {
+  export interface GlobalComponents {
+    //code
+  }
+}
+export {};

package/template/meadmin/view/admin/tsconfig.json

@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "forceConsistentCasingInFileNames": true,
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "jsx": "preserve",
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "lib": ["esnext", "dom"],
+    "skipLibCheck": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"],
+      "#/*": ["types/*"]
+    },
+    "typeRoots": ["./node_modules/@types/", "./types", "./node_modules"],
+    "types": ["element-plus/global", "vite/client", "vite-svg-loader"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "types/**/*.d.ts", "mock/**/*.ts"],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    }
+  ],
+  "vueCompilerOptions": {
+    "strictTemplates": false
+  }
+}

package/template/meadmin/view/admin/tsconfig.node.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "forceConsistentCasingInFileNames": true,
+    "target": "ESNext",
+    "strict": true,
+    "composite": true,
+    "module": "nodenext",
+    "moduleResolution": "nodenext",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts", "./plugins/*.ts", "./cli/*.ts"],
+  "ts-node": {
+    "compilerOptions": {
+      "module": "NodeNext"
+    }
+  }
+}

package/template/meadmin/view/admin/types/api.d.ts

@@ -0,0 +1,15 @@
+declare global {
+  type BasePageParams<P extends Record<string, any> = unknown> = {
+    page: number;
+    size: number;
+  } & P;
+
+  type BasePageResult<R> = {
+    page: number;
+    size: number;
+    count: number;
+    list: R[];
+  };
+}
+
+export {};

package/template/meadmin/view/admin/types/auto-imports.d.ts

@@ -0,0 +1,302 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {
+  const EffectScope: typeof import('vue').EffectScope
+  const ElLoading: typeof import('element-plus/es').ElLoading
+  const ElMessage: typeof import('element-plus/es').ElMessage
+  const ElMessageBox: typeof import('element-plus/es').ElMessageBox
+  const acceptHMRUpdate: typeof import('pinia').acceptHMRUpdate
+  const asyncComputed: typeof import('@vueuse/core').asyncComputed
+  const autoResetRef: typeof import('@vueuse/core').autoResetRef
+  const computed: typeof import('vue').computed
+  const computedAsync: typeof import('@vueuse/core').computedAsync
+  const computedEager: typeof import('@vueuse/core').computedEager
+  const computedInject: typeof import('@vueuse/core').computedInject
+  const computedWithControl: typeof import('@vueuse/core').computedWithControl
+  const controlledComputed: typeof import('@vueuse/core').controlledComputed
+  const controlledRef: typeof import('@vueuse/core').controlledRef
+  const createApp: typeof import('vue').createApp
+  const createEventHook: typeof import('@vueuse/core').createEventHook
+  const createGlobalState: typeof import('@vueuse/core').createGlobalState
+  const createInjectionState: typeof import('@vueuse/core').createInjectionState
+  const createPinia: typeof import('pinia').createPinia
+  const createReactiveFn: typeof import('@vueuse/core').createReactiveFn
+  const createSharedComposable: typeof import('@vueuse/core').createSharedComposable
+  const createUnrefFn: typeof import('@vueuse/core').createUnrefFn
+  const customRef: typeof import('vue').customRef
+  const debouncedRef: typeof import('@vueuse/core').debouncedRef
+  const debouncedWatch: typeof import('@vueuse/core').debouncedWatch
+  const defineAsyncComponent: typeof import('vue').defineAsyncComponent
+  const defineComponent: typeof import('vue').defineComponent
+  const defineStore: typeof import('pinia').defineStore
+  const eagerComputed: typeof import('@vueuse/core').eagerComputed
+  const effectScope: typeof import('vue').effectScope
+  const extendRef: typeof import('@vueuse/core').extendRef
+  const getActivePinia: typeof import('pinia').getActivePinia
+  const getCurrentInstance: typeof import('vue').getCurrentInstance
+  const getCurrentScope: typeof import('vue').getCurrentScope
+  const getCurrentWatcher: typeof import('vue').getCurrentWatcher
+  const h: typeof import('vue').h
+  const ignorableWatch: typeof import('@vueuse/core').ignorableWatch
+  const inject: typeof import('vue').inject
+  const isDefined: typeof import('@vueuse/core').isDefined
+  const isProxy: typeof import('vue').isProxy
+  const isReactive: typeof import('vue').isReactive
+  const isReadonly: typeof import('vue').isReadonly
+  const isRef: typeof import('vue').isRef
+  const isShallow: typeof import('vue').isShallow
+  const makeDestructurable: typeof import('@vueuse/core').makeDestructurable
+  const mapActions: typeof import('pinia').mapActions
+  const mapGetters: typeof import('pinia').mapGetters
+  const mapState: typeof import('pinia').mapState
+  const mapStores: typeof import('pinia').mapStores
+  const mapWritableState: typeof import('pinia').mapWritableState
+  const markRaw: typeof import('vue').markRaw
+  const nextTick: typeof import('vue').nextTick
+  const onActivated: typeof import('vue').onActivated
+  const onBeforeMount: typeof import('vue').onBeforeMount
+  const onBeforeRouteLeave: typeof import('vue-router').onBeforeRouteLeave
+  const onBeforeRouteUpdate: typeof import('vue-router').onBeforeRouteUpdate
+  const onBeforeUnmount: typeof import('vue').onBeforeUnmount
+  const onBeforeUpdate: typeof import('vue').onBeforeUpdate
+  const onClickOutside: typeof import('@vueuse/core').onClickOutside
+  const onDeactivated: typeof import('vue').onDeactivated
+  const onErrorCaptured: typeof import('vue').onErrorCaptured
+  const onKeyStroke: typeof import('@vueuse/core').onKeyStroke
+  const onLongPress: typeof import('@vueuse/core').onLongPress
+  const onMounted: typeof import('vue').onMounted
+  const onRenderTracked: typeof import('vue').onRenderTracked
+  const onRenderTriggered: typeof import('vue').onRenderTriggered
+  const onScopeDispose: typeof import('vue').onScopeDispose
+  const onServerPrefetch: typeof import('vue').onServerPrefetch
+  const onStartTyping: typeof import('@vueuse/core').onStartTyping
+  const onUnmounted: typeof import('vue').onUnmounted
+  const onUpdated: typeof import('vue').onUpdated
+  const onWatcherCleanup: typeof import('vue').onWatcherCleanup
+  const pausableWatch: typeof import('@vueuse/core').pausableWatch
+  const provide: typeof import('vue').provide
+  const reactify: typeof import('@vueuse/core').reactify
+  const reactifyObject: typeof import('@vueuse/core').reactifyObject
+  const reactive: typeof import('vue').reactive
+  const reactiveComputed: typeof import('@vueuse/core').reactiveComputed
+  const reactiveOmit: typeof import('@vueuse/core').reactiveOmit
+  const reactivePick: typeof import('@vueuse/core').reactivePick
+  const readonly: typeof import('vue').readonly
+  const ref: typeof import('vue').ref
+  const refAutoReset: typeof import('@vueuse/core').refAutoReset
+  const refDebounced: typeof import('@vueuse/core').refDebounced
+  const refDefault: typeof import('@vueuse/core').refDefault
+  const refThrottled: typeof import('@vueuse/core').refThrottled
+  const refWithControl: typeof import('@vueuse/core').refWithControl
+  const resolveComponent: typeof import('vue').resolveComponent
+  const resolveRef: typeof import('@vueuse/core').resolveRef
+  const resolveUnref: typeof import('@vueuse/core').resolveUnref
+  const setActivePinia: typeof import('pinia').setActivePinia
+  const setMapStoreSuffix: typeof import('pinia').setMapStoreSuffix
+  const shallowReactive: typeof import('vue').shallowReactive
+  const shallowReadonly: typeof import('vue').shallowReadonly
+  const shallowRef: typeof import('vue').shallowRef
+  const storeToRefs: typeof import('pinia').storeToRefs
+  const syncRef: typeof import('@vueuse/core').syncRef
+  const syncRefs: typeof import('@vueuse/core').syncRefs
+  const templateRef: typeof import('@vueuse/core').templateRef
+  const throttledRef: typeof import('@vueuse/core').throttledRef
+  const throttledWatch: typeof import('@vueuse/core').throttledWatch
+  const toRaw: typeof import('vue').toRaw
+  const toReactive: typeof import('@vueuse/core').toReactive
+  const toRef: typeof import('vue').toRef
+  const toRefs: typeof import('vue').toRefs
+  const toValue: typeof import('vue').toValue
+  const triggerRef: typeof import('vue').triggerRef
+  const tryOnBeforeMount: typeof import('@vueuse/core').tryOnBeforeMount
+  const tryOnBeforeUnmount: typeof import('@vueuse/core').tryOnBeforeUnmount
+  const tryOnMounted: typeof import('@vueuse/core').tryOnMounted
+  const tryOnScopeDispose: typeof import('@vueuse/core').tryOnScopeDispose
+  const tryOnUnmounted: typeof import('@vueuse/core').tryOnUnmounted
+  const unref: typeof import('vue').unref
+  const unrefElement: typeof import('@vueuse/core').unrefElement
+  const until: typeof import('@vueuse/core').until
+  const useActiveElement: typeof import('@vueuse/core').useActiveElement
+  const useArrayEvery: typeof import('@vueuse/core').useArrayEvery
+  const useArrayFilter: typeof import('@vueuse/core').useArrayFilter
+  const useArrayFind: typeof import('@vueuse/core').useArrayFind
+  const useArrayFindIndex: typeof import('@vueuse/core').useArrayFindIndex
+  const useArrayFindLast: typeof import('@vueuse/core').useArrayFindLast
+  const useArrayJoin: typeof import('@vueuse/core').useArrayJoin
+  const useArrayMap: typeof import('@vueuse/core').useArrayMap
+  const useArrayReduce: typeof import('@vueuse/core').useArrayReduce
+  const useArraySome: typeof import('@vueuse/core').useArraySome
+  const useArrayUnique: typeof import('@vueuse/core').useArrayUnique
+  const useAsyncQueue: typeof import('@vueuse/core').useAsyncQueue
+  const useAsyncState: typeof import('@vueuse/core').useAsyncState
+  const useAttrs: typeof import('vue').useAttrs
+  const useBase64: typeof import('@vueuse/core').useBase64
+  const useBattery: typeof import('@vueuse/core').useBattery
+  const useBluetooth: typeof import('@vueuse/core').useBluetooth
+  const useBreakpoints: typeof import('@vueuse/core').useBreakpoints
+  const useBroadcastChannel: typeof import('@vueuse/core').useBroadcastChannel
+  const useBrowserLocation: typeof import('@vueuse/core').useBrowserLocation
+  const useCached: typeof import('@vueuse/core').useCached
+  const useClipboard: typeof import('@vueuse/core').useClipboard
+  const useCloned: typeof import('@vueuse/core').useCloned
+  const useColorMode: typeof import('@vueuse/core').useColorMode
+  const useConfirmDialog: typeof import('@vueuse/core').useConfirmDialog
+  const useCounter: typeof import('@vueuse/core').useCounter
+  const useCssModule: typeof import('vue').useCssModule
+  const useCssVar: typeof import('@vueuse/core').useCssVar
+  const useCssVars: typeof import('vue').useCssVars
+  const useCurrentElement: typeof import('@vueuse/core').useCurrentElement
+  const useCycleList: typeof import('@vueuse/core').useCycleList
+  const useDark: typeof import('@vueuse/core').useDark
+  const useDateFormat: typeof import('@vueuse/core').useDateFormat
+  const useDebounce: typeof import('@vueuse/core').useDebounce
+  const useDebounceFn: typeof import('@vueuse/core').useDebounceFn
+  const useDebouncedRefHistory: typeof import('@vueuse/core').useDebouncedRefHistory
+  const useDeviceMotion: typeof import('@vueuse/core').useDeviceMotion
+  const useDeviceOrientation: typeof import('@vueuse/core').useDeviceOrientation
+  const useDevicePixelRatio: typeof import('@vueuse/core').useDevicePixelRatio
+  const useDevicesList: typeof import('@vueuse/core').useDevicesList
+  const useDisplayMedia: typeof import('@vueuse/core').useDisplayMedia
+  const useDocumentVisibility: typeof import('@vueuse/core').useDocumentVisibility
+  const useDraggable: typeof import('@vueuse/core').useDraggable
+  const useDropZone: typeof import('@vueuse/core').useDropZone
+  const useElementBounding: typeof import('@vueuse/core').useElementBounding
+  const useElementByPoint: typeof import('@vueuse/core').useElementByPoint
+  const useElementHover: typeof import('@vueuse/core').useElementHover
+  const useElementSize: typeof import('@vueuse/core').useElementSize
+  const useElementVisibility: typeof import('@vueuse/core').useElementVisibility
+  const useEventBus: typeof import('@vueuse/core').useEventBus
+  const useEventListener: typeof import('@vueuse/core').useEventListener
+  const useEventSource: typeof import('@vueuse/core').useEventSource
+  const useEyeDropper: typeof import('@vueuse/core').useEyeDropper
+  const useFavicon: typeof import('@vueuse/core').useFavicon
+  const useFetch: typeof import('@vueuse/core').useFetch
+  const useFileDialog: typeof import('@vueuse/core').useFileDialog
+  const useFileSystemAccess: typeof import('@vueuse/core').useFileSystemAccess
+  const useFocus: typeof import('@vueuse/core').useFocus
+  const useFocusWithin: typeof import('@vueuse/core').useFocusWithin
+  const useFps: typeof import('@vueuse/core').useFps
+  const useFullscreen: typeof import('@vueuse/core').useFullscreen
+  const useGamepad: typeof import('@vueuse/core').useGamepad
+  const useGeolocation: typeof import('@vueuse/core').useGeolocation
+  const useId: typeof import('vue').useId
+  const useIdle: typeof import('@vueuse/core').useIdle
+  const useImage: typeof import('@vueuse/core').useImage
+  const useInfiniteScroll: typeof import('@vueuse/core').useInfiniteScroll
+  const useIntersectionObserver: typeof import('@vueuse/core').useIntersectionObserver
+  const useInterval: typeof import('@vueuse/core').useInterval
+  const useIntervalFn: typeof import('@vueuse/core').useIntervalFn
+  const useKeyModifier: typeof import('@vueuse/core').useKeyModifier
+  const useLastChanged: typeof import('@vueuse/core').useLastChanged
+  const useLink: typeof import('vue-router').useLink
+  const useLocalStorage: typeof import('@vueuse/core').useLocalStorage
+  const useMagicKeys: typeof import('@vueuse/core').useMagicKeys
+  const useManualRefHistory: typeof import('@vueuse/core').useManualRefHistory
+  const useMediaControls: typeof import('@vueuse/core').useMediaControls
+  const useMediaQuery: typeof import('@vueuse/core').useMediaQuery
+  const useMemoize: typeof import('@vueuse/core').useMemoize
+  const useMemory: typeof import('@vueuse/core').useMemory
+  const useModel: typeof import('vue').useModel
+  const useMounted: typeof import('@vueuse/core').useMounted
+  const useMouse: typeof import('@vueuse/core').useMouse
+  const useMouseInElement: typeof import('@vueuse/core').useMouseInElement
+  const useMousePressed: typeof import('@vueuse/core').useMousePressed
+  const useMutationObserver: typeof import('@vueuse/core').useMutationObserver
+  const useNavigatorLanguage: typeof import('@vueuse/core').useNavigatorLanguage
+  const useNetwork: typeof import('@vueuse/core').useNetwork
+  const useNow: typeof import('@vueuse/core').useNow
+  const useObjectUrl: typeof import('@vueuse/core').useObjectUrl
+  const useOffsetPagination: typeof import('@vueuse/core').useOffsetPagination
+  const useOnline: typeof import('@vueuse/core').useOnline
+  const usePageLeave: typeof import('@vueuse/core').usePageLeave
+  const useParallax: typeof import('@vueuse/core').useParallax
+  const usePermission: typeof import('@vueuse/core').usePermission
+  const usePointer: typeof import('@vueuse/core').usePointer
+  const usePointerLock: typeof import('@vueuse/core').usePointerLock
+  const usePointerSwipe: typeof import('@vueuse/core').usePointerSwipe
+  const usePreferredColorScheme: typeof import('@vueuse/core').usePreferredColorScheme
+  const usePreferredContrast: typeof import('@vueuse/core').usePreferredContrast
+  const usePreferredDark: typeof import('@vueuse/core').usePreferredDark
+  const usePreferredLanguages: typeof import('@vueuse/core').usePreferredLanguages
+  const usePreferredReducedMotion: typeof import('@vueuse/core').usePreferredReducedMotion
+  const usePrevious: typeof import('@vueuse/core').usePrevious
+  const useRafFn: typeof import('@vueuse/core').useRafFn
+  const useRefHistory: typeof import('@vueuse/core').useRefHistory
+  const useResizeObserver: typeof import('@vueuse/core').useResizeObserver
+  const useRoute: typeof import('vue-router').useRoute
+  const useRouter: typeof import('vue-router').useRouter
+  const useScreenOrientation: typeof import('@vueuse/core').useScreenOrientation
+  const useScreenSafeArea: typeof import('@vueuse/core').useScreenSafeArea
+  const useScriptTag: typeof import('@vueuse/core').useScriptTag
+  const useScroll: typeof import('@vueuse/core').useScroll
+  const useScrollLock: typeof import('@vueuse/core').useScrollLock
+  const useSessionStorage: typeof import('@vueuse/core').useSessionStorage
+  const useShare: typeof import('@vueuse/core').useShare
+  const useSlots: typeof import('vue').useSlots
+  const useSorted: typeof import('@vueuse/core').useSorted
+  const useSpeechRecognition: typeof import('@vueuse/core').useSpeechRecognition
+  const useSpeechSynthesis: typeof import('@vueuse/core').useSpeechSynthesis
+  const useStepper: typeof import('@vueuse/core').useStepper
+  const useStorage: typeof import('@vueuse/core').useStorage
+  const useStorageAsync: typeof import('@vueuse/core').useStorageAsync
+  const useStyleTag: typeof import('@vueuse/core').useStyleTag
+  const useSupported: typeof import('@vueuse/core').useSupported
+  const useSwipe: typeof import('@vueuse/core').useSwipe
+  const useTemplateRef: typeof import('vue').useTemplateRef
+  const useTemplateRefsList: typeof import('@vueuse/core').useTemplateRefsList
+  const useTextDirection: typeof import('@vueuse/core').useTextDirection
+  const useTextSelection: typeof import('@vueuse/core').useTextSelection
+  const useTextareaAutosize: typeof import('@vueuse/core').useTextareaAutosize
+  const useThrottle: typeof import('@vueuse/core').useThrottle
+  const useThrottleFn: typeof import('@vueuse/core').useThrottleFn
+  const useThrottledRefHistory: typeof import('@vueuse/core').useThrottledRefHistory
+  const useTimeAgo: typeof import('@vueuse/core').useTimeAgo
+  const useTimeout: typeof import('@vueuse/core').useTimeout
+  const useTimeoutFn: typeof import('@vueuse/core').useTimeoutFn
+  const useTimeoutPoll: typeof import('@vueuse/core').useTimeoutPoll
+  const useTimestamp: typeof import('@vueuse/core').useTimestamp
+  const useTitle: typeof import('@vueuse/core').useTitle
+  const useToNumber: typeof import('@vueuse/core').useToNumber
+  const useToString: typeof import('@vueuse/core').useToString
+  const useToggle: typeof import('@vueuse/core').useToggle
+  const useTransition: typeof import('@vueuse/core').useTransition
+  const useUrlSearchParams: typeof import('@vueuse/core').useUrlSearchParams
+  const useUserMedia: typeof import('@vueuse/core').useUserMedia
+  const useVModel: typeof import('@vueuse/core').useVModel
+  const useVModels: typeof import('@vueuse/core').useVModels
+  const useVibrate: typeof import('@vueuse/core').useVibrate
+  const useVirtualList: typeof import('@vueuse/core').useVirtualList
+  const useWakeLock: typeof import('@vueuse/core').useWakeLock
+  const useWebNotification: typeof import('@vueuse/core').useWebNotification
+  const useWebSocket: typeof import('@vueuse/core').useWebSocket
+  const useWebWorker: typeof import('@vueuse/core').useWebWorker
+  const useWebWorkerFn: typeof import('@vueuse/core').useWebWorkerFn
+  const useWindowFocus: typeof import('@vueuse/core').useWindowFocus
+  const useWindowScroll: typeof import('@vueuse/core').useWindowScroll
+  const useWindowSize: typeof import('@vueuse/core').useWindowSize
+  const watch: typeof import('vue').watch
+  const watchArray: typeof import('@vueuse/core').watchArray
+  const watchAtMost: typeof import('@vueuse/core').watchAtMost
+  const watchDebounced: typeof import('@vueuse/core').watchDebounced
+  const watchEffect: typeof import('vue').watchEffect
+  const watchIgnorable: typeof import('@vueuse/core').watchIgnorable
+  const watchOnce: typeof import('@vueuse/core').watchOnce
+  const watchPausable: typeof import('@vueuse/core').watchPausable
+  const watchPostEffect: typeof import('vue').watchPostEffect
+  const watchSyncEffect: typeof import('vue').watchSyncEffect
+  const watchThrottled: typeof import('@vueuse/core').watchThrottled
+  const watchTriggerable: typeof import('@vueuse/core').watchTriggerable
+  const watchWithFilter: typeof import('@vueuse/core').watchWithFilter
+  const whenever: typeof import('@vueuse/core').whenever
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, Slot, Slots, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, ShallowRef, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
+  import('vue')
+}

package/template/meadmin/view/admin/types/global.d.ts

@@ -0,0 +1,60 @@
+import { ElTable } from 'element-plus';
+import { DefineComponent, Prop } from 'vue';
+declare global {
+  //unplugin-auto-import的Element是在页面加载到的时候才生成类型，这里全局声明一下
+  const ElLoading: typeof import('element-plus/es')['ElLoading'];
+  const ElMessage: typeof import('element-plus/es')['ElMessage'];
+  const ElMessageBox: typeof import('element-plus/es')['ElMessageBox'];
+  const ElNotification: typeof import('element-plus/es')['ElNotification'];
+  // svg-icon /el-cion-*组件定义
+  type Icon = DefineComponent<{
+    size: (StringConstructor | NumberConstructor)[];
+    color: StringConstructor;
+  }>;
+
+  /* eslint-disable */
+  declare const __SSR__: boolean;
+  declare const __DEV__: boolean;
+  declare const __COMPAT__: boolean;
+
+  // Feature flags
+  declare const __FEATURE_PROD_DEVTOOLS__: boolean;
+  declare const __FEATURE_SUSPENSE__: boolean;
+  /* eslint-disable */
+
+  type ComponentProps<Component> = {
+    -readonly [K in keyof Omit<InstanceType<Component>['$props'], keyof InstanceType<DefineComponent>['$props']>]: InstanceType<Component>['$props'][K];
+  };
+
+  //将 对象类型 转化为合法的组件props声明类型
+  type ComponentObjectPropsOptionsFromData<P = Record<string, unknown>> = {
+    [K in keyof P]-?: undefined extends P[K] ? Prop<P[K] | undefined> : Prop<P[K]>;
+  };
+
+  //判断是否是字符串
+  type IsStringLiteral<T> = T extends string ? (string extends T ? false : true) : false;
+  //将数组类型emit转化为对象函数类型emit
+  type ArrayEmitsOptionsToFns<T extends any[]> = {
+    [K in T[0]]: IsStringLiteral<K> extends true ? (...args: T extends [e: infer E, ...args: infer P] ? (K extends E ? P : never) : never) => void : never;
+  };
+
+  type ELTableInstance = InstanceType<typeof ElTable> & {
+    getSelectionIndexs: () => number[]; //获取选中行的索引
+  };
+
+  type KeyOfMap<T extends Map> = Parameters<T['get']>[0];
+
+  type ValueOfMap<T extends Map> = ReturnType<T['get']>;
+}
+
+//_或-间隔转换为驼峰
+type CamelCase<S extends string> = S extends `${infer First}_${infer Second}${infer Rest}`
+  ? `${First}${Uppercase<Second>}${CamelCase<Rest>}`
+  : S extends `${infer First}-${infer Second}${infer Rest}`
+  ? `${First}${Uppercase<Second>}${CamelCase<Rest>}`
+  : S;
+
+//数组key转换为驼峰
+type SnakeToCamelCase<T> = {
+  [K in keyof T as CamelCase<K>]: T[K];
+};

package/template/meadmin/view/admin/types/globalComponents.d.ts

@@ -0,0 +1,13 @@
+declare module 'vue' {
+  export interface GlobalComponents {
+    LayoutMenuItem: typeof import('../src/layout/components/menu/components/menuItem.vue')['default'];
+  }
+}
+import { StateTree } from 'pinia';
+declare global {
+  interface Window {
+    __pinia?: Record<string, StateTree>;
+  }
+  type TestIndex = number;
+}
+export {};

package/template/meadmin/view/admin/types/melIconComponents.d.d.ts

@@ -0,0 +1,9 @@
+import { icons } from '@element-plus/icons-vue/global';
+declare module 'vue' {
+  type GlobalComponentsTypes = {
+    [k in `MelIcon${keyof typeof icons}`]: Icon;
+  };
+  // eslint-disable-next-line
+  interface GlobalComponents extends GlobalComponentsTypes {}
+}
+export {};