@jx3box/jx3box-common-ui 6.1.4 → 6.1.7

package/src/single/cms-single.vue

@@ -10,7 +10,12 @@
             <!-- 联合创作者 -->
             <Creators class="m-single-creators" :postId="id" :postType="post_type" @load-authors="loadAuthors" />
             <!-- 文集小册 -->
-            <Collection class="m-single-collection" :id="collection_id" :defaultVisible="collection_collapse" @collectionUpdate="updateCollection"/>
+            <Collection
+                class="m-single-collection"
+                :id="collection_id"
+                :defaultVisible="collection_collapse"
+                @collectionUpdate="updateCollection"
+            />
             <slot name="single-prepend"></slot>
         </div>
 
@@ -19,8 +24,8 @@
             <el-divider content-position="left">JX3BOX</el-divider>
             <div class="m-single-content">
                 <slot></slot>
-                <ArticleMarkdown v-if="isMarkdown" :content="post_content" @directoryRendered="updateDirectory"/>
-                <Article v-else :content="post_content" @directoryRendered="updateDirectory"/>
+                <ArticleMarkdown v-if="isMarkdown" :content="post_content" @directoryRendered="updateDirectory" />
+                <Article v-else :content="post_content" @directoryRendered="updateDirectory" />
             </div>
         </div>
         <div class="m-single-null" v-else>
@@ -29,11 +34,20 @@
 
         <!-- 文章后 -->
         <div class="m-single-append">
-
             <slot name="single-append"></slot>
 
             <!-- 打赏 -->
-            <Thx class="m-single-thx" :postId="id" :postType="post_type" :postTitle="post_title" :userId="author_id" :adminBoxcoinEnable="true" :userBoxcoinEnable="true" :authors="authors" :client="post_client"/>
+            <Thx
+                class="m-single-thx"
+                :postId="id"
+                :postType="post_type"
+                :postTitle="post_title"
+                :userId="author_id"
+                :adminBoxcoinEnable="true"
+                :userBoxcoinEnable="true"
+                :authors="authors"
+                :client="post_client"
+            />
 
             <!-- 评论 -->
             <div class="m-single-comment">
@@ -59,7 +73,7 @@ import Article from "@jx3box/jx3box-editor/src/Article.vue";
 import ArticleMarkdown from "@jx3box/jx3box-editor/src/ArticleMarkdown.vue";
 import Comment from "@jx3box/jx3box-comment-ui/src/Comment.vue";
 import { __visibleMap } from "@jx3box/jx3box-common/data/jx3box.json";
