@jx3box/jx3box-ui 0.0.1

package/service/fav.js

@@ -0,0 +1,27 @@
+import { $next } from "@jx3box/jx3box-common/js/api";
+const $n = $next();
+
+function hasFav(post_type, post_id) {
+    return $n.get(`api/article/favorites/is-my/${post_id}/${post_type}`).then((res) => {
+        return res.data.data;
+    });
+}
+function addFav(post_type, post_id, post_title) {
+    return $n.post(`api/article/favorites/add/${post_id}/${post_type}`, { post_title }).then((res) => {
+        return res.data.data;
+    });
+}
+function delFav(id) {
+    return $n.delete(`api/article/favorites/my/${id}`);
+}
+
+// 稍后再看
+function addWatchLater(data) {
+    return $n.post(`api/next2/userdata/watch-later/item`, data)
+}
+
+function delWatchLater(params) {
+    return $n.delete(`api/next2/userdata/watch-later/item`, { params })
+}
+
+export { hasFav, addFav, delFav, addWatchLater, delWatchLater };

package/service/follow.js

@@ -0,0 +1,55 @@
+import { $next } from "@jx3box/jx3box-common/js/api";
+
+/**
+ * 关注用户
+ * @param {*} userId 用户id
+ */
+function follow(userId) {
+    return $next().post(`/api/my-userlist/follow/${userId}`);
+}
+
+/**
+ * 取消关注用户
+ * @param {*} userId 用户id
+ */
+function unfollow(userId) {
+    return $next().delete(`/api/my-userlist/follow/${userId}`);
+}
+
+/**
+ * 获取我的关注列表
+ * @param {*} param 参数
+ * @param {*} param.pageIndex 页码
+ * @param {*} param.pageSize 每页数量
+ * @param {*} param.user_id 用户id
+ * @param {*} param.display_name 用户昵称
+ */
+function getMyFollowList(params) {
+    return $next().get(`/api/my-userlist/follow`, {
+        params,
+    });
+}
+
+/**
+ * 获取我的粉丝列表
+ * @param {*} param 参数
+ * @param {*} param.pageIndex 页码
+ * @param {*} param.pageSize 每页数量
+ * @param {*} param.user_id 用户id
+ * @param {*} param.display_name 用户昵称
+ */
+function getMyFansList(params) {
+    return $next().get(`/api/my-userlist/follow-me`, {
+        params,
+    });
+}
+
+/**
+ * 获取某个用户的粉丝数量
+ * @param {*} userId 用户id
+ */
+function getFansCount(userId) {
+    return $next().get(`/api/followers/${userId}/count`);
+}
+
+export { follow, unfollow, getMyFollowList, getMyFansList, getFansCount };

package/service/github.js

@@ -0,0 +1,15 @@
+import axios from "axios";
+
+function getRepoInfo(repo) {
+    return axios.get(`https://api.github.com/github?repo=${repo}`);
+}
+
+function getBuilders(coders) {
+    return axios.get(`https://server.jx3box.com/user/list?uid=${coders}`);
+}
+
+function getRepoCoders(repo) {
+    return axios.get(`https://api.github.com/repos/JX3BOX/${repo}/contributors`);
+}
+
+export { getRepoInfo, getBuilders, getRepoCoders };

package/service/header.js

@@ -0,0 +1,42 @@
+import axios from "axios";
+import { $cms, $next } from "@jx3box/jx3box-common/js/api";
+import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
+
+function getLetter() {
+    return $next({ mute: true }).get("/api/letter/unread/count");
+}
+
+function getMsg() {
+    return $next({ mute: true }).get("/api/next2/userdata/messages/unread_total");
+}
+
+function getNav(client = "std") {
+    let file = client == "origin" ? "header_nav_origin.json" : "header_nav.json";
+    return axios.get(JX3BOX.__dataPath + `data/box/${file}`);
+}
+
+function getPanel() {
+    return axios.get(JX3BOX.__dataPath + "data/box/header_panel.json");
+}
+
+function getBox(client = "std") {
+    let filename = client == "origin" ? "box_origin.json" : "box.json";
+    return axios.get(JX3BOX.__dataPath + "data/box/" + filename);
+}
+
+function getMenu(key) {
+    return $cms().get(`/api/cms/config/menu/${key}`);
+}
+
+function getGames() {
+    return axios.get(JX3BOX.__dataPath + "data/product/games.json");
+}
+
+// 获取全局配置
+function getGlobalConfig() {
+    return axios.get(`${JX3BOX.__ossRoot}config/global.json`).then((res) => {
+        return res.data;
+    });
+}
+
+export { getLetter, getMsg, getNav, getPanel, getBox, getMenu, getGames, getGlobalConfig };

