create-young-proj 0.8.0 → 0.9.0

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

@@ -1,7 +1,7 @@
 <!--
  * @Author: zhangyang
  * @Date: 2023-07-19 09:03:51
- * @LastEditTime: 2023-07-20 15:18:33
+ * @LastEditTime: 2023-09-06 19:43:01
  * @Description:
 -->
 <script lang="ts" setup>
@@ -9,35 +9,35 @@ interface Props {
   /**
    * 是否是自定义导航
    */
-  custom?: boolean;
+  custom?: boolean
   /**
    * 是否返回
    */
-  isback?: boolean;
+  isback?: boolean
   /**
    * 标题
    */
-  title?: string;
+  title?: string
   /**
    * 标题颜色
    */
-  color?: string;
+  color?: string
   /**
    * 背景色
    */
-  bgcolor?: string;
+  bgcolor?: string
   /**
    * 是否固定
    */
-  fixed?: boolean;
+  fixed?: boolean
   /**
    * 等高的占位元素
    */
-  placeholder?: boolean;
+  placeholder?: boolean
   /**
    * 设置层级
    */
-  zIndex?: number;
+  zIndex?: number
   /**
    * 是否展示
    */
@@ -53,53 +53,54 @@ withDefaults(defineProps<Props>(), {
   fixed: true,
   placeholder: true,
   zIndex: 2,
-  ishow: true
-});
+  ishow: true,
+})
 
-const navHeight = getNavbarHeihgt();
+const navHeight = getNavbarHeihgt()
 
 // 页面数量 当只有一个页面且不是主页面的时候 back 图标变成 home 图标
 const pagesCount = computed(() => {
-  return getCurrentPages().length;
-});
+  return getCurrentPages().length
+})
 
 const pagesTitle = computed(() => {
-  const page = getCurrentPages()[pagesCount.value - 1];
-  let res = '';
+  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;
+    const val = Pages[key as keyof typeof Pages]?.slice(1)
+    const route = page.route
     if (route === val) {
-      res = key;
-      break;
+      res = key
+      break
     }
   }
-  return res;
-});
-
-const handleLeftClick = () => {
-  if (pagesCount.value === 1) {
-    relaunch(Pages.首页);
-  } else {
-    back();
-  }
-};
+  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': custom, 'fixed': fixed || placeholder }"
-        :style="{ 'height': navHeight.customBarH + 'px', 'padding-top': navHeight.statusBarH + 'px', 'background': bgcolor, 'color': color, 'z-index': zIndex }">
+      <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 class="action navbar-action__left" v-if="isback" @click="handleLeftClick">
+        <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>
-            <image v-else src="@/static/back.png" class="w20px h20px"></image>
+            <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>
@@ -110,7 +111,11 @@ const handleLeftClick = () => {
           <template v-if="$slots.title">
             <slot name="title" />
           </template>
-          <template v-else><text :style="{ 'color': color }">{{ title || pagesTitle }}</text></template>
+          <template v-else>
+            <text :style="{ color }">
+              {{ title || pagesTitle }}
+            </text>
+          </template>
         </view>
 
         <!-- //右侧 -->
@@ -119,11 +124,10 @@ const handleLeftClick = () => {
         </view>
       </view>
     </view>
-    <view :style="{ 'height': navHeight.customBarH + 'px' }" v-if="placeholder"></view>
+    <view v-if="placeholder" :style="{ height: `${navHeight.customBarH}px` }" />
   </view>
 </template>
 
-
 <style lang="scss" scoped>
 .nvuefont {
   font-family: nvueIcon;
@@ -205,11 +209,6 @@ const handleLeftClick = () => {
   transform: translateX(-50%);
 }
 
-// .y__navbar-wrap .navbar-title:first-child {
-// 	font-size: 36rpx;
-// 	margin-left: 24rpx;
-// }
-
 .y__navbar-wrap .navbar-title.center {
   /* #ifdef APP-NVUE */
   left: 0;

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

@@ -5,61 +5,65 @@
  * @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';
-
-type Tabbar = {
-  selectedIconPath: string;
-  iconPath: string;
-  text: string;
-  pagePath: Pages;
-};
+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 });
+withDefaults(defineProps<{ z?: number }>(), { z: 99 })
 
 const list = ref<Tabbar[]>([
   {
     text: '首页',
     iconPath: home,
     selectedIconPath: home_active,
-    pagePath: Pages.首页
+    pagePath: Pages.首页,
   },
   {
     text: '我的',
     iconPath: my,
     selectedIconPath: my_active,
-    pagePath: Pages.个人中心
-  }
-]);
+    pagePath: Pages.个人中心,
+  },
+])
 
 const current = computed(() => {
-  const [page] = getCurrentPages();
-  const route = page.route;
-  const index = list.value.findIndex(path => path.pagePath === '/' + route);
-  return index;
-});
-
-const tabChange = (index: number) => {
-  if (index === current.value) {
-    return;
-  }
-  tabbar(list.value[index].pagePath);
-};
-
-uni.hideTabBar();
+  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 @click="tabChange(index)" v-for="(item, index) in list" :key="index" class="t-tabbar__item"
-      :class="{ 't-bar__item_on': index === current }">
+    <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"></image>
+        <image :src="current === index ? item.selectedIconPath : item.iconPath" class="t-tabbar__icon" />
+      </view>
+      <view class="t-tabbar__label">
+        {{ item.text }}
       </view>
