@jx3box/jx3box-common 8.7.6 → 9.0.0

package/js/api.js

@@ -0,0 +1,242 @@
+// 统一 API 封装（由 https_v2.js / https.js / request.js 合并）
+import axios from "axios";
+import domains from "../data/jx3box.json";
+import { SSE } from "./sse";
+import { ElMessage, ElMessageBox, ElNotification } from "element-plus";
+import utilModule, { getTokenFromUrl } from "./utils";
+
+const { jx3ClientType } = utilModule;
+
+function readAuthToken() {
+    const tokenFromUrl = getTokenFromUrl();
+    if (tokenFromUrl) return tokenFromUrl;
+    return (localStorage && (localStorage.getItem("__token") || localStorage.getItem("token"))) || "";
+}
+
+function readEnv(key) {
+    // 需要在 vite.config.js 配置 envPrefix 包含 VUE_APP_
+    return (import.meta && import.meta.env && import.meta.env[key]) || "";
+}
+
+function localProxyEnabled(options) {
+    if (!import.meta?.env?.DEV) return false;
+    if (options && options.proxy === false) return false;
+    if (options && options.proxy === true) return true;
+    const raw = (readEnv("VUE_APP_PROXY_ENABLE") || "").toString().toLowerCase();
+    return raw === "1" || raw === "true" || raw === "yes" || raw === "on";
+}
+
+function localProxyBase(serviceKey) {
+    const prefix = readEnv("VUE_APP_PROXY_PREFIX") || "/__proxy";
+    return `${prefix}/${serviceKey}`;
+}
+
+function loadPop(msg, popType = "message") {
+    const message = msg || "网络请求异常";
+    switch (popType) {
+        case "message":
+            ElMessage({ message, type: "error" });
+            break;
+        case "alert":
+            ElMessageBox.alert(message, "错误");
+            break;
+        case "notify":
+            ElNotification({ title: "错误", message, duration: 3000 });
+            break;
+        default:
+            ElMessage({ message, type: "error" });
+            break;
+    }
+}
+
+function throwError(err) {
+    console.log(err?.response);
+    return Promise.reject(err);
+}
+
+function loadDefaultRequestErrorPop(err, popType = "message") {
+    const status = err?.response?.status ?? "";
+    const statusText = err?.response?.statusText ?? "Request Error";
+    loadPop(`[${status}]${statusText}`, popType);
+}
+
+function installInterceptors(target, options) {
+    const popType = (options && options.popType) || "message";
+    target.interceptors.response.use(
+        (response) => response,
+        (err) => {
+            if (!options || !options.mute) {
+                if (err?.response?.data?.msg) {
+                    loadPop(err.response.data.msg, popType);
+                } else {
+                    loadDefaultRequestErrorPop(err, popType);
+                }
+            }
+            return throwError(err);
+        }
+    );
+}
+
+function installStandardInterceptors(target, options) {
+    const popType = (options && options.popType) || "message";
+    target.interceptors.response.use(
+        (response) => {
+            if (response?.data?.code) {
+                if (!options || !options.mute) {
+                    response.data.msg && loadPop(`[${response.data.code}]${response.data.msg}`, popType);
+                }
+                return Promise.reject(response);
+            }
+            return response;
+        },
+        (err) => {
+            if (!options || !options.mute) {
+                if (err?.response?.data?.msg) {
+                    loadPop(err.response.data.msg, popType);
+                } else {
+                    loadDefaultRequestErrorPop(err, popType);
+                }
+            }
+            return throwError(err);
+        }
+    );
+}
+
+function installHelperInterceptors(target, options) {
+    const popType = (options && options.popType) || "message";
+    target.interceptors.response.use(
+        (response) => {
+            const code = response?.data?.code;
+            if (code === 200 || !code) return response;
+            if (!options || !options.mute) {
+                loadPop(`[${code}]${response?.data?.message || ""}`, popType);
+            }
+            return Promise.reject(response);
+        },
+        (err) => {
+            if (!options || !options.mute) {
+                loadDefaultRequestErrorPop(err, popType);
+            }
+            return throwError(err);
+        }
+    );
+}
+
+function $cms(options = {}, axiosConfig = {}) {
+    const { interceptor = true, domain, progress } = options;
+    const requestDomain = domain || readEnv("VUE_APP_CMS_API") || domains.__cms;
+    const token = readAuthToken();
+
+    const config = {
+        withCredentials: true,
+        auth: { username: token || "", password: "cms common request" },
+        baseURL: localProxyEnabled(options) ? localProxyBase("cms") : requestDomain,
+        headers: {},
+    };
+    if (progress) config.onUploadProgress = progress;
+
+    const ins = axios.create(Object.assign(axiosConfig, config));
+    interceptor && installStandardInterceptors(ins, options);
+    return ins;
+}
+
+function $helper(options = {}) {
+    const domain = (options && options.domain) || readEnv("VUE_APP_HELPER_API") || domains.__helperUrl;
+    const token = readAuthToken();
+
+    const config = {
+        withCredentials: true,
+        auth: { username: token || "", password: "helper common request" },
+        baseURL: localProxyEnabled(options) ? localProxyBase("helper") : domain,
+        headers: {
+            Accept: "application/prs.helper.v2+json",
+            "JX3-Client-Type": (options && options.client_id) || jx3ClientType(),
+        },
+    };
+
+    if (options && options.headers) {
+        config.headers = Object.assign(config.headers, options.headers);
+    }
+
+    const ins = axios.create(config);
+    installHelperInterceptors(ins, options);
+    return ins;
+}
+
+function $next(options = {}, axiosConfig = {}) {
+    const { interceptor = true, domain, progress } = options;
+    const requestDomain = domain || readEnv("VUE_APP_NEXT_API") || domains.__next;
+    const token = readAuthToken();
+    const serviceKey = (options && options.serviceKey) || "next";
+
+    const config = {
+        withCredentials: true,
+        auth: { username: token || "", password: "next common request" },
+        baseURL: localProxyEnabled(options) ? localProxyBase(serviceKey) : requestDomain,
+        headers: {},
+    };
+    if (progress) config.onUploadProgress = progress;
+
+    const ins = axios.create(Object.assign(axiosConfig, config));
+    interceptor && installStandardInterceptors(ins, options);
+    return ins;
+}
+
+function $team(options = {}) {
+    const requestDomain = (options && options.domain) || readEnv("VUE_APP_TEAM_API") || domains.__team;
+    return $next(Object.assign({}, options, { domain: requestDomain, serviceKey: "team" }));
+}
+
+function $pay(options = {}) {
+    const requestDomain = (options && options.domain) || readEnv("VUE_APP_PAY_API") || domains.__pay;
+    return $next(Object.assign({}, options, { domain: requestDomain, serviceKey: "pay" }));
+}
+
+function $lua(options = {}) {
+    const requestDomain = (options && options.domain) || readEnv("VUE_APP_LUA_API") || domains.__lua;
+    return $next(Object.assign({}, options, { domain: requestDomain, serviceKey: "lua" }));
+}
+
+function $node(options = {}) {
+    const requestDomain = (options && options.domain) || readEnv("VUE_APP_NODE_API") || domains.__node;
+    const token = readAuthToken();
+    const config = {
+        withCredentials: true,
+        auth: { username: token || "", password: "node common request" },
+        baseURL: localProxyEnabled(options) ? localProxyBase("node") : requestDomain,
+    };
+    const ins = axios.create(config);
+    installInterceptors(ins, options);
+    return ins;
+}
+
+function $http(options) {
+    const domain = typeof options === "string" ? options : options.domain;
+    const token = readAuthToken();
+    const config = {
+        withCredentials: true,
+        auth: { username: token || "", password: "common request" },
+        baseURL: domain,
+        headers: Object.assign({}, (options && options.headers) || {}),
+    };
+    const ins = axios.create(config);
+    installStandardInterceptors(ins, options);
+    return ins;
+}
+
+export {
+    axios,
+    SSE,
+    $cms,
+    $next,
+    $helper,
+    $node,
+    $team,
+    $pay,
+    $lua,
+    $http,
+    // 兼容：少数脚本会直接用到拦截器
+    installInterceptors,
+    installStandardInterceptors,
+    installHelperInterceptors,
+};

