create-young-proj 0.3.0 → 0.5.0

package/template-uni-app/src/utils/route.ts

@@ -0,0 +1,149 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-18 15:24:39
+ * @LastEditTime: 2023-07-19 16:51:49
+ * @Description:
+ */
+import type { Pages } from '@/config';
+
+interface IRoute {
+  /**
+   * 路由类型
+   */
+  type: ENUM_ROUTE_TYPE;
+  /**
+   * 路由路径
+   */
+  url: string;
+  /**
+   * 路由参数
+   */
+  params?: Record<string, any>;
+  /**
+   * 回退的层数 uni.navigateBack
+   * @default 1
+   */
+  delta?: number;
+  /**
+   * 是否编码
+   */
+  encode?: boolean;
+}
+
+/**
+ * 路由类型
+ */
+enum ENUM_ROUTE_TYPE {
+  TO = 'navigateTo',
+  REDIRECT = 'redirectTo',
+  TAB = 'switchTab',
+  RELAUNCH = 'reLaunch',
+  BACK = 'navigateBack',
+}
+
+const params2Url = (params: Record<string, any>, encode = false) => {
+  const arr = [];
+  for (const key in params) {
+    arr.push(`${key}=${encode ? encodeURIComponent(params[key]) : params[key]}`);
+  }
+  return arr.join('&');
+};
+
+/**
+ * 路由跳转
+ */
+export function route({ type, url, params, delta = 1, encode }: IRoute) {
+  if (type !== ENUM_ROUTE_TYPE.BACK && params) {
+    url = `${url}?${params2Url(params, encode)}`;
+  }
+
+  switch (type) {
+    case ENUM_ROUTE_TYPE.TO:
+      uni.navigateTo({
+        url,
+      });
+      break;
+
+    case ENUM_ROUTE_TYPE.REDIRECT:
+      uni.redirectTo({
+        url,
+      });
+      break;
+
+    case ENUM_ROUTE_TYPE.TAB:
+      uni.switchTab({
+        url,
+      });
+      break;
+
+    case ENUM_ROUTE_TYPE.RELAUNCH:
+      uni.reLaunch({
+        url,
+      });
+      break;
+    case ENUM_ROUTE_TYPE.BACK:
+      uni.navigateBack({
+        delta,
+      });
+      break;
+
+    default:
+      break;
+  }
+}
+
+export function to(url: Pages, params?: Record<string, any>, encode?: boolean) {
+  if (TabbarArr.includes(url)) {
+    tabbar(url, params, encode);
+  } else {
+    route({
+      type: ENUM_ROUTE_TYPE.TO,
+      url,
+      params,
+      encode,
+    });
+  }
+}
+
+export function redirect(url: Pages, params?: Record<string, any>, encode?: boolean) {
+  if (TabbarArr.includes(url)) {
+    tabbar(url, params, encode);
+  } else {
+    route({
+      type: ENUM_ROUTE_TYPE.REDIRECT,
+      url,
+      params,
+      encode,
+    });
+  }
+}
+
+export function tabbar(url: Pages, params?: Record<string, any>, encode?: boolean) {
+  if (TabbarArr.includes(url)) {
+    route({
+      type: ENUM_ROUTE_TYPE.TAB,
+      url,
+      params,
+      encode,
+    });
+  } else {
+    to(url, params, encode);
+  }
+}
+
+export function relaunch(url: Pages, params?: Record<string, any>, encode?: boolean) {
+  route({
+    type: ENUM_ROUTE_TYPE.RELAUNCH,
+    url,
+    params,
+    encode,
+  });
+}
+
+export function back(delta?: number) {
+  route({
+    type: ENUM_ROUTE_TYPE.BACK,
+    delta,
+    url: '',
+  });
+}

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

@@ -0,0 +1,66 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-18 14:24:35
+ * @LastEditTime: 2023-07-19 16:51:57
+ * @Description:
+ */
+import type { SubscribeMessage } from '@/config';
+
+/**
+ * 订阅指定的消息
+ */
+export const subscribeMessage = (tmplIds: SubscribeMessage[]) =>
+  new Promise((resolve) => {
+    uni.requestSubscribeMessage({
+      tmplIds,
+      success: (res) => {
+        console.log('消息订阅成功：', res);
+      },
+      fail: (err) => {
+        console.log('消息订阅失败：', err);
+      },
+      complete: () => resolve(true),
+    });
+  });
+
+/**
+ * 获取系统信息 设置导航栏高度
+ */
+export const getSystemInfo = () => {
+  const { systemInfo } = storeToRefs(useSystemInfo());
+  return new Promise<UniApp.GetSystemInfoResult>((_resolve) => {
+    uni.getSystemInfo({
+      success: (e) => {
+        console.log(e, 'getSystemInfo');
+        systemInfo.value = e;
+        // 获取手机状态栏高度
+        let statusBar = e.statusBarHeight || 0;
+        let customBar;
+
+        // #ifndef MP
+        customBar = statusBar + (e.platform == 'android' ? 50 : 45);
+        // #endif
+
+        // #ifdef MP-WEIXIN
+        // 获取胶囊按钮的布局位置信息
+        let menu = uni.getMenuButtonBoundingClientRect();
+        // 导航栏高度 = 胶囊下距离 + 胶囊上距离 - 状态栏高度
+        customBar = menu.bottom + menu.top - statusBar;
+        // #endif
+
+        // #ifdef MP-ALIPAY
+        customBar = statusBar + (e.titleBarHeight || 0);
+        // #endif
+
+        const safeBottom = e.screenHeight - (e.safeArea ? (e.safeArea.height + e.safeArea.top) : 0);
+
+        setNavbarHeihgt({
+          statusBarH: statusBar,
+          customBarH: customBar,
+          safeBottom
+        });
+        _resolve(e);
+      },
+    });
+  });
+};