package/service/item.js

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

package/service/resource.js

@@ -0,0 +1,31 @@
+/*
+ * @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/api";
+const $ = $node();
+
+/* import axios from 'axios'
+const $ = axios.create({
+    baseURL: 'http://localhost:7002/',
+}) */
+
+function getResource(type, ids, client = "std") {
+    return $.post(`/resource/${client}/${type}/`, { ids });
+}
+
+function getSkill(query, params) {
+    let condition = isNaN(query) ? "name" : "id";
+    return $node().get(`/skill/${condition}/${query}`, {
+        params: params,
+    }).then(res => {
+        return res.data;
+    }).catch((err) => {
+        console.log(err);
+    });
+}
+
+export { getResource, getSkill };

package/service/suspend.js

@@ -0,0 +1,81 @@
+import { $next } from "@jx3box/jx3box-common/js/api";
+//订阅作者
+function subscribeAuthor(authorId, data) {
+    return $next().post(`/api/next2/rss/subscribe/author/${authorId}`, data);
+}
+
+function unsubscribeAuthor(authorId) {
+    return $next().delete(`/api/next2/rss/subscribe/author/${authorId}`);
+}
+
+function getSubscribeStatus(authorId) {
+    return $next().get(`/api/next2/rss/overview/author/${authorId}`);
+}
+//订阅帖子
+function subscribePost(id, data) {
+    return $next().post(`/api/next2/rss/subscribe/community/${id}`, data);
+}
+
+function unsubscribePost(id) {
+    return $next().delete(`/api/next2/rss/subscribe/community/${id}`);
+}
+
+function getSubscribePostStatus(id) {
+    return $next().get(`/api/next2/rss/overview/community/${id}`);
+}
+//订阅文章
+function subscribeArticle(postType, postId, data) {
+    return $next().post(`/api/next2/rss/subscribe/posts/${postType}/${postId}`, data);
+}
+
+function unsubscribeArticle(postType, postId) {
+    return $next().delete(`/api/next2/rss/subscribe/posts/${postType}/${postId}`);
+}
+function getSubscribeArticleStatus(postType, postId) {
+    return $next().get(`/api/next2/rss/overview/posts/${postType}/${postId}`);
+}
+//订阅百科
+function subscribeWiki(wikiType, id, data) {
+    return $next().post(`/api/next2/rss/subscribe/wiki/${wikiType}/${id}`, data);
+}
+
+function unsubscribeWiki(wikiType, id) {
+    return $next().delete(`/api/next2/rss/subscribe/wiki/${wikiType}/${id}`);
+}
+function getSubscribeWikiStatus(wikiType, id) {
+    return $next().get(`/api/next2/rss/overview/wiki/${wikiType}/${id}`);
+}
+//稍后看
+function later(data) {
+    return $next().post(`/api/next2/userdata/watch-later/item`, data);
+}
+// 收藏相关
+function setCollect(id, type, post_title) {
+    return $next().post(`/api/article/favorites/add/${id}/${type}`, {
+        post_title: post_title,
+    });
+}
+function getCollectList(id, type) {
+    return $next().get(`/api/article/favorites/is-my/${id}/${type}`);
+}
+function cancelCollect(id) {
+    return $next().delete(`/api/article/favorites/my/${id}`);
+}
+export {
+    subscribeAuthor,
+    unsubscribeAuthor,
+    subscribePost,
+    unsubscribePost,
+    subscribeArticle,
+    unsubscribeArticle,
+    subscribeWiki,
+    unsubscribeWiki,
+    getSubscribeStatus,
+    getSubscribePostStatus,
+    getSubscribeArticleStatus,
+    getSubscribeWikiStatus,
+    later,
+    setCollect,
+    getCollectList,
+    cancelCollect,
+};

package/service/thx.js

