jmash-core-mp 0.1.0

package/src/pages/tabbar/home.mpx

@@ -0,0 +1,69 @@
+<template>
+  <view class="page-body">
+    <button type="default" bind:tap="toHomePage">主页（全屏登录）</button>
+    <button type="default" bind:tap="toHalfHomePage">主页（半屏登录）</button>
+    <button type="default" bind:tap="toCompTestPage">组件演示</button>
+    <button type="default" bind:tap="loginOut">退出</button>
+  </view>
+</template>
+
+<script>
+import mpx, { createPage } from '@mpxjs/core'
+import { auth } from '../../utils/auth'
+
+createPage({
+  onShow() {
+    console.log(this.getTabBar);
+    if (typeof this.getTabBar === 'function' &&
+      this.getTabBar()) {
+      console.log(this.getTabBar().$refs.tabBar.activeTab("Home"));
+    }
+  },
+  methods: {
+    toHomePage() {
+      mpx.navigateTo({
+        url: '/pages/home'
+      })
+    },
+    toHalfHomePage() {
+      mpx.navigateTo({
+        url: '/pages/half-home'
+      })
+    },
+    toCompTestPage() {
+      mpx.navigateTo({
+        url: '/pages/basic-component'
+      })
+    },
+    loginOut() {
+      auth.loginOut();
+      mpx.showToast({
+        title: '已退出登录',
+        icon: 'success'
+      })
+    }
+  }
+})
+</script>
+
+<style lang="scss">
+.page-body {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 40rpx;
+  gap: 30rpx;
+
+  button {
+    width: 80%;
+    height: 80rpx;
+    font-size: 32rpx;
+  }
+}
+</style>
+
+<script type="application/json">
+{
+  "usingComponents": {}
+}
+</script>

package/src/pages/tabbar/my.mpx

@@ -0,0 +1,40 @@
+<template>
+  <view class="basic-component-page">
+    <jmash-user></jmash-user>
+    <text>{{ title }}</text>
+  </view>
+</template>
+
+<script>
+import { createPage } from '@mpxjs/core'
+
+createPage({
+  data: {
+    title: 'MY',
+  },
+  onShow() {
+    console.log(this.getTabBar);
+    if (typeof this.getTabBar === 'function' &&
+      this.getTabBar()) {
+      console.log(this.getTabBar().$refs.tabBar.activeTab("My"));
+    }
+  }
+})
+</script>
+
+<style lang="scss">
+.basic-component-page {
+  padding: 40rpx;
+  text-align: center;
+  font-size: 32rpx;
+  color: #333;
+}
+</style>
+
+<script type="application/json">
+{
+  "usingComponents": {
+    "jmash-user": "../../components/auth-user/jmash-user.mpx"
+  }
+}
+</script>

package/src/stores/setup.js

@@ -0,0 +1,15 @@
+// setup.js
+import { defineStore } from "@mpxjs/pinia";
+import { ref, computed } from "@mpxjs/core";
+
+export const useSetupStore = defineStore("setup", () => {
+  const count = ref(0);
+  const name = ref("pinia");
+  const myName = computed(() => {
+    return name.value;
+  });
+  function increment() {
+    count.value++;
+  }
+  return { count, name, myName, increment };
+});

package/src/styles/index.scss

@@ -0,0 +1,27 @@
+// 圆角
+$border-radius: 20rpx;
+$border-mini-radius: 10rpx;
+$border-max-radius: 50rpx;
+// 字体大小
+$font-size: 28rpx;
+$font-size-mini: 24rpx;
+// 颜色
+$white-color: #fff;
+$red-color: #EF4444;
+$green-color: #16A34A;
+$blue-color: #2563EB;
+$black-color: #000;
+// 字体颜色
+$font-color: #333;
+$font-color-grey: #666;
+$font-color-grey-opacity: #999;
+// 宽
+$width: 100%;
+// 层级
+$z-index: 99999;
+// 下拉线颜色
+$border-line: #EBEBEB;
+// 背景色
+$background-color: #f6f6f6;
+// 白色背景
+$background-white-color: #fff;

package/src/types/core.ts

