@jx3box/jx3box-ui 2.0.4 → 2.0.6

package/src/interact/BoxcoinAdmin.vue

@@ -1,12 +1,16 @@
 <template>
     <div class="w-boxcoin-admin" v-if="allowBoxcoin">
-        <el-tooltip effect="dark" content="品鉴" placement="top-start">
+        <el-tooltip
+            effect="dark"
+            :content="$jx3boxT('jx3boxUi.boxcoinAdmin.tooltip', '品鉴')"
+            placement="top-start"
+        >
             <div class="w-boxcoin-block">
                 <img @click="openBoxcoinPop" class="u-icon" svg-inline :src="iconPath" />
             </div>
         </el-tooltip>
         <el-dialog
-            title="品鉴评分"
+            :title="$jx3boxT('jx3boxUi.boxcoinAdmin.dialogTitle', '品鉴评分')"
             v-model="visible"
             class="w-boxcoin-pop"
             :close-on-click-modal="false"
@@ -14,8 +18,14 @@
         >
             <div class="w-boxcoin-admin-content">
                 <div class="u-left">
-                    <em class="u-label">本月状态</em>
-                    已用<b>{{ this.used }}</b> 剩余<b>{{ this.left }}</b> 总计<b>{{ this.total }}</b>
+                    <em class="u-label">{{ $jx3boxT("jx3boxUi.boxcoinAdmin.monthStatus", "本月状态") }}</em>
+                    {{
+                        $jx3boxT("jx3boxUi.boxcoinAdmin.monthSummary", "已用{used} 剩余{left} 总计{total}", {
+                            used: this.used,
+                            left: this.left,
+                            total: this.total,
+                        })
+                    }}
                     <el-progress
                         :percentage="100 - (this.used * 100) / this.total"
                         :stroke-width="15"
@@ -23,43 +33,45 @@
                     ></el-progress>
                 </div>
                 <div class="u-list">
-                    <em class="u-label">❤️ 品鉴</em>
+                    <em class="u-label">❤️ {{ $jx3boxT("jx3boxUi.boxcoinAdmin.appraise", "品鉴") }}</em>
                     <Contributors v-if="authors && authors.length" :authors="authors" @chosen="handleChosen" />
                     <div class="u-points">
                         <el-radio-group v-model="count">
                             <el-radio :value="item" v-for="item in fitPoints" :key="item" border>
                                 <b>{{ item }}</b
-                                >盒币
+                                >{{ $jx3boxT("jx3boxUi.boxcoinAdmin.boxcoin", "盒币") }}
                             </el-radio>
-                            <el-radio value="custom" border>自定义</el-radio>
+                            <el-radio value="custom" border>{{ $jx3boxT("jx3boxUi.boxcoinAdmin.custom", "自定义") }}</el-radio>
                             <el-input
                                 v-model="amount"
                                 v-show="count === 'custom'"
-                                placeholder="输入自定义数量"
+                                :placeholder="$jx3boxT('jx3boxUi.boxcoinAdmin.customPlaceholder', '输入自定义数量')"
                             ></el-input>
                         </el-radio-group>
                     </div>
                 </div>
                 <div class="u-msg">
-                    <em class="u-label">📝 寄语</em>
+                    <em class="u-label">📝 {{ $jx3boxT("jx3boxUi.boxcoinAdmin.remark", "寄语") }}</em>
                     <div class="u-input">
                         <el-input
                             v-model="remark"
-                            placeholder="请输入寄语（必填）"
+                            :placeholder="$jx3boxT('jx3boxUi.boxcoinAdmin.remarkPlaceholder', '请输入寄语（必填）')"
                             :minlength="2"
                             :maxlength="30"
                             show-word-limit
                         ></el-input>
                         <el-button :disabled="fetchingCurrentRelease" @click="insertCurrentRelease"
-                            >插入当前版本</el-button
+                            >{{ $jx3boxT("jx3boxUi.boxcoinAdmin.insertCurrentRelease", "插入当前版本") }}</el-button
                         >
                     </div>
                 </div>
             </div>
             <template #footer>
                 <span class="dialog-footer">
-                    <el-button @click="visible = false">取 消</el-button>
-                    <el-button type="primary" @click="submit" :disabled="!ready || submitting">确 定</el-button>
+                    <el-button @click="visible = false">{{ $jx3boxT("jx3boxUi.common.cancel", "取消") }}</el-button>
+                    <el-button type="primary" @click="submit" :disabled="!ready || submitting">{{
+                        $jx3boxT("jx3boxUi.common.confirm", "确定")
+                    }}</el-button>
                 </span>
             </template>
         </el-dialog>
