adtec-core-package 0.1.8 → 0.2.0

package/README.en.md

@@ -0,0 +1,36 @@
+# ADTEC前端核心包
+
+#### Description
+{**When you're done, you can delete the content in this README and update the file with details for others getting started with your repository**}
+
+#### Software Architecture
+Software architecture description
+
+#### Installation
+
+1.  xxxx
+2.  xxxx
+3.  xxxx
+
+#### Instructions
+
+1.  xxxx
+2.  xxxx
+3.  xxxx
+
+#### Contribution
+
+1.  Fork the repository
+2.  Create Feat_xxx branch
+3.  Commit your code
+4.  Create Pull Request
+
+
+#### Gitee Feature
+
+1.  You can use Readme\_XXX.md to support different languages, such as Readme\_en.md, Readme\_zh.md
+2.  Gitee blog [blog.gitee.com](https://blog.gitee.com)
+3.  Explore open source project [https://gitee.com/explore](https://gitee.com/explore)
+4.  The most valuable open source project [GVP](https://gitee.com/gvp)
+5.  The manual of Gitee [https://gitee.com/help](https://gitee.com/help)
+6.  The most popular members  [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adtec-core-package",
-  "version": "0.1.8",
+  "version": "0.2.0",
   "private": false,
   "type": "module",
   "scripts": {
@@ -13,7 +13,10 @@
     "format": "prettier --write src/"
   },
   "dependencies": {
+    "@onlyoffice/document-editor-vue": "1.4.0",
     "@element-plus/icons-vue": "^2.3.1",
+    "pinia-plugin-store": "^2.2.9",
+    "crypto-js": "^4.2.0",
     "axios": "^1.7.7",
     "element-plus": "^2.8.7",
     "pinia": "^2.3.0",
@@ -22,11 +25,14 @@
     "vue": "^3.5.13",
     "vue-focus-lock": "^3.0.0",
     "vue-router": "^4.5.0",
-    "uuid": "^11.0.3"
+    "uuid": "^11.0.3",
+    "socket.io-client": "^2.3.1",
+    "vue-img-viewr": "2.0.11"
   },
   "devDependencies": {
     "@tsconfig/node22": "^22.0.0",
     "@types/node": "^22.10.2",
+    "@types/crypto-js": "^4.2.2",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vitejs/plugin-vue-jsx": "^4.1.1",
     "@vue/eslint-config-prettier": "^10.1.0",

package/src/api/DocumentApi.ts

@@ -0,0 +1,18 @@
+import request from '../utils/request'
+import type { ISysUploadFiles } from '../interface/ISysUploadFiles.ts'
+
+/**
+ * Create by丁盼
+ * 说明: DocumentApi
+ * 创建时间: 2025/1/2 11:05
+ * 修改时间: 2025/1/2 11:05
+ */
+const basePath = '/api/doc/'
+export default {
+  getUpLoadFilesVoById(id: string): Promise<ISysUploadFiles> {
+    return request.get(basePath + 'getUpLoadFilesVoById/' + id)
+  },
+  delSysUploadFile(id: string) {
+    return request.get(basePath + 'delSysUploadFile/' + id)
+  }
+}

package/src/api/framework.ts

@@ -0,0 +1,12 @@
+import request from '../utils/request'
+export default {
+  /**
+   * 获取文件访问路径
+   * @param id
+   */
+  getFileAccessAddress(id: string): Promise<{
+    url: string
+  }> {
+    return request.get('/api/doc/getFileAccessAddress', { id })
+  },
+}

package/src/components/upload/ElUploads.vue

@@ -0,0 +1,279 @@
+<!--创建人 丁盼-->
+<!--说明: 文档上传组件-->
+<!--创建时间: 2024/12/2 下午1:59-->
+<!--修改时间: 2024/12/2 下午1:59-->
+<template>
+  <el-flex v-if="!isEdlt">
+    <el-flex
+      v-for="item of uploadFilesList"
+      :key="item.id"
+      class="file-class"
+      @click="fileView(item.id)"
+      :width="itemWidth"
+    >
+      <el-flex align="center" justify="flex-start">
+        <el-tooltip class="box-item" :content="item.name" placement="top">
+          <el-text truncated style="cursor: pointer"
+            ><el-icons :model-value="getIcon(item.name)" style="margin-right: 5px"></el-icons
+            >{{ item.name }}</el-text
+          >
+        </el-tooltip>
+      </el-flex>
+    </el-flex>
+  </el-flex>
+  <el-upload
+    v-else
+    ref="ref_upload"
+    :file-list="uploadFilesList"
+    @success="success"
+    @remove="remove"
+    @preview="preview"
+    @error="error"
+    @exceed="exceed"
+    :before-upload="beforeUpload"
+    drag
+    :accept="getAccept"
+    :action="'/api/doc/uploadFile/' + business + '/' + businessId + '/' + association"
+    multiple
+    :limit="limit"
+    :headers="uploadHeaders"
+  >
+    <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+    <div class="el-upload__text">拖动文件或<em>点击上传</em></div>
+    <div class="el-upload__tip">最大上传文件大小{{ size }}MB</div>
+    <template #file="{ file }">
+      <el-flex
+        class="file-class"
+        @mousemove="mousemove(file.name)"
+        @mouseout="mouseout"
+        @click="preview(file)"
+        height="20px"
+        :width="itemWidth"
+      >
+        <el-flex align="center" justify="flex-start">
+          <el-tooltip class="box-item" :content="file.name" placement="top">
+            <el-text truncated style="cursor: pointer"
+              ><el-icons :model-value="getIcon(file.name)" style="margin-right: 5px"></el-icons
+              >{{ file.name }}</el-text
+            >
+          </el-tooltip>
+        </el-flex>
+        <el-flex align="center" justify="flex-end" width="50px">
+          <el-text v-if="!file?.businessId && file.percentage !== 100"
+            >{{ file.percentage }}%</el-text
+          >
+          <el-icons
+            v-if="file?.businessId || file.percentage === 100"
+            @click.prevent.stop="fileClick(file)"
+            :model-value="file.name === hoverfileName ? 'adtec-close' : 'adtec-success'"
+            style="color: var(--el-color-success); font-size: 14px"
+            :style="{
+              color:
+                file.name === hoverfileName ? 'var(--el-color-danger)' : 'var(--el-color-success)',
+            }"
+          ></el-icons>
+        </el-flex>
+      </el-flex>
+    </template>
+  </el-upload>
+</template>
+
+<script setup lang="ts">
+import { UploadFilled } from '@element-plus/icons-vue'
+import { computed, onMounted, ref } from 'vue'
+import { ElMessage, type UploadFile, type UploadFiles, type UploadUserFile } from 'element-plus'
+import type { ISysUploadFiles } from  '../../interface/ISysUploadFiles'
+//@ts-ignore
+import useFileView from  '../../hooks/useFileView.ts'
+import documentApi from '../../api/DocumentApi.ts'
+
+const { fileView: fileView } = useFileView()
+const uploadHeaders = ref({
+  Authorization: '',
+})
+const ref_upload = ref()
+const hoverfileName = ref('')
+const props = defineProps({
+  /**
+   * @description 上传文件数量
+   * @default 1
+   */
+  limit: {
+    type: Number,
+    default: 1,
+  },
+
+  /**
+   * @description 上传文件类型
+   * @default ''
+   * @type {'images'|'document'|'txt'|'pdf'|'word'|'excel'|'ppt'}
+   */
+  accept: {
+    type: String,
+    default: '',
+  },
+  /**
+   * @description 业务类型
+   * @default 'default'
+   */
+  business: {
+    type: String,
+    default: 'default',
+  },
+  /**
+   * @description 业务id
+   * @default ''
+   */
+  businessId: {
+    type: String,
+    default: 'default',
+  },
+  /**
+   * 文件列表
+   */
+  uploadFilesList: {
+    type: Array<ISysUploadFiles>,
+    default: () => [],
+  },
+  /**
+   * @description 是否编辑状态
+   * @default 'true'
+   * @type {true|false}
+   */
+  isEdlt: {
+    type: Boolean,
+    default: true,
+  },
+  /**
+   * @description 文档上传是否默认关联，默认不关联
+   * @default 'false'
+   * @type {true|false}
+   */
+  association: {
+    type: Boolean,
+    default: false,
+  },
+  size: {
+    type: Number,
+    default: 50,
+  },
+  //附件宽度
+  itemWidth: {
+    type: String,
+    default: '100%',
+  },
+})
+const mousemove = (fileName: string) => {
+  hoverfileName.value = fileName
+}
+const mouseout = () => {
+  hoverfileName.value = ''
+}
+const getAccept = computed(() => {
+  if (props.accept === 'images') {
+    return '.jpg,.jpeg,.png,.gif,.bmp,.JPG,.JPEG,.PBG,.GIF,.BMP'
+  } else if (props.accept === 'document') {
+    return '.txt,.pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx'
+  } else if (props.accept === 'txt') {
+    return '.txt'
+  } else if (props.accept === 'pdf') {
+    return '.pdf'
+  } else if (props.accept === 'word') {
+    return '.doc,.docx'
+  } else if (props.accept === 'excel') {
+    return '.xls,.xlsx'
+  } else if (props.accept === 'ppt') {
+    return '.ppt,.pptx'
+  } else {
+    return ''
+  }
+})
+const getIcon = (fileName: string) => {
+  const type: string = fileName.split('.').pop() + ''
+  if ('.jpg,.jpeg,.png,.gif,.bmp,.JPG,.JPEG,.PBG,.GIF,.BMP'.includes(type)) {
+    return 'adtec-image'
+  } else if ('txt'.includes(type)) {
+    return 'adtec-text'
+  } else if ('pdf'.includes(type)) {
+    return 'adtec-pdf'
+  } else if ('doc,docx'.includes(type)) {
+    return 'adtec-word'
+  } else if ('xls,xlsx'.includes(type)) {
+    return 'adtec-excel'
+  } else if ('ppt,pptx'.includes(type)) {
+    return 'adtec-ppt'
+  } else {
+    return 'adtec-text'
+  }
+}
+const success = (response: any, uploadFile: UploadFile, uploadFiles: UploadFiles) => {
+  if (response.code === '0') {
+    props.uploadFilesList.push(response.data as ISysUploadFiles)
+  } else {
+    ElMessage.error(response.msg)
+    ref_upload.value?.handleRemove(uploadFile)
+  }
+}
+const beforeUpload = (file: File) => {
+  const f = props.uploadFilesList.find((c) => c.name === file.name)
+  if (f) {
+    ElMessage.warning(file.name + ',文件已存在')
+    return false
+  } else if (file.size > props.size * 1024 * 1024) {
+    ElMessage.warning('文件大小不能超过' + props.size + 'MB')
+    return false
+  }
+  return true
+}
+const fileClick = (file: UploadFile) => {
+  if (file.name === hoverfileName.value) {
+    ref_upload.value?.handleRemove(file)
+  } else {
+    preview(file)
+  }
+}
+const exceed = (files: File[], uploadFiles: UploadUserFile[]) => {
+  ElMessage.warning('最多上传' + props.limit + '个文件,上传文件数量已达到限制')
+}
+const error = () => {
+  ElMessage.error('上传失败')
+}
+const preview = async (uploadFile: UploadFile) => {
+  console.log('preview', uploadFile)
+  const file = props.uploadFilesList.find((c) => c.name === uploadFile.name)
+  if (file) {
+    //if ((uploadFile.response as any).code === '0') {
+    // const data = (uploadFile.response as any).data as ISysUploadFiles
+    fileView(file.id)
+  }
+}
+const remove = async (file: UploadFile) => {
+  // if ((file.response as any).code === '0') {
+  // const data = (file.response as any).data as ISysUploadFiles
+  const find = props.uploadFilesList.find((c) => c.name === file.name)
+  if (find) {
+    try {
+      await documentApi.delSysUploadFile(find.id)
+      props.uploadFilesList.splice(props.uploadFilesList.indexOf(find), 1)
+    } catch (error: any) {
+      ElMessage.error(error.msg)
+    }
+  }
+  // }
+}
+onMounted(() => {
+  uploadHeaders.value.Authorization = sessionStorage.getItem('Authorization') + ''
+})
+</script>
+<style scoped lang="scss">
+.file-class {
+}
+.file-class :hover {
+  color: var(--el-color-primary);
+}
+:deep {
+  .el-icon--upload {
+    margin-bottom: 0;
+  }
+}
+</style>

package/src/components/upload/FileView.vue

@@ -0,0 +1,158 @@
+<!--创建人 丁盼-->
+<!--说明: 文件查看-->
+<!--创建时间: 2024/12/3 上午10:06-->
+<!--修改时间: 2024/12/3 上午10:06-->
+<template>
+  <!--  <el-dialog :title="title" v-model="model" @close="model = false" width="100%">-->
+  <Teleport to="body" v-if="model">
+    <div
+      style="
+        position: absolute;
+        z-index: 9999;
+        width: 100%;
+        height: 100%;
+        top: 0px;
+        background: rgb(0, 0, 0, 0.5);
+        text-align: center;
+        vertical-align: middle;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      "
+    >
+      <el-icon
+        @click="model = false"
+        style="
+          position: absolute;
+          top: 20px;
+          right: 20px;
+          font-size: 30px;
+          color: #fff;
+          cursor: pointer;
+        "
+        ><CircleClose
+      /></el-icon>
+
+      <DocumentEditor
+        id="docEditor"
+        :documentServerUrl="documentServerUrl"
+        :config="configcomp"
+        :events_onDocumentReady="onDocumentReady"
+        :onLoadComponentError="onLoadComponentError"
+      />
+    </div>
+  </Teleport>
+  <!--  </el-dialog>-->
+</template>
+<script setup lang="ts">
+import { DocumentEditor } from '@onlyoffice/document-editor-vue'
+import { computed, onBeforeMount, onMounted, ref } from 'vue'
+import { userInfoStore } from '../../stores/userInfoStore'
+import { useVModel } from '@vueuse/core'
+import { CircleClose } from '@element-plus/icons-vue'
+import { ElIcon } from 'element-plus'
+const userinfo = userInfoStore()
+const model = defineModel()
+const documentServerUrl = ref('')
+const documentServerCallbackUrl = ref('')
+// 定义Props类型
+const props = defineProps({
+  /**
+   * @default ''
+   * @description 文件标题
+   */
+  title: {
+    type: String,
+    default: '',
+  },
+  /**
+   * @default ''
+   * @description 文件Url地址
+   */
+  url: {
+    type: String,
+    default: '',
+  },
+  /**
+   * @default ''
+   * @description 文件id
+   */
+  fileId: {
+    type: String,
+    default: '',
+  },
+  /**
+   * @type {"view" | "edit"}
+   * @default ''
+   * @description 文件id
+   */
+  edit: {
+    type: String,
+    default: 'view',
+  },
+})
+const emit = defineEmits(['update:title', 'update:url', 'update:fileId', 'update:edit'])
+const title = useVModel(props, 'title', emit)
+const fileId = useVModel(props, 'fileId', emit)
+const url = useVModel(props, 'url', emit)
+const edit = useVModel(props, 'edit', emit)
+const getFileType = () => {
+  if ((url.value + '').indexOf('.docx') !== -1 || (url.value + '').indexOf('.doc') !== -1) {
+    return 'docx'
+  } else if ((url.value + '').indexOf('.pdf') !== -1) {
+    return 'pdf'
+  } else if ((url.value + '').indexOf('.xlsx') !== -1 || (url.value + '').indexOf('.xls') !== -1) {
+    return 'xlsx'
+  } else if ((url.value + '').indexOf('.pptx') !== -1 || (url.value + '').indexOf('.pptx') !== -1) {
+    return 'pptx'
+  }
+}
+const getDocumentType = () => {
+  if ((url.value + '').indexOf('.docx') !== -1 || (url.value + '').indexOf('.doc') !== -1) {
+    return 'word'
+  } else if ((url.value + '').indexOf('.pdf') !== -1) {
+    return 'pdf'
+  } else if ((url.value + '').indexOf('.xlsx') !== -1 || (url.value + '').indexOf('.xls') !== -1) {
+    return 'cell'
+  } else if ((url.value + '').indexOf('.pptx') !== -1 || (url.value + '').indexOf('.pptx') !== -1) {
+    return 'slide'
+  }
+}
+const configcomp = computed(() => {
+  return {
+    document: {
+      fileType: getFileType(),
+      title: title.value,
+      url: url.value + '',
+      permissions: {
+        download: false,
+        edit: true,
+      },
+    },
+    documentType: getDocumentType(),
+    editorConfig: {
+      callbackUrl: documentServerCallbackUrl.value + '?fileId=' + fileId.value,
+      lang: 'zh-CN',
+      mode: edit.value,
+      // customization: {
+      //   autosave: false,
+      // },
+      user: {
+        id: userinfo.getUserInfo.userCode,
+        name: userinfo.getUserInfo.userName,
+      },
+    },
+    height: '90%',
+    width: '90%',
+  }
+})
+const onDocumentReady = () => {}
+const onLoadComponentError = () => {}
+onBeforeMount(() => {
+  const config = JSON.parse(localStorage.getItem('systemConfig') + '')
+  documentServerUrl.value = config.documentServerUrl
+  documentServerCallbackUrl.value = config.documentServerCallbackUrl
+})
+onMounted(() => {})
+</script>
+<style scoped lang="scss"></style>

package/src/components/upload/FileViewComponents.vue

@@ -0,0 +1,57 @@
+<template>
+  <file-view
+    v-if="isVisible"
+    v-model="isVisible"
+    :title="fileTitle"
+    :url="viewUrl"
+    :fileId="fileId"
+    :edit="edit"
+  ></file-view>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+const isVisible = ref(false)
+//@ts-ignore
+import 'vue-img-viewr/styles/index.css'
+//@ts-ignore
+import ImgViewr, { showImages } from 'vue-img-viewr'
+import documentApi from '../../api/DocumentApi.ts'
+import { ElMessage } from 'element-plus'
+import framework from '../../api/framework.ts'
+import FileView from './FileView.vue'
+const fileTitle = ref('')
+const viewUrl = ref('')
+const fileId = ref('')
+const edit = ref('view')
+
+const viewFile = async (id: string) => {
+  //根据文件id获取文件信息
+  try {
+    const data = await documentApi.getUpLoadFilesVoById(id)
+    const data1 = await framework.getFileAccessAddress(data.id)
+    if ('.jpg,.jpeg,.png,.gif,.bmp,.JPG,.JPEG,.PBG,.GIF,.BMP'.includes(data.type)) {
+      showImages({
+        urls: [data1.url],
+        index: 0,
+      })
+    } else {
+      fileTitle.value = data.name
+      viewUrl.value = data1.url
+      fileId.value = data.id
+      isVisible.value = true
+    }
+  } catch (err: any) {
+    console.log(err)
+    ElMessage.error(err.msg)
+  }
+}
+
+defineExpose<{
+  viewFile: (id: string) => void
+}>({
+  viewFile,
+})
+</script>
+
+<style scoped></style>

package/src/hooks/useFileView.ts

@@ -0,0 +1,34 @@
+import { ref, onMounted, onUnmounted, createApp } from 'vue'
+import FileView from '../components/upload/FileViewComponents.vue'
+
+const useFileView = () => {
+  const ref_fileView = ref(null)
+
+  const fileView = (id: string) => {
+    if (ref_fileView.value) {
+      //@ts-ignore
+      ref_fileView.value?.viewFile(id)
+    }
+  }
+
+  onMounted(() => {
+    const container = document.createElement('div')
+    document.body.appendChild(container)
+    //@ts-ignore
+    ref_fileView.value = createApp(FileView).mount(container)
+    onUnmounted(() => {
+      try {
+        //@ts-ignore
+        ref_fileView?.value.$destroy()
+      } catch {
+        /* empty */
+      }
+      document.body.removeChild(container)
+    })
+  })
+  return {
+    fileView,
+  }
+}
+
+export default useFileView

package/src/hooks/useMessageHooks.ts

@@ -0,0 +1,132 @@
+/**
+ * Create by丁盼
+ * 说明: useMessageHooks
+ * 创建时间: 2024/9/3 下午5:27
+ * 修改时间: 2024/9/3 下午5:27
+ */
+//@ts-ignore
+import io from 'socket.io-client'
+import type { ISysMessageVo } from '../interface/Message'
+import { messageStore } from '../stores/messageStore'
+import { ElMessage, ElNotification } from 'element-plus'
+import { useEventBus } from '@vueuse/core'
+export default function useMessageHooks() {
+  // @ts-ignore
+  const connect = () => {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    window.socketIo.connect()
+  }
+  const bus = useEventBus<ISysMessageVo>('messageClick')
+  const message = messageStore()
+  const createSocket = () => {
+    const socket = io(import.meta.env.VITE_SOCKETIO_URL, {
+      query: {
+        token: sessionStorage.getItem('Authorization'),
+        refreshToken: sessionStorage.getItem('refreshToken'),
+        sessionId: sessionStorage.getItem('sessionId'),
+      },
+      path: '/socket.io/',
+      transports: ['websocket', 'polling'],
+      autoConnect: false,
+    })
+
+    const server_response = (res: any) => {}
+    socket.off('server_response', server_response)
+    socket.on('server_response', server_response)
+    const connect = () => {
+      message.clearSysMessage()
+      //连接成功 获取离线数据UserExpireMessageOnEvent
+      socket.emit('UserExpireMessageOnEvent')
+    }
+    socket.off('connect', connect)
+    socket.on('connect', connect)
+    socket.on('user_Offline', () => {
+      console.log('user offline')
+      ElMessage.warning('您已被强制下线,即将跳转至登录页,请重新登录')
+      setTimeout(() => {
+        window.location.href = '/'
+      }, 2000)
+    })
+
+    const message_accept = (res: ISysMessageVo) => {
+      // if (res.params) {
+      //   res.params = JSON.parse(res.params + '')
+      // }
+      let messageType = '通知'
+      if (res.messageType === 1) {
+        messageType = '消息'
+      } else if (res.messageType === 2) {
+        messageType = '待办'
+      }
+
+      const notif = ElNotification({
+        duration: 2000,
+        dangerouslyUseHTMLString: true,
+        onClick: () => {
+          bus.emit(res)
+          notif.close()
+        },
+        title: messageType,
+        message: res.title,
+      })
+      message.setSysMessage(res)
+    }
+    socket.off('message_accept', message_accept)
+    socket.on('message_accept', message_accept)
+    const expire_Message = (res: ISysMessageVo[]) => {
+      res.forEach((item) => {
+        message.setSysMessage(item)
+      })
+    }
+    socket.off('expire_Message', expire_Message)
+    socket.on('expire_Message', expire_Message)
+    //@ts-ignore
+    window.socketIo = socket
+  }
+  /**
+   * 接收方法注册
+   */
+  const registerResponseEvent = (eventName: string, event: Function) => {
+    //@ts-ignore
+    window.socketIo.on(eventName, event)
+  }
+  const close = () => {
+    //@ts-ignore
+    window.socketIo.close()
+    message.clearSysMessage()
+  }
+  /**
+   * 消息发送
+   * @param msg
+   */
+  const messageSend = (msg: ISysMessageVo) => {
+    //@ts-ignore
+    window.socketIo.emit('messageSend', JSON.stringify(msg))
+  }
+  /**
+   * 设置消息已读
+   * @constructor
+   */
+  const setMessageRead = (msg: ISysMessageVo) => {
+    //@ts-ignore
+    window.socketIo.emit('setMessageRead', JSON.stringify(msg))
+    message.setSysMessageStatus(msg)
+  }
+  const setMessageReadAll = () => {
+    message.getMessageList.forEach((item) => {
+      //@ts-ignore
+      window.socketIo.emit('setMessageRead', JSON.stringify(item))
+    })
+    message.clearSysMessage()
+  }
+  return {
+    close,
+    connect,
+    createSocket,
+    messageSend,
+    registerResponseEvent,
+    setMessageRead,
+    setMessageReadAll,
+  }
+}

package/src/hooks/useResetRefHooks.ts

@@ -0,0 +1,19 @@
+import { type Ref, ref } from 'vue'
+import { cloneDeep } from 'lodash-es'
+
+/**
+ * 创建人 胡啸东
+ * 说明: 用于重置对象
+ * 创建时间: 2024/12/18 下午3:57
+ * 修改时间: 2024/12/18 下午3:57
+ */
+
+export function useResetRefHooks<T>(value: T): [Ref<T>, () => void] {
+  const initValue = cloneDeep(value)
+  const state = ref(value)
+  const reset = () => {
+    state.value = cloneDeep(initValue)
+  }
+  //@ts-ignore
+  return [state, reset]
+}

package/src/interface/IUserPermissionVo.ts

@@ -0,0 +1,34 @@
+/**
+ * Create by丁盼
+ * 说明: IUserPermissionVo
+ * 创建时间: 2025/1/15 11:41
+ * 修改时间: 2025/1/15 11:41
+ */
+import type { ISysMenuInfoVo } from '../interface/ISysMenuInfoVo'
+export interface IUserPermissionVo {
+  id: string
+  /**
+   * 部门Id
+   */
+  orgId: string
+  /**
+   * 用户编码
+   */
+  userCode: string
+  /**
+   * 用户名称
+   */
+  userName: string
+  /**
+   * 用户类型
+   */
+  userType: string
+  email: string
+  phonenumber: string
+  sex: string
+  avatar: string
+  status: string
+  remark: string
+  menuList: ISysMenuInfoVo[]
+  menuTreeList: ISysMenuInfoVo[]
+}

package/src/interface/Message.ts

@@ -0,0 +1,69 @@
+/**
+ * Create by丁盼
+ * 说明: 消息接口
+ * 创建时间: 2024/9/4 上午11:30
+ * 修改时间: 2024/9/4 上午11:30
+ */
+
+import type { MessageViewType, MessageType } from '../interface/enum/MessageEnum.ts'
+
+/**
+ * 消息参数接口
+ */
+export interface IParameter {
+  code: string
+  value: any
+}
+/**
+ * 消息发送接口
+ */
+export interface ISysMessageVo {
+  id?: string
+  /**
+   * 当前用户Id
+   */
+  userId: string
+  /**
+   * 当前用户
+   */
+  userName: string
+  /**
+   * 消息内容
+   */
+  content: string
+  /**
+   * 消息标题
+   */
+  title: string
+  /**
+   * 消息类型
+   */
+  messageType: MessageType
+  /**
+   * 消息参数
+   */
+  params?: IParameter[]
+  /**
+   * 消息查看方式
+   */
+  viewType: MessageViewType
+  /**
+   * 消息链接
+   */
+  linkModelPath: string
+  /**
+   * 消息接收人
+   */
+  receiveUserIds: string[]
+  /**
+   * 自定义接收方法名
+   */
+  eventName?: string
+  /**
+   * 过期时间，默认7天
+   */
+  expireTime?: number
+  createTime?: Date
+  receiveId?: string
+  receiveState?: number
+}

package/src/interface/enum/FlexEnum.ts

@@ -7,7 +7,7 @@
 /**
  * flex横向布局枚举
  */
-export enum justifyContentEnum {
+export  enum justifyContentEnum {
   /**
    * 子元素在容器内左对齐
    */

package/src/interface/enum/MessageEnum.ts

@@ -0,0 +1,41 @@
+/**
+ * Create by丁盼
+ * 说明: 消息枚举定义
+ * 创建时间: 2024/9/4 上午11:36
+ * 修改时间: 2024/9/4 上午11:36
+ */
+/**
+ * 消息查看类型
+ */
+export enum MessageViewType {
+  /**
+   * 默认
+   */
+  default = 0,
+  /**
+   * 打开dialog
+   */
+  form = 1,
+  /**
+   * 打开菜单
+   */
+  menu = 2,
+}
+
+/**
+ * 消息类型
+ */
+export enum MessageType {
+  /**
+   * 通知
+   */
+  notice = 0,
+  /**
+   * 消息
+   */
+  message = 1,
+  /**
+   * 待办
+   */
+  toDo = 2,
+}

package/src/stores/messageStore.ts

@@ -0,0 +1,49 @@
+import { defineStore } from 'pinia'
+import type { ISysMessageVo } from '../interface/Message.ts'
+
+/**
+ * Create by丁盼
+ * 说明: 用户消息Store
+ * 创建时间: 2024/9/4 下午4:25
+ * 修改时间: 2024/9/4 下午4:25
+ */
+export const messageStore = defineStore({
+  id: 'messageStore',
+  state: () => ({
+    //@ts-ignore
+    messageList: [] as ISysMessageVo[],
+  }),
+  getters: {
+    /**
+     * 获取用户消息
+     */
+    getMessageList(): ISysMessageVo[] {
+      return this.messageList
+    },
+  },
+  actions: {
+    /**
+     * 设置系统消息
+     * @param sysMessage
+     */
+    setSysMessage(sysMessage: ISysMessageVo) {
+      this.messageList.unshift(sysMessage)
+    },
+    /**
+     * 清空消息
+     */
+    clearSysMessage() {
+      this.messageList = []
+    },
+    /**
+     * 设置消息状态
+     * @param sysMessage
+     */
+    setSysMessageStatus(sysMessage: ISysMessageVo) {
+      const index = this.messageList.findIndex((item) => item.id === sysMessage.id)
+      if (index !== -1) {
+        this.messageList.splice(index, 1)
+      }
+    },
+  },
+})

package/src/stores/storeConfig.ts

@@ -0,0 +1,22 @@
+import { createPinia } from 'pinia'
+import { storePlugin } from 'pinia-plugin-store'
+import Utf8 from 'crypto-js/enc-utf8'
+import Base64 from 'crypto-js/enc-base64'
+const store = createPinia()
+function encrypt(value: string): string {
+  return Base64.stringify(Utf8.parse(value))
+}
+function decrypt(value: string): string {
+  return Base64.parse(value).toString(Utf8)
+}
+
+const plugin = storePlugin({
+  stores: ['userInfoStore','messageStore'],
+  // use alone storage
+  // stores: [{name:'theme_store',storage: localStorage}]
+  storage: sessionStorage, //default storage
+  encrypt,
+  decrypt
+})
+store.use(plugin)
+export default store

package/src/stores/userInfoStore.ts

@@ -0,0 +1,31 @@
+/**
+ * Create by丁盼
+ * 说明: userInfoStore
+ * 创建时间: 2025/1/15 11:40
+ * 修改时间: 2025/1/15 11:40
+ */
+import { defineStore } from 'pinia'
+import type { IUserPermissionVo } from '../interface/IUserPermissionVo'
+
+export const userInfoStore = defineStore({
+  id: 'userInfoStore',
+  state: () => ({
+    //@ts-ignore
+    user: null as IUserPermissionVo
+  }),
+  getters: {
+    getUserInfo(): IUserPermissionVo {
+      return this.user as IUserPermissionVo
+    }
+  },
+  actions: {
+    setUserInfo(userInfo: IUserPermissionVo) {
+      //@ts-ignore
+      this.user = userInfo
+    },
+    clear() {
+      //@ts-ignore
+      this.user = null
+    }
+  }
+})

package/src/stores/counter.ts

@@ -1,12 +0,0 @@
-import { ref, computed } from 'vue'
-import { defineStore } from 'pinia'
-
-export const useCounterStore = defineStore('counter', () => {
-  const count = ref(0)
-  const doubleCount = computed(() => count.value * 2)
-  function increment() {
-    count.value++
-  }
-
-  return { count, doubleCount, increment }
-})