@@ -0,0 +1,41 @@
+export type ResponseData<
+  T extends string | WechatMiniprogram.IAnyObject | ArrayBuffer =
+    | string
+    | WechatMiniprogram.IAnyObject
+    | ArrayBuffer
+> = WechatMiniprogram.RequestSuccessCallbackResult<T>;
+
+export interface AppConfig {
+  //租户
+  tenant: string;
+  // 名称
+  name: string;
+  //请求地址
+  baseUrl: string;
+  //静态资源地址
+  resourceUrl: string;
+  // 小程序appid
+  appId: string;
+  // 三方平台id
+  componentAppid: string;
+  // 微信公众号APP_ID
+  wechatComponentAppId: string;
+  // 微信三方授权appId
+  wechatAppId: string;
+  // 微信公众号Biz
+  wechatBiz: string;
+  //站点ID.
+  siteId: string;
+  //是否开发环境.
+  dev: boolean;
+  //是否测试新用户.
+  testNewUser: boolean;
+}
+
+// 校验
+export interface ValidateData {
+  // 是否校验通过
+  validate: boolean;
+  // 校验失败提示信息.
+  message: string;
+}

package/src/utils/auth.ts

@@ -0,0 +1,270 @@
+import { config } from "./config";
+import { db } from "./db";
+import { authApi } from "../api/auth/index";
+import {
+  LoginReq,
+  LoginRes,
+  RolesPerms,
+  TokenModel,
+  UserInfo,
+} from "../api/auth/types";
+import { ResponseData } from "../types/core";
+import mpx from "@mpxjs/core";
+
+// 认证
+class Auth {
+  /** 登录检查 */
+  loginOnlyAC(): Promise<boolean> {
+    return new Promise((resolve, reject) => {
+      // 已登录成功
+      if (this.checkLogin()) {
+        resolve(true);
+        return;
+      }
+      if (config.dev && config.testNewUser) {
+        reject(false);
+        return;
+      }
+      // 静默登录
+      this.silentLogin().then((res) => {
+        if (res.status) {
+          resolve(true);
+        } else {
+          reject(false);
+        }
+      });
+    });
+  }
+
+  /** 登录检查并跳转登录 */
+  loginAC(
+    backurl: string,
+    tabbar: boolean,
+    loginurl: string = "/jmash/pages/auth/login"
+  ): Promise<boolean> {
+    return new Promise((resolve, reject) => {
+      // 已登录成功
+      if (this.checkLogin()) {
+        resolve(true);
+        return;
+      }
+
+      let toUrl = loginurl + "?tabbar=" + (tabbar ? "true" : "false");
+      toUrl += "&backurl=" + encodeURIComponent(backurl);
+
+      if (config.dev && config.testNewUser) {
+        reject(false);
+        // 去登录
+        mpx.navigateTo({ url: toUrl });
+        return;
+      }
+      // 静默登录
+      this.silentLogin().then((res) => {
+        if (res.status) {
+          resolve(true);
+        } else {
+          reject(false);
+          // 去登录
+          mpx.navigateTo({ url: toUrl });
+        }
+      });
+    });
+  }
+
+  /** 检查登录是否有效？ */
+  checkLogin(): boolean {
+    if (db.getToken() && !db.isTokenExpires()) {
+      return true;
+    }
+    return false;
+  }
+
+  // 判断是否存在有效用户.
+  async hasUser() {
+    // 如果用户未登录，则尝试静默登录
+    const isLoggedIn = auth.checkLogin();
+    if (!isLoggedIn) {
+      // 返回一个Promise，使得调用者可以使用.then或await处理异步结果
+      return auth
+        .silentLogin()
+        .then((res) => {
+          console.log("静默登录--------", res);
+          // 静默登录失败时返回false
+          if (!res.status) {
+            return false;
+          }
+          // 静默登录成功时返回true
+          return true;
+        })
+        .catch((err) => {
+          // 捕获并处理任何错误，然后返回false
+          console.error("Silent login failed:", err);
+          return false;
+        });
+    } else {
+      // 用户已经登录，直接返回true
+      return Promise.resolve(true);
+    }
+  }
+
+  // 检查角色
+  checkRole(role: string): boolean {
+    // 获取roleCodes
+    const roleCodes: Array<string> = db.getRoleCodes();
+    return roleCodes.length > 0 && roleCodes.indexOf(role) !== -1;
+  }
+
+  /** 静默登录 */
+  silentLogin(): Promise<LoginRes> {
+    return new Promise((resolve, reject) => {
+      try {
+        mpx.login({
+          success: (res) => {
+            // 发送 res.code 到后台换取 openId, sessionKey, unionId
+            if (res.code) {
+              authApi
+                .miniappLogin({
+                  loginCode: res.code,
+                  appId: config.appId,
+                  componentAppid: config.componentAppid,
+                } as LoginReq)
+                .then((response: ResponseData<LoginRes>) => {
+                  if (
+                    response.statusCode === 200 &&
+                    response.data.status === true
+                  ) {
+                    db.setToken(response.data.token);
+                    console.log("login success");
+                    this.getUserInfo(false);
+                    this.getRolePerm(false).then(() => {
+                      resolve(response.data);
+                    });
+                  } else if (response.statusCode === 200) {
+                    resolve(response.data);
+                  } else {
+                    reject(response.errMsg);
+                  }
+                });
+            }
+          },
+          fail: (fail) => {
+            console.log("登录失败2", fail.errMsg);
+            reject(fail.errMsg);
+          },
+        });
+      } catch (error) {
+        console.log("silentLogin静默登录抛出异常");
+      }
+    });
+  }
+
+  // 手机号code 注册登录
+  phoneCodeLogin(phoneCode: string, nickName: string = ""): Promise<LoginRes> {
+    return new Promise<LoginRes>((resolve, reject) => {
+      wx.login({
+        success: (res) => {
+          // 发送 res.code 到后台换取 openId, sessionKey, unionId
+          if (res.code) {
+            console.log("phoneCodeLogin-res", res);
+            authApi
+              .miniappPhoneNumber({
+                phoneCode: phoneCode,
+                loginCode: res.code,
+                appId: config.appId,
+                nickName: nickName,
+                componentAppid: config.componentAppid,
+              })
+              .then((resp: ResponseData<LoginRes>) => {
+                console.log("phoneCodeLogin-res", resp);
+
+                if (resp.statusCode === 200 && resp.data.status === true) {
+                  db.setToken(resp.data.token);
+                  console.log("login success");
+                  this.getRolePerm().then(() => {
+                    resolve(resp.data);
+                  });
+                } else {
+                  reject(resp.errMsg);
+                }
+              });
+          }
+        },
+        fail: (fail) => {
+          console.log("登录失败3", fail.errMsg);
+          reject(fail.errMsg);
+        },
+      });
+    });
+  }
+
+  // 获取角色
+  getRolePerm(cache: boolean = true): Promise<RolesPerms> {
+    return new Promise<RolesPerms>((resolve, reject) => {
+      const rolesPerms = {
+        roleCodes: db.getRoleCodes(),
+        permCodes: db.getPermCodes(),
+      };
+      if (
+        cache &&
+        (Object.keys(rolesPerms.roleCodes).length > 0 ||
+          Object.keys(rolesPerms.permCodes).length > 0)
+      ) {
+        resolve(rolesPerms);
+        return;
+      }
+      authApi
+        .userRolesPerms()
+        .then((response: ResponseData<RolesPerms>) => {
+          db.setRoleCodes(response.data.roleCodes);
+          db.setPermCodes(response.data.permCodes);
+          resolve(response.data);
+        })
+        .catch(() => {
+          reject("获取角色权限错误！");
+        });
+    });
+  }
+
+  // 获取用户信息
+  getUserInfo(cache: boolean = true): Promise<UserInfo> {
+    return new Promise<UserInfo>((resolve, reject) => {
+      const userInfo = db.getUserInfo();
+      if (cache && Object.keys(userInfo).length > 0) {
+        resolve(userInfo);
+        return;
+      }
+      authApi
+        .userInfo()
+        .then((resp: ResponseData<UserInfo>) => {
+          db.setUserInfo(resp.data);
+          resolve(resp.data);
+        })
+        .catch(() => {
+          reject("获取角色权限错误！");
+        });
+    });
+  }
+
+  // 刷新Token.
+  refreshToken(): Promise<boolean> {
+    return new Promise<boolean>((resolve, reject) => {
+      authApi
+        .refreshToken()
+        .then((response: ResponseData<TokenModel>) => {
+          db.setToken(response.data);
+          resolve(true);
+        })
+        .catch((error) => {
+          reject(error);
+        });
+    });
+  }
+
+  // 登出
+  loginOut(): void {
+    db.clearStorage();
+  }
+}
+const auth = new Auth();
+
+export { auth };

