@jx3box/jx3box-editor 3.2.2 → 3.2.3

package/config/global.less

@@ -2,6 +2,7 @@
 // 旧主题色
 // @primary:#0366d6;
 @primary:#4f46e5;
+@v4yellow: #f5bd1e;
 
 // 文字颜色（黑底、白底）
 @color: #3d454d;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jx3box/jx3box-editor",
-    "version": "3.2.2",
+    "version": "3.2.3",
     "description": "JX3BOX Article & Editor",
     "main": "index.js",
     "scripts": {
@@ -15,11 +15,11 @@
     "dependencies": {
         "@element-plus/icons-vue": "^2.0.10",
         "@imengyu/vue3-context-menu": "^1.5.4",
-        "@jx3box/jx3box-common": "^9.2.4",
-        "@jx3box/jx3box-data": "^3.9.5",
-        "@jx3box/jx3box-emotion": "^1.3.1",
-        "@jx3box/jx3box-macro": "^1.0.4",
-        "@jx3box/jx3box-talent": "^1.3.14",
+        "@jx3box/jx3box-common": "^9.2.1",
+        "@jx3box/jx3box-data": "^3.9.4",
+        "@jx3box/jx3box-emotion": "^1.3.0",
+        "@jx3box/jx3box-macro": "^1.0.3",
+        "@jx3box/jx3box-talent": "^1.3.13",
         "@tinymce/tinymce-vue": "^5.0.0",
         "axios": "^0.19.2",
         "cheerio": "^1.1.2",
@@ -89,6 +89,6 @@
     },
     "repository": {
         "type": "git",
-        "url": "git+https://github.com/iruxu/iruxu-editor.git"
+        "url": "git+https://github.com/JX3BOX/jx3box-editor.git"
     }
 }

package/src/Article.vue

@@ -59,38 +59,38 @@ import Vditor from "vditor";
 import "github-markdown-css/github-markdown-light.css";
 
 // XSS
-import execFilterXSS from "./assets/js/xss.js";
+import execFilterXSS from "./assets/js/xss";
 
 // 基本文本
-import execLazyload from "./assets/js/img.js";
-import execFilterIframe from "./assets/js/iframe.js";
-import execFilterLink from "./assets/js/a.js";
-import execSplitPages from "./assets/js/nextpage.js";
-import normalizeMarkdownForVditor from "./assets/js/normalizeMarkdownForVditor.js";
+import execLazyload from "./assets/js/img";
+import execFilterIframe from "./assets/js/iframe";
+import execFilterLink from "./assets/js/a";
+import execSplitPages from "./assets/js/nextpage";
+import normalizeMarkdownForVditor from "./assets/js/normalizeMarkdownForVditor";
 
 // 扩展文本
-import renderFoldBlock from "./assets/js/fold.js";
-import renderDirectory from "./assets/js/directory.js";
-import renderKatex from "./assets/js/katex.js";
-import renderCode from "./assets/js/code.js";
-import renderImgPreview from "./assets/js/renderImgPreview.js";
+import renderFoldBlock from "./assets/js/fold";
+import renderDirectory from "./assets/js/directory";
+import renderKatex from "./assets/js/katex";
+import renderCode from "./assets/js/code";
+import renderImgPreview from "./assets/js/renderImgPreview";
 
 // 魔盒
-import renderMacro from "./assets/js/macro.js";
-import renderTalent from "./assets/js/qixue.js";
-import renderTalent2 from "./assets/js/talent2.js";
-import renderPzIframe from "./assets/js/pz_iframe.js";
-import renderCombo from "./assets/js/combo.js";
-import renderAudio from "./assets/js/audio.js";
-import Author from "./components/Author.vue";
+import renderMacro from "./assets/js/macro";
+import renderTalent from "./assets/js/qixue";
+import renderTalent2 from "./assets/js/talent2";
+import renderPzIframe from "./assets/js/pz_iframe";
+import renderCombo from "./assets/js/combo";
+import renderAudio from "./assets/js/audio";
+import Author from "./components/Author";
 import PostAuthor from "./components/PostAuthor.vue";
 
 // 剑三
