create-young-proj 0.10.2 → 0.12.0

package/template-vue-admin/src/layouts/default/components/TagsView.vue

@@ -1,137 +0,0 @@
-<!--
- * @Author: zhangyang
- * @Date: 2020-12-11 13:35:58
- * @LastEditTime: 2023-01-05 16:00:11
- * @Description: 标签选项卡组件
--->
-<template>
-  <div class="tags-view-container px-2">
-    <ScrollPane ref="scrollPane" class="tags-view-wrapper">
-      <ElTag v-for="(tag, index) in visitedViews" :key="index + 'fadsrhewioru'" effect="dark" size="large"
-        class="inline-block mx-1 my-0.2vh hover:cursor-pointer" :type="isActive(tag) ? 'success' : 'info'"
-        :closable="!tag.meta.affix && visitedViews.length > 1" @click="router.push(tag.fullPath)"
-        @close.stop="menuHandlers['closeThis'](tag)" @contextmenu.prevent="openContextMenu(tag, $event)">
-        {{ tag.meta.title }}
-      </ElTag>
-    </ScrollPane>
-
-    <YoungContextMenu v-model="showContextMenu" :menu-list="menuList" @clickItem="clickItemHandler" />
-  </div>
-</template>
-<script lang="ts" setup>
-import { YoungContextMenu } from '@bluesyoung/ui-vue3';
-import ScrollPane from './ScrollPane.vue';
-import { storeToRefs } from 'pinia';
-import type { RouteLocationNormalized, RouteRecordRaw } from 'vue-router';
-import { useTagsStore } from '@/stores';
-
-const showContextMenu = ref(false);
-
-const tagsState = useTagsStore();
-const { visitedViews, cachedViews } = storeToRefs(tagsState);
-const menuList = computed(() => {
-  let baseMenu = [
-    { title: '关闭此页面', handlerName: 'closeThis' },
-    { title: '关闭其他页面', handlerName: 'closeOthers' }
-  ];
-  if (visitedViews.value.length === 1) {
-    baseMenu = [];
-  }
-  const { name } = route;
-  const s_name = selectedTag.value?.name ?? '';
-  // 当前页为激活状态才允许刷新
-  const res = (cachedViews.value.includes(s_name) && name === s_name) ? [{ title: '刷新此页面', handlerName: 'refresh' }].concat(baseMenu) : baseMenu;
-  return res;
-});
-const router = useRouter();
-const route = useRoute();
-/**
- * 当前选中的标签
- */
-const selectedTag = ref<RouteLocationNormalized | null>(null);
-/**
- * 所有固定的标签(禁止关闭)
- */
-const affixTags = ref<RouteLocationNormalized[]>([]);
-
-const isActive = (view: RouteLocationNormalized) => view.path === route.path;
-const isAffix = (route: RouteLocationNormalized | RouteRecordRaw) => route?.meta?.affix ?? false;
-
-const toLastView = (visitedViews: RouteLocationNormalized[], view: RouteLocationNormalized) => {
-  const lastView = visitedViews.slice(-1)[0];
-  if (lastView) {
-    router.push(lastView.fullPath);
-  }
-};
-
-const scrollPane = ref<any | null>(null);
-
-const moveToCurrentTag = () => {
-  nextTick(() => {
-    const SP = scrollPane.value;
-    SP?.moveToTarget?.();
-  });
-};
-
-const menuHandlers: Record<string, Function> = {
-  'refresh': () => {
-    const tag = selectedTag.value;
-    tag && tagsState.delCachedView(tag);
-  },
-  'closeThis': (tag = selectedTag.value) => {
-    if (tag) {
-      if (!isAffix(tag)) {
-        tagsState.delView(tag);
-        isActive(tag) && toLastView(visitedViews.value, tag);
-      }
-    }
-  },
-  'closeOthers': () => {
-    const tag = selectedTag.value;
-    if (tag) {
-      router.push(tag);
-      tagsState.delOtherViews(tag);
-    }
-  },
-  'closeAll': () => {
-    tagsState.delAllViews();
-    const sTag = selectedTag.value;
-    if (sTag) {
-      if (affixTags.value.some((tag) => tag.path === sTag.path)) {
-        return;
-      }
-      toLastView(visitedViews.value, sTag);
-    }
-  }
-};
-const clickItemHandler = (handler: string) => {
-  menuHandlers?.[handler]?.();
-  showContextMenu.value = false;
-};
-const openContextMenu = (tag: RouteLocationNormalized, e: MouseEvent) => {
-  nextTick(() => {
-    if (menuList.value.length === 0) {
-      return;
-    }
-    showContextMenu.value = true;
-    selectedTag.value = tag;
-  });
-};
-
-router.afterEach((to) => {
-  tagsState.addView(to);
-  moveToCurrentTag();
-});
-
-onMounted(() => {
-  tagsState.addView(route);
-});
-</script>
-
-<style lang="scss" scoped>
-.tags-view-container {
-  background: #fff;
-  border-bottom: 1px solid #d8dce5;
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);
-}
-</style>