package/src/utils/config.ts

@@ -0,0 +1,31 @@
+import { AppConfig } from "../types/core";
+
+const config: AppConfig = {
+  name: "Jmash Core MPX",
+  dev: true,
+  testNewUser: true,
+  tenant: "xyvcard",
+  baseUrl: "https://mm.sooyie.cn",
+  resourceUrl: "https://mm.sooyie.cn/v1/file/path/wxapp",
+  appId: "",
+  componentAppid: "wxe1b784ea80c01f40",
+  wechatComponentAppId: "",
+  wechatAppId: "",
+  wechatBiz: "",
+  siteId: "c0a28f0f-023a-420b-b4e8-0ce138ac8269",
+};
+
+if (__mpx_mode__ === "wx") {
+  // 微信
+  config.appId = "wx2a8b3d689b8959eb";
+} else if (__mpx_mode__ === "ali") {
+  // 支付宝
+  config.appId = "2016102700684542";
+} else if (__mpx_mode__ === "web") {
+  // Web
+  config.appId = "web";
+} else {
+  // 执行其他环境相关逻辑
+}
+
+export { config };

package/src/utils/db.ts

@@ -0,0 +1,100 @@
+import mpx from "@mpxjs/core";
+import type { TokenModel, UserInfo } from "../api/auth/types";
+
+// 本地存储
+class LocalStorage {
+  // 获取token
+  getToken(): string {
+    return mpx.getStorageSync("token");
+  }
+  // 用户租户
+  getUserTenant(): string {
+    return this.getUserInfo().storage as string;
+  }
+  //获取组织租户
+  getOrganTenant(tenant: string): string {
+    return mpx.getStorageSync("OrganTenant:" + tenant);
+  }
+
+  //是否Token过期.
+  isTokenExpires(): boolean {
+    const expiresDate = this.getTokenExpiresDate();
+    if (this.getToken() && expiresDate) {
+      const now = new Date().getTime();
+      //提前30秒过期.
+      return now + 30000 > expiresDate;
+    }
+    return false;
+  }
+
+  // 获取刷新token
+  getRefreshToken(): string {
+    return mpx.getStorageSync("refreshToken");
+  }
+
+  // 删除刷新token
+  removeRefreshToken() {
+    mpx.removeStorageSync("refreshToken");
+  }
+
+  // 获取Token 过期时间
+  getTokenExpiresDate(): number {
+    return mpx.getStorageSync("expiresDate");
+  }
+
+  // 设置token
+  setToken(data: TokenModel) {
+    mpx.setStorageSync("token", data.accessToken);
+    mpx.setStorageSync("expiresIn", data.expiresIn);
+    mpx.setStorageSync("refreshToken", data.refreshToken);
+    const expiresDate = new Date().getTime() + data.expiresIn * 1000;
+    mpx.setStorageSync("expiresDate", expiresDate);
+  }
+
+  // 清理本地缓存
+  clearStorage(): void {
+    mpx.clearStorage();
+  }
+
+  // 获取Bearer 格式请求Token
+  getBearerToken(): string {
+    const token = this.getToken();
+    if (token) {
+      return "Bearer " + token;
+    }
+    return "";
+  }
+
+  // 获取用户信息
+  getUserInfo() {
+    return mpx.getStorageSync("userInfo") || {};
+  }
+
+  // 设置用户信息
+  setUserInfo(data: UserInfo) {
+    mpx.setStorageSync("userInfo", data);
+  }
+
+  // 获取角色列表
+  getRoleCodes() {
+    return mpx.getStorageSync("roleCodes") || [];
+  }
+
+  // 设置角色列表
+  setRoleCodes(codes: string[]) {
+    mpx.setStorageSync("roleCodes", codes);
+  }
+
+  // 获取权限列表
+  getPermCodes() {
+    return mpx.getStorageSync("permCodes") || [];
+  }
+
+  // 设置权限列表
+  setPermCodes(codes: string[]) {
+    mpx.setStorageSync("permCodes", codes);
+  }
+}
+
+const db = new LocalStorage();
+export { db };

package/src/utils/grpc.ts

@@ -0,0 +1,21 @@
+// grpc工具类
+class GrpcUtil {
+  //清理空参数.
+  clearEmpty(params: any): void {
+    for (const key in params) {
+      if (params[key] !== null && typeof params[key] === "object") {
+        this.clearEmpty(params[key]);
+        if (Object.keys(params[key]).length === 0) {
+          delete params[key];
+        }
+      }
+
+      if ([undefined, null, ""].includes(params[key])) {
+        delete params[key];
+      }
+    }
+    return params;
+  }
+}
+const grpc = new GrpcUtil();
+export { grpc };