create-young-proj 0.12.0 → 1.0.0

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

@@ -1,85 +0,0 @@
-/*
- * @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

@@ -1,13 +0,0 @@
-/*
- * @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

@@ -1,27 +0,0 @@
-/*
- * @Author: zhangyang
- * @Date: 2023-07-21 15:20:01
- * @LastEditTime: 2023-07-21 15:49:22
- * @Description:
- * @unocss-include
- */
-import type { SelectOptionItem } from '@bluesyoung/ui-vue3-element-plus'
-
-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

@@ -1,75 +0,0 @@
-/*
- * @Author: zhangyang
- * @Date: 2023-06-01 12:03:44
- * @LastEditTime: 2023-09-15 15:23:04
- * @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'
-  })
-
-  return {
-    title,
-    sub_title,
-    nav_arr,
-    nav_index_map,
-    flat_nav_arr,
-    auth_routes,
-    isLoading,
-    isCollapse,
-    nodeMap,
-    breadcrumb_arr,
-    generateNodeMap,
-  }
-})
-
-if (import.meta.hot)
-  import.meta.hot.accept(acceptHMRUpdate(useNavStore, import.meta.hot))

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

@@ -1,136 +0,0 @@
-/*
- * @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

@@ -1,46 +0,0 @@
-/*
- * @Author: zhangyang
- * @Date: 2023-06-21 12:03:42
- * @LastEditTime: 2023-09-08 10:33:28
- * @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 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,
-  }
-})
-
-if (import.meta.hot)
-  import.meta.hot.accept(acceptHMRUpdate(useUserStore, import.meta.hot))

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

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

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

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

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

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

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

@@ -1,47 +0,0 @@
-/*
- * @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

@@ -1,61 +0,0 @@
-<!--
- * @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/layouts/blank.vue

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

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

@@ -1,125 +0,0 @@
-<!--
- * @Author: zhangyang
- * @Date: 2023-07-21 11:49:00
- * @LastEditTime: 2023-07-28 17:41:44
- * @Description:
--->
-<script lang="ts" setup>
-const { isCollapse } = storeToRefs(useNavStore())
-const { enter, isSupported } = useFullscreen()
-
-const fullTip = useLocalStorage('全屏提示', false)
-
-onMounted(() => {
-  const { innerWidth, innerHeight } = window
-  if (innerHeight > innerWidth) {
-    isCollapse.value = true
-
-    if (fullTip.value)
-      return
-
-    if (!isSupported.value) {
-      showDialog({
-        title: '推荐使用场景',
-        message: '系统浏览器 + 横屏使用',
-      }).finally(() => fullTip.value = true)
-    }
-    else {
-      showDialog({
-        title: '推荐使用场景',
-        message: '系统浏览器 + 全屏模式 + 横屏使用',
-        confirmButtonText: '进入全屏',
-      }).then(async () => {
-        try {
-          await enter()
-        }
-        catch (e) {
-          showDialog({
-            message: '您的设备暂不支持全屏功能，请解锁系统方向锁定后横屏使用！',
-          })
-        }
-      }).catch(() => null).finally(() => fullTip.value = true)
-    }
-  }
-})
-</script>
-
-<template>
-  <div class="layout-admin-wrapper">
-    <!-- SubMenu -->
-    <LayoutSideBar />
-    <div class="layout-container-vertical" :class="{ 'is-collapse': isCollapse }">
-      <div class="layout-main">
-        <!-- Header -->
-        <div class="layout-header" :class="{ 'is-collapse': isCollapse }">
-          <LayoutNavBar />
-          <LayoutTabsBar lt-lg="!hidden" />
-        </div>
-        <div class="app-main-container">
-          <!-- Main -->
-          <LayoutMain />
-          <!-- Footer -->
-          <!-- <LayoutFooter /> -->
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style scoped lang="scss">
-.layout-admin-wrapper {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-
-  .layout-container-vertical {
-    margin-top: $base-header-height;
-    margin-left: $base-left-menu-width;
-
-    &.is-collapse {
-      margin-left: $base-left-menu-width-min;
-      border-right: 0;
-    }
-
-    .layout-main {
-      min-height: 100%;
-
-      .layout-header {
-        box-shadow: 0 1px 4px rgb(0 21 41 / 8%);
-        position: fixed;
-        top: 0;
-        right: 0;
-        z-index: $base-z-index - 2;
-        width: calc(100% - $base-left-menu-width);
-
-        &.is-collapse {
-          width: calc(100% - $base-left-menu-width-min);
-        }
-      }
-    }
-  }
-
-  @screen lt-lg {
-    .layout-container-vertical {
-      @apply block;
-      margin-left: 0;
-      // margin-left: $base-left-menu-width-min;
-      margin-top: $base-top-bar-height !important;
-
-      &.is-collapse {
-        @apply ml-0;
-      }
-
-      .layout-header {
-        // width: calc(100% - $base-left-menu-width-min) !important;
-        width: 100% !important;
-
-        // &.is-collapse {
-        //   width: 100% !important;
-        // }
-      }
-    }
-  }
-}
-</style>