@jx3box/jx3box-ui 0.0.1

package/assets/js/item/attribute_percent.js

@@ -0,0 +1,88 @@
+/**
+ * attribute_percent
+ * @param {*} type 物品属性类型
+ * @param {*} value 物品属性值
+ */
+
+export default (type, value) => {
+    let label = '';
+    value = value ? parseInt(value) : 0;
+    switch (type) {
+        case 'atAllTypeCriticalStrike':
+        case 'atLunarCriticalStrike':
+        case 'atMagicCriticalStrike':
+        case 'atNeutralCriticalStrike':
+        case 'atPhysicsCriticalStrike':
+        case 'atPoisonCriticalStrike':
+        case 'atSolarAndLunarCriticalStrike':
+        case 'atSolarCriticalStrike':
+            label = `+${(value / 35737.5 * 100).toFixed(2)}%`;
+            break;
+        case 'atAllTypeCriticalDamagePowerBase':
+        case 'atLunarCriticalDamagePowerBase':
+        case 'atMagicCriticalDamagePowerBase':
+        case 'atNeutralCriticalDamagePowerBase':
+        case 'atPhysicsCriticalDamagePowerBase':
+        case 'atPoisonCriticalDamagePowerBase':
+        case 'atSolarAndLunarCriticalDamagePowerBase':
+        case 'atSolarCriticalDamagePowerBase':
+            label = `+${(value / 12506.25 * 100).toFixed(2)}%`;
+            break;
+        case 'atToughnessBase':
+            label = `+${(value / 35737.5 * 100).toFixed(2)}% +${(value / 9588.75 * 100).toFixed(2)}%会心减害`;
+            break;
+        // 化劲
+        case 'atDecriticalDamagePowerBase':
+            label = '';// `+${(value / (5175 + value) * 100).toFixed(2)}%`;
+            break;
+        case 'atAllTypeHitValue':
+        case 'atLunarHitValue':
+        case 'atMagicHitValue':
+        case 'atNeutralHitValue':
+        case 'atPhysicsHitValue':
+        case 'atPoisonHitValue':
+        case 'atSolarAndLunarHitValue':
+        case 'atSolarHitValue':
+            label = `+${(value / 25991.25 * 100).toFixed(2)}%`;
+            break;
+        // 闪避
+        case 'atDodge':
+            label = '';// `+${(value / (17355 + value) * 100).toFixed(2)}%`;
+            break;
+        // 招架
+        case 'atParryBase':
+            label = '';// `+${(value / (16293.75 + value) * 100).toFixed(2)}%`;
+            break;
+        case 'atStrainBase':
+            label = `+${(value / 34458.75 * 100).toFixed(2)}%`;
+            break;
+        case 'atPhysicsDefenceAdd':
+        case 'atPhysicsShieldAdditional':
+        case 'atPhysicsShieldBase':
+            label = '';// `+${(value / (19091.25 + value) * 100).toFixed(2)}%`;
+            break;
+        case 'atLunarMagicShieldBase':
+        case 'atMagicShield':
+        case 'atNeutralMagicShieldBase':
+        case 'atPoisonMagicShieldBase':
+        case 'atSolarMagicShieldBase':
+            label = '';// `+${(value / (19091.25 + value) * 100).toFixed(2)}%`;
+            break;
+        case 'atLunarOvercomeBase':
+        case 'atMagicOvercome':
+        case 'atNeutralOvercomeBase':
+        case 'atPhysicsOvercomeBase':
+        case 'atPoisonOvercomeBase':
+        case 'atSolarAndLunarOvercomeBase':
+        case 'atSolarOvercomeBase':
+            label = `+${(value / 35737.5 * 100).toFixed(2)}%`;
+            break;
+        case 'atHasteBase':
+            label = `+${(value / 43856.25 * 100).toFixed(2)}%`;
+            break;
+        default:
+            break;
+    }
+    return label ? ` (${label})` : '';
+}
+

package/assets/js/item/bind.js

