@jx3box/jx3box-ui 2.0.1 → 2.0.3

package/src/single/Thx.vue

@@ -36,18 +36,31 @@
                 :can-gift="lvEnough"
             />
             <Share :postId="postId" :postType="postType" :client="client" />
-            <watch-later :category="postType" :title="postTitle" :author-id="authorId" :banner="banner" :content-id="contentMetaId"></watch-later>
+            <watch-later
+                :category="postType"
+                :title="postTitle"
+                :author-id="authorId"
+                :banner="banner"
+                :content-id="contentMetaId"
+            ></watch-later>
         </div>
         <div class="w-thx-records">
-            <boxcoin-records :postId="postId" :postType="postType" :postClient="finalClient" :cacheRecord="cacheRecord"
-                :mode="mode" @update:boxcoin="updateBoxcoin" v-if="showRecord" />
+            <boxcoin-records
+                :postId="postId"
+                :postType="postType"
+                :postClient="finalClient"
+                :cacheRecord="cacheRecord"
+                :mode="mode"
+                @update:boxcoin="updateBoxcoin"
+                v-if="showRecord"
+            />
         </div>
         <div class="w-thx-copyright">
             &copy;
             所有原创作品，著作权归作者所有，所有未经授权的非署名转载或抄袭将有权追究法律责任，所有法律事务由专聘律师代理。<br />
             签约作者独家特约稿件，及所有魔盒官方评分作品用户一经兑现则视为有偿付费稿件，所有商业稿件的转载引用需同时征得魔盒平台授权。
         </div>
-</div>
+    </div>
 </template>
 
 <script>
@@ -62,7 +75,7 @@ import Rss from "../interact/Rss.vue";
 
 import User from "@jx3box/jx3box-common/js/user";
 import { getBoxcoinStatus, getPostBoxcoinConfig } from "../../service/thx";
