@jx3box/jx3box-vue3-ui 0.6.3 → 0.6.5

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jx3box/jx3box-vue3-ui",
-    "version": "0.6.3",
+    "version": "0.6.5",
     "description": "JX3BOX Vue3 UI",
     "main": "index.js",
     "scripts": {

package/src/author/AuthorHonor.vue

@@ -1,14 +1,14 @@
 <template>
-    <div class="c-author-honor" :style="{ backgroundImage: `url(${imgUrl()})` }" v-if="honor">
+    <a class="c-author-honor" :style="{ backgroundImage: `url(${imgUrl()})` }" v-if="honor" :href="url" target="_blank">
         <span :style="{ color: honor.color }">{{ honor.honor }}</span>
-    </div>
+    </a>
 </template>
 <script>
 import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
 import { getUserHonor } from "../../service/cms";
 import { inRange } from "lodash";
 
-const { __imgPath } = JX3BOX;
+const { __imgPath, __Root } = JX3BOX;
 const HONOR_IMG_KEY = "honor_img";
 export default {
     props: ["uid"],
@@ -29,6 +29,9 @@ export default {
         isJdt() {
             return this.honor?.val?.toLowerCase()?.includes("jdt");
         },
+        url() {
+            return this.honor?.honor_info?.url ? __Root + this.honor?.honor_info?.url : "";
+        },
     },
     methods: {
         imgUrl: function () {
@@ -61,7 +64,7 @@ export default {
         },
         //有称号后，获取样式配置
         getHonorStyle(honor) {
-            const data = honor
+            const data = honor;
             let honorConfig = honor?.honor_info;
             let only = honorConfig.only;
             let prefix = honorConfig.prefix;
@@ -69,7 +72,7 @@ export default {
             let ranking = honorConfig.ranking;
             let honorStr = honorConfig.year || "";
 
-            console.log(honorConfig, regPrefix)
+            console.log(honorConfig, regPrefix);
             if (!only) {
                 if (regPrefix) {
                     honorStr = honorStr + (data[regPrefix[0].slice(1, -1)] || "");
@@ -82,10 +85,7 @@ export default {
             if (ranking.length > 0) {
                 data.imgIndex = 0;
                 for (let i = 0; i < ranking.length; i++) {
-                    if (
-                        honor.ranking !== undefined &&
-                        inRange(Number(honor.ranking), ranking[i][0], ranking[i][1])
-                    ) {
+                    if (honor.ranking !== undefined && inRange(Number(honor.ranking), ranking[i][0], ranking[i][1])) {
                         data.imgIndex = i;
                         let str = ranking[i][2];
                         let regStr = str.match(/\{([^{}]+?)\}/g);
@@ -107,7 +107,7 @@ export default {
             data.img = honorConfig.img;
             data.img_ext = honorConfig.img_ext;
             data.isHave = true;
-            data.isImgIndex = ranking.length > 0;
+            data.isImgIndex = ranking?.length > 0;
             sessionStorage.setItem(HONOR_IMG_KEY + this.uid, JSON.stringify(data));
             this.honor = data;
         },

package/src/author/AuthorMedals.vue

@@ -25,7 +25,7 @@
 import { getMedalLink } from "@jx3box/jx3box-common/js/utils";
 import { getUserMedals } from "../../service/author";
 import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
-const { __imgPath } = JX3BOX;
+const { __imgPath, __Root } = JX3BOX;
 
 export default {
     name: "AuthorMedals",
@@ -59,6 +59,7 @@ export default {
             return __imgPath + "image/medals/user/" + medal + ".gif";
         },
         getMedalLink(medal) {
+            if (medal.medal_url) return `${__Root}${medal.medal_url}`;
             return getMedalLink(medal.rank_id, medal.medal_type || "rank");
         },
     },