package/js/user.js

@@ -1,11 +1,6 @@
 import { showAvatar } from "./utils";
-import { $pay, $cms } from "./request";
-import {
-    __Links,
-    default_avatar,
-    __server,
-    __userLevel,
-} from "../data/jx3box.json";
+import { $pay, $cms } from "./api";
+import { __Links, default_avatar, __userLevel } from "../data/jx3box.json";
 import { tokenExpires } from "../data/conf.json";
 import Fingerprint2 from "fingerprintjs2";
 import { getTokenFromUrl } from "./utils";
@@ -38,22 +33,15 @@ class User {
     check() {
         if (this.isLogin()) {
             this.profile.uid = localStorage && localStorage.getItem("uid");
-            this.profile.group =
-                (localStorage && localStorage.getItem("group")) || 1;
+            this.profile.group = (localStorage && localStorage.getItem("group")) || 1;
             this.profile.token = localStorage && localStorage.getItem("token");
             this.profile.name = localStorage && localStorage.getItem("name");
-            this.profile.status =
-                localStorage && localStorage.getItem("status");
-            this.profile.bind_wx =
-                localStorage && localStorage.getItem("bind_wx");
-            this.profile.avatar_origin =
-                (localStorage && localStorage.getItem("avatar")) ||
-                default_avatar;
+            this.profile.status = localStorage && localStorage.getItem("status");
+            this.profile.bind_wx = localStorage && localStorage.getItem("bind_wx");
+            this.profile.avatar_origin = (localStorage && localStorage.getItem("avatar")) || default_avatar;
             this.profile.avatar = showAvatar(this.profile.avatar_origin, "s");
-            this.profile.permission =
-                localStorage && localStorage.getItem("jx3box_permission");
-            this.profile.is_teammate =
-                localStorage && localStorage.getItem("is_teammate");
+            this.profile.permission = localStorage && localStorage.getItem("jx3box_permission");
+            this.profile.is_teammate = localStorage && localStorage.getItem("is_teammate");
         } else {
             this.profile = this.anonymous;
         }
@@ -71,11 +59,8 @@ class User {
         if (token) {
             return true;
         }
-        this.created_at = !localStorage.getItem("created_at")
-            ? -Infinity
-            : localStorage.getItem("created_at");
-        this.logged_in =
-            localStorage.getItem("logged_in") == "true" ? true : false;
+        this.created_at = !localStorage.getItem("created_at") ? -Infinity : localStorage.getItem("created_at");
+        this.logged_in = localStorage.getItem("logged_in") == "true" ? true : false;
         return this.logged_in && Date.now() - this.created_at < this.expires;
     }
 
@@ -108,7 +93,7 @@ class User {
                 if (localStorage) {
                     localStorage.clear();
                     this._save(data);
-                    resolve(value);
+                    resolve(data);
                 } else {
                     reject(new Error("localStorage不可用"));
                 }
@@ -185,13 +170,11 @@ class User {
         if (this.isLogin()) {
             return $cms()
                 .get("/api/cms/user/is_super_author/" + this.getInfo().uid)
-                .then(res => {
+                .then((res) => {
                     return res.data.data;
                 });
         } else {
-            return new Promise((resolve, reject) => {
-                resolve(false);
-            });
+            return Promise.resolve(false);
         }
     }
 
@@ -229,11 +212,9 @@ class User {
     // 判断是否为VIP
     isVIP() {
         if (this.asset) {
-            return new Promise((resolve, reject) => {
-                resolve(this._isPRO(this.asset) || this._isVIP(this.asset));
-            });
+            return Promise.resolve(this._isPRO(this.asset) || this._isVIP(this.asset));
         } else {
-            return this.getAsset().then(asset => {
+            return this.getAsset().then((asset) => {
                 return this._isPRO(asset) || this._isVIP(asset);
             });
         }
@@ -242,11 +223,9 @@ class User {
     // 判断是否为PRO
     isPRO() {
         if (this.asset) {
-            return new Promise((resolve, reject) => {
-                resolve(this._isPRO(this.asset));
-            });
+            return Promise.resolve(this._isPRO(this.asset));
         } else {
-            return this.getAsset().then(asset => {
+            return this.getAsset().then((asset) => {
                 return this._isPRO(asset);
             });
         }
@@ -255,28 +234,26 @@ class User {
     // 获取用户资产
     getAsset() {
         if (!this.isLogin()) {
-            return new Promise((resolve, reject) => {
-                let asset = {
-                    was_vip: 0,
-                    expire_date: "1970-02-02T16:00:00.000Z",
-                    total_day: 0,
-                    was_pro: 0,
-                    pro_expire_date: "1970-02-02T16:00:00.000Z",
-                    pro_total_day: 0,
-                    rename_card_count: 0,
-                    had_renamed: 0,
-                    namespace_card_count: 0,
-                    box_coin: 0,
-                    points: 0,
-                };
-                this.asset = asset;
-                // 空资产
-                resolve(asset);
-            });
+            const asset = {
+                was_vip: 0,
+                expire_date: "1970-02-02T16:00:00.000Z",
+                total_day: 0,
+                was_pro: 0,
+                pro_expire_date: "1970-02-02T16:00:00.000Z",
+                pro_total_day: 0,
+                rename_card_count: 0,
+                had_renamed: 0,
+                namespace_card_count: 0,
+                box_coin: 0,
+                points: 0,
+            };
+            this.asset = asset;
+            // 空资产
+            return Promise.resolve(asset);
         } else {
             return $pay()
                 .get("/api/vip/i")
-                .then(res => {
+                .then((res) => {
                     let asset = res.data.data;
                     this.asset = asset;
                     return asset;

package/js/user_old.js

@@ -0,0 +1,330 @@
+import { showAvatar } from "./utils";
+import { $pay, $cms } from "./request";
+import {
+    __Links,
+    default_avatar,
+    __server,
+    __userLevel,
+} from "../data/jx3box.json";
+import { tokenExpires } from "../data/conf.json";
+import Fingerprint2 from "fingerprintjs2";
+import { getTokenFromUrl } from "./utils";
+
+class User {
+    constructor() {
+        // TOKEN有效期
+        this.expires = tokenExpires;
+        this.created_at = 0;
+        // 登录状态
+        this.logged_in = false;
+
+        // 缓存资料
+        this.profile = {};
+        this.anonymous = {
+            uid: 0,
+            group: 0,
+            name: "未登录",
+            status: 0,
+            bind_wx: 0,
+            avatar: showAvatar(null, "s"),
+            avatar_origin: default_avatar,
+        };
+
+        // 资产缓存
+        this.asset = "";
+    }
+
+    // 检查当前状态
+    check() {
+        if (this.isLogin()) {
+            this.profile.uid = localStorage && localStorage.getItem("uid");
+            this.profile.group =
+                (localStorage && localStorage.getItem("group")) || 1;
+            this.profile.token = localStorage && localStorage.getItem("token");
+            this.profile.name = localStorage && localStorage.getItem("name");
+            this.profile.status =
+                localStorage && localStorage.getItem("status");
+            this.profile.bind_wx =
+                localStorage && localStorage.getItem("bind_wx");
+            this.profile.avatar_origin =
+                (localStorage && localStorage.getItem("avatar")) ||
+                default_avatar;
+            this.profile.avatar = showAvatar(this.profile.avatar_origin, "s");
+            this.profile.permission =
+                localStorage && localStorage.getItem("jx3box_permission");
+            this.profile.is_teammate =
+                localStorage && localStorage.getItem("is_teammate");
+        } else {
+            this.profile = this.anonymous;
+        }
+        return this;
+    }
+
+    // 更新指定缓存字段
+    refresh(key, val) {
+        return localStorage.setItem(key, val);
+    }
+
+    // 判断是否已登录
+    isLogin() {
+        const token = getTokenFromUrl();
+        if (token) {
+            return true;
+        }
+        this.created_at = !localStorage.getItem("created_at")
+            ? -Infinity
+            : localStorage.getItem("created_at");
+        this.logged_in =
+            localStorage.getItem("logged_in") == "true" ? true : false;
+        return this.logged_in && Date.now() - this.created_at < this.expires;
+    }
+
+    // 判断是否已过期
+    isExpired() {
+        return Date.now() - this.created_at > this.expires;
+    }
+
+    // 保存用户资料
+    _save(data) {
+        localStorage.setItem("created_at", Date.now());
+        localStorage.setItem("logged_in", true);
+        localStorage.setItem("token", data.token);
+        localStorage.setItem("uid", data.uid);
+        localStorage.setItem("group", data.group);
+        localStorage.setItem("name", data.name);
+        localStorage.setItem("status", data.status);
+        localStorage.setItem("bind_wx", data.bind_wx);
+        localStorage.setItem("avatar", data.avatar);
+    }
+
+    // 更新用户资料
+    update(data) {
+        return new Promise((resolve, reject) => {
+            try {
+                this._save(data);
+                resolve(this);
+            } catch (err) {
+                //如果localStorage不存在或已满
+                if (localStorage) {
+                    localStorage.clear();
+                    this._save(data);
+                    resolve(value);
+                } else {
+                    reject(new Error("localStorage不可用"));
+                }
+            }
+        });
+    }
+
+    // 获取用户基础缓存信息
+    getInfo() {
+        this.check();
+        return this.profile;
+    }
+
+    // 销毁登录状态
+    async destroy() {
+        return $cms()
+            .post("api/cms/user/account/email/logout")
+            .finally(() => {
+                localStorage.removeItem("created_at");
+                localStorage.setItem("logged_in", "false");
+                localStorage.removeItem("token");
+                localStorage.removeItem("jx3box_permission");
+            });
+    }
+
+    // 跳转至登录
+    toLogin(url) {
+        url = url ? encodeURIComponent(url) : encodeURIComponent(location.href);
+        location.href = __Links.account.login + "?redirect=" + url;
+    }
+
+    // 获取本地令牌
+    getToken() {
+        return this.getInfo().token;
+    }
+
+    // 获取UUID
+    getUUID() {
+        return localStorage.getItem("device_id");
+    }
+
+    // 判断是否邮箱验证
+    isEmailMember() {
+        return this.getInfo().group >= 8;
+    }
+
+    // 判断是否绑定手机
+    isPhoneMember() {
+        return this.getInfo().group >= 16;
+    }
+
+    // 判断是否为管理员|编辑
+    isEditor() {
+        return this.getInfo().group >= 64;
+    }
+
+    // 判断是否为管理员|运营
+    isAdmin() {
+        return this.getInfo().group >= 128;
+    }
+
+    // 判断是否为管理员|开发
+    isDeveloper() {
+        return this.getInfo().group >= 256;
+    }
+
+    // 判断是否为超管
+    isSuperAdmin() {
+        return this.getInfo().group >= 512;
+    }
+
+    // 判断是否为签约作者
+    isSuperAuthor() {
+        if (this.isLogin()) {
+            return $cms()
+                .get("/api/cms/user/is_super_author/" + this.getInfo().uid)
+                .then(res => {
+                    return res.data.data;
+                });
+        } else {
+            return new Promise((resolve, reject) => {
+                resolve(false);
+            });
+        }
+    }
+
+    // 判断是否为团队成员
+    isTeammate() {
+        return this.getInfo().is_teammate == "true";
+    }
+
+    // 是否绑定微信
+    hasBindwx() {
+        return this.getInfo().bind_wx;
+    }
+
+    // PRE身份判断
+    _isVIP(asset) {
+        let isPRE = asset.was_vip;
+        if (isPRE) {
+            let isExpired = new Date(asset.expire_date) - new Date() > 0;
+            return isExpired;
+        } else {
+            return false;
+        }
+    }
+    // PRO身份判断
+    _isPRO(asset) {
+        let isPRO = asset.was_pro;
+        if (isPRO) {
+            let isExpired = new Date(asset.pro_expire_date) - new Date() > 0;
+            return isExpired;
+        } else {
+            return false;
+        }
+    }
+
+    // 判断是否为VIP
+    isVIP() {
+        if (this.asset) {
+            return new Promise((resolve, reject) => {
+                resolve(this._isPRO(this.asset) || this._isVIP(this.asset));
+            });
+        } else {
+            return this.getAsset().then(asset => {
+                return this._isPRO(asset) || this._isVIP(asset);
+            });
+        }
+    }
+
+    // 判断是否为PRO
+    isPRO() {
+        if (this.asset) {
+            return new Promise((resolve, reject) => {
+                resolve(this._isPRO(this.asset));
+            });
+        } else {
+            return this.getAsset().then(asset => {
+                return this._isPRO(asset);
+            });
+        }
+    }
+
+    // 获取用户资产
+    getAsset() {
+        if (!this.isLogin()) {
+            return new Promise((resolve, reject) => {
+                let asset = {
+                    was_vip: 0,
+                    expire_date: "1970-02-02T16:00:00.000Z",
+                    total_day: 0,
+                    was_pro: 0,
+                    pro_expire_date: "1970-02-02T16:00:00.000Z",
+                    pro_total_day: 0,
+                    rename_card_count: 0,
+                    had_renamed: 0,
+                    namespace_card_count: 0,
+                    box_coin: 0,
+                    points: 0,
+                };
+                this.asset = asset;
+                // 空资产
+                resolve(asset);
+            });
+        } else {
+            return $pay()
+                .get("/api/vip/i")
+                .then(res => {
+                    let asset = res.data.data;
+                    this.asset = asset;
+                    return asset;
+                });
+        }
+    }
+
+    // 获取用户等级
+    getLevel(exp) {
+        for (let level in __userLevel) {
+            let range = __userLevel[level];
+            if (exp >= range[0] && exp < range[1]) {
+                return ~~level;
+            }
+        }
+    }
+
+    // 用户是否有权限
+    hasPermission(permission) {
+        if (this.getInfo().group >= 512) return true;
+        let userPermission = this.getInfo().permission;
+        if (userPermission) {
+            const permissions = userPermission.split(",");
+            return permissions.includes(permission);
+        } else {
+            return false;
+        }
+    }
+
+    // 生成设备指纹
+    generateFingerprint(callback) {
+        const cache = localStorage.getItem("jx3box_fingerprint");
+        if (cache) {
+            return cache;
+        }
+        Fingerprint2.get(function (components) {
+            const values = components.map((component) => component.value);
+            const murmur = Fingerprint2.x64hash128(values.join(""), 31);
+
+            localStorage.setItem("jx3box_fingerprint", murmur);
+            callback(murmur);
+        });
+    }
+
+    // 获取设备指纹
+    getDeviceFingerprint() {
+        return localStorage.getItem("jx3box_fingerprint");
+    }
+}
+
+export default new User();

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jx3box/jx3box-common",
-    "version": "8.7.6",
+    "version": "9.0.0",
     "description": "JX3BOX公共基础模块",
     "main": "main.js",
     "repository": {
@@ -12,7 +12,6 @@
         "axios": "^1.6.8",
         "cheerio": "1.0.0-rc.12",
         "dayjs": "^1.11.10",
-        "element-ui": "^2.13.2",
         "fingerprintjs2": "^2.1.4",
         "localforage": "^1.7.3",
         "uuid": "^9.0.0",