create-young-proj 0.12.0 → 1.0.0

package/template-vue-mobile/src/components/Init.vue

@@ -1,36 +0,0 @@
-<!--
- * @Author: zhangyang
- * @Date: 2023-02-01 11:54:25
- * @LastEditTime: 2023-02-01 11:59:36
- * @Description: 
--->
-<script lang="ts" setup>
-import { server } from 'virtual:local-server';
-
-(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 {
-    // 部署环境，需要配合 node server 使用
-    viteEnv = await (await fetch(`/get/env`)).json();
-    // console.log("🚀 ~ file: main.ts ~ line 28 ~ viteEnv", viteEnv)
-  }
-  window.__YOUNG_VITE_ENV__ = viteEnv;
-
-  // 设定视口高度，防止软键盘影响布局
-  const metaElement = document.querySelector('#viewportMeta');
-  metaElement?.setAttribute('content', `maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0,viewport-fit=cover,height=${window.innerHeight}`);
-
-})();
-</script>
-<template>
-  <div hidden></div>
-</template>

package/template-vue-mobile/src/global.d.ts

@@ -1,7 +0,0 @@
-/*
- * @Author: zhangyang
- * @Date: 2023-01-13 15:42:30
- * @LastEditTime: 2023-01-13 15:42:31
- * @Description: 
- */
-type UserModule = (ctx: App<Element>, ...args: any[]) => void;

package/template-vue-mobile/src/hooks/useVerifyCode.ts

@@ -1,46 +0,0 @@
-/*
- * @Author: zhangyang
- * @Date: 2021-09-10 09:23:47
- * @LastEditTime: 2023-01-13 16:26:47
- * @Description: 发送短信验证码的逻辑抽离
- */
-import { useCountDown } from '@vant/use';
-interface UseVerifyOptions {
-  t: number;
-  cbk(): void;
-}
-
-const defaultOptions: UseVerifyOptions = {
-  t: 60,
-  cbk: async () => {
-    // todo: 调用发送验证码的接口
-    // await get_verify_code();
-    showToast('验证码已发送\n请注意查收');
-  },
-};
-export const useVerifyCode = (options: UseVerifyOptions = defaultOptions) => {
-  options = Object.assign(defaultOptions, options);
-  const countDown = useCountDown({
-    time: options.t * 1000,
-  });
-  const isClicked = ref(false);
-  const sendClick = async () => {
-    if (!isClicked.value) {
-      countDown.start();
-      isClicked.value = true;
-      await options.cbk();
-    }
-  };
-  watchEffect(() => {
-    if (countDown.current.value.seconds === 0) {
-      isClicked.value = false;
-      countDown.reset();
-    }
-  });
-
-  return {
-    countDown,
-    sendClick,
-    isClicked,
-  };
-};

package/template-vue-mobile/src/layouts/blank.vue

@@ -1,9 +0,0 @@
-<!--
- * @Author: zhangyang
- * @Date: 2022-12-03 16:22:39
- * @LastEditTime: 2022-12-03 16:22:40
- * @Description:
--->
-<template>
-  <RouterView />
-</template>

package/template-vue-mobile/src/layouts/default.vue

@@ -1,27 +0,0 @@
-<!--
- * @Author: zhangyang
- * @Date: 2022-12-03 16:20:06
- * @LastEditTime: 2023-02-01 11:16:19
- * @Description:
--->
-<script lang="ts" setup>
-const route = useRoute();
-const title = computed(() => route.meta.title || import.meta.env.VITE_TITLE);
-</script>
-
-<template>
-  <VanNavBar :border="false">
-    <template #title>
-      <span class="text-[#FFFFFF] text-16px font-700">{{ title }}</span>
-    </template>
-  </VanNavBar>
-  <RouterView v-bind="$attrs" />
-  <VanTabbar route>
-    <VanTabbarItem to="/" icon="home-o">
-      <span>首页</span>
-    </VanTabbarItem>
-    <VanTabbarItem to="/my" icon="user-o">
-      <span>我的</span>
-    </VanTabbarItem>
-  </VanTabbar>
-</template>

package/template-vue-mobile/src/layouts/sub.vue

@@ -1,20 +0,0 @@
-<!--
- * @Author: zhangyang
- * @Date: 2022-12-03 16:21:10
- * @LastEditTime: 2023-02-01 11:24:56
- * @Description:
--->
-<script lang="ts" setup>
-const route = useRoute();
-const title = computed(() => route.meta.title || import.meta.env.VITE_TITLE);
-</script>
-
-<template>
-  <VanNavBar :border="false" left-arrow @click-left="$router.back()">
-    <template #title>
-      <span class="text-[#FFFFFF] text-16px font-700">{{ title }}</span>
-    </template>
-  </VanNavBar>
-  <RouterView v-bind="$attrs" />
-</template>
-

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

