From e4ad03a744145f078086c19dd749a1d9e5ff57ca Mon Sep 17 00:00:00 2001
From: icssoa <615206459@qq.com>
Date: Wed, 8 Jun 2022 18:37:55 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=E8=81=8A=E5=A4=A9=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/cool/index.ts                             |   2 +-
 .../base/pages/layout/components/topbar.vue   |   5 +
 src/modules/chat/components/index.vue         | 130 ++++++++++++++++++
 src/modules/chat/components/message.vue       |  69 ++++++++++
 src/modules/chat/components/session.vue       | 130 ++++++++++++++++++
 src/modules/chat/hooks/index.ts               |  16 +++
 6 files changed, 351 insertions(+), 1 deletion(-)
 create mode 100644 src/modules/chat/components/index.vue
 create mode 100644 src/modules/chat/components/message.vue
 create mode 100644 src/modules/chat/components/session.vue
 create mode 100644 src/modules/chat/hooks/index.ts

diff --git a/src/cool/index.ts b/src/cool/index.ts
index d415dad..ec53e1c 100644
--- a/src/cool/index.ts
+++ b/src/cool/index.ts
@@ -3,4 +3,4 @@ export * from "./bootstrap";
 export * from "./hook";
 export * from "./router";
 export * from "./config";
-export { storage } from "./utils";
+export { storage, module } from "./utils";
diff --git a/src/modules/base/pages/layout/components/topbar.vue b/src/modules/base/pages/layout/components/topbar.vue
index 3941c83..2e41854 100644
--- a/src/modules/base/pages/layout/components/topbar.vue
+++ b/src/modules/base/pages/layout/components/topbar.vue
@@ -19,6 +19,10 @@
 
 		<!-- 工具栏 -->
 		<ul class="app-topbar__tools">
+			<li>
+				<cl-chat />
+			</li>
+
 			<li>
 				<cl-theme />
 			</li>
@@ -115,6 +119,7 @@ function onCommand(name: string) {
 			width: 45px;
 			border-radius: 3px;
 			cursor: pointer;
+			margin-left: 10px;
 
 			&:hover {
 				background-color: rgba(0, 0, 0, 0.1);
diff --git a/src/modules/chat/components/index.vue b/src/modules/chat/components/index.vue
new file mode 100644
index 0000000..f9e8492
--- /dev/null
+++ b/src/modules/chat/components/index.vue
@@ -0,0 +1,130 @@
+<template>
+	<div class="cl-chat__wrap">
+		<div class="cl-chat__icon" @click="open">
+			<el-badge :value="19">
+				<el-icon><BellFilled /></el-icon>
+			</el-badge>
+		</div>
+
+		<!-- 弹框 -->
+		<cl-dialog
+			v-model="visible"
+			title="聊天窗口"
+			height="630px"
+			width="1200px"
+			keep-alive
+			custom-class="cl-chat__dialog"
+			:close-on-click-modal="false"
+			append-to-body
+			:controls="['slot-expand', 'cl-flex1', 'fullscreen', 'close']"
+		>
+			<div class="cl-chat">
+				<chat-session />
+				<chat-message />
+			</div>
+
+			<!-- 展开按钮 -->
+			<template #slot-expand>
+				<button class="cl-dialog__controls-icon">
+					<el-icon @click="session.visible = false" v-if="session.visible">
+						<notebook />
+					</el-icon>
+					<el-icon @click="session.visible = true" v-else>
+						<arrow-left />
+					</el-icon>
+				</button>
+			</template>
+		</cl-dialog>
+	</div>
+</template>
+
+<script lang="ts">
+import { defineComponent, reactive } from "vue";
+
+export default defineComponent({
+	name: "cl-chat"
+});
+</script>
+
+<script lang="ts" setup>
+import { provide, ref, watch } from "vue";
+import { module } from "/@/cool/utils";
+import { useCool } from "/@/cool";
+import { useBase } from "/$/base";
+import ChatMessage from "./message.vue";
+import ChatSession from "./session.vue";
+import { Notebook, ArrowLeft, BellFilled } from "@element-plus/icons-vue";
+
+const { service } = useCool();
+
+// 缓存
+const { app } = useBase();
+
+// 模块配置
+const { options } = module.get("upload");
+
+// 是否可见
+const visible = ref<boolean>(false);
+
+// 会话
+const session = reactive({
+	visible: true,
+	list: []
+});
+
+// 监听屏幕大小变化
+watch(
+	() => app.browser.isMini,
+	(val) => {
+		session.visible = val ? false : true;
+	},
+	{
+		immediate: true
+	}
+);
+
+// 打开
+function open() {
+	visible.value = true;
+}
+
+// 关闭
+function close() {
+	visible.value = false;
+}
+
+provide("chat", {
+	session
+});
+
+defineExpose({
+	open,
+	close
+});
+</script>
+
+<style lang="scss">
+.cl-chat {
+	display: flex;
+	background-color: #eee;
+	height: 100%;
+	padding: 5px;
+	box-sizing: border-box;
+
+	&__icon {
+		.el-badge__content {
+			transform: translateY(-50%) translateX(100%) scale(0.8) !important;
+		}
+	}
+
+	&__dialog {
+		.el-dialog__body {
+			padding: 0;
+		}
+	}
+
+	&__footer {
+		padding: 9px 0;
+	}
+}
+</style>
diff --git a/src/modules/chat/components/message.vue b/src/modules/chat/components/message.vue
new file mode 100644
index 0000000..51d65d8
--- /dev/null
+++ b/src/modules/chat/components/message.vue
@@ -0,0 +1,69 @@
+<template>
+	<div class="cl-chat__message">
+		<div class="head"></div>
+		<div class="list scroller1"></div>
+		<div class="footer">
+			<div class="tools">
+				<ul>
+					<li></li>
+				</ul>
+			</div>
+
+			<div class="input">
+				<el-input type="textarea" :rows="1" placeholder="输入内容"></el-input>
+				<el-button type="success">发送</el-button>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script lang="ts" setup></script>
+
+<style lang="scss" scoped>
+.cl-chat__message {
+	display: flex;
+	flex-direction: column;
+	background-color: #fff;
+	flex: 1;
+	border-radius: 5px;
+
+	.head {
+		display: flex;
+		height: 50px;
+		border-bottom: 1px solid #eee;
+	}
+
+	.list {
+		flex: 1;
+	}
+
+	.footer {
+		border-top: 1px solid #eee;
+		padding: 10px;
+
+		.tools {
+			display: flex;
+			margin-bottom: 10px;
+
+			ul {
+				li {
+					height: 30px;
+					width: 30px;
+					border-radius: 3px;
+					background-color: #eee;
+					margin-right: 10px;
+					list-style: none;
+				}
+			}
+		}
+
+		.input {
+			display: flex;
+
+			.el-button {
+				margin-left: 10px;
+			}
+		}
+	}
+}
+</style>
diff --git a/src/modules/chat/components/session.vue b/src/modules/chat/components/session.vue
new file mode 100644
index 0000000..c76359a
--- /dev/null
+++ b/src/modules/chat/components/session.vue
@@ -0,0 +1,130 @@
+<template>
+	<div
+		class="cl-chat__session"
+		:class="{
+			'is-position': app.browser.isMini,
+			'is-show': chat?.session.visible
+		}"
+	>
+		<div class="head"></div>
+
+		<div class="list scroller1">
+			<div class="item" v-for="(item, index) in 13" :key="index">
+				<div class="avatar">
+					<el-badge value="2">
+						<el-avatar shape="square"></el-avatar>
+					</el-badge>
+				</div>
+
+				<div class="det">
+					<p class="name">神仙都没用</p>
+					<p class="message">
+						https://g0qwq7gr7l.feishu.cn/docx/doxcnkMF3PFehilJTyHbEivkUod
+					</p>
+				</div>
+
+				<div class="status">
+					<p class="date">2022-04-21 12:22</p>
+					<el-tag size="small">厦门</el-tag>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { useChat } from "../hooks";
+import { useBase } from "/$/base";
+
+const { app } = useBase();
+const { chat } = useChat();
+</script>
+
+<style lang="scss" scoped>
+.cl-chat__session {
+	height: 100%;
+	width: 0;
+	background-color: #fff;
+	overflow: hidden;
+	transition: width 0.2s ease-in-out;
+	border-radius: 5px;
+
+	&.is-show {
+		width: 350px;
+		margin-right: 5px;
+	}
+
+	&.is-position {
+		position: absolute;
+		left: 5px;
+		top: 51px;
+		height: calc(100% - 56px);
+		z-index: 3000;
+
+		&.is-show {
+			width: calc(100% - 10px);
+		}
+	}
+
+	.head {
+		display: flex;
+		height: 50px;
+		border-bottom: 1px solid #f7f7f7;
+	}
+
+	.list {
+		height: calc(100% - 51px);
+		.item {
+			display: flex;
+			padding: 15px 10px;
+			cursor: pointer;
+
+			.avatar {
+				margin-right: 15px;
+
+				:deep(.el-badge__content) {
+					transform: translateY(-50%) translateX(100%) scale(0.8) !important;
+				}
+			}
+
+			.det {
+				flex: 1;
+
+				.name,
+				.message {
+					overflow: hidden;
+					text-overflow: ellipsis;
+					display: -webkit-box;
+					-webkit-box-orient: vertical;
+					-webkit-line-clamp: 1;
+				}
+
+				.name {
+					font-size: 14px;
+					margin-bottom: 2px;
+				}
+
+				.message {
+					font-size: 12px;
+					color: #666;
+				}
+			}
+
+			.status {
+				display: flex;
+				flex-direction: column;
+				align-items: flex-end;
+				font-size: 12px;
+
+				.date {
+					margin-bottom: 5px;
+				}
+			}
+
+			&:hover {
+				background-color: #f7f7f7;
+			}
+		}
+	}
+}
+</style>
diff --git a/src/modules/chat/hooks/index.ts b/src/modules/chat/hooks/index.ts
new file mode 100644
index 0000000..e9c4b69
--- /dev/null
+++ b/src/modules/chat/hooks/index.ts
@@ -0,0 +1,16 @@
+import { inject } from "vue";
+
+declare interface Chat {
+	session: {
+		visible: boolean;
+		list: any[];
+	};
+}
+
+export function useChat() {
+	const chat = inject<Chat>("chat");
+
+	return {
+		chat
+	};
+}

From 8218a4ba81ce32be2a62cab2d7a7f1736804ae7a Mon Sep 17 00:00:00 2001
From: icssoa <615206459@qq.com>
Date: Thu, 9 Jun 2022 18:23:20 +0800
Subject: [PATCH 2/4] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=81=8A=E5=A4=A9?=
 =?UTF-8?q?=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                            |   2 +-
 src/modules/chat/components/index.vue   | 135 +++++++++++++++--
 src/modules/chat/components/message.vue | 187 ++++++++++++++++++++++--
 src/modules/chat/components/session.vue |  99 +++++++------
 src/modules/chat/hooks/index.ts         |  26 +++-
 src/modules/chat/service/message.ts     |  47 ++++++
 src/modules/chat/service/session.ts     |  43 ++++++
 yarn.lock                               |   8 +-
 8 files changed, 471 insertions(+), 76 deletions(-)
 create mode 100644 src/modules/chat/service/message.ts
 create mode 100644 src/modules/chat/service/session.ts

diff --git a/package.json b/package.json
index bdc6feb..9f3df7d 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,7 @@
 		"lint:eslint": "eslint \"{src,mock}/**/*.{vue,ts,tsx}\" --fix"
 	},
 	"dependencies": {
-		"@cool-vue/crud": "^5.0.10",
+		"@cool-vue/crud": "^5.0.11",
 		"@element-plus/icons-vue": "^1.1.3",
 		"@vueuse/core": "^8.2.5",
 		"axios": "^0.27.2",
diff --git a/src/modules/chat/components/index.vue b/src/modules/chat/components/index.vue
index f9e8492..be4ad5a 100644
--- a/src/modules/chat/components/index.vue
+++ b/src/modules/chat/components/index.vue
@@ -18,18 +18,29 @@
 			append-to-body
 			:controls="['slot-expand', 'cl-flex1', 'fullscreen', 'close']"
 		>
-			<div class="cl-chat">
-				<chat-session />
-				<chat-message />
+			<div
+				class="cl-chat"
+				:class="{
+					'is-mini': app.browser.isMini,
+					'is-expand': isExpand
+				}"
+			>
+				<div class="cl-chat__session">
+					<chat-session />
+				</div>
+
+				<div class="cl-chat__right">
+					<chat-message />
+				</div>
 			</div>
 
 			<!-- 展开按钮 -->
 			<template #slot-expand>
 				<button class="cl-dialog__controls-icon">
-					<el-icon @click="session.visible = false" v-if="session.visible">
+					<el-icon @click="isExpand = true" v-if="!isExpand">
 						<notebook />
 					</el-icon>
-					<el-icon @click="session.visible = true" v-else>
+					<el-icon @click="isExpand = false" v-else>
 						<arrow-left />
 					</el-icon>
 				</button>
