create-young-proj 1.0.0 → 1.1.0

package/template-nuxt-admin/composables/apis/patch.ts

@@ -0,0 +1,74 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-26 11:51:44
+ * @LastEditTime: 2023-07-26 16:37:45
+ * @Description:
+ */
+import type { YoungHttp, YoungHttpAuthReq } from '@bluesyoung/http'
+
+export function usePatch(http: YoungHttp) {
+  const AuthReq: YoungHttpAuthReq = args => http.authReq({ method: 'PATCH', ...args })
+
+  return {
+    /**
+     * 更新接口
+     */
+    changeApiItem: async ({ id, ...data }: Partial<ApiItem>) => {
+      await AuthReq({
+        url: `/api/update/${id}`,
+        data,
+      })
+    },
+    /**
+     * 更新菜单信息
+     */
+    changeMenuItem: async ({ id, ...data }: Partial<NavArrItem>) => {
+      await AuthReq({
+        url: `/menu/update/${id}`,
+        data,
+      })
+    },
+    /**
+     * 更新角色
+     */
+    changeRoleItem: async ({ id, ...data }: Partial<RoleItem>) => {
+      await AuthReq({
+        url: `/role/update/${id}`,
+        data,
+      })
+    },
+    /**
+     * 更新角色菜单权限
+     */
+    changeRoleMenu: async (roleId: number, add: number[], del: number[]) => {
+      await AuthReq({
+        url: `role/menus/update/${roleId}`,
+        data: {
+          create: add,
+          delete: del,
+        },
+      })
+    },
+    /**
+     * 更新角色接口权限
+     */
+    changeRoleApi: async (roleId: number, add: number[], del: number[]) => {
+      await AuthReq({
+        url: `role/apis/update/${roleId}`,
+        data: {
+          create: add,
+          delete: del,
+        },
+      })
+    },
+    /**
+     * 更新用户信息
+     */
+    changeUserItem: async ({ id, ...data }: Partial<UserItem>) => {
+      await AuthReq({
+        url: `/user/update/${id}`,
+        data,
+      })
+    },
+  }
+}

package/template-nuxt-admin/composables/apis/post.ts

@@ -0,0 +1,85 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-21 09:21:02
+ * @LastEditTime: 2023-07-26 16:39:22
+ * @Description:
+ */
+import type { YoungHttp, YoungHttpAuthReq, YoungHttpFreeReq } from '@bluesyoung/http'
+import { telMasaike } from '@bluesyoung/utils'
+
+export function usePost(http: YoungHttp) {
+  const FreeReq: YoungHttpFreeReq = args => http.freeReq({ method: 'POST', ...args })
+  const AuthReq: YoungHttpAuthReq = args => http.authReq({ method: 'POST', ...args })
+
+  return {
+    login: async (args: LoginForm) => {
+      console.log('🚀 ~ file: post.ts:15 ~ login: ~ args:', args)
+
+      const { token } = await FreeReq({
+        url: '/base/login',
+        data: {
+          username: 'super',
+          password: '123456',
+        },
+      })
+
+      return {
+        uuid: '9527',
+        nickname: '用户xxx',
+        headimgurl: 'https://avatars.githubusercontent.com/u/55608642?v=4',
+        token,
+        phone: telMasaike(args.mobile),
+      } as UserLoginRes
+    },
+    changePassword: async (args: LoginForm) => {
+      console.log('🚀 ~ file: post.ts:15 ~ login: ~ args:', args)
+      showToast('todo: user change password')
+
+      return {
+        uuid: '9527',
+        nickname: '用户xxx',
+        headimgurl: 'https://avatars.githubusercontent.com/u/55608642?v=4',
+        token: 'xxx',
+        phone: telMasaike(args.mobile),
+      } as UserLoginRes
+    },
+
+    /**
+     * 创建接口
+     */
+    addApiItem: async (data: ApiItem) => {
+      await AuthReq({
+        url: '/api/create',
+        data,
+      })
+    },
+    /**
+     * 创建菜单
+     */
+    addMenuItem: async (data: NavArrItem) => {
+      await AuthReq({
+        url: '/menu/create',
+        data,
+      })
+    },
+    /**
+     * 创建角色
+     */
+    addRoleItem: async (data: RoleItem) => {
+      await AuthReq({
+        url: '/role/create',
+        data,
+      })
+    },
+
+    /**
+     * 创建用户
+     */
+    addUserItem: async (data: UserItem) => {
+      await AuthReq({
+        url: '/user/create',
+        data,
+      })
+    },
+  }
+}

package/template-nuxt-admin/composables/config.ts