package/template-uni-app/tsconfig.json

@@ -0,0 +1,13 @@
+{
+	"extends": "@vue/tsconfig/tsconfig.json",
+	"compilerOptions": {
+		"sourceMap": true,
+		"baseUrl": ".",
+		"paths": {
+			"@/*": ["./src/*"]
+		},
+		"lib": ["esnext", "dom"],
+		"types": ["@dcloudio/types"]
+	},
+	"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "custom-plugins/*.ts", "auto-imports.d.ts", "components.d.ts"]
+}

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

@@ -0,0 +1,30 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-02-13 14:50:47
+ * @LastEditTime: 2023-02-14 12:09:16
+ * @Description:
+ */
+import presetWeapp from 'unocss-preset-weapp';
+import { transformerAttributify, transformerClass } from 'unocss-preset-weapp/transformer';
+import { defineConfig, transformerDirectives } from 'unocss';
+
+export default defineConfig({
+  presets: [
+    // https://github.com/MellowCo/unocss-preset-weapp
+    presetWeapp(),
+  ],
+  shortcuts: [
+    {
+      'flex-center': 'flex justify-center items-center',
+    },
+  ],
+  transformers: [
+    transformerDirectives(),
+
+    // https://github.com/MellowCo/unocss-preset-weapp/tree/main/src/transformer/transformerAttributify
+    transformerAttributify(),
+
+    // https://github.com/MellowCo/unocss-preset-weapp/tree/main/src/transformer/transformerClass
+    transformerClass(),
+  ],
+});

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

@@ -0,0 +1,68 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-18 11:03:01
+ * @LastEditTime: 2023-07-19 17:50:15
+ * @Description:
+ */
+import { resolve } from 'node:path';
+import { defineConfig } from 'vite';
+import type { ConfigEnv, UserConfigExport } from 'vite';
+import uni from '@dcloudio/vite-plugin-uni';
+import Unocss from 'unocss/vite';
+import AutoImport from 'unplugin-auto-import/vite';
+import AutoComponents from 'unplugin-vue-components/vite';
+import { polyfillFormData, multiConf } from './custom-plugins';
+
+/**
+ * 大驼峰转中划线
+ */
+function camel2kebab(str: string) {
+  return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+};
+
+// https://vitejs.dev/config/
+export default ({ command, mode }: ConfigEnv) => {
+  console.log("🚀 ~ file: vite.config.ts:18 ~ mode:", mode)
+  console.log("🚀 ~ file: vite.config.ts:18 ~ command:", command)
+  return defineConfig({
+    resolve: {
+      alias: {
+        '@/': `${resolve(__dirname, 'src')}/`,
+      },
+    },
+    plugins: [
+      polyfillFormData(),
+      // 仅用于增加语法提示，实际导入依靠 uni-app 的 easycom
+      AutoComponents({
+        dts: true,
+        globs: ['src/components/**/*.vue'],
+        resolvers: [
+          (componentName) => {
+            if (componentName.startsWith('Uni')) {
+              const pkgName = camel2kebab(componentName);
+              return { name: 'default', from: `@dcloudio/uni-ui/lib/${pkgName}/${pkgName}.vue` };
+            }
+          }
+        ]
+      }),
+      uni(),
+      // https://github.com/antfu/unocss
+      Unocss(),
+
+      // https://github.com/antfu/unplugin-auto-import
+      AutoImport({
+        imports: ['vue', 'uni-app', 'pinia'],
+        dts: true,
+        vueTemplate: true,
+        dirs: [
+          resolve(__dirname, 'src/apis/**'),
+          resolve(__dirname, 'src/config/**'),
+          resolve(__dirname, 'src/store/**'),
+          resolve(__dirname, 'src/utils/**'),
+        ]
+      }),
+
+      multiConf(mode)
+    ],
+  });
+}