@@ -47,13 +58,14 @@ export default defineComponent({
 </script>
 
 <script lang="ts" setup>
-import { provide, ref, watch } from "vue";
+import { nextTick, provide, ref, watch } from "vue";
 import { module } from "/@/cool/utils";
 import { useCool } from "/@/cool";
 import { useBase } from "/$/base";
 import ChatMessage from "./message.vue";
 import ChatSession from "./session.vue";
 import { Notebook, ArrowLeft, BellFilled } from "@element-plus/icons-vue";
+import { debounce } from "lodash";
 
 const { service } = useCool();
 
@@ -64,19 +76,74 @@ const { app } = useBase();
 const { options } = module.get("upload");
 
 // 是否可见
-const visible = ref<boolean>(false);
+const visible = ref(false);
 
-// 会话
-const session = reactive({
-	visible: true,
-	list: []
+// 是否展开
+const isExpand = ref(true);
+
+// 聊天
+const chat = reactive({
+	inputValue: "",
+	session: {
+		loading: false,
+		value: null,
+		list: []
+	},
+	message: {
+		loading: false,
+		list: [],
+		pagination: {}
+	},
+	// 滚动到底部
+	scrollToBottom: debounce(() => {
+		nextTick(() => {
+			const box = document.querySelector(".cl-chat .chat-message .list");
+			box?.scroll({
+				top: 100000 + Math.random(),
+				behavior: "smooth"
+			});
+		});
+	}, 300),
+	// 获取会话列表
+	async getSession() {
+		this.session.loading = true;
+		await service.im.session.page().then((res) => {
+			chat.session.list = res.list;
+
+			// 默认加载第一个会话的消息
+			if (!this.session.value) {
+				this.setSession(res.list[0]);
+			}
+		});
+		this.session.loading = false;
+	},
+	// 设置会话
+	async setSession(data: any) {
+		// 清空消息列表
+		this.message.list = [];
+		// 设置值
+		this.session.value = data;
+		// 获取消息
+		await this.getMessage();
+		// 滚动到底
+		this.scrollToBottom();
+	},
+	// 获取消息
+	async getMessage() {
+		this.message.loading = true;
+		await service.im.message.page().then((res) => {
+			chat.message.list = res.list;
+			chat.message.pagination = res.pagination;
+		});
+		this.message.loading = false;
+	}
 });
 
 // 监听屏幕大小变化
 watch(
 	() => app.browser.isMini,
 	(val) => {
-		session.visible = val ? false : true;
+		isExpand.value = val ? false : true;
 	},
 	{
 		immediate: true
@@ -93,9 +160,7 @@ function close() {
 	visible.value = false;
 }
 
-provide("chat", {
-	session
-});
+provide("chat", chat);
 
 defineExpose({
 	open,
@@ -106,12 +171,15 @@ defineExpose({
 <style lang="scss">
 .cl-chat {
 	display: flex;
+	justify-content: flex-end;
 	background-color: #eee;
 	height: 100%;
 	padding: 5px;
 	box-sizing: border-box;
+	position: relative;
 
 	&__icon {
+		padding: 5px;
 		.el-badge__content {
 			transform: translateY(-50%) translateX(100%) scale(0.8) !important;
 		}
@@ -126,5 +194,42 @@ defineExpose({
 	&__footer {
 		padding: 9px 0;
 	}
+
+	&__session {
+		height: calc(100% - 10px);
+		width: 345px;
+		position: absolute;
+		left: 5px;
+		top: 5px;
+	}
+
+	&__right {
+		position: relative;
+		z-index: 99;
+		transition: width 0.3s;
+		width: 100%;
+	}
+
+	&.is-mini {
+		&.is-expand {
+			.cl-chat__session {
+				z-index: 100;
+			}
+		}
+
+		.cl-chat__session {
+			width: calc(100% - 10px);
+		}
+
+		.cl-chat__right {
+			width: 100% !important;
+		}
+	}
+
+	&.is-expand {
+		.cl-chat__right {
+			width: calc(100% - 350px);
+		}
+	}
 }
 </style>
diff --git a/src/modules/chat/components/message.vue b/src/modules/chat/components/message.vue
index 51d65d8..21e2f5e 100644
--- a/src/modules/chat/components/message.vue
+++ b/src/modules/chat/components/message.vue
@@ -1,7 +1,57 @@
 <template>
-	<div class="cl-chat__message">
-		<div class="head"></div>
-		<div class="list scroller1"></div>
+	<div
+		class="chat-message"
+		v-loading="chat?.message.loading"
+		element-loading-text="消息列表加载中"
+	>
+		<!-- 头部 -->
+		<div class="head">
+			<template v-if="chat?.session.value">
+				<div class="avatar">
+					<el-avatar
+						:size="30"
+						shape="square"
+						:src="chat?.session.value.avatar"
+					></el-avatar>
+				</div>
+				<span class="name">与“{{ chat?.session.value.nickName }}”聊天中</span>
+
+				<ul class="tools">
+					<li></li>
+				</ul>
+			</template>
+		</div>
+
+		<!-- 消息列表 -->
+		<div class="list scroller1">
+			<ul>
+				<li v-for="(item, index) in list" :key="index">
+					<div
+						class="item"
+						:class="{
+							'is-right': item.type == 1
+						}"
+					>
+						<div class="avatar">
+							<el-avatar :size="36" shape="square" :src="item.avatar"></el-avatar>
+						</div>
+
+						<div class="det">
+							<div class="h">
+								<span class="name">{{ item.nickName }}</span>
+							</div>
+							<div class="content">
+								<div class="is-text">
+									<span>{{ item.text }}</span>
+								</div>
+							</div>
+						</div>
+					</div>
+				</li>
+			</ul>
+		</div>
+
+		<!-- 底部 -->
 		<div class="footer">
 			<div class="tools">
 				<ul>
@@ -10,35 +60,144 @@
 			</div>
 
 			<div class="input">
-				<el-input type="textarea" :rows="1" placeholder="输入内容"></el-input>
-				<el-button type="success">发送</el-button>
+				<el-input
+					v-model="chat.inputValue"
+					type="textarea"
+					:rows="4"
+					resize="none"
+					:autosize="{
+						minRows: 4,
+						maxRows: 10
+					}"
+					placeholder="输入内容"
+				></el-input>
+				<el-button size="small" type="success" @click="send">发送</el-button>
 			</div>
 		</div>
 	</div>
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import { computed } from "vue-demi";
+import { useChat } from "../hooks";
+
+const { chat } = useChat();
+
+// 过滤列表
+const list = computed(() => chat?.message.list);
+
+function send() {
+	chat?.scrollToBottom();
+}
+</script>
 
 <style lang="scss" scoped>
-.cl-chat__message {
+.chat-message {
 	display: flex;
 	flex-direction: column;
 	background-color: #fff;
-	flex: 1;
 	border-radius: 5px;
+	height: 100%;
+	box-sizing: border-box;
 
 	.head {
 		display: flex;
+		align-items: center;
 		height: 50px;
-		border-bottom: 1px solid #eee;
+		padding: 0 10px;
+
+		.name {
+			margin-left: 10px;
+			font-size: 14px;
+		}
+
+		ul {
+			li {
+				list-style: none;
+			}
+		}
 	}
 
 	.list {
 		flex: 1;
+		background-color: #f7f7f7;
+
+		ul {
+			& > li {
+				.date {
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					height: 40px;
+					font-size: 12px;
+				}
+
+				.item {
+					display: flex;
+					padding: 10px;
+
+					.avatar {
+						margin-right: 10px;
+					}
+
+					.det {
+						.h {
+							display: flex;
+							align-items: center;
+							.name {
+								font-size: 12px;
+								color: #666;
+							}
+						}
+
+						.content {
+							display: flex;
+							flex-direction: column;
+							margin-top: 5px;
+
+							.is-text {
+								background-color: #fff;
+								padding: 8px;
+								border-radius: 0 5px 5px 5px;
+								max-width: 400px;
+								font-size: 14px;
+							}
+
+							.is-img {
+								.el-image {
+									max-width: 300px;
+									border-radius: 3px;
+								}
+							}
+						}
+					}
+
+					&.is-right {
+						flex-direction: row-reverse;
+
+						.avatar {
+							margin-left: 10px;
+							margin-right: 0;
+						}
+
+						.det {
+							.h {
+								justify-content: flex-end;
+							}
+
+							.content {
+								.is-text {
+									border-radius: 5px 0 5px 5px;
+								}
+							}
+						}
+					}
+				}
+			}
+		}
 	}
 
 	.footer {
-		border-top: 1px solid #eee;
 		padding: 10px;
 
 		.tools {
@@ -47,8 +206,8 @@
 
 			ul {
 				li {
-					height: 30px;
-					width: 30px;
+					height: 25px;
+					width: 25px;
 					border-radius: 3px;
 					background-color: #eee;
 					margin-right: 10px;
@@ -59,9 +218,13 @@
 
 		.input {
 			display: flex;
+			position: relative;
 
 			.el-button {
 				margin-left: 10px;
+				position: absolute;
+				right: 10px;
+				bottom: 10px;
 			}
 		}
 	}
diff --git a/src/modules/chat/components/session.vue b/src/modules/chat/components/session.vue
index c76359a..afd62cb 100644
--- a/src/modules/chat/components/session.vue
+++ b/src/modules/chat/components/session.vue
@@ -1,75 +1,85 @@
 <template>
-	<div
-		class="cl-chat__session"
-		:class="{
-			'is-position': app.browser.isMini,
-			'is-show': chat?.session.visible
-		}"
-	>
-		<div class="head"></div>
+	<div class="chat-session">
+		<div class="head">
+			<el-input v-model="keyWord" placeholder="关键字搜索" clearable></el-input>
+		</div>
 
-		<div class="list scroller1">
-			<div class="item" v-for="(item, index) in 13" :key="index">
+		<div class="list scroller1" v-loading="chat?.session.loading">
+			<div
+				class="item"
+				v-for="(item, index) in list"
+				:key="index"
+				:class="{
+					'is-active': item.id == chat?.session.value?.id
+				}"
+				@click="toDetail(item)"
+			>
 				<div class="avatar">
-					<el-badge value="2">
-						<el-avatar shape="square"></el-avatar>
+					<el-badge :value="item.num" :hidden="item.num == 0">
+						<el-avatar shape="square" :src="item.avatar"></el-avatar>
 					</el-badge>
 				</div>
 
 				<div class="det">
-					<p class="name">神仙都没用</p>
+					<p class="name">{{ item.nickName }}</p>
 					<p class="message">
-						https://g0qwq7gr7l.feishu.cn/docx/doxcnkMF3PFehilJTyHbEivkUod
+						{{ item.text }}
 					</p>
 				</div>
 
 				<div class="status">
-					<p class="date">2022-04-21 12:22</p>
-					<el-tag size="small">厦门</el-tag>
+					<p class="date">{{ item.createTime }}</p>
+					<!-- <el-tag size="small">厦门</el-tag> -->
 				</div>
 			</div>
+
+			<el-empty v-if="list.length == 0" image-size="100" description="暂无会话"></el-empty>
 		</div>
 	</div>
 </template>
 
 <script lang="ts" setup>
+import { computed, onMounted, ref } from "vue";
 import { useChat } from "../hooks";
-import { useBase } from "/$/base";
+import { useCool } from "/@/cool";
 
-const { app } = useBase();
+const { service } = useCool();
 const { chat } = useChat();
+
+// 关键字
+const keyWord = ref("");
+
+// 过滤列表
+const list = computed(
+	() => chat?.session.list.filter((e) => e.nickName.includes(keyWord.value)) || []
+);
+
+// 会话详情
+function toDetail(item: any) {
+	chat?.setSession(item);
+}
+
+onMounted(() => {
+	chat?.getSession();
+});
 </script>
 
 <style lang="scss" scoped>
-.cl-chat__session {
+.chat-session {
 	height: 100%;
-	width: 0;
+	width: 100%;
 	background-color: #fff;
-	overflow: hidden;
-	transition: width 0.2s ease-in-out;
 	border-radius: 5px;
 
-	&.is-show {
-		width: 350px;
-		margin-right: 5px;
-	}
-
-	&.is-position {
-		position: absolute;
-		left: 5px;
-		top: 51px;
-		height: calc(100% - 56px);
-		z-index: 3000;
-
-		&.is-show {
-			width: calc(100% - 10px);
-		}
-	}
-
 	.head {
 		display: flex;
-		height: 50px;
 		border-bottom: 1px solid #f7f7f7;
+		padding: 10px;
+
+		.el-input {
+			height: 30px;
+			background-color: #eee !important;
+		}
 	}
 
 	.list {
@@ -101,7 +111,7 @@ const { chat } = useChat();
 
 				.name {
 					font-size: 14px;
-					margin-bottom: 2px;
+					margin-bottom: 4px;
 				}
 
 				.message {
@@ -118,10 +128,15 @@ const { chat } = useChat();
 
 				.date {
 					margin-bottom: 5px;
+					color: #999;
 				}
 			}
 
-			&:hover {
+			&.is-active {
+				background-color: #eee;
+			}
+
+			&:not(.is-active):hover {
 				background-color: #f7f7f7;
 			}
 		}
diff --git a/src/modules/chat/hooks/index.ts b/src/modules/chat/hooks/index.ts
index e9c4b69..68a59af 100644
--- a/src/modules/chat/hooks/index.ts
+++ b/src/modules/chat/hooks/index.ts
@@ -1,10 +1,32 @@
 import { inject } from "vue";
 
+declare interface Item {
+	id: string;
+	avatar: string;
+	nickName: string;
+	[key: string]: any;
+}
+
 declare interface Chat {
+	inputValue: string;
 	session: {
-		visible: boolean;
-		list: any[];
+		loading: boolean;
+		value: Item;
+		list: Item[];
 	};
+	message: {
+		loading: boolean;
+		list: Item[];
+		pagination: {
+			page: number;
+			total: number;
+			size: number;
+		};
+	};
+	scrollToBottom(): void;
+	getSession(params?: any): void;
+	setSession(data: any): void;
+	getMessage(params?: any): void;
 }
 
 export function useChat() {
diff --git a/src/modules/chat/service/message.ts b/src/modules/chat/service/message.ts
new file mode 100644
index 0000000..cc7b337
--- /dev/null
+++ b/src/modules/chat/service/message.ts
@@ -0,0 +1,47 @@
+import { BaseService, Service } from "/@/cool";
+import Mock from "mockjs";
+
+@Service("im/message")
+class ImMessage extends BaseService {
+	page() {
+		return new Promise((resolve) => {
+			const data = Mock.mock({
+				"list|20": [
+					{
+						id: "@id",
+						nickName: "@name",
+						createTime: "@datetime(HH:mm:ss)",
+						text: "@cparagraph(5)",
+						content() {
+							return JSON.stringify({ text: this.text });
+						},
+						"contentType|0-3": 0,
+						"type|0-1": 0,
+						avatar() {
+							return Mock.Random.image(
+								"40x40",
+								Mock.Random.color(),
+								"#FFF",
+								"png",
+								this.nickName[0]
+							);
+						}
+					}
+				]
+			});
+
+			setTimeout(() => {
+				resolve({
+					list: data.list,
+					pagination: {
+						total: 20,
+						page: 1,
+						size: 20
+					}
+				});
+			}, 1000);
+		});
+	}
+}
+
+export default ImMessage;
diff --git a/src/modules/chat/service/session.ts b/src/modules/chat/service/session.ts
new file mode 100644
index 0000000..3d0b393
--- /dev/null
+++ b/src/modules/chat/service/session.ts
@@ -0,0 +1,43 @@
+import { BaseService, Service } from "/@/cool";
+import Mock from "mockjs";
+
+@Service("im/session")
+class ImSession extends BaseService {
+	page() {
+		return new Promise((resolve) => {
+			const data = Mock.mock({
+				"list|20": [
+					{
+						id: "@id",
+						nickName: "@name",
+						createTime: "@datetime(HH:mm:ss)",
+						text: "@cparagraph(5)",
+						"num|0-99": 0,
+						avatar() {
+							return Mock.Random.image(
+								"40x40",
+								Mock.Random.color(),
+								"#FFF",
+								"png",
+								this.nickName[0]
+							);
+						}
+					}
+				]
+			});
+
+			setTimeout(() => {
+				resolve({
+					list: data.list,
+					pagination: {
+						total: 20,
+						page: 1,
+						size: 20
+					}
+				});
+			}, 1000);
+		});
+	}
+}
+
+export default ImSession;
diff --git a/yarn.lock b/yarn.lock
index a70a6f8..ca8bafc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -984,10 +984,10 @@
     "@babel/helper-validator-identifier" "^7.16.7"
     to-fast-properties "^2.0.0"
 
-"@cool-vue/crud@^5.0.10":
-  version "5.0.10"
-  resolved "https://registry.npmjs.org/@cool-vue/crud/-/crud-5.0.10.tgz#c2d70504fccdf89c907e1d32e62a93dd777fba9c"
-  integrity sha512-a3jZPS+Y/+7IJTA3iYjD7PK83rwtIDrnE0tcf5LfenZ7JnnlXs+QFMRybGypJfoeswsG97JmWFeSY6o/JyALDw==
+"@cool-vue/crud@^5.0.11":
+  version "5.0.11"
+  resolved "https://registry.npmjs.org/@cool-vue/crud/-/crud-5.0.11.tgz#fbca5084c4d1e9e82fba00f17bbbb984bd2ee38e"
+  integrity sha512-0N1w5RCZqDKz5DLmhwXNLxZIbJPt/lkW8DuFzXB/cpeZTYYLc+5VubbD+KTah1YyA6C2js+Wt1MlKhC0gY6ROA==
   dependencies:
     array.prototype.flat "^1.2.4"
     core-js "^3.21.1"

From f70f4b5d7349d7bdfe6af549b4dda805805a35cd Mon Sep 17 00:00:00 2001
From: icssoa <615206459@qq.com>
Date: Fri, 10 Jun 2022 17:33:59 +0800
Subject: [PATCH 3/4] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=81=8A=E5=A4=A9?=
 =?UTF-8?q?=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 build/cool/temp/eps.json                |   2 +-
 build/cool/temp/service.d.ts            | 905 +++++++++++++-----------
 package.json                            |   1 +
 src/cool/service/eps.ts                 |   1 +
 src/modules/chat/components/index.vue   | 140 ++--
 src/modules/chat/components/message.vue |  30 +-
 src/modules/chat/components/session.vue |  45 +-
 src/modules/chat/hooks/index.ts         |  30 +-
 src/modules/chat/index.ts               |   0
 src/modules/chat/service/message.ts     |   6 +-
 src/modules/chat/service/session.ts     |   6 +-
 src/modules/chat/store/index.ts         |  12 +
 src/modules/chat/store/message.ts       |  36 +
 src/modules/chat/store/session.ts       |  50 ++
 src/modules/chat/types/index.d.ts       |  31 +
 yarn.lock                               |  51 +-
 16 files changed, 798 insertions(+), 548 deletions(-)
 create mode 100644 src/modules/chat/index.ts
 create mode 100644 src/modules/chat/store/index.ts
 create mode 100644 src/modules/chat/store/message.ts
 create mode 100644 src/modules/chat/store/session.ts
 create mode 100644 src/modules/chat/types/index.d.ts

diff --git a/build/cool/temp/eps.json b/build/cool/temp/eps.json
index e6c9392..1b6bbdb 100644
--- a/build/cool/temp/eps.json
+++ b/build/cool/temp/eps.json
@@ -1 +1 @@
-[["/admin/base/comm",[["post","/personUpdate",""],["get","/uploadMode",""],["get","/permmenu",""],["get","/person",""],["post","/upload",""],["post","/logout",""],["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/base/open",[["get","/refreshToken",""],["get","/captcha",""],["post","/login",""],["get","/html",""],["get","/eps",""],["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/base/sys/department",[["post","/delete",""],["post","/update",""],["post","/order",""],["post","/list",""],["post","/add",""],["","/page",""],["","/info",""]]],["/admin/base/sys/log",[["post","/setKeep",""],["get","/getKeep",""],["post","/clear",""],["post","/page",""],["","/list",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/base/sys/menu",[["post","/delete",""],["post","/update",""],["get","/info",""],["post","/list",""],["post","/page",""],["post","/add",""]]],["/admin/base/sys/param",[["post","/delete",""],["post","/update",""],["get","/html",""],["get","/info",""],["post","/page",""],["post","/add",""],["","/list",""]]],["/admin/base/sys/role",[["post","/delete",""],["post","/update",""],["get","/info",""],["post","/list",""],["post","/page",""],["post","/add",""]]],["/admin/base/sys/user",[["post","/delete",""],["post","/update",""],["post","/move",""],["get","/info",""],["post","/list",""],["post","/page",""],["post","/add",""]]],["/admin/demo/goods",[["post","/delete",""],["post","/update",""],["get","/info",""],["post","/page",""],["post","/list",""],["post","/add",""]]],["/admin/space/info",[["post","/delete",""],["post","/update",""],["get","/info",""],["post","/list",""],["post","/page",""],["post","/add",""]]],["/admin/space/type",[["post","/delete",""],["post","/update",""],["get","/info",""],["post","/list",""],["post","/page",""],["post","/add",""]]],["/admin/task/info",[["post","/delete",""],["post","/update",""],["post","/start",""],["post","/once",""],["post","/stop",""],["get","/info",""],["post","/page",""],["get","/log",""],["post","/add",""],["","/list",""]]],["/test",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]]]
\ No newline at end of file
+[["/admin/base/comm",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/personUpdate",""],["","/uploadMode",""],["","/permmenu",""],["","/logout",""]]],["/admin/base/open",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/refreshToken",""],["","/captcha",""],["","/login",""],["","/html",""],["","/eps",""]]],["/admin/base/sys/department",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/order",""]]],["/admin/base/sys/log",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/setKeep",""],["","/getKeep",""],["","/clear",""]]],["/admin/base/sys/menu",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/base/sys/param",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/html",""]]],["/admin/base/sys/role",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/base/sys/user",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/move",""]]],["/admin/demo/goods",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/space/info",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/space/type",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/task/info",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/start",""],["","/once",""],["","/stop",""],["","/log",""]]],["/chat/message",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/chat/session",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/test",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]]]
\ No newline at end of file
diff --git a/build/cool/temp/service.d.ts b/build/cool/temp/service.d.ts
index 3733eff..d3ac4e8 100644
--- a/build/cool/temp/service.d.ts
+++ b/build/cool/temp/service.d.ts
@@ -50,36 +50,6 @@ declare interface RequestOptions {
 }
 
 declare interface BaseComm {
-	/**
-	 * 修改个人信息
-	 * @returns Promise<any>
-	 */
-	personUpdate(data?: any): Promise<any>;
-	/**
-	 * 文件上传模式
-	 * @returns Promise<any>
-	 */
-	uploadMode(data?: any): Promise<any>;
-	/**
-	 * 权限与菜单
-	 * @returns Promise<any>
-	 */
-	permmenu(data?: any): Promise<any>;
-	/**
-	 * 个人信息
-	 * @returns Promise<any>
-	 */
-	person(data?: any): Promise<any>;
-	/**
-	 * 文件上传
-	 * @returns Promise<any>
-	 */
-	upload(data?: any): Promise<any>;
-	/**
-	 * 退出
-	 * @returns Promise<any>
-	 */
-	logout(data?: any): Promise<any>;
 	/**
 	 * list
 	 * @returns Promise<any>
@@ -110,51 +80,44 @@ declare interface BaseComm {
 	 * @returns Promise<any>
 	 */
 	add(data?: any): Promise<any>;
+	/**
+	 * personUpdate
+	 * @returns Promise<any>
+	 */
+	personUpdate(data?: any): Promise<any>;
+	/**
+	 * uploadMode
+	 * @returns Promise<any>
+	 */
+	uploadMode(data?: any): Promise<any>;
+	/**
+	 * permmenu
+	 * @returns Promise<any>
+	 */
+	permmenu(data?: any): Promise<any>;
+	/**
+	 * logout
+	 * @returns Promise<any>
+	 */
+	logout(data?: any): Promise<any>;
 	/**
 	 * 权限
 	 */
 	permission: {
-		personUpdate: string;
-		uploadMode: string;
-		permmenu: string;
-		person: string;
-		upload: string;
-		logout: string;
 		list: string;
 		page: string;
 		info: string;
 		update: string;
 		delete: string;
 		add: string;
+		personUpdate: string;
+		uploadMode: string;
+		permmenu: string;
+		logout: string;
 	};
 }
 
 declare interface BaseOpen {
-	/**
-	 * 刷新token
-	 * @returns Promise<any>
-	 */
-	refreshToken(data?: any): Promise<any>;
-	/**
-	 * 验证码
-	 * @returns Promise<any>
-	 */
-	captcha(data?: any): Promise<any>;
-	/**
-	 * 登录
-	 * @returns Promise<any>
-	 */
-	login(data?: any): Promise<any>;
-	/**
-	 * 获得网页内容的参数值
-	 * @returns Promise<any>
-	 */
-	html(data?: any): Promise<any>;
-	/**
-	 * 实体信息与路径
-	 * @returns Promise<any>
-	 */
-	eps(data?: any): Promise<any>;
 	/**
 	 * list
 	 * @returns Promise<any>
@@ -185,50 +148,55 @@ declare interface BaseOpen {
 	 * @returns Promise<any>
 	 */
 	add(data?: any): Promise<any>;
+	/**
+	 * refreshToken
+	 * @returns Promise<any>
+	 */
+	refreshToken(data?: any): Promise<any>;
+	/**
+	 * captcha
+	 * @returns Promise<any>
+	 */
+	captcha(data?: any): Promise<any>;
+	/**
+	 * login
+	 * @returns Promise<any>
+	 */
+	login(data?: any): Promise<any>;
+	/**
+	 * html
+	 * @returns Promise<any>
+	 */
+	html(data?: any): Promise<any>;
+	/**
+	 * eps
+	 * @returns Promise<any>
+	 */
+	eps(data?: any): Promise<any>;
 	/**
 	 * 权限
 	 */
 	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
 		refreshToken: string;
 		captcha: string;
 		login: string;
 		html: string;
 		eps: string;
-		list: string;
-		page: string;
-		info: string;
-		update: string;
-		delete: string;
-		add: string;
 	};
 }
 
 declare interface BaseSysDepartment {
 	/**
-	 * 删除
-	 * @returns Promise<any>
-	 */
-	delete(data?: any): Promise<any>;
-	/**
-	 * 修改
-	 * @returns Promise<any>
-	 */
-	update(data?: any): Promise<any>;
-	/**
-	 * 排序
-	 * @returns Promise<any>
-	 */
-	order(data?: any): Promise<any>;
-	/**
-	 * 列表查询
+	 * list
 	 * @returns Promise<any>
 	 */
 	list(data?: any): Promise<any>;
-	/**
-	 * 新增
-	 * @returns Promise<any>
-	 */
-	add(data?: any): Promise<any>;
 	/**
 	 * page
 	 * @returns Promise<PageResponse>
@@ -239,46 +207,113 @@ declare interface BaseSysDepartment {
 	 * @returns Promise<any>
 	 */
 	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * order
+	 * @returns Promise<any>
+	 */
+	order(data?: any): Promise<any>;
 	/**
 	 * 权限
 	 */
 	permission: {
-		delete: string;
-		update: string;
-		order: string;
 		list: string;
-		add: string;
 		page: string;
 		info: string;
+		update: string;
+		delete: string;
+		add: string;
+		order: string;
 	};
 }
 
 declare interface BaseSysLog {
 	/**
-	 * 日志保存时间
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * setKeep
 	 * @returns Promise<any>
 	 */
 	setKeep(data?: any): Promise<any>;
 	/**
-	 * 获得日志保存时间
+	 * getKeep
 	 * @returns Promise<any>
 	 */
 	getKeep(data?: any): Promise<any>;
 	/**
-	 * 清理
+	 * clear
 	 * @returns Promise<any>
 	 */
 	clear(data?: any): Promise<any>;
 	/**
-	 * 分页查询
-	 * @returns Promise<PageResponse>
+	 * 权限
 	 */
-	page(data?: any): Promise<PageResponse>;
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+		setKeep: string;
+		getKeep: string;
+		clear: string;
+	};
+}
+
+declare interface BaseSysMenu {
 	/**
 	 * list
 	 * @returns Promise<any>
 	 */
 	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
 	/**
 	 * info
 	 * @returns Promise<any>
@@ -303,11 +338,8 @@ declare interface BaseSysLog {
 	 * 权限
 	 */
 	permission: {
-		setKeep: string;
-		getKeep: string;
-		clear: string;
-		page: string;
 		list: string;
+		page: string;
 		info: string;
 		update: string;
 		delete: string;
@@ -315,128 +347,84 @@ declare interface BaseSysLog {
 	};
 }
 
-declare interface BaseSysMenu {
-	/**
-	 * 删除
-	 * @returns Promise<any>
-	 */
-	delete(data?: any): Promise<any>;
-	/**
-	 * 修改
-	 * @returns Promise<any>
-	 */
-	update(data?: any): Promise<any>;
-	/**
-	 * 单个信息
-	 * @returns Promise<any>
-	 */
-	info(data?: any): Promise<any>;
-	/**
-	 * 列表查询
-	 * @returns Promise<any>
-	 */
-	list(data?: any): Promise<any>;
-	/**
-	 * 分页查询
-	 * @returns Promise<PageResponse>
-	 */
-	page(data?: any): Promise<PageResponse>;
-	/**
-	 * 新增
-	 * @returns Promise<any>
-	 */
-	add(data?: any): Promise<any>;
-	/**
-	 * 权限
-	 */
-	permission: {
-		delete: string;
-		update: string;
-		info: string;
-		list: string;
-		page: string;
-		add: string;
-	};
-}
-
 declare interface BaseSysParam {
 	/**
-	 * 删除
+	 * list
 	 * @returns Promise<any>
 	 */
-	delete(data?: any): Promise<any>;
+	list(data?: any): Promise<any>;
 	/**
-	 * 修改
-	 * @returns Promise<any>
-	 */
-	update(data?: any): Promise<any>;
-	/**
-	 * 获得网页内容的参数值
-	 * @returns Promise<any>
-	 */
-	html(data?: any): Promise<any>;
-	/**
-	 * 单个信息
-	 * @returns Promise<any>
-	 */
-	info(data?: any): Promise<any>;
-	/**
-	 * 分页查询
+	 * page
 	 * @returns Promise<PageResponse>
 	 */
 	page(data?: any): Promise<PageResponse>;
 	/**
-	 * 新增
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
 	 * @returns Promise<any>
 	 */
 	add(data?: any): Promise<any>;
+	/**
+	 * html
+	 * @returns Promise<any>
+	 */
+	html(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+		html: string;
+	};
+}
+
+declare interface BaseSysRole {
 	/**
 	 * list
 	 * @returns Promise<any>
 	 */
 	list(data?: any): Promise<any>;
 	/**
-	 * 权限
-	 */
-	permission: {
-		delete: string;
-		update: string;
-		html: string;
-		info: string;
-		page: string;
-		add: string;
-		list: string;
-	};
-}
-
-declare interface BaseSysRole {
-	/**
-	 * 删除
-	 * @returns Promise<any>
-	 */
-	delete(data?: any): Promise<any>;
-	/**
-	 * 修改
-	 * @returns Promise<any>
-	 */
-	update(data?: any): Promise<any>;
-	/**
-	 * 单个信息
-	 * @returns Promise<any>
-	 */
-	info(data?: any): Promise<any>;
-	/**
-	 * 列表查询
-	 * @returns Promise<any>
-	 */
-	list(data?: any): Promise<any>;
-	/**
-	 * 分页查询
+	 * page
 	 * @returns Promise<PageResponse>
 	 */
 	page(data?: any): Promise<PageResponse>;
 	/**
-	 * 新增
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
 	 * @returns Promise<any>
 	 */
 	add(data?: any): Promise<any>;
@@ -444,262 +432,350 @@ declare interface BaseSysRole {
 	 * 权限
 	 */
 	permission: {
-		delete: string;
-		update: string;
-		info: string;
 		list: string;
 		page: string;
+		info: string;
+		update: string;
+		delete: string;
 		add: string;
 	};
 }
 
 declare interface BaseSysUser {
 	/**
-	 * 删除
+	 * list
 	 * @returns Promise<any>
 	 */
-	delete(data?: any): Promise<any>;
+	list(data?: any): Promise<any>;
 	/**
-	 * 修改
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
 	 * @returns Promise<any>
 	 */
 	update(data?: any): Promise<any>;
 	/**
-	 * 移动部门
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * move
 	 * @returns Promise<any>
 	 */
 	move(data?: any): Promise<any>;
-	/**
-	 * 单个信息
-	 * @returns Promise<any>
-	 */
-	info(data?: any): Promise<any>;
-	/**
-	 * 列表查询
-	 * @returns Promise<any>
-	 */
-	list(data?: any): Promise<any>;
-	/**
-	 * 分页查询
-	 * @returns Promise<PageResponse>
-	 */
-	page(data?: any): Promise<PageResponse>;
-	/**
-	 * 新增
-	 * @returns Promise<any>
-	 */
-	add(data?: any): Promise<any>;
 	/**
 	 * 权限
 	 */
 	permission: {
-		delete: string;
-		update: string;
-		move: string;
-		info: string;
 		list: string;
 		page: string;
+		info: string;
+		update: string;
+		delete: string;
 		add: string;
+		move: string;
 	};
 }
 
 declare interface DemoGoods {
-	/**
-	 * 删除
-	 * @returns Promise<any>
-	 */
-	delete(data?: any): Promise<any>;
-	/**
-	 * 修改
-	 * @returns Promise<any>
-	 */
-	update(data?: any): Promise<any>;
-	/**
-	 * 单个信息
-	 * @returns Promise<any>
-	 */
-	info(data?: any): Promise<any>;
-	/**
-	 * 分页查询
-	 * @returns Promise<PageResponse>
-	 */
-	page(data?: any): Promise<PageResponse>;
-	/**
-	 * 列表查询
-	 * @returns Promise<any>
-	 */
-	list(data?: any): Promise<any>;
-	/**
-	 * 新增
-	 * @returns Promise<any>
-	 */
-	add(data?: any): Promise<any>;
-	/**
-	 * 权限
-	 */
-	permission: {
-		delete: string;
-		update: string;
-		info: string;
-		page: string;
-		list: string;
-		add: string;
-	};
-}
-
-declare interface SpaceInfo {
-	/**
-	 * 删除
-	 * @returns Promise<any>
-	 */
-	delete(data?: any): Promise<any>;
-	/**
-	 * 修改
-	 * @returns Promise<any>
-	 */
-	update(data?: any): Promise<any>;
-	/**
-	 * 单个信息
-	 * @returns Promise<any>
-	 */
-	info(data?: any): Promise<any>;
-	/**
-	 * 列表查询
-	 * @returns Promise<any>
-	 */
-	list(data?: any): Promise<any>;
-	/**
-	 * 分页查询
-	 * @returns Promise<PageResponse>
-	 */
-	page(data?: any): Promise<PageResponse>;
-	/**
-	 * 新增
-	 * @returns Promise<any>
-	 */
-	add(data?: any): Promise<any>;
-	/**
-	 * 权限
-	 */
-	permission: {
-		delete: string;
-		update: string;
-		info: string;
-		list: string;
-		page: string;
-		add: string;
-	};
-}
-
-declare interface SpaceType {
-	/**
-	 * 删除
-	 * @returns Promise<any>
-	 */
-	delete(data?: any): Promise<any>;
-	/**
-	 * 修改
-	 * @returns Promise<any>
-	 */
-	update(data?: any): Promise<any>;
-	/**
-	 * 单个信息
-	 * @returns Promise<any>
-	 */
-	info(data?: any): Promise<any>;
-	/**
-	 * 列表查询
-	 * @returns Promise<any>
-	 */
-	list(data?: any): Promise<any>;
-	/**
-	 * 分页查询
-	 * @returns Promise<PageResponse>
-	 */
-	page(data?: any): Promise<PageResponse>;
-	/**
-	 * 新增
-	 * @returns Promise<any>
-	 */
-	add(data?: any): Promise<any>;
-	/**
-	 * 权限
-	 */
-	permission: {
-		delete: string;
-		update: string;
-		info: string;
-		list: string;
-		page: string;
-		add: string;
-	};
-}
-
-declare interface TaskInfo {
-	/**
-	 * 删除
-	 * @returns Promise<any>
-	 */
-	delete(data?: any): Promise<any>;
-	/**
-	 * 修改
-	 * @returns Promise<any>
-	 */
-	update(data?: any): Promise<any>;
-	/**
-	 * 开始
-	 * @returns Promise<any>
-	 */
-	start(data?: any): Promise<any>;
-	/**
-	 * 执行一次
-	 * @returns Promise<any>
-	 */
-	once(data?: any): Promise<any>;
-	/**
-	 * 停止
-	 * @returns Promise<any>
-	 */
-	stop(data?: any): Promise<any>;
-	/**
-	 * 单个信息
-	 * @returns Promise<any>
-	 */
-	info(data?: any): Promise<any>;
-	/**
-	 * 分页查询
-	 * @returns Promise<PageResponse>
-	 */
-	page(data?: any): Promise<PageResponse>;
-	/**
-	 * 日志
-	 * @returns Promise<any>
-	 */
-	log(data?: any): Promise<any>;
-	/**
-	 * 新增
-	 * @returns Promise<any>
-	 */
-	add(data?: any): Promise<any>;
 	/**
 	 * list
 	 * @returns Promise<any>
 	 */
 	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
 	/**
 	 * 权限
 	 */
 	permission: {
-		delete: string;
+		list: string;
+		page: string;
+		info: string;
 		update: string;
+		delete: string;
+		add: string;
+	};
+}
+
+declare interface SpaceInfo {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+	};
+}
+
+declare interface SpaceType {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+	};
+}
+
+declare interface TaskInfo {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * start
+	 * @returns Promise<any>
+	 */
+	start(data?: any): Promise<any>;
+	/**
+	 * once
+	 * @returns Promise<any>
+	 */
+	once(data?: any): Promise<any>;
+	/**
+	 * stop
+	 * @returns Promise<any>
+	 */
+	stop(data?: any): Promise<any>;
+	/**
+	 * log
+	 * @returns Promise<any>
+	 */
+	log(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
 		start: string;
 		once: string;
 		stop: string;
-		info: string;
-		page: string;
 		log: string;
-		add: string;
+	};
+}
+
+declare interface ChatMessage {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
 		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+	};
+}
+
+declare interface ChatSession {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
 	};
 }
 
@@ -764,5 +840,6 @@ declare type Service = {
 	demo: { goods: DemoGoods };
 	space: { info: SpaceInfo; type: SpaceType };
 	task: { info: TaskInfo };
+	chat: { message: ChatMessage; session: ChatSession };
 	test: Test;
 };
diff --git a/package.json b/package.json
index 9f3df7d..297c1d3 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
 		"nprogress": "^0.2.0",
 		"pinia": "^2.0.12",
 		"quill": "^1.3.7",
+		"socket.io-client": "^4.5.1",
 		"store": "^2.0.12",
 		"unocss": "^0.31.0",
 		"vue": "^3.2.32",
diff --git a/src/cool/service/eps.ts b/src/cool/service/eps.ts
index 0816282..f43d93e 100644
--- a/src/cool/service/eps.ts
+++ b/src/cool/service/eps.ts
@@ -86,6 +86,7 @@ export function useEps(service: Service) {
 				})
 				.catch((err) => {
 					console.error("[Eps] 获取失败！", err.message);
+					createDts([]);
 				});
 		}
 	}
diff --git a/src/modules/chat/components/index.vue b/src/modules/chat/components/index.vue
index be4ad5a..3eaef6f 100644
--- a/src/modules/chat/components/index.vue
+++ b/src/modules/chat/components/index.vue
@@ -50,7 +50,8 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive } from "vue";
+import { computed, defineComponent, reactive } from "vue";
+import { useStore } from "../store";
 
 export default defineComponent({
 	name: "cl-chat"
@@ -60,17 +61,22 @@ export default defineComponent({
 <script lang="ts" setup>
 import { nextTick, provide, ref, watch } from "vue";
 import { module } from "/@/cool/utils";
-import { useCool } from "/@/cool";
+import { useCool, config } from "/@/cool";
 import { useBase } from "/$/base";
-import ChatMessage from "./message.vue";
-import ChatSession from "./session.vue";
 import { Notebook, ArrowLeft, BellFilled } from "@element-plus/icons-vue";
 import { debounce } from "lodash";
+import io from "socket.io-client";
+import { Socket } from "socket.io-client";
+import ChatMessage from "./message.vue";
+import ChatSession from "./session.vue";
 
-const { service } = useCool();
+const { mitt } = useCool();
 
 // 缓存
-const { app } = useBase();
+const { session, message } = useStore();
+
+// 缓存
+const { app, user } = useBase();
 
 // 模块配置
 const { options } = module.get("upload");
@@ -81,62 +87,70 @@ const visible = ref(false);
 // 是否展开
 const isExpand = ref(true);
 
-// 聊天
-const chat = reactive({
-	inputValue: "",
-	session: {
-		loading: false,
-		value: null,
-		list: []
-	},
-	message: {
-		loading: false,
-		list: [],
-		pagination: {}
-	},
-	// 滚动到底部
-	scrollToBottom: debounce(() => {
-		nextTick(() => {
-			const box = document.querySelector(".cl-chat .chat-message .list");
-			box?.scroll({
-				top: 100000 + Math.random(),
-				behavior: "smooth"
-			});
-		});
-	}, 300),
-	// 获取会话列表
-	async getSession() {
-		this.session.loading = true;
-		await service.im.session.page().then((res) => {
-			chat.session.list = res.list;
+// Socket
+let socket: Socket;
 
-			// 默认加载第一个会话的消息
-			if (!this.session.value) {
-				this.setSession(res.list[0]);
+// 连接
+function connect() {
+	return refresh();
+
+	if (!socket) {
+		socket = io(config.host + `/chat`, {
+			auth: {
+				token: user.token
 			}
 		});
-		this.session.loading = false;
-	},
-	// 设置会话
-	async setSession(data: any) {
-		// 清空消息列表
-		this.message.list = [];
-		// 设置值
-		this.session.value = data;
-		// 获取消息
-		await this.getMessage();
-		// 滚动到底
-		this.scrollToBottom();
-	},
-	// 获取消息
-	async getMessage() {
-		this.message.loading = true;
-		await service.im.message.page().then((res) => {
-			chat.message.list = res.list;
-			chat.message.pagination = res.pagination;
+
+		socket.on("connect", () => {
+			console.log(`connect ${user.info?.nickName}`);
+
+			// 监听消息
+			socket.on("message", (msg) => {
+				console.log(msg);
+				mitt("chat-message", msg);
+			});
+
+			refresh();
+		});
+
+		socket.on("disconnect", (err) => {
+			console.error(err);
 		});
-		this.message.loading = false;
 	}
+}
+
+// 打开
+function open() {
+	visible.value = true;
+	connect();
+}
+
+// 关闭
+function close() {
+	visible.value = false;
+}
+
+// 滚动到底部
+const scrollToBottom = debounce(() => {
+	nextTick(() => {
+		const box = document.querySelector(".cl-chat .chat-message .list");
+		box?.scroll({
+			top: 100000 + Math.random(),
+			behavior: "smooth"
+		});
+	});
+}, 300);
+
+// 刷新
+async function refresh() {
+	await session.get();
+	await message.get();
+	scrollToBottom();
+}
+
+provide("chat", {
+	socket,
+	scrollToBottom
 });
 
 // 监听屏幕大小变化
@@ -150,18 +164,6 @@ watch(
 	}
 );
 
-// 打开
-function open() {
-	visible.value = true;
-}
-
-// 关闭
-function close() {
-	visible.value = false;
-}
-
-provide("chat", chat);
-
 defineExpose({
 	open,
 	close
diff --git a/src/modules/chat/components/message.vue b/src/modules/chat/components/message.vue
index 21e2f5e..251d6f5 100644
--- a/src/modules/chat/components/message.vue
+++ b/src/modules/chat/components/message.vue
@@ -1,20 +1,12 @@
 <template>
-	<div
-		class="chat-message"
-		v-loading="chat?.message.loading"
-		element-loading-text="消息列表加载中"
-	>
+	<div class="chat-message" v-loading="message?.loading" element-loading-text="消息列表加载中">
 		<!-- 头部 -->
 		<div class="head">
-			<template v-if="chat?.session.value">
+			<template v-if="session?.value">
 				<div class="avatar">
-					<el-avatar
-						:size="30"
-						shape="square"
-						:src="chat?.session.value.avatar"
-					></el-avatar>
+					<el-avatar :size="30" shape="square" :src="session?.value.avatar"></el-avatar>
 				</div>
-				<span class="name">与“{{ chat?.session.value.nickName }}”聊天中</span>
+				<span class="name">与“{{ session?.value.nickName }}”聊天中</span>
 
 				<ul class="tools">
 					<li></li>
@@ -61,7 +53,7 @@
 
 			<div class="input">
 				<el-input
-					v-model="chat.inputValue"
+					v-model="value"
 					type="textarea"
 					:rows="4"
 					resize="none"
@@ -71,20 +63,26 @@
 					}"
 					placeholder="输入内容"
 				></el-input>
-				<el-button size="small" type="success" @click="send">发送</el-button>
+				<el-button size="small" type="success" @click="send" :disabled="!value"
+					>发送</el-button
+				>
 			</div>
 		</div>
 	</div>
 </template>
 
 <script lang="ts" setup>
-import { computed } from "vue-demi";
+import { computed, ref } from "vue";
 import { useChat } from "../hooks";
+import { useStore } from "../store";
 
 const { chat } = useChat();
+const { message, session } = useStore();
+
+const value = ref("");
 
 // 过滤列表
-const list = computed(() => chat?.message.list);
+const list = computed(() => message.list);
 
 function send() {
 	chat?.scrollToBottom();
diff --git a/src/modules/chat/components/session.vue b/src/modules/chat/components/session.vue
index afd62cb..7ebe8cf 100644
--- a/src/modules/chat/components/session.vue
+++ b/src/modules/chat/components/session.vue
@@ -2,15 +2,21 @@
 	<div class="chat-session">
 		<div class="head">
 			<el-input v-model="keyWord" placeholder="关键字搜索" clearable></el-input>
+
+			<ul class="tools">
+				<li @click="session.get()">
+					<el-icon :size="16"><Refresh /></el-icon>
+				</li>
+			</ul>
 		</div>
 
-		<div class="list scroller1" v-loading="chat?.session.loading">
+		<div class="list scroller1" v-loading="session?.loading">
 			<div
 				class="item"
 				v-for="(item, index) in list"
 				:key="index"
 				:class="{
-					'is-active': item.id == chat?.session.value?.id
+					'is-active': item.id == session?.value?.id
 				}"
 				@click="toDetail(item)"
 			>
@@ -39,29 +45,24 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, onMounted, ref } from "vue";
+import { computed, ref } from "vue";
 import { useChat } from "../hooks";
-import { useCool } from "/@/cool";
+import { useStore } from "../store";
+import { Refresh } from "@element-plus/icons-vue";
 
-const { service } = useCool();
 const { chat } = useChat();
+const { session } = useStore();
 
 // 关键字
 const keyWord = ref("");
 
 // 过滤列表
-const list = computed(
-	() => chat?.session.list.filter((e) => e.nickName.includes(keyWord.value)) || []
-);
+const list = computed(() => session?.list.filter((e) => e.nickName.includes(keyWord.value)) || []);
 
 // 会话详情
 function toDetail(item: any) {
 	chat?.setSession(item);
 }
-
-onMounted(() => {
-	chat?.getSession();
-});
 </script>
 
 <style lang="scss" scoped>
@@ -80,6 +81,26 @@ onMounted(() => {
 			height: 30px;
 			background-color: #eee !important;
 		}
+
+		.tools {
+			display: inline-flex;
+			align-items: center;
+
+			li {
+				height: 30px;
+				width: 30px;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				cursor: pointer;
+				margin-left: 10px;
+				border-radius: 3px;
+
+				&:hover {
+					background-color: #eee;
+				}
+			}
+		}
 	}
 
 	.list {
diff --git a/src/modules/chat/hooks/index.ts b/src/modules/chat/hooks/index.ts
index 68a59af..f30ad85 100644
--- a/src/modules/chat/hooks/index.ts
+++ b/src/modules/chat/hooks/index.ts
@@ -1,33 +1,5 @@
 import { inject } from "vue";
-
-declare interface Item {
-	id: string;
-	avatar: string;
-	nickName: string;
-	[key: string]: any;
-}
-
-declare interface Chat {
-	inputValue: string;
-	session: {
-		loading: boolean;
-		value: Item;
-		list: Item[];
-	};
-	message: {
-		loading: boolean;
-		list: Item[];
-		pagination: {
-			page: number;
-			total: number;
-			size: number;
-		};
-	};
-	scrollToBottom(): void;
-	getSession(params?: any): void;
-	setSession(data: any): void;
-	getMessage(params?: any): void;
-}
+import { Chat } from "../types";
 
 export function useChat() {
 	const chat = inject<Chat>("chat");
diff --git a/src/modules/chat/index.ts b/src/modules/chat/index.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/modules/chat/service/message.ts b/src/modules/chat/service/message.ts
index cc7b337..4835968 100644
--- a/src/modules/chat/service/message.ts
+++ b/src/modules/chat/service/message.ts
@@ -1,8 +1,8 @@
 import { BaseService, Service } from "/@/cool";
 import Mock from "mockjs";
 
-@Service("im/message")
-class ImMessage extends BaseService {
+@Service("chat/message")
+class ChatMessage extends BaseService {
 	page() {
 		return new Promise((resolve) => {
 			const data = Mock.mock({
@@ -44,4 +44,4 @@ class ImMessage extends BaseService {
 	}
 }
 
-export default ImMessage;
+export default ChatMessage;
diff --git a/src/modules/chat/service/session.ts b/src/modules/chat/service/session.ts
index 3d0b393..e35f81e 100644
--- a/src/modules/chat/service/session.ts
+++ b/src/modules/chat/service/session.ts
@@ -1,8 +1,8 @@
 import { BaseService, Service } from "/@/cool";
 import Mock from "mockjs";
 
-@Service("im/session")
-class ImSession extends BaseService {
+@Service("chat/session")
+class ChatSession extends BaseService {
 	page() {
 		return new Promise((resolve) => {
 			const data = Mock.mock({
@@ -40,4 +40,4 @@ class ImSession extends BaseService {
 	}
 }
 
-export default ImSession;
+export default ChatSession;
diff --git a/src/modules/chat/store/index.ts b/src/modules/chat/store/index.ts
new file mode 100644
index 0000000..54f6d96
--- /dev/null
+++ b/src/modules/chat/store/index.ts
@@ -0,0 +1,12 @@
+import { useMessageStore } from "./message";
+import { useSessionStore } from "./session";
+
+export function useStore() {
+	const session = useSessionStore();
+	const message = useMessageStore();
+
+	return {
+		session,
+		message
+	};
+}
diff --git a/src/modules/chat/store/message.ts b/src/modules/chat/store/message.ts
new file mode 100644
index 0000000..eacea93
--- /dev/null
+++ b/src/modules/chat/store/message.ts
@@ -0,0 +1,36 @@
+import { defineStore } from "pinia";
+import { ref } from "vue";
+import { useCool } from "/@/cool";
+
+export const useMessageStore = defineStore("chat-message", () => {
+	const { service } = useCool();
+
+	// 加载状态
+	const loading = ref(false);
+
+	// 列表
+	const list = ref<any[]>([]);
+
+	// 分页
+	const pagination = ref();
+
+	// 获取列表
+	async function get(params?: any) {
+		loading.value = true;
+
+		// 发送请求
+		await service.chat.message.page(params).then((res) => {
+			list.value = res.list;
+			pagination.value = res.pagination;
+		});
+
+		loading.value = false;
+	}
+
+	return {
+		loading,
+		list,
+		pagination,
+		get
+	};
+});
diff --git a/src/modules/chat/store/session.ts b/src/modules/chat/store/session.ts
new file mode 100644
index 0000000..4da8989
--- /dev/null
+++ b/src/modules/chat/store/session.ts
@@ -0,0 +1,50 @@
+import { defineStore } from "pinia";
+import { ref } from "vue";
+import { useCool } from "/@/cool";
+
+export const useSessionStore = defineStore("chat-session", () => {
+	const { service } = useCool();
+
+	// 加载状态
+	const loading = ref(false);
+
+	// 列表
+	const list = ref<any[]>([]);
+
+	// 选中
+	const value = ref<any>();
+
+	// 获取列表
+	async function get(params?: any) {
+		loading.value = true;
+
+		// 发送请求
+		await service.chat.session.page(params).then((res) => {
+			// 默认加载第一个会话的消息
+			if (!value.value) {
+				set(res.list[0]);
+			}
+
+			// 设置列表
+			list.value = res.list;
+		});
+
+		loading.value = false;
+	}
+
+	// 设置值
+	function set(data: any) {
+		// 清空消息列表
+		list.value = [];
+		// 设置值
+		value.value = data;
+	}
+
+	return {
+		loading,
+		list,
+		value,
+		get,
+		set
+	};
+});
diff --git a/src/modules/chat/types/index.d.ts b/src/modules/chat/types/index.d.ts
new file mode 100644
index 0000000..f2404ab
--- /dev/null
+++ b/src/modules/chat/types/index.d.ts
@@ -0,0 +1,31 @@
+import { Socket } from "socket.io-client";
+
+export declare interface Item {
+	id: string;
+	avatar: string;
+	nickName: string;
+	[key: string]: any;
+}
+
+export declare interface Chat {
+	socket?: Socket;
+	inputValue: string;
+	session: {
+		loading: boolean;
+		value?: Item;
+		list: Item[];
+	};
+	message: {
+		loading: boolean;
+		list: Item[];
+		pagination: {
+			page: number;
+			total: number;
+			size: number;
+		};
+	};
+	scrollToBottom(): void;
+	getSession(params?: any): void;
+	setSession(data: any): void;
+	getMessage(params?: any): void;
+}
diff --git a/yarn.lock b/yarn.lock
index ca8bafc..0ce1eaf 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1178,6 +1178,11 @@
   resolved "https://registry.npmjs.org/@sideway/pinpoint/-/pinpoint-2.0.0.tgz#cff8ffadc372ad29fd3f78277aeb29e632cc70df"
   integrity sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==
 
+"@socket.io/component-emitter@~3.1.0":
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.0.tgz#96116f2a912e0c02817345b3c10751069920d553"
+  integrity sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg==
+
 "@trysound/sax@0.2.0":
   version "0.2.0"
   resolved "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz#cccaab758af56761eb7bf37af6f03f326dd798ad"
@@ -2750,7 +2755,7 @@ debug@2.6.9, debug@^2.2.0, debug@^2.3.3:
   dependencies:
     ms "2.0.0"
 
-debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4:
+debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4, debug@~4.3.1, debug@~4.3.2:
   version "4.3.4"
   resolved "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
   integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
@@ -3006,6 +3011,22 @@ end-of-stream@^1.1.0:
   dependencies:
     once "^1.4.0"
 
+engine.io-client@~6.2.1:
+  version "6.2.2"
+  resolved "https://registry.npmjs.org/engine.io-client/-/engine.io-client-6.2.2.tgz#c6c5243167f5943dcd9c4abee1bfc634aa2cbdd0"
+  integrity sha512-8ZQmx0LQGRTYkHuogVZuGSpDqYZtCM/nv8zQ68VZ+JkOpazJ7ICdsSpaO6iXwvaU30oFg5QJOJWj8zWqhbKjkQ==
+  dependencies:
+    "@socket.io/component-emitter" "~3.1.0"
+    debug "~4.3.1"
+    engine.io-parser "~5.0.3"
+    ws "~8.2.3"
+    xmlhttprequest-ssl "~2.0.0"
+
+engine.io-parser@~5.0.3:
+  version "5.0.4"
+  resolved "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.0.4.tgz#0b13f704fa9271b3ec4f33112410d8f3f41d0fc0"
+  integrity sha512-+nVFp+5z1E3HcToEnO7ZIj3g+3k9389DvWtvJZz0T6/eOCPIyyxehFcedoYrZQrp0LgQbD9pPXhpMBKMd5QURg==
+
 enhanced-resolve@^5.0.0, enhanced-resolve@^5.9.2:
   version "5.9.2"
   resolved "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.9.2.tgz#0224dcd6a43389ebfb2d55efee517e5466772dd9"
@@ -5746,6 +5767,24 @@ snapdragon@^0.8.1:
     source-map-resolve "^0.5.0"
     use "^3.1.0"
 
+socket.io-client@^4.5.1:
+  version "4.5.1"
+  resolved "https://registry.npmjs.org/socket.io-client/-/socket.io-client-4.5.1.tgz#cab8da71976a300d3090414e28c2203a47884d84"
+  integrity sha512-e6nLVgiRYatS+AHXnOnGi4ocOpubvOUCGhyWw8v+/FxW8saHkinG6Dfhi9TU0Kt/8mwJIAASxvw6eujQmjdZVA==
+  dependencies:
+    "@socket.io/component-emitter" "~3.1.0"
+    debug "~4.3.2"
+    engine.io-client "~6.2.1"
+    socket.io-parser "~4.2.0"
+
+socket.io-parser@~4.2.0:
+  version "4.2.0"
+  resolved "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.0.tgz#3f01e5bc525d94aa52a97ed5cbc12e229bbc4d6b"
+  integrity sha512-tLfmEwcEwnlQTxFB7jibL/q2+q8dlVQzj4JdRLJ/W/G1+Fu9VSxCx1Lo+n1HvXxKnM//dUuD0xgiA7tQf57Vng==
+  dependencies:
+    "@socket.io/component-emitter" "~3.1.0"
+    debug "~4.3.1"
+
 sortablejs@1.14.0:
   version "1.14.0"
   resolved "https://registry.npmjs.org/sortablejs/-/sortablejs-1.14.0.tgz#6d2e17ccbdb25f464734df621d4f35d4ab35b3d8"
@@ -6616,6 +6655,11 @@ wrappy@1:
   resolved "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
   integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
 
+ws@~8.2.3:
+  version "8.2.3"
+  resolved "https://registry.npmjs.org/ws/-/ws-8.2.3.tgz#63a56456db1b04367d0b721a0b80cae6d8becbba"
+  integrity sha512-wBuoj1BDpC6ZQ1B7DWQBYVLphPWkm8i9Y0/3YdHjHKHiohOJ1ws+3OccDWtH+PoC9DZD5WOTrJvNbWvjS6JWaA==
+
 xlsx@^0.16.9:
   version "0.16.9"
   resolved "https://registry.npmjs.org/xlsx/-/xlsx-0.16.9.tgz#dacd5bb46bda6dd3743940c9c3dc1e2171826256"
@@ -6632,6 +6676,11 @@ xlsx@^0.16.9:
     wmf "~1.0.1"
     word "~0.3.0"
 
+xmlhttprequest-ssl@~2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-2.0.0.tgz#91360c86b914e67f44dce769180027c0da618c67"
+  integrity sha512-QKxVRxiRACQcVuQEYFsI1hhkrMlrXHPegbbd1yn9UHOmRxY+si12nQYzri3vbzt8VdTTRviqcKxcyllFas5z2A==
+
 yallist@^2.1.2:
   version "2.1.2"
   resolved "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"

From 68858f794c16b11ab0f9daf461bee9b1af7a6673 Mon Sep 17 00:00:00 2001
From: icssoa <615206459@qq.com>
Date: Tue, 14 Jun 2022 16:07:47 +0800
Subject: [PATCH 4/4] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=81=8A=E5=A4=A9?=
 =?UTF-8?q?=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 build/cool/temp/eps.json                      |    2 +-
 build/cool/temp/service.d.ts                  | 1347 +++++++++++++++++
 package.json                                  |    4 +-
 src/modules/chat/components/index.vue         |   44 +-
 src/modules/chat/components/message.vue       |  140 +-
 src/modules/chat/components/session.vue       |   66 +-
 src/modules/chat/config.ts                    |    4 +
 src/modules/chat/hooks/index.ts               |    2 +-
 src/modules/chat/index.ts                     |    0
 src/modules/chat/service/message.ts           |   19 +-
 src/modules/chat/store/message.ts             |   16 +-
 src/modules/chat/store/session.ts             |    2 -
 src/modules/chat/types/index.d.ts             |   56 +-
 src/modules/upload/components/index.vue       |   20 +-
 src/modules/upload/components/space.vue       |    2 +-
 .../upload/components/space/category.vue      |    8 +-
 yarn.lock                                     |   79 +-
 17 files changed, 1713 insertions(+), 98 deletions(-)
 create mode 100644 src/modules/chat/config.ts
 delete mode 100644 src/modules/chat/index.ts

diff --git a/build/cool/temp/eps.json b/build/cool/temp/eps.json
index 1b6bbdb..132537f 100644
--- a/build/cool/temp/eps.json
+++ b/build/cool/temp/eps.json
@@ -1 +1 @@
-[["/admin/base/comm",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/personUpdate",""],["","/uploadMode",""],["","/permmenu",""],["","/logout",""]]],["/admin/base/open",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/refreshToken",""],["","/captcha",""],["","/login",""],["","/html",""],["","/eps",""]]],["/admin/base/sys/department",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/order",""]]],["/admin/base/sys/log",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/setKeep",""],["","/getKeep",""],["","/clear",""]]],["/admin/base/sys/menu",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/base/sys/param",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/html",""]]],["/admin/base/sys/role",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/base/sys/user",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/move",""]]],["/admin/demo/goods",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/space/info",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/space/type",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/task/info",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/start",""],["","/once",""],["","/stop",""],["","/log",""]]],["/chat/message",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/chat/session",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/test",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]]]
\ No newline at end of file
+[["/admin/base/comm",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/personUpdate",""],["","/uploadMode",""],["","/permmenu",""],["","/logout",""]]],["/admin/base/open",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/refreshToken",""],["","/captcha",""],["","/login",""],["","/html",""],["","/eps",""]]],["/admin/base/sys/department",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/order",""]]],["/admin/base/sys/log",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/setKeep",""],["","/getKeep",""],["","/clear",""]]],["/admin/base/sys/menu",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/base/sys/param",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/html",""]]],["/admin/base/sys/role",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/base/sys/user",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/move",""]]],["/admin/demo/goods",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/fbMall/account",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/publishGoods",""],["","/refreshGoods",""],["","/republish",""],["","/addMore",""],["","/close",""],["","/open",""],["","/getAccountGoods",""]]],["/admin/fbMall/area",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/fbMall/areaItem",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/order",""]]],["/admin/fbMall/goods",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/fbMall/goodsItem",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/readAll",""]]],["/admin/fbMall/photo",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/fbMall/photoItem",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/order",""]]],["/admin/fbMall/promote",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/getLog",""]]],["/admin/fbMall/proxy",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/fbMall/server",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/fbMall/thesaurus",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/order",""]]],["/admin/fbMall/thesaurusItem",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/readAll",""]]],["/admin/multimedia/multimediaData",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/deleteAllPermission",""]]],["/admin/multimedia/multimediaItem",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/updateeAllPermission",""],["","/deleteAllPermission",""],["","/order",""]]],["/admin/shop/reply",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/space/info",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/space/type",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/sys/area",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/sys/channel",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/sys/country",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/sys/express",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/sys/goods",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/sys/goodsItem",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/order",""]]],["/admin/sys/label",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/sys/shop",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/readAll",""]]],["/admin/sys/shop_warehouse",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/sys/sku",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/synchronize",""]]],["/admin/sys/stock",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/synchronize",""]]],["/admin/sys/warehouse",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/admin/task/info",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""],["","/start",""],["","/once",""],["","/stop",""],["","/log",""]]],["/chat/message",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/chat/session",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]],["/test",[["","/list",""],["","/page",""],["","/info",""],["","/update",""],["","/delete",""],["","/add",""]]]]
\ No newline at end of file
diff --git a/build/cool/temp/service.d.ts b/build/cool/temp/service.d.ts
index d3ac4e8..56f3a86 100644
--- a/build/cool/temp/service.d.ts
+++ b/build/cool/temp/service.d.ts
@@ -535,6 +535,768 @@ declare interface DemoGoods {
 	};
 }
 
