@jx3box/jx3box-vue3-ui 0.2.7 → 0.2.9

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jx3box/jx3box-vue3-ui",
-    "version": "0.2.7",
+    "version": "0.2.9",
     "description": "JX3BOX Vue3 UI",
     "main": "index.js",
     "scripts": {
@@ -26,9 +26,9 @@
     },
     "dependencies": {
         "@element-plus/icons-vue": "^2.1.0",
-        "@jx3box/jx3box-common": "^7.9.3",
-        "@jx3box/jx3box-data": "^3.3.0",
-        "@jx3box/jx3box-emotion": "^1.2.3",
+        "@jx3box/jx3box-common": "^8.0.0",
+        "@jx3box/jx3box-data": "^3.5.0",
+        "@jx3box/jx3box-emotion": "^1.2.4",
         "@jx3box/reporter": "^0.0.4",
         "@vueuse/core": "^9.13.0",
         "@vueuse/head": "^0.7.6",

package/src/author/AuthorHonor.vue

@@ -4,9 +4,11 @@
     </div>
 </template>
 <script>
-import { __imgPath } from "@jx3box/jx3box-common/data/jx3box.json";
+import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
 import { getDecoration, getHonorJson } from "../../service/cms";
 import { inRange } from "lodash";
+
+const { __imgPath } = JX3BOX;
 const HONOR_IMG_KEY = "honor_img";
 export default {
     props: ["uid"],

package/src/author/AuthorInfo.vue

@@ -41,12 +41,14 @@
 </template>
 
 <script>
-import { __imgPath, __userLevelColor } from "@jx3box/jx3box-common/data/jx3box.json";
+import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
 import { authorLink } from "@jx3box/jx3box-common/js/utils";
 import User from "@jx3box/jx3box-common/js/user";
 import { getUserInfo } from "../../service/author";
 import Avatar from "./Avatar.vue";
 import Honor from "./AuthorHonor.vue";
+
+const { __imgPath, __userLevelColor } = JX3BOX;
 export default {
     name: "AuthorInfo",
     props: ["uid"],

package/src/author/AuthorMedals.vue

@@ -24,7 +24,9 @@
 <script>
 import { getMedalLink } from "@jx3box/jx3box-common/js/utils";
 import { getUserMedals } from "../../service/author";
-import { __imgPath } from "@jx3box/jx3box-common/data/jx3box.json";
+import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
+const { __imgPath } = JX3BOX;
+
 export default {
     name: "AuthorMedals",
     props: ["uid"],

package/src/author/Avatar.vue

@@ -9,8 +9,11 @@
 </template>
 
 <script>
-import { __imgPath } from "@jx3box/jx3box-common/data/jx3box.json";
+import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
 import { showAvatar, authorLink } from "@jx3box/jx3box-common/js/utils";
+
+const { __imgPath } = JX3BOX;
+
 export default {
     name: "AvatarComp",
     props: {

package/src/comment/Avatar.vue

@@ -23,7 +23,9 @@
 </template>
 
 <script>
-import {__imgPath } from "@jx3box/jx3box-common/data/jx3box.json";
+import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
+
+const { __imgPath } = JX3BOX;
 export default {
     name: "CommentAvatar",
     props: [

package/src/comment/Upload.vue

@@ -19,13 +19,14 @@
             <el-icon><Plus></Plus></el-icon>
             <template #tip>
                 <div class="el-upload__tip">
-                    最多上传 {{ maxCount }} 张 {{ acceptedExtensions.join(" / ").toUpperCase() }} 格式图片，单张图片不能超过
+                    最多上传 {{ maxCount }} 张
+                    {{ acceptedExtensions.join(" / ").toUpperCase() }} 格式图片，单张图片不能超过
                     {{ maxSize / 1024 / 1024 }} MB
                 </div>
             </template>
         </el-upload>
         <el-dialog v-model="dialogVisible">
-            <img width="60%" :src="dialogImageUrl" alt />
+            <img w-full :src="dialogImageUrl" alt />
         </el-dialog>
     </div>
 </template>
@@ -33,6 +34,8 @@
 <script>
 export default {
     name: "CommentUploader",
+    props: ["limit", "imgList"],
+    emits: ["onFinish", "onError"],
     data() {
         return {
             dialogImageUrl: "",
@@ -45,7 +48,21 @@ export default {
             maxSize: 2 * 1024 * 1024,
         };
     },
-    emits: ["onFinish", "onError"],
+    watch: {
+        limit: {
+            immediate: true,
+            handler: function (val) {
+                if (val) this.maxCount = val;
+            },
+        },
+        imgList: {
+            immediate: true,
+            deep: true,
+            handler: function (_list) {
+                this.fileList = _list && _list.length ? _list.map((item) => ({ url: item })) : [];
+            },
+        },
+    },
     methods: {
         handlePictureCardPreview(file) {
             this.dialogImageUrl = file.url;

package/src/interact/Share.vue

@@ -46,8 +46,10 @@
 </template>
 
 <script>
-import { __imgPath } from "@jx3box/jx3box-common/data/jx3box.json";
+import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
 import QrcodeVue from "qrcode.vue";
+
+const { __imgPath } = JX3BOX;
 export default {
     name: "ShareComp",
     props: ["postType", "postId", "meta", "simple"],