create-young-proj 1.0.0 → 1.1.0

package/template-uni-app/src/App.vue

@@ -0,0 +1,79 @@
+<!--
+ * @Author: zhangyang
+ * @Date: 2023-02-13 14:58:26
+ * @LastEditTime: 2023-07-20 15:31:59
+ * @Description:
+-->
+<script setup lang="ts">
+import { pages } from 'virtual:uni-pages'
+
+onLaunch(async () => {
+  console.log('App Launch')
+  console.log('环境变量：', import.meta.env)
+  const { pagesInfo } = storeToRefs(useSystemInfo())
+  pagesInfo.value = pages
+
+  if (!getUuid())
+    setUuid()
+
+  await getSystemInfo()
+})
+
+onShow(async () => {
+  /**
+   * 自动更新
+   */
+  const updateManager = uni.getUpdateManager()
+
+  updateManager.onCheckForUpdate((res) => {
+    // 请求完新版本信息的回调
+    console.log(res.hasUpdate, 'onCheckForUpdate hasUpdate')
+  })
+
+  updateManager.onUpdateReady(() => {
+    showModal({
+      title: '更新提示',
+      content: '新版本已经准备好，是否重启应用？',
+      success(res) {
+        if (res.confirm) {
+          // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
+          updateManager.applyUpdate()
+        }
+      },
+    })
+  })
+  updateManager.onUpdateFailed(() => {
+    // 新版本下载失败
+    showModal({ title: '更新提示', content: '新版本下载失败', showCancel: false })
+  })
+  console.log('App Show')
+})
+
+onHide(() => {
+  console.log('App Hide')
+})
+</script>
+
+<style lang="scss">
+@import '@dcloudio/uni-ui/lib/uni-scss/index.scss';
+
+page {
+  background-color: #f6f7fb;
+}
+
+.font-pf {
+  font-family: PingFangSC-Semibold, PingFang SC;
+}
+
+.cancel_scrollbar ::-webkit-scrollbar {
+  display: none;
+  width: 0 !important;
+  height: 0 !important;
+  -webkit-appearance: none;
+  background: transparent;
+}
+
+.button_bg {
+  background: linear-gradient(180deg, #3E3A39 0%, #0D0D0D 100%);
+}
+</style>

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

@@ -0,0 +1,54 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-18 15:35:24
+ * @LastEditTime: 2023-09-19 10:19:08
+ * @Description:
+ */
+import { useHttp } from '@bluesyoung/http/uni'
+import { useGet, usePost } from './requests'
+
+/**
+ * 自动根据对应的环境，使用对应的接口地址，避免重复打包
+ */
+const EnvConfig = {
+  develop: 'https://dev.req.cn',
+  trial: 'https://test.req.cn',
+  release: 'https://online.req.cn',
+}
+
+export function getReqUrl(): string {
+  // @ts-expect-error
+  return import.meta.env.VITE_API_BASE_URL || EnvConfig[__wxConfig.envVersion]
+}
+
+const http = useHttp({
+  baseURL: getReqUrl(),
+  loading: {
+    start: () => {
+      showLoading()
+    },
+    end: () => {
+      hideLoading()
+    },
+  },
+  headers: {
+    getCommonHeaders: () => ({
+      Accept: 'application/vnd.github.v3+json',
+    }),
+    getAuthHeaders: () => {
+      const token = 'todo: change to the real token that you used'
+      return {
+        Authorization: `Bearer ${token}`,
+      }
+    },
+  },
+  fail: (err) => {
+    // todo: 错误逻辑处理
+    showErrorModal(err.toString())
+  },
+})
+
+export const apis = {
+  get: useGet(http),
+  post: usePost(http),
+}

package/template-uni-app/src/apis/requests/get.ts

@@ -0,0 +1,52 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-18 16:50:32
+ * @LastEditTime: 2023-09-19 10:19:44
+ * @Description:
+ */
+import type { YoungHttp, YoungHttpAuthReq, YoungHttpFreeReq } from '@bluesyoung/http'
+
+export function useGet(http: YoungHttp) {
+  const FreeReq: YoungHttpFreeReq = args => http.freeReq({ method: 'GET', ...args })
+  const AuthReq: YoungHttpAuthReq = args => http.authReq({ method: 'GET', ...args })
+
+  return {
+    getByUserName: (name: string) =>
+      FreeReq<{
+        login: string
+        id: number
+        node_id: string
+        avatar_url: string
+        gravatar_id: string
+        url: string
+        html_url: string
+        followers_url: string
+        following_url: string
+        gists_url: string
+        starred_url: string
+        subscriptions_url: string
+        organizations_url: string
+        repos_url: string
+        events_url: string
+        received_events_url: string
+        type: string
+        site_admin: boolean
+        name: string
+        company: null | string
+        blog: string
+        location: null | string
+        email: null | string
+        hireable: null | boolean
+        bio: null | string
+        twitter_username: null | string
+        public_repos: number
+        public_gists: number
+        followers: number
+        following: number
+        created_at: string
+        updated_at: string
+      }>({
+        url: `/users/${name}`,
+      }),
+  }
+}

package/template-uni-app/src/apis/requests/index.ts

@@ -0,0 +1,8 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-18 16:50:24
+ * @LastEditTime: 2023-07-18 17:00:49
+ * @Description:
+ */
+export * from './get'
+export * from './post'

package/template-uni-app/src/apis/requests/post.ts

@@ -0,0 +1,23 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-18 16:59:34
+ * @LastEditTime: 2023-09-19 10:20:17
+ * @Description:
+ */
+import type { YoungHttp, YoungHttpAuthReq, YoungHttpFreeReq } from '@bluesyoung/http'
+
+export function usePost(http: YoungHttp) {
+  const FreeReq: YoungHttpFreeReq = args => http.freeReq({ method: 'GET', ...args })
+  const AuthReq: YoungHttpAuthReq = args => http.authReq({ method: 'GET', ...args })
+
+  return {
+    createRepo: async (name: string) => {
+      await AuthReq({
+        url: '/user/repos',
+        params: {
+          name,
+        },
+      })
+    },
+  }
+}

package/template-uni-app/src/components/young-loading/young-loading.vue

@@ -0,0 +1,36 @@
+<!--
+ * @Author: zhangyang
+ * @Date: 2023-07-19 12:12:29
+ * @LastEditTime: 2023-08-25 16:26:53
+ * @Description:
+-->
+<script lang="ts" setup>
+withDefaults(defineProps<{
+  /**
+   * 加载中的动图
+   */
+  loadingGif?: string
+  /**
+   * 文本提示
+   */
+  tip?: string
+}>(), {
+  // @ts-expect-error
+  loadingGif: __wxConfig.accountInfo.icon,
+  tip: '加载中...',
+})
+
+const { fullscreenLoading } = storeToRefs(useHttpLoading())
+</script>
+
+<template>
+  <view
+    v-show="fullscreenLoading"
+    class="w100vw h100vh fixed left-0 top-0 z-999999 bg-white flex flex-col items-center justify-center"
+  >
+    <image :src="loadingGif" class="w140rpx h140rpx mb-32rpx" />
+    <text class="text-[#999] text-24rpx leading-36rpx">
+      {{ tip }}
+    </text>
+  </view>
+</template>

package/template-uni-app/src/components/young-loading-mini/young-loading-mini.vue

@@ -0,0 +1,35 @@
+<!--
+ * @Author: zhangyang
+ * @Date: 2023-07-20 14:48:35
+ * @LastEditTime: 2023-08-25 16:27:13
+ * @Description:
+-->
+<script lang="ts" setup>
+withDefaults(defineProps<{
+  /**
+   * 加载中的动图
+   */
+  loadingGif?: string
+  /**
+   * 文本提示
+   */
+  tip?: string
+}>(), {
+  loadingGif: 'https://api.iconify.design/eos-icons:bubble-loading.svg?color=%23e80d19',
+  tip: '拼命加载中...',
+})
+
+const { smallLoading } = storeToRefs(useHttpLoading())
+</script>
+
+<template>
+  <view
+    v-show="smallLoading"
+    class="w100vw h100vh fixed left-0 top-0 z-999998 bg-[#333] opacity-90 flex flex-col items-center justify-center"
+  >
+    <image :src="loadingGif" class="w240rpx h240rpx mb-32rpx" />
+    <text class="text-[#fff] text-24rpx leading-36rpx">
+      {{ tip }}
+    </text>
+  </view>
+</template>

package/template-uni-app/src/components/young-navbar/young-navbar.vue

@@ -0,0 +1,252 @@
+<!--
+ * @Author: zhangyang
+ * @Date: 2023-07-19 09:03:51
+ * @LastEditTime: 2023-09-06 19:43:01
+ * @Description:
+-->
+<script lang="ts" setup>
+interface Props {
+  /**
+   * 是否是自定义导航
+   */
+  custom?: boolean
+  /**
+   * 是否返回
+   */
+  isback?: boolean
+  /**
+   * 标题
+   */
+  title?: string
+  /**
+   * 标题颜色
+   */
+  color?: string
+  /**
+   * 背景色
+   */
+  bgcolor?: string
+  /**
+   * 是否固定
+   */
+  fixed?: boolean
+  /**
+   * 等高的占位元素
+   */
+  placeholder?: boolean
+  /**
+   * 设置层级
+   */
+  zIndex?: number
+  /**
+   * 是否展示
+   */
+  ishow?: boolean
+}
+
+withDefaults(defineProps<Props>(), {
+  custom: true,
+  isback: true,
+  title: '',
+  color: '#fff',
+  bgcolor: 'linear-gradient(180deg, #3E3A39 0%, #0D0D0D 100%)',
+  fixed: true,
+  placeholder: true,
+  zIndex: 2,
+  ishow: true,
+})
+
+const navHeight = getNavbarHeihgt()
+
+// 页面数量 当只有一个页面且不是主页面的时候 back 图标变成 home 图标
+const pagesCount = computed(() => {
+  return getCurrentPages().length
+})
+
+const pagesTitle = computed(() => {
+  const page = getCurrentPages()[pagesCount.value - 1]
+  let res = ''
+  for (const key in Pages) {
+    const val = Pages[key as keyof typeof Pages]?.slice(1)
+    const route = page.route
+    if (route === val) {
+      res = key
+      break
+    }
+  }
+  return res
+})
+
+function handleLeftClick() {
+  if (pagesCount.value === 1)
+    relaunch(Pages.首页)
+  else
+    back()
+}
+</script>
+
+<template>
+  <view v-if="ishow">
+    <view class="y__navbar">
+      <view
+        class="y__navbar-wrap flex items-center relative box-border left-0"
+        :class="{ custom, fixed: fixed || placeholder }"
+        :style="{ 'height': `${navHeight.customBarH}px`, 'padding-top': `${navHeight.statusBarH}px`, 'background': bgcolor, 'color': color, 'z-index': zIndex }"
+      >
+        <!-- 返回  -->
+        <view v-if="isback" class="action navbar-action__left" @click="handleLeftClick">
+          <template v-if="$slots.back">
+            <slot name="back" />
+          </template>
+          <template v-else>
+            <image v-if="pagesCount === 1" src="@/static/h.png" class="w20px h20px" />
+            <image v-else src="@/static/back.png" class="w20px h20px" />
+          </template>
+          <slot name="backText" />
+        </view>
+        <slot name="left" />
+
+        <!-- //标题 -->
+        <view class="navbar-title absolute ">
+          <template v-if="$slots.title">
+            <slot name="title" />
+          </template>
+          <template v-else>
+            <text :style="{ color }">
+              {{ title || pagesTitle }}
+            </text>
+          </template>
+        </view>
+
+        <!-- //右侧 -->
+        <view class="action navbar-action__right">
+          <slot name="right" />
+        </view>
+      </view>
+    </view>
+    <view v-if="placeholder" :style="{ height: `${navHeight.customBarH}px` }" />
+  </view>
+</template>
+
+<style lang="scss" scoped>
+.nvuefont {
+  font-family: nvueIcon;
+}
+
+.y__navbar {
+  /* #ifndef APP-NVUE */
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  display: -ms-flexbox;
+  /* #endif */
+  flex-direction: row;
+}
+
+.y__navbar-wrap {
+  flex: 1;
+  flex-direction: row;
+  align-items: center;
+  background-color: #fff;
+  color: #333;
+  justify-content: space-between;
+  min-height: 90rpx;
+  position: relative;
+  z-index: 2021;
+}
+
+.y__navbar-wrap.custom {
+  /* #ifdef MP-WEIXIN */
+  padding-right: 200rpx;
+  /* #endif */
+  /* #ifdef MP-ALIPAY */
+  padding-right: 150rpx;
+  /* #endif */
+}
+
+.y__navbar-wrap.fixed {
+  /* #ifdef APP-NVUE */
+  left: 0;
+  right: 0;
+  /* #endif */
+  /* #ifndef APP-NVUE */
+  width: 100%;
+  /* #endif */
+  max-width: 750rpx;
+  position: fixed;
+  top: 0;
+}
+
+.y__navbar-wrap .action {
+  /* #ifndef APP-NVUE */
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  display: -ms-flexbox;
+  height: 100%;
+  max-width: 100%;
+  /* #endif */
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+
+/*左侧*/
+.navbar-action__left {
+  font-size: 32rpx;
+  padding: 0 24rpx;
+}
+
+.navbar-action__left .iconfont {
+  font-size: 42rpx;
+}
+
+/*标题*/
+.y__navbar-wrap .navbar-title {
+  flex: 1;
+  font-size: 34rpx;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.y__navbar-wrap .navbar-title.center {
+  /* #ifdef APP-NVUE */
+  left: 0;
+  right: 0;
+  /* #endif */
+  /* #ifndef APP-NVUE */
+  width: 100%;
+  z-index: -1;
+  /* #endif */
+  align-items: center;
+  text-align: center;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  position: absolute;
+}
+
+.y__navbar-wrap.custom .navbar-title.center {
+  /* #ifdef MP */
+  width: auto;
+  align-items: auto;
+  text-align: left;
+  position: static;
+  /* #endif */
+}
+
+/*搜索条*/
+.navbar-action__search.action {
+  flex: 1;
+  justify-content: flex-start;
+}
+
+.navbar-action__right {
+  font-size: 32rpx;
+  padding-right: 24rpx;
+}
+
+.navbar-action__right .iconfont {
+  font-size: 42rpx;
+}
+</style>

package/template-uni-app/src/components/young-tabbar/young-tabbar.vue

@@ -0,0 +1,145 @@
+<!--
+ * @Author: zhangyang
+ * @Date: 2023-07-18 17:44:06
+ * @LastEditTime: 2023-07-20 12:03:39
+ * @Description:
+-->
+<script lang="ts" setup>
+import { Pages } from '@/config'
+import home from '@/static/home.png'
+import home_active from '@/static/home_active.png'
+import my from '@/static/my.png'
+import my_active from '@/static/my_active.png'
+
+interface Tabbar {
+  selectedIconPath: string
+  iconPath: string
+  text: string
+  pagePath: Pages
+}
+
+withDefaults(defineProps<{ z?: number }>(), { z: 99 })
+
+const list = ref<Tabbar[]>([
+  {
+    text: '首页',
+    iconPath: home,
+    selectedIconPath: home_active,
+    pagePath: Pages.首页,
+  },
+  {
+    text: '我的',
+    iconPath: my,
+    selectedIconPath: my_active,
+    pagePath: Pages.个人中心,
+  },
+])
+
+const current = computed(() => {
+  const [page] = getCurrentPages()
+  const route = page.route
+  const index = list.value.findIndex(path => path.pagePath === `/${route}`)
+  return index
+})
+
+function tabChange(index: number) {
+  if (index === current.value)
+    return
+
+  tabbar(list.value[index].pagePath)
+}
+
+uni.hideTabBar()
+</script>
+
+<template>
+  <view class="t-tabbar" :style="{ zIndex: z }">
+    <view
+      v-for="(item, index) in list" :key="index" class="t-tabbar__item" :class="{ 't-bar__item_on': index === current }"
+      @click="tabChange(index)"
+    >
+      <view style="position: relative;display:inline-block;">
+        <image :src="current === index ? item.selectedIconPath : item.iconPath" class="t-tabbar__icon" />
+      </view>
+      <view class="t-tabbar__label">
+        {{ item.text }}
+      </view>
+    </view>
+  </view>
+</template>
+
+<style lang="scss" scoped>
+.t-tabbar {
+  display: flex;
+  // position: relative;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: #ffffff;
+}
+
+.t-tabbar:before {
+  content: ' ';
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  height: 1px;
+  border-top: 1rpx solid rgba(0, 0, 0, 0.1);
+  color: rgba(0, 0, 0, 0.1);
+}
+
+.t-tabbar__item {
+  display: block;
+  flex: 1;
+  padding: 8px 0 4px;
+  padding-bottom: calc(8px + constant(safe-area-inset-bottom));
+  padding-bottom: calc(8px + env(safe-area-inset-bottom));
+  font-size: 0;
+  color: rgba(0, 0, 0, 0.5);
+  text-align: center;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+.t-tabbar__item:first-child {
+  padding-left: constant(safe-area-inset-left);
+  padding-left: env(safe-area-inset-left);
+}
+
+.t-tabbar__item:last-child {
+  padding-right: constant(safe-area-inset-right);
+  padding-right: env(safe-area-inset-right);
+}
+
+.t-tabbar__item.t-bar__item_on .t-tabbar__icon,
+.t-tabbar__item.t-bar__item_on .t-tabbar__icon>i,
+.t-tabbar__item.t-bar__item_on .t-tabbar__label {
+  color: #e80d19;
+}
+
+.t-tabbar__icon {
+  display: inline-block;
+  width: 28px;
+  height: 28px;
+  margin-bottom: 2px;
+}
+
+i.t-tabbar__icon,
+.t-tabbar__icon>i {
+  font-size: 24px;
+  color: rgba(0, 0, 0, 0.5);
+}
+
+.t-tabbar__icon image {
+  width: 100%;
+  height: 100%;
+}
+
+.t-tabbar__label {
+  color: #bfbfbf;
+  font-size: 10px;
+  line-height: 1.4;
+  height: 14px;
+}
+</style>