@@ -0,0 +1,60 @@
+import { $pay, $cms } from "@jx3box/jx3box-common/js/api";
+
+function getPostBoxcoinRecords(postType, postId, params) {
+    return $pay().get(`/api/inspire/article/${postType}/${postId}/history`, {
+        params,
+    });
+}
+
+function grantBoxcoin(postType, postId, userId, count, data) {
+    return $pay().post(`/api/inspire/article/${postType}/${postId}/manager2creator/${userId}/coins/${count}`, data);
+}
+
+function rewardBoxcoin(postType, postId, userId, count, data) {
+    return $pay().post(`/api/inspire/article/${postType}/${postId}/user2creator/${userId}/coins/${count}`, data);
+}
+
+function recoveryBoxcoin(id) {
+    return $pay().delete(`/api/inspire/coins/log/${id}/recovery`);
+}
+
+function getPostBoxcoinConfig(postType) {
+    return $pay().get(`/api/inspire/article/${postType}/boxcoin/limit`);
+}
+
+function getBoxcoinStatus() {
+    return $cms().get(`/api/cms/config`, {
+        params: {
+            key: "boxcoin",
+        },
+    });
+}
+
+function sendCny(payUserId, accessUserId, money, remark) {
+    return $pay().post(`/api/cny/consume/user-charge/${payUserId}/to/${accessUserId}/${money}`, { remark });
+}
+
+function checkCnyStatus(id) {
+    return $pay().get(`/api/cny/consume/check-status/${id}`);
+}
+
+function checkGiftStatus(accessUserId) {
+    return $pay().get(`/api/cny/consume/user-charge/to/${accessUserId}/check-status`);
+}
+
+function batchReward(articleType, count, data) {
+    return $pay().post(`/api/inspire/batch/article/${articleType}/coins/${count}`, data);
+}
+
+export {
+    getPostBoxcoinRecords,
+    grantBoxcoin,
+    rewardBoxcoin,
+    recoveryBoxcoin,
+    getPostBoxcoinConfig,
+    getBoxcoinStatus,
+    sendCny,
+    checkCnyStatus,
+    checkGiftStatus,
+    batchReward,
+};

package/src/App.vue

