@jx3box/jx3box-editor 1.4.6 → 1.4.9

package/assets/css/module/icon.less

@@ -10,10 +10,12 @@
     }
 
     .e-jx3-emotion {
-        .size(80px, 80px);
-        .mr(10px);
-        box-shadow: 0 0 1px inset rgba(0, 0, 0, 0.2);
-        //border: 1px solid #d2d2d2;
+        
+        max-width: 320px;
         vertical-align: middle;
+        &:hover{
+            box-shadow:none !important;
+        }
+        .e-jx3-emotion-img{border:none !important}
     }
 }

package/assets/css/module/resource.less

@@ -72,10 +72,6 @@
             .db;
         }
     }
-    .e-jx3-emotion {
-        padding: 0;
-        border: none;
-    }
 }
 @media print {
     .e-jx3-resource {

package/assets/css/resource.less

@@ -1,5 +1,5 @@
 .c-resource {
-    margin-right:5px;
+    margin-right: 5px;
     .u-switch {
         .u-icon {
             .size(14px);
@@ -18,8 +18,9 @@
         .lh(28px);
 
         .pr;
-        .u-mode{
-            .pa;.rt(0);
+        .u-mode {
+            .pa;
+            .rt(0);
         }
     }
 
@@ -70,7 +71,7 @@
             .rt(10px);
             .x(right);
         }
-        .u-detach{
+        .u-detach {
             .mt(4px);
             .db;
         }
@@ -97,8 +98,9 @@
             .mb(5px);
             .db;
 
-            .u-map, .u-life {
-                .mr(20px)
+            .u-map,
+            .u-life {
+                .mr(20px);
             }
         }
         .u-remark {
@@ -150,7 +152,8 @@
         }
     }
 
-    .m-resource-iconlist {
+    .m-resource-iconlist,
+    .m-resource-emotion {
         list-style: none;
         padding: 0;
         margin: 0;
@@ -174,18 +177,24 @@
             border: 2px solid transparent;
             &.on {
                 border: 2px solid #49c10f;
-                float: left;
-                margin-right: 10px;
-                margin-bottom: 10px;
                 border-radius: 6px;
             }
+        }
+    }
 
-            .e-jx3-emotion {
-                .size(80px, 80px);
-                .mr(10px);
-                padding: 0 !important;
-                box-shadow: 0 0 1px inset rgba(0, 0, 0, 0.2);
-                vertical-align: middle;
+    .m-resource-emotion {
+        .u-item {
+            .mr(20px);
+            .mb(20px);
+        }
+        .e-jx3-emotion {
+            .size(80px, 80px);
+            vertical-align: middle;
+            .e-jx3-emotion-img {
+                border: none !important;
+            }
+            &:hover {
+                box-shadow: none !important;
             }
         }
     }
@@ -219,23 +228,23 @@
         position: sticky;
         z-index: 100;
         top: 0;
-        padding:10px 20px 10px 20px;
-        background-color:#fff;
+        padding: 10px 20px 10px 20px;
+        background-color: #fff;
         .pr;
 
-        .u-client{
+        .u-client {
             // .pa;.lt(20px,10px);
-            margin-right:15px;
+            margin-right: 15px;
         }
-        .u-input{
-            flex:1;
+        .u-input {
+            flex: 1;
         }
         display: flex;
     }
 
     .m-database-tabs {
         // .mt(10px);
-        padding:10px 20px 20px 20px;
+        padding: 10px 20px 20px 20px;
         user-select: none;
         .u-icon {
             .size(20px);
@@ -305,7 +314,7 @@
     // 加载更多
     .m-archive-more {
         .none;
-        margin:0 20px 10px 20px;
+        margin: 0 20px 10px 20px;
         box-sizing: border-box;
         width: calc(100% - 40px);
     }
@@ -316,7 +325,7 @@
     // 分页
     .m-archive-pages {
         overflow-x: auto;
-        margin:0 20px;
+        margin: 0 20px;
         .x;
     }
 }

package/assets/data/game_font.json

@@ -0,0 +1,522 @@
+{
+    "remarks": [
+        "这个文件用于存储游戏内的字体ini",
+        "但是由于大部分场景下我们只需要字体的颜色",
+        "而且存在着很多个字体id对应同一种颜色的情况",
+        "所以用颜色作为键，值是一个数组，包含着颜色是键值的所有字体ID"
+    ],
+    "#ffffff": [
+        "0",
+        "2",
+        "3",
+        "5",
+        "7",
+        "9",
+        "10",
+        "13",
+        "15",
+        "18",
+        "22",
+        "26",
+        "28",
+        "37",
+        "40",
+        "41",
+        "42",
+        "44",
+        "106",
+        "135",
+        "162",
+        "175",
+        "190",
+        "197",
+        "203",
+        "207",
+        "210",
+        "211",
+        "212",
+        "213",
+        "214",
+        "216",
+        "227",
+        "228",
+        "230",
+        "231",
+        "232",
+        "233",
+        "234",
+        "238",
+        "244",
+        "245",
+        "247",
+        "248",
+        "250",
+        "254",
+        "257",
+        "259",
+        "263",
+        "264",
+        "272",
+        "273",
+        "276",
+        "292",
+        "300",
+        "301",
+        "303",
+        "304",
+        "310",
+        "324",
+        "327",
+        "329",
+        "331",
+        "332",
+        "336",
+        "339",
+        "343",
+        "344",
+        "362",
+        "371"
+    ],
+    "#000000": [
+        "1",
+        "6",
+        "29",
+        "38",
+        "43",
+        "156",
+        "160",
+        "180",
+        "191",
+        "225",
+        "260",
+        "269",
+        "288",
+        "326"
+    ],
+    "#282828": [
+        "4",
+        "296",
+        "312"
+    ],
+    "#ffff00": [
+        "8",
+        "11",
+        "14",
+        "16",
+        "23",
+        "27",
+        "31",
+        "48",
+        "59",
+        "65",
+        "99",
+        "100",
+        "136",
+        "163",
+        "187",
+        "188",
+        "200",
+        "201",
+        "204",
+        "236",
+        "241",
+        "258",
+        "289",
+        "306",
+        "315",
+        "328",
+        "330",
+        "334",
+        "372"
+    ],
+    "#ff7e7e": [
+        "12",
+        "17",
+        "51",
+        "52",
+        "53",
+        "54",
+        "55",
+        "56",
+        "57",
+        "58",
+        "70",
+        "85",
+        "86",
+        "87",
+        "88",
+        "89",
+        "90",
+        "91",
+        "92",
+        "93",
+        "94",
+        "95",
+        "96",
+        "97",
+        "98",
+        "111",
+        "114",
+        "115",
+        "116",
+        "117",
+        "118",
+        "119",
+        "120",
+        "121",
+        "122",
+        "123",
+        "124",
+        "125",
+        "126",
+        "127",
+        "128",
+        "129",
+        "130",
+        "140",
+        "141",
+        "142",
+        "143",
+        "144",
+        "145",
+        "146",
+        "147",
+        "148",
+        "149",
+        "150",
+        "151",
+        "152",
+        "153",
+        "154",
+        "178",
+        "179",
+        "279",
+        "320",
+        "370"
+    ],
+    "#a3b06a": [
+        "19",
+        "39",
+        "66"
+    ],
+    "#ff0000": [
+        "20",
+        "33",
+        "71",
+        "102",
+        "137",
+        "159",
+        "166",
+        "217",
+        "219",
+        "270",
+        "308",
+        "317"
+    ],
+    "#00c848": [
+        "21",
+        "36",
+        "80",
+        "105",
+        "165",
+        "167",
+        "222",
+        "226",
+        "287",
+        "316",
+        "365",
+        "369"
+    ],
+    "#ff9600": [
+        "24",
+        "32",
+        "68",
+        "101",
+        "164",
+        "168",
+        "237",
+        "256",
+        "318",
+        "335",
+        "366"
+    ],
+    "#adadad": [
+        "25",
+        "30",
+        "61",
+        "108",
+        "132",
+        "161",
+        "169",
+        "220",
+        "319",
+        "333"
+    ],
+    "#df12c9": [
+        "34",
+        "74",
+        "103",
+        "367"
+    ],
+    "#007eff": [
+        "35",
+        "77",
+        "104",
+        "285",
+        "323",
+        "368"
+    ],
+    "#cfcfcf": [
+        "45",
+        "60",
+        "107",
+        "131",
+        "189",
+        "215",
+        "221",
+        "223",
+        "261",
+        "283",
+        "374"
+    ],
+    "#969696": [
+        "46",
+        "62",
+        "109",
+        "133",
+        "218"
+    ],
+    "#04d1b6": [
+        "47"
+    ],
+    "#fff78e": [
+        "49",
+        "155"
+    ],
+    "#636363": [
+        "50",
+        "63",
+        "110",
+        "134",
+        "313"
+    ],
+    "#ffffbb": [
+        "64",
+        "177",
+        "182",
+        "185",
+        "239",
+        "375"
+    ],
+    "#ffca7e": [
+        "67",
+        "157",
+        "266",
+        "321"
+    ],
+    "#a96300": [
+        "69",
+        "158",
+        "240",
+        "307"
+    ],
+    "#a90000": [
+        "72",
+        "337",
+        "338",
+        "340"
+    ],
+    "#ca7eff": [
+        "73",
+        "112",
+        "195",
+        "278",
+        "305"
+    ],
+    "#5e1ba0": [
+        "75",
+        "181"
+    ],
+    "#7e7eff": [
+        "76",
+        "113",
+        "193"
+    ],
+    "#0000a9": [
+        "78"
+    ],
+    "#7ee3a3": [
+        "79",
+        "139",
+        "176",
+        "192",
+        "194",
+        "282"
+    ],
+    "#00842f": [
+        "81",
+        "138"
+    ],
+    "#e68c00": [
+        "82",
+        "294",
+        "295",
+        "325"
+    ],
+    "#dc1e00": [
+        "83"
+    ],
+    "#968c00": [
+        "84"
+    ],
+    "#606000": [
+        "170"
+    ],
+    "#1e366c": [
+        "171"
+    ],
+    "#8b2e1c": [
+        "172",
+        "293",
+        "299"
+    ],
+    "#105830": [
+        "173",
+        "309"
+    ],
+    "#45544b": [
+        "174"
+    ],
+    "#1e68fe": [
+        "183"
+    ],
+    "#ef370c": [
+        "184",
+        "208",
+        "235"
+    ],
+    "#4cdf15": [
+        "186",
+        "229"
+    ],
+    "#ff0012": [
+        "196",
+        "199"
+    ],
+    "#4fff6c": [
+        "198"
+    ],
+    "#33f3ff": [
+        "202",
+        "205",
+        "252",
+        "253",
+        "262"
+    ],
+    "#30bdd6": [
+        "206",
+        "281"
+    ],
+    "undefined": [
+        "209"
+    ],
+    "#fbeab7": [
+        "224",
+        "274",
+        "275",
+        "311",
+        "342"
+    ],
+    "#453d2a": [
+        "242",
+        "341"
+    ],
+    "#bafbdf": [
+        "243",
+        "246",
+        "249",
+        "255"
+    ],
+    "#ffde00": [
+        "251",
+        "271",
+        "280"
+    ],
+    "#96cedf": [
+        "265"
+    ],
+    "#fab07e": [
+        "267"
+    ],
+    "#e8c368": [
+        "268"
+    ],
+    "#99452b": [
+        "277"
+    ],
+    "#0b0b0b": [
+        "284"
+    ],
+    "#df11c9": [
+        "286"
+    ],
+    "#3e281b": [
+        "290",
+        "291",
+        "373"
+    ],
+    "#493c23": [
+        "297",
+        "298"
+    ],
+    "#46332b": [
+        "302",
+        "314",
+        "349"
+    ],
+    "#92de5f": [
+        "322"
+    ],
+    "#776859": [
+        "345",
+        "352"
+    ],
+    "#735c3c": [
+        "346",
+        "347",
+        "355",
+        "356"
+    ],
+    "#615044": [
+        "348"
+    ],
+    "#513301": [
+        "350",
+        "354",
+        "357"
+    ],
+    "#ece4cc": [
+        "351"
+    ],
+    "#fef9e7": [
+        "353"
+    ],
+    "#92bcb4": [
+        "358"
+    ],
+    "#6fa497": [
+        "359"
+    ],
+    "#bce5db": [
+        "360"
+    ],
+    "#e3d7c7": [
+        "361"
+    ],
+    "#95b9ba": [
+        "363"
+    ],
+    "#a9a7a3": [
+        "364"
+    ]
+}

package/assets/js/jx3_element.js

@@ -16,6 +16,8 @@ function renderItem(vm, selector = ".w-jx3-element") {
             vm.item.client = $(e.target).attr("data-client") == 'origin' ? 2 : 1;
         } else if (type === 'author') {
             vm.author.id = $(e.target).attr("data-id");
+        } else if (type === 'emotion') {
+            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");

package/assets/js/renderImgPreview.js

@@ -6,6 +6,7 @@ function renderImgPreview(vm, selector='.c-article img'){
         vm.images.push($(ele).attr('src'))
         // 绑定事件挂钩索引位置
         $(ele).on('click', (e) => {
+            if (e.target.classList.contains('e-jx3-emotion-img')) return
             vm.$hevueImgPreview({
                 multiple: true,
                 nowImgIndex: i,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jx3box/jx3box-editor",
-  "version": "1.4.6",
+  "version": "1.4.9",
   "description": "JX3BOX Article & Editor",
   "main": "index.js",
   "scripts": {
@@ -31,8 +31,8 @@
     "last 2 versions"
   ],
   "dependencies": {
-    "@jx3box/jx3box-common": "^7.2.1",
-    "@jx3box/jx3box-data": "^1.8.3",
+    "@jx3box/jx3box-common": "^7.4.2",
+    "@jx3box/jx3box-data": "^1.11.1",
     "@jx3box/jx3box-emotion": "^1.0.10",
     "@jx3box/jx3box-macro": "^1.0.1",
     "@jx3box/jx3box-talent": "^1.1.2",

package/service/author.js

@@ -21,9 +21,14 @@ async function getUserPublicTeams(uid) {
     return res.data.data;
 }
 
+// 获取指定表情
+function getEmotion(id) {
+    return $cms().get(`/api/cms/post/emotion/${id}`);
+}
 
 export {
     getUserMedals,
     getUserInfo,
     getUserPublicTeams,
+    getEmotion
 }

package/service/resource.js

@@ -0,0 +1,20 @@
+/*
+ * @Author: X3ZvaWQ
+ * @Date: 2022-08-20 22:17:27
+ * @LastEditors: X3ZvaWQ
+ * @LastEditTime: 2022-08-20 23:54:41
+ * @Description:
+ */
+import { $node } from "@jx3box/jx3box-common/js/https";
+const $ = $node();
+
+/* import axios from 'axios'
+const $ = axios.create({
+    baseURL: 'http://localhost:7002/',
+}) */
+
+function getResource(id, client = 'std') {
+    return $.get(`/resource/${client}/${id}`);
+}
+
+export { getResource };

package/src/Article.vue

@@ -55,6 +55,7 @@
             />
             <jx3-npc :client="npc.client" :id="npc.id" v-show="jx3_element.type === 'npc'" />
             <jx3-author :uid="author.id" v-show="jx3_element.type === 'author'" />
+            <jx3-emotion-author :id="emotion.id" v-show="jx3_element.type === 'emotion'" />
         </div>
         <!-- <gallery :images="images" :index="gallery_index" @close="index = null"></gallery> -->
     </div>
@@ -99,7 +100,8 @@ import Item from "./Item";
 import Buff from "./Buff";
 import Skill from "./Skill";
 import Npc from "./Npc";
-import Author from "./Author";
+import Author from "./components/Author";
+import PostAuthor from './components/PostAuthor.vue'
 import renderJx3Element from "../assets/js/jx3_element";
 
 export default {
@@ -149,6 +151,9 @@ export default {
             author: {
                 id: '',
             },
+            emotion: {
+                id: ''
+            },
             // COMMON
             jx3_element: {
                 style: {
@@ -280,6 +285,7 @@ export default {
         "jx3-skill": Skill,
         "jx3-npc": Npc,
         "jx3-author": Author,
+        'jx3-emotion-author': PostAuthor,
         // "gallery":gallery,
         // VueViewer
     },

package/src/BoxResource.vue

@@ -16,7 +16,7 @@
                     <el-tab-pane label="魔盒用户" name="authors">
                         <span slot="label" class="u-tab-label">
                             <i class="el-icon-s-custom" style="margin-right:5px;"></i>
-                            <b>魔盒用户</b>
+                            <b>用户</b>
                             <i class="u-lv-box">Lv2+</i>
                         </span>
                         <p v-if="total && done" class="m-resource-count">
@@ -38,15 +38,15 @@
                         </ul>
                         <el-alert v-if="!authors.length && done" title="没有找到相关条目" type="info" show-icon></el-alert>
                     </el-tab-pane>
-                    <el-tab-pane label="表情" name="emotions">
+                    <el-tab-pane label="剑三趣图" name="emotions">
                         <span slot="label" class="u-tab-label">
-                            <i class="el-icon-sugar"></i>
-                            <b>表情</b>
+                            <i class="el-icon-sugar" style="margin-right: 5px;"></i> 
+                            <b>趣图</b>
                         </span>
                         <p v-if="total && done" class="m-resource-count">
                             <i class="el-icon-s-data"></i> 共找到 <b>{{ total }}</b> 条记录
                         </p>
-                        <ul class="m-resource-iconlist">
+                        <ul class="m-resource-emotion">
                             <li v-for="o in emotions" class="u-item" :key="o.id" :class="{ on: !!o.isSelected }" @click="selectEmotion(o)" ref="emotion">
                                 <img class="e-jx3-emotion" :src="resolveImagePath(o.url)" :alt="query" />
                             </li>
@@ -196,7 +196,10 @@ export default {
 
             // 图标
             if (this.type === 'authors') {
-                if (!this.query) return;
+                if (!this.query) {
+                    this.loading = false;
+                    return;
+                };
 
                 params = {
                     ...params,
@@ -216,7 +219,7 @@ export default {
                     });
 
             } else if (this.type === 'emotions') {
-                this.per = 30;
+                this.per = 24;
                 params = {
                     per: this.per,
                     page: page,
@@ -301,7 +304,7 @@ export default {
         selectEmotion: function (o){
             this.resetItems();
             o.isSelected = true;
-            this.html = `<img class="e-jx3-emotion" style="width:80px;" src="${resolveImagePath(o.url)}" alt="${o.id}"/>`
+            this.html = `<a data-type="emotion" class="e-jx3-emotion w-jx3-element" data-id="${o.id}" target="_blank" href="/emotion/${o.id}"><img class="e-jx3-emotion-img" data-type="emotion" data-id="${o.id}" style="width:80px;" src="${o.url}" alt="${o.id}"/></a>`
         },
         resetItems: function() {
             let data = this[this.type];

package/src/GameText.vue

@@ -0,0 +1,144 @@
+<!--
+ * @Author: X3ZvaWQ
+ * @Date: 2022-08-20 20:23:57
+ * @LastEditors: X3ZvaWQ
+ * @LastEditTime: 2022-08-20 23:12:34
+ * @Description: 用于渲染游戏内Text标签的文本
+-->
+<template>
+    <span v-html="html"></span>
+</template>
+
+<script>
+import { extractTextContent, getLink } from "@jx3box/jx3box-common/js/utils";
+import { getResource } from "../service/resource";
+
+export default {
+    name: "GameText",
+    props: {
+        text: {
+            type: String,
+            default: "",
+        },
+        client: {
+            type: String,
+            default: "std",
+        },
+    },
+    data: function () {
+        return {
+            html: "",
+        };
+    },
+    methods: {
+        /**
+         * 渲染某一个单独的Text标签成Span或链接
+         * @param {*} school_id
+         * @returns
+         */
+        renderItemHtml: function (item) {
+            let content = item.text;
+            let style = ``;
+            let link = null;
+            content = content.replace(/\n/g, "<br />").replace(/\\/g, "");
+            if ([item.r, item.g, item.b].every((v) => v != undefined && v > 0)) {
+                style = `color: rgb(${item.r}, ${item.g}, ${item.b});`;
+            } else if (item.font != undefined) {
+                const fonts = require("../assets/data/game_font.json");
+                for (let color in fonts) {
+                    if (fonts[color].includes(item.font)) {
+                        style = `color: ${color};`;
+                        break;
+                    }
+                }
+            }
+            if (item.name == "iteminfolink" && item.script) {
+                let item_type = item.script?.match(/this\.dwTabType=(\d+)/i)?.[1];
+                let item_index = item.script?.match(/this\.dwIndex=(\d+)/i)?.[1];
+                if (item_type && item_index) {
+                    let item_id = `${item_type}_${item_index}`;
+                    link = getLink("item", item_id);
+                }
+            }
+            if (link) {
+                return `<a style="${style} text-decoration: none;" target="_blank" href="${link}">${content}</a>`;
+            } else {
+                return `<span style="${style}">${content}</span>`;
+            }
+        },
+        /**
+         * 将一段游戏内文本转换为Html
+         * @param {Object[]} texts 标签对象
+         */
+        renderTextHtml: function (Text) {
+            let result = Text;
+            const matches = Text.match(/<Text>(.*?)<\/text>/gimsy);
+            if (!matches) return Text;
+            for (let match of matches) {
+                let text = extractTextContent(match);
+                let html = this.renderItemHtml(text[0]);
+                result = result.replace(match, html);
+            }
+            return result;
+        },
+        /**
+         * 获取形如<BUFF 110 1 desc>的资源字段并转换
+         */
+        renderResource: function () {
+            const matches = this.html.match(/<BUFF (\d+) (\d+) (.*?)>/gim);
+            if (!matches) return;
+            for (let match of matches) {
+                let [, id, level, type] = match.match(/<BUFF (\d+) (\d+) (.*?)>/i);
+                type = type.toLowerCase();
+                let type_map = {
+                    desc: "Desc",
+                    time: "Interval",
+                };
+                getResource(`buff.${id}_${level}`, this.client)
+                    .then((res) => {
+                        let data = res.data;
+                        let attr = type_map[type] || type;
+                        let value = data[attr];
+                        if (typeof value == "number" && type == "time") {
+                            let time = value / 16;
+                            if (time > 60) {
+                                time = `${Math.floor(time / 60)}分钟`;
+                            } else {
+                                time = `${time}秒`;
+                            }
+                            this.html = this.html.replace(match, time);
+                            return;
+                        }
+                        if (!value) return;
+                        let _matches = value.match(/<BUFF ([0-9a-zA-Z]+)>/gi);
+                        if (!_matches) this.html = this.html.replace(match, value);
+                        for (let _match of _matches) {
+                            let [, _attr] = _match.match(/<BUFF ([0-9a-zA-Z]+)>/i);
+                            for (let i = 1; i < 15; i++) {
+                                if (data[`BeginAttrib${i}`] == _attr) {
+                                    value = value.replace(_match, data[`BeginValue${i}A`]);
+                                }
+                            }
+                        }
+                        this.html = this.html.replace(match, value);
+                    })
+                    .catch((err) => {
+                        console.log(err);
+                    });
+            }
+        },
+    },
+    watch: {
+        text: {
+            immediate: true,
+            handler: function (val) {
+                this.html = this.renderTextHtml(val);
+                this.renderResource();
+            },
+        },
+    },
+};
+</script>
+
+<style>
+</style>

package/src/Item.vue

@@ -175,11 +175,11 @@
                 <img :src="source.ImageUrl" @error.once="source.ImageUrl=null" />
             </div>
             <!-- 描述 -->
-            <p
+            <p 
                 v-if="source.DescHtml"
-                class="u-desc u-yellow"
-                v-html="formatDescHtml(source.DescHtml)"
-            ></p>
+                class="u-desc u-yellow">
+                <game-text :client="client" :text="source.DescHtml || source.Desc"></game-text>
+            </p>
             <!-- 五彩石属性 -->
             <p v-if="source.WuCaiHtml" class="u-desc" v-html="source.WuCaiHtml"></p>
             <!-- 品质等级 -->
@@ -243,6 +243,8 @@
 <script>
 import { get_item } from "../service/item.js";
 
+import GameText from "./GameText.vue";
+
 import attribute_percent from "../assets/js/item/attribute_percent.js";
 import bind from "../assets/js/item/bind.js";
 import color from "../assets/js/item/color.js";
@@ -255,12 +257,28 @@ dayjs.extend(duration);
 
 export default {
     name: "Item",
-    props: ["item", "item_id", "jx3ClientType","client"],
+    props: {
+        item: {
+            type: Object
+        },
+        item_id: {
+            type: String
+        },
+        client: {
+            type: String
+        },
+        jx3ClientType: {
+            type: Number
+        },
+    },
     data() {
         return {
             source: null,
         };
     },
+    components: {
+        GameText
+    },
     computed : {
         // 兼容旧版传值
         env_client_id : function (){

package/src/Tinymce.vue

@@ -23,7 +23,7 @@
             >进入特殊区域（代码块，折叠块等等）脱离或使用工具栏触发后，请使用键盘方向
             → ↓
             键进行脱离，回车只是正常在区块内换行。去掉样式点击第二行第一个&lt;清除格式&gt;即可复位。<a
-                href="/tool/16227"
+                href="/collection/31"
                 target="_blank"
                 >[编辑器使用指南]</a
             >

package/src/{Author.vue → components/Author.vue}

@@ -44,12 +44,12 @@
 
 <script>
 import { authorLink, getLink, getThumbnail } from "@jx3box/jx3box-common/js/utils";
-import { getUserInfo, getUserMedals, getUserPublicTeams } from "../service/author";
+import { getUserInfo, getUserMedals, getUserPublicTeams } from "../../service/author";
 import { __server, __imgPath,__userLevelColor } from "@jx3box/jx3box-common/data/jx3box.json";
 import User from "@jx3box/jx3box-common/js/user";
 import { __userLevel } from "@jx3box/jx3box-common/data/jx3box.json";
-import Avatar from "./components/Avatar.vue"
-import medal from "./components/medal.vue"
+import Avatar from "./Avatar.vue"
+import medal from "./medal.vue"
 export default {
     name: "Author",
     components: {
@@ -145,7 +145,7 @@ export default {
 </script>
 
 <style lang="less">
-@import "../assets/css/module/author.less";
+@import "../../assets/css/module/author.less";
 .w-author {
     .w-author-wrapper {
         .u-author{

package/src/components/PostAuthor.vue

@@ -0,0 +1,101 @@
+<!--
+ * @Author: iRuxu
+ * @Date: 2022-07-17 00:13:35
+ * @LastEditTime: 2022-07-17 00:40:25
+ * @Description: 
+-->
+<template>
+    <div class="w-author w-author__post" v-loading="loading">
+        <div class="w-author-wrapper el-popover" v-if="data">
+            <div class="u-meta">
+                <span class="u-meta-label">作者</span>
+                <span class="u-meta-value">
+                    <a class="u-user" :href="authorLink(data.user_id)" target="_blank">
+                        <Avatar class="u-user-avatar" :uid="data.user_id" :url="data.user_info.user_avatar" :size="32" />
+                        <span class="u-user-name">{{ data.user_info.display_name }}</span>
+                    </a>
+                </span>
+            </div>
+            <div class="u-meta">
+                <div class="u-meta-label">更新</div>
+                <div class="u-meta-value">
+                    {{ formatTime(data.created_at) }}
+                </div>
+            </div>
+            <div class="u-meta">
+                <div class="u-meta-label">信息</div>
+                <div class="u-meta-value">{{ data.desc }}</div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import { authorLink } from "@jx3box/jx3box-common/js/utils";
+import { getEmotion } from "../../service/author";
+import { __server, __imgPath, __userLevelColor } from "@jx3box/jx3box-common/data/jx3box.json";
+import dayjs from "dayjs";
+import Avatar from "./Avatar.vue";
+export default {
+    name: "PostAuthor",
+    components: {
+        Avatar,
+    },
+    props: ["id"],
+    data: () => ({
+        data: null,
+        loading: false,
+    }),
+    computed: {},
+    watch: {
+        id: {
+            immediate: true,
+            handler(val) {
+                if (val) {
+                    this.loadData();
+                }
+            },
+        },
+    },
+    methods: {
+        authorLink,
+        loadData() {
+            this.loading = true;
+            getEmotion(this.id).then((res) => {
+                this.data = res.data.data;
+                this.loading = false;
+            });
+        },
+        formatTime(val) {
+            return val && dayjs(val).format("YYYY-MM-DD HH:mm:ss") || "";
+        }
+    },
+};
+</script>
+
+<style scoped lang="less">
+@import "../../assets/css/module/author.less";
+.w-author {
+    
+    .u-meta{
+        display: flex;
+        align-items: center;
+        .fz(12px,24px);
+        .h(24px);
+        .mb(5px);
+    }
+    .u-meta-label{
+        .mr(10px);
+        background-color: @bg-gray;
+        padding:0 8px;
+        .r(2px);
+    }
+    .u-meta-value,.u-user{
+display: flex;
+        align-items: center;
+    }
+    .u-user-avatar{
+        .size(24px);
+    }
+}
+</style>