+declare interface FbMallAccount {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * publishGoods
+	 * @returns Promise<any>
+	 */
+	publishGoods(data?: any): Promise<any>;
+	/**
+	 * refreshGoods
+	 * @returns Promise<any>
+	 */
+	refreshGoods(data?: any): Promise<any>;
+	/**
+	 * republish
+	 * @returns Promise<any>
+	 */
+	republish(data?: any): Promise<any>;
+	/**
+	 * addMore
+	 * @returns Promise<any>
+	 */
+	addMore(data?: any): Promise<any>;
+	/**
+	 * close
+	 * @returns Promise<any>
+	 */
+	close(data?: any): Promise<any>;
+	/**
+	 * open
+	 * @returns Promise<any>
+	 */
+	open(data?: any): Promise<any>;
+	/**
+	 * getAccountGoods
+	 * @returns Promise<any>
+	 */
+	getAccountGoods(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+		publishGoods: string;
+		refreshGoods: string;
+		republish: string;
+		addMore: string;
+		close: string;
+		open: string;
+		getAccountGoods: string;
+	};
+}
+
+declare interface FbMallArea {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+	};
+}
+
+declare interface FbMallAreaItem {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * order
+	 * @returns Promise<any>
+	 */
+	order(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+		order: string;
+	};
+}
+
+declare interface FbMallGoods {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+	};
+}
+
+declare interface FbMallGoodsItem {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * readAll
+	 * @returns Promise<any>
+	 */
+	readAll(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+		readAll: string;
+	};
+}
+
+declare interface FbMallPhoto {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+	};
+}
+
+declare interface FbMallPhotoItem {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * order
+	 * @returns Promise<any>
+	 */
+	order(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+		order: string;
+	};
+}
+
+declare interface FbMallPromote {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * getLog
+	 * @returns Promise<any>
+	 */
+	getLog(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+		getLog: string;
+	};
+}
+
+declare interface FbMallProxy {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+	};
+}
+
+declare interface FbMallServer {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+	};
+}
+
+declare interface FbMallThesaurus {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * order
+	 * @returns Promise<any>
+	 */
+	order(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+		order: string;
+	};
+}
+
+declare interface FbMallThesaurusItem {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * readAll
+	 * @returns Promise<any>
+	 */
+	readAll(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+		readAll: string;
+	};
+}
+
+declare interface MultimediaMultimediaData {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * deleteAllPermission
+	 * @returns Promise<any>
+	 */
+	deleteAllPermission(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+		deleteAllPermission: string;
+	};
+}
+
+declare interface MultimediaMultimediaItem {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * updateeAllPermission
+	 * @returns Promise<any>
+	 */
+	updateeAllPermission(data?: any): Promise<any>;
+	/**
+	 * deleteAllPermission
+	 * @returns Promise<any>
+	 */
+	deleteAllPermission(data?: any): Promise<any>;
+	/**
+	 * order
+	 * @returns Promise<any>
+	 */
+	order(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+		updateeAllPermission: string;
+		deleteAllPermission: string;
+		order: string;
+	};
+}
+
+declare interface ShopReply {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+	};
+}
+
 declare interface SpaceInfo {
 	/**
 	 * list
@@ -623,6 +1385,558 @@ declare interface SpaceType {
 	};
 }
 
+declare interface SysArea {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+	};
+}
+
+declare interface SysChannel {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+	};
+}
+
+declare interface SysCountry {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+	};
+}
+
+declare interface SysExpress {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+	};
+}
+
+declare interface SysGoods {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+	};
+}
+
+declare interface SysGoodsItem {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * order
+	 * @returns Promise<any>
+	 */
+	order(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+		order: string;
+	};
+}
+
+declare interface SysLabel {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+	};
+}
+
+declare interface SysShop {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * readAll
+	 * @returns Promise<any>
+	 */
+	readAll(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+		readAll: string;
+	};
+}
+
+declare interface SysShop_warehouse {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+	};
+}
+
+declare interface SysSku {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * synchronize
+	 * @returns Promise<any>
+	 */
+	synchronize(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+		synchronize: string;
+	};
+}
+
+declare interface SysStock {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * synchronize
+	 * @returns Promise<any>
+	 */
+	synchronize(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+		synchronize: string;
+	};
+}
+
+declare interface SysWarehouse {
+	/**
+	 * list
+	 * @returns Promise<any>
+	 */
+	list(data?: any): Promise<any>;
+	/**
+	 * page
+	 * @returns Promise<PageResponse>
+	 */
+	page(data?: any): Promise<PageResponse>;
+	/**
+	 * info
+	 * @returns Promise<any>
+	 */
+	info(data?: any): Promise<any>;
+	/**
+	 * update
+	 * @returns Promise<any>
+	 */
+	update(data?: any): Promise<any>;
+	/**
+	 * delete
+	 * @returns Promise<any>
+	 */
+	delete(data?: any): Promise<any>;
+	/**
+	 * add
+	 * @returns Promise<any>
+	 */
+	add(data?: any): Promise<any>;
+	/**
+	 * 权限
+	 */
+	permission: {
+		list: string;
+		page: string;
+		info: string;
+		update: string;
+		delete: string;
+		add: string;
+	};
+}
+
 declare interface TaskInfo {
 	/**
 	 * list
@@ -838,7 +2152,40 @@ declare type Service = {
 		};
 	};
 	demo: { goods: DemoGoods };
+	fbMall: {
+		account: FbMallAccount;
+		area: FbMallArea;
+		areaItem: FbMallAreaItem;
+		goods: FbMallGoods;
+		goodsItem: FbMallGoodsItem;
+		photo: FbMallPhoto;
+		photoItem: FbMallPhotoItem;
+		promote: FbMallPromote;
+		proxy: FbMallProxy;
+		server: FbMallServer;
+		thesaurus: FbMallThesaurus;
+		thesaurusItem: FbMallThesaurusItem;
+	};
+	multimedia: {
+		multimediaData: MultimediaMultimediaData;
+		multimediaItem: MultimediaMultimediaItem;
+	};
+	shop: { reply: ShopReply };
 	space: { info: SpaceInfo; type: SpaceType };
+	sys: {
+		area: SysArea;
+		channel: SysChannel;
+		country: SysCountry;
+		express: SysExpress;
+		goods: SysGoods;
+		goodsItem: SysGoodsItem;
+		label: SysLabel;
+		shop: SysShop;
+		shop_warehouse: SysShop_warehouse;
+		sku: SysSku;
+		stock: SysStock;
+		warehouse: SysWarehouse;
+	};
 	task: { info: TaskInfo };
 	chat: { message: ChatMessage; session: ChatSession };
 	test: Test;
diff --git a/package.json b/package.json
index 297c1d3..d2c60e7 100644
--- a/package.json
+++ b/package.json
@@ -9,14 +9,14 @@
 		"lint:eslint": "eslint \"{src,mock}/**/*.{vue,ts,tsx}\" --fix"
 	},
 	"dependencies": {
-		"@cool-vue/crud": "^5.0.11",
+		"@cool-vue/crud": "^5.0.13",
 		"@element-plus/icons-vue": "^1.1.3",
 		"@vueuse/core": "^8.2.5",
 		"axios": "^0.27.2",
 		"codemirror": "^5.62.0",
 		"core-js": "^3.6.5",
 		"echarts": "^5.0.2",
-		"element-plus": "^2.2.0",
+		"element-plus": "^2.2.5",
 		"file-saver": "^2.0.5",
 		"js-beautify": "^1.13.5",
 		"lodash": "^4.17.21",
diff --git a/src/modules/chat/components/index.vue b/src/modules/chat/components/index.vue
index 3eaef6f..6083314 100644
--- a/src/modules/chat/components/index.vue
+++ b/src/modules/chat/components/index.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="cl-chat__wrap">
 		<div class="cl-chat__icon" @click="open">
-			<el-badge :value="19">
+			<el-badge :value="unCount">
 				<el-icon><BellFilled /></el-icon>
 			</el-badge>
 		</div>
@@ -15,6 +15,7 @@
 			keep-alive
 			custom-class="cl-chat__dialog"
 			:close-on-click-modal="false"
+			:close-on-press-escape="false"
 			append-to-body
 			:controls="['slot-expand', 'cl-flex1', 'fullscreen', 'close']"
 		>
@@ -50,12 +51,9 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, reactive } from "vue";
-import { useStore } from "../store";
-
-export default defineComponent({
+export default {
 	name: "cl-chat"
-});
+};
 </script>
 
 <script lang="ts" setup>