@@ -72,8 +84,10 @@ 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 i18nMixin from "../../i18n/mixin";
 export default {
     name: "BoxcoinAdmin",
+    mixins: [i18nMixin],
     props: {
         postType: {
             type: String,
@@ -124,7 +138,7 @@ export default {
             visible: false,
             count: 0,
 
-            remark: "辛苦，感谢！",
+            remark: this.$jx3boxT("jx3boxUi.boxcoinAdmin.defaultRemark", "辛苦，感谢！"),
             left: this.own,
             chosen: "", // 被选中的人
             amount: "",
@@ -186,7 +200,7 @@ export default {
             })
                 .then((res) => {
                     this.$message({
-                        message: "操作成功",
+                        message: this.$jx3boxT("jx3boxUi.boxcoinAdmin.success", "操作成功"),
                         type: "success",
                     });
                     return res.data.data;
@@ -210,7 +224,7 @@ export default {
                 })
                 .catch(() => {
                     this.$message({
-                        message: "获取失败",
+                        message: this.$jx3boxT("jx3boxUi.boxcoinAdmin.fetchFailed", "获取失败"),
                         type: "error",
                     });
                 })

package/src/interact/BoxcoinRecords.vue

@@ -6,25 +6,25 @@
                     <span class="u-meta u-action">
                         <el-icon><Trophy /></el-icon>
                     </span>
-                    <span class="u-meta u-user">参与打赏</span>
-                    <span class="u-meta u-user">收益作者</span>
-                    <span class="u-meta u-count">盒币</span>
-                    <span class="u-meta u-remark">寄语</span>
+                    <span class="u-meta u-user">{{ $jx3boxT("jx3boxUi.boxcoinRecords.participant", "参与打赏") }}</span>
+                    <span class="u-meta u-user">{{ $jx3boxT("jx3boxUi.boxcoinRecords.author", "收益作者") }}</span>
+                    <span class="u-meta u-count">{{ $jx3boxT("jx3boxUi.boxcoinRecords.boxcoin", "盒币") }}</span>
+                    <span class="u-meta u-remark">{{ $jx3boxT("jx3boxUi.boxcoinRecords.remark", "寄语") }}</span>
                     <time class="u-meta u-time"></time>
                 </li>
                 <li v-for="(item, i) in list" :key="i" class="u-item u-body">
                     <span class="u-meta u-action">
                         <template v-if="item.is_user_gift">
-                            <i title="打赏"><img class svg-inline src="../../assets/img/widget/gift.svg" /></i>
+                            <i :title="$jx3boxT('jx3boxUi.boxcoinRecords.reward', '打赏')"><img class svg-inline src="../../assets/img/widget/gift.svg" /></i>
                         </template>
                         <template v-else>
-                            <i title="品鉴"><img class svg-inline src="../../assets/img/widget/admin_gift.svg" /></i>
+                            <i :title="$jx3boxT('jx3boxUi.boxcoinRecords.appraise', '品鉴')"><img class svg-inline src="../../assets/img/widget/admin_gift.svg" /></i>
                         </template>
                     </span>
                     <template v-if="item.ext_operate_user_info?.id == 1">
                         <span class="u-meta u-user u-default">
                             <img class="u-user-avatar" :src="showAvatar(item.ext_operate_user_info.avatar)" alt />
-                            <span>系统</span>
+                            <span>{{ $jx3boxT("jx3boxUi.boxcoinRecords.system", "系统") }}</span>
                         </span>
                     </template>
                     <a v-else class="u-meta u-user" :href="authorLink(item.operate_user_id)" target="_blank">
@@ -43,7 +43,7 @@
                     <time class="u-meta u-time">{{ showTime(item.created_at) }}</time>
                     <span class="u-client" v-if="isSuperAdmin">{{ item.client }}</span>
                     <span class="u-delete" v-if="isSuperAdmin" @click="recovery(item, i)">
-                        <i class="Delete"></i>撤销
+                        <i class="Delete"></i>{{ $jx3boxT("jx3boxUi.boxcoinRecords.revoke", "撤销") }}
                     </span>
                 </li>
             </ul>
@@ -56,6 +56,7 @@
             :page-size="per"
             :total="total"
             v-model="page"
+            center
         ></el-pagination>
     </div>
 </template>
@@ -65,8 +66,10 @@ import { getPostBoxcoinRecords, recoveryBoxcoin } from "../../service/thx";
 import User from "@jx3box/jx3box-common/js/user";
 import { showAvatar, authorLink } from "@jx3box/jx3box-common/js/utils";
 import { showTime } from "@jx3box/jx3box-common/js/moment";
+import i18nMixin from "../../i18n/mixin";
 export default {
     name: "BoxcoinRecords",
+    mixins: [i18nMixin],
     props: {
         postType: {
             type: String,
@@ -149,13 +152,16 @@ export default {
             });
         },
         recovery: function (item, i) {
-            this.$alert("是否确定撤销该评分？", "确认", {
-                confirmButtonText: "确定",
+            this.$alert(
+                this.$jx3boxT("jx3boxUi.boxcoinRecords.confirmRevoke", "是否确定撤销该评分？"),
+                this.$jx3boxT("jx3boxUi.boxcoinRecords.confirmTitle", "确认"),
+                {
+                confirmButtonText: this.$jx3boxT("jx3boxUi.common.confirm", "确定"),
                 callback: (action) => {
                     if (action == "confirm") {
                         recoveryBoxcoin(item.id).then(() => {
                             this.$message({
-                                message: "撤销成功",
+                                message: this.$jx3boxT("jx3boxUi.boxcoinRecords.revokeSuccess", "撤销成功"),
                                 type: "success",
                             });
                             this.list.splice(i, 1);
@@ -172,3 +178,14 @@ export default {
     },
 };
 </script>
+
+
+<style lang="less">
+.w-boxcoin-records-pages{
+
+    --el-color-primary: @primary;
+
+    .flex(x);
+    margin-top:5px;
+}
+</style>

package/src/interact/BoxcoinUser.vue

@@ -1,19 +1,29 @@
 <template>
     <div class="w-boxcoin-user" v-if="allowBoxcoin">
-        <el-tooltip effect="dark" content="投币" placement="top-start" v-if="canGift">
+        <el-tooltip
+            effect="dark"
+            :content="$jx3boxT('jx3boxUi.boxcoinUser.tooltip', '投币')"
+            placement="top-start"
+            v-if="canGift"
+        >
             <div class="w-boxcoin-block" @click="openBoxcoinPop">
                 <img class="u-icon" svg-inline :src="iconPath" />
                 <span class="u-count" v-if="boxcoin">{{ boxcoin }}</span>
             </div>
         </el-tooltip>
-        <el-tooltip effect="dark" content="您当前等级不够，不能够进行投币。" placement="top" v-else>
+        <el-tooltip
+            effect="dark"
+            :content="$jx3boxT('jx3boxUi.boxcoinUser.disabledTooltip', '您当前等级不够，不能够进行投币。')"
+            placement="top"
+            v-else
+        >
             <div class="w-boxcoin-block disabled">
                 <img class="u-icon" svg-inline :src="iconPath" />
                 <span class="u-count" v-if="boxcoin">{{ boxcoin }}</span>
             </div>
         </el-tooltip>
         <el-dialog
-            title="投币打赏"
+            :title="$jx3boxT('jx3boxUi.boxcoinUser.dialogTitle', '投币打赏')"
             v-model="visible"
             class="w-boxcoin-pop"
             append-to-body
@@ -21,34 +31,34 @@
         >
             <div class="w-boxcoin-user-content">
                 <div class="u-left">
-                    <em class="u-label">当前拥有盒币</em>
+                    <em class="u-label">{{ $jx3boxT("jx3boxUi.boxcoinUser.currentBoxcoin", "当前拥有盒币") }}</em>
                     <b>{{ left }}</b>
-                    <a class="u-charge" :href="chargeLink" target="_blank">[充值]</a>
+                    <a class="u-charge" :href="chargeLink" target="_blank">[{{ $jx3boxT("jx3boxUi.boxcoinUser.recharge", "充值") }}]</a>
                 </div>
                 <div class="u-list">
-                    <em class="u-label">❤️ 打赏</em>
+                    <em class="u-label">❤️ {{ $jx3boxT("jx3boxUi.boxcoinUser.reward", "打赏") }}</em>
                     <Contributors v-if="authors && authors.length" :authors="authors" @chosen="handleChosen" />
                     <div class="u-points">
                         <el-radio-group v-model="count">
                             <el-radio :value="item" v-for="item in fitPoints" :key="item" border>
                                 <b>{{ item }}</b
-                                >盒币
+                                >{{ $jx3boxT("jx3boxUi.boxcoinUser.boxcoin", "盒币") }}
                             </el-radio>
-                            <el-radio value="custom" border>自定义</el-radio>
+                            <el-radio value="custom" border>{{ $jx3boxT("jx3boxUi.boxcoinUser.custom", "自定义") }}</el-radio>
                             <el-input
                                 v-model="amount"
                                 v-show="count === 'custom'"
-                                placeholder="输入自定义数量"
+                                :placeholder="$jx3boxT('jx3boxUi.boxcoinUser.customPlaceholder', '输入自定义数量')"
                             ></el-input>
                         </el-radio-group>
                     </div>
                 </div>
                 <div class="u-msg">
-                    <em class="u-label">📝 寄语</em>
+                    <em class="u-label">📝 {{ $jx3boxT("jx3boxUi.boxcoinUser.remark", "寄语") }}</em>
                     <div class="u-input">
                         <el-input
                             v-model="remark"
-                            placeholder="请输入寄语（必填）"
+                            :placeholder="$jx3boxT('jx3boxUi.boxcoinUser.remarkPlaceholder', '请输入寄语（必填）')"
                             :minlength="2"
                             :maxlength="30"
                             show-word-limit
@@ -58,8 +68,10 @@
             </div>
             <template #footer>
                 <span class="dialog-footer">
-                    <el-button @click="visible = false">取 消</el-button>
-                    <el-button type="primary" @click="submit" :disabled="!ready">确 定</el-button>
+                    <el-button @click="visible = false">{{ $jx3boxT("jx3boxUi.common.cancel", "取消") }}</el-button>
+                    <el-button type="primary" @click="submit" :disabled="!ready">{{
+                        $jx3boxT("jx3boxUi.common.confirm", "确定")
+                    }}</el-button>
                 </span>
             </template>
         </el-dialog>
@@ -72,8 +84,10 @@ 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 i18nMixin from "../../i18n/mixin";
 export default {
     name: "BoxcoinUser",
+    mixins: [i18nMixin],
     props: {
         boxcoin: {
             type: Number,
@@ -124,7 +138,7 @@ export default {
             visible: false,
 
             count: 0,
-            remark: "辛苦了，谢谢大大！",
+            remark: this.$jx3boxT("jx3boxUi.boxcoinUser.defaultRemark", "辛苦了，谢谢大大！"),
             amount: "",
 
             left: this.own,
@@ -190,7 +204,7 @@ export default {
             })
                 .then((res) => {
                     this.$message({
-                        message: "操作成功",
+                        message: this.$jx3boxT("jx3boxUi.boxcoinUser.success", "操作成功"),
                         type: "success",
                     });
                     return res.data.data;
@@ -216,6 +230,10 @@ export default {
 .w-boxcoin-user {
     .dbi;
     .x(left);
+    .w-boxcoin-block {
+        .flex;
+        align-items: center;
+    }
     .u-icon {
         .size(26px);
         .y;
@@ -224,8 +242,6 @@ export default {
     .u-count {
         color: #888;
         .ml(10px);
-        .pr;
-        top: 4px;
     }
     .u-charge {
         .underline(@color-link);

package/src/interact/Fav.vue

@@ -14,8 +14,10 @@
 import User from "@jx3box/jx3box-common/js/user";
 import { hasFav, addFav, delFav } from "../../service/fav";
 import JX3BOX  from "@jx3box/jx3box-common/data/jx3box.json";
+import i18nMixin from "../../i18n/mixin";
 export default {
     name: "FavoriteComp",
+    mixins: [i18nMixin],
     props: {
         postType: {
             type: String,
@@ -47,7 +49,9 @@ export default {
     },
     computed: {
         favContent() {
-            return this.favorite ? "已收藏" : "收藏";
+            return this.favorite
+                ? this.$jx3boxT("jx3boxUi.fav.collected", "已收藏")
+                : this.$jx3boxT("jx3boxUi.fav.collect", "收藏");
         },
         starIcon() {
             return this.isOld ? require("../../assets/img/widget/star.svg") : JX3BOX.__cdn + "design/vector/icon/collect.svg"