diff --git a/assets/js/a.js b/assets/js/a.js
index 54e4bea..7ccb712 100644
--- a/assets/js/a.js
+++ b/assets/js/a.js
@@ -1,6 +1,9 @@
 // 链接标签
 import url from 'url'
-import { resolveImagePath } from "@jx3box/jx3box-common/js/utils";
+
+import * as utilModule from "@jx3box/jx3box-common/js/utils";
+const { resolveImagePath } = utilModule;
+
 function formatLink(str){
     if(!str) return
 
diff --git a/assets/js/combo.js b/assets/js/combo.js
index bd27518..66a0a92 100644
--- a/assets/js/combo.js
+++ b/assets/js/combo.js
@@ -1,5 +1,6 @@
 import $ from "jquery";
-import { iconLink } from "@jx3box/jx3box-common/js/utils";
+import * as utilModule from "@jx3box/jx3box-common/js/utils";
+const { iconLink } = utilModule;
 
 function renderCombo(selector = ".e-skill-combo .w-skill-combo-item") {
     try {
diff --git a/assets/js/img.js b/assets/js/img.js
index 4fe05ca..837d251 100644
--- a/assets/js/img.js
+++ b/assets/js/img.js
@@ -1,5 +1,6 @@
 // 图片地址&懒加载
-import { resolveImagePath } from "@jx3box/jx3box-common/js/utils";
+import * as utilModule from "@jx3box/jx3box-common/js/utils";
+const { resolveImagePath } = utilModule;
 import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
 function lazyLoad(str) {
     if (!str) return;
diff --git a/package.json b/package.json
index 42368c9..0b0465f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@jx3box/jx3box-vue3-ui",
-    "version": "0.8.6",
+    "version": "0.8.7",
     "description": "JX3BOX Vue3 UI",
     "main": "index.js",
     "scripts": {
diff --git a/src/author/AuthorInfo.vue b/src/author/AuthorInfo.vue
index 6077d56..7560327 100644
--- a/src/author/AuthorInfo.vue
+++ b/src/author/AuthorInfo.vue
@@ -42,7 +42,8 @@
 
 <script>
 import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
-import { authorLink } from "@jx3box/jx3box-common/js/utils";
+import * as utilModule from "@jx3box/jx3box-common/js/utils";
+const { authorLink } = utilModule;
 import User from "@jx3box/jx3box-common/js/user";
 import { getUserInfo } from "../../service/author";
 import Avatar from "./Avatar.vue";
diff --git a/src/author/AuthorLink.vue b/src/author/AuthorLink.vue
index 23e6336..82ef885 100644
--- a/src/author/AuthorLink.vue
+++ b/src/author/AuthorLink.vue
@@ -33,7 +33,8 @@
 </template>
 
 <script>
-import { tvLink } from "@jx3box/jx3box-common/js/utils";
+import * as utilModule from "@jx3box/jx3box-common/js/utils";
+const { tvLink } = utilModule;
 export default {
     name: "AuthorLink",
     props: ["data"],
diff --git a/src/author/AuthorMedals.vue b/src/author/AuthorMedals.vue
index db0f327..c4f3062 100644
--- a/src/author/AuthorMedals.vue
+++ b/src/author/AuthorMedals.vue
@@ -22,7 +22,8 @@
 </template>
 
 <script>
-import { getMedalLink } from "@jx3box/jx3box-common/js/utils";
+import * as utilModule from "@jx3box/jx3box-common/js/utils";
+const { getMedalLink } = utilModule;
 import { getUserMedals } from "../../service/author";
 import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
 const { __imgPath, __Root } = JX3BOX;
diff --git a/src/author/UserPop.vue b/src/author/UserPop.vue
index 1ea7022..e92618d 100644
--- a/src/author/UserPop.vue
+++ b/src/author/UserPop.vue
@@ -46,7 +46,8 @@
 </template>
 
 <script>
-import { showAvatar } from "@jx3box/jx3box-common/js/utils";
+import * as utilModule from "@jx3box/jx3box-common/js/utils";
+const { showAvatar } = utilModule;
 import { getUserInfoByUidOrName } from "../../service/author";
 export default {
     name: "UserPop",
diff --git a/src/bread/Admin.vue b/src/bread/Admin.vue
index 76a31e6..5a4de6e 100644
--- a/src/bread/Admin.vue
+++ b/src/bread/Admin.vue
@@ -108,7 +108,8 @@
 
 <script>
 import Bus from "../../utils/bus";
-import { getRewrite } from "@jx3box/jx3box-common/js/utils";
+import * as utilModule from "@jx3box/jx3box-common/js/utils";
+const { getRewrite } = utilModule;
 import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
 import { getSetting, postSetting } from "../../service/admin";
 import User from "@jx3box/jx3box-common/js/user";
diff --git a/src/comment/CommentContent.vue b/src/comment/CommentContent.vue
index 16d7b4b..68b7715 100644
--- a/src/comment/CommentContent.vue
+++ b/src/comment/CommentContent.vue
@@ -194,7 +194,8 @@
 
 <script>
 import Uploader from "./Upload.vue";
-import { resolveImagePath } from "@jx3box/jx3box-common/js/utils";
+import * as utilModule from "@jx3box/jx3box-common/js/utils";
+const { resolveImagePath } = utilModule;
 import { formatContent } from "../../utils/emotion";
 import Emotion from "@jx3box/jx3box-emotion/src/Emotion2.vue";
 
diff --git a/src/editor/UploadBanner.vue b/src/editor/UploadBanner.vue
index fdb21ed..d35839e 100644
--- a/src/editor/UploadBanner.vue
+++ b/src/editor/UploadBanner.vue
@@ -20,7 +20,8 @@
 </template>
 
 <script>
-import { getThumbnail } from "@jx3box/jx3box-common/js/utils";
+import * as utilModule from "@jx3box/jx3box-common/js/utils";
+const { getThumbnail } = utilModule;
 import { upload } from "../../service/cms.js";
 export default {
     name: "upload-banner",
diff --git a/src/editor/components/Buff.vue b/src/editor/components/Buff.vue
index ae060f9..6fbed7c 100644
--- a/src/editor/components/Buff.vue
+++ b/src/editor/components/Buff.vue
@@ -15,7 +15,8 @@
 
 <script>
 import { getBuff } from "../../../service/database.js";
-import { iconLink } from "@jx3box/jx3box-common/js/utils";
+import * as utilModule from "@jx3box/jx3box-common/js/utils";
+const { iconLink } = utilModule;
 import detach_types from "../../../assets/data/detach_type.json";
 export default {
     name: "BuffComponent",
diff --git a/src/editor/components/Combo.vue b/src/editor/components/Combo.vue
index 761b32c..35fc8ab 100644
--- a/src/editor/components/Combo.vue
+++ b/src/editor/components/Combo.vue
@@ -97,7 +97,8 @@
 
 <script>
 import Vue from "vue";
-import { iconLink } from "@jx3box/jx3box-common/js/utils";
+import * as utilModule from "@jx3box/jx3box-common/js/utils";
+const { iconLink } = utilModule;
 import { getSkill } from "../../service/resource";
 import Sortable from "sortablejs";
 import { cloneDeep } from "lodash";
diff --git a/src/editor/components/Equip.vue b/src/editor/components/Equip.vue
index b9ad629..840564d 100644
--- a/src/editor/components/Equip.vue
+++ b/src/editor/components/Equip.vue
@@ -40,7 +40,8 @@
 <script>
 import EquipPosition from "../../../service/enum/EquipPosition";
 import ItemSimple from "./ItemSimple.vue";
-import { authorLink } from "@jx3box/jx3box-common/js/utils.js";
+import * as utilModule from "@jx3box/jx3box-common/js/utils.js";
+const { authorLink } = utilModule;
 import QRcode from "@jx3box/jx3box-common-ui/src/interact/QRcode.vue";
 import { showTime } from "@jx3box/jx3box-common/js/moment.js";
 import { get_plan } from "../../../service/item.js";
diff --git a/src/editor/components/Item.vue b/src/editor/components/Item.vue
index 1a2acec..4f7d529 100644
--- a/src/editor/components/Item.vue
+++ b/src/editor/components/Item.vue
@@ -208,7 +208,8 @@ import GameText from "./GameText.vue";
 import attribute_percent from "../../../assets/js/item/attribute_percent.js";
 import bind from "../../../assets/js/item/bind.js";
 import color from "../../../assets/js/item/color.js";
-import { iconLink } from "@jx3box/jx3box-common/js/utils";
+import * as utilModule from "@jx3box/jx3box-common/js/utils";
+const { iconLink } = utilModule;
 
 import second_format from "../../../assets/js/item/second_format.js";
 import dayjs from "dayjs";
diff --git a/src/editor/components/Npc.vue b/src/editor/components/Npc.vue
index bd65b8e..5f7b851 100644
--- a/src/editor/components/Npc.vue
+++ b/src/editor/components/Npc.vue
@@ -163,7 +163,8 @@
 
 <script>
 import { getNpc } from "../../../service/database.js";
-import { iconLink } from "@jx3box/jx3box-common/js/utils";
+import * as utilModule from "@jx3box/jx3box-common/js/utils";
+const { iconLink } = utilModule;
 export default {
     name: "NpcComponent",
     props: ["client", "id"],
diff --git a/src/editor/components/PostAuthor.vue b/src/editor/components/PostAuthor.vue
index 3768b09..713d769 100644
--- a/src/editor/components/PostAuthor.vue
+++ b/src/editor/components/PostAuthor.vue
@@ -31,7 +31,8 @@
 </template>
 
 <script>
-import { authorLink } from "@jx3box/jx3box-common/js/utils";
+import * as utilModule from "@jx3box/jx3box-common/js/utils";
+const { authorLink } = utilModule;
 import { getEmotion } from "../../../service/author";
 import dayjs from "dayjs";
 import Avatar from "./Avatar.vue";
diff --git a/src/editor/components/Skill.vue b/src/editor/components/Skill.vue
index 1952a9a..95ee14e 100644
--- a/src/editor/components/Skill.vue
+++ b/src/editor/components/Skill.vue
@@ -14,7 +14,8 @@
 
 <script>
 import { getSkill } from "../../../service/database.js";
-import { iconLink } from "@jx3box/jx3box-common/js/utils";
+import * as utilModule from "@jx3box/jx3box-common/js/utils";
+const { iconLink } = utilModule;
 export default {
     name: "SkillComponent",
     props: ["client", "id", "level"],
diff --git a/src/header/UserInfo.vue b/src/header/UserInfo.vue
index a618fe6..e1c5c85 100644
--- a/src/header/UserInfo.vue
+++ b/src/header/UserInfo.vue
@@ -102,7 +102,8 @@
 
 <script>
 import User from "@jx3box/jx3box-common/js/user";
-import { showAvatar } from "@jx3box/jx3box-common/js/utils";
+import * as utilModule from "@jx3box/jx3box-common/js/utils";
+const { showAvatar } = utilModule;
 import { showDate } from "@jx3box/jx3box-common/js/moment";
 import { getMyInfo } from "../../service/author";
 import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
diff --git a/src/interact/Contributors.vue b/src/interact/Contributors.vue
index 335296f..3853eb3 100644
--- a/src/interact/Contributors.vue
+++ b/src/interact/Contributors.vue
@@ -22,7 +22,8 @@
 </template>
 
 <script>
-import { showAvatar } from "@jx3box/jx3box-common/js/utils";
+import * as utilModule from "@jx3box/jx3box-common/js/utils";
+const { showAvatar } = utilModule;
 export default {
     name: "ContributorsComp",
     props: {
diff --git a/src/single/Collection.vue b/src/single/Collection.vue
index 26d5f06..56e6a42 100644
--- a/src/single/Collection.vue
+++ b/src/single/Collection.vue
@@ -20,7 +20,8 @@
 </template>
 
 <script>
-import { getLink } from "@jx3box/jx3box-common/js/utils";
+import * as utilModule from "@jx3box/jx3box-common/js/utils";
+const { getLink } = utilModule;
 import { getCollection } from "../../service/cms";
 export default {
     name: "SingleCollection",
diff --git a/src/single/PostTopic.vue b/src/single/PostTopic.vue
index 8258982..25b6690 100644
--- a/src/single/PostTopic.vue
+++ b/src/single/PostTopic.vue
@@ -15,7 +15,8 @@
 
 <script>
 import { getSliders } from "../../service/cms";
-import { getThumbnail } from "@jx3box/jx3box-common/js/utils";
+import * as utilModule from "@jx3box/jx3box-common/js/utils";
+const { getThumbnail } = utilModule;
 import dayjs from "dayjs";
 export default {
     name: "PostTopic",
diff --git a/src/single/cms-single.vue b/src/single/cms-single.vue
index 2125817..56d07b4 100644
--- a/src/single/cms-single.vue
+++ b/src/single/cms-single.vue
@@ -82,7 +82,8 @@ import Article from "../editor/Article.vue";
 // import ArticleMarkdown from "@jx3box/jx3box-editor/src/ArticleMarkdown.vue";
 import Comment from "./Comment.vue";
 const { __visibleMap } = require("@jx3box/jx3box-common/data/jx3box.json");
-import { getAppType } from "@jx3box/jx3box-common/js/utils";
+import * as utilModule from "@jx3box/jx3box-common/js/utils";
+const { getAppType } = utilModule;
 export default {
     name: "cms-single",
     components: {