create-young-proj 0.3.0 → 0.5.0

package/template-uni-app/rome.json

@@ -0,0 +1,26 @@
+{
+  "formatter": {
+    "ignore": [
+      "src/utils/**/*.js",
+      "src/utils/**/*.map",
+      "src/components/ui/**/*",
+      "*.d.ts",
+      "index.html",
+      "yarn.lock",
+      "*.json",
+      "README.md",
+      "dist/**/*"
+    ],
+    "indentStyle": "space",
+    "indentSize": 2,
+    "lineWidth": 100
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single"
+    }
+  },
+  "linter": {
+    "enabled": false
+  }
+}

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

@@ -0,0 +1,76 @@
+<!--
+ * @Author: zhangyang
+ * @Date: 2023-02-13 14:58:26
+ * @LastEditTime: 2023-07-19 17:23:20
+ * @Description:
+-->
+<script setup lang="ts">
+onLaunch(async () => {
+  console.log('App Launch');
+  console.log('环境变量：', import.meta.env);
+  if (!getUuid()) {
+    setUuid();
+  }
+  await getSystemInfo();
+});
+
+onShow(async () => {
+  /**
+   * 自动更新
+   */
+  const updateManager = uni.getUpdateManager();
+
+  updateManager.onCheckForUpdate(function (res) {
+    // 请求完新版本信息的回调
+    console.log(res.hasUpdate, 'onCheckForUpdate hasUpdate')
+  });
+
+  updateManager.onUpdateReady(function () {
+    showModal({
+      title: '更新提示',
+      content: '新版本已经准备好，是否重启应用？',
+      success(res) {
+        if (res.confirm) {
+          // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
+          updateManager.applyUpdate()
+        }
+      }
+    });
+  });
+  updateManager.onUpdateFailed(function () {
+    // 新版本下载失败
+    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,36 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-18 15:35:24
+ * @LastEditTime: 2023-07-19 16:47:49
+ * @Description:
+ */
+import { useHttp } from './lib';
+import { useGet, usePost } from './requests';
+
+const http = useHttp({
+  baseURL: import.meta.env.VITE_API_BASE_URL,
+  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/lib/index.ts

@@ -0,0 +1,236 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-18 16:36:39
+ * @LastEditTime: 2023-07-18 16:51:41
+ * @Description:
+ */
+/// <reference types="@uni-helper/axios-adapter/client" />
+import type { AxiosInstance, AxiosRequestConfig, Method, AxiosAdapter } from 'axios';
+import axios from 'axios';
+import { defu } from 'defu';
+import { createUniAppAxiosAdapter } from '@uni-helper/axios-adapter';
+
+type Simplify<T> = {
+  [P in keyof T]: T[P];
+};
+
+type SetRequired<T, K extends keyof T> = Simplify<
+  // 将要设置为可选类型的结构取出并设置为必选
+  Required<Pick<T, K>> &
+    // 取并集
+    // 排除需要设置为可选属性的结构，其余的保持不变
+    Pick<T, Exclude<keyof T, K>>
+>;
+
+export type AllMethod = Lowercase<Method>;
+export type Fn<T extends any = any, R extends any = any> = (...args: T[]) => Promise<R>;
+export type Cbks = {
+  [k in AllMethod]?: Record<string, Fn>;
+};
+
+type Handlers<R extends Cbks> = {
+  [P in keyof R]?: R[P];
+};
+
+type Headers = Record<string, string>;
+
+type Req = <X extends any = any>(config: AxiosRequestConfig<unknown>) => Promise<X>;
+
+type Prototype = {
+  __instance__: AxiosInstance;
+  __mixin__<T extends Cbks>(
+    extentions: Handlers<T>,
+  ): SetRequired<Handlers<T>, keyof T> & ThisType<Handlers<T>>;
+
+  freeReq: Req;
+  authReq: Req;
+};
+
+export enum UsefulContentTypes {
+  JSON = `application/json; charset=UTF-8`,
+  URLEncoded = `application/x-www-form-urlencoded; charset=UTF-8`,
+  FormData = `multipart/form-data; charset=UTF-8`,
+}
+
+export type DefaultMsg = {
+  code: number;
+  msg: string;
+  data: any;
+};
+
+export interface DefaultHttpConfig<Msg extends any = DefaultMsg> {
+  /**
+   * 基础地址
+   * @default /api
+   */
+  baseURL: string;
+  /**
+   * 动态获取基础地址
+   */
+  lazyBaseURL?: () => string;
+  /**
+   * 默认方法
+   * @default post
+   */
+  method: AllMethod;
+  /**
+   * 超时时间
+   * @default 5e3 5s
+   */
+  timeout: number;
+  /**
+   * 加载函数
+   */
+  loading: {
+    start: () => void;
+    end: () => void;
+  };
+  /**
+   * 错误处理函数，进行错误处理或继续抛出错误
+   * 接受各种抛出的错误
+   * @default console.error
+   */
+  fail: (err: string | number | Error | Msg) => void;
+  /**
+   * 结果校验 + 数据解析，判断此次请求是否正常，正常则返回解包数据，否则抛出异常
+   * 不传则默认使用标准 http 状态码作为判断结果，并原样返回
+   * @default () => any | never
+   */
+  checkFn: (res: Msg) => any | never;
+  /**
+   * 请求头
+   */
+  headers: {
+    /**
+     * 生成公共请求头
+     * @default () => {}
+     */
+    getCommonHeaders?: () => Headers;
+    /**
+     * 生成鉴权请求头
+     * @default () => {}
+     */
+    getAuthHeaders?: () => Headers;
+  };
+  /**
+   * 自定义适配器
+   * 微信小程序等其他非标准环境时传入
+   */
+  adapter?: AxiosAdapter;
+}
+
+const defaultConfig: DefaultHttpConfig = {
+  baseURL: '/api',
+  method: 'post',
+  timeout: 5e3,
+  loading: {
+    start: console.log.bind(null, '🚀 ~ http loading start'),
+    end: console.log.bind(null, '🚀 ~ http loading end'),
+  },
+  fail: console.error.bind(null, '🚀 ~ http loading error'),
+  checkFn: (res) => res,
+  headers: {
+    getCommonHeaders: () => ({}),
+    getAuthHeaders: () => ({}),
+  },
+};
+
+declare module 'axios' {
+  export interface AxiosRequestConfig {
+    /**
+     * 禁用 loading 动画
+     * @default false
+     */
+    notLoading?: boolean;
+  }
+}
+
+export const useHttp = <Msg extends Record<string, any> = DefaultMsg, Fns extends Cbks = Cbks>(
+  config: Partial<DefaultHttpConfig<Msg>> = {},
+) => {
+  const finalConfig = defu(config, defaultConfig);
+
+  const { baseURL, lazyBaseURL, method, timeout, headers, checkFn, loading, fail } = finalConfig;
+
+  const net = axios.create({
+    method,
+    timeout,
+    headers: headers.getCommonHeaders!(),
+    adapter: createUniAppAxiosAdapter(),
+  });
+
+  net.interceptors.request.use(
+    (req) => {
+      !req.notLoading && loading.start();
+      if (!req.baseURL) {
+        req.baseURL = lazyBaseURL?.() ?? baseURL;
+      }
+      return req;
+    },
+    (error) => {
+      fail(error);
+      return Promise.reject(error);
+    },
+  );
+
+  net.interceptors.response.use(
+    (response) => {
+      !response.config.notLoading && loading.end();
+      const data = response.data;
+
+      try {
+        return checkFn(data);
+      } catch (err) {
+        // 应用逻辑异常
+        fail(err as any);
+      }
+    },
+    (error) => {
+      !error.config.notLoading && loading.end();
+      // http 异常
+      fail(error);
+    },
+  );
+
+  return {
+    get: undefined,
+    post: undefined,
+    delete: undefined,
+    put: undefined,
+    patch: undefined,
+    head: undefined,
+    purge: undefined,
+    options: undefined,
+    link: undefined,
+    unlink: undefined,
+    __instance__: net,
+    __mixin__(extentions: any) {
+      for (const method in extentions) {
+        if (Object.prototype.hasOwnProperty.call(extentions, method)) {
+          // @ts-ignore
+          const originFns = this[method] || {};
+          const fns = extentions[method];
+          // @ts-ignore
+          this[method] = {
+            ...originFns,
+            ...fns,
+          };
+        }
+      }
+
+      return this;
+    },
+
+    freeReq: net.request,
+    authReq: (args: AxiosRequestConfig) =>
+      net.request({
+        ...args,
+        headers: {
+          ...headers.getAuthHeaders!(),
+          ...args?.headers,
+        },
+      }),
+  } as unknown as Handlers<Fns> & Prototype;
+};
+
+export type Http = ReturnType<typeof useHttp>;

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

@@ -0,0 +1,52 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2023-07-18 16:50:32
+ * @LastEditTime: 2023-07-18 17:08:14
+ * @Description:
+ */
+import type { Http } from '../lib';
+
+export const useGet = (http: Http) => {
+  const FreeReq: Http['freeReq'] = (args) => http.freeReq({ method: 'GET', ...args });
+  const AuthReq: Http['authReq'] = (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-07-18 16:59:35
+ * @Description:
+ */
+import type { Http } from '../lib';
+
+export const usePost = (http: Http) => {
+  const FreeReq: Http['freeReq'] = (args) => http.freeReq({ method: 'POST', ...args });
+  const AuthReq: Http['authReq'] = (args) => http.authReq({ method: 'POST', ...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,38 @@
+<!--
+ * @Author: zhangyang
+ * @Date: 2023-07-19 12:12:29
+ * @LastEditTime: 2023-07-19 14:27:31
+ * @Description:
+-->
+<script lang="ts" setup>
+withDefaults(defineProps<{
+  /**
+   * 加载中的动图
+   */
+  loadingGif?: string;
+  /**
+   * 文本提示
+   */
+  tip?: string;
+}>(), {
+  loadingGif: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png',
+  tip: '加载中...'
+});
+
+const loading = ref(true);
+
+const start = () => loading.value = true;
+const stop = () => loading.value = false;
+
+defineExpose({
+  start,
+  stop
+});
+</script>
+<template>
+  <view v-if="loading"
+    class="w100vw h100vh fixed left-0 top-0 z-999999 bg-white flex flex-col items-center justify-center">
+    <image :src="loadingGif" class="w240rpx h240rpx mb-32rpx" />
+    <text class="text-[#999] text-24rpx leading-36rpx">{{ tip }}</text>
+  </view>
+</template>