-import {getConfig,getUserPermission} from "../../service/cms"
+import { getConfig, getUserPermission } from "../../service/cms";
 
 export default {
     name: "ThxComp",
@@ -82,7 +95,7 @@ export default {
             default: "normal",
         },
         postId: {
-            type: Number,
+            type: [Number, String],
             default: 0,
         },
         postType: {
@@ -94,7 +107,7 @@ export default {
             default: "",
         },
         userId: {
-            type: Number,
+            type: [Number, String],
             default: 0,
         },
         authors: {
@@ -126,7 +139,7 @@ export default {
             default: false,
         },
         authorId: {
-            type: Number,
+            type: [Number, String],
             default: 0,
         },
         banner: {
@@ -134,9 +147,13 @@ export default {
             default: "",
         },
         contentMetaId: {
-            type: Number,
+            type: [Number, String],
             default: 0,
-        }
+        },
+        category: {
+            type: String,
+            default: "",
+        },
     },
     data: function () {
         return {
@@ -170,11 +187,11 @@ export default {
         post_keys: function () {
             return [this.postId, this.postType];
         },
-        finalClient: function() {
-            if (this.client == 'wujie') {
-                return "std"
+        finalClient: function () {
+            if (this.client == "wujie") {
+                return "std";
             }
-            return this.client
+            return this.client;
         },
         showRecord() {
             // 当admin_boxcoin_visible为0时，作者本人和64及以上权限可见打赏记录
@@ -182,7 +199,7 @@ export default {
                 return this.userId == this.user.uid || this.user.group >= 64;
             }
             return true;
-        }
+        },
     },
     watch: {
         post_keys: {
@@ -224,25 +241,26 @@ export default {
             });
 
             getConfig({
-                key: 'admin_boxcoin_visible'
+                key: "admin_boxcoin_visible",
             }).then((res) => {
-                this.admin_boxcoin_visible = Number(res?.val)
+                this.admin_boxcoin_visible = Number(res?.val);
             });
 
             getConfig({
-                key: `level_has_gift_permission`
+                key: `level_has_gift_permission`,
             }).then((res) => {
-                User.isLogin() && User.getAsset().then((data) => {
-                    const asset = data;
-                    this.lvEnough = asset && asset.experience >= Number(res?.val);
-                });
+                User.isLogin() &&
+                    User.getAsset().then((data) => {
+                        const asset = data;
+                        this.lvEnough = asset && asset.experience >= Number(res?.val);
+                    });
             });
 
-
-            User.isLogin() &&  getUserPermission().then(res => {
-                const permissions = res.data.data.permission?.map(item => item.action)
-                this.hasPermission = permissions.includes(`manage_boxcoin_${this.postType}`)
-            })
+            User.isLogin() &&
+                getUserPermission().then((res) => {
+                    const permissions = res.data.data.permission?.map((item) => item.action);
+                    this.hasPermission = permissions.includes(`manage_boxcoin_${this.postType}`);
+                });
         },
         // 用户打赏
         updateRecord: function (data) {

package/src/single/cms-single.vue

@@ -99,7 +99,16 @@ export default {
         Comment,
         // RightAffix,
     },
-    props: ["post", "stat"],
+    props: {
+        post: {
+            type: Object,
+            default: () => ({}),
+        },
+        stat: {
+            type: Object,
+            default: () => ({}),
+        },
+    },
     data: function () {
         return {
             collection_data: "",

package/assets/img/author/msg.svg

@@ -1,55 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
-<g>
-	<g>
-		<path fill="#0391FC" class="st0" d="M0,289.83c0-52.87,0-105.74,0-158.61c0.62-1.51,1.33-3,1.86-4.54c1.96-5.79,5.25-10.65,9.81-14.72
-			c7.08-6.32,15.55-8.54,24.79-8.6c10.78-0.07,21.56-0.15,32.34-0.23l0.02-0.02c1.24,0.25,2.48,0.71,3.72,0.71
-			c76,0.02,151.99,0,227.99-0.01c1.4,0.3,2.79,0.62,4.19,0.9c13.66,2.75,24.51,14.66,25.8,28.34c0.01,27.32,0,54.63,0.05,81.95
-			c0,1.52,0.4,3.04,0.62,4.57c0.03,0.32,0.07,0.64,0.1,0.95c-0.06,1.56-0.18,3.12-0.18,4.67c-0.01,18.48,0.25,36.97-0.16,55.44
-			c-0.13,5.71-1.07,11.85-3.44,16.96c-6.23,13.47-17.59,19.6-32.31,19.61c-46.2,0.01-92.4,0.05-138.59-0.09
-			c-3.62-0.01-5.92,1.13-8.29,3.75c-20.74,23.01-41.61,45.89-62.42,68.83c-0.83,0.91-1.39,2.06-2.07,3.1
-			c-0.41-0.26-0.82-0.53-1.23-0.79c0-24.89,0-49.78,0-74.8c-16.19,0-31.94,0.12-47.68-0.03c-14.43-0.14-25.07-6.7-31.64-19.62
-			C2.01,295.07,1.08,292.41,0,289.83z M168.98,206.99c-30.47,0-60.93-0.01-91.4,0.01c-5.43,0-8.63,2.67-8.56,6.95
-			c0.07,4.11,3.17,6.68,8.33,6.9c0.52,0.02,1.04,0.01,1.56,0.01c60.02,0,120.04,0,180.06-0.02c1.55,0,3.13-0.12,4.64-0.46
-			c3.35-0.75,5.12-2.99,5.19-6.39c0.07-3.63-1.92-5.87-5.33-6.72c-1.48-0.37-3.1-0.27-4.66-0.27
-			C228.87,206.99,198.93,206.99,168.98,206.99z M168.89,248.38c-29.95,0-59.89,0-89.84,0.01c-1.56,0-3.16-0.07-4.66,0.26
-			c-3.34,0.74-5.24,3.1-5.29,6.39c-0.05,3.41,1.65,6.02,5.27,6.74c1.64,0.33,3.35,0.43,5.03,0.43c59.76,0.02,119.52,0.02,179.28,0
-			c1.68,0,3.4-0.09,5.03-0.47c3.33-0.78,5.08-3.07,5.1-6.46c0.02-3.63-2-5.84-5.42-6.65c-1.49-0.35-3.1-0.24-4.66-0.24
-			C228.78,248.38,198.83,248.38,168.89,248.38z M124.04,165.59c-15.62,0-31.24-0.03-46.86,0.02c-4.94,0.01-7.96,2.55-8.15,6.58
-			c-0.2,4.1,2.95,6.98,7.94,7.27c0.65,0.04,1.3,0.01,1.95,0.01c30.2,0,60.4,0.01,90.6-0.02c1.55,0,3.13-0.12,4.63-0.49
-			c3.36-0.82,4.96-3.22,5.01-6.56c0.07-4.2-3.06-6.79-8.26-6.8C155.29,165.57,139.66,165.59,124.04,165.59z"/>
-		<path fill="#0F71D2" class="st1" d="M331.29,220.52c-0.03-0.32-0.07-0.64-0.1-0.96c0-27.19,0.01-54.38-0.04-81.58c0-1.65-0.41-3.29-0.63-4.94
-			c-1.29-13.67-12.13-25.58-25.8-28.34c-1.4-0.28-2.8-0.6-4.19-0.9c-1.77-0.23-3.55-0.67-5.32-0.67
-			c-75.46-0.03-150.93-0.03-226.39-0.03c0,0-0.02,0.02-0.02,0.02c0.04-19.9-0.17-39.81,0.26-59.71c0.13-5.7,1.09-11.84,3.45-16.95
-			c6.4-13.81,18.08-19.6,33.09-19.59c85.86,0.06,171.72,0.03,257.58,0.04c2.08,0,4.18-0.03,6.23,0.25
-			c14.51,1.98,24.18,9.9,28.98,23.76c0.49,1.41,1.07,2.79,1.61,4.19c0,52.61,0,105.22,0,157.83c-0.52,1.13-1.18,2.22-1.54,3.4
-			c-4.33,13.9-15.62,23.26-30.23,23.93C355.94,220.84,343.61,220.47,331.29,220.52z"/>
-		<path fill="#FEFEFE" class="st2" d="M331.29,220.52c12.32-0.04,24.65,0.32,36.94-0.24c14.61-0.67,25.9-10.03,30.23-23.93
-			c0.37-1.18,1.02-2.27,1.54-3.4c0,69.02,0,138.04,0,207.05c-133.33,0-266.67,0-400,0c0-36.72,0-73.45,0-110.17
-			c1.08,2.58,2.01,5.23,3.27,7.72c6.57,12.91,17.21,19.48,31.64,19.62c15.74,0.15,31.49,0.03,47.68,0.03c0,25.02,0,49.91,0,74.8
-			c0.41,0.26,0.82,0.53,1.23,0.79c0.68-1.04,1.24-2.19,2.07-3.1c20.81-22.94,41.68-45.82,62.42-68.83c2.36-2.62,4.67-3.76,8.29-3.75
-			c46.2,0.14,92.4,0.1,138.59,0.09c14.73,0,26.08-6.13,32.31-19.61c2.36-5.11,3.31-11.26,3.44-16.96
-			c0.42-18.47,0.15-36.96,0.16-55.44C331.11,223.63,331.23,222.07,331.29,220.52z"/>
-		<path fill="#FDFDFE" class="st3" d="M400,35.12c-0.54-1.4-1.12-2.78-1.61-4.19c-4.79-13.86-14.47-21.78-28.98-23.76
-			c-2.05-0.28-4.15-0.25-6.23-0.25C277.32,6.9,191.47,6.93,105.61,6.87c-15.02-0.01-26.7,5.79-33.09,19.59
-			c-2.37,5.11-3.33,11.25-3.45,16.95c-0.44,19.9-0.23,39.8-0.26,59.71c-10.78,0.08-21.56,0.16-32.34,0.23
-			c-9.24,0.06-17.7,2.28-24.79,8.6c-4.56,4.07-7.85,8.93-9.81,14.72c-0.52,1.55-1.23,3.03-1.86,4.54C0,87.49,0,43.77,0,0
-			c133.33,0,266.67,0,400,0C400,11.69,400,23.4,400,35.12z"/>
-		<path fill="#F9FCFE" class="st4" d="M168.98,206.99c29.95,0,59.89,0,89.84,0.01c1.56,0,3.17-0.1,4.66,0.27c3.41,0.85,5.4,3.09,5.33,6.72
-			c-0.07,3.4-1.85,5.64-5.19,6.39c-1.5,0.34-3.09,0.45-4.64,0.46c-60.02,0.02-120.04,0.02-180.06,0.02c-0.52,0-1.04,0.02-1.56-0.01
-			c-5.16-0.22-8.26-2.78-8.33-6.9c-0.07-4.28,3.14-6.94,8.56-6.95C108.05,206.98,138.51,206.99,168.98,206.99z"/>
-		<path fill="#F8FCFE" class="st5" d="M168.89,248.38c29.95,0,59.89,0,89.84,0.01c1.56,0,3.17-0.11,4.66,0.24c3.42,0.81,5.45,3.02,5.42,6.65
-			c-0.02,3.4-1.77,5.69-5.1,6.46c-1.62,0.38-3.35,0.47-5.03,0.47c-59.76,0.02-119.52,0.02-179.28,0c-1.68,0-3.39-0.11-5.03-0.43
-			c-3.62-0.72-5.32-3.32-5.27-6.74c0.05-3.29,1.96-5.65,5.29-6.39c1.5-0.33,3.1-0.26,4.66-0.26
-			C109,248.38,138.94,248.38,168.89,248.38z"/>
-		<path fill="#F9FCFE" class="st4" d="M124.04,165.59c15.62,0,31.24-0.02,46.86,0.01c5.19,0.01,8.33,2.6,8.26,6.8c-0.06,3.33-1.65,5.74-5.01,6.56
-			c-1.5,0.37-3.08,0.48-4.63,0.49c-30.2,0.03-60.4,0.02-90.6,0.02c-0.65,0-1.3,0.02-1.95-0.01c-4.99-0.29-8.14-3.17-7.94-7.27
-			c0.2-4.03,3.22-6.57,8.15-6.58C92.8,165.56,108.42,165.59,124.04,165.59z"/>
-		<path fill="#4BA0EB" class="st6" d="M68.82,103.11c75.46,0,150.93,0,226.39,0.03c1.77,0,3.55,0.44,5.32,0.67c-76,0.01-151.99,0.03-227.99,0.01
-			C71.3,103.82,70.06,103.36,68.82,103.11z"/>
-		<path fill="#4FA9F3" class="st7" d="M330.52,133.05c0.22,1.65,0.63,3.29,0.63,4.94c0.04,27.19,0.03,54.38,0.04,81.58
-			c-0.22-1.52-0.62-3.04-0.62-4.57C330.52,187.68,330.53,160.36,330.52,133.05z"/>
-	</g>
-</g>
-</svg>

package/src/Bottom.vue

@@ -1,23 +0,0 @@
-<template>
-    <footer class="m-bottom">
-        <a :href="homepage" target="_blank">&copy; JX3BOX.COM</a>
-        <a class="u-feedback" :href="feedback" target="_blank">❤ Help</a>
-    </footer>
-</template>
-
-<script>
-import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
-export default {
-    name: "CommonBottom",
-    data: function () {
-        return {
-            homepage: JX3BOX.__Root,
-            feedback: JX3BOX.feedback + "&subject=" + location.href,
-        };
-    },
-};
-</script>
-
-<style lang="less">
-@import "../assets/css/common/bottom.less";
-</style>

package/src/Box.vue

@@ -1,149 +0,0 @@
-<template>
-    <div class="c-jx3box" :class="{ on: status, isOverlay: overlayEnable && isOverlay }">
-        <!-- search -->
-        <header-search @click.stop />
-
-        <!-- list -->
-        <ul class="u-list">
-            <li>
-                <a class="u-item" href="/index">
-                    <img class="u-pic" svg-inline :src="homeicon" />
-                    <img class="u-pic-hover" svg-inline :src="homeicon" />
-                    <span class="u-txt">首页</span>
-                </a>
-            </li>
-            <li v-for="(item, i) in list" :key="i" :class="{ 'u-app-start': item.lf }">
-                <a class="u-item" :href="item.href" :target="getTarget(item.href)">
-                    <img class="u-pic" :src="getBoxIcon(item.img)" />
-                    <!-- <img class="u-pic-hover" svg-inline :src="item.hover | getBoxIcon" /> -->
-                    <span class="u-txt">{{ item.abbr }}</span>
-                </a>
-            </li>
-        </ul>
-        <span class="u-close" @click="closeBox($event)">
-            <el-icon><Upload /></el-icon>
-            <span>收起</span>
-        </span>
-    </div>
-</template>
-
-<script>
-import _ from "lodash";
-import Bus from "../utils/bus";
-import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
-import box from "../assets/data/box.json";
-import { getMenu } from "../service/header.js";
-
-import search from "./header/search.vue";
-export default {
-    name: "CommonBox",
-    props: ["overlayEnable"],
-    data: function () {
-        return {
-            status: false,
-            isOverlay: false,
-            data: box,
-            client: location.href.includes("origin") ? "origin" : "std",
-        };
-    },
-    computed: {
-        homeicon: function () {
-            return JX3BOX.__imgPath + "image/box/home.svg";
-        },
-        homeicon_hover: function () {
-            return JX3BOX.__imgPath + "image/box/home_on.svg";
-        },
-        originicon: function () {
-            return JX3BOX.__imgPath + "image/box/origin.svg";
-        },
-        list: function () {
-            return this.data.filter((item) => {
-                return item.status && (item.client == this.client || item.client == "all");
-            });
-        },
-    },
-    methods: {
-        closeBox: function () {
-            Bus.emit("toggleBox", false);
-        },
-        matchedClient: function (client) {
-            return client == "all" ? true : client == this.client;
-        },
-        getBoxIcon: function (val) {
-            return JX3BOX.__imgPath + "image/box/" + val;
-        },
-        getTarget: function (val) {
-            if (window.innerWidth < 768 || val?.startsWith("/")) {
-                return "_self";
-            } else {
-                return "_blank";
-            }
-        },
-        loadMenu() {
-            try {
-                const _box = JSON.parse(sessionStorage.getItem("box"));
-                if (_box) {
-                    this.data = _box;
-                } else {
-                    getMenu("box").then((res) => {
-                        this.data = res.data?.data?.val;
-                        sessionStorage.setItem("box", JSON.stringify(this.data));
-                    });
-                }
-            } catch (e) {
-                this.data = box;
-                console.log("loadBox error", e);
-            }
-        },
-    },
-    created: function () {
-        if (this.overlayEnable) {
-            const vm = this;
-            window.addEventListener(
-                "scroll",
-                _.throttle(() => {
-                    vm.isOverlay = window.scrollY > 200 ? true : false;
-                }, 200)
-            );
-        }
-        this.loadMenu();
-    },
-    mounted: function () {
-        Bus.on("toggleBox", (status) => {
-            if (status == undefined) {
-                this.status = !this.status;
-            } else {
-                this.status = status;
-            }
-        });
-        document.addEventListener("click", function () {
-            Bus.emit("toggleBox", false);
-        });
-    },
-    components: {
-        "header-search": search,
-    },
-};
-</script>
-
-<style lang="less">
-@import "../assets/css/header/box.less";
-</style>
-
-<style scoped lang="less">
-.c-jx3box {
-    .c-header-search {
-        float: none;
-        .w(auto);
-        margin: 0 20px 10px 20px;
-        box-sizing: border-box;
-        padding: 0;
-        .none;
-    }
-}
-@media screen and (max-width: @phone) {
-    .c-jx3box .c-header-search {
-        .db;
-    }
-}
-</style>

package/src/author/AuthorMsg.vue

@@ -1,25 +0,0 @@
-<template>
-    <div class="c-author-msg">
-        <img src="../../assets/img/author/msg.svg" svg-inline title="短消息" />
-    </div>
-</template>
-
-<script>
-export default {
-    name: "AuthorMsg",
-    props: ["uid"],
-    components: {},
-    data: function () {
-        return {};
-    },
-    computed: {},
-    watch: {},
-    methods: {},
-    created: function () {},
-    mounted: function () {
-        // 需要判断是否接受私信
-    },
-};
-</script>
-
-<style scoped lang="less"></style>

package/src/bread/AdminButton.vue

@@ -1,31 +0,0 @@
-<template>
-    <el-button
-        v-if="show"
-        class="c-admin-button"
-        type="primary"
-        :size="button_size"
-        icon="Setting"
-        @click="toggleAdminPanel"
-        >管理</el-button
-    >
-</template>
-
-<script>
-import Bus from "../../utils/bus";
-import User from "@jx3box/jx3box-common/js/user";
-export default {
-    name: "BreadAdminButton",
-    props: ["size"],
-    data: function () {
-        return {
-            show: User.isEditor(),
-            button_size: this.size || "",
-        };
-    },
-    methods: {
-        toggleAdminPanel: function () {
-            Bus.emit("toggleAdminPanel");
-        },
-    },
-};
-</script>