-      <view class="t-tabbar__label">{{ item.text }}</view>
     </view>
   </view>
 </template>

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

@@ -42,6 +42,6 @@ export enum Pages {
 /**
  * tabbar 页面
  */
-export const TabbarArr = [Pages.首页, Pages.个人中心];
+export const TabbarArr = [Pages.首页, Pages.个人中心]
 
 export enum UIEvents {}

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

@@ -4,5 +4,5 @@
  * @LastEditTime: 2023-07-18 14:53:47
  * @Description:
  */
-export * from './enum';
-export * from './map';
+export * from './enum'
+export * from './map'

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

@@ -8,8 +8,8 @@
  * 获取地图 API Key
  * todo: 秘钥替换
  */
-export const getMapApiKey = () => {
-  const MAP_API_KEY = '我是腾讯地图秘钥';
+export function getMapApiKey() {
+  const MAP_API_KEY = '我是腾讯地图秘钥'
 
-  return MAP_API_KEY;
-};
+  return MAP_API_KEY
+}

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

@@ -5,16 +5,15 @@
  * @Description: todo: 默认布局，按需调整
 -->
 <script lang="ts" setup>
-const { pagesInfo } = storeToRefs(useSystemInfo());
+const { pagesInfo } = storeToRefs(useSystemInfo())
 
 onLoad(() => {
-  const [page] = getCurrentPages();
+  const [page] = getCurrentPages()
 
-  const pageConf = pagesInfo.value.find((p) => p.path === page.route);
-  if (pageConf && pageConf.needLogin) {
-    console.log('todo: 这个页面需要登录，进行登录条件判断');
-  }
-});
+  const pageConf = pagesInfo.value.find(p => p.path === page.route)
+  if (pageConf && pageConf.needLogin)
+    console.log('todo: 这个页面需要登录，进行登录条件判断')
+})
 </script>
 
 <template>

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

@@ -5,31 +5,34 @@
  * @Description: tabbar 页面的默认布局
 -->
 <script lang="ts" setup>
-const { customBarH, safeBottom } = getNavbarHeihgt();
+const { customBarH, safeBottom } = getNavbarHeihgt()
 
-const { pagesInfo } = storeToRefs(useSystemInfo());
+const { pagesInfo } = storeToRefs(useSystemInfo())
 