-import Item from "./Item.vue";
-import Buff from "./Buff.vue";
-import Skill from "./Skill.vue";
-import Npc from "./Npc.vue";
-import renderJx3Element from "./assets/js/jx3_element.js";
+import Item from "./Item";
+import Buff from "./Buff";
+import Skill from "./Skill";
+import Npc from "./Npc";
+import renderJx3Element from "./assets/js/jx3_element";
 
 export default {
     name: "Article",

package/src/ArticleMarkdown.vue

@@ -27,27 +27,27 @@
 import markdownRender from "@jx3box/markdown/src/render.vue";
 
 // 基本文本
-import execLazyload from "./assets/js/img.js";
-import execFilterIframe from "./assets/js/iframe.js";
-import execFilterLink from "./assets/js/a.js";
-import execFilterXSS from "./assets/js/script.js";
+import execLazyload from "./assets/js/img";
+import execFilterIframe from "./assets/js/iframe";
+import execFilterLink from "./assets/js/a";
+import execFilterXSS from "./assets/js/script";
 
 // 扩展文本
-import renderDirectory from "./assets/js/directory.js";
-import renderMacro from "./assets/js/macro.js";
-import renderTalent from "./assets/js/qixue.js";
-import renderTalent2 from "./assets/js/talent2.js";
-import renderKatexAll from "./assets/js/katex.js";
-import renderCode from "./assets/js/code.js";
+import renderDirectory from "./assets/js/directory";
+import renderMacro from "./assets/js/macro";
+import renderTalent from "./assets/js/qixue";
+import renderTalent2 from "./assets/js/talent2";
+import { renderKatexAll } from "./assets/js/katex";
+import renderCode from "./assets/js/code";
 
 // 剑三
-import Item from "./Item.vue";
-import Buff from "./Buff.vue";
-import Skill from "./Skill.vue";
-import Npc from "./Npc.vue";
-import renderJx3Element from "./assets/js/jx3_element.js";
-import renderImgPreview from "./assets/js/renderImgPreview.js";
-import renderAudio from "./assets/js/audio.js";
+import Item from "./Item";
+import Buff from "./Buff";
+import Skill from "./Skill";
+import Npc from "./Npc";
+import renderJx3Element from "./assets/js/jx3_element";
+import renderImgPreview from "./assets/js/renderImgPreview";
+import renderAudio from "./assets/js/audio";
 
 import { xssOptions } from "./assets/data/markdown_whitelist.json";
 

package/src/BoxResource.vue

@@ -190,9 +190,9 @@
 </template>
 
 <script>
-import { loadStat } from "./service/database.js";
-import { loadAuthors, loadEmotions, getLetterPaper } from "./service/cms.js";
-import { getUserInfo } from "./service/author.js";
+import { loadStat } from "./service/database";
+import { loadAuthors, loadEmotions, getLetterPaper } from "./service/cms";
+import { getUserInfo } from "./service/author";
 import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
 import { getLink, showAvatar, resolveImagePath } from "@jx3box/jx3box-common/js/utils";
 import User from "@jx3box/jx3box-common/js/user";

package/src/GameText.vue

@@ -11,7 +11,7 @@
 
 <script>
 import { extractTextContent, getLink, iconLink } from "@jx3box/jx3box-common/js/utils";
-import { getResource as getResourceFromNode } from "./service/resource.js";
+import { getResource as getResourceFromNode } from "./service/resource";
 import { escape } from "lodash";
 import gameFonts from "./assets/data/game_font.json";
 

package/src/ItemSimple.vue

@@ -38,7 +38,7 @@
 </template>
 
 <script>
-import Item from "./Item.vue";
+import Item from "./Item";
 import icon_url from "./assets/js/item/icon_url.js";
 import item_color from "./assets/js/item/color.js";
 import item_border from "./assets/js/item/border.js";

package/src/Markdown.vue

@@ -35,7 +35,7 @@ import {
 import Vditor from "vditor";
 import "vditor/dist/index.css";
 import "github-markdown-css/github-markdown-light.css";
-import normalizeMarkdownForVditor from "./assets/js/normalizeMarkdownForVditor.js";
+import normalizeMarkdownForVditor from "./assets/js/normalizeMarkdownForVditor";
 
 const { __cms } = JX3BOX;
 const UPLOAD_API = `${__cms}api/cms/upload`;

package/src/Resource.vue

@@ -286,7 +286,7 @@
 
 <script>
 import { ArrowDown, Histogram } from "@element-plus/icons-vue";
-import { loadResource, loadStat, getIcons } from "./service/database.js";
+import { loadResource, loadStat, getIcons } from "./service/database";
 import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
 import detach_types from "./assets/data/detach_type.json";
 import { iconLink, getLink as resolveLink } from "@jx3box/jx3box-common/js/utils";

package/src/Tinymce.vue

@@ -42,9 +42,9 @@ const { __cdn, __imgPath, __cms } = JX3BOX;
 // 开发环境走 devServer proxy，避免跨域导致粘贴图片上传“看起来没反应”
 const apiUrl = process.env.NODE_ENV === "development" ? "/api/cms/upload/tinymce" : __cms + "api/cms/upload/tinymce";
 
-import Upload from "./Upload.vue";
-import Resource from "./Resource.vue";
-import BoxResource from "./BoxResource.vue";
+import Upload from "./Upload";
+import Resource from "./Resource";
+import BoxResource from "./BoxResource";
 import Emotion from "@jx3box/jx3box-emotion/src/Emotion.vue";
 
 import axios from "axios";

package/src/Upload.vue

@@ -88,7 +88,7 @@ import axios from "axios";
 import { Delete, Plus, UploadFilled, ZoomIn } from "@element-plus/icons-vue";
 import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
 import allow_types from "@jx3box/jx3box-common/data/conf";
-import { showImgPreview } from "./assets/js/renderImgPreview.js";
+import { showImgPreview } from "./assets/js/renderImgPreview";
 const { __cms } = JX3BOX;
 const API = __cms + "api/cms/upload";
 const imgtypes = ["jpg", "png", "gif", "bmp", "webp", "jpeg", "svg"];

package/src/assets/css/tinymce/h.less

@@ -32,12 +32,11 @@
 
     h4 {
         font-size: 15px;
-        padding: 8px 10px;
+        padding: 8px 10px 8px 20px;
 
         background-color: #fafbfc;
         border-radius: 6px;
-        border-left:4px solid @primary;
-
+        // border-left:4px solid @primary;
 
         position: relative;
         overflow: hidden;
@@ -45,17 +44,39 @@
         // border: 1px solid @primary;
         &::before {
             content: "";
-            font-size: 20px;
             display: block;
             position: absolute;
-            width: 80px;
-            height: 3px;
-            top: 0;
-            left: 15px;
-            // background-color: @primary;
+            width: 5px;
+            height: 60%;
+            top: 50%;
+            transform: translateY(-50%);
+            left: 10px;
+            background-color: @primary;
+            border-radius: 10px;
+            transition: all 0.2s ease;
             // border-bottom-right-radius: 20px;
             // border-bottom-left-radius: 20px;
         }
+        // &::after {
+        //     content: "";
+        //     display: block;
+        //     position: absolute;
+        //     width: 5px;
+        //     height: 60%;
+        //     top: 50%;
+        //     transform: translateY(-50%);
+        //     left: 10px;
+        //     background-color: @v4yellow;
+        //     border-radius: 10px;
+        //     z-index: 2;
+        //     display: none;
+        // }
+
+        &:hover {
+            &::before {
+                background-color: @v4yellow;
+            }
+        }
     }
 
     h5 {
@@ -74,6 +95,11 @@
             bottom: -1px;
             left: 0;
         }
+        &:hover{
+            &::after {
+                background-color: @v4yellow;
+            }
+        }
     }
 
     h6 {

package/src/assets/css/tinymce/nextpage.less

@@ -24,6 +24,7 @@
     max-width: 100%;
     overflow-x: auto;
     text-align: center;
+    justify-content: center;
 
     .el-pager{
         margin:0;

package/src/assets/css/tinymce/pz.less

@@ -37,8 +37,3 @@
         display: block;
     }
 }
-
-.w-pz-iframe-wrap {
-    width: 100%;
-    overflow: auto;
-}

package/src/assets/css/tinymce/table.less

@@ -12,17 +12,17 @@
         line-height:2.2;
         color:@color;
 
-        td,
-        th {
+        td,th {
             padding: 6px 10px;
-        }
-        td {
             border: 1px solid #eee;
         }
         th {
             background-color: #fafbfc;
             font-weight: 500;
         }
+        tr{
+            background-color:#fff;
+        }
         tr:nth-child(2n + 1) {
             background-color: #fafbfc;
         }

package/src/assets/js/jx3_element.js

@@ -3,216 +3,62 @@ import $ from "jquery";
 function renderItem(vm, selector = ".w-jx3-element") {
     let outer, inner;
     const pop_class = ".w-jx3-element-pop";
-    const scopeEl = vm && vm.$el ? vm.$el : document;
-    const $scope = $(scopeEl);
-    const uid = vm && vm._uid ? vm._uid : "default";
-    const ns = `.jx3boxElement_${uid}`;
-    let lastTappedElement = null;
-    const debugPop = false;
 
-    const isMobile = () => {
-        if (typeof window === "undefined") return false;
-
-        const coarsePointer =
-            typeof window.matchMedia === "function" &&
-            window.matchMedia("(hover: none) and (pointer: coarse)").matches;
-        const hasTouchEvent = "ontouchstart" in window;
-        const mobileUA =
-            typeof navigator !== "undefined" &&
-            /Android|iPhone|iPad|iPod|Mobile/i.test(navigator.userAgent || "");
-
-        return coarsePointer || (hasTouchEvent && mobileUA);
-    };
-
-    const cachedPop =
-        vm &&
-        vm.__jx3ElementPop &&
-        vm.__jx3ElementPop.length &&
-        document.documentElement.contains(vm.__jx3ElementPop[0])
-            ? vm.__jx3ElementPop
-            : null;
-    const $pop = cachedPop || $scope.find(pop_class).first();
-
-    if (!$pop.length) return;
-    if (isMobile() && vm) {
-        vm.__jx3ElementPop = $pop;
-        if ($pop.parent()[0] !== document.body) {
-            $pop.appendTo(document.body);
-        }
-    }
-
-    const getCurrentTarget = (el, e) => {
-        const $self = $(el).closest(selector);
-        if ($self.length) return $self;
-        return $(e.currentTarget || e.target).closest(selector);
-    };
-
-    const getDataTarget = ($target, e) => {
-        const $eventTarget = $(e?.target);
-        const $fromEvent = $eventTarget.closest("[data-type]");
-        if ($fromEvent.length && $target.has($fromEvent).length) return $fromEvent;
-        if ($target.attr("data-type")) return $target;
-
-        return $target.find("[data-type]").first();
-    };
-
-    const getHrefTarget = ($target) => {
-        if ($target.is("a[href]")) return $target;
-        return $target.closest("a[href]");
-    };
-
-    const syncElementData = ($dataTarget, $targetForFallback = null) => {
-        let type = $dataTarget.attr("data-type");
-        if (!type && $targetForFallback && $targetForFallback.length) {
-            const $fallback = $targetForFallback.attr("data-type")
-                ? $targetForFallback
-                : $targetForFallback.find("[data-type]").first();
-            type = $fallback.attr("data-type");
-            if ($fallback.length) $dataTarget = $fallback;
-        }
-        if (!type) return "";
+    // 触发时
+    $(selector).on("mouseenter", function (e) {
+        clearTimeout(outer);
 
-        if (type === "item") {
-            vm.item.id = $dataTarget.attr("data-id");
-            vm.item.client = $dataTarget.attr("data-client") == "origin" ? 2 : 1;
+        // 获取元素数据
+        let type = $(e.target).attr("data-type");
+        if (type == "item") {
+            vm.item.id = $(e.target).attr("data-id");
+            vm.item.client = $(e.target).attr("data-client") == "origin" ? 2 : 1;
         } else if (type === "author") {
-            vm.author.id = $dataTarget.attr("data-id");
+            vm.author.id = $(e.target).attr("data-id");
         } else if (type === "emotion") {
-            vm.emotion.id = $dataTarget.attr("data-id");
-        } else if (vm[type]) {
-            vm[type].client = $dataTarget.attr("data-client");
-            vm[type].id = $dataTarget.attr("data-id");
-            vm[type].level = $dataTarget.attr("data-level");
+            vm.emotion.id = $(e.target).attr("data-id");
+        } else {
+            vm[type].client = $(e.target).attr("data-client");
+            vm[type].id = $(e.target).attr("data-id");
+            vm[type].level = $(e.target).attr("data-level");
         }
 
+        // 显示浮层
+        $(pop_class).fadeIn();
         vm.jx3_element.type = type;
-        return type;
-    };
-
-    const showPop = ($dataTarget, point = {}, $targetForRect = null) => {
-        clearTimeout(outer);
-        clearTimeout(inner);
-
-        const type = syncElementData($dataTarget, $targetForRect);
-        if (!type) return;
-
-        const fallbackRect = $targetForRect && $targetForRect.length ? $targetForRect[0].getBoundingClientRect() : null;
-        const fallbackX = fallbackRect ? fallbackRect.left + fallbackRect.width / 2 : 0;
-        const fallbackY = fallbackRect ? fallbackRect.top + fallbackRect.height / 2 : 0;
-        const clientX = Number(point.clientX ?? fallbackX ?? 0);
-        const clientY = Number(point.clientY ?? fallbackY ?? 0);
-
-        vm.jx3_element.style.display = "block";
-        vm.jx3_element.style.position = "fixed";
-        vm.jx3_element.style.zIndex = "99999";
-        $pop.stop(true, true).fadeIn(120);
 
-        const selfHeight = $pop.height();
-        const winHeight = window.innerHeight;
-        const currentY = clientY;
-        let willStayY = clientY + 10;
+        // 计算浮层位置
+        let self_height = $(pop_class).height();
+        let win_height = window.innerHeight;
+        let current_y = e.clientY;
+        let will_stay_y = e.clientY + 10;
 
-        if (selfHeight && winHeight - currentY < selfHeight) {
-            willStayY = currentY - (selfHeight - (winHeight - currentY)) - 100;
+        if (self_height && win_height - current_y < self_height) {
+            will_stay_y =
+                current_y - (self_height - (win_height - current_y)) - 100;
         }
-
-        const maxLeft = Math.max(0, window.innerWidth - ($pop.outerWidth() || 0) - 12);
-        vm.jx3_element.style.left = Math.max(0, Math.min(clientX + 10, maxLeft)) + "px";
-        vm.jx3_element.style.top = Math.max(0, willStayY) + "px";
-
-        if (debugPop && isMobile()) {
-            vm.jx3_element.style.left = "50%";
-            vm.jx3_element.style.top = "52%";
-            vm.jx3_element.style.transform = "translate(-50%, -50%)";
-            vm.jx3_element.style.zIndex = "99999";
-            vm.jx3_element.style.background = "rgba(0,0,0,0.88)";
-            vm.jx3_element.style.outline = "2px solid #00e5ff";
-            vm.jx3_element.style.maxHeight = "72vh";
-            vm.jx3_element.style.overflow = "auto";
-        } else {
-            vm.jx3_element.style.transform = "";
-            vm.jx3_element.style.background = "";
-            vm.jx3_element.style.outline = "";
-            vm.jx3_element.style.maxHeight = "";
-            vm.jx3_element.style.overflow = "";
-        }
-    };
-
-    const hidePop = () => {
-        vm.jx3_element.style.display = "none";
-        $pop.stop(true, true).fadeOut(120);
-    };
-
-    // 触发时
-    $scope.off(ns);
-    $pop.off(ns);
-    $(document).off(ns);
-
-    $scope.on(`mouseenter${ns}`, selector, function (e) {
-        if (isMobile()) return;
-        const $target = getCurrentTarget(this, e);
-        const $dataTarget = getDataTarget($target, e);
-        showPop($dataTarget, e, $target);
+        vm.jx3_element.style.left = e.clientX + 10 + "px";
+        vm.jx3_element.style.top = will_stay_y + "px";
     });
 
     // 移除时
-    $scope.on(`mouseleave${ns}`, selector, function () {
-        if (isMobile()) return;
+    $(selector).on("mouseleave", function (e) {
         outer = setTimeout(() => {
-            hidePop();
+            $(pop_class).fadeOut();
         }, 380);
     });
 
-    $scope.on(`click${ns}`, selector, function (e) {
-        if (!isMobile()) return;
-
-        const $target = getCurrentTarget(this, e);
-        const $dataTarget = getDataTarget($target, e);
-        if (!$dataTarget.length) return;
-
-        const $hrefTarget = getHrefTarget($target);
-        const href = String($hrefTarget.attr("href") || "");
-        const touch = e.originalEvent?.touches?.[0] || e.originalEvent?.changedTouches?.[0];
-        const point = touch || e;
-        const tappedElement = $target.get(0);
-
-        if (href && lastTappedElement === tappedElement) {
-            lastTappedElement = null;
-            hidePop();
-            return;
-        }
-
-        e.preventDefault();
-        lastTappedElement = tappedElement;
-        showPop($dataTarget, point, $target);
-    });
-
     // POP内停留
-    $pop.on(`mouseenter${ns}`, function () {
-        if (isMobile()) return;
+    $(pop_class).on("mouseenter", function (e) {
         clearTimeout(outer);
-        vm.jx3_element.style.display = "block";
-        $pop.stop(true, true).fadeIn(120);
+        $(pop_class).fadeIn();
     });
-    $pop.on(`mouseleave${ns}`, function () {
-        if (isMobile()) return;
+    $(pop_class).on("mouseleave", function (e) {
         clearTimeout(inner);
         inner = setTimeout(() => {
-            hidePop();
+            $(pop_class).fadeOut();
         }, 280);
     });
-
-    $(document).on(`click${ns}`, function (e) {
-        if (!isMobile()) return;
-        const $target = $(e.target);
-        const $trigger = $target.closest(selector);
-        const isCurrentTrigger = $trigger.length && ($trigger[0] === scopeEl || $scope.has($trigger[0]).length);
-
-        if (isCurrentTrigger || $target.closest(pop_class).length) return;
-
-        lastTappedElement = null;
-        hidePop();
-    });
 }
 
 export default renderItem;

package/src/assets/js/katex.js

@@ -2,6 +2,181 @@ import $ from 'jquery';
 import katex from 'katex';
 import 'katex/dist/katex.min.css';
 
+function isEscaped(text, index) {
+    let count = 0;
+    for (let i = index - 1; i >= 0 && text[i] === '\\'; i--) {
+        count++;
+    }
+    return count % 2 === 1;
+}
+
+function findUnescaped(text, token, start) {
+    let index = start;
+    while (index < text.length) {
+        const found = text.indexOf(token, index);
+        if (found === -1) return -1;
+        if (!isEscaped(text, found)) return found;
+        index = found + token.length;
+    }
+    return -1;
+}
+
+function getTextNodes(container, shouldAccept) {
+    const walker = document.createTreeWalker(
+        container,
+        NodeFilter.SHOW_TEXT,
+        {
+            acceptNode: function (node) {
+                // 跳过已渲染的节点
+                if (
+                    node.parentNode &&
+                    (node.parentNode.classList?.contains('katex') ||
+                     node.parentNode.closest("pre, code, .katex"))
+                ) {
+                    return NodeFilter.FILTER_REJECT;
+                }
+
+                return shouldAccept(node.nodeValue || '') ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
+            },
+        }
+    );
+
+    const nodesToReplace = [];
+    while (walker.nextNode()) {
+        nodesToReplace.push(walker.currentNode);
+    }
+    return nodesToReplace;
+}
+
+function collectInlineMatches(text) {
+    const matches = [];
+    let index = 0;
+
+    while (index < text.length) {
+        const parenStart = text.indexOf('\\(', index);
+        const dollarStart = text.indexOf('$', index);
+        const candidates = [parenStart, dollarStart].filter((value) => value !== -1 && !isEscaped(text, value));
+        const start = candidates.length ? Math.min(...candidates) : -1;
+        if (start === -1) break;
+
+        if (text.slice(start, start + 2) === '\\(') {
+            const end = findUnescaped(text, '\\)', start + 2);
+            if (end !== -1) {
+                const raw = text.slice(start + 2, end);
+                if (raw && !raw.includes('\n')) {
+                    matches.push({
+                        start,
+                        end: end + 2,
+                        raw,
+                        full: text.slice(start, end + 2),
+                    });
+                }
+                index = end + 2;
+                continue;
+            }
+        } else if (text[start] === '$' && text[start + 1] !== '$') {
+            const end = findUnescaped(text, '$', start + 1);
+            if (end !== -1 && text[end + 1] !== '$') {
+                const raw = text.slice(start + 1, end);
+                if (raw && !raw.includes('\n')) {
+                    matches.push({
+                        start,
+                        end: end + 1,
+                        raw,
+                        full: text.slice(start, end + 1),
+                    });
+                }
+                index = end + 1;
+                continue;
+            }
+        }
+
+        index = start + 1;
+    }
+
+    return matches;
+}
+
+function collectBlockMatches(text) {
+    const matches = [];
+    let index = 0;
+
+    while (index < text.length) {
+        const dollarStart = text.indexOf('$$', index);
+        const bracketStart = text.indexOf('\\[', index);
+        const candidates = [dollarStart, bracketStart].filter((value) => value !== -1 && !isEscaped(text, value));
+        const start = candidates.length ? Math.min(...candidates) : -1;
+        if (start === -1) break;
+
+        if (text.slice(start, start + 2) === '$$') {
+            const end = findUnescaped(text, '$$', start + 2);
+            if (end !== -1) {
+                const raw = text.slice(start + 2, end).trim();
+                if (raw) {
+                    matches.push({
+                        start,
+                        end: end + 2,
+                        raw,
+                        full: text.slice(start, end + 2),
+                    });
+                }
+                index = end + 2;
+                continue;
+            }
+        } else if (text.slice(start, start + 2) === '\\[') {
+            const end = findUnescaped(text, '\\]', start + 2);
+            if (end !== -1) {
+                const raw = text.slice(start + 2, end).trim();
+                if (raw) {
+                    matches.push({
+                        start,
+                        end: end + 2,
+                        raw,
+                        full: text.slice(start, end + 2),
+                    });
+                }
+                index = end + 2;
+                continue;
+            }
+        }
+
+        index = start + 1;
+    }
+
+    return matches;
+}
+
+function replaceTextNode(node, matches, renderMatch, logPrefix) {
+    if (!matches.length) return;
+
+    const text = node.nodeValue || '';
+    const frag = document.createDocumentFragment();
+    let lastIndex = 0;
+
+    matches.forEach((match) => {
+        if (match.start > lastIndex) {
+            frag.appendChild(document.createTextNode(text.slice(lastIndex, match.start)));
+        }
+
+        try {
+            frag.appendChild(renderMatch(match.raw));
+        } catch (e) {
+            frag.appendChild(document.createTextNode(match.full));
+            console.error(logPrefix, match.raw, e.message);
+        }
+
+        lastIndex = match.end;
+    });
+
+    if (lastIndex < text.length) {
+        frag.appendChild(document.createTextNode(text.slice(lastIndex)));
+    }
+
+    if (frag.hasChildNodes()) {
+        node.parentNode.replaceChild(frag, node);
+    }
+}
+
 function renderKatexBlock(selector = ".w-latex") {
     try {
         $(selector).each(function() {
@@ -39,60 +214,11 @@ function renderKatexBlock(selector = ".w-latex") {
 }
 
 function renderKatexInline(container = document.body) {
-    // 改进的正则：不匹配换行符，支持转义
-    const inlineRegex = /(?<!\\)(\\\((.+?)\\\)|(?<!\\)\$([^\n$]+?)(?<!\\)\$)/g;
-
-    const walker = document.createTreeWalker(
-        container,
-        NodeFilter.SHOW_TEXT,
-        {
-            acceptNode: function (node) {
-                // 跳过已渲染的节点
-                if (
-                    node.parentNode &&
-                    (node.parentNode.classList?.contains('katex') ||
-                     node.parentNode.closest("pre, code, .katex"))
-                ) {
-                    return NodeFilter.FILTER_REJECT;
-                }
-
-                const value = node.nodeValue || '';
-                if (value.includes("\\(") || value.includes("$")) {
-                    return NodeFilter.FILTER_ACCEPT;
-                }
-                return NodeFilter.FILTER_REJECT;
-            },
-        }
-    );
-
-    const nodesToReplace = [];
-    while (walker.nextNode()) {
-        nodesToReplace.push(walker.currentNode);
-    }
-
-    nodesToReplace.forEach((node) => {
-        const text = node.nodeValue;
-        const frag = document.createDocumentFragment();
-        let lastIndex = 0;
-
-        // 重置正则状态
-        inlineRegex.lastIndex = 0;
-
-        const matches = [...text.matchAll(inlineRegex)];
-
-        matches.forEach((match) => {
-            const fullMatch = match[0];
-            const parenContent = match[2];
-            const dollarContent = match[3];
-            const raw = parenContent || dollarContent;
-            const matchStart = match.index;
-
-            // 添加匹配前的文本
-            if (matchStart > lastIndex) {
-                frag.appendChild(document.createTextNode(text.slice(lastIndex, matchStart)));
-            }
-
-            try {
+    getTextNodes(container, (value) => value.includes("\\(") || value.includes("$")).forEach((node) => {
+        replaceTextNode(
+            node,
+            collectInlineMatches(node.nodeValue || ''),
+            (raw) => {
                 const span = document.createElement("span");
                 span.className = "katex-inline";
                 span.innerHTML = katex.renderToString(raw, {
@@ -101,81 +227,19 @@ function renderKatexInline(container = document.body) {
                     strict: false,
                     trust: true
                 });
-                frag.appendChild(span);
-            } catch (e) {
-                frag.appendChild(document.createTextNode(fullMatch));
-                console.error("Inline render error:", raw, e.message);
-            }
-
-            lastIndex = matchStart + fullMatch.length;
-        });
-
-        // 添加剩余文本
-        if (lastIndex < text.length) {
-            frag.appendChild(document.createTextNode(text.slice(lastIndex)));
-        }
-
-        if (frag.hasChildNodes()) {
-            node.parentNode.replaceChild(frag, node);
-        }
+                return span;
+            },
+            "Inline render error:"
+        );
     });
 }
 
 function renderKatexDisplayBlock(container = document.body) {
-    // 使用非贪婪匹配，允许多行但不跨过多段落
-    const blockRegex = /(?<!\\)(\$\$([\s\S]+?)\$\$|(?<!\\)\\\[([\s\S]+?)\\\])/g;
-
-    const walker = document.createTreeWalker(
-        container,
-        NodeFilter.SHOW_TEXT,
-        {
-            acceptNode: function (node) {
-                // 跳过已渲染的节点
-                if (
-                    node.parentNode &&
-                    (node.parentNode.classList?.contains('katex') ||
-                     node.parentNode.closest("pre, code, .katex"))
-                ) {
-                    return NodeFilter.FILTER_REJECT;
-                }
-
-                const value = node.nodeValue || '';
-                if (value.includes("$$") || value.includes("\\[")) {
-                    return NodeFilter.FILTER_ACCEPT;
-                }
-                return NodeFilter.FILTER_REJECT;
-            },
-        }
-    );
-
-    const nodesToReplace = [];
-    while (walker.nextNode()) {
-        nodesToReplace.push(walker.currentNode);
-    }
-
-    nodesToReplace.forEach((node) => {
-        const text = node.nodeValue;
-        const frag = document.createDocumentFragment();
-        let lastIndex = 0;
-
-        // 重置正则状态
-        blockRegex.lastIndex = 0;
-
-        const matches = [...text.matchAll(blockRegex)];
-
-        matches.forEach((match) => {
-            const fullMatch = match[0];
-            const dollarContent = match[2];
-            const bracketContent = match[3];
-            const raw = (dollarContent || bracketContent).trim();
-            const matchStart = match.index;
-
-            // 添加匹配前的文本
-            if (matchStart > lastIndex) {
-                frag.appendChild(document.createTextNode(text.slice(lastIndex, matchStart)));
-            }
-
-            try {
+    getTextNodes(container, (value) => value.includes("$$") || value.includes("\\[")).forEach((node) => {
+        replaceTextNode(
+            node,
+            collectBlockMatches(node.nodeValue || ''),
+            (raw) => {
                 const div = document.createElement("div");
                 div.className = "katex-block";
                 div.innerHTML = katex.renderToString(raw, {
@@ -184,23 +248,10 @@ function renderKatexDisplayBlock(container = document.body) {
                     strict: false,
                     trust: true
                 });
-                frag.appendChild(div);
-            } catch (e) {
-                frag.appendChild(document.createTextNode(fullMatch));
-                console.error("Block render error:", raw, e.message);
-            }
-
-            lastIndex = matchStart + fullMatch.length;
-        });
-
-        // 添加剩余文本
-        if (lastIndex < text.length) {
-            frag.appendChild(document.createTextNode(text.slice(lastIndex)));
-        }
-
-        if (frag.hasChildNodes()) {
-            node.parentNode.replaceChild(frag, node);
-        }
+                return div;
+            },
+            "Block render error:"
+        );
     });
 }
 

package/src/assets/js/pz_iframe.js

@@ -1,23 +1,23 @@
 import $ from "jquery";
-function buildIframe(str) {
+function buildIframe(str){
     let _str = new URLSearchParams(str);
-    let mode = _str.get("mode");
+    let mode = _str.get('mode')
 
-    if (mode == "vertical") {
-        return `<div class="w-pz-iframe-wrap" style="width:100%;overflow:auto;"><iframe class="w-pz-iframe" src="${str}" scrolling="no" width="750" height="3468" style="border:none;background:none;max-width:none;"></iframe></div>`;
-    } else {
-        return `<div class="w-pz-iframe-wrap" style="width:100%;overflow:auto;"><iframe class="w-pz-iframe" src="${str}" scrolling="no" width="1280" height="720" style="border:none;background:none;max-width:none;"></iframe></div>`;
+    if(mode == 'vertical'){
+        return `<iframe class="w-pz-iframe" src="${str}" scrolling="no" width="750" height="3468" style="border:none;background:none;max-width:100%;overflow:hidden;"></iframe>`
+    }else{
+        return `<iframe class="w-pz-iframe" src="${str}" scrolling="no" width="1280" height="720" style="border:none;background:none;max-width:100%;overflow:hidden;"></iframe>`
     }
 }
 
-function renderPzIframe(selector = ".e-pz-iframe") {
+function renderPzIframe(selector = ".e-pz-iframe"){
     try {
-        $(selector).each(function (i, ele) {
+        $(selector).each(function(i, ele) {
             // 获取嵌入源地址
-            let url = $(this).text();
+            let url =  $(this).text();
 
             // 构建嵌入源码
-            let code = buildIframe(url);
+            let code = buildIframe(url)
 
             // 挂载点
             $(this).after(code);
@@ -27,4 +27,4 @@ function renderPzIframe(selector = ".e-pz-iframe") {
     }
 }
 
-export default renderPzIframe;
+export default renderPzIframe

package/src/components/Author.vue

@@ -70,8 +70,8 @@
 
 <script>
 import { authorLink, getLink, getMedalLink, getThumbnail } from "@jx3box/jx3box-common/js/utils";
-import { getUserInfo, getUserMedals, getUserPublicTeams } from "../service/author.js";
-import { getDecoration, getDecorationJson } from "../service/cms.js";
+import { getUserInfo, getUserMedals, getUserPublicTeams } from "../service/author";
+import { getDecoration, getDecorationJson } from "../service/cms";
 import User from "@jx3box/jx3box-common/js/user";
 import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
 import Avatar from "./Avatar.vue";

package/src/components/Combo.vue

@@ -154,7 +154,7 @@ import { h } from "vue";
 import { ElIcon } from "element-plus";
 import { Check, Close } from "@element-plus/icons-vue";
 import { iconLink } from "@jx3box/jx3box-common/js/utils";
-import { getSkill } from "../service/resource.js";
+import { getSkill } from "../service/resource";
 import SkillMartial from "./SkillMartial.vue";
 
 import Sortable from "sortablejs";

package/src/components/PostAuthor.vue

@@ -27,7 +27,7 @@
 
 <script>
 import { authorLink } from "@jx3box/jx3box-common/js/utils";
-import { getEmotion } from "../service/author.js";
+import { getEmotion } from "../service/author";
 import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
 import dayjs from "dayjs";
 import Avatar from "./Avatar.vue";

package/src/components/SkillMartial.vue

@@ -178,7 +178,7 @@ import {
     getSkills,
     getTalents,
     getMobileForceSkillList,
-} from "../service/node.js";
+} from "../service/node";
 import kungfumap_std from "@jx3box/jx3box-data/data/martial/kungfu_std.json";
 import kungfumap_origin from "@jx3box/jx3box-data/data/martial/kungfu_origin.json";
 import { flattenDeep, uniqBy } from "lodash";