@@ -0,0 +1,13 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-26 11:48:46
+ * @LastEditTime: 2023-07-26 11:48:46
+ * @Description:
+ */
+export const MethodObj = {
+  GET: 'info',
+  POST: 'success',
+  PATCH: 'warning',
+  PUT: '',
+  DELETE: 'danger',
+} as const

package/template-nuxt-admin/composables/icon.ts

@@ -0,0 +1,25 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-21 15:20:01
+ * @LastEditTime: 2023-11-07 14:48:21
+ * @Description:
+ * @unocss-include
+ */
+export const MenuIcons = [
+  'i-icon-park-solid-analysis',
+  'i-ant-design-account-book-outlined',
+  'i-ant-design-bulb-outlined',
+  'i-icon-park-solid-application',
+  'i-icon-park-solid-apple-one',
+  'i-icon-park-solid-align-text-right-one',
+  'i-icon-park-solid-auto-focus',
+  'i-humbleicons-crown',
+  'i-icon-park-solid-add-user',
+  'i-typcn-device-desktop',
+  'i-icon-park-solid-application-two',
+] as const
+
+export const MenuIconList: SelectOptionItem[] = MenuIcons.map(label => ({
+  label,
+  value: label,
+}))

package/template-nuxt-admin/composables/nav.ts

@@ -0,0 +1,85 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-06-01 12:03:44
+ * @LastEditTime: 2023-11-07 15:50:47
+ * @Description:
+ */
+export const useNavStore = defineStore('useNavStore', () => {
+  const title = ref('')
+  const sub_title = ref('')
+  /**
+   * 树形导航数组(仅可见)
+   */
+  const nav_arr = ref<NavArrItem[]>([])
+  /**
+   * 拍平之后的导航数组(仅可见，用于快速搜索)
+   */
+  const flat_nav_arr = ref<NavArrItem[]>([])
+  /**
+   * 拥有权限的路由
+   */
+  const auth_routes = ref<string[]>([])
+
+  const breadcrumb_arr = ref<string[]>([])
+
+  /**
+   * 生成节点映射
+   */
+  const nodeMap = ref<Map<string, NavArrItem>>(new Map())
+  const generateNodeMap = (list: NavArrItem[]) => {
+    for (const node of list) {
+      nodeMap.value.set(node.id.toString(), node)
+      if (node.children && node.children?.length > 0)
+        generateNodeMap(node.children)
+    }
+  }
+
+  const nav_index_map = ref<Map<string, string>>(new Map())
+
+  const isLoading = ref(false)
+  const isCollapse = ref(false)
+
+  watch(
+    () => WindowSize['lt-lg'],
+    (v) => {
+      isCollapse.value = v
+    },
+    {
+      immediate: true,
+    },
+  )
+
+  watchEffect(() => {
+    if (isLoading.value)
+      document.body.style.overflow = 'hidden'
+    else
+      document.body.style.overflow = 'auto'
+  })
+
+  /**
+   * 工作区全屏控制
+   */
+  const zen_mode = ref(false)
+  /**
+   * 工作区全屏时，临时显示顶部导航栏
+   */
+  const zen_mode_helper = ref(false)
+  return {
+    title,
+    sub_title,
+    nav_arr,
+    nav_index_map,
+    flat_nav_arr,
+    auth_routes,
+    isLoading,
+    isCollapse,
+    nodeMap,
+    breadcrumb_arr,
+    generateNodeMap,
+    zen_mode,
+    zen_mode_helper,
+  }
+})
+
+if (import.meta.hot)
+  import.meta.hot.accept(acceptHMRUpdate(useNavStore, import.meta.hot))

package/template-nuxt-admin/composables/tags.ts

