@jx3box/jx3box-ui 2.0.1 → 2.0.3

package/src/interact/BoxcoinAdmin.vue

@@ -27,11 +27,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 { grantBoxcoin } from "../../service/thx.js";
 import { getBreadcrumb } from "../../service/breadcrumb.js";
 import User from "@jx3box/jx3box-common/js/user";
 import Contributors from "./Contributors.vue";
-import JX3BOX  from "@jx3box/jx3box-common/data/jx3box.json";
+import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
 export default {
     name: "BoxcoinAdmin",
-    props: ["postType", "postId", "userId", "own", "total", "points", "max", "min", "authors", "client"],
+    props: {
+        postType: {
+            type: String,
+            default: "",
+        },
+        postId: {
+            type: [String, Number],
+            default: "",
+        },
+        userId: {
+            type: [String, Number],
+            default: "",
+        },
+        own: {
+            type: Number,
+            default: 0,
+        },
+        total: {
+            type: Number,
+            default: 0,
+        },
+        points: {
+            type: Array,
+            default: () => [],
+        },
+        max: {
+            type: Number,
+            default: 0,
+        },
+        min: {
+            type: Number,
+            default: 0,
+        },
+        authors: {
+            type: Array,
+            default: () => [],
+        },
+        client: {
+            type: String,
+            default: "",
+        },
+    },
     components: {
         Contributors,
     },
@@ -120,7 +161,7 @@ export default {
             return this.points.filter((item) => item <= this.left);
         },
         iconPath() {
-            return JX3BOX.__cdn + "design/vector/icon/taste.svg"
+            return JX3BOX.__cdn + "design/vector/icon/taste.svg";
         },
     },
     watch: {

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: {