@jx3box/jx3box-ui 2.0.2 → 2.0.3

package/src/interact/BoxcoinRecords.vue

@@ -67,7 +67,28 @@ import { showAvatar, authorLink } from "@jx3box/jx3box-common/js/utils";
 import { showTime } from "@jx3box/jx3box-common/js/moment";
 export default {
     name: "BoxcoinRecords",
-    props: ["postType", "postId", "cacheRecord", "postClient", "mode"],
+    props: {
+        postType: {
+            type: String,
+            default: "",
+        },
+        postId: {
+            type: [String, Number],
+            default: "",
+        },
+        cacheRecord: {
+            type: Object,
+            default: () => null,
+        },
+        postClient: {
+            type: String,
+            default: "",
+        },
+        mode: {
+            type: String,
+            default: "normal",
+        },
+    },
     components: {},
     data: function () {
         return {

package/src/interact/BoxcoinUser.vue

@@ -7,9 +7,9 @@
             </div>
         </el-tooltip>
         <el-tooltip effect="dark" content="您当前等级不够，不能够进行投币。" placement="top" v-else>
-             <div class="w-boxcoin-block disabled">
+            <div class="w-boxcoin-block disabled">
                 <img class="u-icon" svg-inline :src="iconPath" />
-                <span class="u-count" v-if="boxcoin">{{boxcoin}}</span>
+                <span class="u-count" v-if="boxcoin">{{ boxcoin }}</span>
             </div>
         </el-tooltip>
         <el-dialog
@@ -30,11 +30,11 @@
                     <Contributors v-if="authors && authors.length" :authors="authors" @chosen="handleChosen" />
                     <div class="u-points">
                         <el-radio-group v-model="count">
-                            <el-radio :label="item" v-for="item in fitPoints" :key="item" border>
+                            <el-radio :value="item" v-for="item in fitPoints" :key="item" border>
                                 <b>{{ item }}</b
                                 >盒币
                             </el-radio>
-                            <el-radio label="custom" border>自定义</el-radio>
+                            <el-radio value="custom" border>自定义</el-radio>
                             <el-input
                                 v-model="amount"
                                 v-show="count === 'custom'"
@@ -71,10 +71,51 @@ import { rewardBoxcoin } from "../../service/thx.js";
 import User from "@jx3box/jx3box-common/js/user";
 import Contributors from "./Contributors.vue";
 import { debounce } from "lodash";
-import JX3BOX  from "@jx3box/jx3box-common/data/jx3box.json";
+import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
 export default {
     name: "BoxcoinUser",
-    props: ["boxcoin", "postType", "postId", "userId", "own", "points", "authors", "client","category","canGift"],
+    props: {
+        boxcoin: {
+            type: Number,
+            default: 0,
+        },
+        postType: {
+            type: String,
+            default: "",
+        },
+        postId: {
+            type: [String, Number],
+            default: "",
+        },
+        userId: {
+            type: [String, Number],
+            default: "",
+        },
+        own: {
+            type: Number,
+            default: 0,
+        },
+        points: {
+            type: Array,
+            default: () => [],
+        },
+        authors: {
+            type: Array,
+            default: () => [],
+        },
+        client: {
+            type: String,
+            default: "",
+        },
+        category: {
+            type: String,
+            default: "",
+        },
+        canGift: {
+            type: Boolean,
+            default: true,
+        },
+    },
     components: {
         Contributors,
     },
@@ -115,7 +156,7 @@ export default {
             return this.points; //.filter(item => item <= this.left)
         },
         iconPath() {
-            return JX3BOX.__cdn + "design/vector/icon/reward.svg"
+            return JX3BOX.__cdn + "design/vector/icon/reward.svg";
         },
     },
     watch: {
@@ -145,7 +186,7 @@ export default {
             rewardBoxcoin(this.postType, this.postId, this.chosen || this.userId, count, {
                 remark: this.remark,
                 client: this.client || this.hostClient,
-                redirect: this.category ? `/${this.category}/${this.postId}` : undefined
+                redirect: this.category ? `/${this.category}/${this.postId}` : undefined,
             })
                 .then((res) => {
                     this.$message({

package/src/interact/Contributors.vue

@@ -4,15 +4,11 @@
             <el-radio
                 v-for="(item, i) in authors"
                 v-model="value"
-                :label="String(item.user_id)"
+                :value="String(item.user_id)"
                 :key="i"
                 @change="handleAuthorChange"
             >
-                <img
-                    class="u-pic"
-                    :src="showAvatar(item.user_avatar)"
-                    :alt="item.display_name"
-                />
+                <img class="u-pic" :src="showAvatar(item.user_avatar)" :alt="item.display_name" />
                 <span class="u-txt" :title="item.display_name">
                     {{ item.display_name }}
                 </span>
@@ -42,15 +38,15 @@ export default {
             deep: true,
             immediate: true,
             handler(val) {
-                if (val && val.length) this.value = String(val[0]?.user_id)
-            }
+                if (val && val.length) this.value = String(val[0]?.user_id);
+            },
         },
         value: {
             immediate: true,
             handler(val) {
-                val && this.$emit('chosen', this.value)
-            }
-        }
+                val && this.$emit("chosen", this.value);
+            },
+        },
     },
     methods: {
         handleAuthorChange() {},

package/src/interact/Fav.vue

@@ -16,7 +16,28 @@ import { hasFav, addFav, delFav } from "../../service/fav";
 import JX3BOX  from "@jx3box/jx3box-common/data/jx3box.json";
 export default {
     name: "FavoriteComp",
-    props: ["postType", "postId", "postTitle", "hiddenNum", "isOld"],
+    props: {
+        postType: {
+            type: String,
+            default: "",
+        },
+        postId: {
+            type: [String, Number],
+            default: "",
+        },
+        postTitle: {
+            type: String,
+            default: "",
+        },
+        hiddenNum: {
+            type: Boolean,
+            default: false,
+        },
+        isOld: {
+            type: Boolean,
+            default: false,
+        },
+    },
     data: function () {
         return {
             login: User.isLogin(),

package/src/interact/Like.vue

@@ -14,7 +14,16 @@ import { postStat, getStat } from "@jx3box/jx3box-common/js/stat";
 import JX3BOX  from "@jx3box/jx3box-common/data/jx3box.json";
 export default {
     name: "LikeComp",
-    props: ["postType", "postId"],
+    props: {
+        postType: {
+            type: String,
+            default: "",
+        },
+        postId: {
+            type: [String, Number],
+            default: "",
+        },
+    },
     data: function () {
         return {
             status: true,

package/src/interact/Share.vue

@@ -52,7 +52,24 @@ import QrcodeVue from "qrcode.vue";
 const { __imgPath } = JX3BOX;
 export default {
     name: "ShareComp",
-    props: ["postType", "postId", "meta", "simple"],
+    props: {
+        postType: {
+            type: String,
+            default: "",
+        },
+        postId: {
+            type: [String, Number],
+            default: "",
+        },
+        meta: {
+            type: Object,
+            default: () => ({}),
+        },
+        simple: {
+            type: Boolean,
+            default: false,
+        },
+    },
     data: function () {
         return {
             apis: {

package/src/interact/WatchLater.vue

@@ -26,7 +26,7 @@ export default {
             default: "",
         },
         authorId: {
-            type: Number,
+            type: [Number, String],
             default: 0,
         },
         banner: {
@@ -34,9 +34,9 @@ export default {
             default: "",
         },
         contentId: {
-            type: Number,
+            type: [Number, String],
             default: 0,
-        }
+        },
     },
     data: function () {
         return {

package/src/main.js

@@ -4,7 +4,9 @@ import App from "./App.vue";
 const app = createApp(App);
 
 // 2.Router
-
+requestAnimationFrame(() => {
+    window.lucide?.createIcons();
+});
 // 3.Store
 
 // 4.i18n

package/src/single/Author.vue

@@ -4,16 +4,15 @@
         <template v-if="data">
             <div class="u-interact">
                 <!-- <AuthorFollow style="margin-right: 8px;" :uid="uid" /> -->
-                <AuthorRss style="margin-right: 8px" :uid="uid" :data="data" />
+                <AuthorRss :uid="uid" :data="data" />
                 <!-- <AuthorGift :uid="uid" /> -->
-                <el-button class="u-btn" size="small" @click="onMessage"><img class="u-msg-icon" svg-inline :src="src" />
-                    私信</el-button>
+                <el-button class="u-btn" size="small" @click="onMessage" icon="Message">私信</el-button
+                >
             </div>
-            <!-- <AuthorMsg :uid="uid" /> -->
             <!-- <AuthorLink class="u-block u-links" :uid="uid" :data="data" /> -->
             <AuthorMedals class="u-block u-trophy" :uid="uid" />
-            <!-- <AuthorTeams class="u-block u-teams" :uid="uid" /> -->
-            <!-- <AuthorFans class="u-block u-fans" :uid="uid" /> -->
+            <!-- <AuthorTeams class="u-block u-teams" :uid="uid" />
+            <AuthorFans class="u-block u-fans" :uid="uid" /> -->
             <slot></slot>
             <AuthorPosts class="u-block u-posts" :uid="uid" />
         </template>
@@ -24,7 +23,6 @@
 import AuthorInfo from "../author/AuthorInfo.vue";
 // import AuthorLink from "../author/AuthorLink.vue";
 // import AuthorFollow from "../author/AuthorFollow.vue";
-// import AuthorMsg from "./author/AuthorMsg.vue";
 // import AuthorGift from "../author/AuthorGift.vue";
 // import AuthorFans from "../author/AuthorFans.vue";
 import AuthorMedals from "../author/AuthorMedals.vue";
@@ -34,11 +32,19 @@ import AuthorRss from "../author/AuthorRss.vue";
 const jx3box = require("@jx3box/jx3box-common/data/jx3box.json");
 export default {
     name: "AuthorComp",
-    props: ["uid", "anonymous"],
+    props: {
+        uid: {
+            type: [Number, String],
+            default: 0,
+        },
+        anonymous: {
+            type: [Number, String],
+            default: 0,
+        },
+    },
     data: function () {
         return {
             data: "",
-            src: jx3box.__cdn + "design/vector/icon/message.svg",
         };
     },
     methods: {
@@ -56,7 +62,6 @@ export default {
         AuthorInfo,
         // AuthorLink,
         // AuthorFollow,
-        // AuthorMsg,
         // AuthorGift,
         AuthorMedals,
         // AuthorTeams,

package/src/single/Collection.vue

@@ -25,7 +25,16 @@ const { getLink } = utilModule;
 import { getCollection } from "../../service/cms";
 export default {
     name: "SingleCollection",
-    props: ["id", "defaultVisible"],
+    props: {
+        id: {
+            type: [Number, String],
+            default: 0,
+        },
+        defaultVisible: {
+            type: Boolean,
+            default: false,
+        },
+    },
     inject: [],
     components: {},
     data: function() {

package/src/single/Comment.vue

@@ -6,8 +6,8 @@
                 <div class="u-order">
                     <span class="u-label">排序模式：</span>
                     <el-radio-group v-model="isDesc" @change="changeOrder" size="small">
-                        <el-radio-button label="DESC">最后靠前</el-radio-button>
-                        <el-radio-button label="ASC">最早靠前</el-radio-button>
+                        <el-radio-button value="DESC">最后靠前</el-radio-button>
+                        <el-radio-button value="ASC">最早靠前</el-radio-button>
                     </el-radio-group>
                 </div>
                 <div class="u-op">
@@ -89,7 +89,24 @@ import { getConfig } from "../../service/cms";
 import User from "@jx3box/jx3box-common/js/user";
 export default {
     name: "CommentComp",
-    props: ["id", "category", "normal", "order"],
+    props: {
+        id: {
+            type: [Number, String],
+            default: 0,
+        },
+        category: {
+            type: String,
+            default: "",
+        },
+        normal: {
+            type: Boolean,
+            default: true,
+        },
+        order: {
+            type: String,
+            default: "",
+        },
+    },
     components: {
         // CommentAvatar,
         CommentWithReply,

package/src/single/Creators.vue

@@ -37,7 +37,16 @@ import { showAvatar, authorLink, editLink } from "@jx3box/jx3box-common/js/utils
 import User from "@jx3box/jx3box-common/js/user";
 export default {
     name: "SingleCreators",
-    props: ["postId", "postType"],
+    props: {
+        postId: {
+            type: [Number, String],
+            default: 0,
+        },
+        postType: {
+            type: String,
+            default: "",
+        },
+    },
     components: {},
     data: function () {
         return {

package/src/single/PostDirectory.vue

@@ -5,7 +5,7 @@
 <script>
 export default {
    name : 'PostDirectory',
-   props:[],
+   props: {},
    components : {},
    data : function(){
        return {

package/src/single/PostHeader.vue

@@ -94,7 +94,24 @@ const { __clients } = JX3BOX;
 
 export default {
     name: "PostHeader",
-    props: ["post", "stat", "titleExtra", "anonymous",],
+    props: {
+        post: {
+            type: Object,
+            default: () => ({}),
+        },
+        stat: {
+            type: Object,
+            default: () => ({}),
+        },
+        titleExtra: {
+            type: String,
+            default: "",
+        },
+        anonymous: {
+            type: Boolean,
+            default: false,
+        },
+    },
     data: function () {
         return {
             wordCount: 0,

package/src/single/SimpleThx.vue

@@ -79,7 +79,7 @@ export default {
             default: "normal",
         },
         postId: {
-            type: Number,
+            type: [Number, String],
             default: 0,
         },
         postType: {
@@ -91,7 +91,7 @@ export default {
             default: "",
         },
         userId: {
-            type: Number,
+            type: [Number, String],
             default: 0,
         },
         authors: {

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: "",