create-young-proj 1.2.1 → 1.4.0

package/template-uni-app/src/manifest.json

@@ -72,4 +72,4 @@
     "enable": false
   },
   "vueVersion": "3"
-}
+}

package/template-uni-app/src/pages/index.vue

@@ -1,17 +1,14 @@
 <!--
  * @Author: zhangyang
  * @Date: 2023-07-18 11:23:36
- * @LastEditTime: 2023-08-25 16:39:24
+ * @LastEditTime: 2023-11-15 11:04:49
  * @Description:
 -->
-<route lang="json">
-{
-  "needLogin": true,
-  "layout": "tabbar",
-  "navbar": {
-    "isback": false
-  }
-}
+<route lang="yaml">
+needLogin: true
+layout: tabbar
+navbar:
+  isback: false
 </route>
 
 <script lang="ts" setup>
@@ -27,6 +24,8 @@ async function testPost() {
 const { fullscreenLoading } = storeToRefs(useHttpLoading())
 fullscreenLoading.value = true
 
+const netWorkStatus = useNetwork()
+
 setTimeout(() => {
   fullscreenLoading.value = false
 }, 3e3)
@@ -56,6 +55,10 @@ setTimeout(() => {
     点我测试 Post 请求
   </button>
 
+  {{
+    netWorkStatus
+  }}
+
   <uni-card
     title="基础卡片" sub-title="副标题" extra="额外信息"
     thumbnail="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" @click="to(Pages.测试子页面)"

package/template-uni-app/src/pages/my.vue

@@ -1,17 +1,14 @@
 <!--
  * @Author: zhangyang
  * @Date: 2023-07-18 17:53:43
- * @LastEditTime: 2023-08-25 16:39:28
+ * @LastEditTime: 2023-11-13 12:13:47
  * @Description:
 -->
-<route lang="json">
-{
-  "needLogin": true,
-  "layout": "tabbar",
-  "navbar": {
-    "isback": false
-  }
-}
+<route lang="yaml">
+needLogin: true
+layout: tabbar
+navbar:
+  isback: false
 </route>
 
 <script lang="ts" setup>

package/template-uni-app/src/pages.json

@@ -71,4 +71,4 @@
     }
   },
   "subPackages": []
-}
+}

package/template-uni-app/uni-pages.d.ts

@@ -0,0 +1,24 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by vite-plugin-uni-pages
+
+interface NavigateToOptions {
+  url: "pages/index" |
+       "pages/my" |
+       "pages/demo/index";
+}
+interface RedirectToOptions extends NavigateToOptions {}
+
+interface SwitchTabOptions {
+  url: "pages/index" | "pages/my"
+}
+
+type ReLaunchOptions = NavigateToOptions | SwitchTabOptions;
+
+declare interface Uni {
+  navigateTo(options: UniNamespace.NavigateToOptions & NavigateToOptions): void;
+  redirectTo(options: UniNamespace.RedirectToOptions & RedirectToOptions): void;
+  switchTab(options: UniNamespace.SwitchTabOptions & SwitchTabOptions): void;
+  reLaunch(options: UniNamespace.ReLaunchOptions & ReLaunchOptions): void;
+}

package/template-uni-app/vite.config.ts

@@ -1,7 +1,7 @@
 /*
  * @Author: zhangyang
  * @Date: 2023-07-18 11:03:01
- * @LastEditTime: 2023-09-19 10:18:06
+ * @LastEditTime: 2023-11-15 11:08:28
  * @Description:
  */
 import { resolve } from 'node:path'
@@ -15,6 +15,7 @@ import UniManifest from '@uni-helper/vite-plugin-uni-manifest'
 import Unocss from 'unocss/vite'
 import AutoImport from 'unplugin-auto-import/vite'
 import AutoComponents from 'unplugin-vue-components/vite'
+import { UniUseAutoImports } from '@uni-helper/uni-use'
 import { multiConf } from './custom-plugins'
 
 // https://vitejs.dev/config/
