@jx3box/jx3box-editor 3.2.8 → 3.2.9

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jx3box/jx3box-editor",
-    "version": "3.2.8",
+    "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/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;
+}