@jx3box/jx3box-ui 0.0.1

package/assets/js/a.js

@@ -0,0 +1,46 @@
+// 链接标签
+import url from 'url'
+
+import * as utilModule from "@jx3box/jx3box-common/js/utils";
+const { resolveImagePath } = utilModule;
+
+function formatLink(str){
+    if(!str) return
+
+    const REG = /<a(.*?)href=['"]([^'"]+)['"](.*?)>(.*?)<\/a>/gi
+    let item;
+    while ((item = REG.exec(str))) {
+        let origin = item[0]
+        let prefix = item[1]
+
+        let href = item[2]
+        let to = url.parse(href)
+        const whiteHost = /https?:\/\/.*\.jx3box\.com/
+
+        if(to.host == 'oss.jx3box.com'){
+            href = resolveImagePath(href)
+        }
+
+
+        let skip = ''
+        if(!whiteHost.test(to.hostname)){
+            skip = 'target="_blank"'
+        }
+
+        // markdown中的锚点跳转
+        let isHashAnchor = href.startsWith('#')
+        if(isHashAnchor){
+            skip = 'target="_self"'
+        }
+
+        let suffix = item[3]
+        let text = item[4]
+
+        let output = `<a ${skip} ${prefix} href="${href}" ${suffix}>${text}</a>`
+        str = str.replace(origin,output)
+        // console.log(origin,output)
+    }
+    // console.log(str)
+    return str
+}
+export default formatLink

package/assets/js/app.js

@@ -0,0 +1,7 @@
+const KW = "jx3boxApp";
+
+function isApp() {
+    return window.navigator.userAgent.indexOf(KW) >= 0;
+}
+
+export { KW, isApp };

package/assets/js/code.js

@@ -0,0 +1,13 @@
+import hljs from "highlight.js";
+import "highlight.js/styles/github.css";
+
+function renderCode(selector) {
+    if (!selector) {
+        hljs.configure({
+            cssSelector: selector,
+        });
+    }
+    hljs.highlightAll();
+}
+
+export default renderCode;

package/assets/js/combo.js

@@ -0,0 +1,40 @@
+import $ from "jquery";
+import { iconLink } from "@jx3box/jx3box-common/js/utils";
+
+function renderCombo(selector = ".e-skill-combo .w-skill-combo-item") {
+    try {
+        let html = ''
+        $(selector).each(function() {
+            // 获取嵌入源地址
+            let url = $(this).text();
+
+            // extend = {gcd: 0}
+            const [id, name, icon, extend] = url.split(",");
+            // 去除左右花括号
+
+
+            const _extend = extend ? JSON.parse(extend) : null;
+
+            // 渲染
+            let code = `
+                <span class="w-skill-combo-item" data-id="${id}">
+                    <img class="u-skill-icon" src="${iconLink(icon)}" alt="${icon}" title="${name}" />
+                    <span class="u-skill-name" title="${name}">${name}</span>
+                    <i class="u-gcd-icon ${_extend && _extend.gcd == 0 ? 'is-show' : ''}" title="无GCD技能">
+                        <i class="el-icon-time"></i>
+                    </i>
+                </span>
+            `;
+            html += code;
+        });
+
+        // console.log(html)
+
+        // 挂载点
+        $(selector).parent().html(html);
+    } catch(e) {
+        console.log(e)
+    }
+}
+
+export default renderCombo;

package/assets/js/directory.js