@@ -0,0 +1,136 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-21 17:13:59
+ * @LastEditTime: 2023-09-18 14:11:18
+ * @Description:
+ */
+import type { RouteLocationNormalized } from 'vue-router'
+
+// hack nuxt3 的 keep-alive 没办法像 vue3 那样自由控制
+export function useTabReOpen(cbk: Function = () => console.log('this tab page is reopen')) {
+  const tagState = useTagsStore()
+  const route = useRoute()
+
+  tagState.$onAction(({ name, args, after }) => {
+    if (name === 'addToCache') {
+      if (args[0].name === route.name)
+        after(() => cbk())
+    }
+  })
+
+  cbk()
+}
+
+// 不缓存
+export function useTabNoCache(cbk: Function = () => console.log('this tab page is no cache')) {
+  const tagState = useTagsStore()
+  const route = useRoute()
+
+  tagState.$onAction(({ name, args, after }) => {
+    if (name === 'addView') {
+      if (args[0].name === route.name)
+        after(() => cbk())
+    }
+  })
+
+  cbk()
+}
+
+// 关闭，用于替换 onUnmounted
+export function useTabClose(cbk: Function = () => console.log('this tab page is close')) {
+  const tagState = useTagsStore()
+  const route = useRoute()
+
+  tagState.$onAction(({ name, args, after }) => {
+    if (name === 'delView') {
+      if (args[0].name === route.name)
+        after(() => cbk())
+    }
+  })
+}
+
+export const useTagsStore = defineStore('useTagsStore', {
+  state: () => {
+    const visitedViews = ref<RouteLocationNormalized[]>([])
+    const cachedViews = ref<string[]>([])
+
+    return {
+      visitedViews,
+      cachedViews,
+    }
+  },
+  actions: {
+    /**
+     * 打开某个页面
+     */
+    addView(view: RouteLocationNormalized) {
+      if (view.path === '/')
+        return
+
+      // 非我族类其心必异，布局不是默认布局的页面，不缓存
+      if ((view.meta?.layout ?? 'default') !== 'default')
+        return
+
+      // 查询是否已经访问过
+      if (!this.visitedViews.some(v => v.path === view.path)) {
+        // 添加到已访问
+        const { name, path, fullPath, meta } = view
+        this.visitedViews.push({ name, path, fullPath, meta } as RouteLocationNormalized)
+        // 添加到缓存
+        this.addToCache(view)
+      }
+    },
+    /**
+     * 添加页面到缓存
+     */
+    addToCache(view: RouteLocationNormalized) {
+      // 查询该标签是否已缓存
+      if (!this.cachedViews.includes(view.name as string) && !view.meta?.noCache)
+        this.cachedViews.push(view.name as string)
+    },
+    /**
+     * 关闭某个页面
+     */
+    delView(view: RouteLocationNormalized) {
+      // 固定页不能关闭
+      if (view.meta.affix) {
+        ElMessage.warning('固定页无法关闭！')
+        return false
+      }
+      // 删除访问记录
+      const index = this.visitedViews.findIndex(r => r.path === view.path)
+      index > -1 && this.visitedViews.splice(index, 1)
+      // 删除缓存
+      this.delCachedView(view)
+      return true
+    },
+    /**
+     * 删除页面缓存
+     */
+    delCachedView(view: RouteLocationNormalized) {
+      const index = this.cachedViews.indexOf(view.name as string)
+      index > -1 && this.cachedViews.splice(index, 1)
+    },
+    /**
+     * 关闭其他页面
+     */
+    delOtherViews(view: RouteLocationNormalized) {
+      this.visitedViews = this.visitedViews.filter((v) => {
+        return v?.meta?.affix || v.path === view.path
+      })
+      this.cachedViews = this.cachedViews.filter((v) => {
+        return v === view.name
+      })
+    },
+    /**
+     * 关闭所有页面
+     */
+    delAllViews() {
+      const affixTags = this.visitedViews.filter(tag => tag?.meta?.affix)
+      this.visitedViews = affixTags
+      this.cachedViews.length = 0
+    },
+  },
+})
+
+import.meta.hot && import.meta.hot.accept(acceptHMRUpdate(useTagsStore, import.meta.hot))

package/template-nuxt-admin/composables/user.ts

@@ -0,0 +1,48 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-06-21 12:03:42
+ * @LastEditTime: 2023-11-07 16:41:48
+ * @Description:
+ */
+export const useUserStore = defineStore('useUserStore', () => {
+  const cookie = useLocalStorage<UserLoginRes>('token', {} as UserLoginRes)
+
+  const avatar = computed(() => cookie.value?.headimgurl)
+  const nick = computed(() => cookie.value?.nickname)
+  const userId = computed(() => cookie.value?.uuid)
+  const token = computed(() => {
+    if (!validateToken())
+      removeToken()
+
+    return cookie.value?.token
+  })
+  const hasLogin = computed(() => !!token.value)
+
+  const SaveFlag = useLocalStorage('n天免登', true)
+  const Exptime = useLocalStorage('token过期时间', 0)
+
+  function validateToken() {
+    const now = Date.now()
+    const exp = Exptime.value
+    return now < exp
+  }
+
+  function removeToken() {
+    cookie.value = undefined
+  }
+
+  return {
+    cookie,
+    hasLogin,
+    avatar,
+    nick,
+    token,
+    SaveFlag,
+    Exptime,
+    removeToken,
+    userId,
+  }
+})
+
+if (import.meta.hot)
+  import.meta.hot.accept(acceptHMRUpdate(useUserStore, import.meta.hot))