-import { getAppType } from '@jx3box/jx3box-common/js/utils'
+import { getAppType } from "@jx3box/jx3box-common/js/utils";
 export default {
     name: "cms-single",
     components: {
@@ -72,10 +86,10 @@ export default {
         Comment,
     },
     props: ["post", "stat"],
-    data: function() {
+    data: function () {
         return {
-            collection_data : '',
-            directory : false,
+            collection_data: "",
+            directory: false,
 
             // 创作者
             other_authors: [],
@@ -83,95 +97,98 @@ export default {
         };
     },
     computed: {
-        id: function() {
+        id: function () {
             return ~~this.post?.ID || 0;
         },
-        app_type: function() {
+        app_type: function () {
             return getAppType();
         },
-        post_type: function() {
+        post_type: function () {
             return this.post?.post_type;
         },
-        post_title : function (){
-            return this.post?.post_title
+        post_title: function () {
+            return this.post?.post_title;
         },
-        author_id : function (){
-            return this.post?.post_author
+        author_id: function () {
+            return this.post?.post_author;
         },
-        collection_id: function() {
+        collection_id: function () {
             return this.post?.post_collection;
         },
-        collection_collapse: function() {
+        collection_collapse: function () {
             return this.post?.collection_collapse;
         },
-        visible: function() {
+        visible: function () {
             return !!this.post?._check;
         },
-        null_tip: function() {
+        null_tip: function () {
             let str = "作者设置了【";
             str += __visibleMap[this.post?.visible];
             str += "】";
             return str;
         },
-        post_content: function() {
+        post_content: function () {
             return this.post?.post_content || "";
         },
-        post_mode: function() {
+        post_mode: function () {
             return this.post?.post_mode || "tinymce";
         },
-        isMarkdown: function() {
+        isMarkdown: function () {
             return this.post_mode == "markdown";
         },
-        allow_comment : function (){
-            return !this.post?.comment
+        allow_comment: function () {
+            return !this.post?.comment;
         },
-        extend_data : function (){
+        extend_data: function () {
             return {
-                collection_data : this.collection_data,
-                directory : this.directory
-            }
+                collection_data: this.collection_data,
+                directory: this.directory,
+            };
         },
-        authors: function (){
+        authors: function () {
             if (this.other_authors && this.other_authors.length) {
-                return [this.super_author, ...this.other_authors]
+                return [this.super_author, ...this.other_authors];
             }
-
-            return []
+            return [];
+        },
+        post_client: function () {
+            return this.post?.client || "all";
         },
-        post_client : function (){
-            return this.post?.client || 'all'
-        }
     },
-    methods : {
-        updateCollection : function (val){
-            this.collection_data = val
+    methods: {
+        updateCollection: function (val) {
+            this.collection_data = val;
         },
-        updateDirectory : function (val){
-            this.directory = val
+        updateDirectory: function (val) {
+            this.directory = val;
         },
-        loadAuthors({super_author, other_authors}) {
+        loadAuthors({ super_author, other_authors }) {
             this.super_author = super_author;
-            this.other_authors = other_authors
-        }
+            this.other_authors = other_authors;
+        },
     },
-    watch : {
-        extend_data : {
-            deep : true,
-            immediate : true,
-            handler : function (val){
-                this.$emit('extendUpdate',val)
-            }
+    watch: {
+        extend_data: {
+            deep: true,
+            immediate: true,
+            handler: function (val) {
+                this.$emit("extendUpdate", val);
+            },
         },
         post_type: {
-            deep : true,
-            immediate : true,
-            handler : function (val){
+            deep: true,
+            immediate: true,
+            handler: function (val) {
+                if (location.host.includes("localhost")) {
+                    return;
+                }
+
                 if (val && val !== this.app_type) {
-                    location.href = `/${val}/${this.id}`
+                    location.href = `/${val}/${this.id}`;
                 }
-            }
-        }
-    }
+            },
+        },
+    },
 };
 </script>
 

package/vue.config.js

@@ -65,6 +65,12 @@ module.exports = {
                     request.setHeader("origin", "");
                 },
             },
+            "/api/cny":{
+                target: "https://pay.jx3box.com",
+                onProxyReq: function(request) {
+                    request.setHeader("origin", "");
+                },
+            },
             "/api": {
                 target: "https://next2.jx3box.com",
                 onProxyReq: function(request) {

package/assets/css/authorposts.less

@@ -1,53 +0,0 @@
-.c-authorposts {
-    // margin:0 10px;
-    ul {
-        list-style: none;
-        margin: 0;
-        padding:0;
-    }
-    li {
-        .db;
-    }
-    .u-item{
-        .db;
-        padding:3px 10px 3px 5px;
-        .nobreak;
-        .fz(12px,2);
-        color:#666;
-        border-bottom:1px solid transparent;
-        &:hover{
-            color:@pink;
-            // background-color:#fff;
-            border-bottom:1px solid @border;
-        }
-    }
-    .u-icon {
-        .fz(14px);
-        .size(14px);
-        // .y;
-        color:#999;
-        .mr(5px);
-    }
-
-    .u-label {
-        margin: 15px 0 10px 0;
-        padding: 0 5px 10px 5px;
-        i {
-            .mr(5px);
-        }
-        span {
-            .fz(13px);
-        }
-        border-bottom: 1px solid @border;
-
-        .pr;
-        .u-more{
-            .fz(12px);
-            .pa;.rb(0,10px);
-            color:#999;
-            &:hover{
-                color:@pink;
-            }
-        }
-    }
-}

package/src/author/Authorposts.vue

@@ -1,64 +0,0 @@
-<template>
-    <div class="c-authorposts" v-if="uid">
-        <div class="u-label">
-            <i class="el-icon-notebook-2"></i>
-            <span>作者最新作品</span>
-            <a :href="uid | authorLink" class="u-more" target="_blank">全部 &raquo;</a>
-        </div>
-
-        <ul v-if="data && data.length">
-            <li v-for="(item, i) in data" :key="i">
-                <a class="u-item" :href="url(item.ID, item.post_type)" target="_blank">
-                    <span
-                        ><i class="u-icon el-icon-arrow-right"></i>
-                        {{ item.post_title || item.post_type + "/无标题" }}</span
-                    >
-                </a>
-            </li>
-        </ul>
-    </div>
-</template>
-
-<script>
-import { getUserPosts } from "../../service/author";
-import { authorLink, getLink } from "@jx3box/jx3box-common/js/utils";
-export default {
-    name: "Authorposts",
-    props: ["uid"],
-    data: function() {
-        return {
-            data: [],
-        };
-    },
-    computed: {},
-    watch: {
-        uid: {
-            immediate: true,
-            handler: function(user_id) {
-                if (user_id) this.init();
-            },
-        },
-    },
-    methods: {
-        url: function(pid, type) {
-            return getLink(type, pid);
-        },
-        init: function() {
-            getUserPosts(this.uid)
-                .then((data) => {
-                    this.data = data.slice(0, 5);
-                })
-                .catch((err) => {
-                    console.log(err);
-                });
-        },
-    },
-    filters: {
-        authorLink,
-    },
-};
-</script>
-
-<style lang="less">
-@import "../../assets/css/authorposts.less";
-</style>

package/src/single/PostContents.vue

@@ -1,23 +0,0 @@
-<template>
-    <div class="m-single-contents">
-        <!-- TODO: -->
-    </div>
-</template>
-
-<script>
-export default {
-   name : 'PostContents',
-   props:[],
-   components : {},
-   data : function(){
-       return {
-           
-       }
-   },
-   computed:{},
-   watch:{},
-   methods:{},
-   created:function(){},
-   mounted:function(){},
-}
-</script>