-const showNavBar = ref(false);
-const navBarAttr = ref<ParamsObj>({});
+const showNavBar = ref(false)
+const navBarAttr = ref<ParamsObj>({})
 
 onLoad(() => {
-  const [page] = getCurrentPages();
+  const [page] = getCurrentPages()
 
-  const pageConf = pagesInfo.value.find((p) => p.path === page.route);
+  const pageConf = pagesInfo.value.find(p => p.path === page.route)
 
   if (pageConf?.navbar) {
-    showNavBar.value = true;
-    navBarAttr.value = 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></slot>
+  <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

@@ -4,17 +4,17 @@
  * @LastEditTime: 2023-07-18 14:07:16
  * @Description:
  */
-import { createSSRApp } from 'vue';
-import App from './App.vue';
-import { setupStore } from './store';
+import { createSSRApp } from 'vue'
+import App from './App.vue'
+import { setupStore } from './store'
 
-import 'uno.css';
+import 'uno.css'
 
 export function createApp() {
-  const app = createSSRApp(App);
-  setupStore(app);
+  const app = createSSRApp(App)
+  setupStore(app)
 
   return {
     app,
-  };
+  }
 }

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

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

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

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

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

@@ -15,35 +15,51 @@
 </route>
 
 <script lang="ts" setup>
-const testGet = async () => {
-  const res = await apis.get.getByUserName('BluesYoung-web');
-  console.log("🚀 ~ file: index.vue:12 ~ test ~ res:", res);
-};
+async function testGet() {
+  const res = await apis.get.getByUserName('BluesYoung-web')
+  console.log('🚀 ~ file: index.vue:12 ~ test ~ res:', res)
+}
 
-const testPost = async () => {
-  await apis.post.createRepo('BluesYoung-web');
-};
+async function testPost() {
+  await apis.post.createRepo('BluesYoung-web')
+}
 
-const { fullscreenLoading } = storeToRefs(useHttpLoading());
-fullscreenLoading.value = true;
+const { fullscreenLoading } = storeToRefs(useHttpLoading())
+fullscreenLoading.value = true
 
 setTimeout(() => {
-  fullscreenLoading.value = false;
-}, 3e3);
+  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>
+  <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>
+  <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.测试子页面)">
+  <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

@@ -15,14 +15,16 @@
 </route>
 
 <script lang="ts" setup>
-const { fullscreenLoading } = storeToRefs(useHttpLoading());
-fullscreenLoading.value = true;
+const { fullscreenLoading } = storeToRefs(useHttpLoading())
+fullscreenLoading.value = true
 
 setTimeout(() => {
-  fullscreenLoading.value = false;
-}, 3e3);
+  fullscreenLoading.value = false
+}, 3e3)
 </script>
 
 <template>
-  <h1 class="text-32">我是个人中心</h1>
+  <h1 class="text-32">
+    我是个人中心
+  </h1>
 </template>

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

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

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

@@ -4,13 +4,13 @@
  * @LastEditTime: 2023-07-18 15:20:22
  * @Description:
  */
-import type { App } from 'vue';
-import { createPinia } from 'pinia';
+import type { App } from 'vue'
+import { createPinia } from 'pinia'
 
 export function setupStore(app: App) {
-  const store = createPinia();
-  app.use(store);
+  const store = createPinia()
+  app.use(store)
 }
 
-export * from './local';
-export * from './system';
+export * from './local'
+export * from './system'

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

@@ -4,37 +4,39 @@
  * @LastEditTime: 2023-07-19 16:50:39
  * @Description:
  */
-import { randomId } from '@bluesyoung/utils';
+import { randomId } from '@bluesyoung/utils'
 
-export type LocationInfo = {
-  longitude: string | number;
-  latitude: string | number;
-  city?: string;
-  timer: number;
-};
-export type NavInfo = {
+export interface LocationInfo {
+  longitude: string | number
+  latitude: string | number
+  city?: string
+  timer: number
+}
+export interface NavInfo {
   /**
    * 系统状态栏高度
    */
-  statusBarH: number;
+  statusBarH: number
   /**
    * 自定义导航栏高度 = 胶囊下距离 + 胶囊上距离 - 状态栏高度
    */
-  customBarH: number;
+  customBarH: number
   /**
    * 底部安全距离
    */
-  safeBottom: number;
-};
+  safeBottom: number
+}
 
-export const getLocationInfo = () => uni.getStorageSync(YoungStorageKeys.位置信息) as LocationInfo;
-export const setLocationInfo = (v: LocationInfo) =>
-  uni.setStorageSync(YoungStorageKeys.位置信息, v);
-export const removeLocationInfo = () => uni.removeStorageSync(YoungStorageKeys.位置信息);
+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 const setUuid = () =>
-  uni.setStorageSync(YoungStorageKeys.唯一标识, randomId() + randomId() + randomId() + randomId());
+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;
+export const setNavbarHeihgt = (v: NavInfo) => uni.setStorageSync(YoungStorageKeys.导航栏高度, v)
+export const getNavbarHeihgt = () => uni.getStorageSync(YoungStorageKeys.导航栏高度) as NavInfo