create-young-proj 1.0.0 → 1.1.0-alpha.0

package/template-uni-app/src/config/enum.ts

@@ -0,0 +1,47 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-18 14:51:02
+ * @LastEditTime: 2023-07-20 15:35:06
+ * @Description:
+ */
+
+/**
+ * 模板消息的枚举
+ * todo: 按需替换
+ */
+export enum SubscribeMessage {
+  模板消息1 = '消息1xxxxxxxxxxxxxxxxxx',
+  模板消息2 = '消息2xxxxxxxxxxxxxxxxxx',
+}
+
+/**
+ * 授权定位相关
+ */
+export enum AuthLocationEvents {
+  同意授权 = 'sure_location',
+  启用授权 = 'enable_location',
+}
+
+/**
+ * 存储键名
+ */
+export enum YoungStorageKeys {
+  位置信息 = 'location',
+  唯一标识 = 'uuid',
+  导航栏高度 = 'navbarHeight',
+}
+
+/**
+ * 页面地址枚举
+ */
+export enum Pages {
+  首页 = '/pages/index',
+  个人中心 = '/pages/my',
+  测试子页面 = '/pages/demo/index',
+}
+/**
+ * tabbar 页面
+ */
+export const TabbarArr = [Pages.首页, Pages.个人中心]
+
+export enum UIEvents {}

package/template-uni-app/src/config/index.ts

@@ -0,0 +1,8 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-18 14:53:47
+ * @LastEditTime: 2023-07-18 14:53:47
+ * @Description:
+ */
+export * from './enum'
+export * from './map'

package/template-uni-app/src/config/map.ts

@@ -0,0 +1,15 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-18 14:54:11
+ * @LastEditTime: 2023-07-18 14:54:11
+ * @Description:
+ */
+/**
+ * 获取地图 API Key
+ * todo: 秘钥替换
+ */
+export function getMapApiKey() {
+  const MAP_API_KEY = '我是腾讯地图秘钥'
+
+  return MAP_API_KEY
+}

package/template-uni-app/src/env.d.ts

@@ -0,0 +1,36 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-19 08:41:05
+ * @LastEditTime: 2023-11-07 17:14:47
+ * @Description:
+ */
+/// <reference types="vite/client" />
+/// <reference types="@uni-helper/vite-plugin-uni-pages/client" />
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
+
+/**
+ * import.meta.env.[]
+ * 变量语法提示
+ */
+declare interface ImportMetaEnv {
+  /**
+   * 接口是否使用自定义 loading
+   * src/components/young-loading-mini/young-loading-mini.vue
+   */
+  VITE_CUSTOM_LOADING: boolean
+
+  /**
+   * 微信小程序 appid
+   */
+  VITE_APPID: string
+
+  /**
+   * 接口请求地址
+   */
+  VITE_API_BASE_URL: string
+}

package/template-uni-app/src/layouts/default.vue

@@ -0,0 +1,22 @@
+<!--
+ * @Author: zhangyang
+ * @Date: 2023-07-20 10:55:54
+ * @LastEditTime: 2023-08-25 16:21:46
+ * @Description: todo: 默认布局，按需调整
+-->
+<script lang="ts" setup>
+const { pagesInfo } = storeToRefs(useSystemInfo())
+
+onLoad(() => {
+  const [page] = getCurrentPages()
+
+  const pageConf = pagesInfo.value.find(p => p.path === page.route)
+  if (pageConf && pageConf.needLogin)
+    console.log('todo: 这个页面需要登录，进行登录条件判断')
+})
+</script>
+
+<template>
+  <young-loading-mini />
+  <slot />
+</template>

package/template-uni-app/src/layouts/tabbar.vue

@@ -0,0 +1,38 @@
+<!--
+ * @Author: zhangyang
+ * @Date: 2023-07-20 11:00:42
+ * @LastEditTime: 2023-08-25 16:37:12
+ * @Description: tabbar 页面的默认布局
+-->
+<script lang="ts" setup>
+const { customBarH, safeBottom } = getNavbarHeihgt()
+
+const { pagesInfo } = storeToRefs(useSystemInfo())
+
+const showNavBar = ref(false)
+const navBarAttr = ref<ParamsObj>({})
+
+onLoad(() => {
+  const [page] = getCurrentPages()
+
+  const pageConf = pagesInfo.value.find(p => p.path === page.route)
+
+  if (pageConf?.navbar) {
+    showNavBar.value = true
+    navBarAttr.value = pageConf.navbar
+  }
+})
+</script>
+
+<template>
+  <young-navbar v-if="showNavBar" v-bind="navBarAttr" />
+  <young-loading />
+  <young-loading-mini />
+  <scroll-view
+    scroll-y class="flex flex-col bg-transparent"
+    :style="{ height: `calc(100vh - ${customBarH}px - ${safeBottom}px - 44px)` }"
+  >
+    <slot />
+  </scroll-view>
+  <young-tabbar :z="999" />
+</template>