@@ -0,0 +1,114 @@
+import $ from "jquery";
+const count = {
+    H1: 0,
+    H2: 0,
+    H3: 0,
+    H4: 0,
+    H5: 0,
+    H6: 0,
+};
+const MAX_DEPTH = 3;
+const PREFIX_CLS = "lv"; //class前缀
+
+function directory(from, to = "#directory") {
+    // 装载容器设置
+    const $box = $(to);
+    if (!to && $box.length) return;
+
+    // 遍历节点
+    let directories = $(from).find("h1,h2,h3,h4,h5,h6");
+
+    // 存在目录
+    if (directories.length > 1) {
+        let __markTags = analystics(from);
+
+        $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="c-article-directory-title-icon"></i> 导读</span>
+                    <span class="c-article-directory-title-skip" class="c-go-top">↑ 顶部</span>
+                    <span class="c-article-directory-title-folder" class="c-go-top">↕ 折叠</span>
+                </div>
+                <div class="c-article-directory-content" id="c-article-directory-content"></div>
+            </div>`
+        );
+
+        const $directory = $("#c-article-directory-content");
+        const $skip = $(".c-article-directory-title-skip");
+        const $folder = $(".c-article-directory-title-folder");
+
+        // 顶部按钮
+        $folder.on("click", function () {
+            $("#c-article-directory-content").slideToggle();
+        });
+        $skip.on("click", function () {
+            $(document).scrollTop(0);
+        });
+
+        // 遍历捕获的目录项
+        directories.each(function (i, item) {
+            // 进行克隆
+            let _item = $(item).clone();
+            // 解决懒加载跳转位置问题
+            $(item).append(`<a id="directory-${i}"></a>`);
+
+            // 过滤行内样式
+            _item.removeAttr("style");
+            _item.removeAttr("align");
+            _item.removeAttr("color");
+            _item.html($(item).text());
+
+            // 设置原始元素所在的位置
+            // _item.attr("data-skip", ~~$(this).offset().top - 112);
+            _item.data("raw", $(item));
+
+            // 样式设置
+            let _tag = $(item)[0].tagName;
+            if (__markTags.includes(_tag)) {
+                let lv = __markTags.indexOf(_tag) + 1;
+                _item.addClass(PREFIX_CLS + lv);
+            } else {
+                _item.addClass(PREFIX_CLS + 0);
+            }
+
+            //追加到目录盒中
+            $directory.append(_item);
+        });
+
+        // 进行事件委托
+        $directory.on("click", "h1,h2,h3,h4,h5,h6", function () {
+            let target = $(this).data("raw").offset().top;
+            $(document).scrollTop(target - 112);
+            $(this).data("raw").addClass("isScrollFocus");
+            setTimeout(() => {
+                $(this).data("raw").removeClass("isScrollFocus");
+            }, 3500);
+        });
+
+        return true;
+    }
+
+    // 不存在目录
+    return false;
+}
+
+function analystics(from) {
+    // 统计各个级别
+    for (let key in count) {
+        count[key] = $(from).find(key).length;
+    }
+    // 取前3个级别
+    let __c = 0;
+    let __markTags = [];
+    for (let key in count) {
+        if (count[key]) {
+            if (__c < MAX_DEPTH) {
+                __c += 1;
+                __markTags.push(key);
+            }
+        }
+    }
+    return __markTags;
+}
+
+export default directory;

package/assets/js/filter2.js

@@ -0,0 +1,186 @@
+//对数据库查询的desc字段进行数据加工
+import {JX3BOX} from '@jx3box/jx3box-common';
+let $ = jQuery
+
+//技能过滤器
+async function skillFilter(desc){
+    //处理sub
+    desc = await filterBySub(desc)
+
+    //处理buff描述
+    desc = await filterByBuffDesc(desc)
+
+    //处理buff时间
+    desc = await filterByBuffTime(desc)
+
+    //处理额外附加攻击   -- 基于skill@22635改进,2019/11/8
+    desc = filterByAdd(desc)
+
+    //过滤其它<>
+    desc = desc.replace(/\<.*?\>/g,'')
+
+    //替换undefined
+    desc = desc.replace(/undefined/g,'')
+
+    //替换回车符
+    desc = filterByLF(desc)
+
+    return desc
+}
+
+//skill - <SUB 22792 0> 子技能
+async function filterBySub(desc){
+    let reg = new RegExp(/\<SUB (\d+?) (\d)\>/g)
+    let subreg = new RegExp(/\<SUB (\d+?) (\d)\>/)
+    let hasMatched = reg.test(desc)
+
+    if(hasMatched){
+        let arr = desc.match(reg)
+        for(let i=0;i<arr.length;i++){
+            let capture = subreg.exec(arr[i])
+            let id = capture[1]
+            let level = capture[2]
+
+            let result = await get_resource('skill',id)
+            let skill = {}
+            $.each(result,function (i,obj){
+                if(obj.Level == level) {
+                    skill = obj
+                    return
+                }
+            })
+
+            desc = desc.replace(arr[i],skill.Desc)
+        }
+    }
+    return desc
+}
+
+//skill - <BUFF 112 0 desc> buff描述
+async function filterByBuffDesc(desc){
+    let reg = new RegExp(/\<BUFF (\d+?) \d?\ desc>/)
+    let hasMatched = reg.test(desc)
+    if(hasMatched){
+        let capture = reg.exec(desc)
+        let id = capture[1]
+        //let level = capture[2]
+
+        let result = await get_resource('buff',id)
+        let buff = result[0]
+        desc = desc.replace(reg,buff.Desc)
+    }
+    return desc
+}
+
+//skill - <BUFF 126 0 time> buff时间
+async function filterByBuffTime(desc){
+    let reg = new RegExp(/\<BUFF (\d+?) \d?\ time>/)
+    let hasMatched = reg.test(desc)
+    if(hasMatched){
+        let capture = reg.exec(desc)
+        let id = capture[1]
+
+        let result = await get_resource('advbuff',id)
+        let buff = result[0]
+        let time = parseInt(buff.Interval1) / 16 * parseInt(buff.Count) + '秒'
+        desc = desc.replace(reg,time)
+    }
+    return desc
+}
+
+//skill - (+<SKILLEx {D0} {TotalPhysicsAP 0.3906}>)
+function filterByAdd(desc){
+    let reg = new RegExp(/\(\+\<SKILLEx.*?\>\)/g)
+    let hasMatched = reg.test(desc)
+
+    if(hasMatched){
+        desc = desc.replace(reg,'')
+    }
+    return desc
+}
+
+//buff过滤器
+async function buffFilter(desc){
+
+    //处理其他类型的buff -- 基于skill@22635改进,2019/11/8
+    desc = filterByBuffAt(desc)
+
+    //过滤其它<>
+    desc = desc.replace(/\<.*?\>/g,'')      //<Skill 5798 0 4%>
+
+    //替换undefined
+    desc = desc.replace(/undefined/g,'')
+
+    //替换回车符
+    desc = filterByLF(desc)
+
+    return desc
+}
+
+//buff - <BUFF atCallPhysicsDamage>
+function filterByBuffAt(desc){
+    let reg = new RegExp(/<BUFF at.*?>/g)
+    let hasMatched = reg.test(desc)
+
+    if(hasMatched){
+        desc = desc.replace(reg,'')
+    }
+    return desc
+}
+
+//item过滤器
+async function itemFilter(desc){
+
+    desc = desc.replace(/<Text>text=/g,'')
+    desc = desc.replace(/<\/text>/g,'')
+    desc = desc.replace(/font=\d+/g,'')
+    desc = desc.replace(/"/g,'')
+
+    //处理buff描述
+    desc = await filterByBuffDesc(desc)
+
+    //处理buff时间
+    desc = await filterByBuffTime(desc)
+
+    //处理buff属性
+    desc = filterByBuffAt(desc)
+
+    desc = filterByLF(desc)
+    desc = desc.replace(/\\\\/g,'')
+
+    return desc
+}
+
+//秘籍过滤器
+async function mijiFilter(desc){
+    return desc
+}
+
+//回车
+function filterByLF(desc){
+    desc = desc.replace(/\\n/g,'\n')
+    return desc
+}
+
+//查询数据库
+function get_resource(type,query){
+    return new Promise((resolve,reject)=>{
+        $.ajax({
+                url:JX3BOX.__node + `${type}/id/` + query,
+                type:'GET',
+                success:function (data){
+                    resolve(data)
+                },
+                error:function (err){
+                    reject(err)
+                }
+        })
+    })
+}
+
+export {
+    skillFilter,
+    buffFilter,
+    itemFilter,
+    mijiFilter
+}

package/assets/js/fold.js

@@ -0,0 +1,11 @@
+//折叠文本区
+import $ from "jquery";
+function fold(ele) {
+    $(ele)
+        .find(".e-summary")
+        .on("click", function () {
+            $(this).next(".e-details").slideToggle();
+            $(this).toggleClass("on");
+        });
+}
+export default fold;

package/assets/js/gallery.js

@@ -0,0 +1,14 @@
+import $ from "jquery";
+
+function renderGallery(vm, selector = ".c-article img") {
+    $(selector).each((i, ele) => {
+        // 加载全部src（lazyload）
+        vm.images.push($(ele).attr("src"));
+        // 绑定事件挂钩索引位置
+        $(ele).on("click", (e) => {
+            vm.gallery_index = i;
+        });
+    });
+}
+
+export default renderGallery;

package/assets/js/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/iframe.js

@@ -0,0 +1,38 @@
+// iframe白名单
+import url from "url";
+function iframeFilter(str) {
+    if (!str) return;
+
+    const REG = /<iframe(.*?)src=[\\'"]([^\\'"]+)[\\'"](.*?)>.*?<\/iframe>/gi;
+    const white_list = ["player.bilibili.com", "docs.qq.com", "open.douyu.com"];
+
+    let item;
+    while ((item = REG.exec(str))) {
+        let origin = item[0];
+        let prefix = item[1];
+
+        // bilibili路径处理
+        let src = "";
+        if (item[2].startsWith("//")) {
+            src = item[2].replace("//", "https://");
+        } else {
+            src = item[2];
+        }
+
+        // 白名单过滤
+        let src_parsed = url.parse(src);
+        if (white_list.includes(src_parsed.hostname)) {
+            src = item[2];
+        } else {
+            src = "";
+        }
+
+        let suffix = item[3];
+        let output = `<iframe ${prefix} src="${item[2]}" ${suffix}></iframe>`;
+        str = str.replace(origin, output);
+        // console.log(origin,output)
+    }
+    // console.log(str)
+    return str;
+}
+export default iframeFilter;

package/assets/js/img.js

@@ -0,0 +1,23 @@
+// 图片地址&懒加载
+import * as utilModule from "@jx3box/jx3box-common/js/utils";
+const { resolveImagePath } = utilModule;
+import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
+function lazyLoad(str) {
+    if (!str) return;
+
+    const REG = /<img(.*?)src=['"]([^'"]+)['"](.*?)>/gi;
+    let item;
+    while ((item = REG.exec(str))) {
+        let origin = item[0];
+        let prefix = item[1];
+        let src = resolveImagePath(item[2]);
+        if (src.includes('https://console.cnyixun.com/')) {
+            src = src.replace('https://console.cnyixun.com/', JX3BOX.__cdn)
+        }
+        let suffix = item[3];
+        let output = `<img ${prefix} loading="lazy" src="${src}" ${suffix}>`;
+        str = str.replace(origin, output);
+    }
+    return str;
+}
+export default lazyLoad;