@jx3box/jx3box-editor 1.1.8 → 1.2.2

package/assets/css/module/buff.less

@@ -14,7 +14,9 @@
 
     .w-buff-icon {
         .size(48px);
-        .mr(10px);
+        border:none;
+        padding:0;
+        margin:0 10px 0 0;
     }
 
     .w-buff-content {

package/assets/css/module/item.less

@@ -85,10 +85,13 @@
         background-color: rgba(15, 34, 34, 0.88);
         // background-color: #0f2222;
         color: #ffffff;
-        text-shadow: 1px 1px 1px #0f2222;
-        font-weight: normal;
-        font-size: 13.6px;
-        line-height: 1.5em;
+        
+        *{
+            font-weight: normal;
+            font-size: 13.6px;
+            line-height: 1.5em;
+            text-shadow: 1px 1px 1px #0f2222;
+        }
 
         &:before {
             content: "";

package/assets/css/module/npc.less

@@ -4,23 +4,19 @@
     .w-npc-wrapper {
         @min-width: 200px;
         min-width: @min-width;
-        padding: 9px 10px 10px;
         background-color: rgba(15, 34, 34, 0.88);
         box-sizing: border-box;
         display: flex;
 
-        div {
-            margin: 2px 0;
-        }
 
         .w-npc-content {
             box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
-            margin-bottom: 10px;
-            padding: 10px;
             .r(4px);
             .clearfix;
             .fz(13px);
             color: #e7e7e7;
+            margin:0;
+            padding:5px 15px 10px 15px;
         }
 
         .u-icon {
@@ -45,7 +41,7 @@
 
         .u-id {
             .pa;
-            .rt(22px,28px);
+            .rt(15px,10px);
             .pointer;
             color: #5df9eb;
         }

package/assets/css/module/skill.less

@@ -14,7 +14,9 @@
 
     .w-skill-icon{
         .size(48px);
-        .mr(10px);
+        border:none;
+        padding:0;
+        margin:0 10px 0 0;
     }
 
     .w-skill-content{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jx3box/jx3box-editor",
-  "version": "1.1.8",
+  "version": "1.2.2",
   "description": "JX3BOX Article & Editor",
   "main": "index.js",
   "scripts": {

package/service/item.js

@@ -1,14 +1,15 @@
 import { $helper } from "@jx3box/jx3box-common/js/https";
 
 // 获取物品
-function get_item(item_id, client_id) {
+function get_item(item_id, client) {
     if (!item_id) return;
-
     let options = {
-        url: `api/item/${item_id}`,
+        url: `/api/item/${item_id}`,
+        params : {
+            client
+        }
     };
-
-    return $helper({ mute: true,client_id : client_id })(options);
+    return $helper({ mute: true })(options);
 }
 
 // 获取清单

package/src/Article.vue

@@ -53,6 +53,7 @@
                 :level="skill.level"
                 v-show="jx3_element.type == 'skill'"
             />
+            <jx3-npc :client="npc.client" :id="npc.id" v-show="jx3_element.type === 'npc'" />
         </div>
         <!-- <gallery :images="images" :index="gallery_index" @close="index = null"></gallery> -->
     </div>
@@ -96,6 +97,7 @@ import renderPzIframe from '../assets/js/pz_iframe'
 import Item from "./Item";
 import Buff from "./Buff";
 import Skill from "./Skill";
+import Npc from "./Npc";
 import renderJx3Element from "../assets/js/jx3_element";
 
 export default {
@@ -137,6 +139,12 @@ export default {
                 id: "",
                 level: "",
             },
+            // NPC
+            npc : {
+                client : 'std',
+                id : '',
+            },
+            // COMMON
             jx3_element: {
                 style: {
                     top: 0,
@@ -265,6 +273,7 @@ export default {
         "jx3-item": Item,
         "jx3-buff": Buff,
         "jx3-skill": Skill,
+        "jx3-npc": Npc,
         // "gallery":gallery,
         // VueViewer
     },

package/src/Buff.vue

@@ -76,6 +76,6 @@ export default {
 };
 </script>
 
-<style scoped lang="less">
+<style lang="less">
 @import "../assets/css/module/buff.less";
 </style>

package/src/Item.vue

@@ -13,7 +13,7 @@
                 <span v-text="`精炼等级：0 / ${source.MaxStrengthLevel}`"></span>
             </div>
             <!-- 物品名称 -->
-            <h4 class="u-title" :style="{ color: color(source.Quality) }" v-text="source.Name"></h4>
+            <div class="u-title" :style="{ color: color(source.Quality) }" v-text="source.Name"></div>
             <!-- 绑定状态 -->
             <div v-if="source.BindType > 1" class="u-bind" v-text="bind(source.BindType)"></div>
             <!-- 唯一 -->
@@ -250,26 +250,34 @@ import { iconLink } from "@jx3box/jx3box-common/js/utils";
 
 export default {
     name: "Item",
-    props: ["item", "item_id", "jx3ClientType"],
+    props: ["item", "item_id", "jx3ClientType","client"],
     data() {
         return {
             source: null,
         };
     },
     computed : {
+        // 兼容旧版传值
+        env_client_id : function (){
+            return location.href.includes('origin') ? 2 : 1  
+        },
         client_id : function (){
-            return  this.jx3ClientType || 1
+            return  this.jx3ClientType || this.env_client_id
+        },
+        client_by_id : function (){
+            return  this.client_id == 1 ? 'std' : 'origin'
         },
-        client : function (){
-            return this.client_id == 1 ? 'std' : 'origin'
+        // 新版传值
+        final_client : function (){
+            return this.client || this.client_by_id
         },
         cache_key : function (){
-            return `item-${this.client}-${this.item_id}`  
+            return `item-${this.final_client}-${this.item_id}`  
         },
     },
     methods: {
         iconLink : function (id){
-            return iconLink(id,this.client)
+            return iconLink(id,this.final_client)
         },
         second_format,
         attribute_percent,
@@ -303,7 +311,7 @@ export default {
 
                     // 服务端拉取
                     }else{
-                        get_item(this.item_id, this.client_id).then((res) => {
+                        get_item(this.item_id, this.final_client).then((res) => {
                             let data = res.data;
                             if (data.code === 200) {
                                 let item = data.data.item;
@@ -324,6 +332,6 @@ export default {
 };
 </script>
 
-<style lang="less" scoped>
+<style lang="less">
 @import "../assets/css/module/item.less";
 </style>

package/src/Npc.vue

@@ -209,6 +209,6 @@ export default {
 };
 </script>
 
-<style scoped lang="less">
+<style lang="less">
 @import "../assets/css/module/npc.less";
 </style>

package/src/Resource.vue

@@ -198,7 +198,7 @@ import { loadResource, loadStat, getIcons } from "../service/database";
 import { __ossRoot, __iconPath, __Root, __OriginRoot } from "@jx3box/jx3box-common/data/jx3box.json";
 import detach_types from "../assets/data/detach_type.json";
 import User from "@jx3box/jx3box-common/js/user";
-import { iconLink } from "@jx3box/jx3box-common/js/utils";
+import { iconLink,getLink } from "@jx3box/jx3box-common/js/utils";
 export default {
     name: "Resource",
     props: {
@@ -369,7 +369,7 @@ export default {
                 // <img src="${this.iconURL(
                 //     o.IconID
                 // )}">
-                this.html = `<a data-type="buff" class="e-jx3-buff w-jx3-element ${o.CanCancel == 1 ? "isBuff" : "isDebuff"}" href="${this.getLink(
+                this.html = `<a data-type="buff" class="e-jx3-buff w-jx3-element ${o.CanCancel == 1 ? "isBuff" : "isDebuff"}" href="${this.getDbLink(
                     "buff",
                     this.client,
                     o.BuffID,
@@ -383,7 +383,7 @@ export default {
             this.resetItems();
             o.isSelected = true;
             if (this.skill_mode == "simple") {
-                this.html = `<a data-type="skill" class="e-jx3-skill w-jx3-element" href="${this.getLink("skill", this.client, o.SkillID, o.Level)}" data-client="${this.client}" data-id="${
+                this.html = `<a data-type="skill" class="e-jx3-skill w-jx3-element" href="${this.getDbLink("skill", this.client, o.SkillID, o.Level)}" data-client="${this.client}" data-id="${
                     o.SkillID
                 }" data-level="${o.Level}">[${o.Name}]</a>`;
             } else {
@@ -393,7 +393,7 @@ export default {
         selectItem: function(o, i) {
             this.resetItems();
             o.isSelected = true;
-            this.html = `<a data-type="item" class="e-jx3-item e-jx3-item-q${o.Quality} w-jx3-element" data-mode="" data-id="${o.id}" data-quality="${o.Quality}" data-client="${this.client}" target="_blank" href="${o.Link}">[${o.Name}]</a>`;
+            this.html = `<a data-type="item" class="e-jx3-item e-jx3-item-q${o.Quality} w-jx3-element" data-mode="" data-id="${o.id}" data-quality="${o.Quality}" data-client="${this.client}" target="_blank" href="${this.getLink('item', o.id)}">[${o.Name}]</a>`;
         },
         selectIcon: function(o) {
             this.resetItems();
@@ -403,7 +403,7 @@ export default {
         selectNpc: function (o, i){
             this.resetItems()
             o.isSelected = true
-            this.html = `<a data-type="npc" class="e-jx3-npc w-jx3-element" data-mode="" data-id="${o.ID}"  data-client="${this.client}" target="_blank" href="${this.getLink("npc", this.client, o.ID, '')}">[${o.Name}]</a>`
+            this.html = `<a data-type="npc" class="e-jx3-npc w-jx3-element" data-mode="" data-id="${o.ID}"  data-client="${this.client}" target="_blank" href="${this.getDbLink("npc", this.client, o.ID, '')}">[${o.Name}]</a>`
         },
         resetItems: function() {
             let data = this[this.type];
@@ -418,10 +418,14 @@ export default {
         iconURL: function(id) {
             return iconLink(id, this.client);
         },
-        getLink: function(type, client, id, level) {
+        getDbLink: function(type, client, id, level) {
             let domain = client == "origin" ? __OriginRoot : __Root;
             return domain + "app/database/?type=" + type + `&query=${id}&level=${level}`;
         },
+        getLink : function (type,id){
+            let domain = this.client == "origin" ? __OriginRoot : __Root;
+            return domain + getLink(type,id).slice(1)
+        },
 
         // 杂项
         // ==============================

package/src/Skill.vue

@@ -65,6 +65,6 @@ export default {
 };
 </script>
 
-<style scoped lang="less">
+<style lang="less">
 @import "../assets/css/module/skill.less";
 </style>