chore: bump dependencies (#689)

#### What type of PR is this?

/kind improvement
/milestone 2.0

#### What this PR does / why we need it:

更新所有依赖的修订版本。

#### Special notes for your reviewer:

/cc @halo-dev/sig-halo-console 

#### Does this PR introduce a user-facing change?

```release-note
更新所有依赖的修订版本。
```

package.json

@@ -25,7 +25,7 @@
     "packages/*"
   ],
   "dependencies": {
-    "@emoji-mart/data": "^1.0.6",
+    "@emoji-mart/data": "^1.0.7",
     "@formkit/core": "^1.0.0-beta.11",
     "@formkit/i18n": "^1.0.0-beta.11",
     "@formkit/inputs": "^1.0.0-beta.11",
@@ -36,24 +36,24 @@
     "@halo-dev/components": "workspace:*",
     "@halo-dev/console-shared": "workspace:*",
     "@halo-dev/richtext-editor": "^0.0.0-alpha.11",
-    "@tiptap/extension-character-count": "^2.0.0-beta.199",
+    "@tiptap/extension-character-count": "^2.0.0-beta.202",
     "@uppy/core": "^3.0.4",
-    "@uppy/dashboard": "^3.1.0",
+    "@uppy/dashboard": "^3.2.0",
     "@uppy/drag-drop": "^3.0.1",
     "@uppy/file-input": "^3.0.1",
-    "@uppy/locales": "^3.0.3",
+    "@uppy/locales": "^3.0.4",
     "@uppy/progress-bar": "^3.0.1",
     "@uppy/status-bar": "^3.0.1",
     "@uppy/vue": "^1.0.1",
     "@uppy/xhr-upload": "^3.0.4",
-    "@vueuse/components": "^9.4.0",
+    "@vueuse/components": "^9.5.0",
-    "@vueuse/core": "^9.4.0",
+    "@vueuse/core": "^9.5.0",
-    "@vueuse/router": "^9.4.0",
+    "@vueuse/router": "^9.5.0",
-    "@vueuse/shared": "^9.4.0",
+    "@vueuse/shared": "^9.5.0",
     "axios": "^0.27.2",
-    "colorjs.io": "^0.4.0",
+    "colorjs.io": "^0.4.1",
     "dayjs": "^1.11.6",
-    "emoji-mart": "^5.2.2",
+    "emoji-mart": "^5.3.1",
     "floating-vue": "2.0.0-beta.20",
     "fuse.js": "^6.6.2",
     "lodash.clonedeep": "^4.5.0",
@@ -65,61 +65,61 @@
     "pretty-bytes": "^6.0.0",
     "qs": "^6.11.0",
     "uuid": "^9.0.0",
-    "vue": "^3.2.41",
+    "vue": "^3.2.44",
     "vue-grid-layout": "3.0.0-beta1",
     "vue-router": "^4.1.6",
     "vuedraggable": "^4.1.0",
     "yaml": "^2.1.3"
   },
   "devDependencies": {
-    "@changesets/cli": "^2.25.0",
+    "@changesets/cli": "^2.25.2",
     "@iconify-json/mdi": "^1.1.34",
     "@iconify-json/vscode-icons": "^1.1.16",
     "@rushstack/eslint-patch": "^1.2.0",
     "@tailwindcss/aspect-ratio": "^0.4.2",
-    "@types/jsdom": "^20.0.0",
+    "@types/jsdom": "^20.0.1",
     "@types/lodash.clonedeep": "4.5.7",
     "@types/lodash.isequal": "^4.5.6",
     "@types/lodash.merge": "^4.6.7",
-    "@types/node": "^16.18.0",
+    "@types/node": "^18.11.9",
     "@types/qs": "^6.9.7",
     "@types/randomstring": "^1.1.8",
     "@types/uuid": "^8.3.4",
-    "@vitejs/plugin-vue": "^3.1.2",
+    "@vitejs/plugin-vue": "^3.2.0",
-    "@vitejs/plugin-vue-jsx": "^2.0.1",
+    "@vitejs/plugin-vue-jsx": "^2.1.1",
-    "@vitest/ui": "^0.24.3",
+    "@vitest/ui": "^0.25.1",
-    "@vue/compiler-sfc": "^3.2.41",
+    "@vue/compiler-sfc": "^3.2.44",
     "@vue/eslint-config-prettier": "^7.0.0",
     "@vue/eslint-config-typescript": "^11.0.2",
-    "@vue/test-utils": "^2.2.0",
+    "@vue/test-utils": "^2.2.1",
     "@vue/tsconfig": "^0.1.3",
-    "autoprefixer": "^10.4.12",
+    "autoprefixer": "^10.4.13",
     "c8": "^7.12.0",
     "cypress": "^10.11.0",
-    "eslint": "^8.26.0",
+    "eslint": "^8.27.0",
     "eslint-plugin-cypress": "^2.12.1",
-    "eslint-plugin-vue": "^9.6.0",
+    "eslint-plugin-vue": "^9.7.0",
-    "husky": "^8.0.1",
+    "husky": "^8.0.2",
-    "jsdom": "^20.0.1",
+    "jsdom": "^20.0.2",
-    "postcss": "^8.4.18",
+    "postcss": "^8.4.19",
     "prettier": "^2.7.1",
     "prettier-plugin-tailwindcss": "^0.1.13",
     "randomstring": "^1.2.3",
-    "sass": "^1.55.0",
+    "sass": "^1.56.1",
     "start-server-and-test": "^1.14.0",
-    "tailwindcss": "^3.2.1",
+    "tailwindcss": "^3.2.3",
     "tailwindcss-safe-area": "^0.2.2",
     "tailwindcss-themer": "^2.0.2",
     "typescript": "~4.7.4",
-    "unplugin-icons": "^0.14.12",
+    "unplugin-icons": "^0.14.13",
-    "vite": "^3.1.8",
+    "vite": "^3.2.3",
     "vite-compression-plugin": "^0.0.4",
     "vite-plugin-externals": "^0.5.1",
     "vite-plugin-html": "^3.2.0",
-    "vite-plugin-pwa": "^0.13.1",
+    "vite-plugin-pwa": "^0.13.3",
-    "vite-plugin-static-copy": "^0.9.0",
+    "vite-plugin-static-copy": "^0.11.1",
     "vite-plugin-vue-setup-extend": "^0.4.0",
-    "vitest": "^0.24.3",
+    "vitest": "^0.25.1",
     "vue-tsc": "^1.0.9"
   }
 }

