@jx3box/jx3box-vue3-ui 0.8.8 → 0.8.10

package/.eslintrc

@@ -4,20 +4,18 @@
         "node": true
     },
     "parser": "vue-eslint-parser",
-    "extends": [
-        "plugin:vue/vue3-essential",
-        "eslint:recommended"
-    ],
+    "extends": ["plugin:vue/vue3-essential", "eslint:recommended"],
     "rules": {
         "vue/multi-word-component-names": [
             "error",
             {
                 "ignores": ["Item"]
             }
-        ]
+        ],
+        "no-useless-escape": "off"
     },
     "globals": {
         "defineOptions": "writable",
         "tinyMCE": true
     }
-}
+}

package/assets/js/combo.js

@@ -1,6 +1,5 @@
 import $ from "jquery";
-import * as utilModule from "@jx3box/jx3box-common/js/utils";
-const { iconLink } = utilModule;
+import { iconLink } from "@jx3box/jx3box-common/js/utils";
 
 function renderCombo(selector = ".e-skill-combo .w-skill-combo-item") {
     try {

package/assets/js/filter2.js

@@ -1,5 +1,5 @@
 //对数据库查询的desc字段进行数据加工
-const { JX3BOX } = require('@jx3box/jx3box-common');
+import {JX3BOX} from '@jx3box/jx3box-common';
 let $ = jQuery
 
 //技能过滤器
@@ -33,7 +33,7 @@ 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++){
@@ -135,7 +135,7 @@ async function itemFilter(desc){
     desc = desc.replace(/<\/text>/g,'')
     desc = desc.replace(/font=\d+/g,'')
     desc = desc.replace(/"/g,'')
-    
+
     //处理buff描述
     desc = await filterByBuffDesc(desc)
 

package/assets/js/item/border.js

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

package/assets/js/item/border_quest.js

@@ -2,7 +2,8 @@
  * border_quest
  * @param {*} item 物品对象
  */
-const {__imgPath} = require("@jx3box/jx3box-common/data/jx3box.json");
+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)`;

package/assets/js/item/icon_url.js

@@ -3,7 +3,8 @@
  *
  * @param {*} icon_id IconID
  */
-const {__imgPath, __iconPath} = require("@jx3box/jx3box-common/data/jx3box.json");
+import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
+const { __imgPath, __iconPath } = JX3BOX;
 
 export default (icon_id) => {
     if (isNaN(parseInt(icon_id))) {

package/assets/js/stat.js

@@ -1,7 +1,7 @@
 import {
     Reporter
 } from "@jx3box/reporter"
-const { __Domain } = require("@jx3box/jx3box-common/data/jx3box.json") 
+import { __Domain } from "@jx3box/jx3box-common/data/jx3box.json";
 
 /**
      * 16进制转int

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jx3box/jx3box-vue3-ui",
-    "version": "0.8.8",
+    "version": "0.8.10",
     "description": "JX3BOX Vue3 UI",
     "main": "index.js",
     "scripts": {
@@ -26,7 +26,7 @@
     },
     "dependencies": {
         "@element-plus/icons-vue": "^2.1.0",
-        "@jx3box/jx3box-common": "^8.2.23",
+        "@jx3box/jx3box-common": "^8.2.24",
         "@jx3box/jx3box-data": "^3.6.0",
         "@jx3box/jx3box-emotion": "^1.2.8",
         "@jx3box/jx3box-macro": "^1.0.1",

package/service/author.js

@@ -34,12 +34,12 @@ async function getDouyu(ids) {
     return res.data.data;
 }
 
-async function getUserMedals(uid) { 
-    return  $cms({ mute: true })
-    .get("/api/cms/user/medal/" + uid)
-    .then((res) => {
-        return res.data.data;
-    });
+async function getUserMedals(uid) {
+    return $cms({ mute: true })
+        .get("/api/cms/user/medal/" + uid)
+        .then((res) => {
+            return res.data.data;
+        });
 }
 
 function getFrames() {

package/service/database.js

@@ -1,5 +1,5 @@
 import axios from "axios";
-const { __node, __helperUrl } = require("@jx3box/jx3box-common/data/jx3box.json");
+import { __node, __helperUrl } from "@jx3box/jx3box-common/data/jx3box.json";
 import { $node } from "@jx3box/jx3box-common/js/https_v2";
 
 function loadResource(type, query, params) {

package/service/enum/EquipPosition.js

@@ -1,48 +1,48 @@
 /**
  * 获取装备部位信息
  */
-import EquipType from './EquipType';
+import EquipType from "./EquipType";
 
 const EquipPosition = Object.freeze({
-  HELM: EquipType.HELM,                   // 帽子
-  CHEST: EquipType.CHEST,                 // 上衣
-  WAIST: EquipType.WAIST,                 // 腰带
-  BANGLE: EquipType.BANGLE,               // 护腕
-  PANTS: EquipType.PANTS,                 // 下装
-  BOOTS: EquipType.BOOTS,                 // 鞋子
-  AMULET: EquipType.AMULET,               // 项链
-  PENDANT: EquipType.PENDANT,             // 腰坠
-  RING_1: `${EquipType.RING}_1`,          // 戒指1
-  RING_2: `${EquipType.RING}_2`,          // 戒指2
-  MELEE_WEAPON: EquipType.MELEE_WEAPON,   // 近身武器
-  RANGE_WEAPON: EquipType.RANGE_WEAPON,   // 远程武器
+    HELM: EquipType.HELM, // 帽子
+    CHEST: EquipType.CHEST, // 上衣
+    WAIST: EquipType.WAIST, // 腰带
+    BANGLE: EquipType.BANGLE, // 护腕
+    PANTS: EquipType.PANTS, // 下装
+    BOOTS: EquipType.BOOTS, // 鞋子
+    AMULET: EquipType.AMULET, // 项链
+    PENDANT: EquipType.PENDANT, // 腰坠
+    RING_1: `${EquipType.RING}_1`, // 戒指1
+    RING_2: `${EquipType.RING}_2`, // 戒指2
+    MELEE_WEAPON: EquipType.MELEE_WEAPON, // 近身武器
+    RANGE_WEAPON: EquipType.RANGE_WEAPON, // 远程武器
 
-  all() {
-    // 部位配置信息
-    let positions = [
-      {type: this.MELEE_WEAPON, label: "武器", AucGenre: 1},
-      {type: this.RANGE_WEAPON, label: "暗器", AucGenre: 2},
-      {type: this.HELM, label: "帽子", AucGenre: 3, AucSubType: 2},
-      {type: this.CHEST, label: "上衣", AucGenre: 3, AucSubType: 1},
-      {type: this.WAIST, label: "腰带", AucGenre: 3, AucSubType: 3},
-      {type: this.BANGLE, label: "护腕", AucGenre: 3, AucSubType: 6},
-      {type: this.PANTS, label: "下装", AucGenre: 3, AucSubType: 4},
-      {type: this.BOOTS, label: "鞋子", AucGenre: 3, AucSubType: 5},
-      {type: this.AMULET, label: "项链", AucGenre: 4, AucSubType: 1},
-      {type: this.PENDANT, label: "腰坠", AucGenre: 4, AucSubType: 3},
-      {type: this.RING_1, label: "戒指", AucGenre: 4, AucSubType: 2},
-      {type: this.RING_2, label: "戒指", AucGenre: 4, AucSubType: 2},
-    ];
+    all() {
+        // 部位配置信息
+        let positions = [
+            { type: this.MELEE_WEAPON, label: "武器", AucGenre: 1 },
+            { type: this.RANGE_WEAPON, label: "暗器", AucGenre: 2 },
+            { type: this.HELM, label: "帽子", AucGenre: 3, AucSubType: 2 },
+            { type: this.CHEST, label: "上衣", AucGenre: 3, AucSubType: 1 },
+            { type: this.WAIST, label: "腰带", AucGenre: 3, AucSubType: 3 },
+            { type: this.BANGLE, label: "护腕", AucGenre: 3, AucSubType: 6 },
+            { type: this.PANTS, label: "下装", AucGenre: 3, AucSubType: 4 },
+            { type: this.BOOTS, label: "鞋子", AucGenre: 3, AucSubType: 5 },
+            { type: this.AMULET, label: "项链", AucGenre: 4, AucSubType: 1 },
+            { type: this.PENDANT, label: "腰坠", AucGenre: 4, AucSubType: 3 },
+            { type: this.RING_1, label: "戒指", AucGenre: 4, AucSubType: 2 },
+            { type: this.RING_2, label: "戒指", AucGenre: 4, AucSubType: 2 },
+        ];
 
-    // 重置键名
-    let output = {};
-    for (let i in positions) {
-      let position = positions[i];
-      output[position.type] = position;
-    }
+        // 重置键名
+        let output = {};
+        for (let i in positions) {
+            let position = positions[i];
+            output[position.type] = position;
+        }
 
-    return output;
-  }
-})
+        return output;
+    },
+});
 
-export default EquipPosition;
+export default EquipPosition;

package/service/enum/EquipType.js

@@ -1,33 +1,33 @@
 const EquipType = Object.freeze({
-  HELM: 'helm',                   // 帽子
-  CHEST: 'chest',                 // 上衣
-  WAIST: 'waist',                 // 腰带
-  BANGLE: 'bangle',               // 护腕
-  PANTS: 'pants',                 // 下装
-  BOOTS: 'boots',                 // 鞋子
-  AMULET: 'amulet',               // 项链
-  PENDANT: 'pendant',             // 腰坠
-  RING: 'ring',                   // 戒指
-  MELEE_WEAPON: 'melee_weapon',   // 近身武器
-  RANGE_WEAPON: 'range_weapon',   // 远程武器
-  AMMO_POUCH: 'ammo_pouch',       // 暗器弹药
+    HELM: "helm", // 帽子
+    CHEST: "chest", // 上衣
+    WAIST: "waist", // 腰带
+    BANGLE: "bangle", // 护腕
+    PANTS: "pants", // 下装
+    BOOTS: "boots", // 鞋子
+    AMULET: "amulet", // 项链
+    PENDANT: "pendant", // 腰坠
+    RING: "ring", // 戒指
+    MELEE_WEAPON: "melee_weapon", // 近身武器
+    RANGE_WEAPON: "range_weapon", // 远程武器
+    AMMO_POUCH: "ammo_pouch", // 暗器弹药
 
-  all() {
-    return [
-      this.HELM,
-      this.CHEST,
-      this.WAIST,
-      this.BANGLE,
-      this.PANTS,
-      this.BOOTS,
-      this.AMULET,
-      this.PENDANT,
-      this.RING,
-      this.MELEE_WEAPON,
-      this.RANGE_WEAPON,
-      this.AMMO_POUCH,
-    ]
-  },
-})
+    all() {
+        return [
+            this.HELM,
+            this.CHEST,
+            this.WAIST,
+            this.BANGLE,
+            this.PANTS,
+            this.BOOTS,
+            this.AMULET,
+            this.PENDANT,
+            this.RING,
+            this.MELEE_WEAPON,
+            this.RANGE_WEAPON,
+            this.AMMO_POUCH,
+        ];
+    },
+});
 
-export default EquipType;
+export default EquipType;

package/src/author/AuthorLink.vue

@@ -35,6 +35,7 @@
 <script>
 import * as utilModule from "@jx3box/jx3box-common/js/utils";
 const { tvLink } = utilModule;
+
 export default {
     name: "AuthorLink",
     props: ["data"],
@@ -61,8 +62,11 @@ export default {
             return "https://github.com/" + val;
         },
         getIcon: function (val) {
+            console.log(process.env);
             // return __imgPath + "image/author/" + val + ".svg";
-            return require("../../assets/img/author/" + val + ".svg");
+            const img = require("../../assets/img/author/" + val + ".svg");
+            console.log(img)
+            return img;
         },
     },
     created: function () {},

package/src/editor/Article.vue

@@ -43,7 +43,6 @@ import "element-plus/dist/index.css";
 
 // XSS
 import execFilterXSS from "../../assets/js/script";
-// const execFilterXSS = require("xss");
 const xss_options = {
     allowCommentTag: true,
 };

package/src/editor/BoxResource.vue

@@ -155,9 +155,10 @@
 import { loadStat } from "../../service/database";
 import { loadAuthors, loadEmotions } from "../../service/cms";
 import { getUserInfo } from "../../service/author";
-const { __Root, __OriginRoot, __imgPath } = require("@jx3box/jx3box-common/data/jx3box.json");
+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";
+const { __Root, __OriginRoot, __imgPath } = JX3BOX;
 
 // import ComboVue from "./components/Combo.vue";
 export default {

package/src/editor/Resource.vue

@@ -145,24 +145,24 @@
                                 v-for="(o, i) in item"
                                 :key="i"
                             >
-                            <template #reference>
-                                <li
-                                    class="u-item"
-                                    :class="{ on: o.isSelected }"
-                                    @click="selectItem(o, i)"
-                                    ref="item"
-                                >
-                                    <span class="u-id">ID:{{ o.id }}</span>
-                                    <img class="u-pic" :title="'IconID:' + o.IconID" :src="iconURL(o.IconID)" />
-                                    <span class="u-name">{{ o.Name }}</span>
-                                    <span class="u-content">
-                                        <game-text :text="o.Desc"></game-text>
-                                    </span>
-                                    <span class="u-remark">
-                                        {{ o.Requirement }}
-                                    </span>
-                                </li>
-                            </template>
+                                <template #reference>
+                                    <li
+                                        class="u-item"
+                                        :class="{ on: o.isSelected }"
+                                        @click="selectItem(o, i)"
+                                        ref="item"
+                                    >
+                                        <span class="u-id">ID:{{ o.id }}</span>
+                                        <img class="u-pic" :title="'IconID:' + o.IconID" :src="iconURL(o.IconID)" />
+                                        <span class="u-name">{{ o.Name }}</span>
+                                        <span class="u-content">
+                                            <game-text :text="o.Desc"></game-text>
+                                        </span>
+                                        <span class="u-remark">
+                                            {{ o.Requirement }}
+                                        </span>
+                                    </li>
+                                </template>
 
                                 <jx3-item :item_id="o.id" :client="client"></jx3-item>
                             </el-popover>
@@ -282,12 +282,15 @@
 <script>
 import { loadResource, loadStat, getIcons } from "../../service/database";
 import { loadEmotions } from "../../service/cms";
-const { __iconPath, __Root, __OriginRoot } = require("@jx3box/jx3box-common/data/jx3box.json");
+import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
 import detach_types from "../../assets/data/detach_type.json";
 import { iconLink, getLink, showAvatar } from "@jx3box/jx3box-common/js/utils";
 import GameText from "./components/GameText.vue";
 import User from "@jx3box/jx3box-common/js/user";
 import Item from "./components/Item.vue";
+
+const { __iconPath, __Root, __OriginRoot } = JX3BOX;
+
 export default {
     name: "ResourceDialog",
     props: {

package/src/editor/Tinymce.vue

@@ -33,9 +33,10 @@ import Editor from "@tinymce/tinymce-vue";
 import Upload from "./Upload.vue";
 import Resource from "./Resource.vue";
 import BoxResource from "./BoxResource.vue";
-const { __cms, __imgPath } = require("@jx3box/jx3box-common/data/jx3box.json");
+import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
 import Emotion from "@jx3box/jx3box-emotion/src/Emotion2.vue"
 import hljs_languages from "../../assets/js/item/hljs_languages.js"
+const { __cms, __imgPath } = JX3BOX;
 const API_Root = process.env.NODE_ENV === "production" ? __cms : "/";
 const API = API_Root + "api/cms/upload/tinymce";
 

package/src/editor/Upload.vue

@@ -76,7 +76,8 @@
 <script>
 import axios from "axios";
 import { cloneDeep } from "lodash";
-const { __cms } = require("@jx3box/jx3box-common/data/jx3box.json");
+import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
+const { __cms } = JX3BOX;
 const API_Root = process.env.NODE_ENV === "production" ? __cms : "/";
 const API = API_Root + "api/cms/upload";
 const imgtypes = ["jpg", "png", "gif", "bmp", "webp", "jpeg", "JPG", "PNG", "GIF", "BMP", "WEBP", "JPEG"];

package/src/editor/UploadAlum.vue

@@ -22,8 +22,9 @@
 
 <script>
 import draggable from "vuedraggable";
-const { getThumbnail } = require("@jx3box/jx3box-common/js/utils.js");
+import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
 import Upload from "./Upload.vue";
+const { getThumbnail } = JX3BOX;
 
 export default {
     name: "UploadAlum",
@@ -79,7 +80,7 @@ export default {
         },
         deleteHandle: function (row) {
             this.imgList=   this.imgList.filter(item=>item !== row);
-        }, 
+        },
         showThumbnail(val) {
             return getThumbnail(val, 146);
         },

package/src/editor/components/Author.vue

@@ -60,10 +60,12 @@
 import { authorLink, getLink, getThumbnail } from "@jx3box/jx3box-common/js/utils";
 import { getUserInfo, getUserMedals, getUserPublicTeams } from "../../../service/author";
 import { getDecoration, getDecorationJson } from "../../../service/cms";
-const { __imgPath, __userLevelColor } = require("@jx3box/jx3box-common/data/jx3box.json");
+import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
 import User from "@jx3box/jx3box-common/js/user";
 import Avatar from "./Avatar.vue";
 import medal from "./Medal.vue";
+const { __imgPath, __userLevelColor } = JX3BOX;
+
 const ATCARD_KEY = "decoration_atcard";
 const DECORATION_JSON = "decoration_json";
 const DECORATION_KEY = "decoration_me";

package/src/editor/components/Avatar.vue

@@ -9,7 +9,8 @@
 </template>
 
 <script>
-const { __imgPath } = require("@jx3box/jx3box-common/data/jx3box.json");
+import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
+const { __imgPath } = JX3BOX;
 import { showAvatar, authorLink } from "@jx3box/jx3box-common/js/utils";
 export default {
     name: "AvatarComponent",

package/src/editor/components/Equip.vue

@@ -45,7 +45,8 @@ const { authorLink } = utilModule;
 import QRcode from "@jx3box/jx3box-common-ui/src/interact/QRcode.vue";
 import { showTime } from "@jx3box/jx3box-common/js/moment.js";
 import { get_plan } from "../../../service/item.js";
-const { __Root } = require("@jx3box/jx3box-common/data/jx3box.json");
+import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
+const { __Root } = JX3BOX;
 export default {
     name: "EquipComponent",
     props: ["data", "id"],

package/src/header/Nav.vue

@@ -126,21 +126,22 @@
 </template>
 
 <script>
+import { cloneDeep } from "lodash";
 import default_nav from "../../assets/data/nav.json";
 import { getMenu } from "../../service/header";
 import { trimSlash } from "../../utils";
 
 const activeNav = {
-    index: ['index'],
-    macro: ['macro', 'pz'],
-    tool: ['app', 'jx3dat', 'dbm'],
-    bps: ['bps', 'jcl', 'battle'],
-    fb: ['fb','baizhan','team', 'jdt', 'rank'],
-    cj: ['cj', 'item', 'knowledge', 'quest'],
-    pvx: ['face', 'adventure', 'pvg'],
-    bbs: ['bbs','topic','event'],
-    pvp: ['pvp']
-}
+    index: ["index"],
+    macro: ["macro", "pz"],
+    tool: ["app", "jx3dat", "dbm"],
+    bps: ["bps", "jcl", "battle"],
+    fb: ["fb", "baizhan", "team", "jdt", "rank"],
+    cj: ["cj", "item", "knowledge", "quest"],
+    pvx: ["face", "adventure", "pvg"],
+    bbs: ["bbs", "topic", "event"],
+    pvp: ["pvp"],
+};
 export default {
     name: "HeaderNav",
     props: [],
@@ -153,6 +154,7 @@ export default {
     },
     computed: {
         finalNav: function ({ nav }) {
+            nav = cloneDeep(nav);
             // 父节点
             const finalNav = nav.filter((d) => !d.parentKey && d.status);
             // 子节点
@@ -183,8 +185,8 @@ export default {
     methods: {
         isFocus: function (type) {
             // return location.pathname.includes(type);
-            let active = '';
-            const pathname = location.pathname?.split('/')?.filter(Boolean)?.[0] || '';
+            let active = "";
+            const pathname = location.pathname?.split("/")?.filter(Boolean)?.[0] || "";
             for (const key in activeNav) {
                 if (activeNav[key].includes(pathname)) {
                     active = key;

package/src/single/PostHeader.vue

@@ -83,11 +83,13 @@
 </template>
 
 <script>
-const { __clients } = require("@jx3box/jx3box-common/data/jx3box.json");
+import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
 import { showDate, showTime } from "@jx3box/jx3box-common/js/moment";
 import { editLink, authorLink } from "@jx3box/jx3box-common/js/utils.js";
 import User from "@jx3box/jx3box-common/js/user.js";
 import $ from "jquery";
+const { __clients } = JX3BOX;
+
 export default {
     name: "PostHeader",
     props: ["post", "stat"],
@@ -140,24 +142,29 @@ export default {
     watch: {
         post: {
             deep: true,
-            handler: function() {
+            handler: function () {
                 this.countWords();
             },
-        }
+        },
     },
     methods: {
         showClientLabel: function (val) {
             return __clients[val];
         },
-        countWords: function (){
+        countWords: function () {
             this.$nextTick(() => {
                 // 需要去除空格 \n \g
                 // eslint-disable-next-line no-useless-escape
-                const text = $('.c-article').text()?.replace(/[\s|\n|\r|\t|\g|\ |\~|\`|\!|\@|\#|\$|\%|\^|\&|\*|\(|\)|\-|\_|\+|\=|\||\\|\[|\]|\{|\}|\;|\:|\"|\'|\,|\<|\.|\>|\/|\?|\，|\。|\？|\：|\；|\‘|\’|\”|\“|\、|\·|\！|\（|\）|\》|\《|\『|\』]/g, '');
+                const text = $(".c-article")
+                    .text()
+                    ?.replace(
+                        /[\s|\n|\r|\t|\g|\ |\~|\`|\!|\@|\#|\$|\%|\^|\&|\*|\(|\)|\-|\_|\+|\=|\||\\|\[|\]|\{|\}|\;|\:|\"|\'|\,|\<|\.|\>|\/|\?|\，|\。|\？|\：|\；|\‘|\’|\”|\“|\、|\·|\！|\（|\）|\》|\《|\『|\』]/g,
+                        ""
+                    );
 
                 this.wordCount = text?.length || 0;
-            })
-        }
+            });
+        },
     },
     mounted: function () {},
 };
@@ -245,7 +252,7 @@ export default {
     @origin: #0eb7ce;
     @std: #f0b400;
     @all: #a26ef7;
-    @wujie : #fc79bf;
+    @wujie: #fc79bf;
 
     .u-client {
         // .fl;
@@ -265,7 +272,7 @@ export default {
             color: @origin;
         }
 
-        &.wujie{
+        &.wujie {
             border: 1px solid #00dcda;
             color: #3ae0f1;
             background: #eff;
@@ -312,7 +319,8 @@ export default {
         font-style: normal;
     }
 
-    .u-views,.u-word-count {
+    .u-views,
+    .u-word-count {
         .flex;
         align-items: center;
         gap: 2px;

package/src/single/cms-single.vue

@@ -81,9 +81,11 @@ import Thx from "./Thx.vue";
 import Article from "../editor/Article.vue";
 // import ArticleMarkdown from "@jx3box/jx3box-editor/src/ArticleMarkdown.vue";
 import Comment from "./Comment.vue";
-const { __visibleMap } = require("@jx3box/jx3box-common/data/jx3box.json");
-import * as utilModule from "@jx3box/jx3box-common/js/utils";
-const { getAppType } = utilModule;
+import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
+import { getAppType } from "@jx3box/jx3box-common/js/utils";
+
+const { __visibleMap } = JX3BOX;
+
 export default {
     name: "cms-single",
     components: {
@@ -218,8 +220,8 @@ export default {
                     }
                     location.href = `/community/${val}`;
                 }
-            }
-        }
+            },
+        },
     },
 };
 </script>

package/vue.config.js

@@ -27,6 +27,7 @@ module.exports = {
 
     //⚛️ Proxy ~
     devServer: {
+        host: "localhost",
         proxy: {
             "/api/vip": {
                 target: "https://pay.jx3box.com",