package/template-nuxt-admin/config/.devrc

@@ -0,0 +1 @@
+NUXT_PUBLIC_API_BASE = http://192.168.10.168:7001

package/template-nuxt-admin/config/.onlinerc

@@ -0,0 +1 @@
+NUXT_PUBLIC_API_BASE = http://192.168.10.168:9000

package/template-nuxt-admin/config/.testrc

@@ -0,0 +1 @@
+NUXT_PUBLIC_API_BASE = http://192.168.10.168:9000

package/template-nuxt-admin/env.d.ts

@@ -0,0 +1,47 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-05-26 11:50:06
+ * @LastEditTime: 2023-07-24 10:31:33
+ * @Description:
+ */
+
+/**
+ * 环境变量
+ */
+interface ImportMetaEnv {
+  /**
+   * 当前版本
+   */
+  NUXT_PUBLIC_CURRENT_VERSION: string
+  /**
+   * 后台服务器地址
+   */
+  NUXT_PUBLIC_API_BASE: string
+  /**
+   * 后台标题
+   */
+  NUXT_PUBLIC_TITLE: string
+  /**
+   * 后台副标题
+   */
+  NUXT_PUBLIC_SUB_TITLE?: string
+  /**
+   * slogan
+   */
+  NUXT_PUBLIC_SLOGAN?: string
+  /**
+   * 登录背景图
+   */
+  NUXT_PUBLIC_LOGIN_BG: string
+  /**
+   * 后台 logo
+   */
+  NUXT_PUBLIC_LOGIN_LOGO: string
+};
+
+declare interface Window {
+  /**
+   * 注入到前端使用的环境变量
+   */
+  __YOUNG_ENV__: ImportMetaEnv
+};

package/template-nuxt-admin/error.vue

@@ -0,0 +1,61 @@
+<!--
+ * @Author: zhangyang
+ * @Date: 2023-06-12 15:00:07
+ * @LastEditTime: 2023-09-06 16:05:20
+ * @Description:
+-->
+<script lang="ts" setup>
+import type { NuxtError } from '#app'
+
+const props = defineProps<{
+  error: NuxtError
+}>()
+
+let timer: NodeJS.Timeout
+
+const i = ref(5)
+
+function clear() {
+  clearError()
+  clearInterval(timer)
+  location.replace('/')
+}
+
+const NotShowError = computed(() => {
+  return props.error.message === 'Request failed with status code 401'
+})
+
+onMounted(() => {
+  if (process.server)
+    return
+
+  console.log(props.error, props.error.statusCode)
+  if (process.dev) {
+    console.log('开发模式，不自动清理')
+    return
+  }
+  timer = setInterval(() => {
+    i.value--
+    if (i.value === 0)
+      clear()
+  }, 1e3)
+})
+</script>
+
+<template>
+  <div v-if="!NotShowError" class="flex w-full h-full flex-col justify-center items-center">
+    <div class="text-5xl my-6">
+      {{ error.statusCode }}
+    </div>
+    <div class="text-lg my-2">
+      {{ error.message || error.statusMessage || '出错啦~' }}
+    </div>
+
+    <div class="mb-2">
+      {{ i }}s 后自动跳转首页
+    </div>
+    <ElButton @click="clear">
+      立即返回首页
+    </ElButton>
+  </div>
+</template>

package/template-nuxt-admin/eslint.config.js

@@ -0,0 +1,33 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-11-01 10:13:50
+ * @LastEditTime: 2023-11-01 16:52:29
+ * @Description:
+ */
+import antfu from '@antfu/eslint-config'
+
+export default antfu({
+  overrides: {
+    vue: {
+      'vue/valid-v-model': 'off',
+    },
+    typescript: {
+      'ts/no-use-before-define': 'off',
+      'ts/no-unused-vars': 'off',
+      'ts/ban-types': 'off',
+      'ts/ban-ts-comment': 'off',
+    },
+  },
+  rules: {
+    'no-console': 'off',
+    'node/prefer-global/process': 'off',
+    'unused-imports/no-unused-vars': 'off',
+    'no-throw-literal': 'off',
+    'antfu/consistent-list-newline': 'off',
+    'style/jsx-indent': 'off',
+  },
+}, {
+  ignores: [
+    'public',
+  ],
+})

package/template-nuxt-admin/layouts/blank.vue

@@ -0,0 +1,9 @@
+<!--
+ * @Author: zhangyang
+ * @Date: 2023-07-21 13:53:10
+ * @LastEditTime: 2023-07-21 13:53:10
+ * @Description:
+-->
+<template>
+  <NuxtPage />
+</template>