packages/components/package.json

@@ -44,11 +44,11 @@
   "homepage": "https://github.com/halo-dev/console/tree/main/packages/components#readme",
   "license": "MIT",
   "devDependencies": {
-    "@histoire/plugin-vue": "^0.11.5",
+    "@histoire/plugin-vue": "^0.11.6",
     "@iconify-json/ri": "^1.1.3",
-    "histoire": "^0.11.5",
+    "histoire": "^0.11.6",
-    "unplugin-icons": "^0.14.12",
+    "unplugin-icons": "^0.14.13",
-    "vite-plugin-dts": "^1.6.6"
+    "vite-plugin-dts": "^1.7.0"
   },
   "peerDependencies": {
     "vue": "^3.2.37",
@@ -69,8 +69,8 @@
     "@codemirror/lang-json": "^6.0.1",
     "@codemirror/language": "^6.3.0",
     "@codemirror/legacy-modes": "^6.2.0",
-    "@codemirror/state": "^6.1.2",
+    "@codemirror/state": "^6.1.3",
-    "@codemirror/view": "^6.4.0",
+    "@codemirror/view": "^6.4.2",
     "codemirror": "^6.0.1"
   }
 }

packages/components/src/components/avatar/Avatar.vue

@@ -26,6 +26,10 @@ const isLoading = ref(false);
 const error = ref(false);
 
 const loadImage = async () => {
+  if (!props.src) {
+    return Promise.reject();
+  }
+
   const image = new Image();
   image.src = props.src;
   return new Promise((resolve, reject) => {

packages/components/src/components/dialog/Dialog.vue

@@ -1,13 +1,13 @@
 <script lang="ts" setup>
-import { VModal } from "@/components/modal";
+import { VModal } from "../modal";
-import { VButton } from "@/components/button";
+import { VButton } from "../button";
 import {
   IconCheckboxCircle,
   IconClose,
   IconErrorWarning,
   IconForbidLine,
   IconInformation,
-} from "@/icons/icons";
+} from "../../icons/icons";
 import { computed, ref } from "vue";
 import type { Type } from "@/components/dialog/interface";
 import type { Type as ButtonType } from "@/components/button/interface";

packages/components/src/components/empty/__tests__/Empty.spec.ts

@@ -12,7 +12,11 @@ describe("Empty", () => {
   it("should match snapshot", () => {
     expect(
       mount(VEmpty, {
-        props: { title: "Not found", message: "No posts found" },
+        props: {
+          title: "Not found",
+          message: "No posts found",
+          image: "./Empty.svg",
+        },
         slots: {
           actions: h(VButton, { type: "primary" }, "New Post"),
         },
@@ -69,9 +73,9 @@ describe("Empty", () => {
       },
     });
 
-    expect(wrapper.find(".empty-image > img").attributes().src).toEqual(
+    expect(
-      "/src/components/empty/Empty.svg"
+      wrapper.find(".empty-image > img").attributes().src.endsWith("/Empty.svg")
-    );
+    ).toBe(true);
 
     await wrapper.setData({ image: "./empty.png" });
 

packages/components/src/components/empty/__tests__/__snapshots__/Empty.spec.ts.snap

@@ -2,7 +2,7 @@
 
 exports[`Empty > should match snapshot 1`] = `
 "<div class=\\"empty-wrapper\\">
-  <div class=\\"empty-image h-32 w-32\\"><img src=\\"/src/components/empty/Empty.svg\\" alt=\\"Empty\\"></div>
+  <div class=\\"empty-image h-32 w-32\\"><img src=\\"./Empty.svg\\" alt=\\"Empty\\"></div>
   <div class=\\"empty-title\\">Not found</div>
   <div class=\\"empty-message\\">No posts found</div>
   <div class=\\"empty-actions\\"><button class=\\"btn-md btn-primary btn\\" type=\\"button\\">

packages/shared/package.json

@@ -38,7 +38,7 @@
   "homepage": "https://github.com/halo-dev/console/tree/main/packages/shared#readme",
   "license": "MIT",
   "devDependencies": {
-    "vite-plugin-dts": "^1.6.6"
+    "vite-plugin-dts": "^1.7.0"
   },
   "peerDependencies": {
     "vue": "^3.2.37",

src/modules/contents/comments/components/CommentListItem.vue

@@ -31,7 +31,7 @@ const { currentUserHasPermission } = usePermission();
 
 const props = withDefaults(
   defineProps<{
-    comment?: ListedComment;
+    comment: ListedComment;
     isSelected?: boolean;
   }>(),
   {

src/modules/contents/comments/components/ReplyCreationModal.vue

@@ -96,7 +96,7 @@ const handleCreateReply = async () => {
       formState.value.quoteReply = props.reply.reply.metadata.name;
     }
     await apiClient.comment.createReply({
-      name: props.comment?.comment.metadata.name,
+      name: props.comment?.comment.metadata.name as string,
       replyRequest: formState.value,
     });
     onVisibleChange(false);
@@ -118,7 +118,7 @@ const handleCreateEmojiPicker = () => {
     i18n: i18n,
     onEmojiSelect: onEmojiSelect,
   });
-  emojiPickerRef.value?.appendChild(emojiPicker);
+  emojiPickerRef.value?.appendChild(emojiPicker as unknown as Node);
 };
 
 const onEmojiSelect = (emoji: { native: string }) => {

src/modules/contents/comments/components/ReplyListItem.vue

@@ -17,7 +17,7 @@ import cloneDeep from "lodash.clonedeep";
 
 const props = withDefaults(
   defineProps<{
-    reply?: ListedReply;
+    reply: ListedReply;
     replies?: ListedReply[];
   }>(),
   {

src/modules/system/users/components/GrantPermissionModal.vue

@@ -49,7 +49,7 @@ const handleGrantPermission = async () => {
   try {
     saving.value = true;
     await apiClient.user.grantPermission({
-      name: props.user.metadata.name,
+      name: props.user?.metadata.name as string,
       grantRequest: {
         roles: [selectedRole.value],
       },