fix: 更新手机号绑定功能，支持国际号码格式及验证

Author: Kaviilee

package.json

@@ -31,14 +31,14 @@
     "dependencies": {
         "@element-plus/icons-vue": "^2.3.2",
         "@imengyu/vue3-context-menu": "^1.5.4",
-        "@jx3box/jx3box-common": "^9.2.3",
+        "@jx3box/jx3box-common": "^9.2.4",
         "@jx3box/jx3box-data": "^3.9.5",
-        "@jx3box/jx3box-editor": "^3.1.4",
+        "@jx3box/jx3box-editor": "^3.1.5",
         "@jx3box/jx3box-emotion": "^1.3.0",
         "@jx3box/jx3box-facedat": "^2.6.4",
         "@jx3box/jx3box-macro": "^1.0.3",
         "@jx3box/jx3box-talent": "^1.3.13",
-        "@jx3box/jx3box-ui": "^2.1.18",
+        "@jx3box/jx3box-ui": "^2.2.2",
         "@microsoft/signalr": "^8.0.0",
         "@tinymce/tinymce-vue": "^5.1.1",
         "@vueuse/core": "^9.13.0",
@@ -55,6 +55,7 @@
         "js-base64": "^3.7.5",
         "jsencrypt": "^3.3.2",
         "katex": "^0.16.9",
+        "libphonenumber-js": "^1.12.42",
         "localforage": "^1.7.3",
         "lodash": "^4.17.21",
         "lua-json": "^1.0.0",

src/assets/js/phone.js

@@ -0,0 +1,88 @@
+import { getCountries, getCountryCallingCode, parsePhoneNumberFromString } from "libphonenumber-js";
+
+const regionNames =
+    typeof Intl !== "undefined" && typeof Intl.DisplayNames === "function"
+        ? new Intl.DisplayNames(["zh-CN"], { type: "region" })
+        : null;
+
+function maskSegment(value) {
+    const text = String(value || "").trim();
+    if (!text) {
+        return "";
+    }
+    if (text.length <= 4) {
+        return text;
+    }
+    if (text.length <= 6) {
+        return `${text.slice(0, 2)}***${text.slice(-2)}`;
+    }
+    if (text.length <= 8) {
+        return `${text.slice(0, 3)}***${text.slice(-2)}`;
+    }
+    return `${text.slice(0, 3)}****${text.slice(-4)}`;
+}
+
+export const PHONE_COUNTRY_OPTIONS = getCountries()
+    .map((iso2) => ({
+        iso2,
+        name: regionNames?.of(iso2) || iso2,
+        callingCode: getCountryCallingCode(iso2),
+    }))
+    .sort((a, b) => {
+        if (a.iso2 === "CN") return -1;
+        if (b.iso2 === "CN") return 1;
+        return a.name.localeCompare(b.name, "zh-CN");
+    });
+
+export function normalizeBindPhone(phone, country = "CN") {
+    const value = String(phone || "").trim();
+    if (!value) {
+        return "";
+    }
+
+    const phoneNumber = value.startsWith("+")
+        ? parsePhoneNumberFromString(value)
+        : parsePhoneNumberFromString(value, country || "CN");
+
+    return phoneNumber?.isValid() ? phoneNumber.number : "";
+}
+
+export function normalizeStoredPhone(phone) {
+    const value = String(phone || "").trim();
+    if (!value) {
+        return "";
+    }
+
+    return normalizeBindPhone(value, value.startsWith("+") ? undefined : "CN");
+}
+
+export function detectPhoneCountry(phone) {
+    const normalized = normalizeStoredPhone(phone);
+    if (!normalized) {
+        return "CN";
+    }
+
+    return parsePhoneNumberFromString(normalized)?.country || "CN";
+}
+
+export function maskPhone(phone) {
+    const value = String(phone || "").trim();
+    if (!value) {
+        return "";
+    }
+
+    const normalized = normalizeStoredPhone(value);
+    const phoneNumber = normalized ? parsePhoneNumberFromString(normalized) : null;
+    if (phoneNumber?.isValid()) {
+        const prefix = `+${phoneNumber.countryCallingCode}`;
+        const national = maskSegment(phoneNumber.nationalNumber);
+        return national ? `${prefix} ${national}` : prefix;
+    }
+
+    const digits = value.replace(/\D/g, "");
+    if (digits.length >= 7) {
+        return maskSegment(digits);
+    }
+
+    return value;
+}