@@ -1,35 +0,0 @@
-/*
- * @Author: zhangyang
- * @Date: 2022-12-03 15:57:40
- * @LastEditTime: 2023-02-01 12:01:43
- * @Description:
- */
-// polyfill
-import 'core-js/stable';
-import 'regenerator-runtime/runtime';
-// 统一浏览器样式
-import '@unocss/reset/tailwind.css';
-import 'uno.css';
-// vant 指令的样式
-import 'vant/es/toast/style/index';
-import 'vant/es/dialog/style/index';
-import 'vant/es/notify/style/index';
-import 'vant/es/image-preview/style/index';
-
-import { createApp } from 'vue';
-import App from './App.vue';
-
-const app = createApp(App);
-
-Object.values(import.meta.glob<{ install: UserModule }>('./modules/*.ts', { eager: true })).map(
-  ({ install }) => install(app),
-);
-
-setTimeout(async () => {
-  if (window?.__YOUNG_VITE_ENV__?.VITE_ENABLE_VCONSOLE) {
-    const VConsole = await (await import('vconsole')).default;
-    new VConsole();
-  }
-}, 1e4);
-
-app.mount('#app');

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

@@ -1,40 +0,0 @@
-/*
- * @Author: zhangyang
- * @Date: 2022-03-01 14:01:31
- * @LastEditTime: 2023-02-01 11:22:42
- * @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;
-    /**
-     * 需要登录，不设置则为白名单页面
-     */
-    auth?: boolean;
-    /**
-     * 页面布局，对应 layouts 目录下的布局页面，默认为 default
-     */
-    layout?: 'default' | 'sub' | '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-mobile/src/modules/2-pinia.ts

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

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

@@ -1,46 +0,0 @@
-/*
- * @Author: zhangyang
- * @Date: 2022-03-01 14:01:31
- * @LastEditTime: 2023-01-13 15:54:59
- * @Description: 网络请求
- */
-import { useHttp } from '@bluesyoung/http';
-
-let loadingInstance: ReturnType<typeof showLoadingToast>;
-
-export const startLoading = () => {
-  loadingInstance = showLoadingToast({
-    message: '拼命加载中...',
-    forbidClick: true,
-  });
-};
-
-export const endLoading = () => loadingInstance?.close?.();
-
-export const http = useHttp({
-  timeout: -1,
-  loading: {
-    start: startLoading,
-    end: endLoading,
-  },
-  fail(err) {
-    console.log('🚀 ~ file: 3-net.ts:60 ~ err', err, typeof err);
-    if (typeof err === 'string') {
-      // 通用失败，弹出提示信息
-      showFailToast(err);
-    }
-
-    if (err instanceof Error) {
-      showFailToast(
-        // @ts-ignore 接口出错
-        err?.response?.data?.message || err?.response?.data?.msg || err.message || '网络错误！',
-      );
-    }
-
-    throw err;
-  },
-});
-
-export const apis = http.__mixin__({});
-
-export const install: UserModule = (ctx) => {};

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

@@ -1,64 +0,0 @@
-/*
- * @Author: zhangyang
- * @Date: 2022-03-01 19:40:13
- * @LastEditTime: 2023-02-01 11:46:18
- * @Description: 权限校验
- */
-import { router } from './1-router';
-import type { RouteLocationNormalized } from 'vue-router';
-import { YoungLocalStorage } from '@bluesyoung/utils';
-
-const changeTitle = (to: RouteLocationNormalized) => {
-  document.title = to.meta.title || (import.meta.env.VITE_TITLE as string);
-};
-
-export const hasPermission = (path: string) => {};
-
-export const sureLeave = async () => {
-  try {
-    await showConfirmDialog({
-      title: '温馨提示',
-      message: '您确定要离开吗？',
-    });
-    return true;
-  } catch (error) {
-    return false;
-  }
-};
-
-export const install: UserModule = (app) => {
-  // todo: 按需替换为 api 操作
-  const store = new YoungLocalStorage();
-  const api = {
-    getInfo: () => store.get('user.info'),
-    setInfo: () => store.set('user.info', { key: 'cdcsdfdf' }),
-  };
-
-  router.beforeEach(async (to, from) => {
-    // auth
-    if (to.meta.auth) {
-      const info = await api.getInfo();
-      if (info) {
-        return true;
-      }
-      try {
-        // todo: 可根据情况替换为跳转登录页, /base/login
-        await showDialog({
-          title: '温馨提示',
-          message: '我是默认的登录框，点击即登录',
-          showCancelButton: true,
-        });
-        await api.setInfo();
-        return true;
-      } catch (error) {
-        return false;
-      }
-    } else {
-      return true;
-    }
-  });
-
-  router.afterEach((to) => {
-    changeTitle(to);
-  });
-};