create-young-proj 0.1.1 → 0.2.0

package/template-vue-mobile/src/views/base/resetPasswd.vue

@@ -0,0 +1,88 @@
+<!--
+ * @Author: zhangyang
+ * @Date: 2021-09-09 12:07:27
+ * @LastEditTime: 2023-01-13 16:50:21
+ * @Description: 重置密码 | 修改密码
+-->
+<route lang="yaml">
+meta:
+  title: 用户登录
+  layout: blank
+</route>
+
+<script lang="ts" setup>
+import { isMobile } from '@bluesyoung/utils';
+import { useVerifyCode } from '@/hooks/useVerifyCode';
+import type { FormInstance } from 'vant';
+import { router } from '@/modules/1-router';
+
+const { countDown, isClicked, sendClick } = useVerifyCode();
+const formRef = ref<FormInstance>();
+
+const form = ref({
+  tel: '',
+  code: '',
+  passwd: '',
+  passwd_again: ''
+});
+const validPasswd = () => {
+  const { passwd: p1, passwd_again: p2 } = form.value;
+  return p1 === p2;
+};
+const [showPass1, toggle1] = useToggle(false);
+const [showPass2, toggle2] = useToggle(false);
+const sure = async () => {
+  try {
+    await formRef.value?.validate();
+    // todo: 修改密码，移除登录信息
+    // await mod_passwd(form.value);
+    showToast('修改成功，请重新登录！');
+    // removeToken();
+    router.push('/base/login');
+  } catch (error) {
+    return;
+  }
+};
+
+</script>
+<template>
+  <VanNavBar title="重置密码" safe-area-inset-bottom @click-left="$router.back()" />
+  <div v-bind="$attrs" class="w-full h-full mt-10">
+    <VanForm ref="formRef">
+      <VanCellGroup inset>
+        <VanField v-model.trim="form.tel" placeholder="手机号" :rules="[
+          { required: true, message: '请填写手机号' },
+          { validator: isMobile, message: '请输入合法的手机号' }
+        ]" />
+        <VanField v-model.trim="form.code" placeholder="验证码" :rules="[{ required: true, message: '请填写验证码' }]">
+          <template #button>
+            <VanButton v-if="!isClicked" :disabled="!isMobile(form.tel)" size="small" type="primary" plain
+              @click="sendClick">发送验证码</VanButton>
+            <VanButton v-else size="small" :disabled="true">
+              {{ countDown.current.value.seconds }}秒后重发
+            </VanButton>
+          </template>
+        </VanField>
+        <VanField v-model.trim="form.passwd" placeholder="输入新密码" :type="showPass1 ? 'text' : 'password'" clearable
+          :rules="[{ required: true, message: '请填写新密码' }]">
+          <template #right-icon>
+            <VanIcon :name="showPass1 ? 'eye' : 'closed-eye'" @click="toggle1(!showPass1)" />
+          </template>
+        </VanField>
+        <VanField v-model.trim="form.passwd_again" placeholder="再次确认新密码" :type="showPass2 ? 'text' : 'password'" :rules="[
+          { required: true, message: '请确认新密码' },
+          { validator: validPasswd, message: '两次输入的密码不一致' }
+        ]">
+          <template #right-icon>
+            <VanIcon :name="showPass2 ? 'eye' : 'closed-eye'" @click="toggle2(!showPass2)" />
+          </template>
+        </VanField>
+      </VanCellGroup>
+      <div class="m-4">
+        <VanButton block type="primary" @click="sure">
+          确定
+        </VanButton>
+      </div>
+    </VanForm>
+  </div>
+</template>

package/template-vue-mobile/src/views/index.vue

@@ -0,0 +1,18 @@
+<!--
+ * @Author: zhangyang
+ * @Date: 2022-12-03 16:23:19
+ * @LastEditTime: 2023-02-01 11:39:25
+ * @Description:
+-->
+<route lang="yaml">
+meta:
+  title: 首页
+</route>
+
+<template>
+  <div>
+    我是首页，我会使用默认布局
+    <br />
+    <RouterLink class="text-blue-500 mr-2" to="/sub">进入子页面</RouterLink>
+  </div>
+</template>

package/template-vue-mobile/src/views/my.vue

@@ -0,0 +1,15 @@
+<!--
+ * @Author: zhangyang
+ * @Date: 2023-02-01 11:25:59
+ * @LastEditTime: 2023-02-01 11:26:02
+ * @Description: 
+-->
+<route lang="yaml">
+meta:
+  auth: true
+  title: 我的
+</route>
+
+<template>
+  <div>我的</div>
+</template>

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