package/template-uni-app/src/main.ts

@@ -0,0 +1,20 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-18 11:21:31
+ * @LastEditTime: 2023-07-18 14:07:16
+ * @Description:
+ */
+import { createSSRApp } from 'vue'
+import App from './App.vue'
+import { setupStore } from './store'
+
+import 'uno.css'
+
+export function createApp() {
+  const app = createSSRApp(App)
+  setupStore(app)
+
+  return {
+    app,
+  }
+}

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

@@ -0,0 +1,75 @@
+{
+  "name": "",
+  "appid": "",
+  "description": "",
+  "versionName": "1.0.0",
+  "versionCode": "100",
+  "transformPx": false,
+  "app-plus": {
+    "usingComponents": true,
+    "nvueStyleCompiler": "uni-app",
+    "compilerVersion": 3,
+    "splashscreen": {
+      "alwaysShowBeforeRender": true,
+      "waiting": true,
+      "autoclose": true,
+      "delay": 0
+    },
+    "modules": {},
+    "distribute": {
+      "android": {
+        "permissions": [
+          "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+          "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+          "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+          "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+          "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+          "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+          "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+          "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+          "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+          "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+          "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+          "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+          "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+          "<uses-feature android:name=\"android.hardware.camera\"/>",
+          "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+        ]
+      },
+      "ios": {},
+      "sdkConfigs": {}
+    }
+  },
+  "quickapp": {},
+  "mp-weixin": {
+    "appid": "",
+    "setting": {
+      "urlCheck": false,
+      "ignoreUploadUnusedFiles": false,
+      "ignoreDevUnusedFiles": false
+    },
+    "usingComponents": true,
+    "requiredPrivateInfos": [
+      "getLocation",
+      "chooseLocation"
+    ],
+    "permission": {
+      "scope.userLocation": {
+        "desc": "你的位置信息将用于获取附近的门店信息"
+      }
+    }
+  },
+  "mp-alipay": {
+    "usingComponents": true
+  },
+  "mp-baidu": {
+    "usingComponents": true
+  },
+  "mp-toutiao": {
+    "usingComponents": true
+  },
+  "uniStatistics": {
+    "enable": false
+  },
+  "vueVersion": "3"
+}

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

@@ -0,0 +1,30 @@
+<!--
+ * @Author: zhangyang
+ * @Date: 2023-07-20 15:13:57
+ * @LastEditTime: 2023-07-20 15:20:26
+ * @Description:
+-->
+<script lang="ts" setup>
+async function testGet() {
+  const res = await apis.get.getByUserName('BluesYoung-web')
+  console.log('🚀 ~ file: index.vue:12 ~ test ~ res:', res)
+}
+
+async function testPost() {
+  await apis.post.createRepo('BluesYoung-web')
+}
+</script>
+
+<template>
+  <young-navbar />
+  <h1 class="text-32">
+    我是子页面 demo
+  </h1>
+
+  <button @click="testGet">
+    点我测试 Get 请求
+  </button>
+  <button @click="testPost">
+    点我测试 Post 请求
+  </button>
+</template>

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

@@ -0,0 +1,65 @@
+<!--
+ * @Author: zhangyang
+ * @Date: 2023-07-18 11:23:36
+ * @LastEditTime: 2023-08-25 16:39:24
+ * @Description:
+-->
+<route lang="json">
+{
+  "needLogin": true,
+  "layout": "tabbar",
+  "navbar": {
+    "isback": false
+  }
+}
+</route>
+
+<script lang="ts" setup>
+async function testGet() {
+  const res = await apis.get.getByUserName('BluesYoung-web')
+  console.log('🚀 ~ file: index.vue:12 ~ test ~ res:', res)
+}
+
+async function testPost() {
+  await apis.post.createRepo('BluesYoung-web')
+}
+
+const { fullscreenLoading } = storeToRefs(useHttpLoading())
+fullscreenLoading.value = true
+
+setTimeout(() => {
+  fullscreenLoading.value = false
+}, 3e3)
+</script>
+
+<template>
+  <h1 class="text-32">
+    我是页面
+  </h1>
+  <view class="uni-primary">
+    主色
+  </view>
+  <view class="uni-success">
+    成功色
+  </view>
+  <view class="uni-warning">
+    警告色
+  </view>
+  <view class="uni-error">
+    错误色
+  </view>
+
+  <button @click="testGet">
+    点我测试 Get 请求
+  </button>
+  <button @click="testPost">
+    点我测试 Post 请求
+  </button>
+
+  <uni-card
+    title="基础卡片" sub-title="副标题" extra="额外信息"
+    thumbnail="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" @click="to(Pages.测试子页面)"
+  >
+    <text>这是一个带头像和双标题的基础卡片，此示例展示了一个完整的卡片。</text>
+  </uni-card>
+</template>

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

@@ -0,0 +1,30 @@
+<!--
+ * @Author: zhangyang
+ * @Date: 2023-07-18 17:53:43
+ * @LastEditTime: 2023-08-25 16:39:28
+ * @Description:
+-->
+<route lang="json">
+{
+  "needLogin": true,
+  "layout": "tabbar",
+  "navbar": {
+    "isback": false
+  }
+}
+</route>
+
+<script lang="ts" setup>
+const { fullscreenLoading } = storeToRefs(useHttpLoading())
+fullscreenLoading.value = true
+
+setTimeout(() => {
+  fullscreenLoading.value = false
+}, 3e3)
+</script>
+
+<template>
+  <h1 class="text-32">
+    我是个人中心
+  </h1>
+</template>

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

@@ -0,0 +1,74 @@
+{
+  "lazyCodeLoading": "requiredComponents",
+  "pages": [
+    {
+      "path": "pages/index",
+      "type": "home",
+      "needLogin": true,
+      "layout": "tabbar",
+      "navbar": {
+        "isback": false
+      }
+    },
+    {
+      "path": "pages/my",
+      "type": "page",
+      "needLogin": true,
+      "layout": "tabbar",
+      "navbar": {
+        "isback": false
+      }
+    },
+    {
+      "path": "pages/demo/index",
+      "type": "page"
+    }
+  ],
+  "tabBar": {
+    "color": "#666",
+    "selectedColor": "#333",
+    "borderStyle": "white",
+    "backgroundColor": "#ffffff",
+    "fontSize": "22rpx",
+    "list": [
+      {
+        "pagePath": "pages/index",
+        "text": "首页",
+        "iconPath": "static/home.png",
+        "selectedIconPath": "static/home_active.png"
+      },
+      {
+        "pagePath": "pages/my",
+        "text": "我的",
+        "iconPath": "static/my.png",
+        "selectedIconPath": "static/my_active.png"
+      }
+    ]
+  },
+  "globalStyle": {
+    "pageOrientation": "portrait",
+    "navigationBarTitleText": "demo",
+    "navigationBarTextStyle": "white",
+    "navigationBarBackgroundColor": "#0D0D0D",
+    "navigationStyle": "custom",
+    "backgroundColor": "#F2EAE0",
+    "backgroundColorTop": "#F2EAE0",
+    "backgroundColorBottom": "#F4F5F6",
+    "mp-360": {
+      "navigationStyle": "custom"
+    },
+    "h5": {
+      "maxWidth": 1190,
+      "navigationBarTextStyle": "black",
+      "navigationBarBackgroundColor": "#FFFFFF"
+    }
+  },
+  "easycom": {
+    "autoscan": true,
+    "custom": {
+      "^young-(.*)": "@/components/young-$1/young-$1.vue",
+      "^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
+    }
+  },
+  "subPackages": []
+}

package/template-uni-app/src/store/index.ts

@@ -0,0 +1,16 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-18 11:21:07
+ * @LastEditTime: 2023-07-18 15:20:22
+ * @Description:
+ */
+import type { App } from 'vue'
+import { createPinia } from 'pinia'
+
+export function setupStore(app: App) {
+  const store = createPinia()
+  app.use(store)
+}
+
+export * from './local'
+export * from './system'

package/template-uni-app/src/store/local/index.ts

@@ -0,0 +1,42 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-18 15:01:00
+ * @LastEditTime: 2023-07-19 16:50:39
+ * @Description:
+ */
+import { randomId } from '@bluesyoung/utils'
+
+export interface LocationInfo {
+  longitude: string | number
+  latitude: string | number
+  city?: string
+  timer: number
+}
+export interface NavInfo {
+  /**
+   * 系统状态栏高度
+   */
+  statusBarH: number
+  /**
+   * 自定义导航栏高度 = 胶囊下距离 + 胶囊上距离 - 状态栏高度
+   */
+  customBarH: number
+  /**
+   * 底部安全距离
+   */
+  safeBottom: number
+}
+
+export const getLocationInfo = () => uni.getStorageSync(YoungStorageKeys.位置信息) as LocationInfo
+export function setLocationInfo(v: LocationInfo) {
+  return uni.setStorageSync(YoungStorageKeys.位置信息, v)
+}
+export const removeLocationInfo = () => uni.removeStorageSync(YoungStorageKeys.位置信息)
+
+export const getUuid = () => uni.getStorageSync(YoungStorageKeys.唯一标识) as string
+export function setUuid() {
+  return uni.setStorageSync(YoungStorageKeys.唯一标识, randomId() + randomId() + randomId() + randomId())
+}
+
+export const setNavbarHeihgt = (v: NavInfo) => uni.setStorageSync(YoungStorageKeys.导航栏高度, v)
+export const getNavbarHeihgt = () => uni.getStorageSync(YoungStorageKeys.导航栏高度) as NavInfo

package/template-uni-app/src/store/system.ts

@@ -0,0 +1,21 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-18 15:20:04
+ * @LastEditTime: 2023-08-25 16:20:11
+ * @Description:
+ */
+import type { PageMetaDatum } from '@uni-helper/vite-plugin-uni-pages'
+import { defineStore } from 'pinia'
+
+export const useSystemInfo = defineStore('useSystemInfo', () => {
+  const systemInfo = ref<UniApp.GetSystemInfoResult>()
+  const pagesInfo = ref<PageMetaDatum[]>([])
+
+  return { systemInfo, pagesInfo }
+})
+
+export const useHttpLoading = defineStore('useHttpLoading', () => {
+  const fullscreenLoading = ref(false)
+  const smallLoading = ref(false)
+  return { smallLoading, fullscreenLoading }
+})

package/template-uni-app/src/typings/global.d.ts

@@ -0,0 +1,7 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-08-25 16:36:22
+ * @LastEditTime: 2023-08-25 16:36:22
+ * @Description:
+ */
+type ParamsObj = Record<string, any>

package/template-uni-app/src/uni.scss

@@ -0,0 +1,76 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+
+/* 颜色变量 */
+
+/* 行为相关颜色 */
+$uni-color-primary: #007aff;
+$uni-color-success: #4cd964;
+$uni-color-warning: #f0ad4e;
+$uni-color-error: #dd524d;
+
+/* 文字基本颜色 */
+$uni-text-color:#333;//基本色
+$uni-text-color-inverse:#fff;//反色
+$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
+$uni-text-color-placeholder: #808080;
+$uni-text-color-disable:#c0c0c0;
+
+/* 背景颜色 */
+$uni-bg-color:#ffffff;
+$uni-bg-color-grey:#f8f8f8;
+$uni-bg-color-hover:#f1f1f1;//点击状态颜色
+$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
+
+/* 边框颜色 */
+$uni-border-color:#c8c7cc;
+
+/* 尺寸变量 */
+
+/* 文字尺寸 */
+$uni-font-size-sm:24rpx;
+$uni-font-size-base:28rpx;
+$uni-font-size-lg:32rpx;
+
+/* 图片尺寸 */
+$uni-img-size-sm:40rpx;
+$uni-img-size-base:52rpx;
+$uni-img-size-lg:80rpx;
+
+/* Border Radius */
+$uni-border-radius-sm: 4rpx;
+$uni-border-radius-base: 6rpx;
+$uni-border-radius-lg: 12rpx;
+$uni-border-radius-circle: 50%;
+
+/* 水平间距 */
+$uni-spacing-row-sm: 10px;
+$uni-spacing-row-base: 20rpx;
+$uni-spacing-row-lg: 30rpx;
+
+/* 垂直间距 */
+$uni-spacing-col-sm: 8rpx;
+$uni-spacing-col-base: 16rpx;
+$uni-spacing-col-lg: 24rpx;
+
+/* 透明度 */
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
+
+/* 文章场景相关 */
+$uni-color-title: #2C405A; // 文章标题颜色
+$uni-font-size-title:40rpx;
+$uni-color-subtitle: #555555; // 二级标题颜色
+$uni-font-size-subtitle:36rpx;
+$uni-color-paragraph: #3F536E; // 文章段落颜色
+$uni-font-size-paragraph:30rpx;