@@ -0,0 +1,18 @@
+/**
+ * bind
+ * @param {*} BindType 绑定类型
+ */
+
+export default (BindType) => {
+    switch (BindType) {
+        case 1:
+            return '不绑定';
+        case 2:
+            return '装备后绑定';
+        case 3 :
+            return '拾取后绑定';
+        default:
+            return '未知'
+    }
+}
+

package/assets/js/item/border.js

@@ -0,0 +1,19 @@
+/**
+ * border
+ * @param {*} item 物品对象
+ */
+import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
+const { __imgPath } = JX3BOX;
+
+export default (item) => {
+    switch (item.Quality) {
+        case 3:
+            return `url(${__imgPath}image/item/blue.png)`;
+        case 4:
+            return `url(${__imgPath}image/item/purple.png)`;
+        case 5:
+            return `url(${__imgPath}image/item/orange.gif)`;
+        default:
+            return "";
+    }
+};

package/assets/js/item/border_quest.js

@@ -0,0 +1,12 @@
+/**
+ * border_quest
+ * @param {*} item 物品对象
+ */
+import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
+const { __imgPath } = JX3BOX;
+
+export default (item) => {
+    if (item.IsQuest > 0) return `url(${__imgPath}image/item/renwu.png)`;
+    return '';
+}
+

package/assets/js/item/color.js

@@ -0,0 +1,25 @@
+/**
+ * 品质 转 颜色
+ *
+ * @param {*} quality
+ */
+export default (quality) => {
+    quality = parseInt(quality);
+    switch (quality) {
+        case 0:
+            return 'rgb(167,167,167)';
+        case 1:
+            return 'rgb(255,255,255)';
+        case 2:
+            return 'rgb(0,210,75)';
+        case 3 :
+            return 'rgb(0,126,255)';
+        case 4:
+            return 'rgb(254,45,254)';
+        case 5:
+            return 'rgb(255,165,0)';
+        default:
+            return 'rgb(167,167,167)'
+    }
+}
+

package/assets/js/item/hljs_languages.js

