@jx3box/jx3box-editor 3.2.7 → 3.2.9

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jx3box/jx3box-editor",
-    "version": "3.2.7",
+    "version": "3.2.9",
     "description": "JX3BOX Article & Editor",
     "main": "index.js",
     "scripts": {
@@ -17,8 +17,8 @@
     "dependencies": {
         "@element-plus/icons-vue": "^2.0.10",
         "@imengyu/vue3-context-menu": "^1.5.4",
-        "@jx3box/jx3box-common": "^9.2.5",
-        "@jx3box/jx3box-data": "^3.9.5",
+        "@jx3box/jx3box-common": "^9.2.9",
+        "@jx3box/jx3box-data": "^3.9.6",
         "@jx3box/jx3box-emotion": "^1.3.1",
         "@jx3box/jx3box-macro": "^1.0.4",
         "@jx3box/jx3box-talent": "^1.3.14",

package/src/BoxResource.vue

@@ -6,7 +6,7 @@
         </el-button>
 
         <!-- 弹出界面 -->
-        <el-dialog draggable class="c-large-dialog" title="魔盒资源库" v-model="dialogVisible" :teleported="true">
+        <el-dialog draggable class="c-large-dialog c-resource-dialog" title="魔盒资源库" v-model="dialogVisible" :teleported="true">
             <div class="c-resource-content" v-loading="loading">
                 <div class="m-database-search">
                     <el-radio-group

package/src/assets/css/resource.less

@@ -1,6 +1,7 @@
 @import "var.less";
 
-.c-resource {
+.c-resource,
+.c-resource-dialog {
     .w-dialog,
     .el-dialog {
         max-width: 100%;
@@ -62,6 +63,10 @@
 
         .u-item {
             .db;
+            // 调用方常会全局设为 border-box / overflow:hidden；这里的 60px 是内容区高度，
+            // 必须保留上下 padding 与头像的空间，避免用户条目在宿主项目中被裁切。
+            box-sizing: content-box;
+            overflow: visible;
             border: 2px solid #e1e4e8;
             background: #fafbfc;
             margin-bottom: 10px;

package/src/assets/js/directory.js

@@ -1,4 +1,5 @@
 import $ from "jquery";
+import { t } from "../../i18n";
 const count = {
     H1: 0,
     H2: 0,
@@ -49,8 +50,8 @@ function directory(from, to = '#directory') {
         $box.html(
             `<div class="c-article-directory" id="c-article-directory">
                 <div class="c-article-directory-title" id="c-article-directory-title">
-                    <span class="c-article-directory-title-label" class="c-go-top"><i class="u-icon el-icon-reading"></i> 导读</span>
-                    <span class="c-article-directory-title-folder" class="c-go-top"><i class="el-icon-d-caret"></i> 折叠</span>
+                    <span class="c-article-directory-title-label" class="c-go-top"><i class="u-icon el-icon-reading"></i> ${t("directory.title", "导读")}</span>
+                    <span class="c-article-directory-title-folder" class="c-go-top"><i class="el-icon-d-caret"></i> ${t("directory.collapse", "折叠")}</span>
                 </div>
                 <div class="c-article-directory-content" id="c-article-directory-content"></div>
             </div>`

package/src/components/Author.vue

@@ -91,6 +91,8 @@ import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
 import Avatar from "./Avatar.vue";
 const ATCARD_CACHE_KEY = "skin_atcard_pc_authorcard_v2_";
 const ATCARD_SUBTYPE = "pc_authorcard";
+const DEFAULT_ATCARD_IMAGE = "https://cdn.jx3box.com/design/skin/default/pc_authorcard.png";
+const DEFAULT_ATCARD_POSITION = "right top";
 const DECORATION_JSON = "decoration_json";
 const DECORATION_KEY = "decoration_me";
 const HONOR_KEY = "honor_me";
@@ -132,8 +134,8 @@ export default {
         data: null,
         medals: [],
         loading: false,
-        bg: "",
-        bgPosition: "right top",
+        bg: DEFAULT_ATCARD_IMAGE,
+        bgPosition: DEFAULT_ATCARD_POSITION,
         honor: "",
         honorStyle: {},
     }),
@@ -215,8 +217,7 @@ export default {
         },
         getAtcard() {
             const uid = this.uid;
-            this.bg = "";
-            this.bgPosition = "right top";
+            this.setAtcardBackground();
 
             const cached = this.getAtcardCache(uid);
             if (cached) {
@@ -236,7 +237,7 @@ export default {
                     let image = this.showDecorationImage(skin?.image);
                     if (!image) {
                         this.setAtcardCache(uid, "no");
-                        this.bg = "";
+                        this.setAtcardBackground();
                         return;
                     }
                     let payload = {
@@ -248,18 +249,23 @@ export default {
                 })
                 .catch(() => {
                     if (this.uid === uid) {
-                        this.bg = "";
+                        this.setAtcardBackground();
                     }
                 });
         },
-        setAtcardBackground(val) {
+        setAtcardBackground(val = null) {
+            if (!val) {
+                this.bg = DEFAULT_ATCARD_IMAGE;
+                this.bgPosition = DEFAULT_ATCARD_POSITION;
+                return;
+            }
             if (typeof val === "string") {
                 this.bg = val || "";
-                this.bgPosition = "right top";
+                this.bgPosition = DEFAULT_ATCARD_POSITION;
                 return;
             }
-            this.bg = val?.image || "";
-            this.bgPosition = val?.position || "right top";
+            this.bg = val?.image || DEFAULT_ATCARD_IMAGE;
+            this.bgPosition = val?.position || DEFAULT_ATCARD_POSITION;
         },
         getAtcardCache(uid) {
             let cached = sessionStorage.getItem(ATCARD_CACHE_KEY + uid);

package/src/i18n/index.js

@@ -0,0 +1,31 @@
+const messages = {
+    "zh-cn": {
+        directory: { title: "导读", collapse: "折叠" },
+    },
+    "zh-tw": {
+        directory: { title: "導讀", collapse: "折疊" },
+    },
+    "en-us": {
+        directory: { title: "Guide", collapse: "Collapse" },
+    },
+    vi: {
+        directory: { title: "Hướng dẫn", collapse: "Thu gọn" },
+    },
+};
+
+function getValue(message, key) {
+    return key.split(".").reduce((value, part) => (value && value[part] !== undefined ? value[part] : undefined), message);
+}
+
+export function getLocale() {
+    const locale = (localStorage.getItem("lang") || "zh-cn").toLowerCase();
+    return locale === "en" ? "en-us" : messages[locale] ? locale : "zh-cn";
+}
+
+export function t(key, fallback = key) {
+    return getValue(messages[getLocale()], key) ?? fallback;
+}
+
+export function getMessages() {
+    return messages;
+}