package/template-vue-admin/src/layouts/default/components/TopMenu.vue

@@ -1,21 +0,0 @@
-<!--
- * @Author: zhangyang
- * @Date: 2022-12-07 14:13:25
- * @LastEditTime: 2023-01-05 16:08:30
- * @Description: 
--->
-<script lang="ts" setup>
-import { useNavStore, TopIndex } from '@/stores';
-
-const { TopMenu } = useNavStore();
-</script>
-<template>
-  <div>
-    <ElMenu mode="horizontal" :default-active="TopIndex" :ellipsis="(TopMenu.length > 10)">
-      <ElMenuItem v-for="(nav, index) in TopMenu" :key="index + 'fdsjakr'" :index="index + ''"
-        @click="(TopIndex = index + '')">
-        {{ nav.title }}
-      </ElMenuItem>
-    </ElMenu>
-  </div>
-</template>

package/template-vue-admin/src/layouts/default/components/UserCenter.vue

@@ -1,50 +0,0 @@
-<!--
- * @Author: zhangyang
- * @Date: 2020-12-10 11:30:30
- * @LastEditTime: 2023-01-05 14:16:52
- * @Description: 顶部导航栏组件
--->
-<script lang="ts" setup>
-import NavSearch from './NavSearch.vue';
-import TopMenu from './TopMenu.vue';
-import { useUserStore, useNavStore, removeToken } from '@/stores';
-
-const router = useRouter();
-const { CurrUserInfo } = useUserStore();
-
-const loginOut = async () => {
-  removeToken();
-  useUserStore().reset();
-  useNavStore().reset();
-  router.replace('/base/login');
-};
-</script>
-
-<template>
-  <!-- 快捷菜单 -->
-  <NavSearch />
-  <div v-bind="$attrs" class="flex w-full justify-between px-5">
-    <!-- 顶部导航栏 -->
-    <TopMenu />
-    <!-- 右侧个人中心下拉框 -->
-    <ElDropdown class="avatar-container" trigger="click">
-      <div class="inline-flex justify-center items-center mx-2 hover:cursor-pointer">
-        <ElAvatar v-if="CurrUserInfo.avatar" :src="CurrUserInfo.avatar" />
-        <ElAvatar v-else color="transparent">
-          <div class="text-xl i-noto-v1-man-technologist-light-skin-tone" />
-        </ElAvatar>
-
-        <div class="text-sm ml-2">{{ CurrUserInfo.nickname }}</div>
-        <div class="mr-2 text-sm i-ion-md-arrow-dropdown" />
-      </div>
-      <template #dropdown>
-        <ElDropdownMenu class="user-dropdown">
-          <ElDropdownItem @click="loginOut">
-            <div>退出登录</div>
-          </ElDropdownItem>
-        </ElDropdownMenu>
-      </template>
-    </ElDropdown>
-  </div>
-</template>
-

package/template-vue-admin/src/layouts/default/index.vue