@@ -0,0 +1,177 @@
+/**
+ * highlight.js 默认支持（不需要额外装库）的语法
+ * https://github.com/highlightjs/highlight.js/blob/main/SUPPORTED_LANGUAGES.md
+ */
+
+export default [
+    // 不加参数时默认的
+    { text: "JSON", value: "json" },
+    { text: "Lua", value: "lua" },
+    { text: "HTML, XML", value: "xml" },
+    { text: "Bash", value: "bash" },
+    { text: "JavaScript", value: "javascript" },
+    { text: "Python", value: "python" },
+    { text: "Java", value: "java" },
+    { text: "C", value: "c" },
+    { text: "C#", value: "csharp" },
+    { text: "C++", value: "cpp" },
+
+    // 其他支持的
+    { text: "1C", value: "1c" },
+    { text: "ABNF", value: "abnf" },
+    { text: "Access logs", value: "accesslog" },
+    { text: "Ada", value: "ada" },
+    { text: "Arduino (C++ w/Arduino libs)", value: "arduino" },
+    { text: "ARM assembler", value: "armasm" },
+    { text: "AVR assembler", value: "avrasm" },
+    { text: "ActionScript", value: "actionscript" },
+    { text: "AngelScript", value: "angelscript" },
+    { text: "Apache", value: "apache" },
+    { text: "AppleScript", value: "applescript" },
+    { text: "Arcade", value: "arcade" },
+    { text: "AsciiDoc", value: "asciidoc" },
+    { text: "AspectJ", value: "aspectj" },
+    { text: "AutoHotkey", value: "autohotkey" },
+    { text: "AutoIt", value: "autoit" },
+    { text: "Awk", value: "awk" },
+    { text: "Basic", value: "basic" },
+    { text: "BNF", value: "bnf" },
+    { text: "Brainfuck", value: "brainfuck" },
+    { text: "C/AL", value: "cal" },
+    { text: "Cache Object Script", value: "cos" },
+    { text: "CMake", value: "cmake" },
+    { text: "Coq", value: "coq" },
+    { text: "CSP", value: "csp" },
+    { text: "CSS", value: "css" },
+    { text: "Cap’n Proto", value: "capnproto" },
+    { text: "Clojure", value: "clojure" },
+    { text: "CoffeeScript", value: "coffeescript" },
+    { text: "Crmsh", value: "crmsh" },
+    { text: "Crystal", value: "crystal" },
+    { text: "D", value: "d" },
+    { text: "Dart", value: "dart" },
+    { text: "Delphi", value: "dpr" },
+    { text: "Diff", value: "diff" },
+    { text: "Django", value: "django" },
+    { text: "DNS Zone file", value: "dns" },
+    { text: "Dockerfile", value: "dockerfile" },
+    { text: "DOS", value: "dos" },
+    { text: "dsconfig", value: "dsconfig" },
+    { text: "DTS (Device Tree)", value: "dts" },
+    { text: "Dust", value: "dust" },
+    { text: "EBNF", value: "ebnf" },
+    { text: "Elixir", value: "elixir" },
+    { text: "Elm", value: "elm" },
+    { text: "Erlang", value: "erlang" },
+    { text: "Excel", value: "excel" },
+    { text: "F#", value: "fsharp" },
+    { text: "FIX", value: "fix" },
+    { text: "Fortran", value: "fortran" },
+    { text: "G-Code", value: "gcode" },
+    { text: "Gams", value: "gams" },
+    { text: "GAUSS", value: "gauss" },
+    { text: "Gherkin", value: "gherkin" },
+    { text: "Go", value: "go" },
+    { text: "Golo", value: "golo" },
+    { text: "Gradle", value: "gradle" },
+    { text: "Groovy", value: "groovy" },
+    { text: "HTTP", value: "http" },
+    { text: "Haml", value: "haml" },
+    { text: "Handlebars", value: "handlebars" },
+    { text: "Haskell", value: "haskell" },
+    { text: "Haxe", value: "haxe" },
+    { text: "Hy", value: "hy" },
+    { text: "Ini, TOML", value: "ini" },
+    { text: "Inform7", value: "inform7" },
+    { text: "IRPF90", value: "irpf90" },
+    { text: "Julia", value: "julia" },
+    { text: "Kotlin", value: "kotlin" },
+    { text: "LaTeX", value: "tex" },
+    { text: "Leaf", value: "leaf" },
+    { text: "Lasso", value: "lasso" },
+    { text: "Less", value: "less" },
+    { text: "LDIF", value: "ldif" },
+    { text: "Lisp", value: "lisp" },
+    { text: "LiveCode Server", value: "livecodeserver" },
+    { text: "LiveScript", value: "livescript" },
+    { text: "Makefile", value: "makefile" },
+    { text: "Markdown", value: "markdown" },
+    { text: "Mathematica", value: "mathematica" },
+    { text: "Matlab", value: "matlab" },
+    { text: "Maxima", value: "maxima" },
+    { text: "Maya Embedded Language", value: "mel" },
+    { text: "Mercury", value: "mercury" },
+    { text: "Mizar", value: "mizar" },
+    { text: "Mojolicious", value: "mojolicious" },
+    { text: "Monkey", value: "monkey" },
+    { text: "Moonscript", value: "moonscript" },
+    { text: "N1QL", value: "n1ql" },
+    { text: "NSIS", value: "nsis" },
+    { text: "Nginx", value: "nginx" },
+    { text: "Nim", value: "nim" },
+    { text: "Nix", value: "nix" },
+    { text: "OCaml", value: "ocaml" },
+    { text: "Objective C", value: "objectivec" },
+    { text: "OpenGL Shading Language", value: "glsl" },
+    { text: "OpenSCAD", value: "openscad" },
+    { text: "Oracle Rules Language", value: "ruleslanguage" },
+    { text: "Oxygene", value: "oxygene" },
+    { text: "PF", value: "pf" },
+    { text: "PHP", value: "php" },
+    { text: "Parser3", value: "parser3" },
+    { text: "Perl", value: "perl" },
+    { text: "Plaintext", value: "plaintext" },
+    { text: "Pony", value: "pony" },
+    { text: "PostgreSQL & PL/pgSQL", value: "pgsql" },
+    { text: "PowerShell", value: "powershell" },
+    { text: "Processing", value: "processing" },
+    { text: "Prolog", value: "prolog" },
+    { text: "Properties", value: "properties" },
+    { text: "Protocol Buffers", value: "protobuf" },
+    { text: "Puppet", value: "puppet" },
+    { text: "Python profiler results", value: "profile" },
+    { text: "Python REPL", value: "python-repl" },
+    { text: "Q", value: "k" },
+    { text: "QML", value: "qml" },
+    { text: "R", value: "r" },
+    { text: "ReasonML", value: "reasonml" },
+    { text: "RenderMan RIB", value: "rib" },
+    { text: "RenderMan RSL", value: "rsl" },
+    { text: "Roboconf", value: "graph" },
+    { text: "Ruby", value: "ruby" },
+    { text: "Rust", value: "rust" },
+    { text: "SAS", value: "SAS" },
+    { text: "SCSS", value: "scss" },
+    { text: "SQL", value: "sql" },
+    { text: "STEP Part 21", value: "p21" },
+    { text: "Scala", value: "scala" },
+    { text: "Scheme", value: "scheme" },
+    { text: "Scilab", value: "scilab" },
+    { text: "Shell", value: "shell" },
+    { text: "Smali", value: "smali" },
+    { text: "Smalltalk", value: "smalltalk" },
+    { text: "SML", value: "sml" },
+    { text: "Stan", value: "stan" },
+    { text: "Stata", value: "stata" },
+    { text: "Stylus", value: "stylus" },
+    { text: "SubUnit", value: "subunit" },
+    { text: "Swift", value: "swift" },
+    { text: "Tcl", value: "tcl" },
+    { text: "Test Anything Protocol", value: "tap" },
+    { text: "Thrift", value: "thrift" },
+    { text: "TP", value: "tp" },
+    { text: "Twig", value: "twig" },
+    { text: "TypeScript", value: "typescript" },
+    { text: "VB.Net", value: "vbnet" },
+    { text: "VBScript", value: "vbscript" },
+    { text: "VHDL", value: "vhdl" },
+    { text: "Vala", value: "vala" },
+    { text: "Verilog", value: "verilog" },
+    { text: "Vim Script", value: "vim" },
+    { text: "X++", value: "axapta" },
+    { text: "x86 Assembly", value: "x86asm" },
+    { text: "XL", value: "xl" },
+    { text: "XQuery", value: "xquery" },
+    { text: "YAML", value: "yml" },
+    { text: "Zephir", value: "zephir" },    
+];