@@ -40,13 +41,15 @@ export default ({ command, mode }: ConfigEnv) => {
       UniLayouts(),
       // https://uni-helper.js.org/vite-plugin-uni-manifest
       UniManifest(),
-      Uni(),
+      // hack
+      // @ts-expect-error packages.json 中 type: "module" 会造成这里解析的不同
+      Uni.default(),
       // https://github.com/antfu/unocss
       Unocss(),
 
       // https://github.com/antfu/unplugin-auto-import
       AutoImport({
-        imports: ['vue', 'uni-app', 'pinia'],
+        imports: ['vue', 'uni-app', 'pinia', '@vueuse/core', UniUseAutoImports],
         dts: true,
         vueTemplate: true,
         dirs: [

package/template-vitepress/.vitepress/components/HomePage.vue

@@ -0,0 +1,54 @@
+<!--
+ * @Author: zhangyang
+ * @Date: 2023-11-08 16:13:01
+ * @LastEditTime: 2023-11-27 15:12:50
+ * @Description:
+-->
+<script setup lang="ts">
+import { VPTeamMembers } from 'vitepress/theme'
+
+const teamMembers = [
+  {
+    avatar: 'https://foruda.gitee.com/avatar/1677049688917634099/5384684_bluseyoung-web_1578985791.png',
+    name: 'BluesYoung-web',
+    title: 'Creator, 沉迷代码无法自拔',
+    links: [
+      {
+        icon: 'github',
+        link: 'https://github.com/BluesYoung-web',
+      },
+      {
+        icon: {
+          svg: '<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#C71D23" d="M11.984 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.016 0zm6.09 5.333c.328 0 .593.266.592.593v1.482a.594.594 0 0 1-.593.592H9.777c-.982 0-1.778.796-1.778 1.778v5.63c0 .327.266.592.593.592h5.63c.982 0 1.778-.796 1.778-1.778v-.296a.593.593 0 0 0-.592-.593h-4.15a.592.592 0 0 1-.592-.592v-1.482a.593.593 0 0 1 .593-.592h6.815c.327 0 .593.265.593.592v3.408a4 4 0 0 1-4 4H5.926a.593.593 0 0 1-.593-.593V9.778a4.444 4.444 0 0 1 4.445-4.444h8.296Z"/></svg>'
+        },
+        link: 'https://gitee.com/BluesYoung-web',
+      },
+      {
+        icon: {
+          svg: '<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><rect width="30" height="22" x="1" y="5" fill="#B4ACBC" rx="1.5"/><rect width="28" height="18" x="2" y="7" fill="#CDC4D6" rx="1"/><path fill="#E1D8EC" d="m30 23.4l-12.971-7.782a2 2 0 0 0-2.058 0L2 23.4V25a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1v-1.6Z"/><path fill="#998EA4" d="M2 9.766V8h28v1.766L17.544 17.24a3 3 0 0 1-3.088 0L2 9.766Z"/><path fill="#F3EEF8" d="M2 8.6V7a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v1.6l-12.971 7.783a2 2 0 0 1-2.058 0L2 8.6Z"/><path fill="#00A6ED" d="M16 23a7 7 0 1 0 0-14a7 7 0 0 0 0 14Z"/><path fill="#F4F4F4" d="M16 11.5c-1.21-.02-2.36.44-3.22 1.3c-.87.85-1.34 1.99-1.34 3.2c0 2.48 2.02 4.5 4.5 4.5a.47.47 0 1 0 0-.94c-1.96 0-3.56-1.6-3.56-3.56c0-.96.38-1.86 1.06-2.53c.68-.67 1.59-1.03 2.55-1.03c1.93.03 3.51 1.65 3.51 3.62v.81a.67.67 0 0 1-1.34 0v-3.08a.47.47 0 0 0-.47-.47c-.26 0-.49.21-.49.47v.09c-.44-.35-.99-.57-1.6-.57c-1.4 0-2.54 1.14-2.54 2.54c0 1.4 1.14 2.54 2.54 2.54c.7 0 1.34-.29 1.8-.75c.28.5.81.84 1.42.84c.89 0 1.62-.73 1.62-1.62v-.81c0-2.47-1.99-4.52-4.44-4.55Zm-.39 5.96c-.88 0-1.6-.72-1.6-1.6c0-.88.72-1.6 1.6-1.6c.88 0 1.6.72 1.6 1.6c0 .88-.72 1.6-1.6 1.6Z"/></g></svg>'
+        },
+        link: 'mailto:bluesyoung_web@163.com',
+      },
+    ]
+  },
+]
+</script>
+
+<template>
+  <div class="container mx-auto">
+    <div class="content-container">
+      <main class="main">
+        <div class="vp-doc" flex flex-col items-center mt-10>
+          <h2 id="meet-the-team" op50 font-normal p="t-10 b-2">
+            贡献者
+          </h2>
+          <div w-full p-10 :class="{
+            'flex justify-center items-center': teamMembers.length === 1
+          }">
+            <VPTeamMembers  :members="teamMembers" />
+          </div>
+        </div>
+      </main>
+    </div>
+  </div>
+</template>

package/template-vitepress/.vitepress/components/TodoItem.vue

@@ -0,0 +1,16 @@
+<!--
+ * @Author: zhangyang
+ * @Date: 2023-11-17 10:56:27
+ * @LastEditTime: 2023-11-17 14:05:37
+ * @Description: 
+-->
+<script lang="ts" setup>
+import { ref } from 'vue'
+const checked = ref(false)
+</script>
+<template>
+  <div class="flex items-center cursor-pointer my-2" @click="checked = !checked">
+    <div class="mr-2">{{ checked ? '✅' : '⬜️' }}</div>
+    <slot />
+  </div>
+</template>

package/template-vitepress/.vitepress/components.d.ts

@@ -0,0 +1,13 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    HomePage: typeof import('./components/HomePage.vue')['default']
+    TodoItem: typeof import('./components/TodoItem.vue')['default']
+  }
+}

package/template-vitepress/.vitepress/config.mts

@@ -0,0 +1,159 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-11-08 15:46:58
+ * @LastEditTime: 2023-11-27 11:18:38
+ * @Description:
+ */
+import { defineConfig } from 'vitepress'
+
+// https://vitepress.dev/reference/site-config
+export default defineConfig({
+  title: '前端知识库',
+  description: '多种实用工具，满足不同需求',
+  lang: 'zh-CN',
+  locales: {
+    root: {
+      label: '简体中文',
+      lang: 'zh',
+    }
+  },
+  base: '/wlb/fe/',
+  lastUpdated: true,
+  themeConfig: {
+    search: {
+      provider: 'local',
+      options: {
+        detailedView: true,
+        translations: {
+          button: {
+            buttonText: '搜索文档',
+            buttonAriaLabel: '搜索文档'
+          },
+          modal: {
+            noResultsText: '无法找到相关结果',
+            resetButtonTitle: '清除查询条件',
+            displayDetails: '显示详细信息',
+            footer: {
+              selectText: '选择',
+              navigateText: '切换',
+              closeText: '关闭'
+            }
+          }
+        },
+      }
+    },
+
+    // https://vitepress.dev/reference/default-theme-config
+    nav: [
+      { text: '快速开始', link: '/newer' },
+      { text: '通用知识', link: '/common/dev-env', activeMatch: '^/common/' },
+    ],
+
+    docFooter: {
+      prev: '上一篇',
+      next: '下一篇',
+    },
+
+    outline: {
+      label: '本页目录',
+    },
+
+    lastUpdatedText: '最后更新时间',
+
+    sidebarMenuLabel: '菜单',
+
+    footer: {
+      message: 'Released under the MIT License.',
+      copyright: 'Copyright © 2023-PRESENT BluesYoung-web',
+    },
+
+    sidebar: {
+      '/': [
+        {
+          text: '快速开始',
+          items: [
+            { text: '新人必读', link: '/newer' },
+            { text: '前端规范', link: '/standards' },
+            { text: '常见问题及解决方案', link: '/problems' },
+          ]
+        },
+        {
+          text: '通用知识',
+          base: '/common/',
+          items: [
+            { text: '1. 开发环境', link: 'dev-env' },
+            { text: '2. 开发必备知识点', link: 'basic-knowledge' },
+            { text: '3. 常用 vite 插件', link: 'vite-plugin' },
+          ]
+        },
+        {
+          text: '项目脚手架与模板介绍',
+          base: '/templates/',
+          items: [
+            { text: '1. 使用方法', link: 'how-to-use' },
+            { text: '2. template-nuxt-admin', link: 'nuxt-admin' },
+            { text: '3. template-nuxt-website', link: 'nuxt-website' },
+            { text: '4. template-uni-app', link: 'uni-app' },
+            { text: '5. template-vue-thin', link: 'vue-thin' },
+            { text: '6. template-vue-mobile', link: 'vue-mobile' },
+            { text: '7. template-admin-server', link: 'admin-server' },
+          ]
+        },
+        {
+          text: '项目部署',
+          items: [
+            { text: '使用 Docker 部署项目', link: '/common/project-deploy' },
+          ]
+        },
+      ],
+      '/libs/': [
+        {
+          text: '开源',
+          base: '/libs/public/',
+          items: [
+            { text: 'ui-vue3-element-plus', link: 'ui-vue3-element-plus' },
+            { text: 'http', link: 'http' },
+            { text: 'logger', link: 'logger' },
+            { text: 'rpc', link: 'rpc' },
+            { text: 'ui-vue3', link: 'ui-vue3' },
+          ],
+          collapsed: true
+        },
+        {
+          text: '内部',
+          base: '/libs/private/',
+          items: [
+            { text: '来游戏平台-通行证 JSSDK', link: 'lyx-js-sdk' },
+            { text: '悬浮球', link: 'young-float-ball' },
+          ]
+        }
+      ],
+    },
+
+    socialLinks: [
+      {
+        icon: {
+          svg: '<svg xmlns="http://www.w3.org/2000/svg" width="1.09em" height="1em" viewBox="0 0 256 236"><path fill="#E24329" d="m128.075 236.075l47.104-144.97H80.97l47.104 144.97Z"/><path fill="#FC6D26" d="M128.075 236.074L80.97 91.104H14.956l113.119 144.97Z"/><path fill="#FCA326" d="M14.956 91.104L.642 135.16a9.752 9.752 0 0 0 3.542 10.903l123.891 90.012l-113.12-144.97Z"/><path fill="#E24329" d="M14.956 91.105H80.97L52.601 3.79c-1.46-4.493-7.816-4.492-9.275 0l-28.37 87.315Z"/><path fill="#FC6D26" d="m128.075 236.074l47.104-144.97h66.015l-113.12 144.97Z"/><path fill="#FCA326" d="m241.194 91.104l14.314 44.056a9.752 9.752 0 0 1-3.543 10.903l-123.89 90.012l113.119-144.97Z"/><path fill="#E24329" d="M241.194 91.105h-66.015l28.37-87.315c1.46-4.493 7.816-4.492 9.275 0l28.37 87.315Z"/></svg>'
+        },
+        link: 'gitlab仓库的完整地址',
+      },
+    ],
+
+    editLink: {
+      pattern: 'https://gitlab地址/-/ide/project/此处换成仓库的具体路径/edit/master/-/:path',
+      text: '在 gitlab 上编辑此页'
+    }
+  },
+  head: [
+    ['link', { rel: 'icon', href: 'https://api.iconify.design/noto:rocket.svg?color=%2312b2e7' }]
+  ],
+  markdown: {
+    container: {
+      tipLabel: '提示',
+      warningLabel: '注意',
+      dangerLabel: '警告',
+      detailsLabel: '详细信息',
+      infoLabel: '信息',
+    }
+  },
+})

package/template-vitepress/.vitepress/theme/index.ts

@@ -0,0 +1,26 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-11-08 16:14:48
+ * @LastEditTime: 2023-11-08 16:39:59
+ * @Description: 
+ */
+// https://vitepress.dev/guide/custom-theme
+import { h } from 'vue'
+import type { Theme } from 'vitepress'
+import DefaultTheme from 'vitepress/theme'
+import './style.css'
+import HomePage from '../components/HomePage.vue'
+import 'uno.css'
+
+export default {
+  extends: DefaultTheme,
+  Layout: () => {
+    return h(DefaultTheme.Layout, null, {
+      // https://vitepress.dev/guide/extending-default-theme#layout-slots
+      'home-features-after': () => h(HomePage),
+    })
+  },
+  enhanceApp({ app, router, siteData }) {
+    // ...
+  }
+} satisfies Theme

package/template-vitepress/.vitepress/theme/style.css

@@ -0,0 +1,139 @@
+/**
+ * Customize default theme styling by overriding CSS variables:
+ * https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/vars.css
+ */
+
+/**
+ * Colors
+ *
+ * Each colors have exact same color scale system with 3 levels of solid
+ * colors with different brightness, and 1 soft color.
+ * 
+ * - `XXX-1`: The most solid color used mainly for colored text. It must
+ *   satisfy the contrast ratio against when used on top of `XXX-soft`.
+ *
+ * - `XXX-2`: The color used mainly for hover state of the button.
+ *
+ * - `XXX-3`: The color for solid background, such as bg color of the button.
+ *   It must satisfy the contrast ratio with pure white (#ffffff) text on
+ *   top of it.
+ *
+ * - `XXX-soft`: The color used for subtle background such as custom container
+ *   or badges. It must satisfy the contrast ratio when putting `XXX-1` colors
+ *   on top of it.
+ *
+ *   The soft color must be semi transparent alpha channel. This is crucial
+ *   because it allows adding multiple "soft" colors on top of each other
+ *   to create a accent, such as when having inline code block inside
+ *   custom containers.
+ *
+ * - `default`: The color used purely for subtle indication without any
+ *   special meanings attched to it such as bg color for menu hover state.
+ *
+ * - `brand`: Used for primary brand colors, such as link text, button with
+ *   brand theme, etc.
+ *
+ * - `tip`: Used to indicate useful information. The default theme uses the
+ *   brand color for this by default.
+ *
+ * - `warning`: Used to indicate warning to the users. Used in custom
+ *   container, badges, etc.
+ *
+ * - `danger`: Used to show error, or dangerous message to the users. Used
+ *   in custom container, badges, etc.
+ * -------------------------------------------------------------------------- */
+
+ :root {
+  --vp-c-default-1: var(--vp-c-gray-1);
+  --vp-c-default-2: var(--vp-c-gray-2);
+  --vp-c-default-3: var(--vp-c-gray-3);
+  --vp-c-default-soft: var(--vp-c-gray-soft);
+
+  --vp-c-brand-1: var(--vp-c-indigo-1);
+  --vp-c-brand-2: var(--vp-c-indigo-2);
+  --vp-c-brand-3: var(--vp-c-indigo-3);
+  --vp-c-brand-soft: var(--vp-c-indigo-soft);
+
+  --vp-c-tip-1: var(--vp-c-brand-1);
+  --vp-c-tip-2: var(--vp-c-brand-2);
+  --vp-c-tip-3: var(--vp-c-brand-3);
+  --vp-c-tip-soft: var(--vp-c-brand-soft);
+
+  --vp-c-warning-1: var(--vp-c-yellow-1);
+  --vp-c-warning-2: var(--vp-c-yellow-2);
+  --vp-c-warning-3: var(--vp-c-yellow-3);
+  --vp-c-warning-soft: var(--vp-c-yellow-soft);
+
+  --vp-c-danger-1: var(--vp-c-red-1);
+  --vp-c-danger-2: var(--vp-c-red-2);
+  --vp-c-danger-3: var(--vp-c-red-3);
+  --vp-c-danger-soft: var(--vp-c-red-soft);
+}
+
+/**
+ * Component: Button
+ * -------------------------------------------------------------------------- */
+
+:root {
+  --vp-button-brand-border: transparent;
+  --vp-button-brand-text: var(--vp-c-white);
+  --vp-button-brand-bg: var(--vp-c-brand-3);
+  --vp-button-brand-hover-border: transparent;
+  --vp-button-brand-hover-text: var(--vp-c-white);
+  --vp-button-brand-hover-bg: var(--vp-c-brand-2);
+  --vp-button-brand-active-border: transparent;
+  --vp-button-brand-active-text: var(--vp-c-white);
+  --vp-button-brand-active-bg: var(--vp-c-brand-1);
+}
+
+/**
+ * Component: Home
+ * -------------------------------------------------------------------------- */
+
+:root {
+  --vp-home-hero-name-color: transparent;
+  --vp-home-hero-name-background: -webkit-linear-gradient(
+    120deg,
+    #bd34fe 30%,
+    #41d1ff
+  );
+
+  --vp-home-hero-image-background-image: linear-gradient(
+    -45deg,
+    #bd34fe 50%,
+    #47caff 50%
+  );
+  --vp-home-hero-image-filter: blur(44px);
+}
+
+@media (min-width: 640px) {
+  :root {
+    --vp-home-hero-image-filter: blur(56px);
+  }
+}
+
+@media (min-width: 960px) {
+  :root {
+    --vp-home-hero-image-filter: blur(68px);
+  }
+}
+
+/**
+ * Component: Custom Block
+ * -------------------------------------------------------------------------- */
+
+:root {
+  --vp-custom-block-tip-border: transparent;
+  --vp-custom-block-tip-text: var(--vp-c-text-1);
+  --vp-custom-block-tip-bg: var(--vp-c-brand-soft);
+  --vp-custom-block-tip-code-bg: var(--vp-c-brand-soft);
+}
+
+/**
+ * Component: Algolia
+ * -------------------------------------------------------------------------- */
+
+.DocSearch {
+  --docsearch-primary-color: var(--vp-c-brand-1) !important;
+}
+

package/template-vitepress/Dockerfile

@@ -0,0 +1,41 @@
+# 拉取基础镜像
+FROM intranet-harbor.laiyouxi.com/base/alpine/node:20.9.0 as builder
+# 添加部分元数据，暂无意义
+LABEL vendor="Lyx-yunwei" \
+      com.example.release-date="2022-11-10" \
+      com.example.version.is-production="false"
+
+# 维护者
+MAINTAINER BluesYoung "bluesyoung_web@163.com"
+# 配置环境变量
+ENV WORK_DIR=/app
+
+# 工作目录
+WORKDIR /app
+
+# 没有压缩包，首选 COPY，如果需要自动解包或下载，则使用 ADD
+
+# 对比依赖是否变更
+COPY package.json yarn.lock /app/
+
+# 设置npm仓库 + 下载依赖，上面的文件如果没有变化则跳过下载，直接使用缓存
+RUN npm config set registry https://registry.npmmirror.com && \
+    yarn config set registry https://registry.npmmirror.com && \
+    yarn
+
+# 加入代码
+COPY . /app
+# 打包
+RUN yarn build
+
+# 打包完成，构建最终的极简镜像
+FROM intranet-harbor.laiyouxi.com/base/alpine/node:20.9.0
+
+WORKDIR /app
+# 复制源码
+COPY boot.mjs /app/
+COPY config /app/config
+# 复制编译后的代码
+COPY --from=builder /app/.output /app/.output
+
+ENTRYPOINT ["node", "boot.mjs"]