@@ -1,95 +0,0 @@
-<!--
- * @Author: zhangyang
- * @Date: 2022-10-25 17:43:30
- * @LastEditTime: 2023-01-09 09:08:54
- * @Description: 
--->
-<script lang="ts" setup>
-import Logo from './components/Logo.vue';
-import Menu from './components/Menu.vue';
-import UserCenter from './components/UserCenter.vue';
-import TagsView from './components/TagsView.vue';
-import { useTagsStore } from '@/stores';
-
-const { cachedViews, visitedViews } = storeToRefs(useTagsStore());
-const route = useRoute();
-const path = computed(() => route.path);
-const name = computed(() => route.name);
-const isCached = computed(() => {
-  // 无需缓存的界面
-  if (route.meta.noCache) {
-    return false;
-  }
-  const arr = visitedViews.value.map((view) => view.name);
-  // 已经缓存，或者首次打开(防止二次初始化)
-  return cachedViews.value.includes(name.value) || !arr.includes(name.value as unknown as string);
-});
-</script>
-<template>
-  <div class="parent">
-    <div class="left">
-      <div class="logo">
-        <Logo />
-      </div>
-      <div class="menu">
-        <Menu />
-      </div>
-    </div>
-    <div class="right">
-      <div class="top">
-        <UserCenter />
-      </div>
-      <div class="tags">
-        <TagsView />
-      </div>
-      <div class="main">
-        <RouterView v-slot="{ Component: PageComponent }">
-          <Transition name="fade-transform" mode="out-in">
-            <div>
-              <KeepAlive>
-                <Component v-if="isCached" :is="PageComponent" :key="path" />
-              </KeepAlive>
-              <Component v-if="!isCached" :is="PageComponent" :key="path" />
-            </div>
-          </Transition>
-        </RouterView>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.parent {
-  @apply w-100vw h-100vh overflow-auto flex;
-
-  .left {
-    @apply h-full flex flex-col w-210px;
-    background-color: rgb(48, 65, 86);
-
-    .logo {
-      @apply w-full h-60px flex justify-center items-center bg-[#2b2f3a] text-white;
-    }
-
-    .menu {
-      @apply flex-1 overflow-y-auto overflow-x-hidden;
-      background-color: rgb(48, 65, 86);
-    }
-  }
-
-  .right {
-    @apply flex-1;
-
-    .top {
-      @apply h-60px w-full flex items-center;
-    }
-
-    .tags {
-      @apply h-30px w-full relative z-10;
-    }
-
-    .main {
-      @apply p-5 h-[calc(100vh-100px)] w-[calc(100vw-210px)] overflow-auto;
-    }
-  }
-}
-</style>

package/template-vue-admin/src/main.ts

@@ -1,46 +0,0 @@
-/*
- * @Author: zhangyang
- * @Date: 2022-12-03 15:57:40
- * @LastEditTime: 2023-01-10 15:09:29
- * @Description:
- */
-// polyfill
-import 'core-js/stable';
-import 'regenerator-runtime/runtime';
-// 统一浏览器样式
-import '@unocss/reset/tailwind.css';
-import 'uno.css';
-import 'element-plus/dist/index.css';
-
-import { createApp } from 'vue';
-import { server } from 'virtual:local-server';
-import App from './App.vue';
-import { CurrentVersion } from './stores';
-
-(async () => {
-  // 获取环境变量
-  let viteEnv;
-  // 注入此环境变量，可以兼容现有的部署方式
-  if (import.meta.env.VITE_USE_DEFAULT_DEPLOY_METHOD) {
-    viteEnv = import.meta.env;
-    console.log('🚀 ~ file: main.ts ~ line 19 ~ viteEnv', viteEnv);
-  } else if (import.meta.env.DEV) {
-    // 开发环境，局域网 ip
-    viteEnv = await (await fetch(server + '/get/env')).json();
-    console.log('🚀 ~ file: main.ts ~ line 24 ~ viteEnv', viteEnv);
-  } else {
-    // 部署环境，需要配合 nginx 使用
-    viteEnv = await (await fetch(`/get/env`)).json();
-    console.log('🚀 ~ file: main.ts ~ line 28 ~ viteEnv', viteEnv);
-  }
-  window.__YOUNG_VITE_ENV__ = viteEnv;
-  CurrentVersion.value = viteEnv.VITE_CURRENT_VERSION;
-
-  const app = createApp(App);
-  Object.values(
-    // 模块按数字命名，确保安装的顺序
-    import.meta.glob<{ install: UserModule }>('./modules/*.ts', { eager: true }),
-  ).map(({ install }) => install(app));
-
-  app.mount('#app');
-})();

package/template-vue-admin/src/modules/1-router.ts

@@ -1,48 +0,0 @@
-/*
- * @Author: zhangyang
- * @Date: 2023-01-04 10:15:03
- * @LastEditTime: 2023-05-18 15:45:18
- * @Description: 路由模块
- */
-import { createRouter, createWebHashHistory } from 'vue-router';
-import { setupLayouts } from 'virtual:generated-layouts';
-import routes from '~pages';
-
-/**
- * 路由元数据类型扩展
- */
-declare module 'vue-router' {
-  interface RouteMeta {
-    /**
-     * 页面标题
-     */
-    title: string;
-    /**
-     * 是否固定
-     */
-    affix?: boolean;
-    /**
-     * 是否禁用缓存
-     */
-    noCache?: boolean;
-    /**
-     * 设置 false 不参与鉴权，否则鉴权路径为当前路由
-     */
-    auth?: false;
-    /**
-     * 页面布局，对应 layouts 目录下的布局页面，不写默认为 default/index
-     */
-    layout?: 'blank';
-  }
-}
-
-export const finalRoutes = setupLayouts(routes);
-
-export const router = createRouter({
-  history: createWebHashHistory(),
-  routes: finalRoutes,
-});
-
-export const install: UserModule = (app) => {
-  app.use(router);
-};

package/template-vue-admin/src/modules/2-pinia.ts

@@ -1,10 +0,0 @@
-/*
- * @Author: zhangyang
- * @Date: 2022-03-01 14:01:31
- * @LastEditTime: 2023-01-04 10:22:53
- * @Description: 状态管理
- */
-export const install: UserModule = (app) => {
-  const pinia = createPinia();
-  app.use(pinia);
-};

package/template-vue-admin/src/modules/3-net.ts

@@ -1,79 +0,0 @@
-/*
- * @Author: zhangyang
- * @Date: 2022-03-01 14:01:31
- * @LastEditTime: 2023-05-18 16:21:55
- * @Description: 网络请求
- */
-import { useHttp } from '@bluesyoung/http';
-import { getToken } from '@/stores';
-import type { LoadingInstance } from 'element-plus/es/components/loading/src/loading';
-import { useGetReq, usePostReq, usePatchReq, useDeleteReq } from '@/apis';
-
-let loading: LoadingInstance;
-
-const startLoading = () => {
-  loading = ElLoadingService({
-    lock: true,
-    text: '拼命加载中...',
-    background: 'rgba(0, 0, 0, 0.7)',
-  });
-};
-
-const endLoading = () => loading?.close?.();
-
-export const http = useHttp<ResponseMsg>({
-  timeout: -1,
-  loading: {
-    start: startLoading,
-    end: endLoading,
-  },
-  fail: (err: any) => {
-    console.log('🚀 ~ file: 3-net.ts:60 ~ err', err, typeof err);
-    if (err?.response?.status === 401) {
-      ElMessage.error('无权限，请联系管理员');
-    }
-
-    if (typeof err === 'string') {
-      // 通用失败，弹出提示信息
-      ElMessage.error(err);
-    }
-
-    if (err instanceof Error) {
-      ElMessage.error(
-        // @ts-ignore 接口出错
-        err?.response?.data?.message || err?.response?.data?.msg || err.message || '网络错误！',
-      );
-    }
-
-    throw err;
-  },
-  checkFn: ({ code, msg, data }) => {
-    if (code === 0) {
-      // 通用成功
-      return data;
-    } else if (code === -1) {
-      // 通用失败
-      throw msg;
-    } else {
-      // 特殊状态码
-      throw code;
-    }
-  },
-  headers: {
-    getAuthHeaders: () => {
-      const token = getToken();
-      return {
-        Authorization: `Bearer ${token}`,
-      };
-    },
-  },
-});
-
-export const apis = http.__mixin__({
-  get: useGetReq(),
-  post: usePostReq(),
-  patch: usePatchReq(),
-  delete: useDeleteReq(),
-});
-
-export const install: UserModule = (ctx) => {};

package/template-vue-admin/src/modules/4-auth.ts

@@ -1,124 +0,0 @@
-/*
- * @Author: zhangyang
- * @Date: 2022-03-01 19:40:13
- * @LastEditTime: 2023-05-18 16:17:02
- * @Description: 权限校验
- */
-import { router } from './1-router';
-import type { RouteLocationNormalized } from 'vue-router';
-import { useNavStore, useTagsStore, useUserStore, getToken, getLoginInfo } from '@/stores';
-import { apis } from './3-net';
-
-const changeTitle = (route: RouteLocationNormalized) => {
-  document.title =
-    (route.meta.title as string) || window.__YOUNG_VITE_ENV__.VITE_TITLE || '管理后台';
-};
-
-const { CurrUserInfo } = useUserStore();
-const { NavArrAll, RoleRoute, FlatNavArr, RawNav } = useNavStore();
-
-let role_route: string[] = [];
-const generateRoleRoute = (arr: NavArrItem[], num?: number): string[] => {
-  if (num === 1) {
-    role_route = [];
-    FlatNavArr.value = [];
-  }
-  for (const item of arr) {
-    if (item.component) {
-      role_route.push(item.component);
-      +item.visible === 1 && FlatNavArr.value.push(item);
-    }
-    // 子节点递归遍历
-    if (Array.isArray(item.children) && item.children.length > 0) {
-      const part = JSON.parse(JSON.stringify(item.children));
-      // 尾递归优化
-      generateRoleRoute(part);
-    }
-  }
-  return role_route;
-};
-// 清除没有子元素的children
-export const clearChildren = <T extends Record<string, any>>(arr: T[]) => {
-  for (const item of arr) {
-    if (item?.children.length === 0) {
-      delete item.children;
-    } else if (item.children) {
-      clearChildren(item.children);
-    }
-  }
-  return arr;
-};
-
-export const generateNavData = async (force = false) => {
-  const info = getLoginInfo();
-
-  if (!info) {
-    // 登录过期
-    ElMessage.error('登录过期，请重新登录！');
-    router.replace('/base/login');
-    return;
-  }
-
-  const menu = Object.values(await apis.get.getMenuTree(force)) as any[];
-  RawNav.value = menu;
-
-  // 刷新右上角角色信息
-  apis.post.getCurrUserInfo().then((res) => {
-    CurrUserInfo.value = res;
-  });
-
-  // 后端获取用户可见节点
-  const navArr: NavArrItem[] = menu;
-  const routes: string[] = generateRoleRoute(menu, 1);
-
-  // 导航数组
-  NavArrAll.value = navArr.filter((item) => +item.visible === 1);
-  // 生成角色有权访问的路由
-  RoleRoute.value = routes.slice();
-};
-
-export const hasPermission = (path: string) => {
-  const { RoleRoute } = useNavStore();
-  const roleRoute = RoleRoute.value;
-  return roleRoute.includes(path);
-};
-
-export const install: UserModule = (app) => {
-  router.beforeEach(async (to, from) => {
-    if (to.path !== '/base/login') {
-      // 页面无需权限
-      if (to.meta.auth === false) {
-        return true;
-      }
-      // 已登录
-      if (getToken()) {
-        // 生成权限树
-        await generateNavData();
-        if (hasPermission(to.path)) {
-          // 拥有对应页面的权限
-          return true;
-        }
-        if (!hasPermission(to.path)) {
-          // 已登录，并且无权限
-          return '/403';
-        }
-      } else {
-        return '/base/login';
-      }
-    } else {
-      return true;
-    }
-  });
-
-  router.afterEach((to) => {
-    const { addView } = useTagsStore();
-    const nav = FlatNavArr.value.find((item) => item.component === to.path);
-    if (nav && nav.title) {
-      // console.log('before: ', to.meta);
-      to.meta.title = nav.title as string;
-      // console.log('after: ', to.meta);
-    }
-    addView(to);
-    changeTitle(to);
-  });
-};

package/template-vue-admin/src/modules/5-checkupdate.ts

@@ -1,38 +0,0 @@
-/*
- * @Author: zhangyang
- * @Date: 2023-03-02 16:50:48
- * @LastEditTime: 2023-03-24 10:35:36
- * @Description: 检查更新
- */
-import { CurrentVersion } from '@/stores';
-import { sleep } from '@bluesyoung/utils';
-import { server } from 'virtual:local-server';
-import { generateNavData } from './4-auth';
-
-export const install: UserModule = (app) => {
-  let viteEnv: ImportMetaEnv;
-  // 每分钟一次，检查更新
-  setInterval(async () => {
-    if (import.meta.env.DEV) {
-      // 开发环境，局域网 ip
-      viteEnv = await (await fetch(server + '/get/env')).json(); // console.log('🚀 ~ file: 5-checkupdate.ts:187~ setInterval ~ viteEnv:"' viteEnv)
-    } else {
-      // 部署环境
-      viteEnv = await (await fetch(location.origin + location.pathname + `get/env`)).json();
-      // console.log('🚀 ~ file: 5-checkupdate.ts:231~ setInterval ~ viteEnv:', viteEnv);
-    }
-
-    const refresh = async () => {
-      await generateNavData(true);
-      await sleep(0.5);
-      location.reload();
-    };
-
-    if (viteEnv.VITE_CURRENT_VERSION !== CurrentVersion.value) {
-      setTimeout(refresh, 3e4);
-      ElMessageBox.alert('新版本已发布，点击立即重新加载(30s后自动刷新)', '温馨提示', {
-        type: 'warning',
-      }).then(() => refresh());
-    }
-  }, 6e4);
-};

package/template-vue-admin/src/shims.d.ts

@@ -1,12 +0,0 @@
-/*
- * @Author: zhangyang
- * @Date: 2023-01-10 15:08:44
- * @LastEditTime: 2023-01-10 15:08:44
- * @Description: 
- */
-declare module 'virtual:local-server' {
-  /**
-   * 本地服务地址
-   */
-  export const server: string;
-}

package/template-vue-admin/src/stores/index.ts

@@ -1,9 +0,0 @@
-/*
- * @Author: zhangyang
- * @Date: 2022-03-01 14:42:57
- * @LastEditTime: 2023-01-09 09:19:05
- * @Description:
- */
-export * from './tags';
-export * from './session';
-export * from './local';