@@ -69,6 +67,9 @@ import io from "socket.io-client";
 import { Socket } from "socket.io-client";
 import ChatMessage from "./message.vue";
 import ChatSession from "./session.vue";
+import { Chat } from "../types";
+import { useStore } from "../store";
+import dayjs from "dayjs";
 
 const { mitt } = useCool();
 
@@ -79,7 +80,7 @@ const { session, message } = useStore();
 const { app, user } = useBase();
 
 // 模块配置
-const { options } = module.get("upload");
+const { options } = module.get("chat");
 
 // 是否可见
 const visible = ref(false);
@@ -87,6 +88,9 @@ const visible = ref(false);
 // 是否展开
 const isExpand = ref(true);
 
+// 未读消息
+const unCount = ref(parseInt(Math.random() * 100));
+
 // Socket
 let socket: Socket;
 
@@ -95,7 +99,7 @@ function connect() {
 	return refresh();
 
 	if (!socket) {
-		socket = io(config.host + `/chat`, {
+		socket = io(config.host + options.path, {
 			auth: {
 				token: user.token
 			}
@@ -130,6 +134,29 @@ function close() {
 	visible.value = false;
 }
 
+// 发送消息
+function send(data: Chat.Message, isAppend?: boolean) {
+	// socket.emit("message", {});
+
+	if (isAppend) {
+		append(data);
+	}
+}
+
+// 追加消息
+function append(data: Chat.Message) {
+	message.list.push({
+		fromId: user.info?.id,
+		toId: session.value?.userId,
+		avatar: user.info?.headImg,
+		nickName: user.info?.nickName,
+		createTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
+		...data
+	});
+
+	scrollToBottom();
+}
+
 // 滚动到底部
 const scrollToBottom = debounce(() => {
 	nextTick(() => {
@@ -150,6 +177,7 @@ async function refresh() {
 
 provide("chat", {
 	socket,
+	send,
 	scrollToBottom
 });
 
diff --git a/src/modules/chat/components/message.vue b/src/modules/chat/components/message.vue
index 251d6f5..75a6534 100644
--- a/src/modules/chat/components/message.vue
+++ b/src/modules/chat/components/message.vue
@@ -21,20 +21,38 @@
 					<div
 						class="item"
 						:class="{
-							'is-right': item.type == 1
+							'is-right': item.isMy
 						}"
 					>
 						<div class="avatar">
 							<el-avatar :size="36" shape="square" :src="item.avatar"></el-avatar>
 						</div>
 
-						<div class="det">
+						<div
+							class="det"
+							@contextmenu="
+								(e) => {
+									onContextMenu(e, item);
+								}
+							"
+						>
 							<div class="h">
 								<span class="name">{{ item.nickName }}</span>
 							</div>
 							<div class="content">
-								<div class="is-text">
-									<span>{{ item.text }}</span>
+								<!-- 文本 -->
+								<div class="is-text" v-if="item.contentType == 0">
+									<span>{{ item.content.text }}</span>
+								</div>
+
+								<!-- 图片 -->
+								<div class="is-image" v-else-if="item.contentType == 1">
+									<el-image
+										:src="item.content.imageUrl"
+										:preview-src-list="previewUrls"
+										:initial-index="item._index"
+										scroll-container=".chat-message .list"
+									/>
 								</div>
 							</div>
 						</div>
@@ -47,7 +65,11 @@
 		<div class="footer">
 			<div class="tools">
 				<ul>
-					<li></li>
+					<li>
+						<cl-upload @success="onImageSend" :show-file-list="false">
+							<el-icon><Picture /></el-icon>
+						</cl-upload>
+					</li>
 				</ul>
 			</div>
 
@@ -63,7 +85,7 @@
 					}"
 					placeholder="输入内容"
 				></el-input>
-				<el-button size="small" type="success" @click="send" :disabled="!value"
+				<el-button size="small" type="success" @click="onTextSend" :disabled="!value"
 					>发送</el-button
 				>
 			</div>
@@ -75,17 +97,93 @@
 import { computed, ref } from "vue";
 import { useChat } from "../hooks";
 import { useStore } from "../store";
+import { Picture } from "@element-plus/icons-vue";
+import { useBase } from "/$/base";
+import { ContextMenu } from "@cool-vue/crud";
+import { useClipboard } from "@vueuse/core";
+import { Chat } from "../types";
 
+const { user } = useBase();
 const { chat } = useChat();
 const { message, session } = useStore();
+const { copy } = useClipboard();
 
 const value = ref("");
 
 // 过滤列表
-const list = computed(() => message.list);
+const list = computed(() => {
+	let n = 0;
 
-function send() {
-	chat?.scrollToBottom();
+	return message.list.map((e) => {
+		if (e.contentType == 1) {
+			e._index = n++;
+		}
+
+		// 是否自己发的消息
+		e.isMy = e.fromId == user.info?.id;
+
+		return e;
+	});
+});
+
+// 预览图片地址
+const previewUrls = computed(() =>
+	message.list
+		.filter((e) => e.contentType == 1)
+		.map((e) => e.content?.imageUrl)
+		.filter(Boolean)
+);
+
+// 文本消息
+function onTextSend() {
+	chat?.send(
+		{
+			contentType: 0,
+			content: {
+				text: value.value
+			}
+		},
+		true
+	);
+	value.value = "";
+}
+
+// 图片消息
+function onImageSend(res: any) {
+	chat?.send(
+		{
+			contentType: 1,
+			content: {
+				imageUrl: res.url
+			}
+		},
+		true
+	);
+	value.value = "";
+}
+
+// 右键菜单
+function onContextMenu(e: Event, item: Chat.Message) {
+	ContextMenu.open(e, {
+		hover: {
+			target: "content"
+		},
+		list: [
+			{
+				label: "复制",
+				callback(done) {
+					copy(item.content.text || "");
+					done();
+				}
+			},
+			{
+				label: "转发"
+			},
+			{
+				label: "删除"
+			}
+		]
+	});
 }
 </script>
 
@@ -122,6 +220,8 @@ function send() {
 
 		ul {
 			& > li {
+				list-style: none;
+
 				.date {
 					display: flex;
 					align-items: center;
@@ -161,9 +261,13 @@ function send() {
 								font-size: 14px;
 							}
 
-							.is-img {
+							.is-image {
+								background-color: #fff;
+
 								.el-image {
-									max-width: 300px;
+									display: block;
+									min-height: 100px;
+									max-width: 200px;
 									border-radius: 3px;
 								}
 							}
@@ -204,12 +308,20 @@ function send() {
 
 			ul {
 				li {
-					height: 25px;
-					width: 25px;
+					height: 26px;
+					width: 26px;
 					border-radius: 3px;
-					background-color: #eee;
 					margin-right: 10px;
 					list-style: none;
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					cursor: pointer;
+					font-size: 18px;
+
+					&:hover {
+						background-color: #f7f7f7;
+					}
 				}
 			}
 		}
diff --git a/src/modules/chat/components/session.vue b/src/modules/chat/components/session.vue
index 7ebe8cf..dde9cdb 100644
--- a/src/modules/chat/components/session.vue
+++ b/src/modules/chat/components/session.vue
@@ -10,32 +10,33 @@
 			</ul>
 		</div>
 
-		<div class="list scroller1" v-loading="session?.loading">
-			<div
-				class="item"
-				v-for="(item, index) in list"
-				:key="index"
-				:class="{
-					'is-active': item.id == session?.value?.id
-				}"
-				@click="toDetail(item)"
-			>
-				<div class="avatar">
-					<el-badge :value="item.num" :hidden="item.num == 0">
-						<el-avatar shape="square" :src="item.avatar"></el-avatar>
-					</el-badge>
-				</div>
+		<div class="list" v-loading="session?.loading">
+			<div class="scroller1">
+				<div
+					class="item"
+					v-for="(item, index) in list"
+					:key="index"
+					:class="{
+						'is-active': item.id == session?.value?.id
+					}"
+					@click="toDetail(item)"
+				>
+					<div class="avatar">
+						<el-badge :value="item.num" :hidden="item.num == 0">
+							<el-avatar shape="square" :src="item.avatar"></el-avatar>
+						</el-badge>
+					</div>
 
-				<div class="det">
-					<p class="name">{{ item.nickName }}</p>
-					<p class="message">
-						{{ item.text }}
-					</p>
-				</div>
+					<div class="det">
+						<p class="name">{{ item.nickName }}</p>
+						<p class="message">
+							{{ item.text }}
+						</p>
+					</div>
 
-				<div class="status">
-					<p class="date">{{ item.createTime }}</p>
-					<!-- <el-tag size="small">厦门</el-tag> -->
+					<div class="status">
+						<p class="date">{{ item.createTime }}</p>
+					</div>
 				</div>
 			</div>
 
@@ -49,19 +50,22 @@ import { computed, ref } from "vue";
 import { useChat } from "../hooks";
 import { useStore } from "../store";
 import { Refresh } from "@element-plus/icons-vue";
+import { Chat } from "../types";
 
 const { chat } = useChat();
-const { session } = useStore();
+const { session, message } = useStore();
 
 // 关键字
 const keyWord = ref("");
 
 // 过滤列表
-const list = computed(() => session?.list.filter((e) => e.nickName.includes(keyWord.value)) || []);
+const list = computed(() => session?.list.filter((e) => e.nickName?.includes(keyWord.value)) || []);
 
 // 会话详情
-function toDetail(item: any) {
-	chat?.setSession(item);
+async function toDetail(item: Chat.Session) {
+	session.set(item);
+	await message.get({ page: 1 });
+	chat?.scrollToBottom();
 }
 </script>
 
@@ -105,6 +109,12 @@ function toDetail(item: any) {
 
 	.list {
 		height: calc(100% - 51px);
+		overflow: hidden;
+
+		.scroller1 {
+			height: 100%;
+		}
+
 		.item {
 			display: flex;
 			padding: 15px 10px;
diff --git a/src/modules/chat/config.ts b/src/modules/chat/config.ts
new file mode 100644
index 0000000..3a1ec93
--- /dev/null
+++ b/src/modules/chat/config.ts
@@ -0,0 +1,4 @@
+export default {
+	// socket.io 连接地址
+	path: "/chat"
+};
diff --git a/src/modules/chat/hooks/index.ts b/src/modules/chat/hooks/index.ts
index f30ad85..c2c3012 100644
--- a/src/modules/chat/hooks/index.ts
+++ b/src/modules/chat/hooks/index.ts
@@ -2,7 +2,7 @@ import { inject } from "vue";
 import { Chat } from "../types";
 
 export function useChat() {
-	const chat = inject<Chat>("chat");
+	const chat = inject<Chat.Provide>("chat");
 
 	return {
 		chat
diff --git a/src/modules/chat/index.ts b/src/modules/chat/index.ts
deleted file mode 100644
index e69de29..0000000
diff --git a/src/modules/chat/service/message.ts b/src/modules/chat/service/message.ts
index 4835968..ec1bd8b 100644
--- a/src/modules/chat/service/message.ts
+++ b/src/modules/chat/service/message.ts
@@ -12,11 +12,8 @@ class ChatMessage extends BaseService {
 						nickName: "@name",
 						createTime: "@datetime(HH:mm:ss)",
 						text: "@cparagraph(5)",
-						content() {
-							return JSON.stringify({ text: this.text });
-						},
-						"contentType|0-3": 0,
-						"type|0-1": 0,
+						"contentType|0-1": 0,
+						"userId|1-2": 1,
 						avatar() {
 							return Mock.Random.image(
 								"40x40",
@@ -25,6 +22,18 @@ class ChatMessage extends BaseService {
 								"png",
 								this.nickName[0]
 							);
+						},
+						content() {
+							return JSON.stringify({
+								text: this.text,
+								imageUrl: Mock.Random.image(
+									"100x100",
+									Mock.Random.color(),
+									"#FFF",
+									"png",
+									this.nickName
+								)
+							});
 						}
 					}
 				]
diff --git a/src/modules/chat/store/message.ts b/src/modules/chat/store/message.ts
index eacea93..173c03a 100644
--- a/src/modules/chat/store/message.ts
+++ b/src/modules/chat/store/message.ts
@@ -12,15 +12,27 @@ export const useMessageStore = defineStore("chat-message", () => {
 	const list = ref<any[]>([]);
 
 	// 分页
-	const pagination = ref();
+	const pagination = ref({
+		page: 1,
+		total: 0,
+		size: 20
+	});
 
 	// 获取列表
 	async function get(params?: any) {
 		loading.value = true;
 
+		// 清空
+		if (params?.page == 1) {
+			list.value = [];
+		}
+
 		// 发送请求
 		await service.chat.message.page(params).then((res) => {
-			list.value = res.list;
+			list.value = res.list.map((e) => {
+				e.content = JSON.parse(e.content);
+				return e;
+			});
 			pagination.value = res.pagination;
 		});
 
diff --git a/src/modules/chat/store/session.ts b/src/modules/chat/store/session.ts
index 4da8989..b616039 100644
--- a/src/modules/chat/store/session.ts
+++ b/src/modules/chat/store/session.ts
@@ -34,8 +34,6 @@ export const useSessionStore = defineStore("chat-session", () => {
 
 	// 设置值
 	function set(data: any) {
-		// 清空消息列表
-		list.value = [];
 		// 设置值
 		value.value = data;
 	}
diff --git a/src/modules/chat/types/index.d.ts b/src/modules/chat/types/index.d.ts
index f2404ab..f9d4479 100644
--- a/src/modules/chat/types/index.d.ts
+++ b/src/modules/chat/types/index.d.ts
@@ -1,31 +1,35 @@
 import { Socket } from "socket.io-client";
 
-export declare interface Item {
-	id: string;
-	avatar: string;
-	nickName: string;
-	[key: string]: any;
-}
+export namespace Chat {
+	enum ContentType {
+		"text" = 0,
+		"image" = 1,
+		"video" = 2
+	}
 
-export declare interface Chat {
-	socket?: Socket;
-	inputValue: string;
-	session: {
-		loading: boolean;
-		value?: Item;
-		list: Item[];
-	};
-	message: {
-		loading: boolean;
-		list: Item[];
-		pagination: {
-			page: number;
-			total: number;
-			size: number;
+	interface Message {
+		fromId?: string;
+		toId?: string;
+		content: {
+			text?: string;
+			imageUrl?: string;
+			[key: string]: any;
 		};
-	};
-	scrollToBottom(): void;
-	getSession(params?: any): void;
-	setSession(data: any): void;
-	getMessage(params?: any): void;
+		contentType: ContentType;
+		[key: string]: any;
+	}
+
+	interface Session {
+		id: string;
+		avatar: string;
+		nickName: string;
+		[key: string]: any;
+	}
+
+	interface Provide {
+		socket?: Socket;
+		send(data: Message, isAppend?: boolean): void;
+		append(data: Message): void;
+		scrollToBottom(): void;
+	}
 }
diff --git a/src/modules/upload/components/index.vue b/src/modules/upload/components/index.vue
index 395cda4..1846089 100644
--- a/src/modules/upload/components/index.vue
+++ b/src/modules/upload/components/index.vue
@@ -1,6 +1,14 @@
 <template>
 	<div class="cl-upload__wrap">
-		<div class="cl-upload" :class="[`cl-upload--${type}`]">
+		<div
+			class="cl-upload"
+			:class="[
+				`cl-upload--${type}`,
+				{
+					'is-slot': $slots.default
+				}
+			]"
+		>
 			<!-- 列表 -->
 			<draggable
 				v-model="list"
@@ -610,5 +618,15 @@ defineExpose({
 		width: 100%;
 		box-sizing: border-box;
 	}
+
+	&.is-slot {
+		.cl-upload__list {
+			margin: 0;
+		}
+
+		.un-drag {
+			display: flex;
+		}
+	}
 }
 </style>
diff --git a/src/modules/upload/components/space.vue b/src/modules/upload/components/space.vue
index 631958b..dbcab61 100644
--- a/src/modules/upload/components/space.vue
+++ b/src/modules/upload/components/space.vue
@@ -26,7 +26,7 @@
 					<div class="cl-upload-space__header scroller1">
 						<el-button @click="refresh({ page: 1 })">刷新</el-button>
 
-						<div :style="{ marginLeft: '10px' }">
+						<div :style="{ margin: '0px 10px' }">
 							<cl-upload
 								ref="Upload"
 								type="file"
diff --git a/src/modules/upload/components/space/category.vue b/src/modules/upload/components/space/category.vue
index 8fdc928..38499e8 100644
--- a/src/modules/upload/components/space/category.vue
+++ b/src/modules/upload/components/space/category.vue
@@ -17,6 +17,7 @@
 				<li
 					v-for="(item, index) in flist"
 					:key="index"
+					class="item"
 					:class="{
 						'is-active': item.id == space.category.id
 					}"
@@ -141,6 +142,9 @@ function onContextMenu(e: any, { id, name }: any) {
 	}
 
 	ContextMenu.open(e, {
+		hover: {
+			target: "item"
+		},
 		list: [
 			{
 				label: "刷新",
@@ -238,7 +242,7 @@ onMounted(() => {
 		ul {
 			height: 100%;
 
-			li {
+			.item {
 				list-style: none;
 				font-size: 14px;
 				height: 40px;
@@ -251,7 +255,7 @@ onMounted(() => {
 					color: var(--color-primary);
 				}
 
-				&:hover {
+				&:not(.cl-context-menu__target):hover {
 					background-color: #f7f7f7;
 				}
 			}
diff --git a/yarn.lock b/yarn.lock
index 0ce1eaf..e749a60 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -984,10 +984,10 @@
     "@babel/helper-validator-identifier" "^7.16.7"
     to-fast-properties "^2.0.0"
 
-"@cool-vue/crud@^5.0.11":
-  version "5.0.11"
-  resolved "https://registry.npmjs.org/@cool-vue/crud/-/crud-5.0.11.tgz#fbca5084c4d1e9e82fba00f17bbbb984bd2ee38e"
-  integrity sha512-0N1w5RCZqDKz5DLmhwXNLxZIbJPt/lkW8DuFzXB/cpeZTYYLc+5VubbD+KTah1YyA6C2js+Wt1MlKhC0gY6ROA==
+"@cool-vue/crud@^5.0.13":
+  version "5.0.13"
+  resolved "https://registry.npmjs.org/@cool-vue/crud/-/crud-5.0.13.tgz#6fe3dc2b0660ea5ccfa8a7420af97972de3887ec"
+  integrity sha512-yzzYWAlUKnOiJKX7+OQZgD39xXCyQCcuOWdp8foMWIWdUaWyHTxK3aFDd+V4EuK+T8lWbG+HggE784fKTxZJRQ==
   dependencies:
     array.prototype.flat "^1.2.4"
     core-js "^3.21.1"
@@ -1006,6 +1006,11 @@
   resolved "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-1.1.4.tgz#5d2788ea356f1458068e6d400e724ca5f3d29aca"
   integrity sha512-Iz/nHqdp1sFPmdzRwHkEQQA3lKvoObk8azgABZ81QUOpW9s/lUyQVUSh0tNtEPZXQlKwlSh7SPgoVxzrE0uuVQ==
 
+"@element-plus/icons-vue@^2.0.5":
+  version "2.0.5"
+  resolved "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-2.0.5.tgz#8eb4143a7b5e4d8468d2e72af99eefee446f5ea0"
+  integrity sha512-jvNWyKcdvPvMDLTWjghrPY+bYHKqh7hbAFIPe+HWR073zilzt33csREzmKx3VwhdlJUW5u0nCqN+0rwI8jlH+w==
+
 "@eslint/eslintrc@^0.4.3":
   version "0.4.3"
   resolved "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.4.3.tgz#9e42981ef035beb3dd49add17acb96e8ff6f394c"
@@ -1026,6 +1031,11 @@
   resolved "https://registry.npmjs.org/@floating-ui/core/-/core-0.6.2.tgz#f2813f0e5f3d5ed7af5029e1a082203dadf02b7d"
   integrity sha512-jktYRmZwmau63adUG3GKOAVCofBXkk55S/zQ94XOorAHhwqFIOFAy1rSp2N0Wp6/tGbe9V3u/ExlGZypyY17rg==
 
+"@floating-ui/core@^0.7.3":
+  version "0.7.3"
+  resolved "https://registry.npmjs.org/@floating-ui/core/-/core-0.7.3.tgz#d274116678ffae87f6b60e90f88cc4083eefab86"
+  integrity sha512-buc8BXHmG9l82+OQXOFU3Kr2XQx9ys01U/Q9HMIrZ300iLc8HLMgh7dcCqgYzAzf4BkoQvDcXf5Y+CuEZ5JBYg==
+
 "@floating-ui/dom@^0.4.5":
   version "0.4.5"
   resolved "https://registry.npmjs.org/@floating-ui/dom/-/dom-0.4.5.tgz#2e88d16646119cc67d44683f75ee99840475bbfa"
@@ -1033,6 +1043,13 @@
   dependencies:
     "@floating-ui/core" "^0.6.2"
 
+"@floating-ui/dom@^0.5.2":
+  version "0.5.3"
+  resolved "https://registry.npmjs.org/@floating-ui/dom/-/dom-0.5.3.tgz#ade192cf9a911fc3e95fb614fe281658b654043c"
+  integrity sha512-vpjWB1uC7rajvgA58uzlJZgtWqrdDQLw+XVA3w63ZTmsWwRmVd0Gl5Dy9VMAViI9cP7hBWaJt23Jy3AVgVYnoQ==
+  dependencies:
+    "@floating-ui/core" "^0.7.3"
+
 "@hapi/hoek@^9.0.0":
   version "9.2.1"
   resolved "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.2.1.tgz#9551142a1980503752536b5050fd99f4a7f13b17"
@@ -1127,7 +1144,7 @@
   resolved "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.21.tgz#5de5a2385a35309427f6011992b544514d559aa1"
   integrity sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==
 
-"@popperjs/core@npm:@sxzz/popperjs-es@^2.11.6":
+"@popperjs/core@npm:@sxzz/popperjs-es@^2.11.6", "@popperjs/core@npm:@sxzz/popperjs-es@^2.11.7":
   version "2.11.7"
   resolved "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz#a7f69e3665d3da9b115f9e71671dae1b97e13671"
   integrity sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==
@@ -1812,6 +1829,15 @@
     "@vueuse/shared" "8.4.2"
     vue-demi "*"
 
+"@vueuse/core@^8.6.0":
+  version "8.6.0"
+  resolved "https://registry.npmjs.org/@vueuse/core/-/core-8.6.0.tgz#a8f80363cc63d17382423f16beae57696f376e67"
+  integrity sha512-VirzExCm/N+QdrEWT7J4uSrvJ5hquKIAU9alQ37kUvIJk9XxCLxmfRnmekYc1kz2+6BnoyuKYXVmrMV351CB4w==
+  dependencies:
+    "@vueuse/metadata" "8.6.0"
+    "@vueuse/shared" "8.6.0"
+    vue-demi "*"
+
 "@vueuse/metadata@8.2.5":
   version "8.2.5"
   resolved "https://registry.npmjs.org/@vueuse/metadata/-/metadata-8.2.5.tgz#51c7d95e04284ea378a5242a2e88b77494e2c117"
@@ -1822,6 +1848,11 @@
   resolved "https://registry.npmjs.org/@vueuse/metadata/-/metadata-8.4.2.tgz#b33e6b7bd5ca69e3f24ea41b149267118bcd566f"
   integrity sha512-2BIj++7P0/I5dfMsEe8q7Kw0HqVAjVcyNOd9+G22/ILUC9TVLTeYOuJ1kwa1Gpr+0LWKHc6GqHiLWNL33+exoQ==
 
+"@vueuse/metadata@8.6.0":
+  version "8.6.0"
+  resolved "https://registry.npmjs.org/@vueuse/metadata/-/metadata-8.6.0.tgz#34771443a72ee891ae001a70aa05dd9a1d799372"
+  integrity sha512-F+CKPvaExsm7QgRr8y+ZNJFwXasn89rs5wth/HeX9lJ1q8XEt+HJ16Q5Sxh4rfG5YSKXrStveVge8TKvPjMjFA==
+
 "@vueuse/shared@8.2.5":
   version "8.2.5"
   resolved "https://registry.npmjs.org/@vueuse/shared/-/shared-8.2.5.tgz#1ae200a240c4b8d42d41723b64d8f917aa57ff16"
@@ -1836,6 +1867,13 @@
   dependencies:
     vue-demi "*"
 
+"@vueuse/shared@8.6.0":
+  version "8.6.0"
+  resolved "https://registry.npmjs.org/@vueuse/shared/-/shared-8.6.0.tgz#63dad9fc4b73a7fccbe5d6b97adeacf73d4fec41"
+  integrity sha512-Y/IVywZo7IfEoSSEtCYpkVEmPV7pU35mEIxV7PbD/D3ly18B3mEsBaPbtDkNM/QP3zAZ5mn4nEkOfddX4uwuIA==
+  dependencies:
+    vue-demi "*"
+
 "@webassemblyjs/ast@1.11.1":
   version "1.11.1"
   resolved "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz#2bfd767eae1a6996f432ff7e8d7fc75679c0b6a7"
@@ -2129,6 +2167,11 @@ async-validator@^4.0.7:
   resolved "https://registry.npmjs.org/async-validator/-/async-validator-4.0.7.tgz#034a0fd2103a6b2ebf010da75183bec299247afe"
   integrity sha512-Pj2IR7u8hmUEDOwB++su6baaRi+QvsgajuFB9j95foM1N2gy5HM4z60hfusIO0fBPG5uLAEl6yCJr1jNSVugEQ==
 
+async-validator@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.npmjs.org/async-validator/-/async-validator-4.1.1.tgz#3cd1437faa2de64743f7d56649dd904c946a18fe"
+  integrity sha512-p4DO/JXwjs8klJyJL8Q2oM4ks5fUTze/h5k10oPPKMiLe1fj3G1QMzPHNmN1Py4ycOk7WlO2DcGXv1qiESJCZA==
+
 asynckit@^0.4.0:
   version "0.4.0"
   resolved "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
@@ -2748,6 +2791,11 @@ dayjs@^1.11.1:
   resolved "https://registry.npmjs.org/dayjs/-/dayjs-1.11.2.tgz#fa0f5223ef0d6724b3d8327134890cfe3d72fbe5"
   integrity sha512-F4LXf1OeU9hrSYRPTTj/6FbO4HTjPKXvEIC1P2kcnFurViINCVk3ZV0xAS3XVx9MkMsXbbqlK6hjseaYbgKEHw==
 
+dayjs@^1.11.3:
+  version "1.11.3"
+  resolved "https://registry.npmjs.org/dayjs/-/dayjs-1.11.3.tgz#4754eb694a624057b9ad2224b67b15d552589258"
+  integrity sha512-xxwlswWOlGhzgQ4TKzASQkUhqERI3egRNqgV4ScR8wlANA/A9tZ7miXa44vTTKEq5l7vWoL5G57bG3zA+Kow0A==
+
 debug@2.6.9, debug@^2.2.0, debug@^2.3.3:
   version "2.6.9"
   resolved "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
@@ -2989,6 +3037,27 @@ element-plus@^2.2.0:
     memoize-one "^6.0.0"
     normalize-wheel-es "^1.1.2"
 
+element-plus@^2.2.5:
+  version "2.2.5"
+  resolved "https://registry.npmjs.org/element-plus/-/element-plus-2.2.5.tgz#2bb889660c9bcb9bb71e18619915b35e0f48d569"
+  integrity sha512-Kl0yn/PQca5YQo3M3NPBP4Xl71NQuMtDx5zNXZGVyl5FjdMujXiFB9SXKYGDUCgFU3d/Rl14vB4Fpmcl2Iz+Hw==
+  dependencies:
+    "@ctrl/tinycolor" "^3.4.1"
+    "@element-plus/icons-vue" "^2.0.5"
+    "@floating-ui/dom" "^0.5.2"
+    "@popperjs/core" "npm:@sxzz/popperjs-es@^2.11.7"
+    "@types/lodash" "^4.14.182"
+    "@types/lodash-es" "^4.17.6"
+    "@vueuse/core" "^8.6.0"
+    async-validator "^4.1.1"
+    dayjs "^1.11.3"
+    escape-html "^1.0.3"
+    lodash "^4.17.21"
+    lodash-es "^4.17.21"
+    lodash-unified "^1.0.2"
+    memoize-one "^6.0.0"
+    normalize-wheel-es "^1.1.2"
+
 emoji-regex@^8.0.0:
   version "8.0.0"
   resolved "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"