@@ -0,0 +1,18 @@
+<!--
+ * @Author: zhangyang
+ * @Date: 2022-12-03 16:23:19
+ * @LastEditTime: 2023-02-01 11:39:49
+ * @Description:
+-->
+<route lang="yaml">
+meta:
+  auth: true
+  title: 子页面
+  layout: sub
+</route>
+
+<template>
+  <div>
+    我是子页面，我会使用 sub 布局
+  </div>
+</template>

package/template-vue-mobile/src/vite-env.d.ts

@@ -0,0 +1,43 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2022-12-03 15:57:40
+ * @LastEditTime: 2023-02-01 11:55:56
+ * @Description:
+ */
+/// <reference types="vite/client" />
+/// <reference types="vite-plugin-pages/client" />
+/// <reference types="vite-plugin-vue-layouts/client" />
+
+declare module 'virtual:local-server' {
+  /**
+   * 本地服务地址
+   */
+  export const server: string;
+}
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
+
+/**
+ * import.meta.env 类型提示
+ */
+declare interface ImportMetaEnv {
+  /**
+   * 标题
+   */
+  VITE_TITLE: string;
+  /**
+   * 是否启用 VConsole
+   */
+  VITE_ENABLE_VCONSOLE?: string | boolean;
+}
+
+/**
+ * 扩充 window
+ */
+interface Window {
+  __YOUNG_VITE_ENV__: ImportMetaEnv;
+}

package/template-vue-mobile/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "strict": true,
+    "jsx": "preserve",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "lib": ["ESNext", "DOM"],
+    "skipLibCheck": true,
+    "noEmit": true,
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "config/**/*", ".nitro/**/*"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/template-vue-mobile/tsconfig.node.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts", "build/**/*.ts"]
+}

package/template-vue-mobile/unocss.config.ts

@@ -0,0 +1,47 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2022-03-01 19:11:11
+ * @LastEditTime: 2022-05-21 18:32:05
+ * @Description:
+ */
+import {
+  defineConfig,
+  presetAttributify,
+  presetIcons,
+  presetTypography,
+  presetUno,
+  presetWebFonts,
+  transformerDirectives,
+  transformerVariantGroup,
+} from 'unocss';
+
+export default defineConfig({
+  shortcuts: [
+    [
+      'btn',
+      'px-4 py-1 rounded inline-block bg-teal-700 text-white cursor-pointer hover:bg-teal-800 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50',
+    ],
+    [
+      'icon-btn',
+      'inline-block cursor-pointer select-none opacity-75 transition duration-200 ease-in-out hover:opacity-100 hover:text-teal-600',
+    ],
+  ],
+  presets: [
+    presetUno(),
+    presetAttributify(),
+    presetIcons({
+      scale: 1.2,
+      warn: true,
+    }),
+    presetTypography(),
+    presetWebFonts({
+      fonts: {
+        sans: 'DM Sans',
+        serif: 'DM Serif Display',
+        mono: 'DM Mono',
+      },
+    }),
+  ],
+  transformers: [transformerDirectives(), transformerVariantGroup()],
+  safelist: 'prose prose-sm m-auto text-left'.split(' '),
+});

package/template-vue-mobile/vite.config.ts

@@ -0,0 +1,32 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2022-12-03 15:57:40
+ * @LastEditTime: 2023-01-13 10:07:24
+ * @Description:
+ */
+import { fileURLToPath, URL } from 'node:url';
+import { defineConfig, loadEnv } from 'vite';
+import type { ConfigEnv, UserConfigExport } from 'vite';
+import { usePlugins, localServer } from './build';
+
+// https://vitejs.dev/config/
+export default ({ command, mode }: ConfigEnv): UserConfigExport => {
+  const root = process.cwd();
+  const viteEnv = loadEnv(mode, root);
+  console.log('🚀 ~ file: vite.config.ts ~ line 36 ~ viteEnv', viteEnv);
+  return defineConfig({
+    base: './',
+    plugins: usePlugins(),
+    resolve: {
+      alias: {
+        '@': fileURLToPath(new URL('./src', import.meta.url)),
+      },
+    },
+    server: {
+      host: true,
+      proxy: {
+        '/api': localServer,
+      },
+    },
+  });
+};