@@ -0,0 +1,212 @@
+<template>
+    <div class="container-page">
+        <CommonHeader></CommonHeader>
+        <!-- <breadcrumb
+            name="频道名称"
+            slug="slug"
+            root="/slug"
+            :publishEnable="true"
+            :feedbackEnable="true"
+            :adminEnable="true"
+            :crumbEnable="true"
+        >
+            <template #logo>
+                <img svg-inline src="../assets/img/editor/jx3.svg" />
+            </template>
+            <template #op-prepend> </template>
+        </breadcrumb>
+        <LeftSidebar :open="true" :uid="7">
+            <LeftSideToggle :mobileOnly="true" />
+            <Author :uid="7" />
+        </LeftSidebar>
+        <Main :withoutLeft="false" :withoutRight="false">
+            <versionBy value=""></versionBy>
+            <el-divider></el-divider>
+            <UploadAlum />
+            <singlebox :post="post" />
+            <SimpleThxVue
+                postType="bbs"
+                postTitle="bbs23865的标题"
+                :userId="7"
+                :adminBoxcoinEnable="true"
+                :userBoxcoinEnable="true"
+                :allowGift="true"
+                :postId="57260"
+            />
+            <Thx
+                postType="bbs"
+                postTitle="bbs23865的标题"
+                type="batchReward"
+                :userId="7"
+                :adminBoxcoinEnable="true"
+                :userBoxcoinEnable="true"
+                :postId="57260"
+                :allowGift="true"
+                :showRss="true"
+            />
+            <Comment category="post" id="80449"></Comment>
+            <RightSidebar :show-toggle="true">
+                <PostTopic type="bps" :id="48857"></PostTopic>
+                <div id="directory"></div>
+            </RightSidebar>
+
+            <SuspendCommon
+                :drawerOptions="{
+                    author: {
+                        name: '作者名字',
+                        avatar: 'https://cdn.jx3box.com/upload/avatar/2022/3/2/8_9860765.png',
+                        author_id: 8,
+                    },
+                    subscribeType: 'posts',
+                    postType: 'macro',
+                    id: 97147,
+                    title: '薄嘴唇靓仔！！！',
+                }"
+                @search="suspendSearch"
+            >
+                <template #default>
+                    <div style="display: flex; gap: 1rem">
+                        <div>切换</div>
+                        <div>切换</div>
+                        <div>切换</div>
+                    </div>
+                </template>
+            </SuspendCommon>
+        </Main> -->
+        <CommonFooter> </CommonFooter>
+    </div>
+</template>
+
+<script>
+// import singlebox from "./single/cms-single.vue";
+// import UploadAlum from "./editor/UploadAlum.vue";
+// import Author from "./single/Author.vue";
+// import SimpleThxVue from "./single/SimpleThx.vue";
+// import Comment from "./single/Comment.vue";
+// import Thx from "./single/Thx.vue";
+// import PostHeader from "./single/PostHeader.vue";
+// import PostTopic from "./single/PostTopic.vue";
+// import axios from "axios";
+// import post_topics from "@jx3box/jx3box-common/data/post_topics.json";
+// import { get_item } from "../service/item";
+// import AdminDirectMessage from "./bread/AdminDirectMessage.vue";
+// import Admin from "@/bread/Admin.vue";
+// import versionBy from "./filters/versionBy.vue";
+// import SuspendCommon from "./SuspendCommon.vue";
+export default {
+    name: "App",
+    components: {
+        // SimpleThxVue,
+        // Author,
+        // Comment,
+        // Thx,
+        // // PostHeader,
+        // PostTopic,
+        // UploadAlum,
+        // // AdminDirectMessage,
+        // singlebox,
+        // versionBy,
+        // SuspendCommon,
+        // // Admin,
+    },
+    data() {
+        return {
+            post_id: "74662",
+            post: "",
+            client: location.href.includes("origin") ? "origin" : "std",
+            tag: "",
+            // post_topics: post_topics["bps_pve"],
+            tag2: "",
+            item1: null,
+            item2: null,
+            item3: null,
+            item4: null,
+            item5: null,
+            item6: null,
+        };
+    },
+    watch: {
+        post_id: {
+            immediate: true,
+            handler: function () {
+                // this.loadPost();
+            },
+        },
+    },
+    methods: {
+        suspendSearch: function (val) {
+            console.log(val, "222");
+        },
+        update(data) {
+            console.log(data);
+        },
+        loadPost() {
+            axios.get(`/api/cms/post/${this.post_id}`).then((res) => {
+                this.post = res.data.data;
+                this.$forceUpdate();
+            });
+        },
+        filterMeta(val) {
+            console.log(val);
+        },
+        loadItems() {
+            get_item("10_310").then((res) => {
+                let data = res.data;
+                if (data.code === 200) {
+                    let item = data.data.item;
+                    this.item1 = JSON.stringify(item) !== "{}" ? item : null;
+                }
+            });
+
+            get_item("6_4396").then((res) => {
+                let data = res.data;
+                if (data.code === 200) {
+                    let item = data.data.item;
+                    this.item2 = JSON.stringify(item) !== "{}" ? item : null;
+                }
+            });
+
+            get_item("10_202").then((res) => {
+                let data = res.data;
+                if (data.code === 200) {
+                    let item = data.data.item;
+                    this.item3 = JSON.stringify(item) !== "{}" ? item : null;
+                }
+            });
+
+            get_item("10_98").then((res) => {
+                let data = res.data;
+                if (data.code === 200) {
+                    let item = data.data.item;
+                    this.item4 = JSON.stringify(item) !== "{}" ? item : null;
+                }
+            });
+
+            get_item("5_3028", 1).then((res) => {
+                let data = res.data;
+                if (data.code === 200) {
+                    let item = data.data.item;
+                    this.item5 = JSON.stringify(item) !== "{}" ? item : null;
+                }
+            });
+
+            get_item("5_3028", 2).then((res) => {
+                let data = res.data;
+                if (data.code === 200) {
+                    let item = data.data.item;
+                    this.item6 = JSON.stringify(item) !== "{}" ? item : null;
+                }
+            });
+        },
+    },
+    mounted() {
+        // this.loadItems();
+    },
+};
+</script>
+
+<style lang="less">
+body {
+    padding-top: @header-height;
+}
+</style>

package/src/Bottom.vue

@@ -0,0 +1,23 @@
+<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>