package/assets/js/item/icon_url.js

@@ -0,0 +1,15 @@
+/**
+ * IconID 转 URL
+ *
+ * @param {*} icon_id IconID
+ */
+import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
+const { __imgPath, __iconPath } = JX3BOX;
+
+export default (icon_id) => {
+    if (isNaN(parseInt(icon_id))) {
+        return `${__imgPath}image/common/nullicon.png`;
+    } else {
+        return `${__iconPath}icon/${icon_id}.png`;
+    }
+};

package/assets/js/item/second_format.js

@@ -0,0 +1,19 @@
+/**
+ * second_format
+ * @param {*} second 秒
+ */
+
+export default (second) => {
+    let day = Math.floor(second / (24 * 3600)); // Math.floor()向下取整
+    let hour = Math.floor((second - day * 24 * 3600) / 3600);
+    let minute = Math.floor((second - day * 24 * 3600 - hour * 3600) / 60);
+    second = second - day * 24 * 3600 - hour * 3600 - minute * 60;
+
+    let output = '';
+    if (day) output += day + "天";
+    if (hour) output += hour + "小时";
+    if (minute) output += minute + "分钟";
+    if (second) output += second + "秒";
+    return output;
+}
+

package/assets/js/jx3_element.js

@@ -0,0 +1,73 @@
+import $ from "jquery";
+
+function renderItem(vm, selector = ".w-jx3-element") {
+
+    let outer, inner;
+    const pop_class = '.w-jx3-element-pop'
+
+    // 触发时
+    $(selector).on("mouseenter", function (e) {
+        clearTimeout(outer);
+
+        // 获取元素数据
+        let type = $(e.target).attr("data-type");
+        if (type == 'item') {
+            vm.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 = {}
+            vm.author.id = $(e.target).attr("data-id");
+        } else if (type === 'emotion') {
+            vm.emotion = {}
+            vm.emotion.id = $(e.target).attr("data-id");
+        } else {
+            vm[type] = {}
+            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 ? '' : vm.jx3_element = {
+            style: {},
+            type: ''
+        }
+        vm.jx3_element.type = type
+
+        // 计算浮层位置
+        let self_height = $(pop_class).height();
+        let win_height = window.innerHeight;
+        let current_y = e.clientY;
+        let will_stay_y = e.clientY + 10;
+
+        if (self_height && win_height - current_y < self_height) {
+            will_stay_y =
+                current_y - (self_height - (win_height - current_y)) - 100;
+        }
+        vm.jx3_element.style.left = e.clientX + 10 + "px";
+        vm.jx3_element.style.top = will_stay_y + "px";
+    });
+
+    // 移除时
+    $(selector).on("mouseleave", function () {
+        outer = setTimeout(() => {
+            $(pop_class).fadeOut();
+        }, 380);
+    });
+
+    // POP内停留
+    $(pop_class).on("mouseenter", function () {
+        clearTimeout(outer);
+        $(pop_class).fadeIn();
+    });
+    $(pop_class).on("mouseleave", function () {
+        clearTimeout(inner);
+        inner = setTimeout(() => {
+            $(pop_class).fadeOut();
+        }, 280);
+    });
+}
+
+export default renderItem;

package/assets/js/katex.js

@@ -0,0 +1,181 @@
+import $ from 'jquery';
+import katex from 'katex';
+import 'katex/dist/katex.min.css';
+
+function renderKatexBlock(selector = ".w-latex") {
+    try {
+        $(selector).each(function() {
+            let $katex = $(this);
+
+            // 获取原始HTML内容
+            let raw = $katex.html();
+
+            // 处理各种换行组合：
+            // 1. \\<br /> 或 \\<br> -> \\
+            raw = raw.replace(/\\\\\s*<br\s*\/?>/gi, '\\\\');
+            // 2. \<br /> 或 \<br> -> \\
+            raw = raw.replace(/\\\s*<br\s*\/?>/gi, '\\\\');
+            // 3. 单独的 <br /> -> \\
+            raw = raw.replace(/<br\s*\/?>/gi, '\\\\');
+
+            // 移除其他HTML标签但保留内容
+            raw = raw.replace(/<[^>]+>/g, '');
+
+            // 解码HTML实体（如 &nbsp; -> 空格）
+            raw = $('<div>').html(raw).text();
+
+            // 清理多余的空白字符
+            raw = raw.trim();
+
+            katex.render(raw, $katex.get(0), { displayMode: true });
+        });
+    } catch (e) {
+        console.error('KaTeX render error:', e);
+        console.error('Failed content:', $(this).html());
+    }
+}
+
+function renderKatexInline(container = document.body) {
+    // 支持 \(...\) 和 $...$ 两种行内语法
+    // 改进正则表达式，更好地匹配单美元符号
+    const inlineRegex = /(\\\((.+?)\\\)|\$([^$]+?)\$)/g;
+
+    const walker = document.createTreeWalker(
+        container,
+        NodeFilter.SHOW_TEXT,
+        {
+            acceptNode: function (node) {
+                if (
+                    node.parentNode &&
+                    !node.parentNode.closest("pre") &&
+                    (node.nodeValue.includes("\\(") || node.nodeValue.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;
+        let match;
+
+        while ((match = inlineRegex.exec(text))) {
+            const fullMatch = match[0];
+            const parenContent = match[2]; // \(...\)的内容
+            const dollarContent = match[3]; // $...$的内容
+            const raw = parenContent || dollarContent;
+            const matchStart = match.index;
+
+            // 添加匹配前文本
+            frag.appendChild(document.createTextNode(text.slice(lastIndex, matchStart)));
+
+            try {
+                const span = document.createElement("span");
+                // 处理JavaScript字符串中的双反斜杠转义
+                const processedRaw = raw.replace(/\\\\/g, '\\');
+                // 添加更多选项确保正确渲染
+                span.innerHTML = katex.renderToString(processedRaw, {
+                    displayMode: false,
+                    throwOnError: false,
+                    strict: false,
+                    trust: true
+                });
+                frag.appendChild(span);
+            } catch (e) {
+                frag.appendChild(document.createTextNode(fullMatch));
+                console.error("Inline render error:", raw, e);
+            }
+
+            lastIndex = inlineRegex.lastIndex;
+        }
+
+        // 剩余文本
+        if (lastIndex < text.length) {
+            frag.appendChild(document.createTextNode(text.slice(lastIndex)));
+        }
+
+        if (frag.hasChildNodes()) {
+            node.parentNode.replaceChild(frag, node);
+        }
+    });
+}
+
+function renderKatexDisplayBlock(container = document.body) {
+    // 支持 $$...$$ 和 \[...\] 两种块语法
+    const blockRegex = /(\$\$\s*([\s\S]+?)\s*\$\$|\\\[\s*([\s\S]+?)\s*\\\])/g;
+
+    const walker = document.createTreeWalker(
+        container,
+        NodeFilter.SHOW_TEXT,
+        {
+            acceptNode: function (node) {
+                if (
+                    node.parentNode &&
+                    !node.parentNode.closest("pre") &&
+                    (node.nodeValue.includes("$$") || node.nodeValue.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;
+        let match;
+
+        while ((match = blockRegex.exec(text))) {
+            const fullMatch = match[0];
+            const dollarContent = match[2]; // $$...$$的内容
+            const bracketContent = match[3]; // \[...\]的内容
+            const raw = dollarContent || bracketContent;
+            const matchStart = match.index;
+
+            // 添加匹配前文本
+            frag.appendChild(document.createTextNode(text.slice(lastIndex, matchStart)));
+
+            try {
+                const div = document.createElement("div");
+                // 处理JavaScript字符串中的双反斜杠转义
+                const processedRaw = raw.replace(/\\\\/g, '\\');
+                div.innerHTML = katex.renderToString(processedRaw, { displayMode: true });
+                frag.appendChild(div);
+            } catch (e) {
+                frag.appendChild(document.createTextNode(fullMatch));
+                console.error("Block render error:", raw, e);
+            }
+
+            lastIndex = blockRegex.lastIndex;
+        }
+
+        // 添加剩余文本
+        if (lastIndex < text.length) {
+            frag.appendChild(document.createTextNode(text.slice(lastIndex)));
+        }
+
+        node.parentNode.replaceChild(frag, node);
+    });
+}
+
+export function renderKatexAll(container = document.body) {
+    renderKatexBlock(".w-latex");
+    renderKatexDisplayBlock(container);
+    renderKatexInline(container);
+}

package/assets/js/macro.js

@@ -0,0 +1,16 @@
+import JX3_MACRO from '@jx3box/jx3box-macro'
+import $ from 'jquery'
+
+function macro(selector=".e-jx3macro-area"){
+    try {
+        $(selector).each(function() {
+            let $macro = $(this);
+            let macro = new JX3_MACRO($macro.text());
+            $macro.html(macro.code);
+        });
+    } catch (e) {
+        console.error(e);
+    }
+}
+export default macro
+

package/assets/js/nextpage.js

@@ -0,0 +1,4 @@
+function splitPages(str) {
+    return (str && str.split("<!--nextpage-->")) || "";
+}
+export default splitPages;