From a7acd273c2f25b3a91d31ad7c69d49cbf56d272c Mon Sep 17 00:00:00 2001
From: shenhan <shenhanfly@163.com>
Date: Sun, 2 Feb 2025 21:18:39 +0800
Subject: [PATCH 1/4] update

---
 .vscode/settings.json                 |    3 +-
 app/api/common.ts                     |   15 +-
 app/assets/img/alipay.png             |  Bin 0 -> 293 bytes
 app/assets/img/heart.png              |  Bin 0 -> 279 bytes
 app/components.d.ts                   |   21 +
 app/components/Authentication.vue     |  141 ++
 app/components/EditUserInfo.vue       |  166 ++
 app/components/GlobalConfig.vue       |   26 +-
 app/components/Header.vue             |  231 ++
 app/components/HeaderSearchInput.vue  |   50 +
 app/components/LoginModal.vue         |  168 +-
 app/components/Payment.vue            |  168 ++
 app/components/PersonalCenterCard.vue |  278 +++
 app/components/ScrollListView.vue     |  206 ++
 app/components/WechatLoginQr.vue      |  105 +-
 app/constants/index.ts                |    2 +
 app/layouts/default.vue               |  243 +--
 app/layouts/header.vue                |  226 +-
 app/layouts/home.vue                  |  124 --
 app/middleware/auth.global.ts         |   25 +-
 app/pages/index.vue                   |    8 +-
 app/pages/member-center/index.vue     |  368 +++-
 app/pages/model-details/[id].vue      |   33 +
 app/pages/model-square.vue            |   39 +-
 app/pages/personal-center/index.vue   |  462 ++++
 app/pages/publish-model/index.vue     |  177 ++
 app/pages/publish-workflow/index.vue  |  182 ++
 app/pages/publishDetails/[id].vue     |   48 -
 app/pages/workflow-details/[id].vue   |  290 +++
 app/plugins/naive-ui.ts               |   38 +-
 app/plugins/pinia.ts                  |    6 +
 app/stores/menu.ts                    |   23 +-
 app/stores/modal.ts                   |    9 +-
 app/stores/user.ts                    |   55 +-
 app/utils/index.ts                    |    7 +
 app/utils/request.ts                  |   58 +-
 app/utils/uploadImg.ts                |   37 +
 assets/img/alipay.png                 |  Bin 0 -> 293 bytes
 assets/img/default-avatar.png         |  Bin 0 -> 20726 bytes
 assets/img/heart.png                  |  Bin 0 -> 279 bytes
 assets/img/phone.png                  |  Bin 0 -> 783 bytes
 assets/img/wechat.png                 |  Bin 0 -> 860 bytes
 assets/scss/_tailwind.scss            |    9 +
 assets/scss/_variables.scss           |    8 +
 assets/scss/main.scss                 |   26 +
 eslint.config.js                      |    1 -
 nuxt.config.ts                        |   78 +-
 package.json                          |   23 +-
 pnpm-lock.yaml                        | 2829 ++++++++++---------------
 tailwind.config.js                    |   43 +-
 tsconfig.json                         |    3 +
 51 files changed, 4393 insertions(+), 2665 deletions(-)
 create mode 100644 app/assets/img/alipay.png
 create mode 100644 app/assets/img/heart.png
 create mode 100644 app/components/Authentication.vue
 create mode 100644 app/components/EditUserInfo.vue
 create mode 100644 app/components/Header.vue
 create mode 100644 app/components/HeaderSearchInput.vue
 create mode 100644 app/components/Payment.vue
 create mode 100644 app/components/PersonalCenterCard.vue
 create mode 100644 app/components/ScrollListView.vue
 create mode 100644 app/pages/model-details/[id].vue
 create mode 100644 app/pages/personal-center/index.vue
 create mode 100644 app/pages/publish-model/index.vue
 create mode 100644 app/pages/publish-workflow/index.vue
 delete mode 100644 app/pages/publishDetails/[id].vue
 create mode 100644 app/pages/workflow-details/[id].vue
 create mode 100644 app/plugins/pinia.ts
 create mode 100644 app/utils/index.ts
 create mode 100644 app/utils/uploadImg.ts
 create mode 100644 assets/img/alipay.png
 create mode 100644 assets/img/default-avatar.png
 create mode 100644 assets/img/heart.png
 create mode 100644 assets/img/phone.png
 create mode 100644 assets/img/wechat.png
 create mode 100644 assets/scss/_tailwind.scss
 create mode 100644 assets/scss/_variables.scss
 create mode 100644 assets/scss/main.scss

diff --git a/.vscode/settings.json b/.vscode/settings.json
index e099f81..4393ffe 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -41,5 +41,6 @@
   ],
   "interline-translate.knownPopularWordCount": 6000,
   "iconify.annotations": true,
-  "iconify.inplace": true
+  "iconify.inplace": true,
+  "vue3snippets.enable-compile-vue-file-on-did-save-code": false
 }
diff --git a/app/api/common.ts b/app/api/common.ts
index 1eb8954..adafe81 100644
--- a/app/api/common.ts
+++ b/app/api/common.ts
@@ -1,6 +1,6 @@
+import type { ApiResponse, PaginationParams, PaginationResponse } from '~/types/api'
 // api/common.ts
 import request from '~/utils/request'
-import type { ApiResponse, PaginationParams, PaginationResponse } from '~/types/api'
 
 export const commonApi = {
   // 上传文件
@@ -9,13 +9,18 @@ export const commonApi = {
     formData.append('file', file)
     return request.post<ApiResponse<{ url: string }>>('/upload', formData, {
       headers: {
-        'Content-Type': 'multipart/form-data'
-      }
+        'Content-Type': 'multipart/form-data',
+      },
     })
   },
 
   // 获取配置信息
   getConfig() {
     return request.get<ApiResponse<Record<string, any>>>('/config')
-  }
-}
\ No newline at end of file
+  },
+
+  // 获取用户字典
+  dictType(query: any) {
+    return request.get<ApiResponse<Record<string, any>>>(`/system/dict/data/type/${query.type}`)
+  },
+}
diff --git a/app/assets/img/alipay.png b/app/assets/img/alipay.png
new file mode 100644
index 0000000000000000000000000000000000000000..eb73f6238d86546152c03f3e341a9933880bfcc4
GIT binary patch
literal 293
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`jKx9jP7LeL$-D$|?t8j8hFJKo
z4L&H?Y``;lw{zm0Luv+|i9$D8O6FXWEjaJ#<HTWmYjym|*fk!Td?rXe=X6LtpWeOG
zJ-V#r;myVub=&kS(>WfWX+P`hIPc-Z+4jsGdNF5Ct=PNk^M|fKk*gw#`WzWDx~z;M
z3(eD(Gq9cMU!$IT^C{1L=9YIKCd=PUXHatw_x=+7);qO!Vs%<lU!y7iji-+FVFA-;
zM$1_7JD7H;`eaJ+9`Q(AB<y*BsUhI5+9h*$PhUySm!Z=u7VJv?yK~0sl-=Cb$tLW}
pr+G8%yYKR~acBAIPq*Eo`tP-dw$}KD&jtCL!PC{xWt~$(69A7Qcm@Cf

literal 0
HcmV?d00001

diff --git a/app/assets/img/heart.png b/app/assets/img/heart.png
new file mode 100644
index 0000000000000000000000000000000000000000..e1c3a21ac7964dc9c73438e4dea03a610bdeeb80
GIT binary patch
literal 279
zcmV+y0qFjTP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px#(Md!>R5(wilRXxLAP|I^^GItQa}--I5pxM!j}onI^*oz5{5@1iFtPCgyC2Lj
zK>hh4?ia25XgpzECyv9s$V~xHKhHG-Fa;uy#9<}{%*i$2P7p-vMv1(Nl+?9S%Mwbl
zZGco2o0}p)*V(dRuz$+A1YpwvLVy(Q?u#gckhbNF@gQelnmdkGg7xADK#b*0e7VNF
zI-7?+1nH6#*BpZ6w<&@|%_o49lMj|l-_C}VNS97V+Xsx1-n{|ew|h)Sm<bs$)2y7E
d9|0u+djs64WBZ0#!2SRL002ovPDHLkV1iSEaSQ+e

literal 0
HcmV?d00001

diff --git a/app/components.d.ts b/app/components.d.ts
index f3bfd85..c31e69f 100644
--- a/app/components.d.ts
+++ b/app/components.d.ts
@@ -7,20 +7,41 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
+    NAtePicker: typeof import('naive-ui')['NAtePicker']
     NAvatar: typeof import('naive-ui')['NAvatar']
     NBadge: typeof import('naive-ui')['NBadge']
     NButton: typeof import('naive-ui')['NButton']
+    NCard: typeof import('naive-ui')['NCard']
+    NCheckbox: typeof import('naive-ui')['NCheckbox']
+    NCheckboxGroup: typeof import('naive-ui')['NCheckboxGroup']
+    NConfigProvider: typeof import('naive-ui')['NConfigProvider']
+    NDatePicker: typeof import('naive-ui')['NDatePicker']
     NDropdown: typeof import('naive-ui')['NDropdown']
     NForm: typeof import('naive-ui')['NForm']
     NFormItem: typeof import('naive-ui')['NFormItem']
+    NFormItemGi: typeof import('naive-ui')['NFormItemGi']
     NFormTtem: typeof import('naive-ui')['NFormTtem']
+    NGrid: typeof import('naive-ui')['NGrid']
     NIcon: typeof import('naive-ui')['NIcon']
     NInput: typeof import('naive-ui')['NInput']
     NInputgroup: typeof import('naive-ui')['NInputgroup']
     NInputGroup: typeof import('naive-ui')['NInputGroup']
+    NInputNumber: typeof import('naive-ui')['NInputNumber']
+    NMessageProvider: typeof import('naive-ui')['NMessageProvider']
     NModal: typeof import('naive-ui')['NModal']
     NQrCode: typeof import('naive-ui')['NQrCode']
+    NRadio: typeof import('naive-ui')['NRadio']
+    NRadioButton: typeof import('naive-ui')['NRadioButton']
+    NRadioGroup: typeof import('naive-ui')['NRadioGroup']
+    NSelect: typeof import('naive-ui')['NSelect']
+    NSlider: typeof import('naive-ui')['NSlider']
     NSpace: typeof import('naive-ui')['NSpace']
+    NSwitch: typeof import('naive-ui')['NSwitch']
+    NTabPane: typeof import('naive-ui')['NTabPane']
+    NTabs: typeof import('naive-ui')['NTabs']
+    NTimePicker: typeof import('naive-ui')['NTimePicker']
+    NTooltip: typeof import('naive-ui')['NTooltip']
+    NTransfer: typeof import('naive-ui')['NTransfer']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
   }
diff --git a/app/components/Authentication.vue b/app/components/Authentication.vue
new file mode 100644
index 0000000..4a70a27
--- /dev/null
+++ b/app/components/Authentication.vue
@@ -0,0 +1,141 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+const message = useMessage()
+const userStore = useUserStore()
+const userInfo = userStore.userInfo
+const rules = ref({
+    name: [
+        { 
+          required: true,
+          validator( value: string) {
+            if (!value) {
+              return new Error('请填写姓名')
+            }
+            else if (!/^(?:[\u4e00-\u9fa5·]{2,16})$/.test(value)) {
+              return new Error('输入正确的姓名')
+            }
+            return true
+          },
+          trigger:'blur'
+        },
+  ],
+  idCard: [
+    { 
+        required: true,
+          validator( value: string) {
+            if (!value) {
+              return new Error('请填身份证号')
+            }
+            else if (!/(^\d{8}(0\d|10|11|12)([0-2]\d|30|31)\d{3}$)|(^\d{6}(18|19|20)\d{2}(0\d|10|11|12)([0-2]\d|30|31)\d{3}(\d|X|x)$)/.test(value)) {
+              return new Error('输入正确的身份证号')
+            }
+            return true
+          },
+          trigger:'blur'
+    },
+  ],
+})
+
+const ruleForm = ref({
+    name: '',
+    idCard:'',
+    userId: userInfo.userId
+})
+const formRef = ref(null)
+const saveInfo = async(e: MouseEvent) => {
+    e.preventDefault()
+    formRef.value?.validate(async(errors) => {
+        if (!errors) {
+            // try{
+            //     const res = await request.post('/system/user/updateIdCard',ruleForm.value)
+            //     if(res.code === 200){
+            //         const data = await userStore.getUserInfo()
+            //         message.success('认证成功')
+            //         ruleForm.value.name = ''
+            //         ruleForm.value.idCard = ''
+            //         onCloseModel()
+            //     }
+            // }catch(err) {
+            //     console.log('err',err)
+            // }
+            const res = await request.post('/system/user/updateIdCard',ruleForm.value)
+            const data = await userStore.getUserInfo()
+            isVisible.value = false
+        }
+        else {
+        }
+    })
+}
+
+const isVisible = ref(false)
+function onCloseModel() {
+  isVisible.value = false
+   ruleForm.value.name = ''
+    ruleForm.value.idCard = ''
+}
+defineExpose({
+  isVisible,
+})
+// 生命周期钩子
+onMounted(() => {
+  // initFormData()
+})
+</script>
+
+<template>
+  <NModal
+    v-model:show="isVisible"
+    :on-after-leave="onCloseModel"
+    preset="card"
+    style="width: 400px"
+    :mask-closable="false"
+  >
+    <n-form ref="formRef" :model="ruleForm" :rules="rules">
+      <n-form-item path="name" label="姓名">
+        <n-input placeholder="请输入姓名" v-model:value="ruleForm.name" @keydown.enter.prevent />
+      </n-form-item>
+      <n-form-item path="idCard" label="身份证号">
+        <n-input placeholder="请输入身份证号" v-model:value="ruleForm.idCard" @keydown.enter.prevent />
+      </n-form-item>
+    </n-form>
+    <div class="flex justify-center items-center ">
+      <button class="w-1/2 flex justify-center mx-1 bg-[#213df5] py-3 rounded-lg align-middle color-[#fff] border-0 cursor-pointer" @click="saveInfo">
+        实名认证
+    </button>
+    </div>
+  </NModal>
+</template>
+
+<style scoped>
+.form {
+  /* cursor: pointer; */
+  margin-top: 20px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.form-item {
+  margin-bottom: 10px;
+}
+
+.form-item label {
+  display: block;
+  margin-bottom: 5px;
+}
+
+.form-item input {
+  width: 200px;
+  padding: 5px;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+}
+
+.form-item button {
+  padding: 5px 10px;
+  background-color: #007bff;
+  color: #fff;
+  border: none;
+}
+</style>
diff --git a/app/components/EditUserInfo.vue b/app/components/EditUserInfo.vue
new file mode 100644
index 0000000..280ef23
--- /dev/null
+++ b/app/components/EditUserInfo.vue
@@ -0,0 +1,166 @@
+<script setup lang="ts">
+import defaultAvatar from '@/assets/img/default-avatar.png'
+import { ref } from 'vue'
+import { uploadImagesInBatches } from '../utils/uploadImg.ts'
+
+const userStore = useUserStore()
+const userInfo = userStore.userInfo
+const message = useMessage()
+
+const ruleForm = ref({})
+function onShowModel() {
+  ruleForm.value.nickName = userInfo.nickName
+  ruleForm.value.avatar = userInfo.avatar
+  ruleForm.value.brief = userInfo.brief
+  ruleForm.value.userId = userInfo.userId
+}
+
+const rules = ref({
+  nickName: [
+    { required: true, message: '请输入用户名', trigger: 'blur' },
+    { min: 3, max: 12, message: '长度在 3 到 12 个字符', trigger: 'blur' },
+  ],
+})
+// 文件输入引用
+const pictureInput = ref<HTMLInputElement | null>(null)
+function handlePictureInput() {
+  pictureInput.value?.click()
+}
+
+// 处理图片上传
+async function handlePictureChange(event: Event) {
+  const files = (event.target as HTMLInputElement).files
+  if (!files || files.length === 0)
+    return
+
+  if (files.length > 1) {
+    message.error('只能选择 1 张图片')
+    return
+  }
+
+  const imageFiles = Array.from(files).filter(file => file.type.startsWith('image/'))
+  if (imageFiles.length === 0) {
+    message.error('请选择有效的图片文件')
+    return
+  }
+
+  try {
+    const pictureResultList = await uploadImagesInBatches(imageFiles)
+    event.target.value = ''
+    ruleForm.value.avatar = pictureResultList[0]
+  }
+  catch (error) {
+    message.error('图片上传失败')
+  }
+}
+
+async function saveInfo() {
+  const res = await request.post('/system/user/updateUserInfo', ruleForm.value)
+  const data = await userStore.getUserInfo()
+  onCloseModel()
+}
+
+const isVisible = ref(false)
+function onCloseModel() {
+  isVisible.value = false
+}
+defineExpose({
+  isVisible,
+})
+// 生命周期钩子
+onMounted(() => {
+  // initFormData()
+})
+</script>
+
+<template>
+  <NModal
+    v-model:show="isVisible"
+    :on-after-leave="onCloseModel"
+    :on-after-enter="onShowModel"
+    preset="card"
+    style="width: 400px"
+    :mask-closable="false"
+  >
+    <div class="rounded-full flex justify-center overflow-hidden mb-4">
+      <img class="block w-[60px] h-[60px] rounded-full" :src="ruleForm.avatar || defaultAvatar" alt="编辑">
+    </div>
+    <div class="flex justify-center mb-2">
+      <button class="cursor-pointer text-center text-base text-[#222] dark:text-[#fff] dark:border-[#AABEFF1A] border-0  bg-[#F1F2F8] hover:bg-[#ECEEF5] dark:bg-[#1C1D29] dark:hover:bg-[#2A2D3D]  font-medium leading-[3rem] w-[116px] h-12 rounded-lg" @click="handlePictureInput">
+        更换头像
+      </button>
+      <input
+        ref="pictureInput"
+        type="file"
+        accept="image/*"
+        class="hidden"
+        @change="handlePictureChange"
+      >
+    </div>
+    <n-form ref="formRef" :model="ruleForm" :rules="rules">
+      <n-form-item path="nickName" label="用户名">
+        <n-input v-model:value="ruleForm.nickName" placeholder="请输入用户名" @keydown.enter.prevent />
+      </n-form-item>
+      <n-form-item label="简介" path="textareaValue">
+        <n-input
+          v-model:value="ruleForm.brief"
+          placeholder="请输入简介"
+          type="textarea"
+          :autosize="{
+            minRows: 3,
+            maxRows: 5,
+          }"
+        />
+      </n-form-item>
+    </n-form>
+    <div class="flex justify-center items-center ">
+      <button class="w-1/2 flex justify-center mx-1 bg-[#f1f2f2] py-3 rounded-lg align-middle border-0 cursor-pointer" @click="onCloseModel">
+        暂不修改
+      </button>
+      <!-- <div class="w-1/2 flex justify-center mx-1 bg-[#f1f2f2] py-3 rounded-lg align-middle">
+      暂不修改
+      </div> -->
+
+      <button class="w-1/2 flex justify-center mx-1 bg-[#213df5] py-3 rounded-lg align-middle color-[#fff] border-0 cursor-pointer" @click="saveInfo">
+        确定修改
+      </button>
+      <!-- <div class="w-1/2 flex justify-center mx-1 bg-[#213df5] py-3 rounded-lg align-middle color-[#fff]">
+        确定修改
+      </div> -->
+    </div>
+  </NModal>
+</template>
+
+<style scoped>
+.form {
+  /* cursor: pointer; */
+  margin-top: 20px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.form-item {
+  margin-bottom: 10px;
+}
+
+.form-item label {
+  display: block;
+  margin-bottom: 5px;
+}
+
+.form-item input {
+  width: 200px;
+  padding: 5px;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+}
+
+.form-item button {
+  padding: 5px 10px;
+  background-color: #007bff;
+  color: #fff;
+  border: none;
+}
+</style>
diff --git a/app/components/GlobalConfig.vue b/app/components/GlobalConfig.vue
index 244355f..f58ec3e 100644
--- a/app/components/GlobalConfig.vue
+++ b/app/components/GlobalConfig.vue
@@ -1,18 +1,18 @@
-<template>
-  <n-config-provider :theme="theme" :theme-overrides="themeOverrides">
-    <n-message-provider>
-      <slot></slot>
-    </n-message-provider>
-  </n-config-provider>
-</template>
-
 <script setup lang="ts">
-import { darkTheme, NConfigProvider, NMessageProvider } from 'naive-ui';
-const theme = darkTheme
+import { darkTheme, NConfigProvider, NMessageProvider } from 'naive-ui'
+
 // 可以根据需要配置主题
 const themeOverrides = {
   common: {
-    primaryColor: '#18a058'
-  }
+    primaryColor: '#18a058',
+  },
 }
-</script>
\ No newline at end of file
+</script>
+
+<template>
+  <NConfigProvider :theme-overrides="themeOverrides">
+    <NMessageProvider>
+      <slot />
+    </NMessageProvider>
+  </NConfigProvider>
+</template>
diff --git a/app/components/Header.vue b/app/components/Header.vue
new file mode 100644
index 0000000..6b56140
--- /dev/null
+++ b/app/components/Header.vue
@@ -0,0 +1,231 @@
+<script setup lang="ts">
+import defaultAvatar from '@/assets/img/default-avatar.png'
+import {
+  Bell,
+  CirclePlus,
+  GraduationCap,
+  HardDriveUpload,
+  Image,
+  Monitor,
+  Workflow,
+} from 'lucide-vue-next'
+// import { AtCircle } from '@vicons/ionicons5'
+import { NIcon } from 'naive-ui'
+
+import { onMounted, ref } from 'vue'
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+const userStore = useUserStore()
+const modalStore = useModalStore()
+
+// 输入框搜索
+const searchText = ref('')
+function onSearch(value: any) {
+  console.log('搜索:', value)
+  // 执行搜索逻辑
+}
+
+// 用户下拉选项
+const notificationOptions = [
+  {
+    label: '系统通知',
+    key: 'system',
+  },
+  {
+    label: '互动消息',
+    key: 'interaction',
+  },
+]
+function renderIcon(icon: Component) {
+  return () => {
+    return h(NIcon, null, {
+      default: () => h(icon),
+    })
+  }
+}
+// 发布下拉选项
+const publishOptions = [
+  {
+    label: '模型',
+    key: 'publish-model',
+    icon: renderIcon(HardDriveUpload),
+  },
+  {
+    label: '图片',
+    key: 'picture',
+    icon: renderIcon(Image),
+  },
+  {
+    label: '工作流',
+    key: 'publish-workflow',
+    icon: renderIcon(Workflow),
+  },
+]
+const userOptions = ref([
+  {
+    label: '我的模型',
+    key: 'model',
+  },
+  {
+    label: '我的作品',
+    key: 'project',
+  },
+  {
+    label: '我的点赞',
+    key: 'like',
+  },
+  {
+    label: '账号设置',
+    key: 'userSettings',
+  },
+  {
+    label: '退出登录',
+    key: 'logout',
+  },
+])
+
+// 用户下拉选项
+async function handleUserSelect(key: string) {
+  if (key === 'logout') {
+    try {
+      await request.post('/logout')
+      userStore.logout()
+      navigateTo('/model-square')
+    }
+    catch (error) {
+      console.error('Logout failed:', error)
+    }
+  }
+}
+// 发布下拉选项
+async function handlePublishSelect(key: string) {
+  if (key === 'picture') {
+    debugger
+  }
+  else {
+    router.push({
+      path: `/${key}`,
+    })
+  }
+}
+
+function handleLogin() {
+  modalStore.showLoginModal()
+}
+onMounted(() => {
+})
+</script>
+
+<template>
+  <div>
+    <header
+      class="sticky top-0 z-50 flex h-12 items-center justify-between border-b border-gray-100 bg-white/80 px-6 backdrop-blur dark:border-dark-700 dark:bg-dark-800/80"
+    >
+      <div class="flex items-center gap-6">
+        <!-- Logo 区域调整 -->
+        <div class="flex min-w-[130px] items-center gap-3 pr-4">
+          <div class="flex items-center gap-2">
+            <NuxtLink to="/" class="text-xl font-semibold tracking-tight no-underline">
+              <!-- <img src="/vite.png" alt="Logo" class="h-9 w-9" /> -->
+              魔创未来
+            </NuxtLink>
+            <!-- <span class="text-xl font-semibold tracking-tight">魔创未来</span> -->
+          </div>
+        </div>
+
+        <!-- <HeaderSearchInput /> -->
+        <HeaderSearchInput
+          v-model="searchText"
+          @search="onSearch"
+        />
+        <!-- Search -->
+        <!-- <n-input class="w-[580px]" size="large" placeholder="搜索模型/图片/创作者寻找灵感" round  /> -->
+        <!-- <NInput
+          round
+          clearable
+          placeholder="搜索模型/图片/创作者寻找灵感"
+          class="w-[580px]"
+        >
+          <template #prefix>
+            <Search class="h-4 w-4 text-gray-400" />
+          </template>
+        </NInput> -->
+      </div>
+
+      <!-- Right Actions -->
+      <NSpace align="center" :size="24">
+        <!-- PC Client -->
+        <NButton text class="header-btn-primary">
+          <Monitor class="h-4 w-4 mr-1" />
+          <span>PC客户端</span>
+        </NButton>
+
+        <!-- Tutorials -->
+        <NButton text class="header-btn">
+          <GraduationCap class="h-4 w-4 mr-1" />
+          <span>教程专区</span>
+        </NButton>
+
+        <NDropdown
+          :options="publishOptions"
+          trigger="hover"
+          :on-select="handlePublishSelect"
+        >
+          <NButton text class="header-btn">
+            <CirclePlus class="h-4 w-4 mr-1" />
+            <span>发布</span>
+          </NButton>
+        </NDropdown>
+
+        <!-- Notifications -->
+        <NDropdown :options="notificationOptions" trigger="click">
+          <NBadge :value="5" :max="99" processing>
+            <NButton text circle>
+              <Bell class="h-5 w-5 mr-1" />
+            </NButton>
+          </NBadge>
+        </NDropdown>
+
+        <!-- User -->
+        <div class="min-w-10">
+          <client-only>
+            <NDropdown
+              v-if="userStore.token"
+              :options="userOptions"
+              :on-select="handleUserSelect"
+              trigger="hover"
+            >
+              <NAvatar
+                class="cursor-pointer w-10 h-10"
+                round
+                size="small"
+                :src="
+                  userStore.userInfo && userStore.userInfo.avatar
+                    ? userStore.userInfo.avatar
+                    : defaultAvatar
+                "
+              />
+            </NDropdown>
+            <div
+              v-if="!userStore.token"
+              class="flex text-white bg-[#197dff] rounded-[4px] px-4 py-2 text-xs cursor-pointer hover:bg-[#1a6eff]"
+              @click="handleLogin"
+            >
+              登录/注册
+            </div>
+          </client-only>
+        </div>
+      </NSpace>
+    </header>
+  </div>
+</template>
+
+<style scoped>
+  .header-btn-primary {
+  @apply border border-solid border-[#3162ff] px-1 py-1 text-[#3162ff] rounded-md  hover:text-[#3162ff];
+}
+.header-btn {
+  @apply bg-[#f1f1f7] font-bold px-2 py-2 rounded flex items-center hover:text-black hover:bg-[#f1f1f7];
+}
+</style>
diff --git a/app/components/HeaderSearchInput.vue b/app/components/HeaderSearchInput.vue
new file mode 100644
index 0000000..493b19a
--- /dev/null
+++ b/app/components/HeaderSearchInput.vue
@@ -0,0 +1,50 @@
+<!-- components/SearchInput.vue -->
+<script setup>
+import { CloseCircle } from '@vicons/ionicons5'
+import {
+  Camera,
+  Search,
+} from 'lucide-vue-next'
+
+const props = defineProps({
+  modelValue: {
+    type: String,
+    default: '',
+  },
+})
+
+const emit = defineEmits(['update:modelValue', 'search'])
+
+function handleSearch() {
+  if (props.modelValue) {
+    emit('search', props.modelValue)
+  }
+}
+function clearInput() {
+  emit('update:modelValue', '')
+}
+</script>
+
+<template>
+  <div class="relative flex items-center bg-[#f1f2f7] rounded-md px-2 py-2">
+    <input
+      type="text"
+      :value="modelValue"
+      placeholder="搜索模型/图片/创作者寻找灵感"
+      class="w-[280px] h-4 bg-[#f1f2f7] rounded-md border-0 outline-none text-gray-800 text-[12px] placeholder:text-gray-400"
+      @input="$emit('update:modelValue', $event.target.value)"
+      @keyup.enter="handleSearch"
+    >
+    <div class="flex items-center w-5 mr-2">
+      <n-icon v-if="modelValue" size="20" class="cursor-pointer" @click="clearInput">
+        <CloseCircle />
+      </n-icon>
+    </div>
+
+    <Camera class="h-5 w-5 text-gray-400 mr-3 cursor-pointer" />
+    <Search class="h-5 w-5 text-gray-400 mr-3 cursor-pointer" @click="handleSearch" />
+  </div>
+</template>
+
+<style scoped>
+</style>
diff --git a/app/components/LoginModal.vue b/app/components/LoginModal.vue
index 6dd8e3b..d757015 100644
--- a/app/components/LoginModal.vue
+++ b/app/components/LoginModal.vue
@@ -1,100 +1,101 @@
 <script setup lang="ts">
-import phoneImg from "@/assets/img/phone.png";
-import wechatImg from "@/assets/img/wechat.png";
-import type { FormInst, FormRules } from "naive-ui";
-import { createDiscreteApi } from 'naive-ui';
-import { ref } from "vue";
-import { useUserStore } from "@/stores/user";
-const userStore = useUserStore();
+import type { FormInst, FormRules } from 'naive-ui'
+import phoneImg from '@/assets/img/phone.png'
+import wechatImg from '@/assets/img/wechat.png'
+import { createDiscreteApi } from 'naive-ui'
+import { ref } from 'vue'
+
+const userStore = useUserStore()
 const { message } = createDiscreteApi(['message'])
 // 暴露方法给父组件
 defineExpose({
   showModal,
-});
-
+})
+const regex = /^1[3-9]\d{9}$/
 const rules: FormRules = {
   phone: [
-    { required: true, message: "请输入手机号", trigger: "blur" },
-    { pattern: /^1[3-9]\d{9}$/, message: "手机号格式不正确", trigger: "blur" },
+    { required: true, message: '请输入手机号', trigger: 'blur' },
+    { pattern: regex, message: '手机号格式不正确', trigger: 'blur' },
   ],
   code: [
-    { required: true, message: "请输入验证码", trigger: "blur" },
-    { len: 4, message: "验证码长度为4位", trigger: "blur" },
+    { required: true, message: '请输入验证码', trigger: 'blur' },
+    { len: 4, message: '验证码长度为4位', trigger: 'blur' },
   ],
-};
+}
 // 响应式状态
-const isVisible = ref(false);
+const isVisible = ref(false)
 const formRef = ref<FormInst | null>(null)
-type LoginMode = "wechat" | "phone";
-const currentLoginMode = ref<LoginMode>("phone");
-const codeButtonText = ref("获取验证码");
-const codeButtonDisabled = ref(false);
+type LoginMode = 'wechat' | 'phone'
+const currentLoginMode = ref<LoginMode>('phone')
+const codeButtonText = ref('获取验证码')
+const codeButtonDisabled = ref(false)
 
-const timerCode: Ref<ReturnType<typeof setInterval> | null> = ref(null);
+const timerCode: Ref<ReturnType<typeof setInterval> | null> = ref(null)
 interface UserData {
-  code:number,
-  phone:number,
+  code: number
+  phone: number
 }
 interface ApiResponse<T> {
-  code: number;
-  msg: string;
-  token: string;
+  code: number
+  msg: string
+  token: string
 }
 const formData = ref({
- 
-});
+
+})
 interface LoginModeDescription {
-  title: string;
-  des: string;
-  src: string;
+  title: string
+  des: string
+  src: string
 }
 
-type LoginModeDescriptions = Record<LoginMode, LoginModeDescription>;
+type LoginModeDescriptions = Record<LoginMode, LoginModeDescription>
 // 登录模式配置
 const loginModeDescriptions: LoginModeDescriptions = {
   phone: {
-    title: "登录",
-    des: "如未注册，验证后自动登录",
+    title: '登录',
+    des: '如未注册，验证后自动登录',
     src: wechatImg,
   },
   wechat: {
-    title: "微信一键登录",
-    des: "关注后自动登录",
+    title: '微信一键登录',
+    des: '关注后自动登录',
     src: phoneImg,
   },
-};
+}
 
 function showModal() {
-  if (isVisible.value) return;
-  isVisible.value = true;
+  if (isVisible.value)
+    return
+  isVisible.value = true
 }
 
 function onCloseLogin() {
   formData.value = {}
-  isVisible.value = false;
+  isVisible.value = false
 }
 
-//切换登录方式
+// 切换登录方式
 function toggleMode() {
-  return currentLoginMode.value === "phone" ? "wechat" : "phone";
+  return currentLoginMode.value === 'phone' ? 'wechat' : 'phone'
 }
 function setCurrentLoginMode() {
-  currentLoginMode.value = toggleMode();
+  currentLoginMode.value = toggleMode()
 }
-interface UserToken{
-  token:string
+interface UserToken {
+  token: string
 }
 // 登录
 async function handleValidateClick(e: MouseEvent) {
   e.preventDefault()
-  formRef.value?.validate(async(errors:any) => {
+  formRef.value?.validate(async (errors: any) => {
     if (!errors) {
       const res = await request.post<ApiResponse<UserData>>('/phoneLogin', {
-        ...formData.value
+        ...formData.value,
       })
       userStore.setToken(res.token)
       const res1 = await request.get<ApiResponse<UserToken>>('/getInfo', {
-        token:res.token
+        token: res.token,
       })
       userStore.setUserInfo(res1.user)
       onCloseLogin()
@@ -106,46 +107,52 @@ async function handleValidateClick(e: MouseEvent) {
   })
 }
 
-interface codeInterface{
-  phone:number
+interface codeInterface {
+  phone: number
 }
 
 // 获取验证码
 async function onGetCode() {
+  if (!regex.test(formData.value.phone))
+    return
   try {
-    const response = await request.get<codeInterface>("/getCode", {
+    const response = await request.get<codeInterface>('/getCode', {
       params: {
-        phone:formData.value.phone
-      }
-    });
+        phone: formData.value.phone,
+      },
+    })
     if (response.code === 200) {
-      codeButtonDisabled.value = true;
-      let countdown = 60;
-      codeButtonText.value = `${countdown}秒后重试`;
+      codeButtonDisabled.value = true
+      let countdown = 60
+      codeButtonText.value = `${countdown}秒后重试`
 
-      if (timerCode.value) clearInterval(timerCode.value);
+      if (timerCode.value)
+        clearInterval(timerCode.value)
 
       timerCode.value = setInterval(() => {
-        countdown--;
+        countdown--
         if (countdown <= 0) {
-          clearInterval(timerCode.value);
-          codeButtonDisabled.value = false;
-          codeButtonText.value = "获取验证码";
-        } else {
-          codeButtonText.value = `${countdown}秒后重试`;
+          clearInterval(timerCode.value)
+          codeButtonDisabled.value = false
+          codeButtonText.value = '获取验证码'
         }
-      }, 1000);
-    } else {
-      message.error(response.message || "获取验证码失败!");
+        else {
+          codeButtonText.value = `${countdown}秒后重试`
+        }
+      }, 1000)
     }
-  } catch (err) {
-    console.error(err);
+    else {
+      message.error(response.message || '获取验证码失败!')
+    }
+  }
+  catch (err) {
+    console.error(err)
   }
 }
-const onCloseModel = () =>{
+function onCloseModel() {
   formData.value = {}
   if (timerCode.value) {
-    clearInterval(timerCode.value);
+    clearInterval(timerCode.value)
   }
 }
 
@@ -153,19 +160,18 @@ const onCloseModel = () =>{
 onUnmounted(() => {
   formData.value = {}
   if (timerCode.value) {
-    clearInterval(timerCode.value);
+    clearInterval(timerCode.value)
   }
-});
-
+})
 </script>
 
 <template>
   <NModal
-    :on-after-leave="onCloseModel"
     v-model:show="isVisible"
+    :on-after-leave="onCloseModel"
     preset="card"
     style="width: 400px"
-    :maskClosable="false"
+    :mask-closable="false"
   >
     <div>
       <!-- 关闭按钮 -->
@@ -185,7 +191,7 @@ onUnmounted(() => {
         <h2 class="text-center text-xl text-gray-800 font-bold">
           {{ loginModeDescriptions[currentLoginMode].title }}
         </h2>
-        <p class="text-center text-sm text-gray-500">
+        <p class="text-center text-sm text-gray-500 my-2">
           {{ loginModeDescriptions[currentLoginMode].des }}
         </p>
 
@@ -210,7 +216,7 @@ onUnmounted(() => {
                 type="primary"
                 :disabled="codeButtonDisabled"
                 ghost
-                @click="onGetCode"
+                @click="onGetCode($event)"
               >
                 {{ codeButtonText }}
               </n-button>
@@ -239,17 +245,19 @@ onUnmounted(() => {
 
       <!-- 其他登录方式 -->
       <div class="text-center">
-        <div class="text-sm text-gray-400">其他登录方式</div>
+        <div class="text-sm text-gray-400">
+          其他登录方式
+        </div>
         <div class="mt-2 flex items-center justify-center gap-6">
           <div
-            class="h-10 w-10 cursor-pointer rounded-full p-2 transition-all hover:bg-gray-100"
+            class="cursor-pointer rounded-full p-2 transition-all hover:bg-gray-100"
             @click="setCurrentLoginMode"
           >
             <img
               :src="loginModeDescriptions[currentLoginMode].src"
               alt=""
               class="h-10 w-10"
-            />
+            >
           </div>
         </div>
       </div>
diff --git a/app/components/Payment.vue b/app/components/Payment.vue
new file mode 100644
index 0000000..456b693
--- /dev/null
+++ b/app/components/Payment.vue
@@ -0,0 +1,168 @@
+<script setup lang="ts">
+import { ref } from "vue";
+import { X, RotateCcw } from "lucide-vue-next";
+const userStore = useUserStore();
+
+interface UserInfoType {
+  nickName: string;
+  avatar: string;
+  brief: string;
+  userId: number | string;
+}
+const userInfo = {
+  nickName: userStore.userInfo?.nickName ?? "",
+  avatar: userStore.userInfo?.avatar ?? "",
+  brief: userStore.userInfo?.brief ?? "",
+  userId: userStore.userInfo?.userId ?? "",
+} as UserInfoType;
+
+const isVisible = ref(false);
+function onCloseModel() {
+  isVisible.value = false;
+}
+
+const qrUrl = ref("你好达内的房东说房东扫烦恼的");
+
+
+// 定义会员信息的接口
+interface Member {
+  id: number;
+  title: string;
+  price: number;
+  originalPrice: number;
+  desc: string;
+}
+const memberList = ref<Member[]>([])
+const currentMember = ref<Member>({
+    id: 1,
+    title: "基础会员",
+    price: 39,
+    originalPrice: 50,
+    desc: "次月续费¥39",
+})
+// 二维码是否过去
+const bindTimeout = ref(false)
+
+defineExpose({
+  isVisible,
+});
+// 生命周期钩子
+onMounted(() => {
+  // initFormData()
+});
+</script>
+
+<template>
+  <n-modal
+    v-model:show="isVisible"
+    :preset="null"
+    transform-origin="center"
+    class="custom-modal"
+  >
+    <div class="bg-white rounded-xl w-200">
+      <div
+        class="p-4 flex justify-between rounded-t-xl h-14 bg-gradient-to-r from-[#fcf2da] to-[#f9db9f]"
+      >
+        <div class="flex items-center">
+          <div>
+            <img :src="userInfo.avatar" class="w-14 h-14 rounded-full mr-4" />
+          </div>
+          <div class="flex flex-col">
+            <div class="text-[#814600] text-xl">
+              {{ userInfo.nickName }}
+            </div>
+            <div class="text-[#6a6a6a] text-xs mt-1">您还不是会员</div>
+          </div>
+        </div>
+        <div @click="onCloseModel">
+          <component :is="X" class="h-[18px] w-[18px] text-[#61666d] cursor-pointer" />
+        </div>
+      </div>
+      <div class="grid grid-cols-4 gap-1 mt-4 px-6">
+        <div
+          v-for="item in 4"
+          :key="item"
+          class="select-none h-44 border-1 border-solid border-[#e9e9e9] rounded-lg bg-[#f9f9f9] flex justify-between items-center flex-col p-4 box-border cursor-pointer"
+        >
+        <!-- bg-gradient-to-b from-[#fdf0dd] to-[#fef8ef] -->
+        <!-- 1px solid #f7b252; -->
+          <div class="text-[#814600] card-item">基本版本Vip连续包月</div>
+          <div class="card-item">
+            <span class="text-[#814600] text-[20px] mr-2">¥</span>
+            <span class="text-[#814600] text-[36px] mr-2">39</span>
+            <span class="text-gray-400 text-[20px] line-through">¥50</span>
+          </div>
+          <div class="card-item text-[#814600] w-7/10 text-center text-[12px]">
+            次月续费¥39
+          </div>
+        </div>
+      </div>
+      <div class="mt-4 px-6">
+        <div class="flex border-collapse ">
+          <div class="member-item bg-[#fef9f8]">基础版VIP</div>
+          <div class="member-item">每月15000点算力</div>
+          <div class="member-item">20G存储空间</div>
+          <div class="member-item">每月800次生图</div>
+          <div class="member-item">2个生图任务并行</div>
+          <div class="member-item">--</div>
+        </div>
+        <div class="flex border-collapse ">
+          <div class="member-item bg-[#fef9f8]">专业版</div>
+          <div class="member-item">每月35000点算力</div>
+          <div class="member-item">50G存储空间</div>
+          <div class="member-item">每月5000次生图</div>
+          <div class="member-item">3个生图任务并行</div>
+          <div class="member-item">可训练XL模型</div>
+        </div>
+      </div>
+      <div class="px-6 mt-1 text-[#9d8c75] text-[12px]">
+        会员每月算力和加速特权按下月下发, 有效期31天, 到期重置
+      </div>
+      <div class="flex justify-center items-center my-4">
+        <div class="w-30 h-30 flex justify-center items-center relative">
+          <n-qr-code :value="qrUrl" :size="80" class="p-0" />
+          <div v-if="bindTimeout" class="absolute top-0 left-0 w-full h-full flex cursor-pointer flex-col justify-center items-center bg-opacity-50 bg-black text-white">
+          请点击刷新<rotate-ccw/>
+          </div>
+        </div>
+        <div class="flex justify-center ml-2 flex-col pb-[14px]">
+            <div class="flex items-baseline">
+              <div class="text-[#222] font-medium mr-1">支付</div>
+              <div class="text-[#814600] mr-1">
+                <span class="text-[16px] mr-1">¥</span>
+                <span class="text-[40px]">39</span>
+              </div>
+              <div class="px-2 bg-gradient-to-r from-[#ffa700] to-[#ff006b] text-[#814600] text-white rounded-[4px] ml-1 text-[12px">已减¥11</div>
+            </div>
+            <div class="flex items-center mb-1">
+               <img src="@/assets/img/alipay.png" class="mr-1"> 请扫码完成支付
+            </div>
+            <div class="text-[12px]">
+                <span class="text-[#999]">
+                    开通即代表同意
+                </span>
+                <span class="text-[#814600]">
+                    《魔创未来会员协议》
+                </span>
+            </div>
+          </div>
+      </div>
+      <div class="bg-[#fefaee] text-center text-[#AF7F1A] text-[12px] py-1 rounded-b-lg">需支付差价，计算规则为：专业版年包价格-剩余未下发基础版年包月数*基础版年包购买价格/12</div>
+    </div>
+  </n-modal>
+</template>
+
+<style lang="scss" scoped>
+.member-item {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 16.66%;
+  height: 40px;
+  border: 1px solid #f0f0f0;
+  font-size: 12px;
+  font-weight: 400;
+  margin-right: -1px;
+  margin-bottom: -1px;
+}
+</style>
diff --git a/app/components/PersonalCenterCard.vue b/app/components/PersonalCenterCard.vue
new file mode 100644
index 0000000..71435c2
--- /dev/null
+++ b/app/components/PersonalCenterCard.vue
@@ -0,0 +1,278 @@
+<script setup lang="ts">
+import {
+  CircleAlert,
+  Download,
+  EllipsisVertical,
+  ImagePlay,
+  Play,
+} from 'lucide-vue-next'
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+
+const props = defineProps({
+  item: {
+    type: Object,
+    default: () => ({}),
+  },
+  currentType: {
+    type: String,
+    default: '',
+  },
+  currentState: {
+    type: String,
+    default: '',
+  },
+})
+
+// 定义 emit
+const emit = defineEmits(['topedRefresh'])
+
+const router = useRouter()
+
+// 跳转详情
+function toDetails() {
+  if (props.currentType === '0') {
+    router.push(`/model-details/${props.item.id}`)
+  }
+  else if (props.currentType === '1') {
+    // console.log('object', 111);
+    router.push(`/workflow-details/${props.item.id}`)
+  }
+}
+
+// 处理下拉菜单选项 编辑/删除/置顶
+function handleSelect(event: Event, key: string) {
+  event.stopPropagation() // 阻止事件冒泡
+  if (key === 'top') {
+    handleTop()
+  }
+  else if (key === 'delete') {
+    handleDelete()
+  }
+}
+
+// 置顶
+interface TopUrlType {
+  [key: string]: string
+}
+const topUrl = ref<TopUrlType>({
+  0: 'model',
+  1: 'WorkFlow',
+  2: 'image',
+})
+async function handleTop() {
+  try {
+    const res = await request.get(
+      `/${topUrl.value[props.currentType]}/${props.item.id}/top?isTop=${!props.item
+        .isTop}`,
+    )
+    if (res.code === 200) {
+      // 刷新列表
+      emit('topedRefresh')
+    }
+  }
+  catch (e) {}
+}
+
+// 删除
+async function handleDelete() {
+  if (props.currentType === '0') {
+  }
+  else if (props.currentType === '1') {
+    try {
+      const res = await request.get(`/WorkFlow/deleteWorkFlow?id=${props.item.id}`)
+      if (res.code === 200) {
+        // 刷新列表
+        emit('topedRefresh')
+      }
+    }
+    catch (e) {}
+  }
+  else {
+    try {
+      const res = await request.get(`/image/delete/${props.item.id}`)
+      if (res.code === 200) {
+        // 刷新列表
+        emit('topedRefresh')
+      }
+    }
+    catch (e) {}
+  }
+}
+</script>
+
+<template>
+  <div>
+    <div v-if="currentState === 'like' && currentType === '2'">
+      <div
+        class="h-80 rounded-2xl overflow-hidden cursor-pointer relative"
+        @click="toDetails"
+      >
+        <img class="w-full h-full object-cover block" :src="item.userAvatar" alt="">
+        <div
+          class="absolute w-full h-full top-0 left-0 flex justify-between items-center px-4 py-4 box-border bg-[#000] bg-opacity-40"
+        >
+          <div>
+            <img class="w-[40px] h-[40px] rounded-full" :src="item.avatar" alt="">
+            <span>元影AIATIDD</span>
+          </div>
+          <div class="flex items-center justify-center rounded-lg bg-[#fceceb] p-2">
+            <img src="@/assets/img/heart.png" class="w-[20px] h-[20px] mr-1" alt="">
+            <span class="font-bold text-[12px] text-[#ff5e5e]">123</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div v-else>
+      <div
+        class="h-80 rounded-2xl overflow-hidden cursor-pointer relative"
+        @click="toDetails"
+      >
+        <img class="w-full h-full object-cover block" :src="item.userAvatar" alt="">
+        <div
+          v-if="currentState === 'mallProduct' && item.isTop === 1"
+          class="text-[#58c08e] border-[#58c08e] border-solid border-[1px] bg-white rounded-lg px-1 w-10 text-[12px] ml-2 text-center absolute top-4 right-8"
+        >
+          置顶
+        </div>
+        <!-- 在发布中 auditStatus等于代表没有审批通过 -->
+        <div
+          v-if="currentState === 'mallProduct' && item.auditStatus === 4"
+          class="absolute top-0 left-0 w-full h-full text-gray-400 bg-black/50 flex justify-center items-center flex-col"
+        >
+          <component
+            :is="CircleAlert"
+            class="h-[40px] w-[40px] text-white menu-icon m-1 text-gray-400"
+          />
+          未通过
+        </div>
+        <div
+          class="modelSelectByUserIdModel w-full h-full top-0 left-0 flex px-4 py-4 box-border"
+        >
+          <div
+            v-if="currentState === 'mallProduct' && currentType === '0' && item.modelName"
+            class="text-white text-[12px] px-3 bg-[#000] bg-opacity-40 rounded-lg h-[20px]"
+          >
+            <span>
+              {{ item.modelName }}
+            </span>
+          </div>
+          <div
+            v-if="currentState === 'mallProduct' && currentType === '1'"
+            class="text-white text-[12px] px-3 bg-[#000] bg-opacity-40 rounded-lg h-[20px]"
+          >
+            <span> 工作流 </span>
+          </div>
+          <div
+            v-if="currentState === 'mallProduct'"
+            class="modelSelectByUserIdModel-mask h-1/3 absolute top-0 left-0 bg-gradient-to-b from-black/100 to-transparent px-4 py-4 text-white box-border flex justify-end"
+          >
+            <div class="menu-content">
+              <component
+                :is="EllipsisVertical"
+                class="h-[18px] w-[18px] text-white menu-icon"
+              />
+              <div
+                class="menu-group text-[#000000] text-[12px] bg-white rounded-lg text-center w-20 mt-2 hidden"
+              >
+                <div class="menu-item" @click="(event) => handleSelect(event, 'edit')">
+                  编辑
+                </div>
+                <div
+                  class="menu-item text-red"
+                  @click="(event) => handleSelect(event, 'delete')"
+                >
+                  删除
+                </div>
+                <div class="menu-item" @click="(event) => handleSelect(event, 'top')">
+                  {{ item.isTop === 1 ? "取消置顶" : "置顶" }}
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            v-if="currentType !== '2'"
+            class="absolute bottom-0 left-0 px-4 py-2 text-white box-border flex justify-between items-center"
+          >
+            <component :is="Play" class="h-[14px] w-[14px] text-white menu-icon m-1" />
+            <span v-if="currentType === '0'">
+              {{ item.reals }}
+            </span>
+            <span v-if="currentType === '1'">
+              {{ item.useNumber }}
+            </span>
+            <component
+              :is="Download"
+              class="h-[14px] w-[14px] text-white menu-icon m-1"
+            />
+            <span v-if="currentType === '0'">
+              {{ item.numbers }}
+            </span>
+            <span v-if="currentType === '1'">
+              {{ item.downloadNumber }}
+            </span>
+            <!-- <component
+              :is="ImagePlay"
+              class="h-[14px] w-[14px] text-white menu-icon m-1"
+            />0 -->
+          </div>
+        </div>
+      </div>
+      <div v-if="currentType !== '2'" class="mt-2 text-[12px] text-[#67787e]">
+        <div class="text-[#000] mb-1">
+          版本名称1 版本名称12
+          <!-- <span>{{ item.userName }}</span> -->
+        </div>
+        <div class="flex">
+          <img
+            class="block w-[20px] h-[20px] rounded-full mr-2"
+            :src="item.userAvatar"
+            alt=""
+          >
+          <span>{{ item.userName }}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+.modelSelectByUserIdModel {
+  position: absolute;
+  &:hover {
+    .modelSelectByUserIdModel-mask {
+      display: block;
+    }
+  }
+  .modelSelectByUserIdModel-mask {
+    position: absolute;
+    width: 100%;
+    display: none;
+    .menu-content {
+      width: 20px;
+      height: 30px;
+      position: absolute;
+      right: 10px;
+    }
+    .menu-content:hover {
+      .menu-group {
+        display: block;
+      }
+    }
+    .menu-group {
+      position: absolute;
+      top: 10px;
+      right: 0;
+      .menu-item {
+        padding: 4px 0 4px 0;
+        margin: 4px;
+        border-radius: 2px;
+        &:hover {
+          background-color: #eeeded;
+          // border: solid;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/app/components/ScrollListView.vue b/app/components/ScrollListView.vue
new file mode 100644
index 0000000..fc99eb5
--- /dev/null
+++ b/app/components/ScrollListView.vue
@@ -0,0 +1,206 @@
+<script setup>
+import { onMounted, ref } from 'vue'
+
+const props = defineProps({
+  title: {
+    type: String,
+    default: 'Scroll List',
+  },
+  items: {
+    type: Array,
+    default: () => [1, 2, 3, 4, 5, 6, 7],
+  },
+  initialIndex: {
+    type: Number,
+    default: 4,
+  },
+})
+
+const emit = defineEmits(['change', 'item-click'])
+
+const containerRef = ref(null)
+const listRef = ref(null)
+const itemRefs = ref([])
+const currentIndex = ref(props.initialIndex)
+
+// 居中滚动函数
+function scrollToCenter(index) {
+  const container = containerRef.value
+  const item = itemRefs.value[index]
+
+  if (!container || !item)
+    return
+
+  const containerWidth = container.offsetWidth
+  const itemWidth = item.offsetWidth
+  const itemLeft = item.offsetLeft
+  const scrollLeft = itemLeft - (containerWidth / 2) + (itemWidth / 2)
+
+  listRef.value.scrollTo({
+    left: scrollLeft,
+    behavior: 'smooth',
+  })
+}
+
+function handleItemClick(index) {
+  currentIndex.value = index
+  scrollToCenter(index)
+  emit('item-click', {
+    index,
+    item: props.items[index],
+  })
+  emit('change', index)
+}
+
+function jumpUp() {
+  if (currentIndex.value > 0) {
+    currentIndex.value--
+    scrollToCenter(currentIndex.value)
+    emit('change', currentIndex.value)
+  }
+}
+
+function jumpDown() {
+  if (currentIndex.value < props.items.length - 1) {
+    currentIndex.value++
+    scrollToCenter(currentIndex.value)
+    emit('change', currentIndex.value)
+  }
+}
+
+onMounted(() => {
+})
+
+defineExpose({
+  jumpUp,
+  jumpDown,
+  currentIndex,
+})
+</script>
+
+<template>
+  <div class="scroll-list-container">
+    <h2>{{ title }}</h2>
+    <div ref="containerRef" class="wrap">
+      <div ref="listRef" class="list">
+        <div
+          v-for="(item, index) in items"
+          :id="`item${index + 1}`"
+          :key="index" ref="itemRefs"
+          class="item"
+          :class="[{ active: currentIndex === index }]"
+          @click="handleItemClick(index)"
+        >
+          <slot name="item" :item="item" :index="index">
+            {{ item }}
+          </slot>
+        </div>
+      </div>
+    </div>
+    <div class="action">
+      <button @click="jumpUp">
+        上一个
+      </button>
+      <button @click="jumpDown">
+        下一个
+      </button>
+    </div>
+  </div>
+</template>
+
+  <style scoped>
+  .scroll-list-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.wrap {
+  width: 400px;
+  outline: 4px solid #666;
+  position: relative;
+  flex-shrink: 0;
+  overflow: hidden;
+}
+
+.list {
+  display: flex;
+  overflow: auto;
+  gap: 10px;
+  padding: 10px;
+  scroll-behavior: smooth;
+  /* 隐藏滚动条但保持功能 */
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE and Edge */
+}
+
+/* 为 Webkit 浏览器隐藏滚动条 */
+.list::-webkit-scrollbar {
+  display: none;
+}
+
+.item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100px;
+  height: 100px;
+  background: royalblue;
+  border-radius: 8px;
+  flex-shrink: 0;
+  color: #fff;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.item:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}
+
+.active {
+  background-color: #f44336;
+  transform: scale(1.05);
+}
+
+.action {
+  margin: 20px;
+}
+
+button {
+  margin: 0 5px;
+  padding: 8px 16px;
+  border: none;
+  border-radius: 4px;
+  background: #4caf50;
+  color: white;
+  cursor: pointer;
+  transition: background 0.3s;
+}
+
+button:hover {
+  background: #45a049;
+}
+
+/* 添加两侧渐变遮罩效果 */
+.wrap::before,
+.wrap::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 30px;
+  pointer-events: none;
+  z-index: 1;
+}
+
+/* .wrap::before {
+  left: 0;
+  background: linear-gradient(to right, rgba(255, 255, 255, 0.9), transparent);
+}
+
+.wrap::after {
+  right: 0;
+  background: linear-gradient(to left, rgba(255, 255, 255, 0.9), transparent);
+} */
+</style>
diff --git a/app/components/WechatLoginQr.vue b/app/components/WechatLoginQr.vue
index 3a433b1..26d6827 100644
--- a/app/components/WechatLoginQr.vue
+++ b/app/components/WechatLoginQr.vue
@@ -3,20 +3,20 @@
 // import { getUUid, uuidLogin } from '@api/login'
 // import { useStore } from '@store/index'
 // import { IosRefresh } from '@vicons/ionicons5';
-import { RotateCcw } from 'lucide-vue-next';
-import { onBeforeUnmount, onMounted, ref } from 'vue';
+import { RotateCcw } from 'lucide-vue-next'
+import { onBeforeUnmount, onMounted, ref } from 'vue'
 // 定义事件
 const emit = defineEmits<{
   (event: 'login-success', data: any): void
 }>()
 
-interface UserToken{
-  token:string
+interface UserToken {
+  token: string
 }
 interface ApiResponse<T> {
-  code: number;
-  msg: string;
-  token: string;
+  code: number
+  msg: string
+  token: string
 }
 const qrUrl = ref<string>('')
 const qrSize = ref(174)
@@ -33,47 +33,46 @@ async function onGetUUid() {
     if (res.code === 200) {
       const appid = 'wx82d4c3c96f0ffa5b'
       const { uuid } = res
-        const redirect_uri = `http://rtec8z.natappfree.cc/wx/uuid/bind/openid?uuid=${uuid}`
-        const codeUrl = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${encodeURIComponent(
-          redirect_uri,
-        )}&response_type=code&scope=snsapi_userinfo&state=123456#wechat_redirect`
-        qrUrl.value = codeUrl
-        let counter = 1
-        pollingTimer && clearTimeout(pollingTimer)
-        pollingTimer = setInterval(async() => {
-           await request.get('/wx/uuid/login',{uuid}).then(async(res)=>{
-              counter++
-              if (counter === 59) {
-                clearTimeout(pollingTimer)
-                bindTimeout.value = true
-              }
-              if (res.status === 1) {
-                clearTimeout(pollingTimer)
-                const userStore = useUserStore()
-                userStore.setToken(res.token)
-                const res1 = await request.get<ApiResponse<UserToken>>('/getInfo', {
-                  token:res.token
-                })
-                userStore.setUserInfo(res1.user)
-                window.location.href = '/'
-                // const parent = getCurrentInstance().parent
-                // parent.exposed.onCloseLogin()
-                // store.userInfo = res.data
-                // router.push('./home')
-
-                // store.dispatch("uuidLogin", res)
-                // that.$store.dispatch("uuidLogin", res)
-                // setTimeout(() => {
-                //     that.$router.push({
-                //         path: that.redirect || "/"
-                //     }).catch(() => {});
-                // }, 1500)
-              }
-          }) .catch((err: any) => {
-              console.log(err)
-              clearTimeout(pollingTimer)
+      const redirect_uri = `http://rtec8z.natappfree.cc/wx/uuid/bind/openid?uuid=${uuid}`
+      const codeUrl = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${encodeURIComponent(
+        redirect_uri,
+      )}&response_type=code&scope=snsapi_userinfo&state=123456#wechat_redirect`
+      qrUrl.value = codeUrl
+      let counter = 1
+      pollingTimer && clearTimeout(pollingTimer)
+      pollingTimer = setInterval(async () => {
+        await request.get('/wx/uuid/login', { uuid }).then(async (res) => {
+          counter++
+          if (counter === 59) {
+            clearTimeout(pollingTimer)
+            bindTimeout.value = true
+          }
+          if (res.status === 1) {
+            clearTimeout(pollingTimer)
+            const userStore = useUserStore()
+            userStore.setToken(res.token)
+            const res1 = await request.get<ApiResponse<UserToken>>('/getInfo', {
+              token: res.token,
             })
-        }, 1000)
+            userStore.setUserInfo(res1.user)
+            window.location.href = '/'
+            // const parent = getCurrentInstance().parent
+            // parent.exposed.onCloseLogin()
+            // store.userInfo = res.data
+            // router.push('./home')
+
+            // store.dispatch("uuidLogin", res)
+            // that.$store.dispatch("uuidLogin", res)
+            // setTimeout(() => {
+            //     that.$router.push({
+            //         path: that.redirect || "/"
+            //     }).catch(() => {});
+            // }, 1500)
+          }
+        }).catch(() => {
+          clearTimeout(pollingTimer)
+        })
+      }, 1000)
     }
   }
   catch (error) {
@@ -100,14 +99,14 @@ onBeforeUnmount(() => {
   <div class="w-[280px] px-5 text-center relative">
     <div v-if="bindTimeout" class="absolute left-[41px] h-full w-[230px] top-0 z-[9999] flex items-center justify-center flex-col cursor-pointer text-white bg-black/40" @click="onGetUUid">
       刷新二维码
-        <rotate-ccw/>
+      <RotateCcw />
     </div>
     <div v-if="qrUrl" class="relative w-full">
-      <component
-          is="RotateCcw"
-          class="h-[18px] w-[18px] color-white"
-        />
-      <n-qr-code :value="qrUrl" :size="qrSize" />
+      <!-- <component
+        is="RotateCcw"
+        class="h-[18px] w-[18px] color-white"
+      /> -->
+      <n-qr-code style="padding: 0;" class="p-0" :value="qrUrl" :size="qrSize" />
     </div>
     <div v-else class="p-5 text-gray-400">
       加载中...
diff --git a/app/constants/index.ts b/app/constants/index.ts
index 3fc9c84..2da10a4 100644
--- a/app/constants/index.ts
+++ b/app/constants/index.ts
@@ -1,2 +1,4 @@
 export const appName = '魔创未来'
 export const appDescription = '魔创未来'
+export const authRoutes = ['/personal-center', '/publish-model', '/publish-workflow']
+export const verifyBlankRoute = ['/member-center']
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index f7424a5..8a6eac6 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -1,13 +1,18 @@
 <script setup lang="ts">
 import {
-Bell, Binary, Code2, Crown, GraduationCap, Image, LayoutGrid,
-Lightbulb, Maximize, Monitor, Plus, Search, User, Workflow
-} from 'lucide-vue-next';
-import { ref, onMounted } from 'vue'
-const isClient = ref(false)
-const modalStore = useModalStore()
-// import ../assets/img/default-avatar.png
-import defaultAvatar from '../assets/img/default-avatar.png'
+  Binary,
+  Code2,
+  Crown,
+  Image,
+  LayoutGrid,
+  Lightbulb,
+  Maximize,
+  User,
+  Workflow,
+} from 'lucide-vue-next'
+
+const menuStore = useMenuStore()
+
 // 路径到图标的映射
 const iconMap: any = {
   '/model-square': LayoutGrid,
@@ -20,207 +25,89 @@ const iconMap: any = {
   '/api-platform': Code2,
   '/creator-center': Code2,
   '/personal-center': User,
-  '/member-center': Crown
+  '/member-center': Crown,
 }
-
-
-import { useMenuStore } from '~/stores/menu';
 const route = useRoute()
 
-const menuStore = useMenuStore()
-
-import { useUserStore } from "@/stores/user";
-const userStore = useUserStore();
-
 // 监听路由变化
 watch(
   () => route.path,
   (path) => {
     menuStore.setActiveMenu(path)
   },
-  { immediate: true } // 这样一进入页面就会执行一次
+  { immediate: true }, // 这样一进入页面就会执行一次
 )
-onMounted(() => {
-  isClient.value = true
-})
+
 // 更新菜单项中的图标
 menuStore.menuItems = menuStore.menuItems.map(item => ({
   ...item,
-  LucideIcon: iconMap[item.path] // 添加 Lucide 图标组件
+  LucideIcon: iconMap[item.path], // 添加 Lucide 图标组件
 }))
 
-// 消息通知下拉选项
-const notificationOptions = [
-  {
-    label: '系统通知',
-    key: 'system'
-  },
-  {
-    label: '互动消息',
-    key: 'interaction'
+function handleSide(event: Event, path: string) {
+  if (path === '/member-center') {
+    event.preventDefault() // 阻止默认行为
+    event.stopPropagation() // 阻止事件冒泡
+    const baseUrl = window.location.origin
+    window.open(`${baseUrl}/member-center`, '_blank', 'noopener,noreferrer')
+    // 确保当前路由不变
+    // nextTick(() => {
+    //   debugger
+    //   if (route.path !== window.location.pathname) {
+    //     navigateTo(route.path, { replace: true })
+    //   }
+    // })
   }
-]
-
-// 用户下拉选项
-const userOptions = ref([
-  {
-    label: '我的模型',
-    key: 'model'
-  },
-  {
-    label: '我的作品',
-    key: 'project'
-  },
-  {
-    label: '我的点赞',
-    key: 'like'
-  },
-  {
-    label: '账号设置',
-    key: 'userSettings'
-  },
-  {
-    label: '退出登录',
-    key: 'logout'
+  else {
+    menuStore.setActiveMenu(path)
   }
-])
-
-const handleUserSelect = async(key: string) => {
-  if (key === 'logout') {
-    try {
-      await request.post('/logout')
-      userStore.logout()
-      window.location.href = '/'
-    } catch (error) {
-      console.error('Logout failed:', error)
-    }
-  }
-}
-
-const handleLogin = () => {
-  modalStore.showLoginModal()
 }
 </script>
 
 <template>
   <div class="flex h-screen flex-col bg-white dark:bg-dark-800">
     <!-- Header -->
-    <header class="sticky top-0 z-50 flex h-14 items-center justify-between border-b border-gray-100 bg-white/80 px-6 backdrop-blur dark:border-dark-700 dark:bg-dark-800/80">
-      <div class="flex items-center gap-6">
-       <!-- Logo 区域调整 -->
-        <div class="flex min-w-[220px] items-center gap-3 pr-4">
-          <div class="flex items-center gap-2">
-            <!-- <img src="/vite.png" alt="Logo" class="h-9 w-9" /> -->
-            <span class="text-xl font-semibold tracking-tight">魔创未来</span>
-          </div>
-        </div>
-
-        <!-- Search -->
-        <NInput
-          round
-          clearable
-          placeholder="搜索模型/图片/创作者寻找灵感"
-          class="w-[480px]"
-        >
-          <template #prefix>
-            <Search class="h-4 w-4 text-gray-400" />
-          </template>
-        </NInput>
-      </div>
-
-      <!-- Right Actions -->
-      <NSpace align="center" :size="24">
-        <!-- PC Client -->
-        <NButton text class="flex items-center gap-1.5">
-          <Monitor class="h-4 w-4" />
-          <span>PC客户端</span>
-        </NButton>
-
-        <!-- Tutorials -->
-        <NButton text class="flex items-center gap-1.5">
-          <GraduationCap class="h-4 w-4" />
-          <span>教程专区</span>
-        </NButton>
-
-        <!-- VIP -->
-        <NuxtLink to="/member-center" target="_blank" class="inline-block">
-          <NButton text type="warning" class="flex items-center gap-1.5">
-            <Crown class="h-4 w-4" />
-            <span>会员中心</span>
-          </NButton>
-        </NuxtLink>
-
-        <!-- Create -->
-        <NButton type="primary" round class="flex items-center gap-1.5">
-          <Plus class="h-4 w-4" />
-          <span>发布</span>
-        </NButton>
-
-        <!-- Notifications -->
-        <NDropdown :options="notificationOptions" trigger="click">
-          <NBadge :value="5" :max="99" processing>
-            <NButton text circle>
-              <Bell class="h-5 w-5" />
-            </NButton>
-          </NBadge>
-        </NDropdown>
-
-        <!-- User -->
-        <NDropdown v-if="isClient && userStore.token" :options="userOptions" :on-select="handleUserSelect" trigger="hover" >
-          <NAvatar
-            class="cursor-pointer w-10 h-10"
-            round
-            size="small"
-            :src="userStore.userInfo && userStore.userInfo.avatar ? userStore.userInfo.avatar : defaultAvatar"
-          />
-        </NDropdown>
-        <div v-else>
-            <div @click="handleLogin" class="text-white bg-[#197dff] rounded-[4px] px-4 py-2 text-xs cursor-pointer hover:bg-[#1a6eff]">登录/注册</div>
-        </div>
-      </NSpace>
-    </header>
+    <Header />
 
     <!-- Main Content -->
     <div class="flex flex-1 overflow-hidden">
-    <!-- Sidebar -->
-    <nav class="w-[240px] border-r border-gray-100 bg-gray-50/50 py-2 dark:border-dark-700 dark:bg-dark-800/50">
-      <div class="space-y-1 px-2">
-        <NuxtLink
-          v-for="item in menuStore.menuItems"
-          :key="item.path"
-          :to="item.path"
-          class="flex items-center gap-3 rounded-lg px-4 py-2.5 text-[15px] font-medium no-underline transition-colors"
-          :class="[
-            menuStore.activeMenu === item.path
-              ? 'bg-blue-500/8 text-blue-600 dark:bg-blue-500/10 dark:text-blue-400'
-              : 'text-gray-600 hover:bg-gray-500/5 dark:text-gray-300 dark:hover:bg-dark-700/50'
-          ]"
-          @click="menuStore.setActiveMenu(item.path)"
-        >
-          <!-- 只显示 Lucide 图标 -->
-          <component
-            :is="item.LucideIcon"
-            class="h-[18px] w-[18px]"
-            :class="menuStore.activeMenu === item.path 
-              ? 'text-blue-600 dark:text-blue-400' 
-              : 'text-gray-500 dark:text-gray-400'"
-          />
-          
-          <span>{{ item.label }}</span>
-        </NuxtLink>
-      </div>
-    </nav>
+      <!-- Sidebar -->
+      <nav class="w-[240px] border-r border-gray-100 bg-gray-50/50 py-2 dark:border-dark-700 dark:bg-dark-800/50">
+        <div class="space-y-1 px-2">
+          <NuxtLink
+            v-for="item in menuStore.menuItems"
+            :key="item.path"
+            :to="item.path"
+            class="flex items-center gap-3 rounded-lg px-4 py-2.5 text-[15px] font-medium no-underline transition-colors"
+            :class="[
+              menuStore.activeMenu === item.path
+                ? 'bg-blue-500/8 text-blue-600 dark:bg-blue-500/10 dark:text-blue-400'
+                : 'text-gray-600 hover:bg-gray-500/5 dark:text-gray-300 dark:hover:bg-dark-700/50',
+            ]"
+            @click="(event: Event) => handleSide(event, item.path)"
+          >
+            <!-- 只显示 Lucide 图标 -->
+            <component
+              :is="item.LucideIcon"
+              class="h-[14px] w-[14px]"
+              :class="menuStore.activeMenu === item.path
+                ? 'text-blue-600 dark:text-blue-400'
+                : 'text-gray-500 dark:text-gray-400'"
+            />
 
-    <!-- Page Content -->
-      <main class="flex-1 overflow-auto p-6">
+            <span>{{ item.label }}</span>
+          </NuxtLink>
+        </div>
+      </nav>
+
+      <!-- Page Content -->
+      <main class="flex-1 overflow-auto">
         <slot />
       </main>
 
-       <!-- 登录框组件 -->
-      
+      <!-- 登录框组件 -->
     </div>
   </div>
-  
 </template>
 
 <style>
@@ -260,4 +147,4 @@ const handleLogin = () => {
 .dark ::-webkit-scrollbar-thumb:hover {
   background: #4b5563;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/app/layouts/header.vue b/app/layouts/header.vue
index b699987..d4a17cb 100644
--- a/app/layouts/header.vue
+++ b/app/layouts/header.vue
@@ -1,232 +1,14 @@
 <script setup lang="ts">
-import {
-Bell, Binary, Code2, Crown, GraduationCap, Image, LayoutGrid,
-Lightbulb, Maximize, Monitor, Plus, Search, User, Workflow
-} from 'lucide-vue-next';
-import {
-NAvatar,
-NBadge, NButton, NDropdown, NInput, NSpace
-} from 'naive-ui';
-
-
-
-onMounted(() => {
-  const userStore = useUserStore()
-  userStore.checkLoginStatus()
-})
-
-
-
-// 路径到图标的映射
-const iconMap: any = {
-  '/model-square': LayoutGrid,
-  '/works-inspire': Lightbulb,
-  '/workspace': Lightbulb,
-  '/web-ui': Image,
-  '/comfy-ui': Workflow,
-  '/training-lora': Binary,
-  '/high-availability': Maximize,
-  '/api-platform': Code2,
-  '/creator-center': Code2,
-  '/personal-center': User,
-  '/member-center': Crown
-}
-
-
-import { useMenuStore } from '~/stores/menu';
-const route = useRoute()
-
-const menuStore = useMenuStore()
-
-// 监听路由变化
-watch(
-  () => route.path,
-  (path) => {
-    menuStore.setActiveMenu(path)
-  },
-  { immediate: true } // 这样一进入页面就会执行一次
-)
-
-
-
-// 更新菜单项中的图标
-menuStore.menuItems = menuStore.menuItems.map(item => ({
-  ...item,
-  LucideIcon: iconMap[item.path] // 添加 Lucide 图标组件
-}))
-
-// 消息通知下拉选项
-const notificationOptions = [
-  {
-    label: '系统通知',
-    key: 'system'
-  },
-  {
-    label: '互动消息',
-    key: 'interaction'
-  }
-]
-const publisOptions = [
-  {
-    label: '模型',
-    key: 'model'
-  },
-  {
-    label: '图片',
-    key: 'picture'
-  },
-  {
-    label:'工作流',
-    key:'workFlow'
-  }
-]
-// 用户下拉选项
-const userOptions = [
-  {
-    label: '个人中心',
-    key: 'profile'
-  },
-  {
-    label: '创作中心',
-    key: 'creator'
-  },
-  {
-    type: 'divider',
-    key: 'd1'
-  },
-  {
-    label: '退出登录',
-    key: 'logout'
-  }
-]
 </script>
 
 <template>
-  <div class="flex h-screen flex-col bg-white dark:bg-dark-800">
-    <!-- Header -->
-    <header class="sticky top-0 z-50 flex h-14 items-center justify-between border-b border-gray-100 bg-white/80 px-6 backdrop-blur dark:border-dark-700 dark:bg-dark-800/80">
-      <div class="flex items-center gap-6">
-       <!-- Logo 区域调整 -->
-        <div class="flex min-w-[220px] items-center gap-3 pr-4">
-          <div class="flex items-center gap-2">
-            <img src="/vite.png" alt="Logo" class="h-9 w-9" />
-            <span class="text-xl font-semibold tracking-tight">LibLib AI</span>
-          </div>
-        </div>
-
-        <!-- Search -->
-        <NInput
-          round
-          clearable
-          placeholder="搜索模型/图片/创作者寻找灵感"
-          class="w-[480px]"
-        >
-          <template #prefix>
-            <Search class="h-4 w-4 text-gray-400" />
-          </template>
-        </NInput>
-      </div>
-
-      <!-- Right Actions -->
-      <NSpace align="center" :size="24">
-        <!-- PC Client -->
-        <NButton text class="flex items-center gap-1.5">
-          <Monitor class="h-4 w-4" />
-          <span>PC客户端</span>
-        </NButton>
-
-        <!-- Tutorials -->
-        <NButton text class="flex items-center gap-1.5">
-          <GraduationCap class="h-4 w-4" />
-          <span>教程专区</span>
-        </NButton>
-
-        <!-- VIP -->
-        <NuxtLink to="/member-center" target="_blank" class="inline-block">
-          <NButton text type="warning" class="flex items-center gap-1.5">
-            <Crown class="h-4 w-4" />
-            <span>会员中心</span>
-          </NButton>
-        </NuxtLink>
-
-        <!-- Create -->
-        <NDropdown :options="publisOptions" trigger="click">
-          <NButton class="flex items-center gap-1.5">
-            <Plus class="h-4 w-4" />
-            <span>发布</span>
-          </NButton>
-        </NDropdown>
-        <!-- Notifications -->
-        <NDropdown :options="notificationOptions" trigger="click">
-          <NBadge :value="5" :max="99" processing>
-            <NButton text circle>
-              <Bell class="h-5 w-5" />
-            </NButton>
-          </NBadge>
-        </NDropdown>
-
-        <!-- User -->
-        <NDropdown :options="userOptions" trigger="click">
-          <NAvatar
-            round
-            size="small"
-            src="https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg"
-          />
-        </NDropdown>
-      </NSpace>
-    </header>
-
-    <!-- Main Content -->
-    <div class="flex flex-1 overflow-hidden">
-
-
-    <!-- Page Content -->
-      <main class="flex-1 overflow-auto p-6">
+  <div>
+    <Header />
+    <main class="flex-1 overflow-auto">
         <slot />
       </main>
-
-       <!-- 登录框组件 -->
-      
-    </div>
   </div>
-  
 </template>
 
 <style>
-:root {
-  --primary: rgb(59, 130, 246);
-  --primary-hover: rgb(37, 99, 235);
-}
-
-::selection {
-  background: var(--primary);
-  color: white;
-}
-
-/* 自定义滚动条 */
-::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-
-::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-::-webkit-scrollbar-thumb {
-  background: #e5e7eb;
-  border-radius: 3px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background: #d1d5db;
-}
-
-.dark ::-webkit-scrollbar-thumb {
-  background: #374151;
-}
-
-.dark ::-webkit-scrollbar-thumb:hover {
-  background: #4b5563;
-}
-</style>
\ No newline at end of file
+</style>
diff --git a/app/layouts/home.vue b/app/layouts/home.vue
index 19f9ba0..e005da8 100644
--- a/app/layouts/home.vue
+++ b/app/layouts/home.vue
@@ -1,137 +1,13 @@
 <script setup lang="ts">
-import { 
-  NInput, 
-  NButton, 
-  NSpace, 
-  NDropdown, 
-  NAvatar,
-  NBadge
-} from 'naive-ui'
-import { 
-  Search, 
-  Monitor, 
-  GraduationCap, 
-  Crown, 
-  Plus, 
-  Bell,
-  LayoutGrid, 
-  Lightbulb, 
-  Image, 
-  Workflow, 
-  Binary, 
-  Maximize, 
-  Code2, 
-  PenTool,
-  User,
-  CreditCard 
-} from 'lucide-vue-next'
-
-// 路径到图标的映射
-const iconMap: any = {
-  '/model-square': LayoutGrid,
-  '/works-inspire': Lightbulb,
-  '/workspace': Lightbulb,
-  '/web-ui': Image,
-  '/comfy-ui': Workflow,
-  '/training-lora': Binary,
-  '/high-availability': Maximize,
-  '/api-platform': Code2,
-  '/creator-center': Code2,
-  '/personal-center': User,
-  '/member-center': Crown
-}
-
-
-import { useMenuStore } from '~/stores/menu'
-
-const menuStore = useMenuStore()
-
-// 更新菜单项中的图标
-menuStore.menuItems = menuStore.menuItems.map(item => ({
-  ...item,
-  LucideIcon: iconMap[item.path] // 添加 Lucide 图标组件
-}))
-
-// 消息通知下拉选项
-const notificationOptions = [
-  {
-    label: '系统通知',
-    key: 'system'
-  },
-  {
-    label: '互动消息',
-    key: 'interaction'
-  }
-]
-
-// 用户下拉选项
-const userOptions = [
-  {
-    label: '个人中心',
-    key: 'profile'
-  },
-  {
-    label: '创作中心',
-    key: 'creator'
-  },
-  {
-    type: 'divider',
-    key: 'd1'
-  },
-  {
-    label: '退出登录',
-    key: 'logout'
-  }
-]
 </script>
 
 <template>
   <div class="flex h-screen flex-col bg-white dark:bg-dark-800">
-   
-    demo
     <main class="flex-1 overflow-auto p-6">
         <slot />
       </main>
-      demo
-   
   </div>
 </template>
 
 <style>
-:root {
-  --primary: rgb(59, 130, 246);
-  --primary-hover: rgb(37, 99, 235);
-}
-
-::selection {
-  background: var(--primary);
-  color: white;
-}
-
-/* 自定义滚动条 */
-::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-
-::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-::-webkit-scrollbar-thumb {
-  background: #e5e7eb;
-  border-radius: 3px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background: #d1d5db;
-}
-
-.dark ::-webkit-scrollbar-thumb {
-  background: #374151;
-}
-
-.dark ::-webkit-scrollbar-thumb:hover {
-  background: #4b5563;
-}
 </style>
\ No newline at end of file
diff --git a/app/middleware/auth.global.ts b/app/middleware/auth.global.ts
index e3f6fba..2535afa 100644
--- a/app/middleware/auth.global.ts
+++ b/app/middleware/auth.global.ts
@@ -1,28 +1,29 @@
 // middleware/auth.ts
+import { authRoutes, verifyBlankRoute } from '@/constants/index'
+import { useRouter } from 'vue-router'
 
+// const router = useRouter()
 /**
  * 全局认证中间件
  * 用于处理需要登录才能访问的路由
  * 如果用户未登录，将显示登录框并重定向到模型广场
- * 
+ *
  * @param to - 目标路由对象
  * @returns void | NavigationResult - 如果需要重定向则返回导航结果
  */
-export default defineNuxtRouteMiddleware((to) => {
+export default defineNuxtRouteMiddleware((to, from) => {
   const userStore = useUserStore()
   const modalStore = useModalStore()
-  
-  // 需要登录权限的路由列表
-  const authRoutes = [
-    '/member-center',
-    // 可以继续添加其他需要登录的路由
-  ]
-
+  const menuStore = useMenuStore()
+  if (verifyBlankRoute.includes(to.path) && !verifyBlankRoute.includes(from.path)) {
+    return abortNavigation()
+  }
   // 如果是需要登录的路由，且用户未登录
   if (authRoutes.includes(to.path) && !userStore.isLoggedIn) {
     // 显示登录模态框
     modalStore.showLoginModal()
-    // 重定向到模型广场页面
-    return navigateTo('/model-square')
+    menuStore.setActiveMenu(from.path)
+    // return abortNavigation()
+    // return navigateTo('/model-square')
   }
-})
\ No newline at end of file
+})
diff --git a/app/pages/index.vue b/app/pages/index.vue
index ac96f36..a9a50c5 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -32,11 +32,11 @@ const online = useOnline()
       </template>
     </ClientOnly> -->
 
-
     <div>
-      <n-button type="info">测试按钮-3-3</n-button>
-      <n-input placeholder="请输入" />
+      <NButton type="info">
+        测试按钮-3-3
+      </NButton>
+      <NInput placeholder="请输入" />
     </div>
-
   </div>
 </template>
diff --git a/app/pages/member-center/index.vue b/app/pages/member-center/index.vue
index 62337ba..000d6cb 100644
--- a/app/pages/member-center/index.vue
+++ b/app/pages/member-center/index.vue
@@ -1,55 +1,349 @@
 <script setup lang="ts">
-import { useMessage } from 'naive-ui';
-
 definePageMeta({
-  layout: 'default',
+  layout: 'header',
 })
 
-const message = useMessage()
-
-// 定义数据接口
-interface UserData {
-  id: number
-  name: string
-  email: string
-  status: number
+const userStore = useUserStore()
+const userInfo = userStore.userInfo as UserInfoType
+// 显示支付弹框
+interface Payment {
+  isVisible: boolean
+}
+const PaymentRef = ref<Payment | null>(null)
+function showPayment() {
+  if (PaymentRef.value) {
+    PaymentRef.value.isVisible = true
+  }
 }
 
-// 定义响应接口
-interface ApiResponse<T> {
-  code: number
-  data: T
-  message: string
+// 是否是会员
+const isMember = ref(false)
+async function getIsMember() {
+  try {
+    const res = await request.get('/member/isMember')
+    if (res.code === 200) {
+      isMember.value = res.data
+    }
+  }
+  catch (err) {
+    console.log(err)
+  }
 }
+// getIsMember()
 
-// 状态变量
+// 获取积分余额和历史记录
+const points = ref(0)
+async function getPoints() {
+  try {
+    const res = await request.get('/member/getPoints')
+    if (res.code === 200) {
+      points.value = res.data
+    }
+  }
+  catch (err) {
+    console.log(err)
+  }
+}
+// getPoints()
 
+// 获取会员等级及权益列表
+const MemberBenefitList = ref([])
+async function getMemberBenefitList() {
+  try {
+    const res = await request.get('/memberLevel/getMemberBenefitList')
+    if (res.code === 200) {
+      MemberBenefitList.value = res.data
+    }
+  }
+  catch (err) {
+    console.log(err)
+  }
+}
+// getMemberBenefitList()
 
+// 获取会员等级列表
+interface memberLevel {
+  memberName: string
+  unitPrice: number
+  originalPrice: number
+  subscriptionPeriod: number
+}
+const memberLevelList = ref<memberLevel[]>([])
+async function getMemberLevelList() {
+  try {
+    const res = await request.get('/memberLevel/list')
+    if (res.code === 200) {
+      memberLevelList.value = res.data
+    }
+  }
+  catch (err) {
+    console.log(err)
+  }
+}
+getMemberLevelList()
 </script>
 
 <template>
-  <div class="p-4">
-    83475982345897234957420435365
+  <div>
+    <div class="test bg-[#403833] flex justify-center items-center h-90">
+      <div class="flex gap-6 w-[1145px]">
+        <!-- 左侧用户信息 -->
+        <div class="w-60 bg-[#2b2421] rounded-lg p-6">
+          <!-- 右上角订阅管理 -->
+          <div class="text-right">
+            <button class="text-[#8b8685] text-sm bg-inherit border-none cursor-pointer">
+              订阅管理 >
+            </button>
+          </div>
+
+          <!-- 用户头像和信息 -->
+          <div class="flex flex-col items-center mt-2">
+            <client-only>
+              <img :src="userInfo.avatar" alt="头像" class="w-20 h-20 rounded-full mb-3">
+              <span class="text-white text-sm mb-2">{{ userInfo.nickName }}</span>
+            </client-only>
+            <div class="flex items-center text-[#8b8685] text-xs">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                class="h-4 w-4 mr-1"
+                viewBox="0 0 20 20"
+                fill="currentColor"
+              >
+                <path
+                  d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
+                />
+              </svg>
+              您还不是魔创未来的会员
+            </div>
+          </div>
+
+          <!-- 开通会员按钮 -->
+          <button
+            class="w-full bg-[#f2d5bc] text-[#6b4f3f] rounded-full py-2.5 mt-8 font-medium cursor-pointer"
+            @click="showPayment"
+          >
+            开通会员
+          </button>
+
+          <!-- 兑换会员链接 -->
+          <div class="text-center mt-3">
+            <button class="text-[#8b8685] text-sm bg-inherit border-none cursor-pointer">
+              兑换会员
+            </button>
+          </div>
+        </div>
+
+        <!-- 右侧内容 -->
+        <div class="flex-1 space-y-4">
+          <!-- 余额信息卡片 -->
+          <div class="bg-[#2b2421] rounded-lg p-6">
+            <div class="grid grid-cols-3 gap-8">
+              <!-- 算力余额 -->
+              <div>
+                <h3 class="text-[#c3986b] mb-4">
+                  算力余额
+                </h3>
+                <div class="flex items-center mb-2">
+                  <span class="text-[#c3986b] mr-2">300点</span>
+                  <button class="text-[#c3986b] bg-inherit border-none cursor-pointer">
+                    充值 >
+                  </button>
+                </div>
+                <button class="text-white bg-inherit border-none cursor-pointer p-0">
+                  算力明细 >
+                </button>
+              </div>
+
+              <!-- 生图加速余额 -->
+              <div>
+                <h3 class="text-[#c3986b] mb-4">
+                  生图加速余额
+                </h3>
+                <div class="flex items-center mb-2">
+                  <span class="text-[#c3986b] mr-2">0次</span>
+                  <button class="text-[#c3986b] bg-inherit border-none cursor-pointer">
+                    充值 >
+                  </button>
+                </div>
+                <button class="text-white bg-inherit border-none cursor-pointer p-0">
+                  加速明细 >
+                </button>
+              </div>
+
+              <!-- 训练加速余额 -->
+              <div>
+                <h3 class="text-[#c3986b] mb-4">
+                  训练加速余额
+                </h3>
+                <div class="flex items-center mb-2">
+                  <span class="text-[#c3986b]">0次</span>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- 存储空间卡片 -->
+          <div class="bg-[#2b2421] rounded-lg p-6">
+            <div class="flex items-center gap-6 mb-6">
+              <span class="text-[#c3986b] text-lg">我的存储空间</span>
+              <button class="text-[#8b8685] bg-inherit border-none cursor-pointer p-0">
+                管理图库
+              </button>
+              <button class="text-[#8b8685] bg-inherit border-none cursor-pointer p-0">
+                管理训练
+              </button>
+            </div>
+
+            <!-- 进度条 -->
+            <div class="relative">
+              <div class="h-1 bg-[#3a322e] rounded-full">
+                <div class="absolute right-0 -top-6 text-[#8b8685] text-sm">
+                  0G/3G
+                </div>
+              </div>
+            </div>
+
+            <!-- 图例 -->
+            <div class="flex gap-4 mt-4">
+              <div class="flex items-center">
+                <div class="w-2 h-2 bg-blue-500 rounded-full mr-2" />
+                <span class="text-[#8b8685] text-sm">生图</span>
+              </div>
+              <div class="flex items-center">
+                <div class="w-2 h-2 bg-purple-500 rounded-full mr-2" />
+                <span class="text-[#8b8685] text-sm">训练</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="bg-gradient-to-b from-[#fdf6e3] to-[#ffffff] w-full flex justify-center py-8"
+    >
+      <div class="w-[1145px]">
+        <div class="grid grid-cols-5 gap-1">
+          <div
+            v-for="(item, index) in memberLevelList"
+            :key="index"
+            class="h-56 border-1 border-solid border-[#fff] rounded-lg bg-gradient-to-b from-[#fdf0dd] to-[#fef8ef] flex justify-between items-center flex-col p-4 box-border"
+          >
+            <div class="text-[#e08909] card-item">
+              {{ item.memberName }}
+            </div>
+            <div class="card-item">
+              <span class="text-[#814600] text-[20px] mr-2">¥</span>
+              <span class="text-[#814600] text-[40px] mr-2">{{ item.unitPrice }}</span>
+              <span class="text-gray-400 text-[20px] line-through">¥{{ item.originalPrice }}</span>
+            </div>
+            <div class="card-item text-[#e08909] w-7/10 text-center text-[12px]">
+              {{ item.subscriptionPeriod }}
+            </div>
+            <div class="card-item">
+              <button
+                class="bg-gradient-to-r from-[#fbdfa4] to-[#f3c180] text-[#4c3d33] w-40 h-10 rounded-full text-[12px] border-none cursor-pointer"
+              >
+                立即开通
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="py-8">
+          <div class="flex justify-center mb-4">
+            <div class="text-xl font-bold">
+              会员权益
+            </div>
+          </div>
+          <div class="flex gap-2">
+            <div class="w-1/4 h-20 bg-[#f7f0ea] flex justify-center items-center">
+              会员权益
+            </div>
+            <div class="w-1/4 h-20 bg-[#f5f5f5] flex justify-center items-center">
+              用户免费
+            </div>
+            <div class="w-1/4 h-20 bg-[#fdf6ea] flex justify-center items-center">
+              基础版VIP
+            </div>
+            <div class="w-1/4 h-20 bg-[#fce6bf] flex justify-center items-center">
+              专业版VIP
+            </div>
+          </div>
+          <div class="flex gap-2">
+            <div class="w-1/4 h-10 bg-[#fff] flex justify-center items-center">
+              算力
+            </div>
+            <div class="w-1/4 h-10 bg-[#fff] flex justify-center items-center">
+              每天300点
+            </div>
+            <div class="w-1/4 h-10 bg-[#fff] flex justify-center items-center">
+              每月15000点
+            </div>
+            <div class="w-1/4 h-10 bg-[#fff] flex justify-center items-center">
+              每月35000点
+            </div>
+          </div>
+          <div class="flex gap-2">
+            <div class="w-1/4 h-10 bg-[#f7f0ea] flex justify-center items-center">
+              算力
+            </div>
+            <div class="w-1/4 h-10 bg-[#f5f5f5] flex justify-center items-center">
+              每天300点
+            </div>
+            <div class="w-1/4 h-10 bg-[#fdf6ea] flex justify-center items-center">
+              每月15000点
+            </div>
+            <div class="w-1/4 h-10 bg-[#fce6bf] flex justify-center items-center">
+              每月35000点
+            </div>
+          </div>
+          <div class="flex gap-2">
+            <div class="w-1/4 h-10 bg-[#fff] flex justify-center items-center">
+              算力
+            </div>
+            <div class="w-1/4 h-10 bg-[#fff] flex justify-center items-center">
+              每天300点
+            </div>
+            <div class="w-1/4 h-10 bg-[#fff] flex justify-center items-center">
+              每月15000点
+            </div>
+            <div class="w-1/4 h-10 bg-[#fff] flex justify-center items-center">
+              每月35000点
+            </div>
+          </div>
+          <div class="flex gap-2">
+            <div class="w-1/4 h-10 bg-[#f7f0ea] flex justify-center items-center">
+              算力
+            </div>
+            <div class="w-1/4 h-10 bg-[#f5f5f5] flex justify-center items-center">
+              每天300点
+            </div>
+            <div class="w-1/4 h-10 bg-[#fdf6ea] flex justify-center items-center">
+              每月15000点
+            </div>
+            <div class="w-1/4 h-10 bg-[#fce6bf] flex justify-center items-center">
+              每月35000点
+            </div>
+          </div>
+        </div>
+        <div class="text-[#999] text-[12px]">
+          <div class="mt-1">
+            会员每月算力和加速特权按月下发，有效期31天，到期重置。会员模型下载次数上限为每月200次
+          </div>
+          <div class="mt-1">
+            发票或团队/企业定制需求，请点击立即咨询联系我们，企业合作需求也可直接联系chujie@liblib.ai
+          </div>
+          <div class="mt-1">
+            更多问题可见帮助中心
+          </div>
+        </div>
+      </div>
+    </div>
+    <Payment ref="PaymentRef" />
   </div>
 </template>
 
 <style scoped>
-.p-4 {
-  padding: 1rem;
+.card-item {
+  @apply flex items-center justify-center h-1/4;
 }
-.mb-4 {
-  margin-bottom: 1rem;
-}
-.flex {
-  display: flex;
-}
-.gap-4 {
-  gap: 1rem;
-}
-.items-center {
-  align-items: center;
-}
-.w-64 {
-  width: 16rem;
-}
-</style>
\ No newline at end of file
+</style>
diff --git a/app/pages/model-details/[id].vue b/app/pages/model-details/[id].vue
new file mode 100644
index 0000000..634c1f1
--- /dev/null
+++ b/app/pages/model-details/[id].vue
@@ -0,0 +1,33 @@
+<script setup lang="ts">
+definePageMeta({
+  layout: 'default',
+})
+import {
+  Play,
+  Download,
+} from "lucide-vue-next";
+// const route = useRoute<'publishDetails-id'>()
+
+// const id = route.params.id
+</script>
+
+<template>
+  <div class="flex justify-center">
+    <div class="w-[1125px]">
+        <div class="flex items-center">
+          <div class="text-[26px] font-bold mr-2">名称</div>
+          <component :is="Play" class="h-[14px] w-[14px] text-white menu-icon m-1" />
+            <span>
+              <!-- {{ item.reals }} -->0
+            </span>
+            <component
+              :is="Download"
+              class="h-[14px] w-[14px] text-white menu-icon m-1"
+            />
+            <span>
+              <!-- {{ item.numbers }} -->0
+            </span>
+        </div>
+    </div>
+  </div>
+</template>
diff --git a/app/pages/model-square.vue b/app/pages/model-square.vue
index 1146f9e..1967f4b 100644
--- a/app/pages/model-square.vue
+++ b/app/pages/model-square.vue
@@ -1,12 +1,47 @@
 <script setup lang="ts">
+import { ref } from 'vue'
+
 definePageMeta({
   layout: 'default',
 })
+
+const myItems = [1, 2, 3, 4, 5, 6, 7]
+const scrollListRef = ref(null)
+
+// 处理选中项改变
+function handleChange(index) {
+  console.log('Current index:', index)
+}
+
+// 处理项目点击
+function handleItemClick({ index, item }) {
+  console.log('Clicked item:', item, 'at index:', index)
+}
 </script>
 
 <template>
   <div class="p-6">
-    <h1 class="text-2xl font-bold">模型广场</h1>
+    <h1 class="text-2xl font-bold">
+      模型广场
+    </h1>
+    <!-- <ScrollListView
+      ref="scrollListRef"
+      title="My Scroll List"
+      :items="myItems"
+      :initial-index="2"
+      @change="handleChange"
+      @item-click="handleItemClick"
+    >
+      <template #item="{ item }">
+        <div class="custom-item">
+          <span>{{ item }}</span>
+        </div>
+      </template>
+    </ScrollListView> -->
+    <!-- <button @click="handleTest">测试</button>
+    <client-only>
+      {{ useUser.brief }}
+    </client-only> -->
     <!-- 这里添加模型广场的具体内容 -->
   </div>
-</template>
\ No newline at end of file
+</template>
diff --git a/app/pages/personal-center/index.vue b/app/pages/personal-center/index.vue
new file mode 100644
index 0000000..bc232ba
--- /dev/null
+++ b/app/pages/personal-center/index.vue
@@ -0,0 +1,462 @@
+<script setup lang="ts">
+import { debug } from 'node:console'
+import { commonApi } from '@/api/common'
+import defaultAvatar from '@/assets/img/default-avatar.png'
+import EditUserInfo from '@/components/EditUserInfo.vue'
+import { useUserStore } from '@/stores/user'
+import { formatDate } from '@/utils/index.ts'
+import { debounce } from 'lodash-es'
+import { onMounted, onUnmounted, ref } from 'vue'
+
+definePageMeta({
+  layout: 'default',
+})
+interface UserInfo {
+  nickName?: string // 使用 ? 表示 nickName 是可选的
+  avatar?: string
+  name?: string
+  brief?: string
+}
+const userStore = useUserStore()
+const userInfo: UserInfo = userStore.userInfo
+
+// 当前是发布还是点赞？
+const currentState = ref('mallProduct')
+// 当前是模型还是工作流还是图片？
+const currentType = ref('0')
+
+const orderOptions = ref([
+  {
+    dictLabel: '最新',
+    dictValue: 'create_time',
+  },
+  {
+    dictLabel: '最热',
+    dictValue: 'like_num',
+  },
+])
+
+const stateList = ref([
+  { id: 'mallProduct', title: '发布' },
+  { id: 'like', title: '点赞' },
+])
+const typeList = ref([
+  { id: '0', title: '模型' },
+  { id: '1', title: '工作流' },
+  { id: '2', title: '图片' },
+])
+
+// 发布的form查询条件
+const publishParams = ref({
+  pageNum: 1,
+  pageSize: 12,
+  status: '0',
+  orderByColumn: 'create_time',
+  date: null,
+  endTime: '',
+  startTime: '',
+})
+
+function initPublishParams() {
+  publishParams.value = {
+    pageNum: 1,
+    pageSize: 12,
+    status: '0',
+    orderByColumn: 'create_time',
+    date: null,
+    endTime: '',
+    startTime: '',
+  }
+}
+
+// 点赞form的查询条件
+const likesParams = ref({
+  pageNum: 1,
+  pageSize: 12,
+  orderByColumn: 'create_time',
+})
+
+function initLikesParams() {
+  likesParams.value = {
+    pageNum: 1,
+    pageSize: 12,
+    orderByColumn: 'create_time',
+  }
+}
+
+const urlList = ref({
+  mallProduct: {
+    0: '/model/selectByUserIdModel',
+    1: '/model/selectByUserIdWorkFlow',
+    2: '/model/selectByUserIdImage',
+  },
+  like: {
+    0: '/model/likeModel',
+    1: '/model/likeWorkFlow',
+    2: '/model/likeImage',
+  },
+})
+
+// 获取数据字典
+
+const statusOptions = ref([])
+async function getDictType() {
+  try {
+    const res = await commonApi.dictType({
+      type: 'mall_product_status',
+    })
+    if (res.code === 200 && res.data.length > 0) {
+      statusOptions.value = res.data
+      publishParams.value.status = res.data[0].dictValue
+    }
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+getDictType()
+
+// 编辑用户信息
+interface EditUserInfoType {
+  isVisible: boolean
+}
+const editUserInfoRef = ref<EditUserInfoType | null>(null)
+function onEditInfo() {
+  if (editUserInfoRef.value) {
+    editUserInfoRef.value.isVisible = true
+  }
+}
+
+// 实名认证
+interface AuthComponentType {
+  isVisible: boolean
+}
+const authenticationRef = ref<AuthComponentType | null>(null)
+function onAuth() {
+  if (authenticationRef.value) {
+    authenticationRef.value.isVisible = true
+  }
+}
+
+function initChangeParams() {
+  if (currentState.value === 'mallProduct') {
+    initPublishParams()
+  }
+  else {
+    initLikesParams()
+  }
+  getList()
+}
+// 切换发布/点赞
+function changeTabs(id: string) {
+  currentState.value = id
+  currentType.value = '0'
+  initChangeParams()
+}
+
+// 切换模型/工作流/图片
+function changeType(id: string) {
+  currentType.value = id
+  initChangeParams()
+}
+function initPageNUm() {
+  if (currentState.value === 'mallProduct') {
+    publishParams.value.pageNum = 1
+  }
+  else {
+    likesParams.value.pageNum = 1
+  }
+  getList()
+}
+
+// 切换select全部状态/已发布/
+function changeStatus(value: string) {
+  publishParams.value.status = value
+  initPageNUm()
+}
+
+// 切换发布的最热/最新
+function changeOrder(value: string) {
+  publishParams.value.orderByColumn = value
+  initPageNUm()
+}
+
+// 切换点赞的最热/最新
+function changeLikeOrder(value: string) {
+  likesParams.value.orderByColumn = value
+  initPageNUm()
+}
+
+// 切换日期
+async function changeDate(value: string[]) {
+  publishParams.value.startTime = `${await formatDate(value[0] as string)} 00:00:00`
+  publishParams.value.endTime = `${await formatDate(value[1] as string)} 23:59:59`
+  initPageNUm()
+}
+
+// 获取用户点赞/粉丝/关注数量
+interface SelectUserInfo {
+  likeCount: number
+  bean: number
+  download: number
+  attention: number
+}
+const selectUserInfo = ref<SelectUserInfo>({
+  likeCount: 0,
+  bean: 0,
+  download: 0,
+  attention: 0,
+})
+async function getAttention() {
+  try {
+    const res = await request.get('/attention/selectUserInfo')
+    if (res.code === 200) {
+      selectUserInfo.value = res.data
+    }
+  }
+  catch (err) {
+    console.log(err)
+  }
+}
+getAttention()
+
+// Banner 样式
+const bannerStyle = {
+  backgroundImage:
+    'url(\'https://liblibai-web-static.liblib.cloud/liblibai_v4_online/static/_next/static/images/defaultBgImg.381282c0f2b01780c83d8fe6dc0aa90a.png\')',
+}
+
+// 定义响应接口
+interface ApiResponse<T> {
+  code: number
+  rows: T[]
+  message: string
+}
+// 定义数据接口
+interface UserData {
+  id: number
+  name: string
+  email: string
+  status: number
+}
+// 查询发布模型接口
+const dataList = ref([])
+async function getList() {
+  let params = {}
+  if (currentState.value === 'mallProduct') {
+    params = publishParams.value
+  }
+  else {
+    params = likesParams.value
+  }
+  const url = urlList.value[currentState.value][currentType.value]
+  try {
+    const res = await request.post<ApiResponse<UserData>>(url, params)
+    if (res.code === 200) {
+      dataList.value = res.rows
+    }
+    else {
+      dataList.value = []
+    }
+  }
+  catch (err) {
+    dataList.value = []
+    console.log(err)
+  }
+}
+getList()
+
+function topedRefresh() {
+}
+</script>
+
+<template>
+  <div class="mx-auto container">
+    <!-- Banner Section -->
+    <div class="banner-content h-32 bg-blue bg-cover bg-center" :style="bannerStyle" />
+
+    <!-- User Info Section -->
+    <div class="info-content mt-[-50px] p-5">
+      <div class="edit-info-content flex items-center">
+        <!-- Avatar -->
+
+        <div class="mc-head mr-5 h-20 w-20 rounded-full bg-white shadow-lg flex items-center justify-center">
+          <div class="mc-head-inner h-18 w-18 m-1 rounded-full bg-blue-200">
+            <client-only>
+              <img
+                v-if="userInfo.avatar"
+                class="head-img m-1 h-16 w-16 rounded-full bg-white"
+                :src="userInfo.avatar ? userInfo.avatar : defaultAvatar"
+                alt="User Avatar"
+              >
+            </client-only>
+          </div>
+        </div>
+
+        <!-- Edit Info Button -->
+        <div
+          class="edit-info mr-2 cursor-pointer rounded-full bg-white px-5 py-2 shadow-md"
+          @click="onEditInfo()"
+        >
+          编辑资料
+        </div>
+        <!-- Real Name Verification -->
+        <div
+          v-if="userInfo.name"
+          class="edit-info rounded-full bg-white px-5 py-2 shadow-md"
+        >
+          已经实名
+        </div>
+        <div
+          v-else
+          class="edit-info cursor-pointer rounded-full bg-white px-5 py-2 shadow-md"
+          @click="onAuth()"
+        >
+          去实名
+        </div>
+      </div>
+
+      <!-- User Details -->
+      <div class="user-info mt-4">
+        <div v-if="userInfo.nickName" class="nickname text-2xl font-bold">
+          <!-- {{ userInfo.nickName }} -->微信用户1243
+        </div>
+        <div v-if="userInfo.brief" class="info-desc mt-1 text-sm text-gray-700">
+          {{ userInfo.brief }}
+        </div>
+        <div class="production-state mt-4 flex text-sm text-gray-700">
+          <div class="production-state-item mr-5">
+            <span class="production-state-number font-bold">{{
+              selectUserInfo.bean ? selectUserInfo.bean : 0
+            }}</span>
+            粉丝
+          </div>
+          <div class="production-state-item mr-5">
+            <span class="production-state-number font-bold">{{
+              selectUserInfo.attention ? selectUserInfo.attention : 0
+            }}</span>
+            关注
+          </div>
+          <div class="production-state-item mr-5">
+            <span class="production-state-number font-bold">{{
+              selectUserInfo.download ? selectUserInfo.download : 0
+            }}</span>
+            作品被使用次数
+          </div>
+          <div class="production-state-item">
+            <span class="production-state-number font-bold">{{
+              selectUserInfo.likeCount ? selectUserInfo.likeCount : 0
+            }}</span>
+            作品被点赞次数
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="mc-tabs flex px-5 pb-3" style="border-bottom: 1px solid #e0e0e0">
+      <div
+        v-for="(item, index) in stateList"
+        :key="index"
+        class="mc-tabs-btn mr-2 cursor-pointer rounded-full px-5 py-1"
+        :class="{
+          'bg-black text-white': currentState === item.id,
+          'bg-white text-black': currentState !== item.id,
+        }"
+        @click="changeTabs(item.id)"
+      >
+        {{ item.title }}
+      </div>
+    </div>
+
+    <div class="select-content mt-4 flex items-center justify-between px-5">
+      <div class="flex items-center rounded-full bg-gray-100">
+        <div
+          v-for="(item, index) in typeList"
+          :key="index"
+          class="m-1 mr-2 cursor-pointer rounded-full px-4 py-1 text-sm"
+          :class="{
+            'bg-white': item.id === currentType,
+          }"
+          @click="changeType(item.id)"
+        >
+          {{ item.title }}
+        </div>
+      </div>
+
+      <!-- Published Works Filters -->
+      <div v-if="currentState === 'mallProduct'" class="flex items-center">
+        <div>
+          <n-select
+            v-model:value="publishParams.status"
+            :options="statusOptions"
+            label-field="dictLabel"
+            value-field="dictValue"
+            placeholder="请选择"
+            style="width: 180px;"
+            class="mr-2"
+            @update:value="changeStatus"
+          />
+        </div>
+        <div>
+          <n-select
+            v-model:value="publishParams.orderByColumn"
+            :options="orderOptions"
+            label-field="dictLabel"
+            value-field="dictValue"
+            placeholder="请选择"
+            class="mr-2 w-28"
+            @update:value="changeOrder"
+          />
+        </div>
+        <div>
+          <n-date-picker
+            v-model:value="publishParams.date"
+            type="daterange"
+            style="width: 230px;"
+            format="yyyy-MM-dd"
+            value-format="yyyy.MM.dd"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            clearable
+            @update:value="changeDate"
+          />
+        </div>
+      </div>
+
+      <!-- Liked Works Filters -->
+      <div v-if="currentState === 'like'" class="flex items-center">
+        <NSelect
+          v-model:value="likesParams.orderByColumn"
+          :options="orderOptions"
+          label-field="dictLabel"
+          value-field="dictValue"
+          placeholder="请选择"
+          class="w-32"
+          @update:value="changeLikeOrder"
+        />
+      </div>
+    </div>
+
+    <!-- Dialog Components -->
+    <Authentication ref="authenticationRef" />
+    <EditUserInfo ref="editUserInfoRef" />
+
+    <div class="login-content my-4 grid grid-cols-4 gap-4 px-5">
+      <PersonalCenterCard
+        v-for="(item, index) in dataList"
+        :key="index"
+        :item="item"
+        :current-type="currentType"
+        :current-state="currentState"
+        @toped-refresh="topedRefresh"
+      />
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.edit-info {
+  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
+}
+</style>
diff --git a/app/pages/publish-model/index.vue b/app/pages/publish-model/index.vue
new file mode 100644
index 0000000..0542e4c
--- /dev/null
+++ b/app/pages/publish-model/index.vue
@@ -0,0 +1,177 @@
+<template>
+  <n-form
+    ref="formRef"
+    :model="formData"
+    :rules="rules"
+    label-placement="left"
+    label-width="auto"
+    require-mark-placement="right-hanging"
+    size="large"
+    :style="{
+      maxWidth: '640px',
+    }"
+  >
+    <n-form-item label="模型名称" path="inputValue">
+      <n-input v-model:value="formData.inputValue" placeholder="Input" />
+    </n-form-item>
+    <n-form-item label="模型类型" path="inputValue">
+      <n-select v-model:value="formData.value" :options="cuileioptions" />
+    </n-form-item>
+    <n-form-item label="Checkbox Group" path="checkboxGroupValue">
+      <n-checkbox-group v-model:value="formData.checkboxGroupValue">
+        <n-space>
+          <n-checkbox value="Option 1"> Option 1 </n-checkbox>
+          <n-checkbox value="Option 2"> Option 2 </n-checkbox>
+          <n-checkbox value="Option 3"> Option 3 </n-checkbox>
+        </n-space>
+      </n-checkbox-group>
+    </n-form-item>
+    <n-form-item label="Radio Group" path="radioGroupValue">
+      <n-radio-group v-model:value="formData.radioGroupValue" name="radiogroup1">
+        <n-space>
+          <n-radio value="Radio 1"> Radio 1 </n-radio>
+          <n-radio value="Radio 2"> Radio 2 </n-radio>
+          <n-radio value="Radio 3"> Radio 3 </n-radio>
+        </n-space>
+      </n-radio-group>
+    </n-form-item>
+    <n-form-item label="Radio Button Group" path="radioGroupValue">
+      <n-radio-group v-model:value="formData.radioGroupValue" name="radiogroup2">
+        <n-radio-button value="Radio 1"> Radio 1 </n-radio-button>
+        <n-radio-button value="Radio 2"> Radio 2 </n-radio-button>
+        <n-radio-button value="Radio 3"> Radio 3 </n-radio-button>
+      </n-radio-group>
+    </n-form-item>
+    <div style="display: flex; justify-content: flex-end">
+      <n-button round type="primary" @click="addWorkflow"> 验证 </n-button>
+    </div>
+  </n-form>
+
+  <!-- <pre
+    >{{ JSON.stringify(model, null, 2) }}
+  </pre> -->
+</template>
+
+<script setup lang="ts">
+import type { FormInst, FormItemRule } from "naive-ui";
+import { useMessage } from "naive-ui";
+import { defineComponent, ref } from "vue";
+import { commonApi } from "@/api/common";
+const formRef = ref<FormInst | null>(null);
+const cuileioptions = ref([
+  { label: "Option 1", value: "Option 1" },
+  { label: "Option 2", value: "Option 1" },
+  { label: "Option 3", value: "Option 1" },
+]);
+const message = useMessage();
+const rules: Record<string, FormItemRule[]> = {
+    
+}
+const formData = ref({
+  inputValue: null,
+  textareaValue: null,
+  selectValue: null,
+  multipleSelectValue: null,
+  datetimeValue: null,
+  nestedValue: {
+    path1: null,
+    path2: null,
+  },
+  switchValue: false,
+  checkboxGroupValue: null,
+  radioGroupValue: null,
+  radioButtonGroupValue: null,
+  inputNumberValue: null,
+  timePickerValue: null,
+  transferValue: null,
+})
+const addWorkflow = async() => {
+    try {
+        const params = {
+          modelProduct:{
+            modelName: '模型名称',
+            modelTypeId: 1, //,，模型类型
+            category: '1', //垂类分类
+            functions:'1', //'模型功能',
+            tags:'11', //标签（最多三个，切割）string
+            activityId: '1', //参与活动string
+
+            isOriginal:1, //??? 0原创1非原创
+            originalAuthorName:'作者名称',
+          },
+           
+          modelVersionList:[
+                {
+                  versionName:'1.0', //	版本名称
+                  modelId:1, //基础模型
+                  versionDescription:'"<p>这是一个描述</p><p><img src=\"https://img1.baidu.com/it/u=3001150338,397170470&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1422\" /></p><p>这是两张图片之间的一些文字说明</p><p><img src=\"https://img12.iqilu.com/10339/clue/202405/29/68ec17f5-9621-461f-ad22-a6820a3f9cf5.jpg\" /></p>"', //版本描述
+                  filePath:'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', //文件路径
+                    fileName:'', //文档里没有 ，表里没有
+                    sampleImagePaths:'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', //第三部的图片路径最多20张,切割
+                    triggerWords:'触发词', //触发词
+                    isPublic:1, //权限是否公开权限 1公开 2自见
+                    allowFusion:1, //待确定
+                    allowDownloadImage:1,	//允许下载生图
+                    allowUsage:1,	//是否允许使用
+                    allowSoftwareUse:1,	//允许在软件旗下使用
+                    allowCommercialUse:1,	//是否允许商用
+                    // 允许模型转售或者融合手出售字段没找到？
+                    isExclusiveModel:1,//是否为独家模型这个字段
+                }
+            ]
+        }
+        const res = await request.post("/model/insert", params);
+    }catch (error) {
+      console.log(error);
+    }
+}
+// const handleValidateButtonClick = (e: MouseEvent) => {
+//   e.preventDefault();
+//   formRef.value?.validate((errors) => {
+//     if (!errors) {
+//       message.success("验证成功");
+//     } else {
+//       console.log(errors);
+//       message.error("验证失败");
+//     }
+//   });
+// };
+
+  const modelPartCategory = ref([]); //垂类一级
+  const modelChildCategory = ref([]); //垂类一级
+  const workFlowFunctions = ref([]); //垂类一级
+
+const getDictType = async() => {
+  // model_part_category:[], //垂类一级
+  // model_child_category:[], //垂类二级
+  // work_flow_functions:[], //功能
+  try {
+    const [res1, res2, res3] = await Promise.all([
+      commonApi.dictType({ type: "model_part_category" }),
+      commonApi.dictType({ type: "model_child_category" }),
+      commonApi.dictType({ type: "work_flow_functions" }),
+    ]);
+
+    modelPartCategory.value = res1.data;
+    modelChildCategory.value = res2.data;
+    workFlowFunctions.value = res3.data;
+    let categoryList = modelPartCategory;
+    // 遍历第一个数据数组，检查是否有子项
+    categoryList.value.forEach((item) => {
+      // 给每个对象添加一个children属性，初始化为空数组
+      item.children = [];
+      // 遍历第二个数据数组
+      modelChildCategory.value.forEach((child) => {
+        // 检查parentId是否与dictValue相等
+        if (child.partId === item.dictCode) {
+          // 将符合条件的子项放入children数组中
+          item.children.push(child);
+        }
+      });
+    });
+    categoryList = categoryList;
+  } catch (error) {
+    console.log(error);
+  }
+};
+</script>
diff --git a/app/pages/publish-workflow/index.vue b/app/pages/publish-workflow/index.vue
new file mode 100644
index 0000000..5018503
--- /dev/null
+++ b/app/pages/publish-workflow/index.vue
@@ -0,0 +1,182 @@
+<template>
+  <n-form
+    ref="formRef"
+    :model="formData"
+    :rules="rules"
+    label-placement="left"
+    label-width="auto"
+    require-mark-placement="right-hanging"
+    size="large"
+    :style="{
+      maxWidth: '640px',
+    }"
+  >
+    <n-form-item label="工作流名称" path="inputValue">
+      <n-input v-model:value="formData.inputValue" placeholder="Input" />
+    </n-form-item>
+    <n-form-item label="工作流名称" path="inputValue">
+      <!-- <n-input v-model:value="model.inputValue" placeholder="Input" /> -->
+      <n-select v-model:value="formData.value" :options="cuileioptions" />
+    </n-form-item>
+    <n-form-item label="Checkbox Group" path="checkboxGroupValue">
+      <n-checkbox-group v-model:value="formData.checkboxGroupValue">
+        <n-space>
+          <n-checkbox value="Option 1"> Option 1 </n-checkbox>
+          <n-checkbox value="Option 2"> Option 2 </n-checkbox>
+          <n-checkbox value="Option 3"> Option 3 </n-checkbox>
+        </n-space>
+      </n-checkbox-group>
+    </n-form-item>
+    <n-form-item label="Radio Group" path="radioGroupValue">
+      <n-radio-group v-model:value="formData.radioGroupValue" name="radiogroup1">
+        <n-space>
+          <n-radio value="Radio 1"> Radio 1 </n-radio>
+          <n-radio value="Radio 2"> Radio 2 </n-radio>
+          <n-radio value="Radio 3"> Radio 3 </n-radio>
+        </n-space>
+      </n-radio-group>
+    </n-form-item>
+    <n-form-item label="Radio Button Group" path="radioGroupValue">
+      <n-radio-group v-model:value="formData.radioGroupValue" name="radiogroup2">
+        <n-radio-button value="Radio 1"> Radio 1 </n-radio-button>
+        <n-radio-button value="Radio 2"> Radio 2 </n-radio-button>
+        <n-radio-button value="Radio 3"> Radio 3 </n-radio-button>
+      </n-radio-group>
+    </n-form-item>
+    <div style="display: flex; justify-content: flex-end">
+      <n-button round type="primary" @click="addWorkflow"> 验证 </n-button>
+    </div>
+  </n-form>
+
+  <!-- <pre
+    >{{ JSON.stringify(model, null, 2) }}
+  </pre> -->
+</template>
+
+<script setup lang="ts">
+import type { FormInst, FormItemRule } from "naive-ui";
+import { useMessage } from "naive-ui";
+import { defineComponent, ref } from "vue";
+import { commonApi } from "@/api/common";
+const formRef = ref<FormInst | null>(null);
+const cuileioptions = ref([
+  { label: "Option 1", value: "Option 1" },
+  { label: "Option 2", value: "Option 1" },
+  { label: "Option 3", value: "Option 1" },
+]);
+const message = useMessage();
+const rules: Record<string, FormItemRule[]> = {
+    
+}
+const formData = ref({
+  inputValue: null,
+  textareaValue: null,
+  selectValue: null,
+  multipleSelectValue: null,
+  datetimeValue: null,
+  nestedValue: {
+    path1: null,
+    path2: null,
+  },
+  switchValue: false,
+  checkboxGroupValue: null,
+  radioGroupValue: null,
+  radioButtonGroupValue: null,
+  inputNumberValue: null,
+  timePickerValue: null,
+  transferValue: null,
+})
+const addWorkflow = async() => {
+    try {
+        const params = {
+            workFlow:{
+            workflowName:'工作流名称',
+            category:'1', //垂类
+            theme:'1', //主体
+            style:'1', //风格
+            functions:'1', //功能
+            activityParticipation:'1', //参与活动
+            jurisdiction:1, //是否公开权限 1公开 2自见
+            original:1, //0代表原创 1代表转载
+            authorName:'作者名称', //原文作者名字
+            onlineUse:0, //是否允许在线使用0允许 1不允许
+            download: 1, //是否允许下载工作流0允许 1不允许
+            sell:1, 	//是否允许出售或商用(0允许 1不允许)
+            },
+           
+            workFlowVersionList:[
+                {
+                    versionName:'1.0', //	版本名称
+                    versionDescription:'"<p>这是一个描述</p><p><img src=\"https://img1.baidu.com/it/u=3001150338,397170470&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1422\" /></p><p>这是两张图片之间的一些文字说明</p><p><img src=\"https://img12.iqilu.com/10339/clue/202405/29/68ec17f5-9621-461f-ad22-a6820a3f9cf5.jpg\" /></p>"', //版本描述
+                    filePath:'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', //文件路径
+                    fileName:'文件名称其实是个图片', //文件名称
+                    imagePaths:'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', //第三部的图片路径最多20张,切割
+                    hideGenInfo:0, //是否隐藏生成信息 0隐藏 1不隐藏
+                },
+                {
+                    versionName:'2.0', //	版本名称
+                    versionDescription:'"<p>这是一个描述</p><p><img src=\"https://img1.baidu.com/it/u=3001150338,397170470&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1422\" /></p><p>这是两张图片之间的一些文字说明</p><p><img src=\"https://img12.iqilu.com/10339/clue/202405/29/68ec17f5-9621-461f-ad22-a6820a3f9cf5.jpg\" /></p>"', //版本描述
+                    filePath:'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', //文件路径
+                    fileName:'文件名称其实是个图片', //文件名称
+                    imagePaths:'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', //第三部的图片路径最多20张,切割
+                    hideGenInfo:0, //是否隐藏生成信息 0隐藏 1不隐藏
+                }
+            ]
+        }
+        const res = await request.post("/WorkFlow/addWorkFlow", params);
+    }catch (error) {
+      console.log(error);
+    }
+}
+// const handleValidateButtonClick = (e: MouseEvent) => {
+//   e.preventDefault();
+//   formRef.value?.validate((errors) => {
+//     if (!errors) {
+//       message.success("验证成功");
+//     } else {
+//       console.log(errors);
+//       message.error("验证失败");
+//     }
+//   });
+// };
+
+  const modelPartCategory = ref([]); //垂类一级
+  const modelChildCategory = ref([]); //垂类一级
+  const workFlowFunctions = ref([]); //垂类一级
+
+const getDictType = async() => {
+  // model_part_category:[], //垂类一级
+  // model_child_category:[], //垂类二级
+  // work_flow_functions:[], //功能
+  try {
+    const [res1, res2, res3, res4] = await Promise.all([
+      commonApi.dictType({ type: "model_part_category" }),
+      commonApi.dictType({ type: "model_child_category" }),
+      commonApi.dictType({ type: "work_flow_functions" }),
+      commonApi.dictType({ type: "work_flow_style" }), //风格
+    ]);
+
+    modelPartCategory.value = res1.data;
+    modelChildCategory.value = res2.data;
+    workFlowFunctions.value = res3.data;
+    let categoryList = modelPartCategory;
+    // 遍历第一个数据数组，检查是否有子项
+    categoryList.value.forEach((item) => {
+      // 给每个对象添加一个children属性，初始化为空数组
+      item.children = [];
+      // 遍历第二个数据数组
+      modelChildCategory.value.forEach((child) => {
+        // 检查parentId是否与dictValue相等
+        if (child.partId === item.dictCode) {
+          // 将符合条件的子项放入children数组中
+          item.children.push(child);
+        }
+      });
+    });
+    categoryList = categoryList;
+  } catch (error) {
+    console.log(error);
+  }
+};
+getDictType()
+</script>
diff --git a/app/pages/publishDetails/[id].vue b/app/pages/publishDetails/[id].vue
deleted file mode 100644
index 2cdcc64..0000000
--- a/app/pages/publishDetails/[id].vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<script setup lang="ts">
-const route = useRoute<'publishDetails-id'>()
-const user = useUserStore()
-const name = route.params.id
-
-watchEffect(() => {
-  user.setNewName(route.params.id as string)
-})
-
-definePageMeta({
-  layout: 'home',
-})
-</script>
-
-<template>
-  <div>
-    <div i-twemoji:waving-hand inline-block animate-shake-x animate-duration-5000 text-4xl />
-    <h3 text-2xl font-500>
-      Hi,
-    </h3>
-    <div text-xl>
-      {{ name }}!
-    </div>
-
-    <template v-if="user.otherNames.length">
-      <div my-4 text-sm>
-        <span op-50>Also as known as:</span>
-        <ul>
-          <li v-for="otherName in user.otherNames" :key="otherName">
-            <router-link :to="`/hi/${otherName}`" replace>
-              {{ otherName }}
-            </router-link>
-          </li>
-        </ul>
-      </div>
-    </template>
-
-
-    <div>
-      <NuxtLink
-        class="m-3 text-sm btn"
-        to="/"
-      >
-        Back
-      </NuxtLink>
-    </div>
-  </div>
-</template>
diff --git a/app/pages/workflow-details/[id].vue b/app/pages/workflow-details/[id].vue
new file mode 100644
index 0000000..cc08e2e
--- /dev/null
+++ b/app/pages/workflow-details/[id].vue
@@ -0,0 +1,290 @@
+<script setup lang="ts">
+import { commonApi } from '@/api/common'
+import {
+  CircleUser,
+  Download,
+  EllipsisVertical,
+  HardDriveUpload,
+  Play,
+} from 'lucide-vue-next'
+import { ref } from 'vue'
+// 用于版本tabs当前选中的选项卡
+definePageMeta({
+  layout: 'default',
+})
+
+const route = useRoute()
+const { id } = route.params as { id: string }
+const activeTab = ref(null)
+
+const detailsInfo = ref({})
+// 版本信息
+const versionByWorkInfo = ref([])
+async function getInfo() {
+  try {
+    const res = await request.get(`/WorkFlow/selectWorkFlowById?id=${id}&type=1`)
+    if (res.code === 200) {
+      detailsInfo.value = res.data
+      // 1翻译
+      const res1 = await request.get(
+        `/WorkFlowVersion/selectVersionByWorkId?workId=${res.data.id}`,
+      )
+      if (res1.code === 200 && res1.data.length > 0) {
+        versionByWorkInfo.value = res1.data
+        versionByWorkInfo.value.forEach((item) => {
+          item.imagePathsList = item.imagePaths.split(',')
+        })
+        activeTab.value = versionByWorkInfo.value[0].id
+        const commentRes = await request.get(`/WorkFlowComment/comment/${res.data.id}`)
+      }
+    }
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+getInfo()
+
+// 获取用户点赞/粉丝/关注数量
+interface SelectUserInfo {
+  likeCount: number
+  bean: number
+  download: number
+  attention: number
+}
+const selectUserInfo = ref<SelectUserInfo>({
+  likeCount: 0,
+  bean: 0,
+  download: 0,
+  attention: 0,
+})
+
+// 获取点赞粉丝等的数量
+async function getAttention() {
+  try {
+    const res = await request.get('/attention/selectUserInfo')
+    if (res.code === 200) {
+      selectUserInfo.value = res.data
+    }
+  }
+  catch (err) {
+    console.log(err)
+  }
+}
+getAttention()
+
+// async function getAttention() {
+//   try {
+//     const res = await request.get("/WorkFlowComment/comment/{modelId}");
+//     if (res.code === 200) {
+//       selectUserInfo.value = res.data;
+//     }
+//   } catch (err) {
+//     console.log(err);
+//   }
+// }
+// getAttention();
+
+// async function getVersionByWork() {
+//   try {
+//     if (res.code === 200) {
+//     }
+//   } catch (err) {
+//     console.log(err);
+//   }
+// }
+// getVersionByWork();
+</script>
+
+<template>
+  <div class="flex justify-center">
+    <div class="w-[1125px] p-4">
+      <div class="flex items-center">
+        <div class="text-[26px] font-bold mr-4">
+          {{ detailsInfo.workflowName }}
+        </div>
+
+        <n-tooltip trigger="hover">
+          <template #trigger>
+            <div class="flex items-center bg-[#f4f5f9] px-2 rounded-full">
+              <component :is="Play" class="h-[14px] w-[14px] text-black menu-icon m-1" />
+              <span> {{ detailsInfo.useNumber }} </span>
+            </div>
+          </template>
+          在线生成数
+        </n-tooltip>
+
+        <n-tooltip trigger="hover">
+          <template #trigger>
+            <div class="flex items-center bg-[#f4f5f9] px-2 rounded-full mx-4">
+              <component
+                :is="Download"
+                class="h-[14px] w-[14px] text-black menu-icon m-1"
+              />
+              <span> {{ detailsInfo.downloadNumber }} </span>
+            </div>
+          </template>
+          下载数
+        </n-tooltip>
+
+        <n-tooltip trigger="hover">
+          <template #trigger>
+            <div class="flex items-center bg-[#f4f5f9] px-2 rounded-full">
+              <img src="@/assets/img/heart.png" class="w-[14px] h-[14px] mr-1" alt="">
+              <span> <!-- {{ item.numbers }} -->{{ detailsInfo.likeCount }} </span>
+            </div>
+          </template>
+          点赞数
+        </n-tooltip>
+      </div>
+
+      <div class="flex items-center mt-3 mb-5">
+        <div
+          v-for="(item, index) in detailsInfo.styleList"
+          :key="index"
+          class="text-[12px] bg-[#ebf2fe] p-1 px-2 text-[#557abf] mr-4 rounded-md"
+        >
+          {{ item }}
+        </div>
+      </div>
+      <div class="flex w-full gap-1">
+        <div class="w-2/3">
+          <div class="w-full">
+            <n-tabs v-model:value="activeTab" type="line" animated>
+              <n-tab-pane
+                v-for="(item, index) in versionByWorkInfo"
+                :key="index"
+                :name="item.id"
+                :tab="item.versionName"
+              >
+                <!-- 显示最后一步上传图片的图片 -->
+                <div class="grid grid-cols-2 gap-2.5 box-border">
+                  <img
+                    v-for="(subItem, index) in item.imagePathsList"
+                    :key="index"
+                    :src="subItem"
+                    class="w-full h-[300px]"
+                    alt=""
+                  >
+                </div>
+
+                <div v-if="detailsInfo.original === 1" class="font-bold text-[20px] my-6">
+                  转载自作者: {{ detailsInfo.authorName }}
+                </div>
+                <!-- 富文本中输入的文字 图片 -->
+                <div class="w-full">
+                  <div v-html="item.versionDescription" />
+                </div>
+              </n-tab-pane>
+            </n-tabs>
+          </div>
+        </div>
+        <div class="w-1/3 mt-3">
+          <div
+            class="flex justify-between text-[#a3a1a1] text-[12px] items-center -ml-60"
+          >
+            <div class="flex">
+              <div class="mr-2">
+                首发时间{{ detailsInfo.createTime }}
+              </div>
+              <div v-if="detailsInfo.updateTime">
+                更新时间：{{ detailsInfo.updateTime }}
+              </div>
+            </div>
+
+            <div>
+              <img src="@/assets/img/heart.png" class="w-[14px] h-[14px] mr-2" alt="">
+              <component
+                :is="EllipsisVertical"
+                class="h-[18px] w-[18px] text-[#557abf] menu-icon"
+              />
+            </div>
+          </div>
+          <div
+            class="flex items-center mt-10 p-2 bg-[#f3f5f9] w-full rounded-md h-[80px] box-border"
+          >
+            <div class="w-[70px] h-[70px] rounded-full overflow-hidden mr-4">
+              <img
+                src="@/assets/img/default-avatar.png"
+                class="w-full h-full mr-2 block"
+                alt=""
+              >
+            </div>
+            <div>
+              <div class="text[20px] font-bold">
+                微信用户ddsd
+              </div>
+              <!-- 0代表原创 1代表转载 -->
+              <div v-if="detailsInfo.original === 0" class="text-[14px]">
+                原创作者
+              </div>
+              <div class="flex items-center text-[#969798]">
+                <component
+                  :is="CircleUser"
+                  class="h-[12px] w-[12px] text-black menu-icon m-1 text-[#969798] m-0"
+                />
+                <span class="mr-2"> {{ selectUserInfo.bean }} </span>
+                <component
+                  :is="HardDriveUpload"
+                  class="h-[12px] w-[14px] text-black menu-icon m-1 text-[#969798]"
+                />
+                <span class="mr-2"> 2 </span>
+                <component
+                  :is="Play"
+                  class="h-[12px] w-[12px] text-black menu-icon m-1 text-[#969798]"
+                />
+                <span class="mr-2"> {{ detailsInfo.useNumber }} </span>
+                <component
+                  :is="Download"
+                  class="h-[12px] w-[12px] text-black menu-icon m-1 text-[#969798]"
+                />
+                <span class="mr-2"> {{ detailsInfo.downloadNumber }} </span>
+              </div>
+            </div>
+          </div>
+          <!-- 不支持的bg #b1b2b2 -->
+          <div
+            class="flex items-center justify-center mt-4 w-full h-14 text-white bg-[#3c7af6] w-full rounded-md h-[80px] cursor-pointer"
+          >
+            <component
+              :is="Play"
+              class="h-[20px] w-[20px] text-white menu-icon m-1 text-[#969798]"
+            />
+            <span class="mr-1"> 立即生图 </span>
+          </div>
+
+          <div
+            class="flex items-center justify-center mt-4 w-full h-14 text-black bg-[#eceef4] w-full rounded-md h-[80px] cursor-pointer hover:bg-[#f1f2f7]"
+          >
+            <component
+              :is="Download"
+              class="h-[20px] w-[20px] text-black menu-icon m-1 text-[#969798]"
+            />
+            <span class="mr-1"> 下载 (122.22MB) </span>
+          </div>
+
+          <!-- <div style="background: linear-gradient(135deg,#3cc9ff, #8fa6ff, 41%, #d8b4ff 74%,#326bff)" class="flex items-center justify-center mt-4 w-full h-14 text-black bg-[#fff] w-full rounded-md h-[80px] cursor-pointer hover:bg-[#f1f2f7]">
+            <component :is="Download" class="h-[20px] w-[20px] text-black menu-icon m-1 text-[#969798]" />
+            <span class="mr-1">
+              下载客户端
+            </span>
+          </div> -->
+
+          <div />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style>
+.header-num {
+  @apply flex items-center bg-[#f4f5f9] px-2 rounded-full;
+}
+.header-tag {
+  @apply flex items-center bg-[#f4f5f9] px-2 rounded-full;
+  display: flex;
+  align-self: flex-start;
+  justify-content: space-between;
+}
+</style>
diff --git a/app/plugins/naive-ui.ts b/app/plugins/naive-ui.ts
index f116856..ed3ae0e 100644
--- a/app/plugins/naive-ui.ts
+++ b/app/plugins/naive-ui.ts
@@ -1,20 +1,21 @@
-import { setup } from '@css-render/vue3-ssr'
 import { defineNuxtPlugin } from '#app'
+import { setup } from '@css-render/vue3-ssr'
 
 export default defineNuxtPlugin((nuxtApp) => {
-  if (process.server) {
+  if (import.meta.server) {
     const { collect } = setup(nuxtApp.vueApp)
     const originalRenderMeta = nuxtApp.ssrContext?.renderMeta
     nuxtApp.ssrContext!.renderMeta = () => {
       if (!originalRenderMeta) {
         return {
-          headTags: collect()
+          headTags: collect(),
         }
       }
       const originalMeta = originalRenderMeta()
       if ('headTags' in originalMeta) {
         originalMeta.headTags += collect()
-      } else {
+      }
+      else {
         originalMeta.headTags = collect()
       }
       return originalMeta
@@ -22,19 +23,18 @@ export default defineNuxtPlugin((nuxtApp) => {
   }
 
   const { collect } = setup(nuxtApp.vueApp)
-    useServerHead({
-        style: () => {
-            const stylesString = collect()
-            const stylesArray = stylesString.split(/<\/style>/g).filter(style => style)
-            return stylesArray.map((styleString: string) => {
-                const match = styleString.match(/<style cssr-id="([^"]*)">([\s\S]*)/)
-                if (match) {
-                    const id = match[1]
-                    return { 'cssr-id': id, children: match[2] }
-                }
-                return {}
-            })
+  useServerHead({
+    style: () => {
+      const stylesString = collect()
+      const stylesArray = stylesString.split(/<\/style>/g).filter(style => style)
+      return stylesArray.map((styleString: string) => {
+        const match = styleString.match(/<style cssr-id="([^"]*)">([\s\S]*)/)
+        if (match) {
+          const id = match[1]
+          return { 'cssr-id': id, 'children': match[2] }
         }
-    })
-
-})
\ No newline at end of file
+        return {}
+      })
+    },
+  })
+})
diff --git a/app/plugins/pinia.ts b/app/plugins/pinia.ts
new file mode 100644
index 0000000..6c19658
--- /dev/null
+++ b/app/plugins/pinia.ts
@@ -0,0 +1,6 @@
+// plugins/pinia-persist.ts
+import { createPersistedState } from 'pinia-plugin-persistedstate'
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.$pinia.use(createPersistedState)
+})
diff --git a/app/stores/menu.ts b/app/stores/menu.ts
index 8a8c6aa..082e6fd 100644
--- a/app/stores/menu.ts
+++ b/app/stores/menu.ts
@@ -2,7 +2,6 @@ import { defineStore } from 'pinia'
 
 export const useMenuStore = defineStore('menu', () => {
   const activeMenu = ref('/model-square')
-  
   const menuItems = [
     { path: '/model-square', icon: 'i-carbon-gallery', label: '模型广场' },
     // { path: '/works-inspire', icon: 'i-carbon-light-filled', label: '作品灵感' },
@@ -26,4 +25,24 @@ export const useMenuStore = defineStore('menu', () => {
     menuItems,
     setActiveMenu,
   }
-})
\ No newline at end of file
+}, {
+  persist: {
+    key: 'mc-menu-store',
+    // paths: ['isLoggedIn', 'mymcname', 'token', 'userInfo'], // 只持久化 token
+    storage: import.meta.client ? localStorage : undefined,
+  },
+  // persist: {
+  //   storage: {
+  //     getItem(key) {
+  //       return window.localStorage.getItem(key)
+  //     },
+  //     setItem(key, value) {
+  //       window.localStorage.setItem(key, value)
+  //     },
+  //   },
+  //   serializer: {
+  //     deserialize: parse,
+  //     serialize: stringify,
+  //   },
+  // },
+})
diff --git a/app/stores/modal.ts b/app/stores/modal.ts
index a232e14..4e19204 100644
--- a/app/stores/modal.ts
+++ b/app/stores/modal.ts
@@ -8,15 +8,14 @@ export const useModalStore = defineStore('modal', () => {
 
   function setLoginModal(modalRef: any) {
     loginModalRef.value = modalRef
-    console.log('Modal ref set:', modalRef)
   }
 
   function showLoginModal() {
-    console.log('Showing login modal, ref:', loginModalRef.value)
     if (loginModalRef.value?.showModal) {
       loginModalRef.value.showModal()
       isModalVisible.value = true
-    } else {
+    }
+    else {
       console.warn('Login modal not initialized')
     }
   }
@@ -33,6 +32,6 @@ export const useModalStore = defineStore('modal', () => {
     isModalVisible,
     setLoginModal,
     showLoginModal,
-    hideLoginModal
+    hideLoginModal,
   }
-})
\ No newline at end of file
+})
diff --git a/app/stores/user.ts b/app/stores/user.ts
index dc787d9..34310b9 100644
--- a/app/stores/user.ts
+++ b/app/stores/user.ts
@@ -6,26 +6,40 @@ import {
   stringify,
 } from 'zipson'
 
+export interface UserInfoType {
+  nickName: string
+  avatar: string
+  brief: string
+  userId: number | string
+}
+
 export const useUserStore = defineStore('user', () => {
   const isLoggedIn = ref(false)
   const token = ref('')
-  const userInfo = ref({})
-
+  // const userInfo = ref<UserInfoType>({})
+  const userInfo = ref<UserInfoType | null>(null)
   function setToken(userToken: string) {
     isLoggedIn.value = true
     token.value = userToken
-    localStorage.setItem('token', userToken)
+    // localStorage.setItem('token', userToken)
   }
 
   function setUserInfo(info: any) {
     userInfo.value = info
   }
-
+  async function getUserInfo() {
+    const res = await request.get('/system/user/selectUserById', {
+      token: token.value,
+    })
+    if (res.code === 200) {
+      setUserInfo(res.data)
+    }
+  }
   // 登出
   function logout() {
     isLoggedIn.value = false
     token.value = ''
-    localStorage.removeItem('token')
+    userInfo.value = {} as UserInfoType
   }
 
   // 检查登录状态
@@ -36,7 +50,6 @@ export const useUserStore = defineStore('user', () => {
       token.value = savedToken
     }
   }
-
   return {
     isLoggedIn,
     token,
@@ -45,22 +58,28 @@ export const useUserStore = defineStore('user', () => {
     setToken,
     setUserInfo,
     userInfo,
+    getUserInfo,
   }
 }, {
   persist: {
-    storage: {
-      getItem(key) {
-        return window.localStorage.getItem(key)
-      },
-      setItem(key, value) {
-        window.localStorage.setItem(key, value)
-      },
-    },
-    serializer: {
-      deserialize: parse,
-      serialize: stringify,
-    },
+    key: 'mc-user-store',
+    // paths: ['isLoggedIn', 'mymcname', 'token', 'userInfo'], // 只持久化 token
+    storage: import.meta.client ? localStorage : undefined,
   },
+  // persist: {
+  //   storage: {
+  //     getItem(key) {
+  //       return window.localStorage.getItem(key)
+  //     },
+  //     setItem(key, value) {
+  //       window.localStorage.setItem(key, value)
+  //     },
+  //   },
+  //   serializer: {
+  //     deserialize: parse,
+  //     serialize: stringify,
+  //   },
+  // },
 })
 
 // import { defineStore } from 'pinia'
diff --git a/app/utils/index.ts b/app/utils/index.ts
new file mode 100644
index 0000000..fc2cf26
--- /dev/null
+++ b/app/utils/index.ts
@@ -0,0 +1,7 @@
+export async function formatDate(timestamp: string) {
+  const date = new Date(timestamp)
+  const year = date.getFullYear()
+  const month = String(date.getMonth() + 1).padStart(2, '0')
+  const day = String(date.getDate()).padStart(2, '0')
+  return `${year}-${month}-${day}`
+}
diff --git a/app/utils/request.ts b/app/utils/request.ts
index 39b90e1..d37564d 100644
--- a/app/utils/request.ts
+++ b/app/utils/request.ts
@@ -2,6 +2,7 @@
 import type { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios'
 import axios from 'axios'
 import { createDiscreteApi } from 'naive-ui'
+
 const { message, loadingBar } = createDiscreteApi(['message', 'loadingBar'])
 
 // 定义响应数据接口
@@ -21,16 +22,15 @@ class RequestHttp {
 
   constructor(config: AxiosRequestConfig) {
     this.instance = axios.create(config)
-    
+
     // 请求拦截器
     this.instance.interceptors.request.use(
       (config) => {
         const userStore = useUserStore()
         const isToken = (config.headers || {}).isToken === false
         if (userStore.token && !isToken) {
-          config.headers['Authorization'] = 'Bearer ' + userStore.token // 让每个请求携带自定义token 请根据实际情况自行修改
+          config.headers.Authorization = `Bearer ${userStore.token}` // 让每个请求携带自定义token 请根据实际情况自行修改
         }
-
         // 开启 loading
         if (config.loading) {
           loadingBar.start()
@@ -39,14 +39,13 @@ class RequestHttp {
       },
       (error) => {
         return Promise.reject(error)
-      }
+      },
     )
 
     // 响应拦截器
     this.instance.interceptors.response.use(
-      (response: AxiosResponse) => {
+      async (response: AxiosResponse) => {
         const { data, config } = response
-        
         // 关闭 loading
         if (config.loading) {
           loadingBar.finish()
@@ -54,7 +53,24 @@ class RequestHttp {
 
         // 处理业务状态码
         if (data.code !== 200) {
-          message.error(data.message || '请求失败')
+          this.handleError(data.code)
+          // token过期以后，需要重新登录
+          if (data.code === 401) {
+            // const modalStore = useModalStore()
+            const userStore = useUserStore()
+            // useUser.logout()
+            // modalStore.showLoginModal()
+            try {
+              // eslint-disable-next-line ts/no-use-before-define
+              await request.post('/logout')
+              userStore.logout()
+              navigateTo('/model-square')
+            }
+            catch (error) {
+              console.log(error)
+            }
+          }
+          // message.error(data.message || '请求失败')
           return Promise.reject(data)
         }
 
@@ -63,16 +79,17 @@ class RequestHttp {
       (error) => {
         // 关闭 loading
         loadingBar.error()
-        
+
         // 处理错误
         if (error.response) {
           this.handleError(error.response.status)
-        } else {
+        }
+        else {
           message.error('网络连接异常')
         }
-        
+
         return Promise.reject(error)
-      }
+      },
     )
   }
 
@@ -104,14 +121,14 @@ class RequestHttp {
   public get<T = any>(
     url: string,
     data?: Record<string, any>,
-    options: RequestOptions = {}
+    options: RequestOptions = {},
   ): Promise<ApiResponse<T>> {
     // 如果 data 中包含 params，则使用 params 中的值
     const params = data?.params || data
-    
+
     return this.instance.get(url, {
       ...options,
-      params  // 使用解构后的参数
+      params, // 使用解构后的参数
     })
   }
 
@@ -119,17 +136,22 @@ class RequestHttp {
   public post<T = any>(
     url: string,
     data?: Record<string, any>,
-    options: RequestOptions = {}
+    options: RequestOptions = {},
   ): Promise<ApiResponse<T>> {
     return this.instance.post(url, data, options)
   }
 
   // PUT 请求
+  // 发送PUT请求，返回Promise<ApiResponse<T>>
   public put<T = any>(
+    // 请求的URL
     url: string,
+    // 请求的数据
     data?: Record<string, any>,
-    options: RequestOptions = {}
+    // 请求的配置
+    options: RequestOptions = {},
   ): Promise<ApiResponse<T>> {
+    // 发送PUT请求
     return this.instance.put(url, data, options)
   }
 
@@ -137,7 +159,7 @@ class RequestHttp {
   public delete<T = any>(
     url: string,
     params?: Record<string, any>,
-    options: RequestOptions = {}
+    options: RequestOptions = {},
   ): Promise<ApiResponse<T>> {
     return this.instance.delete(url, { params, ...options })
   }
@@ -151,4 +173,4 @@ const request = new RequestHttp({
   },
 })
 
-export default request
\ No newline at end of file
+export default request
diff --git a/app/utils/uploadImg.ts b/app/utils/uploadImg.ts
new file mode 100644
index 0000000..e582397
--- /dev/null
+++ b/app/utils/uploadImg.ts
@@ -0,0 +1,37 @@
+import type { ApiResponse } from '~/types/api'
+
+/**
+ * 分批次上传图片
+ * @param {File[]} files - 需要上传的图片文件数组
+ * @param {string} url - 上传接口的 URL
+ * @param {number} batchSize - 每批次上传的文件数量（默认为 3）
+ * @returns {Promise<{ success: boolean, message: string, data: any[] }>} - 返回上传结果
+ */
+
+export async function uploadImagesInBatches(files, batchSize = 3) {
+  const uploadResults = []
+
+  for (let i = 0; i < files.length; i++) {
+    const file = files[i]
+
+    // 创建 FormData 对象
+    const formData = new FormData()
+    formData.append('file', file) // 假设后端接收字段是 `file`
+
+    // 上传当前图片
+    try {
+      const res = await request.post<ApiResponse<{ url: string }>>('/model/file', formData, {
+        headers: {
+          'Content-Type': 'multipart/form-data',
+        },
+      })
+      //   const res = await mallProductFile(formData)
+      uploadResults.push(res.msg)
+    }
+    catch (error) {
+      console.error(`图片上传失败: ${file.name}`, error)
+      uploadResults.push({ success: false, error })
+    }
+  }
+  return uploadResults
+}
diff --git a/assets/img/alipay.png b/assets/img/alipay.png
new file mode 100644
index 0000000000000000000000000000000000000000..eb73f6238d86546152c03f3e341a9933880bfcc4
GIT binary patch
literal 293
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`jKx9jP7LeL$-D$|?t8j8hFJKo
z4L&H?Y``;lw{zm0Luv+|i9$D8O6FXWEjaJ#<HTWmYjym|*fk!Td?rXe=X6LtpWeOG
zJ-V#r;myVub=&kS(>WfWX+P`hIPc-Z+4jsGdNF5Ct=PNk^M|fKk*gw#`WzWDx~z;M
z3(eD(Gq9cMU!$IT^C{1L=9YIKCd=PUXHatw_x=+7);qO!Vs%<lU!y7iji-+FVFA-;
zM$1_7JD7H;`eaJ+9`Q(AB<y*BsUhI5+9h*$PhUySm!Z=u7VJv?yK~0sl-=Cb$tLW}
pr+G8%yYKR~acBAIPq*Eo`tP-dw$}KD&jtCL!PC{xWt~$(69A7Qcm@Cf

literal 0
HcmV?d00001

diff --git a/assets/img/default-avatar.png b/assets/img/default-avatar.png
new file mode 100644
index 0000000000000000000000000000000000000000..4a766b05402a2ff8c55c601ed4d45f7d54d30ae5
GIT binary patch
literal 20726
zcmV)YK&-z~Nk&HQPyhf|MM6+kP&gpsPyhfh;sKojDj)+O13v9^vs5XjudJjqIbrY}
ziDhp58J7$@)RrHTeKEwoulc-`{yXwCAKl3OzMOxj{(tsd^;Q2fp<~VCe~<Z%LI2Ue
z)%oiBH}f2<8-d@R)xVwoh0!NwKeu>?WdB~@U*;F!Z$y8{^JDohP#*qo72nGL(e@1f
zdH#FWhyHKgpHn}#f6(A>>0&pB<<XTBe6tSd(inS>EW@|JDZ`=JQ8&vm6Pf3w2{7tu
z{n_XfxRttu)MezgHOc31bzkn!Iibbn@2k*BY(c97csF`>B()><VkYui4f$y`%A5N}
zlBnMc8|%<Wo9oa>o8_2x_z$`rl@o|ZZ;B(SYJV<}!Sc_(D2|6^MBgmKyaInNjIhaH
zr$QrBd5!iOlT~^N6FANR7U<70+c53%M07hUI{--&e6tSU0H$_qd4c~0S`B{!*WQV?
zKg-yuxJP5LcSW-8inVMxUoLfR>8phq-F0;@F~lRc>#moKsGLGVYm#yNoFDW0vKj8;
zldF)G%X{k2`#2oBi}gco{f+XEgh*)`vg!Y@USoXGG8jHt_rNK`vSRZa!OaiOn{S@=
zNf@8dllm%dJ?R{=Y2L{@g$uJm?jlrP%k<w*C3rj8Gj8a1RCVXy0H}-D1~<zv?dRHx
zN%tQf?-Cr*<7SQBssAWj_IqLeyX<(RO4vs{bm`j_ExNl980zighD#BifS#57*l?i1
zw>`GX4AnQ3neYm5>PW{2OZ#A_4u@qk!x>(7vN~^iErh5SZ2$hZ^I%`0nt?+5vL(f)
zzRuFMScko*orZvHsrkv)SD2}@5A$~8G158Bvy!A~7hYx^z5#ueOzHgE*-<yfUy%R3
zc_r$GC1S5w=QHwrRp2>abt|dqaQ1)sJ^%&ssr8z_Ox2)xLk$+;Q0^$OJ($ODv82-;
z@!xk7<0|W@zWoWXblt<D*-<ywppoKec2qna0S*Y-bS)-mhHBh?WCYW@VC(-pI7P-3
zfI3gROj&_3O0*!x0watUwI8d=r$n-JuV(3i#@raN%4gl;*A{XIK_YLKVcr2hnG(kM
z)OyozI;Vj)Sp7_>a49oQw}Xud)=DIhR2D&g?aMDZlAZE=>;a(8YW&0Me2Yz$8gx@8
zyHn?JQ<ArusxQg5O*Zmp9YK8kl~j3uz5z}h4$kP|(JGDcs~tJF{8nnGqH0#Q0B~8r
zzH@lpw3g=Do8XYZOq*0SWez0Pr-(`qUxpm^MeyFk4>Qay=f&Ss`=66cl@+Gn7BSIv
zYk2dJ5-H~m*;iGmW~}{%kz=D22gd2zr{8~TO|HyZz4Q_$`DP!#Eq|g!-;_up3h?sL
zVIU^y7HP2TfFc2MMKHkX_d(Xie7eiQPAw_zusfhF`bz}f3gYrp;)##3X9KnRd<Vu1
z)@JeTda_)g_uBhDEgV#ka5Z9YE+omD9&VAS(gMsyU^s_EvZJsBl0tr5;;8jJN6zcq
zp<KK28emE10zi!cA-D}cm*)X7@Ca#W`#ooIg+n7EPt|PKhkSmVzZ_W!xoOt!aNBuV
z{>aYd!kWo=n96k7+c*El77qvO&<`p>=Yr_UiN0Vc=;6@pjtsu3V`Oc?1}=<0l9wAL
zyHeI_?=E?ChA5{K01F5F1}c;p=qhqfRe#Q*JFl3YsZK^m+f;n$<gwV}7~riDTYa|(
zZta*@R90}=wt@-XEb8K0pPt+W<9s{8l~AEUkAj>!k~X};G+p{Dj2|}Q**f9C!A{z|
zr@OJ{M6va~#%T$xza^m=*8jSKbTeE?L60*jvUL|3LXJ$`Q$Oc4rg~$FV|=)&757Pz
zlS|e#woR0GQnvJmp|l-E<cfS0Yyc-T@T>Hymu;e(qQXcN7uX(mbTDbYU?hpYH3D#s
z;L(B&j;&EGmw&V${kKiuFTCE9Ci}xJ>n=dV#F?mYFkI!2fQs$2r-jJ&{ViPT1%<88
z>|P9lvEhdQ$@ed%pA*??iGb(!-kj9XjizSxVzw=|a5NJE2LVlM=!({C-HM*ABN*vk
zvQD4~Z%sdK)9dQhhYAXlrVbrE!?(aHogcTr&5P&sd+=}uy-ICLCLe(*oS6FD24CsN
zVmSCI#Qm&u9(m!AYN8u>pzAXsx(XpR=5f()$G4<7*A0=@n2HQ<d66zzp-dcQ4!;-Y
z0QKao3TNl#b$W>tl2ID1<vh$u%R>&|6$Ym|e=g?jI)~N4-VwJVtBCF&Aup`6F&tmc
z<Cw;JIH*gdKD28Q)QEtNw)m#L%wHn%KVjH$txpAAHP8ky+KD2@zX-q^0gnHOF$YS|
zlWv4QC~!><5Zd*ngA?QyKkVsd9lk0H&G0_VK`@Fa+4P;))nXQh-u@KHzwZa1*3diE
zU}d{#C<}GJTaaS(#b#w}??P>zf@uKFfcqKzUsO|g5*AeiVG?MMwS`Hf@jfK{{<l-E
z8?gH^7z-^=6uooYU|PWH?o26#xP`|zn0ELE&ja@O1vnbKNBR=Vwl-g}4)g}YXbv3D
zmQPiz#O|>D{id6goh5q>aTZj6;53){^<OO*_vOXTJgf6ZNhdlm)x0sZXhIkZRR^sd
zu<s!+h`D#^w3!v1!%Xfg_vKR6Q2jzaNNW%tP`fH7`DQzUpWXDYjw&{&Gn`(zd6%ST
zwglWEE;J`+jbnANXPbJteHIux9|bx_SPB_B*$aYuvGc-OjEcbnwh3Nf+q&_h?q3kq
zLZntZ{a8OYpZIX>ty0W(#i?a(+KK_*@~~gVXl>UKesr!(ag}e#O&7Ojz2OFK{bpXD
zzRlV`E=I!+Qp#Is+1V524}zuTC)-D`IOj6L3<Rvs=u{k4uQrcYcn%@dwLh{FCURa9
zq%BAKr1Ejaiz~wE<?Q{t1&1osMKtA~N<N-eo+DkNW&$2LkICg1(n>Y#{24niG6T`u
zB0`zb;=z2p$LCNK{TWd>I$zrbICIjT&P2-GtMzScjRrITB9@^OJ9e?ubzgc}dw#+P
zE!*>I2tr*{aIP3}A(ZpNwWM#~-=FMruTFQX+KAwek^njk{TEFGIAOKHFh4GgsO$uS
z#`v=y?Z$A$XUwkaePo_&OZa?IUI4J4$7vz3CoDyO^UvAQ8?OXO;t8B8of8Dybi>Gp
z^1@^s-sUl%jbB6aiTnih($xaYendyGD6c?dDu7+k$SqYJz60)uWk+6N+u#$XY?P}D
zeT%Zhodl?ZKy=`aj-xT#_|`Lg&hECe5o%PtV96r|kH_o|U&;>BXKRFJC}*4etycZz
zr1bxwj6IElkBqhf-GQe1F4=!!$^^<+z>XSy2TW6p=2yM;VPkx=9znyQ*<+U1emR^|
zzvQ?z?nzliJSr_(D6fBz4f5z|3~<MVh<#b8hx5*2uZXw*?X%w@_$6Kqi~wCz=h;BC
z?ld&hon>>jN>jKeDtd5F!4tc&mUjemj_GTr&wy0Zqr#CfE}*}JRyXxLvn{);(jk@E
z&j$qEwdwZbod`xX5shoK-Ky<0A_pxv;y}tOPKs-*IbLTs@hF}jNsnJ}lGVCw)9x25
z^@rzx?BpmgIx21N#`i}Khh;<V6{YA~p?dxV4<E<L;M?156veljd0o1KGib(6dru_G
zj<3&gj>7qb8e7><C~^XLwA>D6ZhM9ij_Z=D@Je&GFEam^*h|GC1o)x<AxRB{wi6lM
z96FMHUZSs-R`mokVr~}=^|qj1nilh;*+dHlc8fE8QSJUqv*j8z(98I2UiXU#QJaQ#
zK_Wp;1?Qw#;cgIM*(dqJI<K3G<i%MV9ue$T$V4zA8)>0-#&~7elWl)2EWg)n_Sx{J
zwJ}RbK#@1h1d-R6cJ$A6^x{}k=J_JxnO%*tMs;~Qb?uH60n+lk5ZbAHY4;q*BIl@{
z*YNutuR)U1{>KPoayqVKmeL_QcL=TK)96;3q?uvwVe&>(q|dfOYhn&Eq)ZRXq~2sH
zKksqGRax86fZ*Ctc^#)(f19rCNT(4xUtoeQ$b%|L)8yN|FtZr7T%gz@Rt}}qvhKP=
z(c0Qazm_OxkFREPWPh{Dlw=AC6McFKs#%9`fd;z4J8U5x@yZ$DU5<exND1TXbew~q
z@LBXMzmmV$S{u?;W+)8CFe*8<Q`;GO?48R1F3nkU8rz$HZTJPRx5LXV7^RqY_yt67
zFEPIU=&`KdoiI+j-Xv!SCqq|w>e)Y9pH|Be!_gCSUlm6vTul&a;ACp>22x(9L5a=s
z3?3dE^nF=393>>86G-3=qJEZP+uvhBHvp$73(NQ?>;u!4tJZ~8I3mNmaJ0sHX@32M
zb_uW$(Xr7HGyq%FP|N95{k|gUR6IWar6<SV1+`A!%mmzP$SO<Wh5CX>r8{Te6h~4<
zIFKMJ5T;XbCFt}P@A~av5Xcq=CZcta?dZl8n$Q0|E4bDY^OkykmT37yYj4{&{nN>~
zm5Y9RJK1rCnXJYdiM!4r+tcsCswVkn9lj`zq^r1vJVGH}Km+w{5z){5)x$~VJ^P<Q
z{$b}JkTIX7nh|__*bFcQZPUeQM~KcCybvR%Z8)N4Cm9^!rSv-;F=^;m(Xgw4w~~os
z7R2iy9S;m2EXQt(j_<WMq^VmsLM3Xxt^6PmRs{o^8`a`Jb{hN3Baz3Sf$kV2idU25
z#4SE7zKQmU2l*XWOsD^+K4X$y$rIS27Q91VuNO3_r0q8UxvU(UWl@n~l>xvpiYxhD
zfS2xvuncc3yRNRK@IK5td*AKJgZ7P{=ez99#BW5OZI%+s_45n;eh5fjQURSVF#|#i
ztH=}fp6FWG#HL;}#ZPRniLyq~c2srdAHNtIQAwqkcL&>HUc9>i(TtP^+?F3n4n*OI
zwr|wVMDh(3E))?-P4~!Mc|Tz>Q~J$m6613QBKjELEW{z;KLdNCh#OHi%QAPpSon|a
zC*_waDlCE+)3#yT-&RQc4XB&tpL_zG>;A&&ZVQ@!VPlWkhj4On#0~C_9S+KgzFCKG
z5@INDZBRSh0-QP>l@o}H(dIYHFz*1L%cCn)vku<@_e0nQH_I^Z0Z-AD6MVA{-vFl$
zhh;?HEW@}6;n3`;o8_d5a&nVT=O-yN{_O995F!kLs0UUG%lswGUO5Sr_yGR-hX{uS
zNEX)cy~cSWz?t&qx9x9`$k}uk7N7~G(Ki=#x(kY>@)$^)i@IF|x|^6l8jHXqt<cvz
z;^-6NK-1@{h(Ox0LM|B2W=-ovM)8yLsW>Zbxd5!rWp-fDgZ)4&pf01<Bs;1=PthV#
zbbwd{DuXX@l_r224^#EWLg*KfY&Bp20Apb5;F}B>D>=RJ&r;5ni~p7r7k{Von2~`?
zvT<_r55`y$C?#t#S8h4gvR)wMSB1K)m?7BHOBkN2q3Y)hnPKpiXs1nG3cZ6^TGNL|
zZ90&M2C(0{7e_|ObEeXfyUULSGWq6}-62fya@0FX;k#0J4>m2%0$eD^fTusl0(Pb%
z=`ZT%LzI7(r3f+WzDc7bu_2Zqy!;n%I#MR2)fhH27x&W}6X~aFLSeXQ3i50rjN6|1
zl~^x2qZ{>qSYa;ThJY5cJVMeezyP9MU;Qm56r$U*)MH)9&M@tKJz98`j46h$=me6#
zs>|&OkO^0FRQEx-Ky%)u7AzsNg^J9ul+)UfE8u8aN5nmGuZjcqS`_C`K`exRhE<G?
zbHekM+?azJe?azQP8lIF(>+^VMhx)GFX+SqC4o1lOCE0)K0RH2Xeb=akeI;Z2V`i}
z5?)>cR>I$<%}b}{naLGq4>tmkscHWB$<-GJw)ytw{B=^eqfeYbBXWw%rsKKg<;@hW
zrYp2XT3$je3rmMIC#hXC#r})P{JetWj%j0n*J>nK;y!gm?~pv4Zym4-o7xKe)@})~
z!o#JO9(_j*fq!`x&}gd;lbbQ&XmJuUt_c1cHR!sx-7t>min|InpAOT5*V~}Cys?M-
z<QiN&r3~W6NSD;$<tX4RH;mlps{GFjY|(+ZpJa;&Hq033XK%%_Xui)zrb|^%7%DnN
zZL_$-bb8==y5M46(y_q9{vOu)M7QI(6$39h%A}>+s@ic-Wy`~t>@V74xDwLd5VI@C
zWuQ5bGtvDwdG{8N$!x9tEg^|}rPkj{7xco(eo=;XMz+n1+GzH#Gty3CRmQQLtJep6
zzo{E)jy+k*Qhegj_W<=1T_?C07p`5`>Fc#w(*6`B^u7v^a$X>2>LPlAJ@ZstXQ^^K
zf4ESzF5xu?WomvIRdc^<HCvYVLaU3n8xGDRgytX(%F;`PI2=~p0nu8eK*mLz*ovKz
z8kMj982v$k;rCs6I91a7+FzT+;hUa;`!DH%JOcIp?mh&MHbcgM8mzMA4B~TkT@US|
zkN>9Pmy|(e0kU1)_|gv;8W=Q?HOeDvFb=ddLRU+@kdgz=#6JKltdAPvqrd=B={od<
zv-M*N(N*DSjRVLetO&WhxfmNgtC#{Yn=E17DDKB7xdIBEr_tG&01+8-&@NUQ%@-lG
zbQfH^wa<0Q`p6M<)9dVK-lQVUSb-fSoR^quq4O+Y4FZET*MktFGPgYJ`})e;C`QWQ
zz#ELuFj3K+t7zz)S{fgut{&H=xfiQoo^Q0Ij0D*joUXlib?Hf2qkm^4V=!V&lhGs-
z&&>D8(>meGNWtM~n|2ug8jxmc=9%Sy^;h&NJdTG{iovpcwprVp8YM+Avzjh&AuB4W
zJn=G@#!guv!qN?;gN$#&<@i<1trWwQ>W<5;AtBsZ&m{{QfaHd~WRf?CMmGz7u`1sM
zS@~c&HI8%1p^y~2lay!Z_qMkUtrdqa2?y%yO%=4-0WfqSM<p%ok1dRN0TN!RuuQ0)
zgiFLBdlZ5W<|+v7o<G3AoK3^xlW}hTiu3VRB{mxb=La($2O+w2HM%qtK2E@nWZjG1
zO6n@kce83P+^wyM+Len`=gR(1H~<4k;AWj;Y59A4f5*{Gk!`Cz2pF1*5mvm`I@ixk
zDB3`M@5jDo0248ab@r$nq1DZpNX!6+x!l&YNTwT;N%}Bwtggt)N%Un3wBke2$i>Nu
z)ft(>P)=)?4N!ffd>jFc0u%NcXvdgd?ova$1w8$Lt23?YEnXAFig5kPgMYafKUzX4
z6T9}?68;>E-)o&JzZnmJ%aY4%Wg@Z`wSm<fK4@Dk7gB;{VV1g-1Sb3-#Z{r+!hp)P
z($Hf(Z{tDVDT%!MlW9RUVz~p+LMQ2pC3YJ``t$?mF2ZZaBl<6uEPJ01S>-i>S<XwS
z9BudR)7QkqT83hVS9IZpOeg*6S!zrry}xtPd0-SI!tU(iOxRjSu=n^D4o*W)=Lei5
zc_{c~FECyg4EKf(e;c|yHq{?&C=1Rs1LBP2gI%VUO>X_JciTaWyBTVMH9MoSIVa$#
zMkCQ?sJAEvo5<SnaND07pu<DzeGa|k8vNj4<N`+$AKcO64WLD`@_fNhVxRFHF`xp3
zD;An#b0M>M3Fc&FY%hV)(yGy*{&wV%oOHnhHx$mXoW$VUp~7hUS&4D~UZPuHemE7+
zHII|0UN9_-?<pV%%g+axihFX+eb49=jSlW`bb)THb`VVeE)xs50QC4CPX0T!5?o4r
zd)@y?626(%=T|{FJTswHesAzR=&S%jZ+U8$aez_jT}3|msm#6%+`N|^PCJ>*-zTNx
z0`<%HhO5LK-g(oYBF|jQ99M^px-|80h;nZxRv>ZqwUNmOBJ($wHaL#shn`GaSt9DA
zl1ECAuGN15J!abW<^<Ln#_9P>TG-c0Ms(pF#6C@x&22-dr{azca;~uu;m&240|5qO
z#9lSjBPOblv*eid`XVfc66C74Mx+~H_bkLXezPyuyrm740%|LKiIyq7!8BMt?C!s7
zpi|b?=TIQ)8BEM&F1d9yccs-WqCtBT8+;Nzy<E@=eohbQzHK`wNLEDJ5Y?Lyd{$`b
zwuVwXigYD1h4N7;6T(uNf3iIE=%ztz_S1RE?$ZNK_>^D{#x?**!s#R}xFdi7RDdou
zPl@I%9x=8W%NETz-ofE$*epJ*JQt+TK;+ztnAm_zYMq_V+w6JioUH&4-R=DkTuZkR
ztN9ipVbL-;74oPk1<=NX>mXej0voT9Agacwl1simA_dRTV~$QQ0j&K-cuimYuAsZK
zFa(O~)XX}+7kVHQ*HcC@-cU7YG8z&FfZT{MK2;A&k?j2c_G#ePU$vie(AGjQrk1{5
z9TA;<<=1|gS`=$a?{a!31>>y6SepTk+yxrqH7|Ol7>%7Bmi4#pE~omh^H#6UP_4cr
zl&_%p%GatbNMwnHq{Y)Y&|mg39zRJM1*&IBHx<5|*{(z~AMox5`RGj^Wfrw~UA_gp
z;*hr5Fz`PHLWcfdp*zEV07QRL)u&S(7l;nUzyKLGgDD!-X%}lNU=wwBV;X{QK8-E?
z5v^6s+|1`Cs06}??{1c{5*t^k2F@hdvV=2u_92J-2`#Au=N-=4r<4Vpzu{3v(A^64
z+W`3-7z#}ryk1ap49D3*bNu*&2O|Tob8Pa0E!JFQQPU+#uVHGr;Az&xzMJOhv&lu<
zF8?j2{f6~iV3+VMn*j{XNt0s6$ds!=-eM~eFO;Z^s8>m>bKPVz1=yWmS}eJM;Byb^
zhvf=-8U?`^oGXJ(=(b#s^NZ0ciJB4EVqR*LEVbR9;cwYK&~!`p>b1aOj2msPXeWl&
z>2b^wbb>xu*sU3)(9KbY>52C^c1?GSaEZi0oBi-ZSsX7Uqa*1?7=VX$L;6{HTxL?|
z(e7^~>M<hpKaO)1dNcClxf&q12E-N1>1KO}tW+6PK@@GK04?VqZX4Mz(tHV{WF;7#
zcIt{dZn0HQ-q`(?FNjlyGficE0E0}VI`~}2JIzXi&*E%CSLD;LBvrSTk_wT9&md13
z3>c27tc#)rzY8K&Ooa2y;CXALo0<W7)Um&G;x_$TNVydu5JfS5dCeWd8iNAz2w;my
zcYO7bp2*gZlg)_5Y5-|o<+T|evwrS4f&4I=xeUt!C>@M9wqi!X(*?ihBc-qz(IzI=
zaf_cp+Kc0Lxp>|Whv!8dIcN0a%F|J4^DbNW&F&e=gO4*(V!LWZ<fv-#RY_eIOb;v-
z%J?_HmFz|5DObN<x-D*x5un43WhgPENZkNbM`fUclWD#jHp?jovDQ+`$t*-t#3Ux4
zU*9Md#E{NE^7~iYYQR@ipSDXi3{OFTvfX5!Qk*X84_g22z6ig~-^PNbVsuGicNC84
zVPl9tXAJ+km%n@fSZ#}HSGPSXs7*>C_|jJW=atSp<E7UoRDT44WvpL5E%{v3c>34b
z<OCQ~EdB_P$ZxsBJldxDPe7K|Ee@ukLAh*<B`o@si>_dL8lrPTwAMbv+xK9n65ig5
zak0}Ufo3RT!8w(C<sdRlPL7&bJoK~Uv8?C<VI}<s%)p88<`u5LyNOvyLE3WG0HLL=
zS6ecO|AOn&g5n$i9IGq48P_<u*D%7llD0o7Om0nMP8r$6doW@G#-T%7Na=xuX2MhM
zz=43OTu6pRKFC>>=(;?4>j<0-48*WFkfn_W@b2~60}SspBU~bL3wj}kuK4YJRSG-h
zi9Z}X*31tw9q;+*wNFc#gKS;V_-i$5Juh8Mx)mVIeZD`3I5^E-L^j?}i%6jdlVG2;
z7+VOnnT?JwVF2#jpco57@wQd4E6T>vtx*YZh7|JD*EVxGo0CBIXDYf9{*%3GskOje
zN>B3=x&zUJa<NzMX=OAdZo)b3)5&V#3Z}3orOYLgw|6$l#*xWBXP42@ZJe6l=<rr7
z(~IXHS5ZZA`5dc_EpDNJ18x#i=Et`;0c0L%>NTrN>#qf>!Z31=%f3eMf{2kJPE(%+
zD0^;Wz{LRCD?JNp)HD3<Rm#kEC(qpJO415J2anep3?Ko7)FZ=*o_gsXdOup<<E=ca
zSk|CE`sQ1rzpR~6=x?wcJQQiX+NfK81dFnS>VKJ|7yuKU=2yvJ|0Z&mH$^F|aeyLs
zER@kSBZ|t6#ZDX0;p+RHfd%u@@F6Z~Q4+{jx=>P?0h;!Uc*yo0mi?_;BY?zt5S7uA
z+X1_zGFKbtgu(5HHgA8LxmGazckX4p;T!V<1E=S{2c+}?2ff7)_kC<_62Dy*j*hqN
zAK<LCI}7~y!|?<8?$Z958R{Q639PYV$GRj$uM5<h@>BJk2s9COu(`L3bD`x<cTd{c
z6<crKPQ@Nt8lXM!^RNYa4D2`crA2Is7QXxe<@8!{0^10Y2Ag9w;K0wFZG|oQMCcxX
zH}OB!>Nehgp=_k$_d2c|-$yE6hts~J2d)^5K7}c7|I=<bH)HyOS0#)2jP-Kl@ltnD
zY~@DfG8u%)#SK?ln_u%`^IPt9K_ATBlnn-?rj?Y`RA*vRIYs{6?+IV)lv_Iw6!&+M
zu-#Hcso%~&2qCR$aZWo=9H<QdR`J0s*01eMg@=g7^mOr0I8&S%{(V^iX~PwC=<Q%$
z(WZ28W5`aILFQbL_DX%;AczpAyaUWN$_qRED5Bn!(!JYt4>>>2KVk<|6LGV{fUmg9
zlWL(eWr9_du%7h7GNvB@x%f`pm@2e2)h}nNjFUWa%`52YpXvmXmW1-CGlnUgi;IY&
zQmcZ0I-1R<CT5vBv>(!>UW?H%YYP<vn@PGNKvZ%~zY>XkPx~pRLLKf)&{#d#Cxks;
zrc#`TQsy(%6-B!Ym!RRB(5k9DEFv7b!L3#w$#ZX8284AT3nf68sF}7#2K=bTJ+&LQ
zT-%e;yaD!*=z!9`%`PxC^Slc`27@Gbn0oC6ubsq1<k^nj8MFK-s?dDykH_qpLqdV@
z;$xjWkeOCOY6bqFEj~0)qIypUtW;W*X};`3F15zd;I+}~6L^wS?ns7nG~AS7v;iLh
zgMCE|)l(6aL&g<0gWh=o628@s<W-5GW7w!qE9{gu))Vs14Gx35wK*$b^@5?9$L*1<
z%I9>DwzfIl3K!ALk-^u+W}DJ3O9|;zLmbn|igAU*Y7rYnWSr=*geBza4X1{#v#GJN
zoZ+x{)4&6Go)6dwaeeHU|FVPaRjE`N9|FZ+r`m>VpK7;W`<!pm=oh~k)q<4#NC=>j
z|K_mTQ_BcTfbQ=y0>cOv_B{KqdMv6E-@vj8hz2JH_<VntH7;Rxyl|o`;duVFHN;Cp
zk~C2ax`(<xM}RGD=ODtK1v?Tf>ntQ#<o={NiOiFZfSwy?j|6<3Jk3quH<&@5Hv%Cr
z!NlPU%trm)E6B~Se>1t&1R&WjDZ6lEb|~|+6YoT^v|u_zJcU2hEj_@{8+yGDvF6M)
zPj&_;%ZPA4vxIp)`Agoj;HA$fCIyBLtGncg{nBqGYxu=02M)DNyg<^2sQz)0&^16`
zDb^t`<&_}vCIqN7TW<EdLZ=v_k2QliG>Dgow1W>{5@zsPv|W?<@LKZiO$aZ`ZBk)}
z3g<403<{`nRmOv~!NRTQbidh|n(cP2vi0o!D~~`|^Ss^A6Ex$otCHp%&!F=bFz3u&
zv%a|S{`FBTVI{psp;)T=3jGNai1T%l!Q@#S>)6U&31m}+_iJhmA+L&c8UII<Uyxe^
zM;UoXkY5SW7qc7KO+I6BRc9=inhb&M)G7kovwK<2aD&Tjp-o^n4d++D*O}Y<K}lPQ
zmiiekv=9%_I~oVL$;-t->elC^+Rx6ay8N0U$iMaU)XS6DSnXklH4*J)+2)P(Og-=r
zap_Id<#Rn}=SlTt)mD*>tDj^d;H+;M9AHY+#E3EakJKJ&_v?I8fvQgoZTFR3#Wmj~
z27F}?1d{6q>SKSyr2R&W!tSCLWL_H$O}H{?-jO%f6nn_GX8JT9swUehrlQN*U4;!U
zWhmM@c7=&BoK8F~nrVZLO`&+^cg#Ym9a8Pw!D4<UR<x196nj{K!OcsAdatM-RHW~}
z43Gdm%0Gm<HT_{32btOghXaL8<6h0{Jtg#Z)Bzn$ve5tr>75v#q*blcx1|~fe|wFL
zV~|0P{Vo^8!jbAYJ*`w9QTh7%25Q=<9GE&x3IAL@ar~!Ih<ls)%`m{VJ$!qO(q)S7
z{5OA5r@Dg=u5HNG&Kn>~xzG3!3ZJX7sBRj$X(+q*`K-a$udAqgl~WyPV;pFj#EB|k
z5~nyEOI?tm=5>^6AjF5Agx~GUzE<CK275oeGr7*=K~QQ7A7@g7Zp45^+np#=EIH^g
z(&iTH19OU@4qedPbMc(!mGBt(5-x=f6sc+9tJ{ZV3flBq-cFy4s7W>N2d^)SG^-Fe
z2%^axCQYlV$`Pj;nKMrULag5q&0Dn2{|#8U;uJ_fzyO;Nq=^U?o$XTb`via0CI!)H
z-Tb86Cd{5ORa0PSU=ez%D#X6Xg8h(-!!dFKHuKdY0TUG;$uFkU4Ijv{cZ?q`FB5Hk
z2g)_Vs=95el#>tl)2oa%rbEP@lfeB&@)8zj0qKlyzX>aJ!6SV0>Lz0~GZ_CettKmZ
zlP;d{7Qu%%A^4HE+1~$G5$Lm;^T8CtdOGY4&3;H}=>tMwxM}wivlVu|6RIaNGpJu>
ze*4+X9xKMYMgcQJ=2j|LfO57OkzETYrbpByzGM6@jf=TP`}WeJk6_k9h2zm^7Bva5
zr6^uq9BI#tO-(lB<624j81xTa`S1JHOuVpjQ?WYIov!)228Jh*Uywf+Mi69ijz|0w
z>RV3;q?NW*>)uUkr9AE~RvQLM>A}A32ZnYaz=LfV*HYrdXPyKIc1_o_?SP;VmXKHi
zKLQHMNxRMOD>|K00$+mHIKuJ)0%ftxvs=Z8@J^D5<F1lCDqJd81gt%T{Ak*FQWn`H
zRLAkMD{1f`bJMw47r?-Q)i8Ulb>y`o-AB#47wQvj2fXX}@1%_K8aldnO|KSsp?)4C
zI1WItDYwmA_HkWfmk7!0_^s#(!c-?q=*5bIS+dKCuagLv{v{ls>J>G4-EQ~#{1lsJ
zOrwYEXI30u8ZZ>bg`F^SrULX~tRoF=Ur2bAMm^KePF8(+9jIbhMrORa|M@svI|v2G
z&;pO*d*zP#X%3@8!x*#k<cS17<C*0k@Y8L9w1$j_UGMkg!W*Xw1wSM}RPK_0oK3ZG
z1tJ~tS(!nC2Ob$qHJPA3o@`4Axj3P#Us<vqX^Yntw+}cyW=Sl>Z)ZaWR%kSOsQD;L
zS@5cNI+9gq+X**Sx1p_5jn~o*e%VbscW9aXGrE()ev$DEOs*LGb=?%aQeMlhG478n
z9P1cvd$4-}yG5@gr9Cl8TBW__@*rf16LfUdH0eM5$UjefFVF~b-i{z9s1z>dN=sxQ
zl|jJ7vG9hu77-07QHSU8w0B8RdlU8#OW^Q`g~>I?f-Ao<XmEuw`=c&e)@<0wHRmPs
zu<w$<MB`_d?p!iSnYmIqwr2wl1)I;GZqZ(Kb}|I#o@RlP!AdwTazP%_;564mq+i&G
z4Z=W)P$Jx8o)q+lJC17KO3>eLa^)}miQe2-69iOwZU;S_R$oDS-c`9^DBki2)p8_V
zJ#04=tLf{z1q3K_2cCu~k<smH%hh1n<1*Q#RH%iS=<lidlZZ0#X&|{Hd^x2itD#;C
z=+!rL>DLSWYLlHA<$fiuFFlN;Y#t@hHr){oAPPit4dP`CY|8&I1S4xk3Wzr{Li!Ke
zNb(8W^GO%RFnunNyohwN@_oE`NS1J5;*}p!h5apA#C6_@!VcGy+4bkz-8nVdxbBR*
zKu#0Wu6G!1qcqyu63`I}DO|PQr}(b&2}w~+?U!2G8&W_~I5_a}Yqq@KxT!iG;B=<j
zFOC}CE;IVcfs1_Oeh%5Wwb}fuC0lKVZ~W&_Y$k84fH!V;Zio4Q#5XMC2oo-hU?~Pz
zL(aW{H7GgLK;%gCuqDTe_J8~Qy}AUTmvC|iAO;%gzu`&Je7i++%)Kebea{E2u&|u5
z2M_H;>s8!Y&_A5yPjR=lQs;rM&ebjqwoV2Q3d3?A0mJNUZRUxcD_vrn4>`pJnshTl
z<nfg)2~Z1Qc9X9qZMb1;xaTKmHBVn`QV2SLJOPqrSbneDHD-+@Q=tC)%WRLWJ-xLb
zYDU{RH)S*oTrTTM8#r(`1Da1FT`ICHgf*y`E_ZwX(Y{Bi4+$QgZl7ePN~$K{SVa#@
zcOnioyaW%7>(p4x<hwt53n31{&O3QV2Ir6@9K`sYt%hbDX#EJs7Z~tgI?dH4!G&X!
zY`<{FwlC-Y+zWKA4`6d70q6F6x=A1xOii|bw@S4vSTX0vAvL_g*C%Y@xryz<w2-+y
z&M^RSwiE)UzPUVsmGlC$!PfhaSs|ZMRi`#L4a-#-*#(7N?FfK2hn+tQaLvSsr~wKr
zYD4YGg}mV&h_Cs3kd^q_zbyj@S(@<~;pg=wb6S{W(xyBfDdV?@W**~zicA&P_YpG)
z^Wv=R06pm3QxLqE;?9HJOvL?b)j<WD9xOTS(WM=d_td8pkqI4U()24xFGtFB{|Rz+
z7(ARBLxGrl&IA7!eEkHVmgeXOCyvh(HatZT&b^?}QJDpYrY~L~dH+Mq@{B?(<DDt8
zYr&P*{4K{&{g!YRrw|6Oc>y-KBaLeQV+bKva(tbZCp13o)#1$8Yw%LVmkCEgyhf2a
z<%V^7nk6D@Q8Ii)Xi1qGcHN-3`c*O|aNrQ0&K^RYr5Tn6g=8Mlm6y!;2*+y_k}RC~
z<L7E?WDi#3!@B6x@<f9+!5ih}-(JJgf30!b{)b}hT_&tPPD_13V^tj7(G)H6K8{ar
z3p#FTfJg+V!z6EmK8F&$nay>6k$87fsRH(YWJ#aQ)?Hnh@DC=kbYgA3VX>-*d}NIB
zisi)3p1ZZ*JmLa%cW4*hMu!WRTHOWMx%|1O8<K5Hj`Z!nWVTD?0~^CTU+9n#eljfM
z&~%TpGg+YnBOtgUULv=d(E#Bp-Ii*f#vpP4WOrUb;5?>Jgt*O5CxigsZ?!Qm3t=b`
z%ym9b8M!d>Am+wl&eDz|fy^s#y~O0mfTbxF3?L%9Cf3$yF-E-QPJEYFFPCANdGGxX
zs~;-E^3)6bO()A|pn;tJ`}7hmVbL0V6Wu5A4un{Bq8L*tCt;e=+HTGI>}HA@8<+dk
zeZ*xuF#bzH0_&*vE3$1Gx)T7mm)3g-Hyl2xwwM2Xs-71_Bge63f`A(kCyNYxXXVlv
z4r`MbYxLt2`WF^%K@#x7GZ3D;eeE>H<PtckjscRiSs*5`Ca5Gnl0>LCTtj7t1{%Ei
zDuW~r1Ze{GP`!E%svwDzkWbyF1z+XhQn)HS%N12IBYjTfRIqh8biV;f;YM9+3d8U?
z;pRi0U@#zY@4e)qA>4Spel7ECHEeY`xa5`304(oDXoP&fzgK#cn2lI>A3@%R{y)Xk
zE;FF_G;@{eR_xp=Ix%nKI?Hg`Uj*9X0rwaR`^HM~S8c*m41_RAOKfSkH8La0weZ1o
z<jB-IRO?&{SkGEO`p>M8qF$|I<SGVPmPT)u-~I|oYSdZT$sK&0qi^_APP9RjFO_1C
zR5TkxJn_-CqQ6(P;GX;Z%KKwi9dy2{b{-;5srmLW>fLeUT1^X6H9?%6QaauqAxZh`
zXPpd}|MwU&lKnouoIyw{Y{I5eTrHt>{V}RKBQ9f!6@^8WdDWVVsC?VRkOMsgeOLAn
z=D&JL{&GNTp2pm*f~6a#A_4i3bR)qnn-5YIG~~!sPLmwk<)6Ty@WjsN-u$=d6-eXz
zaGs>^9e89J%s=?=M~#Q1$N(j@J&O%3k+$ya@sbot1|pe~GXm)Ntx%yxuxhJJ(R-cW
z^un-O^&Ju{v^4@-+)3QvdQM8642V7pS4_F$-$y(8aQ*E9?x#n0Z~W(h$-JZ~Uu_YD
zu5)T@e#G4~F3t<0NXig&!%EkEN}sgJgi<yAV?0_byb~qO(X2@X{1fWsz5DY?&8@jG
zAPdxqY}WfKnVi043gijd@C4;yORMmSQ(bI0?29zvGrg?@l#-QQye=dcKyJQ}cE@u`
z67_aVvlk!j;Ws8F-M%U)f!$Lv2gFajNE7JchUK|$IZ(whJ1;2m2L>w;d;+#n#r;7D
z=qYR#A@xTU#ibU`d(|rj5VjkoB9;h)+7>76Fws#cz|A2r#;-OA`$b*iZ6xo7bh}_M
z!W6F^TLKHeA6p&TQ!-<aTgQV2?KkDpotetu1jZ(`jh>8d(!A*P@MkcXdcW7{Fas2)
z>JCRsfM#O`(mPoT5j){6Bt=*2-=x3jnLoKF(KNAfi3zpAB+oub+2|uL<qpUWHYmxr
zIFaHf4ns#jBOlew!z-pEr+#m?_<s4bO0_|<nGIkVOdK$~mYJ~<NgD+g+quV?f`?lM
z)_zQ}gEhnsgMShvo)n9VX#FN(88L-ItCbsjaT*v9FVCQzcBNS3V*=a5@R^8!5~(Vy
zI7FVzg?{_0io~B*asOD?*Y04<nLHsbJ)q&w8dRRidHZ9gAifhPuurfq5evOPOfD9F
z)2n<B11)iR1#w&tuzvMtyWM(=(iyf`-(IPK#}ZXhYlZEALZ^>6P~$@hSH=b^-0E8y
z0<bOaUf!{3;q9(PKcVHdy};A+=j6m|BqH!>Nc-@oNM@#+Ytw`sWtto^@vM5ec)&m*
zui3sq<{ePI3baStNvoq%-)h1Xh)Dz$mt3&NrBsz?T_MH4wy~Nx$kmwmg;3HO#(Pbr
zKkkzv5eg@%t8K1FjUN7Wy``slM>-G+OZ(e$f=|7S?NQfp{QQ+<@UBT~W2)Z|O`xXO
z!!sM_fM&{#J~lZtLvWvgMa~2w^sYIHU{E0$S@#&hz~hh9NIu;YK2y$46cKY)h4bp#
z?g@k)dfrkgN8uNJfsJz0lh;W{v&eBX9x0q{FA@SAkYJRBg9!2MCrA6tv~yz3s!k>)
zkA#J~w)E=xUgq6K_YH76*Z+ZUc+g!JsE@81GyQU-Te{-^$|wclW4i3qt%4%*NDt}Y
zK3vf3NxkT){MSp=?xJ*t^ae48UF9wm>--zd%Fl>sHmnl<msca(g%nl;ZzFKOR%}dy
z6ZD_V`$K5l*&;nLFdCfEEzOnZx6SvQl>tQRX#7SLMG^<SE!cP;iyk5=Z49b_LUbr4
zmY?7nwXi~JG(|*J!x-Y#veCZ3nH%o-R~b0i{9vT7nm-4IJneq?z$APuR1F^7U?KS!
z8$-PAnR!+d_*68R$kT*@deBd!^8!8M^^3sp3wr;U((!XhCYW;wg<gBEKGLANDCSz?
z3Y@BnB1JM+JL%U`-Jw;$P|V8V8B=&azKrFvhN1mkf{9W46L~fu)dX)d9{xS~W_AJG
z&U<-?oy{2phX3B*gfeW}F6JEI?(PV<x`Ha`A7l!RRd^XaSz3UnsW)`J-C%lt*R{#6
zttq37;Yodr$d2ge=jLvt{)#I>ep<ucscjQ13zFqgRrsxy*OPLgh?@v6i?S_-Y!lfL
z$rKd3u9XX>u7L9L11=;kLbB%gP5}<I22hN3c485-Hm(o&8137r>}Po63Rz-=NNw1`
zk{?7NZHJb^(_YQ4UsRwa9Fo^Yj~kF$*N^K#=z8%UOuV3L94qctzF}N`%@XzvjyoZq
zg}9p@_#N^`*_WLZp}Cu^Q-}_g!E$LN2Mdmg_pY>2^~~tq9hg%-t8{f`8Qft~l#Ows
zWBLhMurBGo8XGA!bDv?}p;Ki0daj8N2ZiOgobN4eICq?=@*}PKQ}%rZyYKUQ@&5At
zjN3q%SzyG53)*)P|D06!By3~SS<6d=wecwrwbX-Gb5^$8AfN`=Gj>Ccqjar`9vkH9
zz$75mz5O6+TGoJxU&{Rq455Kfe?zgToscF6e%6w;1eoIfW)mmMw~u(M3cB402U<uj
z4o7k*f|WuRDS!Z{hVY9>PnRJwr@Ks@tkvL5ATB^^U|d81DD-q&cLA(|$rPp3>#b)G
zrlotY;fQq)Hp6zlx?nAEiFgmeV*KZh*9d#^!0CaQM7Be~3N#-%JmybjxgCRdOreE0
zV?tgCOqPOcoMJ@#QUhSf>i_uFBaVChVw_G^syrs<Hp<Uud+<Yy_!HfwIT1GRYN;gy
z(i!OaRrMZ)UG;TWpL|g78~FNPG1-M#Qf6~nqpe0jwJdF(##R(SF7WH;W6Pwu51k8<
zDmYGhi2>3|MB*4~yE9(!k&2k?`qZOhM4YPuSWSg^xP`Uk?sKYW+m8g1OBZ#$sQm>;
zq9L5FUeLYP_$ox1?a??fUGHWCdere)Z?dkyQ0h?qPnsX>U={H8g(#mQg+5idAh9<D
z%00s`8lJP{`c=9H#6wz%0lXNQ@k8yA&=M~>-C8C7;=78@&)SU1De6mdwSg$QYf7%u
zZYm>?Adsb`axvGsm2TKdLvp=Z#BI)~2~1u>=u5c-ik{HzP*UgpDNyq_N4iT5W#Y>?
zLTd1*39k1yq3}0U@o%WiOG0^`9e?hYPyxwk=iOcC1=qBjZdkLO>iu5#)Cwq+Z+3uo
zmn;nlNb@Gxhhs|*o05($=3)8J4pmbXubA<=GzK(#lOK@UEbAdoG8hXd`0_EEj8gN4
zBQI)(HD2#XM{uABznQR#)v!tufJVIRG)xgvs%t)wB>GxVDymK&%y(hgmbpfu0#;jl
z5^mAm{ti2yP%&t%B7&53nb069PtRU3?DO?HOZBHht0?=Ig3?cE)O(K|$TqT?)8dpD
z%*vYs*~1@)z`wbVqNeP9`~`EcK@#NaLAy-(v@D0I$6Qcrc+;Bq1(zQElN@jls-^PC
zCiW=7z3_cfmBy-W{uOG4yU<V4TKtoz4UM1c9Al8B6!QPw@Z0xmTGS7~+LKYH2?O&1
za2*-Cr3e;XMl5BGVs8My14Ix}22`K!m5Wa=mb@_lKf->~yks^9ouI>~h3768NK<kc
z5H0Geh_z=)R+n_~&iScKXroPVEa!0<qX~(?Rj}|7jit8SGU<!h{+qaZ`fwOS%Vyg-
zwS7D5i<X1z1%wXX$*_orC>Uy4cx>?y?9vEA1hv}7Bzx-9(K;@$9v%yT!Ks1~3dhCB
zV};YyLcvDfCrGTn!&y0wBoC$6mRr1c_QFa5*SN%dfGX;;H63Od7$?*~*Odm6Eci>2
zB0e7sTv)A{S&O3n>7u%;Is_%8$yO19nZHGAF=f`irFlBXzq?-)H~81A8?6~x@YvEO
zTR*k2Z1@r*y73c&f`?WOgddM4I**OA3yJ8|LhsJ6qDnyl9Ovmd+<x0+${2Q;R+TJW
zr1F$f{HmTr_BLd`^2B3g-7O=f?beSEwT5FVq{|GY?=A~t-jck)igLL#Li<LHBkxJm
zsB9BV?KQy<@(6n}(4p}VM+)ZcX9oUYdUP`>F#i{YFheGLd_sCdiLwja6Z!EuSR;Tv
zVak}br-K?8l(A~=<Xh(`qo<#qle_TE>bRAC-eMbR<ZkG-7>)-aCfnKO$2H$t0I4SL
z196un^AD%pL4cZ0=ionHW`0IXHz@YGjOWktD-f<=On!o=HQ?~L8av$oM55s@H<Lqc
zFB4+`y$F5!=&0=YNfc@XBrbNPS&f_PHOWF^z*)=FP$nA;R`$u=O>sWb1LXDT#&`mV
ze~FL~=)~gpB6MO*kD-%DVQW`LG9idyK(BF@^WJDooU{qpP{)C|)`PZ;IYt?r6XOJ6
z^@0truybLE+0(ODlGZuO$vre;vl4E|k%w^5Dvp{Un$8{^NdtnIpX)jwK2xZ0ZEE#B
zpEKb}vVi}d6kR(sX)PYin&VVD4cq5E;0I<z>9GU&!%L7ZJ&yt4b`ATt&Ea4^s|I<5
z`sedz>3btOTdOLxSowI))c6l2L=!hx04zc-yqPm=^;ny<l=pOv+;}8-&0$Ne^9gvW
znrCN<FQ~1!G%w=4EzhZOx*B~gCPhh6pU;&$<aGyI2jy&e;Gpc9V=~|TpyRC10e?s7
zB8Kf~c7($T3f1gqzVFi`Z;*Dx_|Gmj3CJ%mLc1m;u7S)rUyH9|HXEwNeW`G&kTex_
zv{7^*>D*^h0~d_^Nct4{Pn20G%7~zHmf4GVR3k=j>Y<&-axV}aUOS6)DBPh1OKJ3r
zA_EPbX3+>jV9+Dzah|TX*o`0n00i%>j?xZ8zHK-aKl&~8#4$z{&aY!ReYHvTp{G^+
zIRKA)p*wS<!s0v_@A~VQ#(Nxi;J!F-Fl8t5fRLfYyeH?vUCOEBBUK_46AGVQ^qHkL
z$3KyU5D;j}0M%4=(onIIuCMQ@#O6DuDLQ~;p!*g&7_9-zZk^7_8uk`O)=zmDjik}#
zjdXcYgdYobrEA7c(?f1~*vVP##}#MZC%Fqf(A;LZx$z@y7Mv1~nzifBa<`GLg5<QH
zK2nr9Xh~d%dzx6aUAwQC(q|;||64t$sNev$;!a>mC&^<%1+q2gxcjui<7sg!Pkr~R
zQ9RS{)9sL%whs3*OnMhxmsw~T!9MjnJ%}R;#;ITYNuP--nCZ-Oq^1@bW&Ec@0HPd5
z?wn4Mwg<&yp<)Dz3v@4eWtHQoJ7d->?+~=fn{_MA9O;b2uq6_;Ww$@O{x8*p@lhZu
z1j=)R)|;=;D(#reF;rG4q9*2el>AF$P&-GhlCXC;skH>wF?-_ME2};B$tQ^xwFHM}
zUl2yqtQodmx+6js-X97=qVGdUkN-5_xicvSkKh0*k`zh346m-3F+?z!Gqvm3yEsib
z`j}Q#y{pp@7vTd)d-IY;RL|*3Bt+wBYB@R<hN{MRvjk_I0g$=-XU-!9jHROOVC-hh
zsvCoZsHp~uZKlylr&%<c^;?55UdOKc4|1lnR6!!QK&y4Rf+3;zoO_o_ED~&3@zFds
zZTL0u+B!0#$pam<YP9W%sTWW2hp}6%kBAj+8cy(KB48s+Pkc@}`Dc!IbB3ImQLH<Y
zHi31W5}5%krTO@nTN^jXwklY)!z24hcSJawo-QbbnEgdm-w+=+7^NhYaLLwF1xtG1
zK_E8B=@5Jj6oU#f7IL<$&FgZUAEO?*UhC!PmEKSb3_s6i4YK*}tg?OSooLvR5?}k^
zl8XMr)iTRx4lj(@VJtYO0Y5Tt$rqNxdS1=`LnTUA@sMg2NFuq1brCBAB$fW<QzNl8
zDnbIs#a{xu(NnfFUS=taV`>}EwF6}bY7|f|r1FLJMyGK1Ofo2%pr>Xm7%zL`Nv}SY
z1Dh6~3F)E2-<)cEgB#btesn_V=%%aaVK^i%a_3@bPnXJ$O}x+YGY3*ulfqm{IuJI)
z;+T8~FFWi@ROEbgx6CBGYWDrhQOeLOPC>ot4#4re*qq&8+w}y#i&QbpSQ-UWQAMwP
zn~6g-#<CCy5jduyO0F<h%(I3E5Sj+)_-t2}8*rtKCJBM!Wh%(EjFy7>LGx|5dLQMI
z3m3go>kL#zH8q&0=AdX=W`|&G@o5_w)=|%IJT|N%m9-=y`0`z56w}(>dK^P6YMl4!
zVIMKh()sJ<^{p@^$SenX8kcM4LrpN6hs45xi9+}Q`JTe6Pn#mtlIX>}w5Q=X*CRS}
z)3%(Y+T;CLk-yfCQh6yG;qC<`trWlysXq4tEN#z`dfGxyWGYeggC3)s<cx-bNZU?5
zr`|bM82bM<Q?_0s*JQ}X#*1j16W{FWGpz!{{+QMf=@3W#cV^(`W%NN7UfQCT0^+xP
zVl16I-hhJPnN8waE7a&)dv36Mmc2=>=dhG2tky*(t~!|ZvM)mwP&^r6Ea54qPk|ik
zEhgTqu8%d^W(<lA+0b%wtz>P?Le4!Hqq)qLt23FIX;EG7Ns-bMpG*Ox5M1w<AphXY
ztz+w_ks^?{+G7MfK~(3)3VPo?!1meC4j{jl;uDrv#9BN<jV->x%ezR>BNt+jaSRyp
z5LH*_q^29$I93o(#niPH2(&krG!V-7`Uh`E<Cp@Mpgw{70WlELc>Jk&Cih2Z2yWT4
z8Oy;+j3uJ{N*!G<O@3PFSl{(!?jOn~P`gTnKs&>x@j*<+Zg_LO^a6N}5e$p}R>TZ0
z-{#vveiQ(SS8+WkmhRiHhwM+W=i>%}alckcMUJ0aO2suoOE#^|duejTz&70FrDGxH
zwxM2*ba!;JhTSPh7T)g$l4oQS6m9#(`KxR$U(yLGlF?=L>ePF-7U3J=iG3P{Y%zgN
z$8e~xFb?R-wrz1)B+zNIo83$D;=D-HR)v4@Pg^rtu!q^j<h<D!oWYf;|J1_&I9kiv
zXqhAlk_5+mmytT$@M2_?nV<0sz}MlT<Os2>lEIbTWBK$$_w<f_zbZs~JKH7HoXTjS
z5PIka)gElAy0c=kje{7|?tlY3ZV;cl`O-SrXit3N?EF#}=>H@&Xnx|LO6&U<7{7>C
zz5|K-AI;ih=n=P~&Uemh*J-IIED*^&sbvP8=mgyEh|7Rc)1eBZK<|w0czXxV(h>!l
zocfUrnQ9>TKKC7|C0w6IW!A0tt)`VZSzkpR$8@idNu~DVQ<4W+iYlUT@;z=*qZbfI
zGohX3V<x7liy=51tP6nkcqI}U!W}>$OzBvZR8mCc4oYLB2xUan-A1(WK3=!X%vH=+
z&i6*%bPX}G&;gP;Q{ZSM{Fu2|1!>|5V>sQ;d=MH*{=5$xowG?beUrSEOSaZyqw1-|
z?0q>p%?;luYZaWB;V5F_qx5G(^-aH?PuQ^f&_Ya~Q2>=O$oXT1U|PIWQwX0DAz92`
z;V0NrxSB7)poXi2aNKAFr;hS+&SS5Jdl)Aw(et8N7~AHH)3{_QF$=K`4=8dW0eY3v
z_L%<F&x^ge-!hi5Bj_Q+I*SEbv3_eFN>eAq@z%FbFyCsGv8ghDd{O1n1VcMC?}!qi
zjc4Dsohoq)p?s}YAHDL7W0ucQ`0S*@KTUugecm%s+GbrCx4Pc3p3vA{m+k^Ch1T7D
zNAwHN96EIeM4V2XcY<s|Lgk6oF7ovzInEEWEgnSs@BI4nPf)m{GFzO(?Yh=Q>z21s
zK7dqUKNL%>xcBKVhIReT(90@+GYqW(fm#gCbqZs0t;B!k3cP;`sxD=0hi}#80&`nq
zaH3#m*caNdVnT}<_%I<~7>K;FDb&Uv^-rW>cL4H#PWh;?)y(Sl%Z$$LCOO$ak_Pdt
zjfgJPPNL@#w)0<F(2*I!d>*2`AQ72x3j+m?p7K^7Xe_W*a(O4_a35qOF$%Tv{ege$
zr^`wHdQbBiov=F&n^m?V-8pT!pK@d)8>a`Ff>Zqi)JAM1tz0B9J3{p8+E{p)qNASd
zbMWHWj?Sihfavjw)i0y2-APj2fgsB20Dc^-4&5mH>S76K<`gt=qaYKMUdH*6>&gE-
z)y&oyd$9YNrcRYOv2Nt!!@zdZUe6n<Jy*y~)B(YWk!Ru`(;>!rvOjOp!m*z8HNOAa
znByvt*#6%smxv`VrNkAWWeC`3=_#ETEBvRq7hwUkCpvp6j6Gnh#m5ZsW|Qts_G%h~
znb=oWueeB`cc0p>1!jn+n|2^R2T)oJ;tFTCkDfgi$1dPGhYrSB&GLwLtghu+;5&xP
z1G%ERcTBY&T@<^F<<j1teap3u46lusI&vNfD|-9`PsSMg1bhcpiC!p%_PwB7jR8+>
zBdfB6o^~At&vAxurhmC<0YW3Uf2U$j3U66aVn!(8`<5W4_uQ6%iW=~HL*wz9V@&z8
zULh*BbMCsy9QXdTr*gE6Opyv={hD(@gH+c=amt45v;YG(P(rl4TB{pqtlW9o4|P%T
zDZ5_8omlZ{SR<c=iN-wvN0Uk%<VcVd*+a~LKzSepufeSV6U&U+_j$llX04N`$8{`=
z?<@4=>wY$qHidhE$0c=psW<P{S+$0G^9QR&R)n&(RzBpU707`p8m*h$N?hzy17%I1
z4-7e_Q35AHJAN_U5^k?`M1&x93Wh${dqqc?P{^mkzH=7p+?6C!@-xO0^Ei1{&UMZd
zjFejyCd(W9MV#-jE|OxgS-q_tPa?0>&z~W~Fx6go`cJeG<?SbhV*VhKv2_dLODKy1
zrtDwDZrGmkzG)ZE)au&?C21WlboWrVFv!@upv!{^uxe({*d|5Mo$nN5@}sL#Sg>ve
zbH+vi%qG2A$i)D_DOI7f`tGFQ>Gy{QmK_K<^1&Yfg}v;<UdLfVIY3ZUu1_)c@1X-3
zm&H}<Ecpn>9ZFgRfXkC_lFz{an8t>5gG-+c+pPZxhyEYSPl|)m2?PUqLMW69yOq)2
zE;nJqL)!_yvEIrXeS`&fDW@L373qMnMxb$S0-ya@_ejJj2dTBgsiHsJnQP%Ct;BX1
z)K8X&Kwlc_%qL|Zg3d7-wDYN8z>-yvxR9=zR+m)yn+en!5%**c<h1{-D_<Y%2}6Pb
zX`GO!$c6b|t4XVKbFs44SwmOr)TlV#x&|XG8dG_e`274dWD29rV&EF?7RA_mR$$Gp
z9@hNtl2z4~4>5Z8es8+Gz#<CDxo91{>PLE5$r>bLk);WBka?V&*7H?2jSGWu*=sQ7
z&P1dwyE*yMP31~F7Q=A+$|rqLEL3Q+*`|Qci)0BOzGMTh?%7}92k1tKQEK9KS!j(u
z9VKLl^epvq#<Kch@hOF@i%O9K<G08o+8eN(iYc4)TVJ6X+p?35#JL5edjXB{_ZS#?
z(M~cLtK?2I-5Vl)NFGOqohR;3wVVi$IL2$Pu2G9mCxT|`*UR@12e9oVlEi8x=*oR;
zrVwFmybk}a0$wLBQtv(}#<dehjx8PBd@+}Ub>M>C(F5-A(z2!|WUk`|IU}TI8PC9a
zQW>P3g`w}*(ORb1&%388l2wO5ZM@6%5P8(3tFomoj?T$Xjs3Ms!!pZ&EZjqr?yOjX
z=R?eRKDDaqo*=#a7*Xu8aVLD+r&wt#s_dSjZ(SrltjdIsq=ib!h{KA37w}BHy<ah4
zwX;OdLN@l;e1Flp)<PVoG%{(v>BsGj<VEL8bboc1RsNR&l8?Dz_71~gp@bVDg&x1y
zFXp+8A%Hy81~DT!+pqd>Qm<p0>QB#JZ3Tl0rWhv;Fyq*;FYK)@H3tF|3C#?{B`ap?
z&UJhkk&@)Eiz3L!e|_gG%PSIDS0U@SUan<#lkcffj)Y2nqBgV(1uQoq{{PaX006AP
zu-~tq&*BgG1aA~(F!rjxN7`|FnG2k{*sSYN(e4y~Npb|+pz2L=4`$fJ=`wDP-#%LJ
znq@Wrf_(brmgC{(cL%D514Mkeh)ozWl~6eF+^lrJrJ<2LcP7_f8>^~`*1JSn32V*7
z4Et{Kh&IBb2gO5@VVdZd6ngvyQ5*;~z~t*@w=x6pejf320JKL@lT+7dFe#Qy2Zu=N
z$+|qT+PIWX0H;fp!siTji<c5LPW}%2uGhxW61(1hg4L-IoAclv$8qGW$G~!ckqDvk
z8j8Cx#C3kzObQaswnqs+K4mf+6jH(RVp5<B{NK503CjUMFG%|gj?0Fg#UwPrYLAl$
za8BT;pr;+!0mEC54_yjRH4taQb!d|N@3hD)1l~C{x3nRGuq^y~zh^-0k6bhGlp8?Y
zm2BJ^IL#nVy?z4S2}Uz607?|dQM*GiibqLXe!ME=Vyno;S8K<u=#x{Z2FZJ6hsOcS
zW?eb6D=-0!MW#ge10GRTe{qv-Ah0D&7N$|YER{{0q_JFBLQ-*thMJ>YMm>tkYS|yp
z2@M$n_e$cCu#UHkGNcOi8wXfPWwrOP$p^;u*SYvPMSKJE%--t}?7BC;UzitL$1daR
z5D%9gzU9e7({b`U`&6f`29{FDhHFrw_ck>r>yFEri9r(drzG#Ja)kQ&%ai)>SAv;N
zG3w-S`z-Y@%uhk469!xGzRJEeYq%Xn`Pf0?<RWd()!x_s9#O+eLuOuM?rCSlZEcMq
zd{NEtJ72p$?z>JPy^>0Y)oCcnMJ(;sw4-oj#WHJ!r~ZO6RphD^DHOcQ(nXJAde1mx
zKeK!It{^2t$k$yB5Pd^6E5Zzx*du#<2ibz6ExbZA{AkhU(PupQB(-TUHawpXUoUQ|
zm?CSqXBM<*Ss9-txf8>%EA(p)M*Ko!H<VTSwOTsFv%>!0a}K1wa!ICB0+@_irV}`r
zsLc!FshJ>NhNnTUp2ba|ll+3qq-9x*@+pK@bbuHV3TX%_ROk0|#>ycHy<Hy8M($Z1
z7jM(9p97q7<gsl)hp3-E|2=n3FoBucnF2tJG^Q$&jlu(u_()iR+5(N#ZE1moqu#Iv
zYxASpsm+P@m&%SD7Fx}wJ!_=1Xj2bX{p4cO#yHmQ?!B?Y8%UsmtA@(u7+Ag6B?1vj
z^ekX(IDNTiux&ozO$MDFw`2`W>_}}u?_|HsCqz5oa5#(qm@$`h1bs3yvA!pp7g+mk
zTWD0by+a&M$&CS{jeP|I#is4(DgDn-2o0gmnLN}WqRcJs5%W~DzMV^3=uvkcKnf8<
zU<WiCQO^8p^ntmB%?_UequokX;o&c0DjGSJp;H6k#OZ;e^^Q3XJY5j;5gMoqij{R*
zDljZJLFB_#DOn7cC)tLDK8Zac{)}hMG`W^d^UcSjb+#5<>OrctZ%$-W&Lq>9{qC7a
zlu)J!#nMb}M9!mR4bMWCtHva8mzB%EZoCw{`LeIAe)w!2s)j)0cd)|V+LW#EDB^Hf
z%q_sd=0*P23fRIYkHxF&EFtce+Ga|&UQW&3X##wfd9GS0i=8R?U3kp`A4~Zq6s>#<
zAn6t;BR9kOH$`Sf(n5CFD&XA|FvG#N1l@-E*sen3Aif{Cch&L)EeZ~yNdRtB!CI`r
z5?#=wrTU&;<0*(m{%3vJ);ZcL9U?F?^fr-Y`E*G6IHcS)-BR<)X7$-t;b`GnF>*HR
z8r<h3CFK&jsh(lC9EK7m%GkeUgQTs+^CO2Dnm$bU3u>+tvFV`K$sdO5_=8p<4)SBg
z4Zg;$L{?E0IqsY`;Tx4cPEc1XTyUfcM$%x&?OgqUY)V8SktyX}@hpJ9{!*rLFD>_s
zX`Ya$*!_T@P@Bv`NVcoXh**O`j>aVeT9w%PCwADv{J~X>4uer`<EYU_EQApCCIJ%B
z&;S5nq<8D0qBWuXSFBT2O;0Y88aE`1O^~imogp~;O(jYUy%d|U)wN&)A9U&axqJmd
z)Ov!H*qn@tHA|x+%C*T!ZLCZqu!e|H<(IcV+R^M_8VRWhH#m%Gyus4y5=fEB`S%en
z2e{mNO-2ln$L_*4<?j&`^!y#w1~)Noh5M5*Pwy;E$(ZweQVBZHaR(eu`a_s30Iq|t
zMl`k7d9!dFPnHl(O+1mNU3&N1jNjhX$QINJC`c+T%KN@l|0+%`5Jr6VBGB*16ovRs
zqLFDgb3rgwO!8rB*KiT7MiUem49W&1w(W+o3HlBQ(AERJpON4{dP@t-7MuVAh`DC=
tW55}%5@?ke00Q^`3d<h#_yTSXfDy^IQ~&?~0c+;qYEi)^8+bkRKmgwMR#pH2

literal 0
HcmV?d00001

diff --git a/assets/img/heart.png b/assets/img/heart.png
new file mode 100644
index 0000000000000000000000000000000000000000..e1c3a21ac7964dc9c73438e4dea03a610bdeeb80
GIT binary patch
literal 279
zcmV+y0qFjTP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px#(Md!>R5(wilRXxLAP|I^^GItQa}--I5pxM!j}onI^*oz5{5@1iFtPCgyC2Lj
zK>hh4?ia25XgpzECyv9s$V~xHKhHG-Fa;uy#9<}{%*i$2P7p-vMv1(Nl+?9S%Mwbl
zZGco2o0}p)*V(dRuz$+A1YpwvLVy(Q?u#gckhbNF@gQelnmdkGg7xADK#b*0e7VNF
zI-7?+1nH6#*BpZ6w<&@|%_o49lMj|l-_C}VNS97V+Xsx1-n{|ew|h)Sm<bs$)2y7E
d9|0u+djs64WBZ0#!2SRL002ovPDHLkV1iSEaSQ+e

literal 0
HcmV?d00001

diff --git a/assets/img/phone.png b/assets/img/phone.png
new file mode 100644
index 0000000000000000000000000000000000000000..fb00c69c452f132d30a207ff7a0acfb10b811036
GIT binary patch
literal 783
zcmV+q1MvKbP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px%$w@>(RA@upny*vCFcim|xmgU{VUgpoYzQ`k#e(6l*c1XLP~)$_fW=}Mf(<(k
ziRBJ8izD#L(o5Sk@8u<FfvWvz)9>f~N?ux#{P9DC)W18Q^jn`vAI6kI?5nYbln?6j
zXDgXLbw|@s_w@n*!5~CPah4=M!l{Rlat!Cr_D1K_YfR^{06;iLbd^wm;et2=^d2YY
zQlu6SesDm@04uBC2Ul$v&;^795Yy_uVTA%TAzrIqXl_^mniNlks045k-)V1Tk?`{I
z9z0EKIbj5F5r46Hkmvw6%SCd%Tm*-ZLJmw5pb?-uyOfxM<F%dSXl<u-8hGIJ?GC$~
z_5Zv#Ea@%%K(T(6c%=#e>I$V20LA*ZTPIcv#`HollyU$R>qERl++)Y#>lJni_y6g<
zHymVDN*{${eJp%phY^ggdm-}x#rkkD)dR7r(Z2xrUb<&tlzD&>J}w@Jm;-5)s*;)l
zxUMvdlUFetW0g_;J}M7V0BZcJ0c-$uhzA{NdBFm(C34I;K=*(b01RZC%xdyNn#idK
zy0c5@w49o9TNu^k1wR06K8QIFtU}2T00zOTQA`N$98d{`E$m|DLofhrZKUUeYJ9fa
z>)uUI4#0IHD^6TkD5>5cWapNf$X1mI?ZRy9Uo4bN*ZNee+){#DN_A0KRjPvLK<G_=
zwwUt`BM^w?LluN;wTcGd1L0Dw^yWU-QgUWwlT|sMpoUU$k0=KaB8(Ie2ZGW=6t`Ab
z+bXtd#7%5U9+-CM*c)3^2ufa1!-ur7#p%!}FjXN%vAo{E6z>&ebC&|3=SHW!o_@Vv
zK9hFvoHuvX&0Jee7ZB>X*wdQ-{eYuMPhgf;+E5QP0a5iVz!Y|5fI2{^R@XtC0V07+
zrI2IJD+p`=9Rxlz9)72y;aZMx=NzDvJ^f{m6;$bkk6-n&2L&qjIbW9D|3FtCs|x@C
N002ovPDHLkV1f`HT#Enz

literal 0
HcmV?d00001

diff --git a/assets/img/wechat.png b/assets/img/wechat.png
new file mode 100644
index 0000000000000000000000000000000000000000..a19f1e9cc29f9c3cc15de51ed92d3e52c078fad6
GIT binary patch
literal 860
zcmV-i1Ec(jP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px&7D+@wRA@uhnrl)cArQyG)8r6Z(JJ*?nrp3F<yd-%oJO{q*8l_bzX^G4KACZb
z>0i@tqSd6&?)&*ssk=wJoHqN-vPOS}YsZH_?~`7u^eGEjp|yVVYdGQY&!Q~U?{a+j
zyWo%IcMbt0f=h*N%W3psWM@PGXAwL_GWtMYB_J@s?&sxGDK$^yJ)05i1`BX@t+zpz
z<Ne1I=NnxBFFa}fdLLt+dQRR1*nPjgD{VrAxgG$$xdTxJxCzbYDr=fk9pI7<i|=g}
zVgqnfrc=UIqEiMiD7?#}#@HBMloRvAZs89(z|V^TcXT0vkrH4~DLpYVQ;Goaiv&p~
zl>%NL(O|L*D*&SXLE(c;6CvU*SO93@6NR4+;dcQ8s0i<&_f!(sim#}Y+Ou=QwA}><
zz?n}a6Q;%8@&2QTX0}g=B?$L_#Oy2gH~_?aN&%eNtsPir2llOKHKn>W1^}2~`wo^`
z&DgyKg`SotE&;ImN;_}Zdn}-^cr^N;*{vMhf!IfY2@j5jMUlq?C<QeZrIT632!zj)
z9v4*Bn->CL%ZHj1_aa9y2}y68XYD+Sb>4*m^csqd=6!T3g>U%+bDe9bECAN5Gp${g
zX)BY3_@2V2n%CXTiEC#C0H80BMq8#sj$Nx@o7XwzLQ$yjdd@LPqsTM?$-b<0SO97B
z&V<z~06@03Dl7pA88$VGQ^IE@6!#+}Wn!q9OID_k+8K7m_7dsV*ig)5W|AcUV3A0v
zFh%BT7%*zJAQ1bfVBz}#p&20_2u7{iQjlM!4UN={F!^axAs?AT!c(5{J&3%ihow($
z1VP}5V6xumSY-r*p7EzL^ylwlXGnA$<&U4prlqynjKS6@%=S4t;Be<_?I2O?=61Bm
zrSEy-%2(n>i>|3SOGJ_jyL|#1?%pg!Bd`1?2ORBi%p5V@z$wk>5!2eBT+Jt-2{?O7
z89^=^o!~(N4B(vm>?Q?iJq=JIfUNJ84xzX}3YHt?GD83v2z?oc5o>%ZK)P5Q4?3Xm
mbDK~StiMK?@C%jnz5f729ZC?3O7>9z0000<MNUMnLSTXb=!BdA

literal 0
HcmV?d00001

diff --git a/assets/scss/_tailwind.scss b/assets/scss/_tailwind.scss
new file mode 100644
index 0000000..ffe51b8
--- /dev/null
+++ b/assets/scss/_tailwind.scss
@@ -0,0 +1,9 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer components {
+  .btn {
+    @apply px-4 py-2 rounded-lg font-medium transition-colors;
+  }
+}
\ No newline at end of file
diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss
new file mode 100644
index 0000000..4c2da8e
--- /dev/null
+++ b/assets/scss/_variables.scss
@@ -0,0 +1,8 @@
+// // 全局变量
+// $primary-color: #3eaf7c;
+// $text-color: #2c3e50;
+
+// :root {
+//   --primary: #{$primary-color};
+//   --text: #{$text-color};
+// }
\ No newline at end of file
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
new file mode 100644
index 0000000..c94064a
--- /dev/null
+++ b/assets/scss/main.scss
@@ -0,0 +1,26 @@
+// // Import Tailwind
+// @use 'tailwind';
+// @use 'variables';
+
+// // 你的其他全局样式
+// // Variables
+// $primary-color: #3eaf7c;
+// $text-color: #2c3e50;
+
+// // Global styles
+// :root {
+//   --primary: #{$primary-color};
+//   --text: #{$text-color};
+// }
+
+// // Custom SCSS
+// body {
+//   font-family: 'Inter', sans-serif;
+//   color: var(--text);
+// }
+
+// // You can organize your SCSS with partials
+// // @import 'components/buttons';
+// // @import 'components/forms';
+// // @import 'layouts/header';
+// // @import 'layouts/footer';
\ No newline at end of file
diff --git a/eslint.config.js b/eslint.config.js
index 92a0259..8181a07 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -5,7 +5,6 @@ import nuxt from './.nuxt/eslint.config.mjs'
 export default nuxt(
   antfu(
     {
-      unocss: true,
       formatters: true,
     },
   ),
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 4d4827d..084268b 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,26 +1,29 @@
+import { dirname, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
 import AutoImport from 'unplugin-auto-import/vite'
 import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
 import Components from 'unplugin-vue-components/vite'
 import { pwa } from './app/config/pwa'
 import { appDescription } from './app/constants/index'
 
-export default defineNuxtConfig({
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = dirname(__filename)
 
+export default defineNuxtConfig({
   modules: [
     '@vueuse/nuxt',
-    '@unocss/nuxt',
     '@pinia/nuxt',
+    '@nuxtjs/tailwindcss',
     '@nuxtjs/color-mode',
     '@vite-pwa/nuxt',
     '@nuxt/eslint',
     'nuxtjs-naive-ui',
     '@pinia-plugin-persistedstate/nuxt',
   ],
+
   ssr: true,
 
-  devtools: {
-    enabled: true,
-  },
+  devtools: { enabled: true },
 
   app: {
     head: {
@@ -36,56 +39,57 @@ export default defineNuxtConfig({
         { name: 'apple-mobile-web-app-status-bar-style', content: 'black-translucent' },
         { name: 'theme-color', media: '(prefers-color-scheme: light)', content: 'white' },
         { name: 'theme-color', media: '(prefers-color-scheme: dark)', content: '#222222' },
-      ]
+      ],
     },
   },
 
-  // css: [
-  //   '@unocss/reset/tailwind.css',
-  // ],
+  css: ['assets/scss/main.scss'],
 
-  colorMode: {
-    classSuffix: '',
+  colorMode: { classSuffix: '' },
+
+  alias: {
+    '@styles': './assets/styles',
+    'assets': './assets',
+    '@assets': './assets',
+    'public': './public',
+    '@': resolve(__dirname, './app'),
+    '~': resolve(__dirname, './app'),
+    '@constants': resolve(__dirname, './app/constants'),
   },
 
   build: {
-    transpile:
-      process.env.NODE_ENV === 'production'
-        ? ['naive-ui', 'vueuc', '@css-render/vue3-ssr', '@juggle/resize-observer']
-        : ['@juggle/resize-observer'],
+    transpile: process.env.NODE_ENV === 'production'
+      ? ['naive-ui', 'vueuc', '@css-render/vue3-ssr', '@juggle/resize-observer']
+      : ['@juggle/resize-observer'],
   },
+
   routeRules: {
     '/': { redirect: '/model-square' },
+    '/personal-center': { ssr: true },
+    '/model-square': { ssr: true },
+    '/member-center': { ssr: true },
   },
 
-  future: {
-    compatibilityVersion: 4,
-  },
+  future: { compatibilityVersion: 4 },
 
   experimental: {
-    // when using generate, payload js assets included in sw precache manifest
-    // but missing on offline, disabling extraction it until fixed
     payloadExtraction: false,
     renderJsonPayloads: true,
     typedPages: true,
   },
 
-  compatibilityDate: '2024-08-14',
+  compatibilityDate: '2025-01-23',
 
   nitro: {
     devProxy: {
       '/api': {
-        // 192.168.1.69 海洋
-        // 192.168.2.22 代
-        target: `http://192.168.2.22:8080`,
+        target: 'http://1.13.246.108:8080',
         changeOrigin: true,
         prependPath: true,
       },
     },
     esbuild: {
-      options: {
-        target: 'esnext',
-      },
+      options: { target: 'esnext' },
     },
     prerender: {
       crawlLinks: false,
@@ -93,6 +97,7 @@ export default defineNuxtConfig({
       ignore: ['/hi'],
     },
   },
+
   vite: {
     define: {
       'process.env.DEBUG': false,
@@ -114,7 +119,13 @@ export default defineNuxtConfig({
         resolvers: [NaiveUiResolver()],
       }),
     ],
-    // 避免 vite 热更新时出现警告
+    css: {
+      preprocessorOptions: {
+        scss: {
+          additionalData: '@use "@assets/scss/_variables.scss";', // 使用 @import 而不是 @use
+        },
+      },
+    },
     // optimizeDeps: {
     //   include: ['date-fns-tz/esm/formatInTimeZone']
     // }
@@ -129,5 +140,16 @@ export default defineNuxtConfig({
     },
   },
 
+  pinia: {
+    autoImports: ['defineStore', 'storeToRefs'],
+  },
+
   pwa,
+
+  tailwindcss: {
+    cssPath: 'assets/scss/_tailwind.scss',
+    configPath: 'tailwind.config.js',
+    exposeConfig: false,
+    viewer: true,
+  },
 })
diff --git a/package.json b/package.json
index 16d82bd..4704e78 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,16 @@
     "lint": "eslint .",
     "typecheck": "vue-tsc --noEmit"
   },
+  "dependencies": {
+    "@vicons/ionicons5": "^0.13.0",
+    "axios": "^1.7.9",
+    "date-fns-tz": "^3.2.0",
+    "lodash-es": "^4.17.21",
+    "lucide-vue-next": "^0.471.0",
+    "naive-ui": "^2.41.0",
+    "pinia-plugin-persistedstate": "^4.2.0",
+    "zipson": "^0.2.12"
+  },
   "devDependencies": {
     "@antfu/eslint-config": "^3.12.1",
     "@css-render/vue3-ssr": "^0.15.14",
@@ -25,8 +35,6 @@
     "@pinia-plugin-persistedstate/nuxt": "^1.2.1",
     "@pinia/nuxt": "^0.9.0",
     "@types/node": "^22.10.6",
-    "@unocss/eslint-config": "^0.65.3",
-    "@unocss/nuxt": "^0.65.3",
     "@vite-pwa/nuxt": "^0.10.6",
     "@vueuse/nuxt": "^12.2.0",
     "autoprefixer": "^10.4.20",
@@ -38,6 +46,8 @@
     "nuxtjs-naive-ui": "^1.0.2",
     "pinia": "^2.3.0",
     "postcss": "^8.5.1",
+    "sass": "^1.83.4",
+    "sass-loader": "^16.0.4",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.7.2",
     "unplugin-auto-import": "^19.0.0",
@@ -49,14 +59,5 @@
     "unplugin": "^2.1.0",
     "vite": "^6.0.6",
     "vite-plugin-inspect": "^0.10.6"
-  },
-  "dependencies": {
-    "@unocss/reset": "^65.4.0",
-    "axios": "^1.7.9",
-    "date-fns-tz": "^3.2.0",
-    "lucide-vue-next": "^0.471.0",
-    "naive-ui": "^2.41.0",
-    "pinia-plugin-persistedstate": "^4.2.0",
-    "zipson": "^0.2.12"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9d8649c..bb2383c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -10,15 +10,18 @@ overrides:
   vite-plugin-inspect: ^0.10.6
 
 dependencies:
-  '@unocss/reset':
-    specifier: ^65.4.0
-    version: 65.4.2
+  '@vicons/ionicons5':
+    specifier: ^0.13.0
+    version: 0.13.0
   axios:
     specifier: ^1.7.9
     version: 1.7.9
   date-fns-tz:
     specifier: ^3.2.0
     version: 3.2.0(date-fns@3.6.0)
+  lodash-es:
+    specifier: ^4.17.21
+    version: 4.17.21
   lucide-vue-next:
     specifier: ^0.471.0
     version: 0.471.0
@@ -27,7 +30,7 @@ dependencies:
     version: 2.41.0
   pinia-plugin-persistedstate:
     specifier: ^4.2.0
-    version: 4.2.0(@pinia/nuxt@0.9.0)(pinia@2.3.0)
+    version: 4.2.0(@pinia/nuxt@0.9.0)(pinia@2.3.1)
   zipson:
     specifier: ^0.2.12
     version: 0.2.12
@@ -35,7 +38,7 @@ dependencies:
 devDependencies:
   '@antfu/eslint-config':
     specifier: ^3.12.1
-    version: 3.14.0(eslint-plugin-format@0.1.3)(eslint@9.18.0)(typescript@5.7.3)
+    version: 3.16.0(eslint-plugin-format@0.1.3)(eslint@9.19.0)(typescript@5.7.3)
   '@css-render/vue3-ssr':
     specifier: ^0.15.14
     version: 0.15.14
@@ -50,7 +53,7 @@ devDependencies:
     version: 1.7.0(vue@3.5.13)
   '@nuxt/eslint':
     specifier: ^0.7.4
-    version: 0.7.5(eslint-plugin-format@0.1.3)(eslint@9.18.0)(typescript@5.7.3)
+    version: 0.7.6(eslint-plugin-format@0.1.3)(eslint@9.19.0)(typescript@5.7.3)
   '@nuxtjs/color-mode':
     specifier: ^3.5.2
     version: 3.5.2
@@ -59,25 +62,19 @@ devDependencies:
     version: 6.13.1
   '@pinia-plugin-persistedstate/nuxt':
     specifier: ^1.2.1
-    version: 1.2.1(@pinia/nuxt@0.9.0)(pinia@2.3.0)
+    version: 1.2.1(@pinia/nuxt@0.9.0)(pinia@2.3.1)
   '@pinia/nuxt':
     specifier: ^0.9.0
-    version: 0.9.0(pinia@2.3.0)
+    version: 0.9.0(pinia@2.3.1)
   '@types/node':
     specifier: ^22.10.6
-    version: 22.10.7
-  '@unocss/eslint-config':
-    specifier: ^0.65.3
-    version: 0.65.4(eslint@9.18.0)(typescript@5.7.3)
-  '@unocss/nuxt':
-    specifier: ^0.65.3
-    version: 0.65.4(postcss@8.5.1)
+    version: 22.13.0
   '@vite-pwa/nuxt':
     specifier: ^0.10.6
     version: 0.10.6
   '@vueuse/nuxt':
     specifier: ^12.2.0
-    version: 12.4.0(nuxt@3.15.2)(typescript@5.7.3)
+    version: 12.5.0(nuxt@3.15.4)(typescript@5.7.3)
   autoprefixer:
     specifier: ^10.4.20
     version: 10.4.20(postcss@8.5.1)
@@ -86,22 +83,28 @@ devDependencies:
     version: 3.4.0
   eslint:
     specifier: ^9.17.0
-    version: 9.18.0
+    version: 9.19.0
   eslint-plugin-format:
     specifier: ^0.1.3
-    version: 0.1.3(eslint@9.18.0)
+    version: 0.1.3(eslint@9.19.0)
   nuxt:
     specifier: ^3.15.0
-    version: 3.15.2(@types/node@22.10.7)(eslint@9.18.0)(typescript@5.7.3)(vue-tsc@2.2.0)
+    version: 3.15.4(@types/node@22.13.0)(eslint@9.19.0)(sass@1.83.4)(typescript@5.7.3)(vue-tsc@2.2.0)
   nuxtjs-naive-ui:
     specifier: ^1.0.2
     version: 1.0.2
   pinia:
     specifier: ^2.3.0
-    version: 2.3.0(typescript@5.7.3)
+    version: 2.3.1(typescript@5.7.3)
   postcss:
     specifier: ^8.5.1
     version: 8.5.1
+  sass:
+    specifier: ^1.83.4
+    version: 1.83.4
+  sass-loader:
+    specifier: ^16.0.4
+    version: 16.0.4(sass@1.83.4)
   tailwindcss:
     specifier: ^3.4.17
     version: 3.4.17
@@ -135,8 +138,8 @@ packages:
       '@jridgewell/gen-mapping': 0.3.8
       '@jridgewell/trace-mapping': 0.3.25
 
-  /@antfu/eslint-config@3.14.0(eslint-plugin-format@0.1.3)(eslint@9.18.0)(typescript@5.7.3):
-    resolution: {integrity: sha512-SBQOFrF/d2aqsVhxcHZ6g5DAoUaNyaV3Vd+lGNJx4CfSuwk9EuC8sRUF819GkNdCMbH5wNdFoJ4+Tsd9sr/NBw==}
+  /@antfu/eslint-config@3.16.0(eslint-plugin-format@0.1.3)(eslint@9.19.0)(typescript@5.7.3):
+    resolution: {integrity: sha512-g6RAXUMeow9vexoOMYwCpByY2xSDpAD78q+rvQLvVpY6MFcxFD/zmdrZGYa/yt7LizK86m17kIYKOGLJ3L8P0w==}
     hasBin: true
     peerDependencies:
       '@eslint-react/eslint-plugin': ^1.19.0
@@ -183,39 +186,39 @@ packages:
     dependencies:
       '@antfu/install-pkg': 1.0.0
       '@clack/prompts': 0.9.1
-      '@eslint-community/eslint-plugin-eslint-comments': 4.4.1(eslint@9.18.0)
-      '@eslint/markdown': 6.2.1
-      '@stylistic/eslint-plugin': 2.13.0(eslint@9.18.0)(typescript@5.7.3)
-      '@typescript-eslint/eslint-plugin': 8.20.0(@typescript-eslint/parser@8.20.0)(eslint@9.18.0)(typescript@5.7.3)
-      '@typescript-eslint/parser': 8.20.0(eslint@9.18.0)(typescript@5.7.3)
-      '@vitest/eslint-plugin': 1.1.25(eslint@9.18.0)(typescript@5.7.3)
-      eslint: 9.18.0
-      eslint-config-flat-gitignore: 1.0.0(eslint@9.18.0)
-      eslint-flat-config-utils: 1.0.0
-      eslint-merge-processors: 1.0.0(eslint@9.18.0)
-      eslint-plugin-antfu: 2.7.0(eslint@9.18.0)
-      eslint-plugin-command: 2.1.0(eslint@9.18.0)
-      eslint-plugin-format: 0.1.3(eslint@9.18.0)
-      eslint-plugin-import-x: 4.6.1(eslint@9.18.0)(typescript@5.7.3)
-      eslint-plugin-jsdoc: 50.6.1(eslint@9.18.0)
-      eslint-plugin-jsonc: 2.18.2(eslint@9.18.0)
-      eslint-plugin-n: 17.15.1(eslint@9.18.0)
+      '@eslint-community/eslint-plugin-eslint-comments': 4.4.1(eslint@9.19.0)
+      '@eslint/markdown': 6.2.2
+      '@stylistic/eslint-plugin': 2.13.0(eslint@9.19.0)(typescript@5.7.3)
+      '@typescript-eslint/eslint-plugin': 8.22.0(@typescript-eslint/parser@8.22.0)(eslint@9.19.0)(typescript@5.7.3)
+      '@typescript-eslint/parser': 8.22.0(eslint@9.19.0)(typescript@5.7.3)
+      '@vitest/eslint-plugin': 1.1.25(eslint@9.19.0)(typescript@5.7.3)
+      eslint: 9.19.0
+      eslint-config-flat-gitignore: 1.0.1(eslint@9.19.0)
+      eslint-flat-config-utils: 1.1.0
+      eslint-merge-processors: 1.0.0(eslint@9.19.0)
+      eslint-plugin-antfu: 2.7.0(eslint@9.19.0)
+      eslint-plugin-command: 2.1.0(eslint@9.19.0)
+      eslint-plugin-format: 0.1.3(eslint@9.19.0)
+      eslint-plugin-import-x: 4.6.1(eslint@9.19.0)(typescript@5.7.3)
+      eslint-plugin-jsdoc: 50.6.3(eslint@9.19.0)
+      eslint-plugin-jsonc: 2.19.1(eslint@9.19.0)
+      eslint-plugin-n: 17.15.1(eslint@9.19.0)
       eslint-plugin-no-only-tests: 3.3.0
-      eslint-plugin-perfectionist: 4.6.0(eslint@9.18.0)(typescript@5.7.3)
-      eslint-plugin-regexp: 2.7.0(eslint@9.18.0)
-      eslint-plugin-toml: 0.12.0(eslint@9.18.0)
-      eslint-plugin-unicorn: 56.0.1(eslint@9.18.0)
-      eslint-plugin-unused-imports: 4.1.4(@typescript-eslint/eslint-plugin@8.20.0)(eslint@9.18.0)
-      eslint-plugin-vue: 9.32.0(eslint@9.18.0)
-      eslint-plugin-yml: 1.16.0(eslint@9.18.0)
-      eslint-processor-vue-blocks: 1.0.0(eslint@9.18.0)
+      eslint-plugin-perfectionist: 4.7.0(eslint@9.19.0)(typescript@5.7.3)
+      eslint-plugin-regexp: 2.7.0(eslint@9.19.0)
+      eslint-plugin-toml: 0.12.0(eslint@9.19.0)
+      eslint-plugin-unicorn: 56.0.1(eslint@9.19.0)
+      eslint-plugin-unused-imports: 4.1.4(@typescript-eslint/eslint-plugin@8.22.0)(eslint@9.19.0)
+      eslint-plugin-vue: 9.32.0(eslint@9.19.0)
+      eslint-plugin-yml: 1.16.0(eslint@9.19.0)
+      eslint-processor-vue-blocks: 1.0.0(eslint@9.19.0)
       globals: 15.14.0
       jsonc-eslint-parser: 2.4.0
       local-pkg: 1.0.0
       parse-gitignore: 2.0.0
       picocolors: 1.1.1
       toml-eslint-parser: 0.10.0
-      vue-eslint-parser: 9.4.3(eslint@9.18.0)
+      vue-eslint-parser: 9.4.3(eslint@9.19.0)
       yaml-eslint-parser: 1.2.3
       yargs: 17.7.2
     transitivePeerDependencies:
@@ -227,17 +230,10 @@ packages:
       - vitest
     dev: true
 
-  /@antfu/install-pkg@0.4.1:
-    resolution: {integrity: sha512-T7yB5QNG29afhWVkVq7XeIMBa5U/vs9mX69YqayXypPRmYzUmzwnYltplHmPtZ4HPCn+sQKeXW8I47wCbuBOjw==}
-    dependencies:
-      package-manager-detector: 0.2.8
-      tinyexec: 0.3.2
-    dev: true
-
   /@antfu/install-pkg@1.0.0:
     resolution: {integrity: sha512-xvX6P/lo1B3ej0OsaErAjqgFYzYVcJpamjLAFLYh9vRJngBrMoUG7aVnrGTeqM7yxbyTD5p3F2+0/QUEh8Vzhw==}
     dependencies:
-      package-manager-detector: 0.2.8
+      package-manager-detector: 0.2.9
       tinyexec: 0.3.2
     dev: true
 
@@ -257,8 +253,8 @@ packages:
       leven: 3.1.0
     dev: true
 
-  /@apidevtools/json-schema-ref-parser@11.7.3:
-    resolution: {integrity: sha512-WApSdLdXEBb/1FUPca2lteASewEfpjEYJ8oXZP+0gExK5qSfsEKBKcA+WjY6Q4wvXwyv0+W6Kvc372pSceib9w==}
+  /@apidevtools/json-schema-ref-parser@11.9.0:
+    resolution: {integrity: sha512-8Q/r5mXLa8Rfyh6r4SgEEFJgISVN5cDNFlcfSWLgFn3odzQhTfHAqzI3hMGdcROViL+8NrDNVVFQtEUrYOksDg==}
     engines: {node: '>= 16'}
     dependencies:
       '@jsdevtools/ono': 7.1.3
@@ -278,20 +274,20 @@ packages:
     resolution: {integrity: sha512-XvcZi1KWf88RVbF9wn8MN6tYFloU5qX8KjuF3E1PVBmJ9eypXfs4GRiJwLuTZL0iSnJUKn1BFPa5BPZZJyFzPg==}
     engines: {node: '>=6.9.0'}
 
-  /@babel/core@7.26.0:
-    resolution: {integrity: sha512-i1SLeK+DzNnQ3LL/CswPCa/E5u4lh1k6IAEphON8F+cXt0t9euTshDru0q7/IqMa1PMPz5RnHuHscF8/ZJsStg==}
+  /@babel/core@7.26.7:
+    resolution: {integrity: sha512-SRijHmF0PSPgLIBYlWnG0hyeJLwXE2CgpsXaMOrtt2yp9/86ALw6oUlj9KYuZ0JN07T4eBMVIW4li/9S1j2BGA==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@babel/code-frame': 7.26.2
       '@babel/generator': 7.26.5
       '@babel/helper-compilation-targets': 7.26.5
-      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.26.0)
-      '@babel/helpers': 7.26.0
-      '@babel/parser': 7.26.5
+      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.26.7)
+      '@babel/helpers': 7.26.7
+      '@babel/parser': 7.26.7
       '@babel/template': 7.25.9
-      '@babel/traverse': 7.26.5
-      '@babel/types': 7.26.5
+      '@babel/traverse': 7.26.7
+      '@babel/types': 7.26.7
       convert-source-map: 2.0.0
       debug: 4.4.0(supports-color@9.4.0)
       gensync: 1.0.0-beta.2
@@ -304,8 +300,8 @@ packages:
     resolution: {integrity: sha512-2caSP6fN9I7HOe6nqhtft7V4g7/V/gfDsC3Ag4W7kEzzvRGKqiv0pu0HogPiZ3KaVSoNDhUws6IJjDjpfmYIXw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/parser': 7.26.5
-      '@babel/types': 7.26.5
+      '@babel/parser': 7.26.7
+      '@babel/types': 7.26.7
       '@jridgewell/gen-mapping': 0.3.8
       '@jridgewell/trace-mapping': 0.3.25
       jsesc: 3.1.0
@@ -314,7 +310,7 @@ packages:
     resolution: {integrity: sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.26.5
+      '@babel/types': 7.26.7
     dev: true
 
   /@babel/helper-compilation-targets@7.26.5:
@@ -327,42 +323,42 @@ packages:
       lru-cache: 5.1.1
       semver: 6.3.1
 
-  /@babel/helper-create-class-features-plugin@7.25.9(@babel/core@7.26.0):
+  /@babel/helper-create-class-features-plugin@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-UTZQMvt0d/rSz6KI+qdu7GQze5TIajwTS++GUozlw8VBJDEOAqSXwm1WvmYEZwqdqSGQshRocPDqrt4HBZB3fQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-annotate-as-pure': 7.25.9
       '@babel/helper-member-expression-to-functions': 7.25.9
       '@babel/helper-optimise-call-expression': 7.25.9
-      '@babel/helper-replace-supers': 7.26.5(@babel/core@7.26.0)
+      '@babel/helper-replace-supers': 7.26.5(@babel/core@7.26.7)
       '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
-      '@babel/traverse': 7.26.5
+      '@babel/traverse': 7.26.7
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/helper-create-regexp-features-plugin@7.26.3(@babel/core@7.26.0):
+  /@babel/helper-create-regexp-features-plugin@7.26.3(@babel/core@7.26.7):
     resolution: {integrity: sha512-G7ZRb40uUgdKOQqPLjfD12ZmGA54PzqDFUv2BKImnC9QIfGhIHKvVML0oN8IUiDq4iRqpq74ABpvOaerfWdong==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-annotate-as-pure': 7.25.9
       regexpu-core: 6.2.0
       semver: 6.3.1
     dev: true
 
-  /@babel/helper-define-polyfill-provider@0.6.3(@babel/core@7.26.0):
+  /@babel/helper-define-polyfill-provider@0.6.3(@babel/core@7.26.7):
     resolution: {integrity: sha512-HK7Bi+Hj6H+VTHA3ZvBis7V/6hu9QuTrnMXNybfUf2iiuU/N97I8VjB+KbhFF8Rld/Lx5MzoCwPCpPjfK+n8Cg==}
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-compilation-targets': 7.26.5
       '@babel/helper-plugin-utils': 7.26.5
       debug: 4.4.0(supports-color@9.4.0)
@@ -376,8 +372,8 @@ packages:
     resolution: {integrity: sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/traverse': 7.26.5
-      '@babel/types': 7.26.5
+      '@babel/traverse': 7.26.7
+      '@babel/types': 7.26.7
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -386,21 +382,21 @@ packages:
     resolution: {integrity: sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/traverse': 7.26.5
-      '@babel/types': 7.26.5
+      '@babel/traverse': 7.26.7
+      '@babel/types': 7.26.7
     transitivePeerDependencies:
       - supports-color
 
-  /@babel/helper-module-transforms@7.26.0(@babel/core@7.26.0):
+  /@babel/helper-module-transforms@7.26.0(@babel/core@7.26.7):
     resolution: {integrity: sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-module-imports': 7.25.9
       '@babel/helper-validator-identifier': 7.25.9
-      '@babel/traverse': 7.26.5
+      '@babel/traverse': 7.26.7
     transitivePeerDependencies:
       - supports-color
 
@@ -408,7 +404,7 @@ packages:
     resolution: {integrity: sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/types': 7.26.5
+      '@babel/types': 7.26.7
     dev: true
 
   /@babel/helper-plugin-utils@7.26.5:
@@ -416,30 +412,30 @@ packages:
     engines: {node: '>=6.9.0'}
     dev: true
 
-  /@babel/helper-remap-async-to-generator@7.25.9(@babel/core@7.26.0):
+  /@babel/helper-remap-async-to-generator@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-IZtukuUeBbhgOcaW2s06OXTzVNJR0ybm4W5xC1opWFFJMZbwRj5LCk+ByYH7WdZPZTt8KnFwA8pvjN2yqcPlgw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-annotate-as-pure': 7.25.9
       '@babel/helper-wrap-function': 7.25.9
-      '@babel/traverse': 7.26.5
+      '@babel/traverse': 7.26.7
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/helper-replace-supers@7.26.5(@babel/core@7.26.0):
+  /@babel/helper-replace-supers@7.26.5(@babel/core@7.26.7):
     resolution: {integrity: sha512-bJ6iIVdYX1YooY2X7w1q6VITt+LnUILtNk7zT78ykuwStx8BauCzxvFqFaHjOpW1bVnSUM1PN1f0p5P21wHxvg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-member-expression-to-functions': 7.25.9
       '@babel/helper-optimise-call-expression': 7.25.9
-      '@babel/traverse': 7.26.5
+      '@babel/traverse': 7.26.7
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -448,8 +444,8 @@ packages:
     resolution: {integrity: sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/traverse': 7.26.5
-      '@babel/types': 7.26.5
+      '@babel/traverse': 7.26.7
+      '@babel/types': 7.26.7
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -471,864 +467,864 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/template': 7.25.9
-      '@babel/traverse': 7.26.5
-      '@babel/types': 7.26.5
+      '@babel/traverse': 7.26.7
+      '@babel/types': 7.26.7
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/helpers@7.26.0:
-    resolution: {integrity: sha512-tbhNuIxNcVb21pInl3ZSjksLCvgdZy9KwJ8brv993QtIVKJBBkYXz4q4ZbAv31GdnC+R90np23L5FbEBlthAEw==}
+  /@babel/helpers@7.26.7:
+    resolution: {integrity: sha512-8NHiL98vsi0mbPQmYAGWwfcFaOy4j2HY49fXJCfuDcdE7fMIsH9a7GdaeXpIBsbT7307WU8KCMp5pUVDNL4f9A==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/template': 7.25.9
-      '@babel/types': 7.26.5
+      '@babel/types': 7.26.7
 
-  /@babel/parser@7.26.5:
-    resolution: {integrity: sha512-SRJ4jYmXRqV1/Xc+TIVG84WjHBXKlxO9sHQnA2Pf12QQEAp1LOh6kDzNHXcUnbH1QI0FDoPPVOt+vyUDucxpaw==}
+  /@babel/parser@7.26.7:
+    resolution: {integrity: sha512-kEvgGGgEjRUutvdVvZhbn/BxVt+5VSpwXz1j3WYXQbXDo8KzFOPNG2GQbdAiNq8g6wn1yKk7C/qrke03a84V+w==}
     engines: {node: '>=6.0.0'}
     hasBin: true
     dependencies:
-      '@babel/types': 7.26.5
+      '@babel/types': 7.26.7
 
-  /@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-ZkRyVkThtxQ/J6nv3JFYv1RYY+JT5BvU0y3k5bWrmuG4woXypRa4PXmm9RhOwodRkYFWqC0C0cqcJ4OqR7kW+g==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
-      '@babel/traverse': 7.26.5
+      '@babel/traverse': 7.26.7
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-bugfix-safari-class-field-initializer-scope@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-bugfix-safari-class-field-initializer-scope@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-MrGRLZxLD/Zjj0gdU15dfs+HH/OXvnw/U4jJD8vpcP2CJQapPEv1IWwjc/qMg7ItBlPwSv1hRBbb7LeuANdcnw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-2qUwwfAFpJLZqxd02YW9btUCZHl+RFvdDkNfZwaIJrvB8Tesjsk8pEQkTvGwZXLqXUx/2oyY3ySRhm6HOXuCug==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-6xWgLZTJXwilVjlnV7ospI3xi+sl8lN8rXXbBD6vYn3UYDlGsag8wrZkKcSI8G6KgqKP7vNFaDgeDnfAABq61g==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.13.0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
       '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
-      '@babel/plugin-transform-optional-chaining': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-optional-chaining': 7.25.9(@babel/core@7.26.7)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-aLnMXYPnzwwqhYSCyXfKkIkYgJ8zv9RK+roo9DkTXz38ynIhd9XCbN08s3MGvqL2MYGVUGdRQLL/JqBIeJhJBg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
-      '@babel/traverse': 7.26.5
+      '@babel/traverse': 7.26.7
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-proposal-decorators@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-proposal-decorators@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-smkNLL/O1ezy9Nhy4CNosc4Va+1wo5w4gzSZeLe6y6dM4mmHfYOCPolXQPHQxonZCF+ZyebxN9vqOolkYrSn5g==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-create-class-features-plugin': 7.25.9(@babel/core@7.26.0)
+      '@babel/core': 7.26.7
+      '@babel/helper-create-class-features-plugin': 7.25.9(@babel/core@7.26.7)
       '@babel/helper-plugin-utils': 7.26.5
-      '@babel/plugin-syntax-decorators': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-syntax-decorators': 7.25.9(@babel/core@7.26.7)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2(@babel/core@7.26.0):
+  /@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2(@babel/core@7.26.7):
     resolution: {integrity: sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
     dev: true
 
-  /@babel/plugin-syntax-decorators@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-syntax-decorators@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-ryzI0McXUPJnRCvMo4lumIKZUzhYUO/ScI+Mz4YVaTLt04DHNSjEUjKVvbzQjZFLuod/cYEc07mJWhzl6v4DPg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-syntax-import-assertions@7.26.0(@babel/core@7.26.0):
+  /@babel/plugin-syntax-import-assertions@7.26.0(@babel/core@7.26.7):
     resolution: {integrity: sha512-QCWT5Hh830hK5EQa7XzuqIkQU9tT/whqbDz7kuaZMHFl1inRRg7JnuAEOQ0Ur0QUl0NufCk1msK2BeY79Aj/eg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-syntax-import-attributes@7.26.0(@babel/core@7.26.0):
+  /@babel/plugin-syntax-import-attributes@7.26.0(@babel/core@7.26.7):
     resolution: {integrity: sha512-e2dttdsJ1ZTpi3B9UYGLw41hifAubg19AtCu/2I/F1QNVclOBr1dYpTdmdyZ84Xiz43BS/tCUkMAZNLv12Pi+A==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.26.0):
+  /@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.26.7):
     resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-syntax-jsx@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-syntax-jsx@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-ld6oezHQMZsZfp6pWtbjaNDF2tiiCYYDqQszHt5VV437lewP9aSi2Of99CK0D0XB21k7FLgnLcmQKyKzynfeAA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-syntax-typescript@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-syntax-typescript@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-hjMgRy5hb8uJJjUcdWunWVcoi9bGpJp8p5Ol1229PoN6aytsLwNMgmdftO23wnCLMfVmTwZDWMPNq/D1SY60JQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-syntax-unicode-sets-regex@7.18.6(@babel/core@7.26.0):
+  /@babel/plugin-syntax-unicode-sets-regex@7.18.6(@babel/core@7.26.7):
     resolution: {integrity: sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-create-regexp-features-plugin': 7.26.3(@babel/core@7.26.0)
+      '@babel/core': 7.26.7
+      '@babel/helper-create-regexp-features-plugin': 7.26.3(@babel/core@7.26.7)
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-arrow-functions@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-arrow-functions@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-6jmooXYIwn9ca5/RylZADJ+EnSxVUS5sjeJ9UPk6RWRzXCmOJCy6dqItPJFpw2cuCangPK4OYr5uhGKcmrm5Qg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-async-generator-functions@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-async-generator-functions@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-RXV6QAzTBbhDMO9fWwOmwwTuYaiPbggWQ9INdZqAYeSHyG7FzQ+nOZaUUjNwKv9pV3aE4WFqFm1Hnbci5tBCAw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
-      '@babel/helper-remap-async-to-generator': 7.25.9(@babel/core@7.26.0)
-      '@babel/traverse': 7.26.5
+      '@babel/helper-remap-async-to-generator': 7.25.9(@babel/core@7.26.7)
+      '@babel/traverse': 7.26.7
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-async-to-generator@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-async-to-generator@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-NT7Ejn7Z/LjUH0Gv5KsBCxh7BH3fbLTV0ptHvpeMvrt3cPThHfJfst9Wrb7S8EvJ7vRTFI7z+VAvFVEQn/m5zQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-module-imports': 7.25.9
       '@babel/helper-plugin-utils': 7.26.5
-      '@babel/helper-remap-async-to-generator': 7.25.9(@babel/core@7.26.0)
+      '@babel/helper-remap-async-to-generator': 7.25.9(@babel/core@7.26.7)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-block-scoped-functions@7.26.5(@babel/core@7.26.0):
+  /@babel/plugin-transform-block-scoped-functions@7.26.5(@babel/core@7.26.7):
     resolution: {integrity: sha512-chuTSY+hq09+/f5lMj8ZSYgCFpppV2CbYrhNFJ1BFoXpiWPnnAb7R0MqrafCpN8E1+YRrtM1MXZHJdIx8B6rMQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-block-scoping@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-block-scoping@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-1F05O7AYjymAtqbsFETboN1NvBdcnzMerO+zlMyJBEz6WkMdejvGWw9p05iTSjC85RLlBseHHQpYaM4gzJkBGg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-class-properties@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-class-properties@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-bbMAII8GRSkcd0h0b4X+36GksxuheLFjP65ul9w6C3KgAamI3JqErNgSrosX6ZPj+Mpim5VvEbawXxJCyEUV3Q==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-create-class-features-plugin': 7.25.9(@babel/core@7.26.0)
+      '@babel/core': 7.26.7
+      '@babel/helper-create-class-features-plugin': 7.25.9(@babel/core@7.26.7)
       '@babel/helper-plugin-utils': 7.26.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-class-static-block@7.26.0(@babel/core@7.26.0):
+  /@babel/plugin-transform-class-static-block@7.26.0(@babel/core@7.26.7):
     resolution: {integrity: sha512-6J2APTs7BDDm+UMqP1useWqhcRAXo0WIoVj26N7kPFB6S73Lgvyka4KTZYIxtgYXiN5HTyRObA72N2iu628iTQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.12.0
     dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-create-class-features-plugin': 7.25.9(@babel/core@7.26.0)
+      '@babel/core': 7.26.7
+      '@babel/helper-create-class-features-plugin': 7.25.9(@babel/core@7.26.7)
       '@babel/helper-plugin-utils': 7.26.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-classes@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-classes@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-mD8APIXmseE7oZvZgGABDyM34GUmK45Um2TXiBUt7PnuAxrgoSVf123qUzPxEr/+/BHrRn5NMZCdE2m/1F8DGg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-annotate-as-pure': 7.25.9
       '@babel/helper-compilation-targets': 7.26.5
       '@babel/helper-plugin-utils': 7.26.5
-      '@babel/helper-replace-supers': 7.26.5(@babel/core@7.26.0)
-      '@babel/traverse': 7.26.5
+      '@babel/helper-replace-supers': 7.26.5(@babel/core@7.26.7)
+      '@babel/traverse': 7.26.7
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-computed-properties@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-computed-properties@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-HnBegGqXZR12xbcTHlJ9HGxw1OniltT26J5YpfruGqtUHlz/xKf/G2ak9e+t0rVqrjXa9WOhvYPz1ERfMj23AA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
       '@babel/template': 7.25.9
     dev: true
 
-  /@babel/plugin-transform-destructuring@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-destructuring@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-WkCGb/3ZxXepmMiX101nnGiU+1CAdut8oHyEOHxkKuS1qKpU2SMXE2uSvfz8PBuLd49V6LEsbtyPhWC7fnkgvQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-dotall-regex@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-dotall-regex@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-t7ZQ7g5trIgSRYhI9pIJtRl64KHotutUJsh4Eze5l7olJv+mRSg4/MmbZ0tv1eeqRbdvo/+trvJD/Oc5DmW2cA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-create-regexp-features-plugin': 7.26.3(@babel/core@7.26.0)
+      '@babel/core': 7.26.7
+      '@babel/helper-create-regexp-features-plugin': 7.26.3(@babel/core@7.26.7)
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-duplicate-keys@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-duplicate-keys@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-LZxhJ6dvBb/f3x8xwWIuyiAHy56nrRG3PeYTpBkkzkYRRQ6tJLu68lEF5VIqMUZiAV7a8+Tb78nEoMCMcqjXBw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-duplicate-named-capturing-groups-regex@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-duplicate-named-capturing-groups-regex@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-0UfuJS0EsXbRvKnwcLjFtJy/Sxc5J5jhLHnFhy7u4zih97Hz6tJkLU+O+FMMrNZrosUPxDi6sYxJ/EA8jDiAog==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-create-regexp-features-plugin': 7.26.3(@babel/core@7.26.0)
+      '@babel/core': 7.26.7
+      '@babel/helper-create-regexp-features-plugin': 7.26.3(@babel/core@7.26.7)
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-dynamic-import@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-dynamic-import@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-GCggjexbmSLaFhqsojeugBpeaRIgWNTcgKVq/0qIteFEqY2A+b9QidYadrWlnbWQUrW5fn+mCvf3tr7OeBFTyg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-exponentiation-operator@7.26.3(@babel/core@7.26.0):
+  /@babel/plugin-transform-exponentiation-operator@7.26.3(@babel/core@7.26.7):
     resolution: {integrity: sha512-7CAHcQ58z2chuXPWblnn1K6rLDnDWieghSOEmqQsrBenH0P9InCUtOJYD89pvngljmZlJcz3fcmgYsXFNGa1ZQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-export-namespace-from@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-export-namespace-from@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-2NsEz+CxzJIVOPx2o9UsW1rXLqtChtLoVnwYHHiB04wS5sgn7mrV45fWMBX0Kk+ub9uXytVYfNP2HjbVbCB3Ww==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-for-of@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-for-of@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-LqHxduHoaGELJl2uhImHwRQudhCM50pT46rIBNvtT/Oql3nqiS3wOwP+5ten7NpYSXrrVLgtZU3DZmPtWZo16A==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
       '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-function-name@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-function-name@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-8lP+Yxjv14Vc5MuWBpJsoUCd3hD6V9DgBon2FVYL4jJgbnVQ9fTgYmonchzZJOVNgzEgbxp4OwAf6xz6M/14XA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-compilation-targets': 7.26.5
       '@babel/helper-plugin-utils': 7.26.5
-      '@babel/traverse': 7.26.5
+      '@babel/traverse': 7.26.7
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-json-strings@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-json-strings@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-xoTMk0WXceiiIvsaquQQUaLLXSW1KJ159KP87VilruQm0LNNGxWzahxSS6T6i4Zg3ezp4vA4zuwiNUR53qmQAw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-literals@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-literals@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-9N7+2lFziW8W9pBl2TzaNht3+pgMIRP74zizeCSrtnSKVdUl8mAjjOP2OOVQAfZ881P2cNjDj1uAMEdeD50nuQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-logical-assignment-operators@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-logical-assignment-operators@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-wI4wRAzGko551Y8eVf6iOY9EouIDTtPb0ByZx+ktDGHwv6bHFimrgJM/2T021txPZ2s4c7bqvHbd+vXG6K948Q==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-member-expression-literals@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-member-expression-literals@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-PYazBVfofCQkkMzh2P6IdIUaCEWni3iYEerAsRWuVd8+jlM1S9S9cz1dF9hIzyoZ8IA3+OwVYIp9v9e+GbgZhA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-modules-amd@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-modules-amd@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-g5T11tnI36jVClQlMlt4qKDLlWnG5pP9CSM4GhdRciTNMRgkfpo5cR6b4rGIOYPgRRuFAvwjPQ/Yk+ql4dyhbw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.26.0)
+      '@babel/core': 7.26.7
+      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.26.7)
       '@babel/helper-plugin-utils': 7.26.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-modules-commonjs@7.26.3(@babel/core@7.26.0):
+  /@babel/plugin-transform-modules-commonjs@7.26.3(@babel/core@7.26.7):
     resolution: {integrity: sha512-MgR55l4q9KddUDITEzEFYn5ZsGDXMSsU9E+kh7fjRXTIC3RHqfCo8RPRbyReYJh44HQ/yomFkqbOFohXvDCiIQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.26.0)
+      '@babel/core': 7.26.7
+      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.26.7)
       '@babel/helper-plugin-utils': 7.26.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-modules-systemjs@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-modules-systemjs@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-hyss7iIlH/zLHaehT+xwiymtPOpsiwIIRlCAOwBB04ta5Tt+lNItADdlXw3jAWZ96VJ2jlhl/c+PNIQPKNfvcA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.26.0)
+      '@babel/core': 7.26.7
+      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.26.7)
       '@babel/helper-plugin-utils': 7.26.5
       '@babel/helper-validator-identifier': 7.25.9
-      '@babel/traverse': 7.26.5
+      '@babel/traverse': 7.26.7
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-modules-umd@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-modules-umd@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-bS9MVObUgE7ww36HEfwe6g9WakQ0KF07mQF74uuXdkoziUPfKyu/nIm663kz//e5O1nPInPFx36z7WJmJ4yNEw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.26.0)
+      '@babel/core': 7.26.7
+      '@babel/helper-module-transforms': 7.26.0(@babel/core@7.26.7)
       '@babel/helper-plugin-utils': 7.26.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-named-capturing-groups-regex@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-named-capturing-groups-regex@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-oqB6WHdKTGl3q/ItQhpLSnWWOpjUJLsOCLVyeFgeTktkBSCiurvPOsyt93gibI9CmuKvTUEtWmG5VhZD+5T/KA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-create-regexp-features-plugin': 7.26.3(@babel/core@7.26.0)
+      '@babel/core': 7.26.7
+      '@babel/helper-create-regexp-features-plugin': 7.26.3(@babel/core@7.26.7)
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-new-target@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-new-target@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-U/3p8X1yCSoKyUj2eOBIx3FOn6pElFOKvAAGf8HTtItuPyB+ZeOqfn+mvTtg9ZlOAjsPdK3ayQEjqHjU/yLeVQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-nullish-coalescing-operator@7.26.6(@babel/core@7.26.0):
+  /@babel/plugin-transform-nullish-coalescing-operator@7.26.6(@babel/core@7.26.7):
     resolution: {integrity: sha512-CKW8Vu+uUZneQCPtXmSBUC6NCAUdya26hWCElAWh5mVSlSRsmiCPUUDKb3Z0szng1hiAJa098Hkhg9o4SE35Qw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-numeric-separator@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-numeric-separator@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-TlprrJ1GBZ3r6s96Yq8gEQv82s8/5HnCVHtEJScUj90thHQbwe+E5MLhi2bbNHBEJuzrvltXSru+BUxHDoog7Q==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-object-rest-spread@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-object-rest-spread@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-fSaXafEE9CVHPweLYw4J0emp1t8zYTXyzN3UuG+lylqkvYd7RMrsOQ8TYx5RF231be0vqtFC6jnx3UmpJmKBYg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-compilation-targets': 7.26.5
       '@babel/helper-plugin-utils': 7.26.5
-      '@babel/plugin-transform-parameters': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-transform-parameters': 7.25.9(@babel/core@7.26.7)
     dev: true
 
-  /@babel/plugin-transform-object-super@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-object-super@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-Kj/Gh+Rw2RNLbCK1VAWj2U48yxxqL2x0k10nPtSdRa0O2xnHXalD0s+o1A6a0W43gJ00ANo38jxkQreckOzv5A==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
-      '@babel/helper-replace-supers': 7.26.5(@babel/core@7.26.0)
+      '@babel/helper-replace-supers': 7.26.5(@babel/core@7.26.7)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-optional-catch-binding@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-optional-catch-binding@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-qM/6m6hQZzDcZF3onzIhZeDHDO43bkNNlOX0i8n3lR6zLbu0GN2d8qfM/IERJZYauhAHSLHy39NF0Ctdvcid7g==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-optional-chaining@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-optional-chaining@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-6AvV0FsLULbpnXeBjrY4dmWF8F7gf8QnvTEoO/wX/5xm/xE1Xo8oPuD3MPS+KS9f9XBEAWN7X1aWr4z9HdOr7A==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
       '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-parameters@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-parameters@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-wzz6MKwpnshBAiRmn4jR8LYz/g8Ksg0o80XmwZDlordjwEk9SxBzTWC7F5ef1jhbrbOW2DJ5J6ayRukrJmnr0g==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-private-methods@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-private-methods@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-D/JUozNpQLAPUVusvqMxyvjzllRaF8/nSrP1s2YGQT/W4LHK4xxsMcHjhOGTS01mp9Hda8nswb+FblLdJornQw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-create-class-features-plugin': 7.25.9(@babel/core@7.26.0)
+      '@babel/core': 7.26.7
+      '@babel/helper-create-class-features-plugin': 7.25.9(@babel/core@7.26.7)
       '@babel/helper-plugin-utils': 7.26.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-private-property-in-object@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-private-property-in-object@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-Evf3kcMqzXA3xfYJmZ9Pg1OvKdtqsDMSWBDzZOPLvHiTt36E75jLDQo5w1gtRU95Q4E5PDttrTf25Fw8d/uWLw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-annotate-as-pure': 7.25.9
-      '@babel/helper-create-class-features-plugin': 7.25.9(@babel/core@7.26.0)
+      '@babel/helper-create-class-features-plugin': 7.25.9(@babel/core@7.26.7)
       '@babel/helper-plugin-utils': 7.26.5
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-property-literals@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-property-literals@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-IvIUeV5KrS/VPavfSM/Iu+RE6llrHrYIKY1yfCzyO/lMXHQ+p7uGhonmGVisv6tSBSVgWzMBohTcvkC9vQcQFA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-regenerator@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-regenerator@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-vwDcDNsgMPDGP0nMqzahDWE5/MLcX8sv96+wfX7as7LoF/kr97Bo/7fI00lXY4wUXYfVmwIIyG80fGZ1uvt2qg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
       regenerator-transform: 0.15.2
     dev: true
 
-  /@babel/plugin-transform-regexp-modifiers@7.26.0(@babel/core@7.26.0):
+  /@babel/plugin-transform-regexp-modifiers@7.26.0(@babel/core@7.26.7):
     resolution: {integrity: sha512-vN6saax7lrA2yA/Pak3sCxuD6F5InBjn9IcrIKQPjpsLvuHYLVroTxjdlVRHjjBWxKOqIwpTXDkOssYT4BFdRw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-create-regexp-features-plugin': 7.26.3(@babel/core@7.26.0)
+      '@babel/core': 7.26.7
+      '@babel/helper-create-regexp-features-plugin': 7.26.3(@babel/core@7.26.7)
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-reserved-words@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-reserved-words@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-7DL7DKYjn5Su++4RXu8puKZm2XBPHyjWLUidaPEkCUBbE7IPcsrkRHggAOOKydH1dASWdcUBxrkOGNxUv5P3Jg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-shorthand-properties@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-shorthand-properties@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-MUv6t0FhO5qHnS/W8XCbHmiRWOphNufpE1IVxhK5kuN3Td9FT1x4rx4K42s3RYdMXCXpfWkGSbCSd0Z64xA7Ng==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-spread@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-spread@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-oNknIB0TbURU5pqJFVbOOFspVlrpVwo2H1+HUIsVDvp5VauGGDP1ZEvO8Nn5xyMEs3dakajOxlmkNW7kNgSm6A==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
       '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-sticky-regex@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-sticky-regex@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-WqBUSgeVwucYDP9U/xNRQam7xV8W5Zf+6Eo7T2SRVUFlhRiMNFdFz58u0KZmCVVqs2i7SHgpRnAhzRNmKfi2uA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-template-literals@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-template-literals@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-o97AE4syN71M/lxrCtQByzphAdlYluKPDBzDVzMmfCobUjjhAryZV0AIpRPrxN0eAkxXO6ZLEScmt+PNhj2OTw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-typeof-symbol@7.25.9(@babel/core@7.26.0):
-    resolution: {integrity: sha512-v61XqUMiueJROUv66BVIOi0Fv/CUuZuZMl5NkRoCVxLAnMexZ0A3kMe7vvZ0nulxMuMp0Mk6S5hNh48yki08ZA==}
+  /@babel/plugin-transform-typeof-symbol@7.26.7(@babel/core@7.26.7):
+    resolution: {integrity: sha512-jfoTXXZTgGg36BmhqT3cAYK5qkmqvJpvNrPhaK/52Vgjhw4Rq29s9UqpWWV0D6yuRmgiFH/BUVlkl96zJWqnaw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-typescript@7.26.5(@babel/core@7.26.0):
-    resolution: {integrity: sha512-GJhPO0y8SD5EYVCy2Zr+9dSZcEgaSmq5BLR0Oc25TOEhC+ba49vUAGZFjy8v79z9E1mdldq4x9d1xgh4L1d5dQ==}
+  /@babel/plugin-transform-typescript@7.26.7(@babel/core@7.26.7):
+    resolution: {integrity: sha512-5cJurntg+AT+cgelGP9Bt788DKiAw9gIMSMU2NJrLAilnj0m8WZWUNZPSLOmadYsujHutpgElO+50foX+ib/Wg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-annotate-as-pure': 7.25.9
-      '@babel/helper-create-class-features-plugin': 7.25.9(@babel/core@7.26.0)
+      '@babel/helper-create-class-features-plugin': 7.25.9(@babel/core@7.26.7)
       '@babel/helper-plugin-utils': 7.26.5
       '@babel/helper-skip-transparent-expression-wrappers': 7.25.9
-      '@babel/plugin-syntax-typescript': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-syntax-typescript': 7.25.9(@babel/core@7.26.7)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/plugin-transform-unicode-escapes@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-unicode-escapes@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-s5EDrE6bW97LtxOcGj1Khcx5AaXwiMmi4toFWRDP9/y0Woo6pXC+iyPu/KuhKtfSrNFd7jJB+/fkOtZy6aIC6Q==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-unicode-property-regex@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-unicode-property-regex@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-Jt2d8Ga+QwRluxRQ307Vlxa6dMrYEMZCgGxoPR8V52rxPyldHu3hdlHspxaqYmE7oID5+kB+UKUB/eWS+DkkWg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-create-regexp-features-plugin': 7.26.3(@babel/core@7.26.0)
+      '@babel/core': 7.26.7
+      '@babel/helper-create-regexp-features-plugin': 7.26.3(@babel/core@7.26.7)
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-unicode-regex@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-unicode-regex@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-yoxstj7Rg9dlNn9UQxzk4fcNivwv4nUYz7fYXBaKxvw/lnmPuOm/ikoELygbYq68Bls3D/D+NBPHiLwZdZZ4HA==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-create-regexp-features-plugin': 7.26.3(@babel/core@7.26.0)
+      '@babel/core': 7.26.7
+      '@babel/helper-create-regexp-features-plugin': 7.26.3(@babel/core@7.26.7)
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/plugin-transform-unicode-sets-regex@7.25.9(@babel/core@7.26.0):
+  /@babel/plugin-transform-unicode-sets-regex@7.25.9(@babel/core@7.26.7):
     resolution: {integrity: sha512-8BYqO3GeVNHtx69fdPshN3fnzUNLrWdHhk/icSwigksJGczKSizZ+Z6SBCxTs723Fr5VSNorTIK7a+R2tISvwQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
     dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-create-regexp-features-plugin': 7.26.3(@babel/core@7.26.0)
+      '@babel/core': 7.26.7
+      '@babel/helper-create-regexp-features-plugin': 7.26.3(@babel/core@7.26.7)
       '@babel/helper-plugin-utils': 7.26.5
     dev: true
 
-  /@babel/preset-env@7.26.0(@babel/core@7.26.0):
-    resolution: {integrity: sha512-H84Fxq0CQJNdPFT2DrfnylZ3cf5K43rGfWK4LJGPpjKHiZlk0/RzwEus3PDDZZg+/Er7lCA03MVacueUuXdzfw==}
+  /@babel/preset-env@7.26.7(@babel/core@7.26.7):
+    resolution: {integrity: sha512-Ycg2tnXwixaXOVb29rana8HNPgLVBof8qqtNQ9LE22IoyZboQbGSxI6ZySMdW3K5nAe6gu35IaJefUJflhUFTQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/compat-data': 7.26.5
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-compilation-targets': 7.26.5
       '@babel/helper-plugin-utils': 7.26.5
       '@babel/helper-validator-option': 7.25.9
-      '@babel/plugin-bugfix-firefox-class-in-computed-class-key': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-bugfix-safari-class-field-initializer-scope': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-proposal-private-property-in-object': 7.21.0-placeholder-for-preset-env.2(@babel/core@7.26.0)
-      '@babel/plugin-syntax-import-assertions': 7.26.0(@babel/core@7.26.0)
-      '@babel/plugin-syntax-import-attributes': 7.26.0(@babel/core@7.26.0)
-      '@babel/plugin-syntax-unicode-sets-regex': 7.18.6(@babel/core@7.26.0)
-      '@babel/plugin-transform-arrow-functions': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-async-generator-functions': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-async-to-generator': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-block-scoped-functions': 7.26.5(@babel/core@7.26.0)
-      '@babel/plugin-transform-block-scoping': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-class-properties': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-class-static-block': 7.26.0(@babel/core@7.26.0)
-      '@babel/plugin-transform-classes': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-computed-properties': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-destructuring': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-dotall-regex': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-duplicate-keys': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-duplicate-named-capturing-groups-regex': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-dynamic-import': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-exponentiation-operator': 7.26.3(@babel/core@7.26.0)
-      '@babel/plugin-transform-export-namespace-from': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-for-of': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-function-name': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-json-strings': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-literals': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-logical-assignment-operators': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-member-expression-literals': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-modules-amd': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-modules-commonjs': 7.26.3(@babel/core@7.26.0)
-      '@babel/plugin-transform-modules-systemjs': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-modules-umd': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-named-capturing-groups-regex': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-new-target': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-nullish-coalescing-operator': 7.26.6(@babel/core@7.26.0)
-      '@babel/plugin-transform-numeric-separator': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-object-rest-spread': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-object-super': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-optional-catch-binding': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-optional-chaining': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-parameters': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-private-methods': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-private-property-in-object': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-property-literals': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-regenerator': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-regexp-modifiers': 7.26.0(@babel/core@7.26.0)
-      '@babel/plugin-transform-reserved-words': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-shorthand-properties': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-spread': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-sticky-regex': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-template-literals': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-typeof-symbol': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-unicode-escapes': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-unicode-property-regex': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-unicode-regex': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-transform-unicode-sets-regex': 7.25.9(@babel/core@7.26.0)
-      '@babel/preset-modules': 0.1.6-no-external-plugins(@babel/core@7.26.0)
-      babel-plugin-polyfill-corejs2: 0.4.12(@babel/core@7.26.0)
-      babel-plugin-polyfill-corejs3: 0.10.6(@babel/core@7.26.0)
-      babel-plugin-polyfill-regenerator: 0.6.3(@babel/core@7.26.0)
+      '@babel/plugin-bugfix-firefox-class-in-computed-class-key': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-bugfix-safari-class-field-initializer-scope': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-proposal-private-property-in-object': 7.21.0-placeholder-for-preset-env.2(@babel/core@7.26.7)
+      '@babel/plugin-syntax-import-assertions': 7.26.0(@babel/core@7.26.7)
+      '@babel/plugin-syntax-import-attributes': 7.26.0(@babel/core@7.26.7)
+      '@babel/plugin-syntax-unicode-sets-regex': 7.18.6(@babel/core@7.26.7)
+      '@babel/plugin-transform-arrow-functions': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-async-generator-functions': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-async-to-generator': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-block-scoped-functions': 7.26.5(@babel/core@7.26.7)
+      '@babel/plugin-transform-block-scoping': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-class-properties': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-class-static-block': 7.26.0(@babel/core@7.26.7)
+      '@babel/plugin-transform-classes': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-computed-properties': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-destructuring': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-dotall-regex': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-duplicate-keys': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-duplicate-named-capturing-groups-regex': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-dynamic-import': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-exponentiation-operator': 7.26.3(@babel/core@7.26.7)
+      '@babel/plugin-transform-export-namespace-from': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-for-of': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-function-name': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-json-strings': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-literals': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-logical-assignment-operators': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-member-expression-literals': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-modules-amd': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-modules-commonjs': 7.26.3(@babel/core@7.26.7)
+      '@babel/plugin-transform-modules-systemjs': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-modules-umd': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-named-capturing-groups-regex': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-new-target': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-nullish-coalescing-operator': 7.26.6(@babel/core@7.26.7)
+      '@babel/plugin-transform-numeric-separator': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-object-rest-spread': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-object-super': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-optional-catch-binding': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-optional-chaining': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-parameters': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-private-methods': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-private-property-in-object': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-property-literals': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-regenerator': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-regexp-modifiers': 7.26.0(@babel/core@7.26.7)
+      '@babel/plugin-transform-reserved-words': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-shorthand-properties': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-spread': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-sticky-regex': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-template-literals': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-typeof-symbol': 7.26.7(@babel/core@7.26.7)
+      '@babel/plugin-transform-unicode-escapes': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-unicode-property-regex': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-unicode-regex': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-transform-unicode-sets-regex': 7.25.9(@babel/core@7.26.7)
+      '@babel/preset-modules': 0.1.6-no-external-plugins(@babel/core@7.26.7)
+      babel-plugin-polyfill-corejs2: 0.4.12(@babel/core@7.26.7)
+      babel-plugin-polyfill-corejs3: 0.10.6(@babel/core@7.26.7)
+      babel-plugin-polyfill-regenerator: 0.6.3(@babel/core@7.26.7)
       core-js-compat: 3.40.0
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@babel/preset-modules@0.1.6-no-external-plugins(@babel/core@7.26.0):
+  /@babel/preset-modules@0.1.6-no-external-plugins(@babel/core@7.26.7):
     resolution: {integrity: sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==}
     peerDependencies:
       '@babel/core': ^7.0.0-0 || ^8.0.0-0 <8.0.0
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-plugin-utils': 7.26.5
-      '@babel/types': 7.26.5
+      '@babel/types': 7.26.7
       esutils: 2.0.3
     dev: true
 
-  /@babel/runtime@7.26.0:
-    resolution: {integrity: sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==}
+  /@babel/runtime@7.26.7:
+    resolution: {integrity: sha512-AOPI3D+a8dXnja+iwsUqGRjr1BbZIe771sXdapOtYI531gSqpi92vXivKcq2asu/DFpdl1ceFAKZyRzK2PCVcQ==}
     engines: {node: '>=6.9.0'}
     dependencies:
       regenerator-runtime: 0.14.1
     dev: true
 
-  /@babel/standalone@7.26.6:
-    resolution: {integrity: sha512-h1mkoNFYCqDkS+vTLGzsQYvp1v1qbuugk4lOtb/oyjArZ+EtreAaxcSYg3rSIzWZRQOjx4iqGe7A8NRYIMSTTw==}
+  /@babel/standalone@7.26.7:
+    resolution: {integrity: sha512-Fvdo9Dd20GDUAREzYMIR2EFMKAJ+ccxstgQdb39XV/yvygHL4UPcqgTkiChPyltAe/b+zgq+vUPXeukEZ6aUeA==}
     engines: {node: '>=6.9.0'}
 
   /@babel/template@7.25.9:
@@ -1336,25 +1332,25 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/code-frame': 7.26.2
-      '@babel/parser': 7.26.5
-      '@babel/types': 7.26.5
+      '@babel/parser': 7.26.7
+      '@babel/types': 7.26.7
 
-  /@babel/traverse@7.26.5:
-    resolution: {integrity: sha512-rkOSPOw+AXbgtwUga3U4u8RpoK9FEFWBNAlTpcnkLFjL5CT+oyHNuUUC/xx6XefEJ16r38r8Bc/lfp6rYuHeJQ==}
+  /@babel/traverse@7.26.7:
+    resolution: {integrity: sha512-1x1sgeyRLC3r5fQOM0/xtQKsYjyxmFjaOrLJNtZ81inNjyJHGIolTULPiSc/2qe1/qfpFLisLQYFnnZl7QoedA==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/code-frame': 7.26.2
       '@babel/generator': 7.26.5
-      '@babel/parser': 7.26.5
+      '@babel/parser': 7.26.7
       '@babel/template': 7.25.9
-      '@babel/types': 7.26.5
+      '@babel/types': 7.26.7
       debug: 4.4.0(supports-color@9.4.0)
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
 
-  /@babel/types@7.26.5:
-    resolution: {integrity: sha512-L6mZmwFDK6Cjh1nRCLXpa6no13ZIioJDz7mdkzHv399pThrTa/k0nUlNaenOeh2kWu/iaOQYElEpKPUswUa9Vg==}
+  /@babel/types@7.26.7:
+    resolution: {integrity: sha512-t8kDRGrKXyp6+tjUh7hw2RLyclsW4TRoRvRHtSyAX9Bb5ldlFh+90YAYY6awRXrlB4G5G2izNeGySpATlFzmOg==}
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/helper-string-parser': 7.25.9
@@ -1443,21 +1439,12 @@ packages:
     dependencies:
       '@types/eslint': 9.6.1
       '@types/estree': 1.0.6
-      '@typescript-eslint/types': 8.20.0
+      '@typescript-eslint/types': 8.22.0
       comment-parser: 1.4.1
       esquery: 1.6.0
       jsdoc-type-pratt-parser: 4.1.0
     dev: true
 
-  /@esbuild/aix-ppc64@0.23.1:
-    resolution: {integrity: sha512-6VhYk1diRqrhBAqpJEdjASR/+WVRtfjpqKuNw11cLiaWpAT/Uu+nokB+UJnevzy/P9C/ty6AOe0dwueMrGh/iQ==}
-    engines: {node: '>=18'}
-    cpu: [ppc64]
-    os: [aix]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/aix-ppc64@0.24.2:
     resolution: {integrity: sha512-thpVCb/rhxE/BnMLQ7GReQLLN8q9qbHmI55F4489/ByVg2aQaQ6kbcLb6FHkocZzQhxc4gx0sCk0tJkKBFzDhA==}
     engines: {node: '>=18'}
@@ -1467,15 +1454,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/android-arm64@0.23.1:
-    resolution: {integrity: sha512-xw50ipykXcLstLeWH7WRdQuysJqejuAGPd30vd1i5zSyKK3WE+ijzHmLKxdiCMtH1pHz78rOg0BKSYOSB/2Khw==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/android-arm64@0.24.2:
     resolution: {integrity: sha512-cNLgeqCqV8WxfcTIOeL4OAtSmL8JjcN6m09XIgro1Wi7cF4t/THaWEa7eL5CMoMBdjoHOTh/vwTO/o2TRXIyzg==}
     engines: {node: '>=18'}
@@ -1485,15 +1463,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/android-arm@0.23.1:
-    resolution: {integrity: sha512-uz6/tEy2IFm9RYOyvKl88zdzZfwEfKZmnX9Cj1BHjeSGNuGLuMD1kR8y5bteYmwqKm1tj8m4cb/aKEorr6fHWQ==}
-    engines: {node: '>=18'}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/android-arm@0.24.2:
     resolution: {integrity: sha512-tmwl4hJkCfNHwFB3nBa8z1Uy3ypZpxqxfTQOcHX+xRByyYgunVbZ9MzUUfb0RxaHIMnbHagwAxuTL+tnNM+1/Q==}
     engines: {node: '>=18'}
@@ -1503,15 +1472,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/android-x64@0.23.1:
-    resolution: {integrity: sha512-nlN9B69St9BwUoB+jkyU090bru8L0NA3yFvAd7k8dNsVH8bi9a8cUAUSEcEEgTp2z3dbEDGJGfP6VUnkQnlReg==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/android-x64@0.24.2:
     resolution: {integrity: sha512-B6Q0YQDqMx9D7rvIcsXfmJfvUYLoP722bgfBlO5cGvNVb5V/+Y7nhBE3mHV9OpxBf4eAS2S68KZztiPaWq4XYw==}
     engines: {node: '>=18'}
@@ -1521,15 +1481,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/darwin-arm64@0.23.1:
-    resolution: {integrity: sha512-YsS2e3Wtgnw7Wq53XXBLcV6JhRsEq8hkfg91ESVadIrzr9wO6jJDMZnCQbHm1Guc5t/CdDiFSSfWP58FNuvT3Q==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/darwin-arm64@0.24.2:
     resolution: {integrity: sha512-kj3AnYWc+CekmZnS5IPu9D+HWtUI49hbnyqk0FLEJDbzCIQt7hg7ucF1SQAilhtYpIujfaHr6O0UHlzzSPdOeA==}
     engines: {node: '>=18'}
@@ -1539,15 +1490,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/darwin-x64@0.23.1:
-    resolution: {integrity: sha512-aClqdgTDVPSEGgoCS8QDG37Gu8yc9lTHNAQlsztQ6ENetKEO//b8y31MMu2ZaPbn4kVsIABzVLXYLhCGekGDqw==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/darwin-x64@0.24.2:
     resolution: {integrity: sha512-WeSrmwwHaPkNR5H3yYfowhZcbriGqooyu3zI/3GGpF8AyUdsrrP0X6KumITGA9WOyiJavnGZUwPGvxvwfWPHIA==}
     engines: {node: '>=18'}
@@ -1557,15 +1499,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/freebsd-arm64@0.23.1:
-    resolution: {integrity: sha512-h1k6yS8/pN/NHlMl5+v4XPfikhJulk4G+tKGFIOwURBSFzE8bixw1ebjluLOjfwtLqY0kewfjLSrO6tN2MgIhA==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/freebsd-arm64@0.24.2:
     resolution: {integrity: sha512-UN8HXjtJ0k/Mj6a9+5u6+2eZ2ERD7Edt1Q9IZiB5UZAIdPnVKDoG7mdTVGhHJIeEml60JteamR3qhsr1r8gXvg==}
     engines: {node: '>=18'}
@@ -1575,15 +1508,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/freebsd-x64@0.23.1:
-    resolution: {integrity: sha512-lK1eJeyk1ZX8UklqFd/3A60UuZ/6UVfGT2LuGo3Wp4/z7eRTRYY+0xOu2kpClP+vMTi9wKOfXi2vjUpO1Ro76g==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/freebsd-x64@0.24.2:
     resolution: {integrity: sha512-TvW7wE/89PYW+IevEJXZ5sF6gJRDY/14hyIGFXdIucxCsbRmLUcjseQu1SyTko+2idmCw94TgyaEZi9HUSOe3Q==}
     engines: {node: '>=18'}
@@ -1593,15 +1517,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-arm64@0.23.1:
-    resolution: {integrity: sha512-/93bf2yxencYDnItMYV/v116zff6UyTjo4EtEQjUBeGiVpMmffDNUyD9UN2zV+V3LRV3/on4xdZ26NKzn6754g==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/linux-arm64@0.24.2:
     resolution: {integrity: sha512-7HnAD6074BW43YvvUmE/35Id9/NB7BeX5EoNkK9obndmZBUk8xmJJeU7DwmUeN7tkysslb2eSl6CTrYz6oEMQg==}
     engines: {node: '>=18'}
@@ -1611,15 +1526,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-arm@0.23.1:
-    resolution: {integrity: sha512-CXXkzgn+dXAPs3WBwE+Kvnrf4WECwBdfjfeYHpMeVxWE0EceB6vhWGShs6wi0IYEqMSIzdOF1XjQ/Mkm5d7ZdQ==}
-    engines: {node: '>=18'}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/linux-arm@0.24.2:
     resolution: {integrity: sha512-n0WRM/gWIdU29J57hJyUdIsk0WarGd6To0s+Y+LwvlC55wt+GT/OgkwoXCXvIue1i1sSNWblHEig00GBWiJgfA==}
     engines: {node: '>=18'}
@@ -1629,15 +1535,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-ia32@0.23.1:
-    resolution: {integrity: sha512-VTN4EuOHwXEkXzX5nTvVY4s7E/Krz7COC8xkftbbKRYAl96vPiUssGkeMELQMOnLOJ8k3BY1+ZY52tttZnHcXQ==}
-    engines: {node: '>=18'}
-    cpu: [ia32]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/linux-ia32@0.24.2:
     resolution: {integrity: sha512-sfv0tGPQhcZOgTKO3oBE9xpHuUqguHvSo4jl+wjnKwFpapx+vUDcawbwPNuBIAYdRAvIDBfZVvXprIj3HA+Ugw==}
     engines: {node: '>=18'}
@@ -1647,15 +1544,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-loong64@0.23.1:
-    resolution: {integrity: sha512-Vx09LzEoBa5zDnieH8LSMRToj7ir/Jeq0Gu6qJ/1GcBq9GkfoEAoXvLiW1U9J1qE/Y/Oyaq33w5p2ZWrNNHNEw==}
-    engines: {node: '>=18'}
-    cpu: [loong64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/linux-loong64@0.24.2:
     resolution: {integrity: sha512-CN9AZr8kEndGooS35ntToZLTQLHEjtVB5n7dl8ZcTZMonJ7CCfStrYhrzF97eAecqVbVJ7APOEe18RPI4KLhwQ==}
     engines: {node: '>=18'}
@@ -1665,15 +1553,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-mips64el@0.23.1:
-    resolution: {integrity: sha512-nrFzzMQ7W4WRLNUOU5dlWAqa6yVeI0P78WKGUo7lg2HShq/yx+UYkeNSE0SSfSure0SqgnsxPvmAUu/vu0E+3Q==}
-    engines: {node: '>=18'}
-    cpu: [mips64el]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/linux-mips64el@0.24.2:
     resolution: {integrity: sha512-iMkk7qr/wl3exJATwkISxI7kTcmHKE+BlymIAbHO8xanq/TjHaaVThFF6ipWzPHryoFsesNQJPE/3wFJw4+huw==}
     engines: {node: '>=18'}
@@ -1683,15 +1562,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-ppc64@0.23.1:
-    resolution: {integrity: sha512-dKN8fgVqd0vUIjxuJI6P/9SSSe/mB9rvA98CSH2sJnlZ/OCZWO1DJvxj8jvKTfYUdGfcq2dDxoKaC6bHuTlgcw==}
-    engines: {node: '>=18'}
-    cpu: [ppc64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/linux-ppc64@0.24.2:
     resolution: {integrity: sha512-shsVrgCZ57Vr2L8mm39kO5PPIb+843FStGt7sGGoqiiWYconSxwTiuswC1VJZLCjNiMLAMh34jg4VSEQb+iEbw==}
     engines: {node: '>=18'}
@@ -1701,15 +1571,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-riscv64@0.23.1:
-    resolution: {integrity: sha512-5AV4Pzp80fhHL83JM6LoA6pTQVWgB1HovMBsLQ9OZWLDqVY8MVobBXNSmAJi//Csh6tcY7e7Lny2Hg1tElMjIA==}
-    engines: {node: '>=18'}
-    cpu: [riscv64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/linux-riscv64@0.24.2:
     resolution: {integrity: sha512-4eSFWnU9Hhd68fW16GD0TINewo1L6dRrB+oLNNbYyMUAeOD2yCK5KXGK1GH4qD/kT+bTEXjsyTCiJGHPZ3eM9Q==}
     engines: {node: '>=18'}
@@ -1719,15 +1580,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-s390x@0.23.1:
-    resolution: {integrity: sha512-9ygs73tuFCe6f6m/Tb+9LtYxWR4c9yg7zjt2cYkjDbDpV/xVn+68cQxMXCjUpYwEkze2RcU/rMnfIXNRFmSoDw==}
-    engines: {node: '>=18'}
-    cpu: [s390x]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/linux-s390x@0.24.2:
     resolution: {integrity: sha512-S0Bh0A53b0YHL2XEXC20bHLuGMOhFDO6GN4b3YjRLK//Ep3ql3erpNcPlEFed93hsQAjAQDNsvcK+hV90FubSw==}
     engines: {node: '>=18'}
@@ -1737,15 +1589,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-x64@0.23.1:
-    resolution: {integrity: sha512-EV6+ovTsEXCPAp58g2dD68LxoP/wK5pRvgy0J/HxPGB009omFPv3Yet0HiaqvrIrgPTBuC6wCH1LTOY91EO5hQ==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/linux-x64@0.24.2:
     resolution: {integrity: sha512-8Qi4nQcCTbLnK9WoMjdC9NiTG6/E38RNICU6sUNqK0QFxCYgoARqVqxdFmWkdonVsvGqWhmm7MO0jyTqLqwj0Q==}
     engines: {node: '>=18'}
@@ -1764,15 +1607,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/netbsd-x64@0.23.1:
-    resolution: {integrity: sha512-aevEkCNu7KlPRpYLjwmdcuNz6bDFiE7Z8XC4CPqExjTvrHugh28QzUXVOZtiYghciKUacNktqxdpymplil1beA==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [netbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/netbsd-x64@0.24.2:
     resolution: {integrity: sha512-VefFaQUc4FMmJuAxmIHgUmfNiLXY438XrL4GDNV1Y1H/RW3qow68xTwjZKfj/+Plp9NANmzbH5R40Meudu8mmw==}
     engines: {node: '>=18'}
@@ -1782,15 +1616,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/openbsd-arm64@0.23.1:
-    resolution: {integrity: sha512-3x37szhLexNA4bXhLrCC/LImN/YtWis6WXr1VESlfVtVeoFJBRINPJ3f0a/6LV8zpikqoUg4hyXw0sFBt5Cr+Q==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [openbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/openbsd-arm64@0.24.2:
     resolution: {integrity: sha512-YQbi46SBct6iKnszhSvdluqDmxCJA+Pu280Av9WICNwQmMxV7nLRHZfjQzwbPs3jeWnuAhE9Jy0NrnJ12Oz+0A==}
     engines: {node: '>=18'}
@@ -1800,15 +1625,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/openbsd-x64@0.23.1:
-    resolution: {integrity: sha512-aY2gMmKmPhxfU+0EdnN+XNtGbjfQgwZj43k8G3fyrDM/UdZww6xrWxmDkuz2eCZchqVeABjV5BpildOrUbBTqA==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [openbsd]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/openbsd-x64@0.24.2:
     resolution: {integrity: sha512-+iDS6zpNM6EnJyWv0bMGLWSWeXGN/HTaF/LXHXHwejGsVi+ooqDfMCCTerNFxEkM3wYVcExkeGXNqshc9iMaOA==}
     engines: {node: '>=18'}
@@ -1818,15 +1634,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/sunos-x64@0.23.1:
-    resolution: {integrity: sha512-RBRT2gqEl0IKQABT4XTj78tpk9v7ehp+mazn2HbUeZl1YMdaGAQqhapjGTCe7uw7y0frDi4gS0uHzhvpFuI1sA==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [sunos]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/sunos-x64@0.24.2:
     resolution: {integrity: sha512-hTdsW27jcktEvpwNHJU4ZwWFGkz2zRJUz8pvddmXPtXDzVKTTINmlmga3ZzwcuMpUvLw7JkLy9QLKyGpD2Yxig==}
     engines: {node: '>=18'}
@@ -1836,15 +1643,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/win32-arm64@0.23.1:
-    resolution: {integrity: sha512-4O+gPR5rEBe2FpKOVyiJ7wNDPA8nGzDuJ6gN4okSA1gEOYZ67N8JPk58tkWtdtPeLz7lBnY6I5L3jdsr3S+A6A==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/win32-arm64@0.24.2:
     resolution: {integrity: sha512-LihEQ2BBKVFLOC9ZItT9iFprsE9tqjDjnbulhHoFxYQtQfai7qfluVODIYxt1PgdoyQkz23+01rzwNwYfutxUQ==}
     engines: {node: '>=18'}
@@ -1854,15 +1652,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/win32-ia32@0.23.1:
-    resolution: {integrity: sha512-BcaL0Vn6QwCwre3Y717nVHZbAa4UBEigzFm6VdsVdT/MbZ38xoj1X9HPkZhbmaBGUD1W8vxAfffbDe8bA6AKnQ==}
-    engines: {node: '>=18'}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/win32-ia32@0.24.2:
     resolution: {integrity: sha512-q+iGUwfs8tncmFC9pcnD5IvRHAzmbwQ3GPS5/ceCyHdjXubwQWI12MKWSNSMYLJMq23/IUCvJMS76PDqXe1fxA==}
     engines: {node: '>=18'}
@@ -1872,15 +1661,6 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/win32-x64@0.23.1:
-    resolution: {integrity: sha512-BHpFFeslkWrXWyUPnbKm+xYYVYruCinGcftSBaa8zoF9hZO4BcSCFUvHVTtzpIY6YzUnYtuEhZ+C9iEXjxnasg==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@esbuild/win32-x64@0.24.2:
     resolution: {integrity: sha512-7VTgWzgMGvup6aSqDPLiW5zHaxYJGTO4OokMjIlrCtf+VpEL+cXKtCvg723iguPYI5oaUNdS+/V7OU2gvXVWEg==}
     engines: {node: '>=18'}
@@ -1890,24 +1670,24 @@ packages:
     dev: true
     optional: true
 
-  /@eslint-community/eslint-plugin-eslint-comments@4.4.1(eslint@9.18.0):
+  /@eslint-community/eslint-plugin-eslint-comments@4.4.1(eslint@9.19.0):
     resolution: {integrity: sha512-lb/Z/MzbTf7CaVYM9WCFNQZ4L1yi3ev2fsFPF99h31ljhSEyUoyEsKsNWiU+qD1glbYTDJdqgyaLKtyTkkqtuQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0
     dependencies:
       escape-string-regexp: 4.0.0
-      eslint: 9.18.0
+      eslint: 9.19.0
       ignore: 5.3.2
     dev: true
 
-  /@eslint-community/eslint-utils@4.4.1(eslint@9.18.0):
+  /@eslint-community/eslint-utils@4.4.1(eslint@9.19.0):
     resolution: {integrity: sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
     dependencies:
-      eslint: 9.18.0
+      eslint: 9.19.0
       eslint-visitor-keys: 3.4.3
     dev: true
 
@@ -1916,8 +1696,8 @@ packages:
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
     dev: true
 
-  /@eslint/compat@1.2.5(eslint@9.18.0):
-    resolution: {integrity: sha512-5iuG/StT+7OfvhoBHPlmxkPA9om6aDUFgmD4+mWKAGsYt4vCe8rypneG03AuseyRHBmcCLXQtIH5S26tIoggLg==}
+  /@eslint/compat@1.2.6(eslint@9.19.0):
+    resolution: {integrity: sha512-k7HNCqApoDHM6XzT30zGoETj+D+uUcZUb+IVAJmar3u6bvHf7hhHJcWx09QHj4/a2qrKZMWU0E16tvkiAdv06Q==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^9.10.0
@@ -1925,22 +1705,22 @@ packages:
       eslint:
         optional: true
     dependencies:
-      eslint: 9.18.0
+      eslint: 9.19.0
     dev: true
 
-  /@eslint/config-array@0.19.1:
-    resolution: {integrity: sha512-fo6Mtm5mWyKjA/Chy1BYTdn5mGJoDNjC7C64ug20ADsRDGrA85bN3uK3MaKbeRkRuuIEAR5N33Jr1pbm411/PA==}
+  /@eslint/config-array@0.19.2:
+    resolution: {integrity: sha512-GNKqxfHG2ySmJOBSHg7LxeUx4xpuCoFjacmlCoYWEbaPXLwvfIjixRI12xCQZeULksQb23uiA8F40w5TojpV7w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     dependencies:
-      '@eslint/object-schema': 2.1.5
+      '@eslint/object-schema': 2.1.6
       debug: 4.4.0(supports-color@9.4.0)
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@eslint/config-inspector@0.7.1(eslint@9.18.0):
-    resolution: {integrity: sha512-80+MJay0D/Kf2ImH04UOQtnL4141KviU0KNuT34xvQZ0TQ/aAfIzKnx4cc4lxIDOLi/ITCV3BxOQkHRrDULFQw==}
+  /@eslint/config-inspector@1.0.0(eslint@9.19.0):
+    resolution: {integrity: sha512-fzl4OHQazPSpsT5LIoE5qQV+8m48pdLN92lPdmIZJpQpD+kZmYC5JfxRilj5vcSaVmB9klJ8s81knNyC3hG7Eg==}
     hasBin: true
     peerDependencies:
       eslint: ^8.50.0 || ^9.0.0
@@ -1951,11 +1731,11 @@ packages:
       chokidar: 4.0.3
       debug: 4.4.0(supports-color@9.4.0)
       esbuild: 0.24.2
-      eslint: 9.18.0
+      eslint: 9.19.0
       fast-glob: 3.3.3
       find-up: 7.0.0
       get-port-please: 3.1.2
-      h3: 1.13.1
+      h3: 1.14.0
       mlly: 1.7.4
       mrmime: 2.0.0
       open: 10.1.0
@@ -1991,15 +1771,16 @@ packages:
       - supports-color
     dev: true
 
-  /@eslint/js@9.18.0:
-    resolution: {integrity: sha512-fK6L7rxcq6/z+AaQMtiFTkvbHkBLNlwyRxHpKawP0x3u9+NC6MQTnFW+AdpwC6gfHTW0051cokQgtTN2FqlxQA==}
+  /@eslint/js@9.19.0:
+    resolution: {integrity: sha512-rbq9/g38qjfqFLOVPvwjIvFFdNziEC5S65jmjPw5r6A//QH+W91akh9irMwjDN8zKUTak6W9EsAv4m/7Wnw0UQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     dev: true
 
-  /@eslint/markdown@6.2.1:
-    resolution: {integrity: sha512-cKVd110hG4ICHmWhIwZJfKmmJBvbiDWyrHODJknAtudKgZtlROGoLX9UEOA0o746zC0hCY4UV4vR+aOGW9S6JQ==}
+  /@eslint/markdown@6.2.2:
+    resolution: {integrity: sha512-U0/KgzI9BVUuHDQ9M2fuVgB0QZ1fSyzwm8jKmHr1dlsLHGHYzoeIA9yqLMdTbV3ivZfp6rTdt6zqre3TfNExUQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     dependencies:
+      '@eslint/core': 0.10.0
       '@eslint/plugin-kit': 0.2.5
       mdast-util-from-markdown: 2.0.2
       mdast-util-gfm: 3.0.0
@@ -2008,8 +1789,8 @@ packages:
       - supports-color
     dev: true
 
-  /@eslint/object-schema@2.1.5:
-    resolution: {integrity: sha512-o0bhxnL89h5Bae5T318nFoFzGy+YE5i/gGkoPAgkmTVdRKTiv3p8JHevPiPaMwoloKfEiiaHlawCqaZMqRm+XQ==}
+  /@eslint/object-schema@2.1.6:
+    resolution: {integrity: sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     dev: true
 
@@ -2065,21 +1846,6 @@ packages:
     resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
     dev: true
 
-  /@iconify/utils@2.2.1:
-    resolution: {integrity: sha512-0/7J7hk4PqXmxo5PDBDxmnecw5PxklZJfNjIVG9FM0mEfVrvfudS22rYWsqVk6gR3UJ/mSYS90X4R3znXnqfNA==}
-    dependencies:
-      '@antfu/install-pkg': 0.4.1
-      '@antfu/utils': 0.7.10
-      '@iconify/types': 2.0.0
-      debug: 4.4.0(supports-color@9.4.0)
-      globals: 15.14.0
-      kolorist: 1.8.0
-      local-pkg: 0.5.1
-      mlly: 1.7.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@ioredis/commands@1.2.0:
     resolution: {integrity: sha512-Sx1pU8EM64o2BrqNpEO1CNLtKQwyhuXuqyfH7oGKCk+1a33d2r5saW8zNwm3j6BTExtjrv2BxTgzzkMwts6vGg==}
     dev: true
@@ -2167,8 +1933,8 @@ packages:
     resolution: {integrity: sha512-GaHYm+c0O9MjZRu0ongGBRbinu8gVAMd2UZjji6jVmqKtZluZnptXGWhz1E8j8D2HJ3f/yMxKAUC0b+57wncIw==}
     dev: true
 
-  /@mapbox/node-pre-gyp@2.0.0-rc.0:
-    resolution: {integrity: sha512-nhSMNprz3WmeRvd8iUs5JqkKr0Ncx46JtPxM3AhXes84XpSJfmIwKeWXRpsr53S7kqPkQfPhzrMFUxSNb23qSA==}
+  /@mapbox/node-pre-gyp@2.0.0:
+    resolution: {integrity: sha512-llMXd39jtP0HpQLVI37Bf1m2ADlEb35GYSh1SDSLsBhR+5iCxiNGlT31yqbNtVHygHAtMy6dWFERpU2JgufhPg==}
     engines: {node: '>=18'}
     hasBin: true
     dependencies:
@@ -2176,8 +1942,8 @@ packages:
       detect-libc: 2.0.3
       https-proxy-agent: 7.0.6(supports-color@9.4.0)
       node-fetch: 2.7.0
-      nopt: 8.0.0
-      semver: 7.6.3
+      nopt: 8.1.0
+      semver: 7.7.0
       tar: 7.4.3
     transitivePeerDependencies:
       - encoding
@@ -2233,18 +1999,18 @@ packages:
     engines: {node: '>= 8'}
     dependencies:
       '@nodelib/fs.scandir': 2.1.5
-      fastq: 1.18.0
+      fastq: 1.19.0
 
   /@nodelib/fs.walk@3.0.1:
     resolution: {integrity: sha512-nIh/M6Kh3ZtOmlY00DaUYB4xeeV6F3/ts1l29iwl3/cfyY/OuCfUx+v08zgx8TKPTifXRcjjqVQ4KB2zOYSbyw==}
     engines: {node: '>=18.18.0'}
     dependencies:
       '@nodelib/fs.scandir': 4.0.1
-      fastq: 1.18.0
+      fastq: 1.19.0
     dev: true
 
-  /@nuxt/cli@3.20.0:
-    resolution: {integrity: sha512-TmQPjIHXJFPTssPMMFuLF48nr9cm6ctaNwrnhDFl4xLunfLR4rrMJNJAQhepWyukg970ZgokZVbUYMqf6eCnTQ==}
+  /@nuxt/cli@3.21.1:
+    resolution: {integrity: sha512-GFFHSEtNtf1s4anMKWFfKSbKiNvEwOKxfP3uls7anZ8GCVYrKthMMxeou4fZBcRhTAFbiLC7DytsKnjfmY2t9w==}
     engines: {node: ^16.10.0 || >=18.0.0}
     hasBin: true
     dependencies:
@@ -2255,19 +2021,19 @@ packages:
       consola: 3.4.0
       defu: 6.1.4
       fuse.js: 7.0.0
-      giget: 1.2.3
-      h3: 1.13.1
-      httpxy: 0.1.6
+      giget: 1.2.4
+      h3: 1.14.0
+      httpxy: 0.1.7
       jiti: 2.4.2
       listhen: 1.9.0
-      nypm: 0.4.1
+      nypm: 0.5.2
       ofetch: 1.4.1
       ohash: 1.1.4
-      pathe: 2.0.1
+      pathe: 2.0.2
       perfect-debounce: 1.0.0
       pkg-types: 1.3.1
       scule: 1.3.0
-      semver: 7.6.3
+      semver: 7.7.0
       std-env: 3.8.0
       tinyexec: 0.3.2
       ufo: 1.5.4
@@ -2284,8 +2050,8 @@ packages:
     peerDependencies:
       vite: ^6.0.6
     dependencies:
-      '@nuxt/kit': 3.15.2(magicast@0.3.5)
-      '@nuxt/schema': 3.15.2
+      '@nuxt/kit': 3.15.4(magicast@0.3.5)
+      '@nuxt/schema': 3.15.4
       execa: 7.2.0
     transitivePeerDependencies:
       - magicast
@@ -2306,7 +2072,7 @@ packages:
       pkg-types: 1.3.1
       prompts: 2.4.2
       rc9: 2.1.2
-      semver: 7.6.3
+      semver: 7.7.0
     dev: true
 
   /@nuxt/devtools@1.7.0(vue@3.5.13):
@@ -2318,12 +2084,12 @@ packages:
       '@antfu/utils': 0.7.10
       '@nuxt/devtools-kit': 1.7.0(magicast@0.3.5)
       '@nuxt/devtools-wizard': 1.7.0
-      '@nuxt/kit': 3.15.2(magicast@0.3.5)
+      '@nuxt/kit': 3.15.4(magicast@0.3.5)
       '@vue/devtools-core': 7.6.8(vue@3.5.13)
       '@vue/devtools-kit': 7.6.8
       birpc: 0.2.19
       consola: 3.4.0
-      cronstrue: 2.53.0
+      cronstrue: 2.54.0
       destr: 2.0.3
       error-stack-parser-es: 0.1.5
       execa: 7.2.0
@@ -2343,12 +2109,12 @@ packages:
       pkg-types: 1.3.1
       rc9: 2.1.2
       scule: 1.3.0
-      semver: 7.6.3
+      semver: 7.7.0
       simple-git: 3.27.0
       sirv: 3.0.0
       tinyglobby: 0.2.10
-      unimport: 3.14.6(rollup@4.30.1)
-      vite-plugin-inspect: 0.10.6(@nuxt/kit@3.15.2)
+      unimport: 3.14.6(rollup@4.34.0)
+      vite-plugin-inspect: 0.10.6(@nuxt/kit@3.15.4)
       vite-plugin-vue-inspector: 5.3.1
       which: 3.0.1
       ws: 8.18.0
@@ -2360,8 +2126,8 @@ packages:
       - vue
     dev: true
 
-  /@nuxt/eslint-config@0.7.5(eslint-plugin-format@0.1.3)(eslint@9.18.0)(typescript@5.7.3):
-    resolution: {integrity: sha512-nUMMiVNZ7qk7FP5Uev/zuTZoTwBnlfr0qSt355aw21SoUkXw0YFRFsImdzkjnEN7kQjgZj0PcCJs/ejv8mRROg==}
+  /@nuxt/eslint-config@0.7.6(eslint-plugin-format@0.1.3)(eslint@9.19.0)(typescript@5.7.3):
+    resolution: {integrity: sha512-fsoz+77rGuNgk2A4gwv40rPcHr20k+xTRGmPtIhc8jqkPvPV5SNFkh/V8ZRPvMucanCvp3wK+5yg9OQ+7opSDQ==}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       eslint-plugin-format: '*'
@@ -2371,47 +2137,47 @@ packages:
     dependencies:
       '@antfu/install-pkg': 1.0.0
       '@clack/prompts': 0.9.1
-      '@eslint/js': 9.18.0
-      '@nuxt/eslint-plugin': 0.7.5(eslint@9.18.0)(typescript@5.7.3)
-      '@stylistic/eslint-plugin': 2.13.0(eslint@9.18.0)(typescript@5.7.3)
-      '@typescript-eslint/eslint-plugin': 8.20.0(@typescript-eslint/parser@8.20.0)(eslint@9.18.0)(typescript@5.7.3)
-      '@typescript-eslint/parser': 8.20.0(eslint@9.18.0)(typescript@5.7.3)
-      eslint: 9.18.0
-      eslint-config-flat-gitignore: 0.2.0(eslint@9.18.0)
-      eslint-flat-config-utils: 1.0.0
-      eslint-merge-processors: 1.0.0(eslint@9.18.0)
-      eslint-plugin-format: 0.1.3(eslint@9.18.0)
-      eslint-plugin-import-x: 4.6.1(eslint@9.18.0)(typescript@5.7.3)
-      eslint-plugin-jsdoc: 50.6.1(eslint@9.18.0)
-      eslint-plugin-regexp: 2.7.0(eslint@9.18.0)
-      eslint-plugin-unicorn: 56.0.1(eslint@9.18.0)
-      eslint-plugin-vue: 9.32.0(eslint@9.18.0)
-      eslint-processor-vue-blocks: 0.1.2(eslint@9.18.0)
+      '@eslint/js': 9.19.0
+      '@nuxt/eslint-plugin': 0.7.6(eslint@9.19.0)(typescript@5.7.3)
+      '@stylistic/eslint-plugin': 3.0.1(eslint@9.19.0)(typescript@5.7.3)
+      '@typescript-eslint/eslint-plugin': 8.22.0(@typescript-eslint/parser@8.22.0)(eslint@9.19.0)(typescript@5.7.3)
+      '@typescript-eslint/parser': 8.22.0(eslint@9.19.0)(typescript@5.7.3)
+      eslint: 9.19.0
+      eslint-config-flat-gitignore: 0.2.0(eslint@9.19.0)
+      eslint-flat-config-utils: 2.0.0
+      eslint-merge-processors: 1.0.0(eslint@9.19.0)
+      eslint-plugin-format: 0.1.3(eslint@9.19.0)
+      eslint-plugin-import-x: 4.6.1(eslint@9.19.0)(typescript@5.7.3)
+      eslint-plugin-jsdoc: 50.6.3(eslint@9.19.0)
+      eslint-plugin-regexp: 2.7.0(eslint@9.19.0)
+      eslint-plugin-unicorn: 56.0.1(eslint@9.19.0)
+      eslint-plugin-vue: 9.32.0(eslint@9.19.0)
+      eslint-processor-vue-blocks: 1.0.0(eslint@9.19.0)
       globals: 15.14.0
-      local-pkg: 0.5.1
-      pathe: 2.0.1
-      vue-eslint-parser: 9.4.3(eslint@9.18.0)
+      local-pkg: 1.0.0
+      pathe: 2.0.2
+      vue-eslint-parser: 9.4.3(eslint@9.19.0)
     transitivePeerDependencies:
       - '@vue/compiler-sfc'
       - supports-color
       - typescript
     dev: true
 
-  /@nuxt/eslint-plugin@0.7.5(eslint@9.18.0)(typescript@5.7.3):
-    resolution: {integrity: sha512-EBb9KiUbnGK6yJnOmGAaURS8NTfNaMXHiAyRtEmLTtj/IwNqFUtgoDLFqBDBCGIjd8my2WA1m9HjQK/+la9Z0Q==}
+  /@nuxt/eslint-plugin@0.7.6(eslint@9.19.0)(typescript@5.7.3):
+    resolution: {integrity: sha512-x06lBR7sbsSP+H3zepVhgP7mSX6LTyluj2mj4HwMCQUXQo/7pW5mmOGnN3QU9PRxKNG2qz5Zhxb/w3NSjkyV3g==}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
     dependencies:
-      '@typescript-eslint/types': 8.20.0
-      '@typescript-eslint/utils': 8.20.0(eslint@9.18.0)(typescript@5.7.3)
-      eslint: 9.18.0
+      '@typescript-eslint/types': 8.22.0
+      '@typescript-eslint/utils': 8.22.0(eslint@9.19.0)(typescript@5.7.3)
+      eslint: 9.19.0
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  /@nuxt/eslint@0.7.5(eslint-plugin-format@0.1.3)(eslint@9.18.0)(typescript@5.7.3):
-    resolution: {integrity: sha512-xK6ZhESR5G5ML5f1uKy99aMFoKxdDE7uzxpRFKGoJdXReTRBuBiWPmSn2xsD1K69cnZZ76J1YZN9wmLHH3nnBg==}
+  /@nuxt/eslint@0.7.6(eslint-plugin-format@0.1.3)(eslint@9.19.0)(typescript@5.7.3):
+    resolution: {integrity: sha512-q0tKt+2LHczd0xdlfQoB11i6rgdLHHG/OZk7f/DCQdsr5IxAobGZhPAdhRn9FPxo1IecRh732BYA+usr4MPd7g==}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       eslint-webpack-plugin: ^4.1.0
@@ -2422,20 +2188,20 @@ packages:
       vite-plugin-eslint2:
         optional: true
     dependencies:
-      '@eslint/config-inspector': 0.7.1(eslint@9.18.0)
+      '@eslint/config-inspector': 1.0.0(eslint@9.19.0)
       '@nuxt/devtools-kit': 1.7.0(magicast@0.3.5)
-      '@nuxt/eslint-config': 0.7.5(eslint-plugin-format@0.1.3)(eslint@9.18.0)(typescript@5.7.3)
-      '@nuxt/eslint-plugin': 0.7.5(eslint@9.18.0)(typescript@5.7.3)
-      '@nuxt/kit': 3.15.2(magicast@0.3.5)
+      '@nuxt/eslint-config': 0.7.6(eslint-plugin-format@0.1.3)(eslint@9.19.0)(typescript@5.7.3)
+      '@nuxt/eslint-plugin': 0.7.6(eslint@9.19.0)(typescript@5.7.3)
+      '@nuxt/kit': 3.15.4(magicast@0.3.5)
       chokidar: 4.0.3
-      eslint: 9.18.0
-      eslint-flat-config-utils: 1.0.0
-      eslint-typegen: 1.0.0(eslint@9.18.0)
+      eslint: 9.19.0
+      eslint-flat-config-utils: 2.0.0
+      eslint-typegen: 1.0.0(eslint@9.19.0)
       find-up: 7.0.0
       get-port-please: 3.1.2
       mlly: 1.7.4
-      pathe: 2.0.1
-      unimport: 3.14.6(rollup@4.30.1)
+      pathe: 2.0.2
+      unimport: 4.0.0
     transitivePeerDependencies:
       - '@vue/compiler-sfc'
       - bufferutil
@@ -2448,11 +2214,10 @@ packages:
       - vite
     dev: true
 
-  /@nuxt/kit@3.15.2(magicast@0.3.5):
-    resolution: {integrity: sha512-nxiPJVz2fICcyBKlN5pL1IgZVejyArulREsS5HvAk07hijlYuZ5toRM8soLt51VQNpFd/PedL+Z1AlYu/bQCYQ==}
-    engines: {node: '>=18.0.0'}
+  /@nuxt/kit@3.15.4(magicast@0.3.5):
+    resolution: {integrity: sha512-dr7I7eZOoRLl4uxdxeL2dQsH0OrbEiVPIyBHnBpA4co24CBnoJoF+JINuP9l3PAM3IhUzc5JIVq3/YY3lEc3Hw==}
+    engines: {node: '>=18.12.0'}
     dependencies:
-      '@nuxt/schema': 3.15.2
       c12: 2.0.1(magicast@0.3.5)
       consola: 3.4.0
       defu: 6.1.4
@@ -2464,35 +2229,36 @@ packages:
       knitwork: 1.2.0
       mlly: 1.7.4
       ohash: 1.1.4
-      pathe: 2.0.1
+      pathe: 2.0.2
       pkg-types: 1.3.1
       scule: 1.3.0
-      semver: 7.6.3
+      semver: 7.7.0
       std-env: 3.8.0
       ufo: 1.5.4
       unctx: 2.4.1
-      unimport: 3.14.6(rollup@4.30.1)
+      unimport: 4.0.0
       untyped: 1.5.2
     transitivePeerDependencies:
       - magicast
       - rollup
       - supports-color
 
-  /@nuxt/schema@3.15.2:
-    resolution: {integrity: sha512-cTHGbLTbrQ83B+7Mh0ggc5MzIp74o8KciA0boCiBJyK5uImH9QQNK6VgfwRWcTD5sj3WNKiIB1luOMom3LHgVw==}
+  /@nuxt/schema@3.15.4:
+    resolution: {integrity: sha512-pAYZb/3ocSC/db1EFd5y+otmgHqUkvfxfhd9EknDB5DygnJuOIQNuGJ7LMJM6S2c0DYgBIHOdEelLxKHOjwbgQ==}
     engines: {node: ^14.18.0 || >=16.10.0}
     dependencies:
       consola: 3.4.0
       defu: 6.1.4
-      pathe: 2.0.1
+      pathe: 2.0.2
       std-env: 3.8.0
+    dev: true
 
   /@nuxt/telemetry@2.6.4:
     resolution: {integrity: sha512-2Lgdn07Suraly5dSfVQ4ttBQBMtmjvCTGKGUHpc1UyH87HT9xCm3KLFO0UcVQ8+LNYCgoOaK7lq9qDJOfBfZ5A==}
     engines: {node: '>=18.20.5'}
     hasBin: true
     dependencies:
-      '@nuxt/kit': 3.15.2(magicast@0.3.5)
+      '@nuxt/kit': 3.15.4(magicast@0.3.5)
       citty: 0.1.6
       consola: 3.4.0
       destr: 2.0.3
@@ -2500,9 +2266,9 @@ packages:
       git-url-parse: 16.0.0
       is-docker: 3.0.0
       ofetch: 1.4.1
-      package-manager-detector: 0.2.8
+      package-manager-detector: 0.2.9
       parse-git-config: 3.0.0
-      pathe: 2.0.1
+      pathe: 2.0.2
       rc9: 2.1.2
       std-env: 3.8.0
     transitivePeerDependencies:
@@ -2511,16 +2277,16 @@ packages:
       - supports-color
     dev: true
 
-  /@nuxt/vite-builder@3.15.2(@types/node@22.10.7)(eslint@9.18.0)(typescript@5.7.3)(vue-tsc@2.2.0)(vue@3.5.13):
-    resolution: {integrity: sha512-YtP6hIOKhqa1JhX0QzuULpA84lseO76bv5OqJzUl7yoaykhOkZjkEk9c20hamtMdoxhVeUAXGZJCsp9Ivjfb3g==}
+  /@nuxt/vite-builder@3.15.4(@types/node@22.13.0)(eslint@9.19.0)(sass@1.83.4)(typescript@5.7.3)(vue-tsc@2.2.0)(vue@3.5.13):
+    resolution: {integrity: sha512-yBK6tWT973+ExKC3ciTWymZpjJ+enToOtYz574kXCyGO0PbSnuXdoJKTvrwXw1lK97PajCKxExlmwI/3oLOmMQ==}
     engines: {node: ^18.12.0 || ^20.9.0 || >=22.0.0}
     peerDependencies:
       vue: ^3.3.4
     dependencies:
-      '@nuxt/kit': 3.15.2(magicast@0.3.5)
-      '@rollup/plugin-replace': 6.0.2(rollup@4.30.1)
-      '@vitejs/plugin-vue': 5.2.1(vite@6.0.7)(vue@3.5.13)
-      '@vitejs/plugin-vue-jsx': 4.1.1(vite@6.0.7)(vue@3.5.13)
+      '@nuxt/kit': 3.15.4(magicast@0.3.5)
+      '@rollup/plugin-replace': 6.0.2(rollup@4.34.0)
+      '@vitejs/plugin-vue': 5.2.1(vite@6.0.11)(vue@3.5.13)
+      '@vitejs/plugin-vue-jsx': 4.1.1(vite@6.0.11)(vue@3.5.13)
       autoprefixer: 10.4.20(postcss@8.5.1)
       consola: 3.4.0
       cssnano: 7.0.6(postcss@8.5.1)
@@ -2529,24 +2295,24 @@ packages:
       escape-string-regexp: 5.0.0
       externality: 1.0.2
       get-port-please: 3.1.2
-      h3: 1.13.1
+      h3: 1.14.0
       jiti: 2.4.2
       knitwork: 1.2.0
       magic-string: 0.30.17
       mlly: 1.7.4
       ohash: 1.1.4
-      pathe: 2.0.1
+      pathe: 2.0.2
       perfect-debounce: 1.0.0
       pkg-types: 1.3.1
       postcss: 8.5.1
-      rollup-plugin-visualizer: 5.14.0(rollup@4.30.1)
+      rollup-plugin-visualizer: 5.14.0(rollup@4.34.0)
       std-env: 3.8.0
       ufo: 1.5.4
       unenv: 1.10.0
       unplugin: 2.1.2
-      vite: 6.0.7(@types/node@22.10.7)(jiti@2.4.2)
-      vite-node: 2.1.8(@types/node@22.10.7)(jiti@2.4.2)
-      vite-plugin-checker: 0.8.0(eslint@9.18.0)(typescript@5.7.3)(vite@6.0.7)(vue-tsc@2.2.0)
+      vite: 6.0.11(@types/node@22.13.0)(jiti@2.4.2)(sass@1.83.4)
+      vite-node: 3.0.4(@types/node@22.13.0)(jiti@2.4.2)(sass@1.83.4)
+      vite-plugin-checker: 0.8.0(eslint@9.19.0)(typescript@5.7.3)(vite@6.0.11)(vue-tsc@2.2.0)
       vue: 3.5.13(typescript@5.7.3)
       vue-bundle-renderer: 2.1.1
     transitivePeerDependencies:
@@ -2578,10 +2344,10 @@ packages:
   /@nuxtjs/color-mode@3.5.2:
     resolution: {integrity: sha512-cC6RfgZh3guHBMLLjrBB2Uti5eUoGM9KyauOaYS9ETmxNWBMTvpgjvSiSJp1OFljIXPIqVTJ3xtJpSNZiO3ZaA==}
     dependencies:
-      '@nuxt/kit': 3.15.2(magicast@0.3.5)
+      '@nuxt/kit': 3.15.4(magicast@0.3.5)
       pathe: 1.1.2
       pkg-types: 1.3.1
-      semver: 7.6.3
+      semver: 7.7.0
     transitivePeerDependencies:
       - magicast
       - rollup
@@ -2591,14 +2357,14 @@ packages:
   /@nuxtjs/tailwindcss@6.13.1:
     resolution: {integrity: sha512-atL2SaPsxLfMTlXUQvr1UpDYdz6ocNOhH35H+t7M++g4r79QiQScJ7XuyyMR9AyBN19lkPA3nw7NXxazXmYxlA==}
     dependencies:
-      '@nuxt/kit': 3.15.2(magicast@0.3.5)
+      '@nuxt/kit': 3.15.4(magicast@0.3.5)
       autoprefixer: 10.4.20(postcss@8.5.1)
       c12: 2.0.1(magicast@0.3.5)
       consola: 3.4.0
       defu: 6.1.4
-      h3: 1.13.1
+      h3: 1.14.0
       klona: 2.0.6
-      pathe: 2.0.1
+      pathe: 2.0.2
       postcss: 8.5.1
       postcss-nesting: 13.0.1(postcss@8.5.1)
       tailwind-config-viewer: 2.0.4(tailwindcss@3.4.17)
@@ -2612,8 +2378,8 @@ packages:
       - ts-node
     dev: true
 
-  /@parcel/watcher-android-arm64@2.5.0:
-    resolution: {integrity: sha512-qlX4eS28bUcQCdribHkg/herLe+0A9RyYC+mm2PXpncit8z5b3nSqGVzMNR3CmtAOgRutiZ02eIJJgP/b1iEFQ==}
+  /@parcel/watcher-android-arm64@2.5.1:
+    resolution: {integrity: sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [android]
@@ -2621,8 +2387,8 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher-darwin-arm64@2.5.0:
-    resolution: {integrity: sha512-hyZ3TANnzGfLpRA2s/4U1kbw2ZI4qGxaRJbBH2DCSREFfubMswheh8TeiC1sGZ3z2jUf3s37P0BBlrD3sjVTUw==}
+  /@parcel/watcher-darwin-arm64@2.5.1:
+    resolution: {integrity: sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [darwin]
@@ -2630,8 +2396,8 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher-darwin-x64@2.5.0:
-    resolution: {integrity: sha512-9rhlwd78saKf18fT869/poydQK8YqlU26TMiNg7AIu7eBp9adqbJZqmdFOsbZ5cnLp5XvRo9wcFmNHgHdWaGYA==}
+  /@parcel/watcher-darwin-x64@2.5.1:
+    resolution: {integrity: sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [darwin]
@@ -2639,8 +2405,8 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher-freebsd-x64@2.5.0:
-    resolution: {integrity: sha512-syvfhZzyM8kErg3VF0xpV8dixJ+RzbUaaGaeb7uDuz0D3FK97/mZ5AJQ3XNnDsXX7KkFNtyQyFrXZzQIcN49Tw==}
+  /@parcel/watcher-freebsd-x64@2.5.1:
+    resolution: {integrity: sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [freebsd]
@@ -2648,8 +2414,8 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher-linux-arm-glibc@2.5.0:
-    resolution: {integrity: sha512-0VQY1K35DQET3dVYWpOaPFecqOT9dbuCfzjxoQyif1Wc574t3kOSkKevULddcR9znz1TcklCE7Ht6NIxjvTqLA==}
+  /@parcel/watcher-linux-arm-glibc@2.5.1:
+    resolution: {integrity: sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm]
     os: [linux]
@@ -2658,8 +2424,8 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher-linux-arm-musl@2.5.0:
-    resolution: {integrity: sha512-6uHywSIzz8+vi2lAzFeltnYbdHsDm3iIB57d4g5oaB9vKwjb6N6dRIgZMujw4nm5r6v9/BQH0noq6DzHrqr2pA==}
+  /@parcel/watcher-linux-arm-musl@2.5.1:
+    resolution: {integrity: sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm]
     os: [linux]
@@ -2668,8 +2434,8 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher-linux-arm64-glibc@2.5.0:
-    resolution: {integrity: sha512-BfNjXwZKxBy4WibDb/LDCriWSKLz+jJRL3cM/DllnHH5QUyoiUNEp3GmL80ZqxeumoADfCCP19+qiYiC8gUBjA==}
+  /@parcel/watcher-linux-arm64-glibc@2.5.1:
+    resolution: {integrity: sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
@@ -2678,8 +2444,8 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher-linux-arm64-musl@2.5.0:
-    resolution: {integrity: sha512-S1qARKOphxfiBEkwLUbHjCY9BWPdWnW9j7f7Hb2jPplu8UZ3nes7zpPOW9bkLbHRvWM0WDTsjdOTUgW0xLBN1Q==}
+  /@parcel/watcher-linux-arm64-musl@2.5.1:
+    resolution: {integrity: sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
@@ -2688,8 +2454,8 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher-linux-x64-glibc@2.5.0:
-    resolution: {integrity: sha512-d9AOkusyXARkFD66S6zlGXyzx5RvY+chTP9Jp0ypSTC9d4lzyRs9ovGf/80VCxjKddcUvnsGwCHWuF2EoPgWjw==}
+  /@parcel/watcher-linux-x64-glibc@2.5.1:
+    resolution: {integrity: sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
@@ -2698,8 +2464,8 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher-linux-x64-musl@2.5.0:
-    resolution: {integrity: sha512-iqOC+GoTDoFyk/VYSFHwjHhYrk8bljW6zOhPuhi5t9ulqiYq1togGJB5e3PwYVFFfeVgc6pbz3JdQyDoBszVaA==}
+  /@parcel/watcher-linux-x64-musl@2.5.1:
+    resolution: {integrity: sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
@@ -2708,19 +2474,18 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher-wasm@2.5.0:
-    resolution: {integrity: sha512-Z4ouuR8Pfggk1EYYbTaIoxc+Yv4o7cGQnH0Xy8+pQ+HbiW+ZnwhcD2LPf/prfq1nIWpAxjOkQ8uSMFWMtBLiVQ==}
+  /@parcel/watcher-wasm@2.5.1:
+    resolution: {integrity: sha512-RJxlQQLkaMMIuWRozy+z2vEqbaQlCuaCgVZIUCzQLYggY22LZbP5Y1+ia+FD724Ids9e+XIyOLXLrLgQSHIthw==}
     engines: {node: '>= 10.0.0'}
     dependencies:
       is-glob: 4.0.3
       micromatch: 4.0.8
-      napi-wasm: 1.1.3
     dev: true
     bundledDependencies:
       - napi-wasm
 
-  /@parcel/watcher-win32-arm64@2.5.0:
-    resolution: {integrity: sha512-twtft1d+JRNkM5YbmexfcH/N4znDtjgysFaV9zvZmmJezQsKpkfLYJ+JFV3uygugK6AtIM2oADPkB2AdhBrNig==}
+  /@parcel/watcher-win32-arm64@2.5.1:
+    resolution: {integrity: sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [win32]
@@ -2728,8 +2493,8 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher-win32-ia32@2.5.0:
-    resolution: {integrity: sha512-+rgpsNRKwo8A53elqbbHXdOMtY/tAtTzManTWShB5Kk54N8Q9mzNWV7tV+IbGueCbcj826MfWGU3mprWtuf1TA==}
+  /@parcel/watcher-win32-ia32@2.5.1:
+    resolution: {integrity: sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==}
     engines: {node: '>= 10.0.0'}
     cpu: [ia32]
     os: [win32]
@@ -2737,8 +2502,8 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher-win32-x64@2.5.0:
-    resolution: {integrity: sha512-lPrxve92zEHdgeff3aiu4gDOIt4u7sJYha6wbdEZDCDUhtjTsOMiaJzG5lMY4GkWH8p0fMmO2Ppq5G5XXG+DQw==}
+  /@parcel/watcher-win32-x64@2.5.1:
+    resolution: {integrity: sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [win32]
@@ -2746,8 +2511,8 @@ packages:
     dev: true
     optional: true
 
-  /@parcel/watcher@2.5.0:
-    resolution: {integrity: sha512-i0GV1yJnm2n3Yq1qw6QrUrd/LI9bE8WEBOTtOkpCXHHdyN3TAGgqAK/DAT05z4fq2x04cARXt2pDmjWjL92iTQ==}
+  /@parcel/watcher@2.5.1:
+    resolution: {integrity: sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==}
     engines: {node: '>= 10.0.0'}
     requiresBuild: true
     dependencies:
@@ -2756,31 +2521,31 @@ packages:
       micromatch: 4.0.8
       node-addon-api: 7.1.1
     optionalDependencies:
-      '@parcel/watcher-android-arm64': 2.5.0
-      '@parcel/watcher-darwin-arm64': 2.5.0
-      '@parcel/watcher-darwin-x64': 2.5.0
-      '@parcel/watcher-freebsd-x64': 2.5.0
-      '@parcel/watcher-linux-arm-glibc': 2.5.0
-      '@parcel/watcher-linux-arm-musl': 2.5.0
-      '@parcel/watcher-linux-arm64-glibc': 2.5.0
-      '@parcel/watcher-linux-arm64-musl': 2.5.0
-      '@parcel/watcher-linux-x64-glibc': 2.5.0
-      '@parcel/watcher-linux-x64-musl': 2.5.0
-      '@parcel/watcher-win32-arm64': 2.5.0
-      '@parcel/watcher-win32-ia32': 2.5.0
-      '@parcel/watcher-win32-x64': 2.5.0
+      '@parcel/watcher-android-arm64': 2.5.1
+      '@parcel/watcher-darwin-arm64': 2.5.1
+      '@parcel/watcher-darwin-x64': 2.5.1
+      '@parcel/watcher-freebsd-x64': 2.5.1
+      '@parcel/watcher-linux-arm-glibc': 2.5.1
+      '@parcel/watcher-linux-arm-musl': 2.5.1
+      '@parcel/watcher-linux-arm64-glibc': 2.5.1
+      '@parcel/watcher-linux-arm64-musl': 2.5.1
+      '@parcel/watcher-linux-x64-glibc': 2.5.1
+      '@parcel/watcher-linux-x64-musl': 2.5.1
+      '@parcel/watcher-win32-arm64': 2.5.1
+      '@parcel/watcher-win32-ia32': 2.5.1
+      '@parcel/watcher-win32-x64': 2.5.1
     dev: true
 
-  /@pinia-plugin-persistedstate/nuxt@1.2.1(@pinia/nuxt@0.9.0)(pinia@2.3.0):
+  /@pinia-plugin-persistedstate/nuxt@1.2.1(@pinia/nuxt@0.9.0)(pinia@2.3.1):
     resolution: {integrity: sha512-q8s+4aQW/AjBMyeqLL48/qzBR5lcgnvvf1525ovNuKf6Wl9CsoLjPKh/5X8vNoKGwSow4gP7lVmdYPQRypgjgg==}
     deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
     peerDependencies:
       '@pinia/nuxt': ^0.5.0
     dependencies:
-      '@nuxt/kit': 3.15.2(magicast@0.3.5)
-      '@pinia/nuxt': 0.9.0(pinia@2.3.0)
+      '@nuxt/kit': 3.15.4(magicast@0.3.5)
+      '@pinia/nuxt': 0.9.0(pinia@2.3.1)
       defu: 6.1.4
-      pinia-plugin-persistedstate: 4.2.0(@pinia/nuxt@0.9.0)(pinia@2.3.0)
+      pinia-plugin-persistedstate: 4.2.0(@pinia/nuxt@0.9.0)(pinia@2.3.1)
     transitivePeerDependencies:
       - magicast
       - pinia
@@ -2788,13 +2553,13 @@ packages:
       - supports-color
     dev: true
 
-  /@pinia/nuxt@0.9.0(pinia@2.3.0):
+  /@pinia/nuxt@0.9.0(pinia@2.3.1):
     resolution: {integrity: sha512-2yeRo7LeyCF68AbNeL3xu2h6uw0617RkcsYxmA8DJM0R0PMdz5wQHnc44KeENQxR/Mrq8T910XVT6buosqsjBQ==}
     peerDependencies:
       pinia: ^2.3.0
     dependencies:
-      '@nuxt/kit': 3.15.2(magicast@0.3.5)
-      pinia: 2.3.0(typescript@5.7.3)
+      '@nuxt/kit': 3.15.4(magicast@0.3.5)
+      pinia: 2.3.1(typescript@5.7.3)
     transitivePeerDependencies:
       - magicast
       - rollup
@@ -2825,30 +2590,28 @@ packages:
       uri-js-replace: 1.0.1
     dev: true
 
-  /@redocly/config@0.20.1:
-    resolution: {integrity: sha512-TYiTDtuItiv95YMsrRxyCs1HKLrDPtTvpaD3+kDKXBnFDeJuYKZ+eHXpCr6YeN4inxfVBs7DLhHsQcs9srddyQ==}
+  /@redocly/config@0.20.3:
+    resolution: {integrity: sha512-Nyyv1Bj7GgYwj/l46O0nkH1GTKWbO3Ixe7KFcn021aZipkZd+z8Vlu1BwkhqtVgivcKaClaExtWU/lDHkjBzag==}
     dev: true
 
-  /@redocly/openapi-core@1.27.2(supports-color@9.4.0):
-    resolution: {integrity: sha512-qVrDc27DHpeO2NRCMeRdb4299nijKQE3BY0wrA+WUHlOLScorIi/y7JzammLk22IaTvjR9Mv9aTAdjE1aUwJnA==}
-    engines: {node: '>=14.19.0', npm: '>=7.0.0'}
+  /@redocly/openapi-core@1.28.0(supports-color@9.4.0):
+    resolution: {integrity: sha512-jnUsOFnz8w71l14Ww34Iswlj0AI4e/R0C5+K2W4v4GaY/sUkpH/145gHLJYlG4XV0neET4lNIptd4I8+yLyEHQ==}
+    engines: {node: '>=18.17.0', npm: '>=10.8.2'}
     dependencies:
       '@redocly/ajv': 8.11.2
-      '@redocly/config': 0.20.1
+      '@redocly/config': 0.20.3
       colorette: 1.4.0
       https-proxy-agent: 7.0.6(supports-color@9.4.0)
       js-levenshtein: 1.1.6
       js-yaml: 4.1.0
       minimatch: 5.1.6
-      node-fetch: 2.7.0
       pluralize: 8.0.0
       yaml-ast-parser: 0.0.43
     transitivePeerDependencies:
-      - encoding
       - supports-color
     dev: true
 
-  /@rollup/plugin-alias@5.1.1(rollup@4.30.1):
+  /@rollup/plugin-alias@5.1.1(rollup@4.34.0):
     resolution: {integrity: sha512-PR9zDb+rOzkRb2VD+EuKB7UC41vU5DIwZ5qqCpk0KJudcWAyi8rvYOhS7+L5aZCspw1stTViLgN5v6FF1p5cgQ==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -2857,10 +2620,10 @@ packages:
       rollup:
         optional: true
     dependencies:
-      rollup: 4.30.1
+      rollup: 4.34.0
     dev: true
 
-  /@rollup/plugin-babel@5.3.1(@babel/core@7.26.0)(rollup@2.79.2):
+  /@rollup/plugin-babel@5.3.1(@babel/core@7.26.7)(rollup@2.79.2):
     resolution: {integrity: sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==}
     engines: {node: '>= 10.0.0'}
     peerDependencies:
@@ -2871,7 +2634,7 @@ packages:
       '@types/babel__core':
         optional: true
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-module-imports': 7.25.9
       '@rollup/pluginutils': 3.1.0(rollup@2.79.2)
       rollup: 2.79.2
@@ -2879,7 +2642,7 @@ packages:
       - supports-color
     dev: true
 
-  /@rollup/plugin-commonjs@28.0.2(rollup@4.30.1):
+  /@rollup/plugin-commonjs@28.0.2(rollup@4.34.0):
     resolution: {integrity: sha512-BEFI2EDqzl+vA1rl97IDRZ61AIwGH093d9nz8+dThxJNH8oSoB7MjWvPCX3dkaK1/RCJ/1v/R1XB15FuSs0fQw==}
     engines: {node: '>=16.0.0 || 14 >= 14.17'}
     peerDependencies:
@@ -2888,17 +2651,17 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.1.4(rollup@4.30.1)
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.0)
       commondir: 1.0.1
       estree-walker: 2.0.2
       fdir: 6.4.3(picomatch@4.0.2)
       is-reference: 1.2.1
       magic-string: 0.30.17
       picomatch: 4.0.2
-      rollup: 4.30.1
+      rollup: 4.34.0
     dev: true
 
-  /@rollup/plugin-inject@5.0.5(rollup@4.30.1):
+  /@rollup/plugin-inject@5.0.5(rollup@4.34.0):
     resolution: {integrity: sha512-2+DEJbNBoPROPkgTDNe8/1YXWcqxbN5DTjASVIOx8HS+pITXushyNiBV56RB08zuptzz8gT3YfkqriTBVycepg==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -2907,13 +2670,13 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.1.4(rollup@4.30.1)
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.0)
       estree-walker: 2.0.2
       magic-string: 0.30.17
-      rollup: 4.30.1
+      rollup: 4.34.0
     dev: true
 
-  /@rollup/plugin-json@6.1.0(rollup@4.30.1):
+  /@rollup/plugin-json@6.1.0(rollup@4.34.0):
     resolution: {integrity: sha512-EGI2te5ENk1coGeADSIwZ7G2Q8CJS2sF120T7jLw4xFw9n7wIOXHo+kIYRAoVpJAN+kmqZSoO3Fp4JtoNF4ReA==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -2922,8 +2685,8 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.1.4(rollup@4.30.1)
-      rollup: 4.30.1
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.0)
+      rollup: 4.34.0
     dev: true
 
   /@rollup/plugin-node-resolve@15.3.1(rollup@2.79.2):
@@ -2943,7 +2706,7 @@ packages:
       rollup: 2.79.2
     dev: true
 
-  /@rollup/plugin-node-resolve@15.3.1(rollup@4.30.1):
+  /@rollup/plugin-node-resolve@15.3.1(rollup@4.34.0):
     resolution: {integrity: sha512-tgg6b91pAybXHJQMAAwW9VuWBO6Thi+q7BCNARLwSqlmsHz0XYURtGvh/AuwSADXSI4h/2uHbs7s4FzlZDGSGA==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -2952,12 +2715,12 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.1.4(rollup@4.30.1)
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.0)
       '@types/resolve': 1.20.2
       deepmerge: 4.3.1
       is-module: 1.0.0
       resolve: 1.22.10
-      rollup: 4.30.1
+      rollup: 4.34.0
     dev: true
 
   /@rollup/plugin-replace@2.4.2(rollup@2.79.2):
@@ -2970,7 +2733,7 @@ packages:
       rollup: 2.79.2
     dev: true
 
-  /@rollup/plugin-replace@6.0.2(rollup@4.30.1):
+  /@rollup/plugin-replace@6.0.2(rollup@4.34.0):
     resolution: {integrity: sha512-7QaYCf8bqF04dOy7w/eHmJeNExxTYwvKAmlSAH/EaWWUzbT0h5sbF6bktFoX/0F/0qwng5/dWFMyf3gzaM8DsQ==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -2979,9 +2742,9 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.1.4(rollup@4.30.1)
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.0)
       magic-string: 0.30.17
-      rollup: 4.30.1
+      rollup: 4.34.0
     dev: true
 
   /@rollup/plugin-terser@0.4.4(rollup@2.79.2):
@@ -2999,7 +2762,7 @@ packages:
       terser: 5.37.0
     dev: true
 
-  /@rollup/plugin-terser@0.4.4(rollup@4.30.1):
+  /@rollup/plugin-terser@0.4.4(rollup@4.34.0):
     resolution: {integrity: sha512-XHeJC5Bgvs8LfukDwWZp7yeqin6ns8RTl2B9avbejt6tZqsqvVoWI7ZTQrcNsfKEDWBTnTxM8nMDkO2IFFbd0A==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -3008,7 +2771,7 @@ packages:
       rollup:
         optional: true
     dependencies:
-      rollup: 4.30.1
+      rollup: 4.34.0
       serialize-javascript: 6.0.2
       smob: 1.5.0
       terser: 5.37.0
@@ -3041,7 +2804,7 @@ packages:
       rollup: 2.79.2
     dev: true
 
-  /@rollup/pluginutils@5.1.4(rollup@4.30.1):
+  /@rollup/pluginutils@5.1.4(rollup@4.34.0):
     resolution: {integrity: sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -3053,146 +2816,40 @@ packages:
       '@types/estree': 1.0.6
       estree-walker: 2.0.2
       picomatch: 4.0.2
-      rollup: 4.30.1
+      rollup: 4.34.0
 
-  /@rollup/rollup-android-arm-eabi@4.30.1:
-    resolution: {integrity: sha512-pSWY+EVt3rJ9fQ3IqlrEUtXh3cGqGtPDH1FQlNZehO2yYxCHEX1SPsz1M//NXwYfbTlcKr9WObLnJX9FsS9K1Q==}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
-    optional: true
-
-  /@rollup/rollup-android-arm64@4.30.1:
-    resolution: {integrity: sha512-/NA2qXxE3D/BRjOJM8wQblmArQq1YoBVJjrjoTSBS09jgUisq7bqxNHJ8kjCHeV21W/9WDGwJEWSN0KQ2mtD/w==}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    optional: true
-
-  /@rollup/rollup-darwin-arm64@4.30.1:
-    resolution: {integrity: sha512-r7FQIXD7gB0WJ5mokTUgUWPl0eYIH0wnxqeSAhuIwvnnpjdVB8cRRClyKLQr7lgzjctkbp5KmswWszlwYln03Q==}
+  /@rollup/rollup-darwin-arm64@4.34.0:
+    resolution: {integrity: sha512-gCs0ErAZ9s0Osejpc3qahTsqIPUDjSKIyxK/0BGKvL+Tn0n3Kwvj8BrCv7Y5sR1Ypz1K2qz9Ny0VvkVyoXBVUQ==}
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
     optional: true
 
-  /@rollup/rollup-darwin-x64@4.30.1:
-    resolution: {integrity: sha512-x78BavIwSH6sqfP2xeI1hd1GpHL8J4W2BXcVM/5KYKoAD3nNsfitQhvWSw+TFtQTLZ9OmlF+FEInEHyubut2OA==}
+  /@rollup/rollup-darwin-x64@4.34.0:
+    resolution: {integrity: sha512-aIB5Anc8hngk15t3GUkiO4pv42ykXHfmpXGS+CzM9CTyiWyT8HIS5ygRAy7KcFb/wiw4Br+vh1byqcHRTfq2tQ==}
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
     optional: true
 
-  /@rollup/rollup-freebsd-arm64@4.30.1:
-    resolution: {integrity: sha512-HYTlUAjbO1z8ywxsDFWADfTRfTIIy/oUlfIDmlHYmjUP2QRDTzBuWXc9O4CXM+bo9qfiCclmHk1x4ogBjOUpUQ==}
-    cpu: [arm64]
-    os: [freebsd]
-    requiresBuild: true
-    optional: true
-
-  /@rollup/rollup-freebsd-x64@4.30.1:
-    resolution: {integrity: sha512-1MEdGqogQLccphhX5myCJqeGNYTNcmTyaic9S7CG3JhwuIByJ7J05vGbZxsizQthP1xpVx7kd3o31eOogfEirw==}
-    cpu: [x64]
-    os: [freebsd]
-    requiresBuild: true
-    optional: true
-
-  /@rollup/rollup-linux-arm-gnueabihf@4.30.1:
-    resolution: {integrity: sha512-PaMRNBSqCx7K3Wc9QZkFx5+CX27WFpAMxJNiYGAXfmMIKC7jstlr32UhTgK6T07OtqR+wYlWm9IxzennjnvdJg==}
-    cpu: [arm]
-    os: [linux]
-    libc: [glibc]
-    requiresBuild: true
-    optional: true
-
-  /@rollup/rollup-linux-arm-musleabihf@4.30.1:
-    resolution: {integrity: sha512-B8Rcyj9AV7ZlEFqvB5BubG5iO6ANDsRKlhIxySXcF1axXYUyqwBok+XZPgIYGBgs7LDXfWfifxhw0Ik57T0Yug==}
-    cpu: [arm]
-    os: [linux]
-    libc: [musl]
-    requiresBuild: true
-    optional: true
-
-  /@rollup/rollup-linux-arm64-gnu@4.30.1:
-    resolution: {integrity: sha512-hqVyueGxAj3cBKrAI4aFHLV+h0Lv5VgWZs9CUGqr1z0fZtlADVV1YPOij6AhcK5An33EXaxnDLmJdQikcn5NEw==}
-    cpu: [arm64]
-    os: [linux]
-    libc: [glibc]
-    requiresBuild: true
-    optional: true
-
-  /@rollup/rollup-linux-arm64-musl@4.30.1:
-    resolution: {integrity: sha512-i4Ab2vnvS1AE1PyOIGp2kXni69gU2DAUVt6FSXeIqUCPIR3ZlheMW3oP2JkukDfu3PsexYRbOiJrY+yVNSk9oA==}
-    cpu: [arm64]
-    os: [linux]
-    libc: [musl]
-    requiresBuild: true
-    optional: true
-
-  /@rollup/rollup-linux-loongarch64-gnu@4.30.1:
-    resolution: {integrity: sha512-fARcF5g296snX0oLGkVxPmysetwUk2zmHcca+e9ObOovBR++9ZPOhqFUM61UUZ2EYpXVPN1redgqVoBB34nTpQ==}
-    cpu: [loong64]
-    os: [linux]
-    libc: [glibc]
-    requiresBuild: true
-    optional: true
-
-  /@rollup/rollup-linux-powerpc64le-gnu@4.30.1:
-    resolution: {integrity: sha512-GLrZraoO3wVT4uFXh67ElpwQY0DIygxdv0BNW9Hkm3X34wu+BkqrDrkcsIapAY+N2ATEbvak0XQ9gxZtCIA5Rw==}
-    cpu: [ppc64]
-    os: [linux]
-    libc: [glibc]
-    requiresBuild: true
-    optional: true
-
-  /@rollup/rollup-linux-riscv64-gnu@4.30.1:
-    resolution: {integrity: sha512-0WKLaAUUHKBtll0wvOmh6yh3S0wSU9+yas923JIChfxOaaBarmb/lBKPF0w/+jTVozFnOXJeRGZ8NvOxvk/jcw==}
-    cpu: [riscv64]
-    os: [linux]
-    libc: [glibc]
-    requiresBuild: true
-    optional: true
-
-  /@rollup/rollup-linux-s390x-gnu@4.30.1:
-    resolution: {integrity: sha512-GWFs97Ruxo5Bt+cvVTQkOJ6TIx0xJDD/bMAOXWJg8TCSTEK8RnFeOeiFTxKniTc4vMIaWvCplMAFBt9miGxgkA==}
-    cpu: [s390x]
-    os: [linux]
-    libc: [glibc]
-    requiresBuild: true
-    optional: true
-
-  /@rollup/rollup-linux-x64-gnu@4.30.1:
-    resolution: {integrity: sha512-UtgGb7QGgXDIO+tqqJ5oZRGHsDLO8SlpE4MhqpY9Llpzi5rJMvrK6ZGhsRCST2abZdBqIBeXW6WPD5fGK5SDwg==}
+  /@rollup/rollup-linux-x64-gnu@4.34.0:
+    resolution: {integrity: sha512-chZLTUIPbgcpm+Z7ALmomXW8Zh+wE2icrG+K6nt/HenPLmtwCajhQC5flNSk1Xy5EDMt/QAOz2MhzfOfJOLSiA==}
     cpu: [x64]
     os: [linux]
     libc: [glibc]
     requiresBuild: true
     optional: true
 
-  /@rollup/rollup-linux-x64-musl@4.30.1:
-    resolution: {integrity: sha512-V9U8Ey2UqmQsBT+xTOeMzPzwDzyXmnAoO4edZhL7INkwQcaW1Ckv3WJX3qrrp/VHaDkEWIBWhRwP47r8cdrOow==}
+  /@rollup/rollup-linux-x64-musl@4.34.0:
+    resolution: {integrity: sha512-jo0UolK70O28BifvEsFD/8r25shFezl0aUk2t0VJzREWHkq19e+pcLu4kX5HiVXNz5qqkD+aAq04Ct8rkxgbyQ==}
     cpu: [x64]
     os: [linux]
     libc: [musl]
     requiresBuild: true
     optional: true
 
-  /@rollup/rollup-win32-arm64-msvc@4.30.1:
-    resolution: {integrity: sha512-WabtHWiPaFF47W3PkHnjbmWawnX/aE57K47ZDT1BXTS5GgrBUEpvOzq0FI0V/UYzQJgdb8XlhVNH8/fwV8xDjw==}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    optional: true
-
-  /@rollup/rollup-win32-ia32-msvc@4.30.1:
-    resolution: {integrity: sha512-pxHAU+Zv39hLUTdQQHUVHf4P+0C47y/ZloorHpzs2SXMRqeAWmGghzAhfOlzFHHwjvgokdFAhC4V+6kC1lRRfw==}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    optional: true
-
-  /@rollup/rollup-win32-x64-msvc@4.30.1:
-    resolution: {integrity: sha512-D6qjsXGcvhTjv0kI4fU8tUuBDF/Ueee4SVX79VfNDXZa64TfCW1Slkb6Z7O1p7vflqZjcmOVdZlqf8gvJxc6og==}
+  /@rollup/rollup-win32-x64-msvc@4.34.0:
+    resolution: {integrity: sha512-g2ASy1QwHP88y5KWvblUolJz9rN+i4ZOsYzkEwcNfaNooxNUXG+ON6F5xFo0NIItpHqxcdAyls05VXpBnludGw==}
     cpu: [x64]
     os: [win32]
     requiresBuild: true
@@ -3202,14 +2859,31 @@ packages:
     resolution: {integrity: sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==}
     engines: {node: '>=18'}
 
-  /@stylistic/eslint-plugin@2.13.0(eslint@9.18.0)(typescript@5.7.3):
+  /@stylistic/eslint-plugin@2.13.0(eslint@9.19.0)(typescript@5.7.3):
     resolution: {integrity: sha512-RnO1SaiCFHn666wNz2QfZEFxvmiNRqhzaMXHXxXXKt+MEP7aajlPxUSMIQpKAaJfverpovEYqjBOXDq6dDcaOQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: '>=8.40.0'
     dependencies:
-      '@typescript-eslint/utils': 8.20.0(eslint@9.18.0)(typescript@5.7.3)
-      eslint: 9.18.0
+      '@typescript-eslint/utils': 8.22.0(eslint@9.19.0)(typescript@5.7.3)
+      eslint: 9.19.0
+      eslint-visitor-keys: 4.2.0
+      espree: 10.3.0
+      estraverse: 5.3.0
+      picomatch: 4.0.2
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@stylistic/eslint-plugin@3.0.1(eslint@9.19.0)(typescript@5.7.3):
+    resolution: {integrity: sha512-rQ3tcT5N2cynofJfbjUsnL4seoewTaOVBLyUEwtNldo7iNMPo3h/GUQk+Cl3iHEWwRxjq2wuH6q0FufQrbVL1A==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: '>=8.40.0'
+    dependencies:
+      '@typescript-eslint/utils': 8.22.0(eslint@9.19.0)(typescript@5.7.3)
+      eslint: 9.19.0
       eslint-visitor-keys: 4.2.0
       espree: 10.3.0
       estraverse: 5.3.0
@@ -3260,7 +2934,7 @@ packages:
   /@types/http-proxy@1.17.15:
     resolution: {integrity: sha512-25g5atgiVNTIv0LBDTg1H74Hvayx0ajtJPLLcYE3whFv75J0pWNtOBzaXJQgDTmrX1bx5U9YC2w/n65BN1HwRQ==}
     dependencies:
-      '@types/node': 22.10.7
+      '@types/node': 22.13.0
     dev: true
 
   /@types/json-schema@7.0.15:
@@ -3274,11 +2948,11 @@ packages:
   /@types/lodash-es@4.17.12:
     resolution: {integrity: sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==}
     dependencies:
-      '@types/lodash': 4.17.14
+      '@types/lodash': 4.17.15
     dev: false
 
-  /@types/lodash@4.17.14:
-    resolution: {integrity: sha512-jsxagdikDiDBeIRaPYtArcT8my4tN1og7MtMRquFT3XNA6axxyHDRUemqDz/taRDdOUn0GnGHRCuff4q48sW9A==}
+  /@types/lodash@4.17.15:
+    resolution: {integrity: sha512-w/P33JFeySuhN6JLkysYUK2gEmy9kHHFN7E8ro0tkfmlDOgxBDzWEZ/J8cWA+fHqFevpswDTFZnDx+R9lbL6xw==}
     dev: false
 
   /@types/mdast@4.0.4:
@@ -3291,8 +2965,8 @@ packages:
     resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
     dev: true
 
-  /@types/node@22.10.7:
-    resolution: {integrity: sha512-V09KvXxFiutGp6B7XkpaDXlNadZxrzajcY50EuoLIpQ6WWYCSvf19lVIazzfIzQvhUN2HjX12spLojTnhuKlGg==}
+  /@types/node@22.13.0:
+    resolution: {integrity: sha512-ClIbNe36lawluuvq3+YYhnIN2CELi+6q8NpnM7PYp4hBn/TatfboPgVSm2rwKRfnV2M+Ty9GWDFI64KEe+kysA==}
     dependencies:
       undici-types: 6.20.0
     dev: true
@@ -3321,8 +2995,8 @@ packages:
     resolution: {integrity: sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==}
     dev: true
 
-  /@typescript-eslint/eslint-plugin@8.20.0(@typescript-eslint/parser@8.20.0)(eslint@9.18.0)(typescript@5.7.3):
-    resolution: {integrity: sha512-naduuphVw5StFfqp4Gq4WhIBE2gN1GEmMUExpJYknZJdRnc+2gDzB8Z3+5+/Kv33hPQRDGzQO/0opHE72lZZ6A==}
+  /@typescript-eslint/eslint-plugin@8.22.0(@typescript-eslint/parser@8.22.0)(eslint@9.19.0)(typescript@5.7.3):
+    resolution: {integrity: sha512-4Uta6REnz/xEJMvwf72wdUnC3rr4jAQf5jnTkeRQ9b6soxLxhDEbS/pfMPoJLDfFPNVRdryqWUIV/2GZzDJFZw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       '@typescript-eslint/parser': ^8.0.0 || ^8.0.0-alpha.0
@@ -3330,12 +3004,12 @@ packages:
       typescript: '>=4.8.4 <5.8.0'
     dependencies:
       '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 8.20.0(eslint@9.18.0)(typescript@5.7.3)
-      '@typescript-eslint/scope-manager': 8.20.0
-      '@typescript-eslint/type-utils': 8.20.0(eslint@9.18.0)(typescript@5.7.3)
-      '@typescript-eslint/utils': 8.20.0(eslint@9.18.0)(typescript@5.7.3)
-      '@typescript-eslint/visitor-keys': 8.20.0
-      eslint: 9.18.0
+      '@typescript-eslint/parser': 8.22.0(eslint@9.19.0)(typescript@5.7.3)
+      '@typescript-eslint/scope-manager': 8.22.0
+      '@typescript-eslint/type-utils': 8.22.0(eslint@9.19.0)(typescript@5.7.3)
+      '@typescript-eslint/utils': 8.22.0(eslint@9.19.0)(typescript@5.7.3)
+      '@typescript-eslint/visitor-keys': 8.22.0
+      eslint: 9.19.0
       graphemer: 1.4.0
       ignore: 5.3.2
       natural-compare: 1.4.0
@@ -3345,95 +3019,95 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser@8.20.0(eslint@9.18.0)(typescript@5.7.3):
-    resolution: {integrity: sha512-gKXG7A5HMyjDIedBi6bUrDcun8GIjnI8qOwVLiY3rx6T/sHP/19XLJOnIq/FgQvWLHja5JN/LSE7eklNBr612g==}
+  /@typescript-eslint/parser@8.22.0(eslint@9.19.0)(typescript@5.7.3):
+    resolution: {integrity: sha512-MqtmbdNEdoNxTPzpWiWnqNac54h8JDAmkWtJExBVVnSrSmi9z+sZUt0LfKqk9rjqmKOIeRhO4fHHJ1nQIjduIQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <5.8.0'
     dependencies:
-      '@typescript-eslint/scope-manager': 8.20.0
-      '@typescript-eslint/types': 8.20.0
-      '@typescript-eslint/typescript-estree': 8.20.0(typescript@5.7.3)
-      '@typescript-eslint/visitor-keys': 8.20.0
+      '@typescript-eslint/scope-manager': 8.22.0
+      '@typescript-eslint/types': 8.22.0
+      '@typescript-eslint/typescript-estree': 8.22.0(typescript@5.7.3)
+      '@typescript-eslint/visitor-keys': 8.22.0
       debug: 4.4.0(supports-color@9.4.0)
-      eslint: 9.18.0
+      eslint: 9.19.0
       typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/scope-manager@8.20.0:
-    resolution: {integrity: sha512-J7+VkpeGzhOt3FeG1+SzhiMj9NzGD/M6KoGn9f4dbz3YzK9hvbhVTmLj/HiTp9DazIzJ8B4XcM80LrR9Dm1rJw==}
+  /@typescript-eslint/scope-manager@8.22.0:
+    resolution: {integrity: sha512-/lwVV0UYgkj7wPSw0o8URy6YI64QmcOdwHuGuxWIYznO6d45ER0wXUbksr9pYdViAofpUCNJx/tAzNukgvaaiQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     dependencies:
-      '@typescript-eslint/types': 8.20.0
-      '@typescript-eslint/visitor-keys': 8.20.0
+      '@typescript-eslint/types': 8.22.0
+      '@typescript-eslint/visitor-keys': 8.22.0
     dev: true
 
-  /@typescript-eslint/type-utils@8.20.0(eslint@9.18.0)(typescript@5.7.3):
-    resolution: {integrity: sha512-bPC+j71GGvA7rVNAHAtOjbVXbLN5PkwqMvy1cwGeaxUoRQXVuKCebRoLzm+IPW/NtFFpstn1ummSIasD5t60GA==}
+  /@typescript-eslint/type-utils@8.22.0(eslint@9.19.0)(typescript@5.7.3):
+    resolution: {integrity: sha512-NzE3aB62fDEaGjaAYZE4LH7I1MUwHooQ98Byq0G0y3kkibPJQIXVUspzlFOmOfHhiDLwKzMlWxaNv+/qcZurJA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <5.8.0'
     dependencies:
-      '@typescript-eslint/typescript-estree': 8.20.0(typescript@5.7.3)
-      '@typescript-eslint/utils': 8.20.0(eslint@9.18.0)(typescript@5.7.3)
+      '@typescript-eslint/typescript-estree': 8.22.0(typescript@5.7.3)
+      '@typescript-eslint/utils': 8.22.0(eslint@9.19.0)(typescript@5.7.3)
       debug: 4.4.0(supports-color@9.4.0)
-      eslint: 9.18.0
+      eslint: 9.19.0
       ts-api-utils: 2.0.0(typescript@5.7.3)
       typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/types@8.20.0:
-    resolution: {integrity: sha512-cqaMiY72CkP+2xZRrFt3ExRBu0WmVitN/rYPZErA80mHjHx/Svgp8yfbzkJmDoQ/whcytOPO9/IZXnOc+wigRA==}
+  /@typescript-eslint/types@8.22.0:
+    resolution: {integrity: sha512-0S4M4baNzp612zwpD4YOieP3VowOARgK2EkN/GBn95hpyF8E2fbMT55sRHWBq+Huaqk3b3XK+rxxlM8sPgGM6A==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree@8.20.0(typescript@5.7.3):
-    resolution: {integrity: sha512-Y7ncuy78bJqHI35NwzWol8E0X7XkRVS4K4P4TCyzWkOJih5NDvtoRDW4Ba9YJJoB2igm9yXDdYI/+fkiiAxPzA==}
+  /@typescript-eslint/typescript-estree@8.22.0(typescript@5.7.3):
+    resolution: {integrity: sha512-SJX99NAS2ugGOzpyhMza/tX+zDwjvwAtQFLsBo3GQxiGcvaKlqGBkmZ+Y1IdiSi9h4Q0Lr5ey+Cp9CGWNY/F/w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '>=4.8.4 <5.8.0'
     dependencies:
-      '@typescript-eslint/types': 8.20.0
-      '@typescript-eslint/visitor-keys': 8.20.0
+      '@typescript-eslint/types': 8.22.0
+      '@typescript-eslint/visitor-keys': 8.22.0
       debug: 4.4.0(supports-color@9.4.0)
       fast-glob: 3.3.3
       is-glob: 4.0.3
       minimatch: 9.0.5
-      semver: 7.6.3
+      semver: 7.7.0
       ts-api-utils: 2.0.0(typescript@5.7.3)
       typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils@8.20.0(eslint@9.18.0)(typescript@5.7.3):
-    resolution: {integrity: sha512-dq70RUw6UK9ei7vxc4KQtBRk7qkHZv447OUZ6RPQMQl71I3NZxQJX/f32Smr+iqWrB02pHKn2yAdHBb0KNrRMA==}
+  /@typescript-eslint/utils@8.22.0(eslint@9.19.0)(typescript@5.7.3):
+    resolution: {integrity: sha512-T8oc1MbF8L+Bk2msAvCUzjxVB2Z2f+vXYfcucE2wOmYs7ZUwco5Ep0fYZw8quNwOiw9K8GYVL+Kgc2pETNTLOg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
       typescript: '>=4.8.4 <5.8.0'
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.1(eslint@9.18.0)
-      '@typescript-eslint/scope-manager': 8.20.0
-      '@typescript-eslint/types': 8.20.0
-      '@typescript-eslint/typescript-estree': 8.20.0(typescript@5.7.3)
-      eslint: 9.18.0
+      '@eslint-community/eslint-utils': 4.4.1(eslint@9.19.0)
+      '@typescript-eslint/scope-manager': 8.22.0
+      '@typescript-eslint/types': 8.22.0
+      '@typescript-eslint/typescript-estree': 8.22.0(typescript@5.7.3)
+      eslint: 9.19.0
       typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/visitor-keys@8.20.0:
-    resolution: {integrity: sha512-v/BpkeeYAsPkKCkR8BDwcno0llhzWVqPOamQrAEMdpZav2Y9OVjd9dwJyBLJWwf335B5DmlifECIkZRJCaGaHA==}
+  /@typescript-eslint/visitor-keys@8.22.0:
+    resolution: {integrity: sha512-AWpYAXnUgvLNabGTy3uBylkgZoosva/miNd1I8Bz3SjotmQPbVqhO4Cczo8AsZ44XVErEBPr/CRSgaj8sG7g0w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     dependencies:
-      '@typescript-eslint/types': 8.20.0
+      '@typescript-eslint/types': 8.22.0
       eslint-visitor-keys: 4.2.0
     dev: true
 
@@ -3477,296 +3151,13 @@ packages:
       vue: 3.5.13(typescript@5.7.3)
     dev: true
 
-  /@unocss/astro@0.65.4:
-    resolution: {integrity: sha512-ex1CJOQ6yeftBEPcbA9/W47/YoV+mhQnrAoc8MA1VVrvvFKDitICFU62+nSt3NWRe53XL/fXnQbcbCb8AAgKlA==}
-    peerDependencies:
-      vite: ^6.0.6
-    peerDependenciesMeta:
-      vite:
-        optional: true
-    dependencies:
-      '@unocss/core': 0.65.4
-      '@unocss/reset': 0.65.4
-      '@unocss/vite': 0.65.4
-    transitivePeerDependencies:
-      - rollup
-      - supports-color
-      - vue
-    dev: true
-
-  /@unocss/cli@0.65.4:
-    resolution: {integrity: sha512-D/4hY5Hezh3QETscl4i+ojb+q8YU9Cl9AYJ8v3gsjc/GjTmEuIOD5V4x+/aN25vY5wjqgoApOgaIDGCV3b+2Ig==}
-    engines: {node: '>=14'}
-    hasBin: true
-    dependencies:
-      '@ampproject/remapping': 2.3.0
-      '@rollup/pluginutils': 5.1.4(rollup@4.30.1)
-      '@unocss/config': 0.65.4
-      '@unocss/core': 0.65.4
-      '@unocss/preset-uno': 0.65.4
-      cac: 6.7.14
-      chokidar: 3.6.0
-      colorette: 2.0.20
-      consola: 3.4.0
-      magic-string: 0.30.17
-      pathe: 1.1.2
-      perfect-debounce: 1.0.0
-      tinyglobby: 0.2.10
-    transitivePeerDependencies:
-      - rollup
-      - supports-color
-    dev: true
-
-  /@unocss/config@0.65.4:
-    resolution: {integrity: sha512-/vCt4AXnJ4p4Ow6xqsYwdrelF9533yhZjzkg3SQmL3rKeSkicPayKpeq8nkYECdhDI03VTCVD+6oh5Y/26Hg7A==}
-    engines: {node: '>=14'}
-    dependencies:
-      '@unocss/core': 0.65.4
-      unconfig: 0.6.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@unocss/core@0.65.4:
-    resolution: {integrity: sha512-a2JOoFutrhqd5RgPhIR5FIXrDoHDU3gwCbPrpT6KYTjsqlSc/fv02yZ+JGOZFN3MCFhCmaPTs+idDFtwb3xU8g==}
-    dev: true
-
-  /@unocss/eslint-config@0.65.4(eslint@9.18.0)(typescript@5.7.3):
-    resolution: {integrity: sha512-hw2fD6Nitl0BGP/tzpGfZZX/vdxbunZPm8wh2DNNtFaFpkgPyKTR1YIk+Td09EP7o6LMzOlL6709G6KXDxT5cg==}
-    engines: {node: '>=14'}
-    dependencies:
-      '@unocss/eslint-plugin': 0.65.4(eslint@9.18.0)(typescript@5.7.3)
-    transitivePeerDependencies:
-      - eslint
-      - supports-color
-      - typescript
-    dev: true
-
-  /@unocss/eslint-plugin@0.65.4(eslint@9.18.0)(typescript@5.7.3):
-    resolution: {integrity: sha512-e6pz/PFBG/ZzzeZ0cfZoVCEiaHeL+Aoe3bsl6Z7kRsL29qtTf9qkWj0Dp1ldZuv5zOpaIoESLUPtpnU18tAlIw==}
-    engines: {node: '>=14'}
-    dependencies:
-      '@typescript-eslint/utils': 8.20.0(eslint@9.18.0)(typescript@5.7.3)
-      '@unocss/config': 0.65.4
-      '@unocss/core': 0.65.4
-      magic-string: 0.30.17
-      synckit: 0.9.2
-    transitivePeerDependencies:
-      - eslint
-      - supports-color
-      - typescript
-    dev: true
-
-  /@unocss/extractor-arbitrary-variants@0.65.4:
-    resolution: {integrity: sha512-GbvTgsDaHplfWfsQtOY8RrvEZvptmvR9k9NwQ5NsZBNIG1JepYVel93CVQvsxT5KioKcoWngXxTYLNOGyxLs0g==}
-    dependencies:
-      '@unocss/core': 0.65.4
-    dev: true
-
-  /@unocss/inspector@0.65.4:
-    resolution: {integrity: sha512-byg9x549Ul17U4Ety7ufDwC0UOygypoq4QnLEPzhlZ0KJG1f7WmXKYanOhupeg3h4qCj6Nc/xdZYMGbHl9QRIg==}
-    dependencies:
-      '@unocss/core': 0.65.4
-      '@unocss/rule-utils': 0.65.4
-      colorette: 2.0.20
-      gzip-size: 6.0.0
-      sirv: 3.0.0
-      vue-flow-layout: 0.1.1
-    transitivePeerDependencies:
-      - vue
-    dev: true
-
-  /@unocss/nuxt@0.65.4(postcss@8.5.1):
-    resolution: {integrity: sha512-dEJdqgvrukgZJk1szxRW6MiIozUZDLeFyyxmnO+iW3loPlji9hu95j2KBVHaQWIzi39XqVSORi4lH5flvAz3Pg==}
-    dependencies:
-      '@nuxt/kit': 3.15.2(magicast@0.3.5)
-      '@unocss/config': 0.65.4
-      '@unocss/core': 0.65.4
-      '@unocss/preset-attributify': 0.65.4
-      '@unocss/preset-icons': 0.65.4
-      '@unocss/preset-tagify': 0.65.4
-      '@unocss/preset-typography': 0.65.4
-      '@unocss/preset-uno': 0.65.4
-      '@unocss/preset-web-fonts': 0.65.4
-      '@unocss/preset-wind': 0.65.4
-      '@unocss/reset': 0.65.4
-      '@unocss/vite': 0.65.4
-      '@unocss/webpack': 0.65.4
-      unocss: 0.65.4(@unocss/webpack@0.65.4)(postcss@8.5.1)
-    transitivePeerDependencies:
-      - magicast
-      - postcss
-      - rollup
-      - supports-color
-      - vite
-      - vue
-      - webpack
-    dev: true
-
-  /@unocss/postcss@0.65.4(postcss@8.5.1):
-    resolution: {integrity: sha512-8peDRo0+rNQsnKh/H2uZEVy67sV2cC16rAeSLpgbVJUMNfZlmF0rC2DNGsOV17uconUXSwz7+mGcHKNiv+8YlQ==}
-    engines: {node: '>=14'}
-    peerDependencies:
-      postcss: ^8.4.21
-    dependencies:
-      '@unocss/config': 0.65.4
-      '@unocss/core': 0.65.4
-      '@unocss/rule-utils': 0.65.4
-      css-tree: 3.1.0
-      postcss: 8.5.1
-      tinyglobby: 0.2.10
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@unocss/preset-attributify@0.65.4:
-    resolution: {integrity: sha512-zxE9hJJ5b37phjdzDdZsxX559ZlmH9rFlY5LVEcQySTnsfY0znviHxPbD2iRpCBCRd+YC5HfFd2jb3XlnTKMJQ==}
-    dependencies:
-      '@unocss/core': 0.65.4
-    dev: true
-
-  /@unocss/preset-icons@0.65.4:
-    resolution: {integrity: sha512-5sSzTN72X2Ag3VH48xY1pYudeWnql9jqdMiwgZuLJcmvETBNGelXy2wGxm7tsUUEx/l40Yr04Ck8XRPGT9jLBw==}
-    dependencies:
-      '@iconify/utils': 2.2.1
-      '@unocss/core': 0.65.4
-      ofetch: 1.4.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
-  /@unocss/preset-mini@0.65.4:
-    resolution: {integrity: sha512-dcO2PzSl87qN1KdQWcfZDIKEhpdFeImWbYfiXtE7k6pi1393FJkdHEopgI/1ZciIQN1CkTvQJ5c7EpEVWftYRA==}
-    dependencies:
-      '@unocss/core': 0.65.4
-      '@unocss/extractor-arbitrary-variants': 0.65.4
-      '@unocss/rule-utils': 0.65.4
-    dev: true
-
-  /@unocss/preset-tagify@0.65.4:
-    resolution: {integrity: sha512-qll6koqdFEkvmz594vKnxj9+3nfM3ugkJxYHrTkqtwx7DAnTgtM8fInFFGZelvjwUzR3o3+Zw6uMhFkLTVTfvg==}
-    dependencies:
-      '@unocss/core': 0.65.4
-    dev: true
-
-  /@unocss/preset-typography@0.65.4:
-    resolution: {integrity: sha512-Dl940ATrviWD9Vh+4fcN0QZXb6wA7al+c7QkdVAzW7I+NtdN2ELvLcN0cY22KnLRpwztzmg52Qp2J/1QnqrLTw==}
-    dependencies:
-      '@unocss/core': 0.65.4
-      '@unocss/preset-mini': 0.65.4
-    dev: true
-
-  /@unocss/preset-uno@0.65.4:
-    resolution: {integrity: sha512-56bdBtf476i+soQCQmT36uGzcF2z+7DGCnG1hwWiw6XAbL6gmRMQsubwi1c8z8TcTQNBsOFUnOziFil0gbWufw==}
-    dependencies:
-      '@unocss/core': 0.65.4
-      '@unocss/preset-mini': 0.65.4
-      '@unocss/preset-wind': 0.65.4
-      '@unocss/rule-utils': 0.65.4
-    dev: true
-
-  /@unocss/preset-web-fonts@0.65.4:
-    resolution: {integrity: sha512-UB/MvXHUTqMNVH1bbiKZ/ZtZUI5tsYlTYAvBrnXPO1Cztuwr8hJKSi4RCfI9g+YYtKHX4uYuxUbW5bcN85gmBQ==}
-    dependencies:
-      '@unocss/core': 0.65.4
-      ofetch: 1.4.1
-    dev: true
-
-  /@unocss/preset-wind@0.65.4:
-    resolution: {integrity: sha512-0rbNbw5E8Lvh2yf4R1Mq+lxI/wL5Tm6+r+crE0uAAhCPe9kxPHW4k+x1cWKDIwq6Vudlm3cNX85N49wN5tYgdA==}
-    dependencies:
-      '@unocss/core': 0.65.4
-      '@unocss/preset-mini': 0.65.4
-      '@unocss/rule-utils': 0.65.4
-    dev: true
-
-  /@unocss/reset@0.65.4:
-    resolution: {integrity: sha512-m685H0KFvVMz6R2i5GDIFv4RS9Z7y2G8hJK7xg2OWli+7w8l2ZMihYvXKofPsst4q/ms8EgKXpWc/qqUOTucvA==}
-    dev: true
-
-  /@unocss/reset@65.4.2:
-    resolution: {integrity: sha512-Sas0lTGEgzdWKafSiT+dyhhrUOkOpPbhJYbPMgjW6Ol/tB5JXhdlCNm90Xue1wt453P8O3J4v+dQcyrdRSq0Ig==}
-    dev: false
-
-  /@unocss/rule-utils@0.65.4:
-    resolution: {integrity: sha512-+EzdJEWcqGcO6HwbBTe7vEdBRpuKkBiz4MycQeLD6GEio04T45y6VHHO7/WTqxltbO4YwwW9/s2TKRMxKtoG8g==}
-    engines: {node: '>=14'}
-    dependencies:
-      '@unocss/core': 0.65.4
-      magic-string: 0.30.17
-    dev: true
-
-  /@unocss/transformer-attributify-jsx@0.65.4:
-    resolution: {integrity: sha512-n438EzWdTKlLCOlAUSpFjmH6FflctqzIReMzMZSJDkmkorymc+C5GpjN3Nty2cKRJXIl6Vwq0oxPuB59RT+FIw==}
-    dependencies:
-      '@unocss/core': 0.65.4
-    dev: true
-
-  /@unocss/transformer-compile-class@0.65.4:
-    resolution: {integrity: sha512-n1yHDC/iIbcj/9fBUTXkSoASKfLBuRoCN7P1a0ecPc8Gu+uOGfoxafOhrlqC+tpD3hlQGoL+0h74BHSKh+L23Q==}
-    dependencies:
-      '@unocss/core': 0.65.4
-    dev: true
-
-  /@unocss/transformer-directives@0.65.4:
-    resolution: {integrity: sha512-zkoDEwzPkgXi6ohW7P11gbArwfTRMZ9knYSUYoPEltQz+UZYzeRQ85exiAmdz5MsbCAuhQEr577Kd/CWfhjEuA==}
-    dependencies:
-      '@unocss/core': 0.65.4
-      '@unocss/rule-utils': 0.65.4
-      css-tree: 3.1.0
-    dev: true
-
-  /@unocss/transformer-variant-group@0.65.4:
-    resolution: {integrity: sha512-ggO6xMGeOeoD5GHS2xXBJrYFuzqyiZ25tM0zHAMJn9QU9GIu1NwWvcXluvLCF/MRIygBJGPpAE98aEICI6ifEA==}
-    dependencies:
-      '@unocss/core': 0.65.4
-    dev: true
-
-  /@unocss/vite@0.65.4:
-    resolution: {integrity: sha512-02pRcVLfb5UUxMJwudnjS/0ZQdSlskjuXVHdpZpLBZCA8hhoru2uEOsPbUOBRNNMjDj6ld00pmgk/+im07M35Q==}
-    peerDependencies:
-      vite: ^6.0.6
-    dependencies:
-      '@ampproject/remapping': 2.3.0
-      '@rollup/pluginutils': 5.1.4(rollup@4.30.1)
-      '@unocss/config': 0.65.4
-      '@unocss/core': 0.65.4
-      '@unocss/inspector': 0.65.4
-      chokidar: 3.6.0
-      magic-string: 0.30.17
-      tinyglobby: 0.2.10
-    transitivePeerDependencies:
-      - rollup
-      - supports-color
-      - vue
-    dev: true
-
-  /@unocss/webpack@0.65.4:
-    resolution: {integrity: sha512-cnd0qnJdSxYlQ+zuF0Qad3xZk2X0/p70XLzlA4TaBZuKa2OPJOyulfJwJSqcrSc4PXYOd9B/B8nXJk8WQ1yBHQ==}
-    peerDependencies:
-      webpack: ^4 || ^5
-    dependencies:
-      '@ampproject/remapping': 2.3.0
-      '@rollup/pluginutils': 5.1.4(rollup@4.30.1)
-      '@unocss/config': 0.65.4
-      '@unocss/core': 0.65.4
-      chokidar: 3.6.0
-      magic-string: 0.30.17
-      tinyglobby: 0.2.10
-      unplugin: 2.1.2
-      webpack-sources: 3.2.3
-    transitivePeerDependencies:
-      - rollup
-      - supports-color
-    dev: true
-
-  /@vercel/nft@0.27.10(rollup@4.30.1):
+  /@vercel/nft@0.27.10(rollup@4.34.0):
     resolution: {integrity: sha512-zbaF9Wp/NsZtKLE4uVmL3FyfFwlpDyuymQM1kPbeT0mVOHKDQQNjnnfslB3REg3oZprmNFJuh3pkHBk2qAaizg==}
     engines: {node: '>=16'}
     hasBin: true
     dependencies:
-      '@mapbox/node-pre-gyp': 2.0.0-rc.0
-      '@rollup/pluginutils': 5.1.4(rollup@4.30.1)
+      '@mapbox/node-pre-gyp': 2.0.0
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.0)
       acorn: 8.14.0
       acorn-import-attributes: 1.9.5(acorn@8.14.0)
       async-sema: 3.1.1
@@ -3783,6 +3174,10 @@ packages:
       - supports-color
     dev: true
 
+  /@vicons/ionicons5@0.13.0:
+    resolution: {integrity: sha512-zvZKBPjEXKN7AXNo2Na2uy+nvuv6SP4KAMQxpKL2vfHMj0fSvuw7JZcOPCjQC3e7ayssKnaoFVAhbYcW6v41qQ==}
+    dev: false
+
   /@vite-pwa/nuxt@0.10.6:
     resolution: {integrity: sha512-yQTrMNLz2KuroEaqstHYvylT258BgYryON1tC2MQGCG8VVyWXfmYZPeffid/zCE8pkKMQpp6e9owKUyVLgT5xg==}
     peerDependencies:
@@ -3791,7 +3186,7 @@ packages:
       '@vite-pwa/assets-generator':
         optional: true
     dependencies:
-      '@nuxt/kit': 3.15.2(magicast@0.3.5)
+      '@nuxt/kit': 3.15.4(magicast@0.3.5)
       pathe: 1.1.2
       ufo: 1.5.4
       vite-plugin-pwa: 0.21.1
@@ -3803,34 +3198,34 @@ packages:
       - vite
     dev: true
 
-  /@vitejs/plugin-vue-jsx@4.1.1(vite@6.0.7)(vue@3.5.13):
+  /@vitejs/plugin-vue-jsx@4.1.1(vite@6.0.11)(vue@3.5.13):
     resolution: {integrity: sha512-uMJqv/7u1zz/9NbWAD3XdjaY20tKTf17XVfQ9zq4wY1BjsB/PjpJPMe2xiG39QpP4ZdhYNhm4Hvo66uJrykNLA==}
     engines: {node: ^18.0.0 || >=20.0.0}
     peerDependencies:
       vite: ^6.0.6
       vue: ^3.0.0
     dependencies:
-      '@babel/core': 7.26.0
-      '@babel/plugin-transform-typescript': 7.26.5(@babel/core@7.26.0)
-      '@vue/babel-plugin-jsx': 1.2.5(@babel/core@7.26.0)
-      vite: 6.0.7(@types/node@22.10.7)(jiti@2.4.2)
+      '@babel/core': 7.26.7
+      '@babel/plugin-transform-typescript': 7.26.7(@babel/core@7.26.7)
+      '@vue/babel-plugin-jsx': 1.2.5(@babel/core@7.26.7)
+      vite: 6.0.11(@types/node@22.13.0)(jiti@2.4.2)(sass@1.83.4)
       vue: 3.5.13(typescript@5.7.3)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@vitejs/plugin-vue@5.2.1(vite@6.0.7)(vue@3.5.13):
+  /@vitejs/plugin-vue@5.2.1(vite@6.0.11)(vue@3.5.13):
     resolution: {integrity: sha512-cxh314tzaWwOLqVes2gnnCtvBDcM1UMdn+iFR+UjAn411dPT3tOmqrJjbMd7koZpMAmBM/GqeV4n9ge7JSiJJQ==}
     engines: {node: ^18.0.0 || >=20.0.0}
     peerDependencies:
       vite: ^6.0.6
       vue: ^3.2.25
     dependencies:
-      vite: 6.0.7(@types/node@22.10.7)(jiti@2.4.2)
+      vite: 6.0.11(@types/node@22.13.0)(jiti@2.4.2)(sass@1.83.4)
       vue: 3.5.13(typescript@5.7.3)
     dev: true
 
-  /@vitest/eslint-plugin@1.1.25(eslint@9.18.0)(typescript@5.7.3):
+  /@vitest/eslint-plugin@1.1.25(eslint@9.19.0)(typescript@5.7.3):
     resolution: {integrity: sha512-u8DpDnMbPcqBmJOB4PeEtn6q7vKmLVTLFMpzoxSAo0hjYdl4iYSHRleqwPQo0ywc7UV0S6RKIahYRQ3BnZdMVw==}
     peerDependencies:
       '@typescript-eslint/utils': '>= 8.0'
@@ -3843,7 +3238,7 @@ packages:
       vitest:
         optional: true
     dependencies:
-      eslint: 9.18.0
+      eslint: 9.19.0
       typescript: 5.7.3
     dev: true
 
@@ -3865,8 +3260,8 @@ packages:
       vscode-uri: 3.0.8
     dev: true
 
-  /@vue-macros/common@1.15.1(vue@3.5.13):
-    resolution: {integrity: sha512-O0ZXaladWXwHplQnSjxLbB/G1KpdWCUNJPNYVHIxHonGex1BGpoB4fBZZLgddHgAiy18VZG/Iu5L0kwG+SV7JQ==}
+  /@vue-macros/common@1.16.1(vue@3.5.13):
+    resolution: {integrity: sha512-Pn/AWMTjoMYuquepLZP813BIcq8DTZiNCoaceuNlvaYuOTd8DqBZWc5u0uOMQZMInwME1mdSmmBAcTluiV9Jtg==}
     engines: {node: '>=16.14.0'}
     peerDependencies:
       vue: ^2.7.0 || ^3.2.25
@@ -3874,22 +3269,20 @@ packages:
       vue:
         optional: true
     dependencies:
-      '@babel/types': 7.26.5
-      '@rollup/pluginutils': 5.1.4(rollup@4.30.1)
       '@vue/compiler-sfc': 3.5.13
-      ast-kit: 1.3.2
-      local-pkg: 0.5.1
-      magic-string-ast: 0.6.3
+      ast-kit: 1.4.0
+      local-pkg: 1.0.0
+      magic-string-ast: 0.7.0
+      pathe: 2.0.2
+      picomatch: 4.0.2
       vue: 3.5.13(typescript@5.7.3)
-    transitivePeerDependencies:
-      - rollup
     dev: true
 
   /@vue/babel-helper-vue-transform-on@1.2.5:
     resolution: {integrity: sha512-lOz4t39ZdmU4DJAa2hwPYmKc8EsuGa2U0L9KaZaOJUt0UwQNjNA3AZTq6uEivhOKhhG1Wvy96SvYBoFmCg3uuw==}
     dev: true
 
-  /@vue/babel-plugin-jsx@1.2.5(@babel/core@7.26.0):
+  /@vue/babel-plugin-jsx@1.2.5(@babel/core@7.26.7):
     resolution: {integrity: sha512-zTrNmOd4939H9KsRIGmmzn3q2zvv1mjxkYZHgqHZgDrXz5B1Q3WyGEjO2f+JrmKghvl1JIRcvo63LgM1kH5zFg==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -3897,31 +3290,31 @@ packages:
       '@babel/core':
         optional: true
     dependencies:
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-module-imports': 7.25.9
       '@babel/helper-plugin-utils': 7.26.5
-      '@babel/plugin-syntax-jsx': 7.25.9(@babel/core@7.26.0)
+      '@babel/plugin-syntax-jsx': 7.25.9(@babel/core@7.26.7)
       '@babel/template': 7.25.9
-      '@babel/traverse': 7.26.5
-      '@babel/types': 7.26.5
+      '@babel/traverse': 7.26.7
+      '@babel/types': 7.26.7
       '@vue/babel-helper-vue-transform-on': 1.2.5
-      '@vue/babel-plugin-resolve-type': 1.2.5(@babel/core@7.26.0)
+      '@vue/babel-plugin-resolve-type': 1.2.5(@babel/core@7.26.7)
       html-tags: 3.3.1
       svg-tags: 1.0.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@vue/babel-plugin-resolve-type@1.2.5(@babel/core@7.26.0):
+  /@vue/babel-plugin-resolve-type@1.2.5(@babel/core@7.26.7):
     resolution: {integrity: sha512-U/ibkQrf5sx0XXRnUZD1mo5F7PkpKyTbfXM3a3rC4YnUz6crHEz9Jg09jzzL6QYlXNto/9CePdOg/c87O4Nlfg==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     dependencies:
       '@babel/code-frame': 7.26.2
-      '@babel/core': 7.26.0
+      '@babel/core': 7.26.7
       '@babel/helper-module-imports': 7.25.9
       '@babel/helper-plugin-utils': 7.26.5
-      '@babel/parser': 7.26.5
+      '@babel/parser': 7.26.7
       '@vue/compiler-sfc': 3.5.13
     transitivePeerDependencies:
       - supports-color
@@ -3930,7 +3323,7 @@ packages:
   /@vue/compiler-core@3.5.13:
     resolution: {integrity: sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==}
     dependencies:
-      '@babel/parser': 7.26.5
+      '@babel/parser': 7.26.7
       '@vue/shared': 3.5.13
       entities: 4.5.0
       estree-walker: 2.0.2
@@ -3947,7 +3340,7 @@ packages:
   /@vue/compiler-sfc@3.5.13:
     resolution: {integrity: sha512-6VdaljMpD82w6c2749Zhf5T9u5uLBWKnVue6XWxprDobftnletJ8+oel7sexFfM3qIxNmVE7LSFGTpv6obNyaQ==}
     dependencies:
-      '@babel/parser': 7.26.5
+      '@babel/parser': 7.26.7
       '@vue/compiler-core': 3.5.13
       '@vue/compiler-dom': 3.5.13
       '@vue/compiler-ssr': 3.5.13
@@ -3981,7 +3374,7 @@ packages:
       vue: ^3.0.0
     dependencies:
       '@vue/devtools-kit': 7.6.8
-      '@vue/devtools-shared': 7.7.0
+      '@vue/devtools-shared': 7.7.1
       mitt: 3.0.1
       nanoid: 5.0.9
       pathe: 1.1.2
@@ -3994,7 +3387,7 @@ packages:
   /@vue/devtools-kit@7.6.8:
     resolution: {integrity: sha512-JhJ8M3sPU+v0P2iZBF2DkdmR9L0dnT5RXJabJqX6o8KtFs3tebdvfoXV2Dm3BFuqeECuMJIfF1aCzSt+WQ4wrw==}
     dependencies:
-      '@vue/devtools-shared': 7.7.0
+      '@vue/devtools-shared': 7.7.1
       birpc: 0.2.19
       hookable: 5.5.3
       mitt: 3.0.1
@@ -4003,8 +3396,8 @@ packages:
       superjson: 2.2.2
     dev: true
 
-  /@vue/devtools-shared@7.7.0:
-    resolution: {integrity: sha512-jtlQY26R5thQxW9YQTpXbI0HoK0Wf9Rd4ekidOkRvSy7ChfK0kIU6vvcBtjj87/EcpeOSK49fZAicaFNJcoTcQ==}
+  /@vue/devtools-shared@7.7.1:
+    resolution: {integrity: sha512-BtgF7kHq4BHG23Lezc/3W2UhK2ga7a8ohAIAGJMBr4BkxUFzhqntQtCiuL1ijo2ztWnmusymkirgqUrXoQKumA==}
     dependencies:
       rfdc: 1.4.1
     dev: true
@@ -4064,31 +3457,31 @@ packages:
     resolution: {integrity: sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==}
     dev: true
 
-  /@vueuse/core@12.4.0(typescript@5.7.3):
-    resolution: {integrity: sha512-XnjQYcJwCsyXyIafyA6SvyN/OBtfPnjvJmbxNxQjCcyWD198urwm5TYvIUUyAxEAN0K7HJggOgT15cOlWFyLeA==}
+  /@vueuse/core@12.5.0(typescript@5.7.3):
+    resolution: {integrity: sha512-GVyH1iYqNANwcahAx8JBm6awaNgvR/SwZ1fjr10b8l1HIgDp82ngNbfzJUgOgWEoxjL+URAggnlilAEXwCOZtg==}
     dependencies:
       '@types/web-bluetooth': 0.0.20
-      '@vueuse/metadata': 12.4.0
-      '@vueuse/shared': 12.4.0(typescript@5.7.3)
+      '@vueuse/metadata': 12.5.0
+      '@vueuse/shared': 12.5.0(typescript@5.7.3)
       vue: 3.5.13(typescript@5.7.3)
     transitivePeerDependencies:
       - typescript
     dev: true
 
-  /@vueuse/metadata@12.4.0:
-    resolution: {integrity: sha512-AhPuHs/qtYrKHUlEoNO6zCXufu8OgbR8S/n2oMw1OQuBQJ3+HOLQ+EpvXs+feOlZMa0p8QVvDWNlmcJJY8rW2g==}
+  /@vueuse/metadata@12.5.0:
+    resolution: {integrity: sha512-Ui7Lo2a7AxrMAXRF+fAp9QsXuwTeeZ8fIB9wsLHqzq9MQk+2gMYE2IGJW48VMJ8ecvCB3z3GsGLKLbSasQ5Qlg==}
     dev: true
 
-  /@vueuse/nuxt@12.4.0(nuxt@3.15.2)(typescript@5.7.3):
-    resolution: {integrity: sha512-3T4YTIxbScSfYPF6+EodL04b54CtaKwaPg+BQcod1BDa3j0afxbDlhqWv7uobacLR5xYWy+hITnmgT+TJQsdWA==}
+  /@vueuse/nuxt@12.5.0(nuxt@3.15.4)(typescript@5.7.3):
+    resolution: {integrity: sha512-daqSOlXv5ilAiT5GlRBtfqdkYjeMO9P6n50OpbEVm9hXmfXmZoXK3YMND8l5n5KcscD4pnD66IrYPqqOW5eH1Q==}
     peerDependencies:
       nuxt: ^3.0.0
     dependencies:
-      '@nuxt/kit': 3.15.2(magicast@0.3.5)
-      '@vueuse/core': 12.4.0(typescript@5.7.3)
-      '@vueuse/metadata': 12.4.0
+      '@nuxt/kit': 3.15.4(magicast@0.3.5)
+      '@vueuse/core': 12.5.0(typescript@5.7.3)
+      '@vueuse/metadata': 12.5.0
       local-pkg: 1.0.0
-      nuxt: 3.15.2(@types/node@22.10.7)(eslint@9.18.0)(typescript@5.7.3)(vue-tsc@2.2.0)
+      nuxt: 3.15.4(@types/node@22.13.0)(eslint@9.19.0)(sass@1.83.4)(typescript@5.7.3)(vue-tsc@2.2.0)
       vue: 3.5.13(typescript@5.7.3)
     transitivePeerDependencies:
       - magicast
@@ -4097,17 +3490,17 @@ packages:
       - typescript
     dev: true
 
-  /@vueuse/shared@12.4.0(typescript@5.7.3):
-    resolution: {integrity: sha512-9yLgbHVIF12OSCojnjTIoZL1+UA10+O4E1aD6Hpfo/DKVm5o3SZIwz6CupqGy3+IcKI8d6Jnl26EQj/YucnW0Q==}
+  /@vueuse/shared@12.5.0(typescript@5.7.3):
+    resolution: {integrity: sha512-vMpcL1lStUU6O+kdj6YdHDixh0odjPAUM15uJ9f7MY781jcYkIwFA4iv2EfoIPO6vBmvutI1HxxAwmf0cx5ISQ==}
     dependencies:
       vue: 3.5.13(typescript@5.7.3)
     transitivePeerDependencies:
       - typescript
     dev: true
 
-  /abbrev@2.0.0:
-    resolution: {integrity: sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==}
-    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+  /abbrev@3.0.0:
+    resolution: {integrity: sha512-+/kfrslGQ7TNV2ecmQwMJj/B65g5KVq1/L3SGVZ3tCYGqlzFuFCGBZJtMP99wH3NpEUyAjn0zPdPUg0D+DwrOA==}
+    engines: {node: ^18.17.0 || >=20.5.0}
     dev: true
 
   /abort-controller@3.0.0:
@@ -4164,7 +3557,7 @@ packages:
     resolution: {integrity: sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==}
     dependencies:
       fast-deep-equal: 3.1.3
-      fast-uri: 3.0.5
+      fast-uri: 3.0.6
       json-schema-traverse: 1.0.0
       require-from-string: 2.0.2
     dev: true
@@ -4279,20 +3672,25 @@ packages:
       is-array-buffer: 3.0.5
     dev: true
 
-  /ast-kit@1.3.2:
-    resolution: {integrity: sha512-gdvX700WVC6sHCJQ7bJGfDvtuKAh6Sa6weIZROxfzUZKP7BjvB8y0SMlM/o4omSQ3L60PQSJROBJsb0vEViVnA==}
+  /ast-kit@1.4.0:
+    resolution: {integrity: sha512-BlGeOw73FDsX7z0eZE/wuuafxYoek2yzNJ6l6A1nsb4+z/p87TOPbHaWuN53kFKNuUXiCQa2M+xLF71IqQmRSw==}
     engines: {node: '>=16.14.0'}
     dependencies:
-      '@babel/parser': 7.26.5
-      pathe: 1.1.2
+      '@babel/parser': 7.26.7
+      pathe: 2.0.2
     dev: true
 
   /ast-walker-scope@0.6.2:
     resolution: {integrity: sha512-1UWOyC50xI3QZkRuDj6PqDtpm1oHWtYs+NQGwqL/2R11eN3Q81PHAHPM0SWW3BNQm53UDwS//Jv8L4CCVLM1bQ==}
     engines: {node: '>=16.14.0'}
     dependencies:
-      '@babel/parser': 7.26.5
-      ast-kit: 1.3.2
+      '@babel/parser': 7.26.7
+      ast-kit: 1.4.0
+    dev: true
+
+  /async-function@1.0.0:
+    resolution: {integrity: sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==}
+    engines: {node: '>= 0.4'}
     dev: true
 
   /async-sema@3.1.1:
@@ -4330,7 +3728,7 @@ packages:
       postcss: ^8.1.0
     dependencies:
       browserslist: 4.24.4
-      caniuse-lite: 1.0.30001692
+      caniuse-lite: 1.0.30001696
       fraction.js: 4.3.7
       normalize-range: 0.1.2
       picocolors: 1.1.1
@@ -4359,38 +3757,38 @@ packages:
     resolution: {integrity: sha512-OnAYlL5b7LEkALw87fUVafQw5rVR9RjwGd4KUwNQ6DrrNmaVaUCgLipfVlzrPQ4tWOR9P0IXGNOx50jYCCdSJg==}
     dev: true
 
-  /babel-plugin-polyfill-corejs2@0.4.12(@babel/core@7.26.0):
+  /babel-plugin-polyfill-corejs2@0.4.12(@babel/core@7.26.7):
     resolution: {integrity: sha512-CPWT6BwvhrTO2d8QVorhTCQw9Y43zOu7G9HigcfxvepOU6b8o3tcWad6oVgZIsZCTt42FFv97aA7ZJsbM4+8og==}
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
     dependencies:
       '@babel/compat-data': 7.26.5
-      '@babel/core': 7.26.0
-      '@babel/helper-define-polyfill-provider': 0.6.3(@babel/core@7.26.0)
+      '@babel/core': 7.26.7
+      '@babel/helper-define-polyfill-provider': 0.6.3(@babel/core@7.26.7)
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /babel-plugin-polyfill-corejs3@0.10.6(@babel/core@7.26.0):
+  /babel-plugin-polyfill-corejs3@0.10.6(@babel/core@7.26.7):
     resolution: {integrity: sha512-b37+KR2i/khY5sKmWNVQAnitvquQbNdWy6lJdsr0kmquCKEEUgMKK4SboVM3HtfnZilfjr4MMQ7vY58FVWDtIA==}
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
     dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-define-polyfill-provider': 0.6.3(@babel/core@7.26.0)
+      '@babel/core': 7.26.7
+      '@babel/helper-define-polyfill-provider': 0.6.3(@babel/core@7.26.7)
       core-js-compat: 3.40.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /babel-plugin-polyfill-regenerator@0.6.3(@babel/core@7.26.0):
+  /babel-plugin-polyfill-regenerator@0.6.3(@babel/core@7.26.7):
     resolution: {integrity: sha512-LiWSbl4CRSIa5x/JAU6jZiG9eit9w6mz+yVMFwDE83LAWvt0AfGBoZ7HS/mkhrKuh2ZlzfVZYKoLjXdqw6Yt7Q==}
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
     dependencies:
-      '@babel/core': 7.26.0
-      '@babel/helper-define-polyfill-provider': 0.6.3(@babel/core@7.26.0)
+      '@babel/core': 7.26.7
+      '@babel/helper-define-polyfill-provider': 0.6.3(@babel/core@7.26.7)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -4452,8 +3850,8 @@ packages:
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
-      caniuse-lite: 1.0.30001692
-      electron-to-chromium: 1.5.83
+      caniuse-lite: 1.0.30001696
+      electron-to-chromium: 1.5.90
       node-releases: 2.0.19
       update-browserslist-db: 1.1.2(browserslist@4.24.4)
 
@@ -4507,7 +3905,7 @@ packages:
       confbox: 0.1.8
       defu: 6.1.4
       dotenv: 16.4.7
-      giget: 1.2.3
+      giget: 1.2.4
       jiti: 2.4.2
       magicast: 0.3.5
       mlly: 1.7.4
@@ -4570,13 +3968,13 @@ packages:
     resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
     dependencies:
       browserslist: 4.24.4
-      caniuse-lite: 1.0.30001692
+      caniuse-lite: 1.0.30001696
       lodash.memoize: 4.1.2
       lodash.uniq: 4.5.0
     dev: true
 
-  /caniuse-lite@1.0.30001692:
-    resolution: {integrity: sha512-A95VKan0kdtrsnMubMKxEKUKImOPSuCpYgxSQBo036P5YYgVIcOYJEgt/txJWqObiRQeISNCfef9nvlQ0vbV7A==}
+  /caniuse-lite@1.0.30001696:
+    resolution: {integrity: sha512-pDCPkvzfa39ehJtJ+OwGT/2yvT2SbjfHhiIW2LWOAcMQ7BzwxT/XuyUp4OTOd0XFWA6BKw0JalnBHgSi5DGJBQ==}
 
   /ccount@2.0.1:
     resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
@@ -4692,10 +4090,6 @@ packages:
     resolution: {integrity: sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g==}
     dev: true
 
-  /colorette@2.0.20:
-    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
-    dev: true
-
   /combined-stream@1.0.8:
     resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
     engines: {node: '>= 0.8'}
@@ -4830,8 +4224,8 @@ packages:
     engines: {node: '>=18.0'}
     dev: true
 
-  /cronstrue@2.53.0:
-    resolution: {integrity: sha512-CkAcaI94xL8h6N7cGxgXfR5D7oV2yVtDzB9vMZP8tIgPyEv/oc/7nq9rlk7LMxvc3N+q6LKZmNLCVxJRpyEg8A==}
+  /cronstrue@2.54.0:
+    resolution: {integrity: sha512-vyp5NklDxA5MjPfQgkn0bA+0vRQe7Q9keX7RPdV6rMgd7LtDvbuKgnT+3T5ZAX16anSP5HmahcRp8mziXsLfaw==}
     hasBin: true
     dev: true
 
@@ -4842,9 +4236,10 @@ packages:
       path-key: 3.1.1
       shebang-command: 2.0.0
       which: 2.0.2
+    dev: true
 
-  /crossws@0.3.1:
-    resolution: {integrity: sha512-HsZgeVYaG+b5zA+9PbIPGq4+J/CJynJuearykPsXx4V/eMhyQ5EDVg3Ak2FBZtVXCiOLu/U7IiwDHTr9MA+IKw==}
+  /crossws@0.3.3:
+    resolution: {integrity: sha512-/71DJT3xJlqSnBr83uGJesmVHSzZEvgxHt/fIKxBAAngqMHmnBWQNxCphVxxJ2XL3xleu5+hJD6IQ3TglBedcw==}
     dependencies:
       uncrypto: 0.1.3
     dev: true
@@ -4895,14 +4290,6 @@ packages:
       source-map-js: 1.2.1
     dev: true
 
-  /css-tree@3.1.0:
-    resolution: {integrity: sha512-0eW44TGN5SQXU1mWSkKwFstI/22X2bG1nYzZTYMAWjylYURhse752YgbE4Cx46AC+bAvI+/dYTPRk1LqSUnu6w==}
-    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
-    dependencies:
-      mdn-data: 2.12.2
-      source-map-js: 1.2.1
-    dev: true
-
   /css-what@6.1.0:
     resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
     engines: {node: '>= 6'}
@@ -4924,7 +4311,7 @@ packages:
       css-declaration-sorter: 7.2.0(postcss@8.5.1)
       cssnano-utils: 5.0.0(postcss@8.5.1)
       postcss: 8.5.1
-      postcss-calc: 10.1.0(postcss@8.5.1)
+      postcss-calc: 10.1.1(postcss@8.5.1)
       postcss-colormin: 7.0.2(postcss@8.5.1)
       postcss-convert-values: 7.0.4(postcss@8.5.1)
       postcss-discard-comments: 7.0.3(postcss@8.5.1)
@@ -5025,14 +4412,15 @@ packages:
     resolution: {integrity: sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==}
     dev: false
 
-  /db0@0.2.1:
-    resolution: {integrity: sha512-BWSFmLaCkfyqbSEZBQINMVNjCVfrogi7GQ2RSy1tmtfK9OXlsup6lUMwLsqSD7FbAjD04eWFdXowSHHUp6SE/Q==}
+  /db0@0.2.3:
+    resolution: {integrity: sha512-PunuHESDNefmwVy1LDpY663uWwKt2ogLGoB6NOz2sflGREWqDreMwDgF8gfkXxgNXW+dqviyiJGm924H1BaGiw==}
     peerDependencies:
       '@electric-sql/pglite': '*'
       '@libsql/client': '*'
       better-sqlite3: '*'
       drizzle-orm: '*'
       mysql2: '*'
+      sqlite3: '*'
     peerDependenciesMeta:
       '@electric-sql/pglite':
         optional: true
@@ -5044,6 +4432,8 @@ packages:
         optional: true
       mysql2:
         optional: true
+      sqlite3:
+        optional: true
     dev: true
 
   /de-indent@1.0.2:
@@ -5191,6 +4581,7 @@ packages:
     resolution: {integrity: sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==}
     engines: {node: '>=0.10'}
     hasBin: true
+    requiresBuild: true
     dev: true
 
   /detect-libc@2.0.3:
@@ -5259,7 +4650,7 @@ packages:
     resolution: {integrity: sha512-1gxPBJpI/pcjQhKgIU91II6Wkay+dLcN3M6rf2uwP8hRur3HtQXjVrdAK3sjC0piaEuxzMwjXChcETiJl47lAQ==}
     engines: {node: '>=18'}
     dependencies:
-      type-fest: 4.32.0
+      type-fest: 4.33.0
     dev: true
 
   /dotenv@16.4.7:
@@ -5295,8 +4686,8 @@ packages:
       jake: 10.9.2
     dev: true
 
-  /electron-to-chromium@1.5.83:
-    resolution: {integrity: sha512-LcUDPqSt+V0QmI47XLzZrz5OqILSMGsPFkDYus22rIbgorSvBYEFqq854ltTmUdHkY92FSdAAvsh4jWEULMdfQ==}
+  /electron-to-chromium@1.5.90:
+    resolution: {integrity: sha512-C3PN4aydfW91Natdyd449Kw+BzhLmof6tzy5W1pFC5SpQxVXT+oyiyOG9AgYYSN9OdA/ik3YkCrpwqI8ug5Tug==}
 
   /emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
@@ -5440,38 +4831,6 @@ packages:
       is-symbol: 1.1.1
     dev: true
 
-  /esbuild@0.23.1:
-    resolution: {integrity: sha512-VVNz/9Sa0bs5SELtn3f7qhJCDPCF5oMEl5cO9/SSinpE9hbPVvxbd572HH5AKiP7WD8INO53GgfDDhRjkylHEg==}
-    engines: {node: '>=18'}
-    hasBin: true
-    requiresBuild: true
-    optionalDependencies:
-      '@esbuild/aix-ppc64': 0.23.1
-      '@esbuild/android-arm': 0.23.1
-      '@esbuild/android-arm64': 0.23.1
-      '@esbuild/android-x64': 0.23.1
-      '@esbuild/darwin-arm64': 0.23.1
-      '@esbuild/darwin-x64': 0.23.1
-      '@esbuild/freebsd-arm64': 0.23.1
-      '@esbuild/freebsd-x64': 0.23.1
-      '@esbuild/linux-arm': 0.23.1
-      '@esbuild/linux-arm64': 0.23.1
-      '@esbuild/linux-ia32': 0.23.1
-      '@esbuild/linux-loong64': 0.23.1
-      '@esbuild/linux-mips64el': 0.23.1
-      '@esbuild/linux-ppc64': 0.23.1
-      '@esbuild/linux-riscv64': 0.23.1
-      '@esbuild/linux-s390x': 0.23.1
-      '@esbuild/linux-x64': 0.23.1
-      '@esbuild/netbsd-x64': 0.23.1
-      '@esbuild/openbsd-arm64': 0.23.1
-      '@esbuild/openbsd-x64': 0.23.1
-      '@esbuild/sunos-x64': 0.23.1
-      '@esbuild/win32-arm64': 0.23.1
-      '@esbuild/win32-ia32': 0.23.1
-      '@esbuild/win32-x64': 0.23.1
-    dev: true
-
   /esbuild@0.24.2:
     resolution: {integrity: sha512-+9egpBW8I3CD5XPe0n6BfT5fxLzxrlDzqydF3aviG+9ni1lDC/OvMHcxqEFV0+LANZG5R1bFMWfUrjVsdwxJvA==}
     engines: {node: '>=18'}
@@ -5527,57 +4886,62 @@ packages:
     resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
     engines: {node: '>=12'}
 
-  /eslint-compat-utils@0.5.1(eslint@9.18.0):
+  /eslint-compat-utils@0.5.1(eslint@9.19.0):
     resolution: {integrity: sha512-3z3vFexKIEnjHE3zCMRo6fn/e44U7T1khUjg+Hp0ZQMCigh28rALD0nPFBcGZuiLC5rLZa2ubQHDRln09JfU2Q==}
     engines: {node: '>=12'}
     peerDependencies:
       eslint: '>=6.0.0'
     dependencies:
-      eslint: 9.18.0
-      semver: 7.6.3
+      eslint: 9.19.0
+      semver: 7.7.0
     dev: true
 
-  /eslint-compat-utils@0.6.4(eslint@9.18.0):
+  /eslint-compat-utils@0.6.4(eslint@9.19.0):
     resolution: {integrity: sha512-/u+GQt8NMfXO8w17QendT4gvO5acfxQsAKirAt0LVxDnr2N8YLCVbregaNc/Yhp7NM128DwCaRvr8PLDfeNkQw==}
     engines: {node: '>=12'}
     peerDependencies:
       eslint: '>=6.0.0'
     dependencies:
-      eslint: 9.18.0
-      semver: 7.6.3
+      eslint: 9.19.0
+      semver: 7.7.0
     dev: true
 
-  /eslint-config-flat-gitignore@0.2.0(eslint@9.18.0):
+  /eslint-config-flat-gitignore@0.2.0(eslint@9.19.0):
     resolution: {integrity: sha512-s4lsQLYX+76FCt3PZPwdLwWlqssa5SLufl2gopFmCo3PETOLY3OW5IrD3/l2R0FfYEJvd9BRJ19yJ+yfc5oW3g==}
     dependencies:
-      '@eslint/compat': 1.2.5(eslint@9.18.0)
+      '@eslint/compat': 1.2.6(eslint@9.19.0)
       find-up-simple: 1.0.0
     transitivePeerDependencies:
       - eslint
     dev: true
 
-  /eslint-config-flat-gitignore@1.0.0(eslint@9.18.0):
-    resolution: {integrity: sha512-EWpSLrAP80IdcYK5sIhq/qAY0pmUdBnbzqzpE3QAn6H6wLBN26cMRoMNU9Di8upTzUSL6TXeYRxWhTYuz8+UQA==}
+  /eslint-config-flat-gitignore@1.0.1(eslint@9.19.0):
+    resolution: {integrity: sha512-wjBmJ8TAb67G2or/gBp/H62uCIkDCjpCmlGPSG41/7QagUjMgh+iegVB3gY8eNYhTAmecjKtclT4wGAjHz5yWA==}
     peerDependencies:
       eslint: ^9.5.0
     dependencies:
-      '@eslint/compat': 1.2.5(eslint@9.18.0)
-      eslint: 9.18.0
-      find-up-simple: 1.0.0
+      '@eslint/compat': 1.2.6(eslint@9.19.0)
+      eslint: 9.19.0
     dev: true
 
-  /eslint-flat-config-utils@1.0.0:
-    resolution: {integrity: sha512-tmzcXeCsa24/u3glyw1Mo7KfC/r9a5Vsu1nPCkX7uefD7C5Z4x922Q2KP/drhTLbOI5lcFHYpfXjKhqqnUWObw==}
+  /eslint-flat-config-utils@1.1.0:
+    resolution: {integrity: sha512-W49wz7yQJGRfg4QSV3nwdO/fYcWetiSKhLV5YykfQMcqnIATNpoS7EPdINhLB9P3fmdjNmFtOgZjiKnCndWAnw==}
     dependencies:
-      pathe: 2.0.1
+      pathe: 2.0.2
     dev: true
 
-  /eslint-formatting-reporter@0.0.0(eslint@9.18.0):
+  /eslint-flat-config-utils@2.0.0:
+    resolution: {integrity: sha512-AbpYwI9FBmjF6BQ8UcaDCrM750DWEB6UJzEjQEg+iWFP6UX9rGsUGJlMf7sWbW3dOA0klUEwmWGZa5FoynXU/w==}
+    dependencies:
+      pathe: 2.0.2
+    dev: true
+
+  /eslint-formatting-reporter@0.0.0(eslint@9.19.0):
     resolution: {integrity: sha512-k9RdyTqxqN/wNYVaTk/ds5B5rA8lgoAmvceYN7bcZMBwU7TuXx5ntewJv81eF3pIL/CiJE+pJZm36llG8yhyyw==}
     peerDependencies:
       eslint: '>=8.40.0'
     dependencies:
-      eslint: 9.18.0
+      eslint: 9.19.0
       prettier-linter-helpers: 1.0.0
     dev: true
 
@@ -5591,7 +4955,7 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-json-compat-utils@0.2.1(eslint@9.18.0)(jsonc-eslint-parser@2.4.0):
+  /eslint-json-compat-utils@0.2.1(eslint@9.19.0)(jsonc-eslint-parser@2.4.0):
     resolution: {integrity: sha512-YzEodbDyW8DX8bImKhAcCeu/L31Dd/70Bidx2Qex9OFUtgzXLqtfWL4Hr5fM/aCCB8QUZLuJur0S9k6UfgFkfg==}
     engines: {node: '>=12'}
     peerDependencies:
@@ -5602,54 +4966,54 @@ packages:
       '@eslint/json':
         optional: true
     dependencies:
-      eslint: 9.18.0
+      eslint: 9.19.0
       esquery: 1.6.0
       jsonc-eslint-parser: 2.4.0
     dev: true
 
-  /eslint-merge-processors@1.0.0(eslint@9.18.0):
+  /eslint-merge-processors@1.0.0(eslint@9.19.0):
     resolution: {integrity: sha512-4GybyHmhXtT7/W8RAouQzNM0791sYasJCTYHIAYjuiJvbNFY0jMKkoESREhX+mjX37dxiN6v4EqhZ1nc0tJF7A==}
     peerDependencies:
       eslint: '*'
     dependencies:
-      eslint: 9.18.0
+      eslint: 9.19.0
     dev: true
 
   /eslint-parser-plain@0.1.1:
     resolution: {integrity: sha512-KRgd6wuxH4U8kczqPp+Oyk4irThIhHWxgFgLDtpgjUGVIS3wGrJntvZW/p6hHq1T4FOwnOtCNkvAI4Kr+mQ/Hw==}
     dev: true
 
-  /eslint-plugin-antfu@2.7.0(eslint@9.18.0):
+  /eslint-plugin-antfu@2.7.0(eslint@9.19.0):
     resolution: {integrity: sha512-gZM3jq3ouqaoHmUNszb1Zo2Ux7RckSvkGksjLWz9ipBYGSv1EwwBETN6AdiUXn+RpVHXTbEMPAPlXJazcA6+iA==}
     peerDependencies:
       eslint: '*'
     dependencies:
       '@antfu/utils': 0.7.10
-      eslint: 9.18.0
+      eslint: 9.19.0
     dev: true
 
-  /eslint-plugin-command@2.1.0(eslint@9.18.0):
+  /eslint-plugin-command@2.1.0(eslint@9.19.0):
     resolution: {integrity: sha512-S3gvDSCRHLdRG7NYaevLvGA0g/txOju7NEB2di7SE80NtbCwsvpi/fft045YuTZpOzqCRUfuye39raldmpXXYQ==}
     peerDependencies:
       eslint: '*'
     dependencies:
       '@es-joy/jsdoccomment': 0.50.0
-      eslint: 9.18.0
+      eslint: 9.19.0
     dev: true
 
-  /eslint-plugin-es-x@7.8.0(eslint@9.18.0):
+  /eslint-plugin-es-x@7.8.0(eslint@9.19.0):
     resolution: {integrity: sha512-7Ds8+wAAoV3T+LAKeu39Y5BzXCrGKrcISfgKEqTS4BDN8SFEDQd0S43jiQ8vIa3wUKD07qitZdfzlenSi8/0qQ==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
       eslint: '>=8'
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.1(eslint@9.18.0)
+      '@eslint-community/eslint-utils': 4.4.1(eslint@9.19.0)
       '@eslint-community/regexpp': 4.12.1
-      eslint: 9.18.0
-      eslint-compat-utils: 0.5.1(eslint@9.18.0)
+      eslint: 9.19.0
+      eslint-compat-utils: 0.5.1(eslint@9.19.0)
     dev: true
 
-  /eslint-plugin-format@0.1.3(eslint@9.18.0):
+  /eslint-plugin-format@0.1.3(eslint@9.19.0):
     resolution: {integrity: sha512-vTmshuv1iMfmcM1HADnyhae5MBBGlJZBZyZ+ybtXCEzRe3nRhUvLX+6rAvsEfcdK6a2pqpLs/F530dXKvfQqYQ==}
     peerDependencies:
       eslint: ^8.40.0 || ^9.0.0
@@ -5657,31 +5021,31 @@ packages:
       '@dprint/formatter': 0.3.0
       '@dprint/markdown': 0.17.8
       '@dprint/toml': 0.6.4
-      eslint: 9.18.0
-      eslint-formatting-reporter: 0.0.0(eslint@9.18.0)
+      eslint: 9.19.0
+      eslint-formatting-reporter: 0.0.0(eslint@9.19.0)
       eslint-parser-plain: 0.1.1
       prettier: 3.4.2
       synckit: 0.9.2
     dev: true
 
-  /eslint-plugin-import-x@4.6.1(eslint@9.18.0)(typescript@5.7.3):
+  /eslint-plugin-import-x@4.6.1(eslint@9.19.0)(typescript@5.7.3):
     resolution: {integrity: sha512-wluSUifMIb7UfwWXqx7Yx0lE/SGCcGXECLx/9bCmbY2nneLwvAZ4vkd1IXDjPKFvdcdUgr1BaRnaRpx3k2+Pfw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
     dependencies:
       '@types/doctrine': 0.0.9
-      '@typescript-eslint/scope-manager': 8.20.0
-      '@typescript-eslint/utils': 8.20.0(eslint@9.18.0)(typescript@5.7.3)
+      '@typescript-eslint/scope-manager': 8.22.0
+      '@typescript-eslint/utils': 8.22.0(eslint@9.19.0)(typescript@5.7.3)
       debug: 4.4.0(supports-color@9.4.0)
       doctrine: 3.0.0
       enhanced-resolve: 5.18.0
-      eslint: 9.18.0
+      eslint: 9.19.0
       eslint-import-resolver-node: 0.3.9
-      get-tsconfig: 4.8.1
+      get-tsconfig: 4.10.0
       is-glob: 4.0.3
       minimatch: 9.0.5
-      semver: 7.6.3
+      semver: 7.7.0
       stable-hash: 0.0.4
       tslib: 2.8.1
     transitivePeerDependencies:
@@ -5689,8 +5053,8 @@ packages:
       - typescript
     dev: true
 
-  /eslint-plugin-jsdoc@50.6.1(eslint@9.18.0):
-    resolution: {integrity: sha512-UWyaYi6iURdSfdVVqvfOs2vdCVz0J40O/z/HTsv2sFjdjmdlUI/qlKLOTmwbPQ2tAfQnE5F9vqx+B+poF71DBQ==}
+  /eslint-plugin-jsdoc@50.6.3(eslint@9.19.0):
+    resolution: {integrity: sha512-NxbJyt1M5zffPcYZ8Nb53/8nnbIScmiLAMdoe0/FAszwb7lcSiX3iYBTsuF7RV84dZZJC8r3NghomrUXsmWvxQ==}
     engines: {node: '>=18'}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0 || ^9.0.0
@@ -5700,27 +5064,27 @@ packages:
       comment-parser: 1.4.1
       debug: 4.4.0(supports-color@9.4.0)
       escape-string-regexp: 4.0.0
-      eslint: 9.18.0
+      eslint: 9.19.0
       espree: 10.3.0
       esquery: 1.6.0
       parse-imports: 2.2.1
-      semver: 7.6.3
+      semver: 7.7.0
       spdx-expression-parse: 4.0.0
       synckit: 0.9.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /eslint-plugin-jsonc@2.18.2(eslint@9.18.0):
-    resolution: {integrity: sha512-SDhJiSsWt3nItl/UuIv+ti4g3m4gpGkmnUJS9UWR3TrpyNsIcnJoBRD7Kof6cM4Rk3L0wrmY5Tm3z7ZPjR2uGg==}
+  /eslint-plugin-jsonc@2.19.1(eslint@9.19.0):
+    resolution: {integrity: sha512-MmlAOaZK1+Lg7YoCZPGRjb88ZjT+ct/KTsvcsbZdBm+w8WMzGx+XEmexk0m40P1WV9G2rFV7X3klyRGRpFXEjA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '>=6.0.0'
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.1(eslint@9.18.0)
-      eslint: 9.18.0
-      eslint-compat-utils: 0.6.4(eslint@9.18.0)
-      eslint-json-compat-utils: 0.2.1(eslint@9.18.0)(jsonc-eslint-parser@2.4.0)
+      '@eslint-community/eslint-utils': 4.4.1(eslint@9.19.0)
+      eslint: 9.19.0
+      eslint-compat-utils: 0.6.4(eslint@9.19.0)
+      eslint-json-compat-utils: 0.2.1(eslint@9.19.0)(jsonc-eslint-parser@2.4.0)
       espree: 9.6.1
       graphemer: 1.4.0
       jsonc-eslint-parser: 2.4.0
@@ -5730,21 +5094,21 @@ packages:
       - '@eslint/json'
     dev: true
 
-  /eslint-plugin-n@17.15.1(eslint@9.18.0):
+  /eslint-plugin-n@17.15.1(eslint@9.19.0):
     resolution: {integrity: sha512-KFw7x02hZZkBdbZEFQduRGH4VkIH4MW97ClsbAM4Y4E6KguBJWGfWG1P4HEIpZk2bkoWf0bojpnjNAhYQP8beA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: '>=8.23.0'
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.1(eslint@9.18.0)
+      '@eslint-community/eslint-utils': 4.4.1(eslint@9.19.0)
       enhanced-resolve: 5.18.0
-      eslint: 9.18.0
-      eslint-plugin-es-x: 7.8.0(eslint@9.18.0)
-      get-tsconfig: 4.8.1
+      eslint: 9.19.0
+      eslint-plugin-es-x: 7.8.0(eslint@9.19.0)
+      get-tsconfig: 4.10.0
       globals: 15.14.0
       ignore: 5.3.2
       minimatch: 9.0.5
-      semver: 7.6.3
+      semver: 7.7.0
     dev: true
 
   /eslint-plugin-no-only-tests@3.3.0:
@@ -5752,64 +5116,64 @@ packages:
     engines: {node: '>=5.0.0'}
     dev: true
 
-  /eslint-plugin-perfectionist@4.6.0(eslint@9.18.0)(typescript@5.7.3):
-    resolution: {integrity: sha512-kOswTebUK0LlYExRwqz7YQtvyTUIRsKfp8XrwBBeHGh2e8MBOS6K+7VvG6HpmNckyKySi1I96uPeAlptMFGcRQ==}
+  /eslint-plugin-perfectionist@4.7.0(eslint@9.19.0)(typescript@5.7.3):
+    resolution: {integrity: sha512-e2ODzm2SsAztFWY3ZRJd1K702vyl8Sapacjc3JluOW294CfA3+jfjin+UxjcrK48EvlNIMOp+JJB9N54YR2LRw==}
     engines: {node: ^18.0.0 || >=20.0.0}
     peerDependencies:
       eslint: '>=8.0.0'
     dependencies:
-      '@typescript-eslint/types': 8.20.0
-      '@typescript-eslint/utils': 8.20.0(eslint@9.18.0)(typescript@5.7.3)
-      eslint: 9.18.0
+      '@typescript-eslint/types': 8.22.0
+      '@typescript-eslint/utils': 8.22.0(eslint@9.19.0)(typescript@5.7.3)
+      eslint: 9.19.0
       natural-orderby: 5.0.0
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  /eslint-plugin-regexp@2.7.0(eslint@9.18.0):
+  /eslint-plugin-regexp@2.7.0(eslint@9.19.0):
     resolution: {integrity: sha512-U8oZI77SBtH8U3ulZ05iu0qEzIizyEDXd+BWHvyVxTOjGwcDcvy/kEpgFG4DYca2ByRLiVPFZ2GeH7j1pdvZTA==}
     engines: {node: ^18 || >=20}
     peerDependencies:
       eslint: '>=8.44.0'
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.1(eslint@9.18.0)
+      '@eslint-community/eslint-utils': 4.4.1(eslint@9.19.0)
       '@eslint-community/regexpp': 4.12.1
       comment-parser: 1.4.1
-      eslint: 9.18.0
+      eslint: 9.19.0
       jsdoc-type-pratt-parser: 4.1.0
       refa: 0.12.1
       regexp-ast-analysis: 0.7.1
       scslre: 0.3.0
     dev: true
 
-  /eslint-plugin-toml@0.12.0(eslint@9.18.0):
+  /eslint-plugin-toml@0.12.0(eslint@9.19.0):
     resolution: {integrity: sha512-+/wVObA9DVhwZB1nG83D2OAQRrcQZXy+drqUnFJKymqnmbnbfg/UPmEMCKrJNcEboUGxUjYrJlgy+/Y930mURQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '>=6.0.0'
     dependencies:
       debug: 4.4.0(supports-color@9.4.0)
-      eslint: 9.18.0
-      eslint-compat-utils: 0.6.4(eslint@9.18.0)
+      eslint: 9.19.0
+      eslint-compat-utils: 0.6.4(eslint@9.19.0)
       lodash: 4.17.21
       toml-eslint-parser: 0.10.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /eslint-plugin-unicorn@56.0.1(eslint@9.18.0):
+  /eslint-plugin-unicorn@56.0.1(eslint@9.19.0):
     resolution: {integrity: sha512-FwVV0Uwf8XPfVnKSGpMg7NtlZh0G0gBarCaFcMUOoqPxXryxdYxTRRv4kH6B9TFCVIrjRXG+emcxIk2ayZilog==}
     engines: {node: '>=18.18'}
     peerDependencies:
       eslint: '>=8.56.0'
     dependencies:
       '@babel/helper-validator-identifier': 7.25.9
-      '@eslint-community/eslint-utils': 4.4.1(eslint@9.18.0)
+      '@eslint-community/eslint-utils': 4.4.1(eslint@9.19.0)
       ci-info: 4.1.0
       clean-regexp: 1.0.0
       core-js-compat: 3.40.0
-      eslint: 9.18.0
+      eslint: 9.19.0
       esquery: 1.6.0
       globals: 15.14.0
       indent-string: 4.0.0
@@ -5819,11 +5183,11 @@ packages:
       read-pkg-up: 7.0.1
       regexp-tree: 0.1.27
       regjsparser: 0.10.0
-      semver: 7.6.3
+      semver: 7.7.0
       strip-indent: 3.0.0
     dev: true
 
-  /eslint-plugin-unused-imports@4.1.4(@typescript-eslint/eslint-plugin@8.20.0)(eslint@9.18.0):
+  /eslint-plugin-unused-imports@4.1.4(@typescript-eslint/eslint-plugin@8.22.0)(eslint@9.19.0):
     resolution: {integrity: sha512-YptD6IzQjDardkl0POxnnRBhU1OEePMV0nd6siHaRBbd+lyh6NAhFEobiznKU7kTsSsDeSD62Pe7kAM1b7dAZQ==}
     peerDependencies:
       '@typescript-eslint/eslint-plugin': ^8.0.0-0 || ^7.0.0 || ^6.0.0 || ^5.0.0
@@ -5832,38 +5196,38 @@ packages:
       '@typescript-eslint/eslint-plugin':
         optional: true
     dependencies:
-      '@typescript-eslint/eslint-plugin': 8.20.0(@typescript-eslint/parser@8.20.0)(eslint@9.18.0)(typescript@5.7.3)
-      eslint: 9.18.0
+      '@typescript-eslint/eslint-plugin': 8.22.0(@typescript-eslint/parser@8.22.0)(eslint@9.19.0)(typescript@5.7.3)
+      eslint: 9.19.0
     dev: true
 
-  /eslint-plugin-vue@9.32.0(eslint@9.18.0):
+  /eslint-plugin-vue@9.32.0(eslint@9.19.0):
     resolution: {integrity: sha512-b/Y05HYmnB/32wqVcjxjHZzNpwxj1onBOvqW89W+V+XNG1dRuaFbNd3vT9CLbr2LXjEoq+3vn8DanWf7XU22Ug==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.1(eslint@9.18.0)
-      eslint: 9.18.0
+      '@eslint-community/eslint-utils': 4.4.1(eslint@9.19.0)
+      eslint: 9.19.0
       globals: 13.24.0
       natural-compare: 1.4.0
       nth-check: 2.1.1
       postcss-selector-parser: 6.1.2
-      semver: 7.6.3
-      vue-eslint-parser: 9.4.3(eslint@9.18.0)
+      semver: 7.7.0
+      vue-eslint-parser: 9.4.3(eslint@9.19.0)
       xml-name-validator: 4.0.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /eslint-plugin-yml@1.16.0(eslint@9.18.0):
+  /eslint-plugin-yml@1.16.0(eslint@9.19.0):
     resolution: {integrity: sha512-t4MNCetPjTn18/fUDlQ/wKkcYjnuLYKChBrZ0qUaNqRigVqChHWzTP8SrfFi5s4keX3vdlkWRSu8zHJMdKwxWQ==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '>=6.0.0'
     dependencies:
       debug: 4.4.0(supports-color@9.4.0)
-      eslint: 9.18.0
-      eslint-compat-utils: 0.6.4(eslint@9.18.0)
+      eslint: 9.19.0
+      eslint-compat-utils: 0.6.4(eslint@9.19.0)
       lodash: 4.17.21
       natural-compare: 1.4.0
       yaml-eslint-parser: 1.2.3
@@ -5871,22 +5235,13 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-processor-vue-blocks@0.1.2(eslint@9.18.0):
-    resolution: {integrity: sha512-PfpJ4uKHnqeL/fXUnzYkOax3aIenlwewXRX8jFinA1a2yCFnLgMuiH3xvCgvHHUlV2xJWQHbCTdiJWGwb3NqpQ==}
-    peerDependencies:
-      '@vue/compiler-sfc': ^3.3.0
-      eslint: ^8.50.0 || ^9.0.0
-    dependencies:
-      eslint: 9.18.0
-    dev: true
-
-  /eslint-processor-vue-blocks@1.0.0(eslint@9.18.0):
+  /eslint-processor-vue-blocks@1.0.0(eslint@9.19.0):
     resolution: {integrity: sha512-q+Wn9bCml65NwYtuINVCE5dUqZa/uVoY4jfc8qEDwWbcGqdRyfJJmAONNZsreA4Q9EJqjYGjk8Hk1QuwAktgkw==}
     peerDependencies:
       '@vue/compiler-sfc': ^3.3.0
       eslint: ^8.50.0 || ^9.0.0
     dependencies:
-      eslint: 9.18.0
+      eslint: 9.19.0
     dev: true
 
   /eslint-scope@7.2.2:
@@ -5905,12 +5260,12 @@ packages:
       estraverse: 5.3.0
     dev: true
 
-  /eslint-typegen@1.0.0(eslint@9.18.0):
+  /eslint-typegen@1.0.0(eslint@9.19.0):
     resolution: {integrity: sha512-1Dku9Ljb/lBjpuI2tT5VZPTivPirs+fjrAnoXSy97BDMIs6fcz8nOqajv/zzPrSxtiRINxz/DymGLn4X+Oiksg==}
     peerDependencies:
       eslint: ^8.45.0 || ^9.0.0
     dependencies:
-      eslint: 9.18.0
+      eslint: 9.19.0
       json-schema-to-typescript-lite: 14.1.0
       ohash: 1.1.4
     dev: true
@@ -5925,8 +5280,8 @@ packages:
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     dev: true
 
-  /eslint@9.18.0:
-    resolution: {integrity: sha512-+waTfRWQlSbpt3KWE+CjrPPYnbq9kfZIYUqapc0uBXyjTp8aYXZDsUH16m39Ryq3NjAVP4tjuF7KaukeqoCoaA==}
+  /eslint@9.19.0:
+    resolution: {integrity: sha512-ug92j0LepKlbbEv6hD911THhoRHmbdXt2gX+VDABAW/Ir7D3nqKdv5Pf5vtlyY6HQMTEP2skXY43ueqTCWssEA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     hasBin: true
     peerDependencies:
@@ -5935,12 +5290,12 @@ packages:
       jiti:
         optional: true
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.1(eslint@9.18.0)
+      '@eslint-community/eslint-utils': 4.4.1(eslint@9.19.0)
       '@eslint-community/regexpp': 4.12.1
-      '@eslint/config-array': 0.19.1
+      '@eslint/config-array': 0.19.2
       '@eslint/core': 0.10.0
       '@eslint/eslintrc': 3.2.0
-      '@eslint/js': 9.18.0
+      '@eslint/js': 9.19.0
       '@eslint/plugin-kit': 0.2.5
       '@humanfs/node': 0.16.6
       '@humanwhocodes/module-importer': 1.0.1
@@ -6073,6 +5428,7 @@ packages:
       onetime: 6.0.0
       signal-exit: 4.1.0
       strip-final-newline: 3.0.0
+    dev: true
 
   /externality@1.0.2:
     resolution: {integrity: sha512-LyExtJWKxtgVzmgtEHyQtLFpw1KFhQphF9nTG8TpAIVkiI/xQ3FJh75tRFLYl4hkn7BNIIdLJInuDAavX35pMw==}
@@ -6117,12 +5473,12 @@ packages:
     resolution: {integrity: sha512-E+fdxeaOQGo/CMWc9f4uHFfgUPJRAu7N3uB8GBvB3SDPAIWJK4GKyYhkAGFq+GYrcbKNfQIz5VVQyJnDuPPCrg==}
     dev: true
 
-  /fast-uri@3.0.5:
-    resolution: {integrity: sha512-5JnBCWpFlMo0a3ciDy/JckMzzv1U9coZrIhedq+HXxxUfDTAiS0LA8OKVao4G9BxmCVck/jtA5r3KAtRWEyD8Q==}
+  /fast-uri@3.0.6:
+    resolution: {integrity: sha512-Atfo14OibSv5wAp4VWNsFYE1AchQRTv9cBGWET4pZWHzYshFSS9NQI6I57rdKn9croWVMbYFbLhJ+yJvmZIIHw==}
     dev: true
 
-  /fastq@1.18.0:
-    resolution: {integrity: sha512-QKHXPW0hD8g4UET03SdOdunzSouc9N4AuHdsX8XNcTsuz+yYFILVNIX4l9yHABMhiEI9Db0JTTIpu0wB+Y1QQw==}
+  /fastq@1.19.0:
+    resolution: {integrity: sha512-7SFSRCNjBQIZH/xZR3iy5iQYR8aGBE0h3VG6/cwlbrpdciNYBMotQav8c1XI3HjHH+NikUpP53nPdlZSdWmFzA==}
     dependencies:
       reusify: 1.0.4
 
@@ -6212,8 +5568,9 @@ packages:
         optional: true
     dev: false
 
-  /for-each@0.3.3:
-    resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
+  /for-each@0.3.4:
+    resolution: {integrity: sha512-kKaIINnFpzW6ffJNDjjyjrk21BkDx38c0xa/klsT8VzLCaMEefv4ZTacrcVR4DmgTeBra++jMDAfS/tS799YDw==}
+    engines: {node: '>= 0.4'}
     dependencies:
       is-callable: 1.2.7
     dev: true
@@ -6354,6 +5711,7 @@ packages:
   /get-stream@8.0.1:
     resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==}
     engines: {node: '>=16'}
+    dev: true
 
   /get-symbol-description@1.1.0:
     resolution: {integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==}
@@ -6364,23 +5722,23 @@ packages:
       get-intrinsic: 1.2.7
     dev: true
 
-  /get-tsconfig@4.8.1:
-    resolution: {integrity: sha512-k9PN+cFBmaLWtVz29SkUoqU5O0slLuHJXt/2P+tMVFT+phsSGXGkp9t3rQIqdz0e+06EHNGs3oM6ZX1s2zHxRg==}
+  /get-tsconfig@4.10.0:
+    resolution: {integrity: sha512-kGzZ3LWWQcGIAmg6iWvXn0ei6WDtV26wzHRMwDSzmAbcXrTEXxHy6IehI6/4eT6VRKyMP1eF1VqwrVUmE/LR7A==}
     dependencies:
       resolve-pkg-maps: 1.0.0
     dev: true
 
-  /giget@1.2.3:
-    resolution: {integrity: sha512-8EHPljDvs7qKykr6uw8b+lqLiUc/vUg+KVTI0uND4s63TdsZM2Xus3mflvF0DDG9SiM4RlCkFGL+7aAjRmV7KA==}
+  /giget@1.2.4:
+    resolution: {integrity: sha512-Wv+daGyispVoA31TrWAVR+aAdP7roubTPEM/8JzRnqXhLbdJH0T9eQyXVFF8fjk3WKTsctII6QcyxILYgNp2DA==}
     hasBin: true
     dependencies:
       citty: 0.1.6
       consola: 3.4.0
       defu: 6.1.4
-      node-fetch-native: 1.6.4
-      nypm: 0.3.12
+      node-fetch-native: 1.6.6
+      nypm: 0.5.2
       ohash: 1.1.4
-      pathe: 1.1.2
+      pathe: 2.0.2
       tar: 6.2.1
 
   /git-config-path@2.0.0:
@@ -6498,13 +5856,6 @@ packages:
     resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
     dev: true
 
-  /gzip-size@6.0.0:
-    resolution: {integrity: sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==}
-    engines: {node: '>=10'}
-    dependencies:
-      duplexer: 0.1.2
-    dev: true
-
   /gzip-size@7.0.0:
     resolution: {integrity: sha512-O1Ld7Dr+nqPnmGpdhzLmMTQ4vAsD+rHwMm1NLUmoUFFymBOMKxCCrtDxqdBRYXdeEPEi3SyoR4TizJLQrnKBNA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -6512,11 +5863,11 @@ packages:
       duplexer: 0.1.2
     dev: true
 
-  /h3@1.13.1:
-    resolution: {integrity: sha512-u/z6Z4YY+ANZ05cRRfsFJadTBrNA6e3jxdU+AN5UCbZSZEUwgHiwjvUEe0k1NoQmAvQmETwr+xB5jd7mhCJuIQ==}
+  /h3@1.14.0:
+    resolution: {integrity: sha512-ao22eiONdgelqcnknw0iD645qW0s9NnrJHr5OBz4WOMdBdycfSas1EQf1wXRsm+PcB2Yoj43pjBPwqIpJQTeWg==}
     dependencies:
       cookie-es: 1.2.2
-      crossws: 0.3.1
+      crossws: 0.3.3
       defu: 6.1.4
       destr: 2.0.3
       iron-webcrypto: 1.2.1
@@ -6647,8 +5998,8 @@ packages:
       - supports-color
     dev: true
 
-  /httpxy@0.1.6:
-    resolution: {integrity: sha512-GxJLI6oJZ3NbJl/vDlPmTCtP4WHwboNhGLHOcgf/3ia1QC5sdLglWbRHZwQjzjPuiCyw7MWwpwbsUfRDQlOdeg==}
+  /httpxy@0.1.7:
+    resolution: {integrity: sha512-pXNx8gnANKAndgga5ahefxc++tJvNL87CXoRwxn1cJE2ZkWEojF3tNfQIEhZX/vfpt+wzeAzpUI4qkediX1MLQ==}
     dev: true
 
   /human-signals@4.3.1:
@@ -6659,6 +6010,7 @@ packages:
   /human-signals@5.0.0:
     resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==}
     engines: {node: '>=16.17.0'}
+    dev: true
 
   /idb@7.1.1:
     resolution: {integrity: sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==}
@@ -6680,6 +6032,10 @@ packages:
     resolution: {integrity: sha512-K6acvFaelNxx8wc2VjbIzXKDVB0Khs0QT35U6NkGfTdCmjLNcO2945m7RFNR9/RPVFm48hq7QPzK8uGH18HCGw==}
     dev: true
 
+  /immutable@5.0.3:
+    resolution: {integrity: sha512-P8IdPQHq3lA1xVeBRi5VPqUm5HDgKnx0Ru51wZz5mjxHr5n3RWhjIpOFU7ybkUxfB+5IToy+OLaHYDBIWsv+uw==}
+    dev: true
+
   /import-fresh@3.3.0:
     resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
     engines: {node: '>=6'}
@@ -6688,23 +6044,10 @@ packages:
       resolve-from: 4.0.0
     dev: true
 
-  /importx@0.5.1:
-    resolution: {integrity: sha512-YrRaigAec1sC2CdIJjf/hCH1Wp9Ii8Cq5ROw4k5nJ19FVl2FcJUHZ5gGIb1vs8+JNYIyOJpc2fcufS2330bxDw==}
-    dependencies:
-      bundle-require: 5.1.0(esbuild@0.24.2)
-      debug: 4.4.0(supports-color@9.4.0)
-      esbuild: 0.24.2
-      jiti: 2.4.2
-      pathe: 1.1.2
-      tsx: 4.19.2
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /impound@0.2.0:
     resolution: {integrity: sha512-gXgeSyp9Hf7qG2/PLKmywHXyQf2xFrw+mJGpoj9DsAB9L7/MIKn+DeEx98UryWXdmbv8wUUPdcQof6qXnZoCGg==}
     dependencies:
-      '@rollup/pluginutils': 5.1.4(rollup@4.30.1)
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.0)
       mlly: 1.7.4
       pathe: 1.1.2
       unenv: 1.10.0
@@ -6796,10 +6139,11 @@ packages:
     resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
     dev: true
 
-  /is-async-function@2.1.0:
-    resolution: {integrity: sha512-GExz9MtyhlZyXYLxzlJRj5WUCE661zhDa1Yna52CN57AJsymh+DvXXjyveSioqSRdxvUrdKdvqB1b5cVKsNpWQ==}
+  /is-async-function@2.1.1:
+    resolution: {integrity: sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==}
     engines: {node: '>= 0.4'}
     dependencies:
+      async-function: 1.0.0
       call-bound: 1.0.3
       get-proto: 1.0.1
       has-tostringtag: 1.0.2
@@ -7002,6 +6346,7 @@ packages:
   /is-stream@3.0.0:
     resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dev: true
 
   /is-string@1.1.1:
     resolution: {integrity: sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==}
@@ -7083,6 +6428,7 @@ packages:
 
   /isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+    dev: true
 
   /jackspeak@3.4.3:
     resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
@@ -7162,7 +6508,7 @@ packages:
   /json-schema-to-typescript-lite@14.1.0:
     resolution: {integrity: sha512-b8K6P3aiLgiYKYcHacgZKrwPXPyjekqRPV5vkNfBt0EoohcOSXEbcuGzgi6KQmsAhuy5Mh2KMxofXodRhMxURA==}
     dependencies:
-      '@apidevtools/json-schema-ref-parser': 11.7.3
+      '@apidevtools/json-schema-ref-parser': 11.9.0
       '@types/json-schema': 7.0.15
     dev: true
 
@@ -7194,7 +6540,7 @@ packages:
       acorn: 8.14.0
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
-      semver: 7.6.3
+      semver: 7.7.0
     dev: true
 
   /jsonfile@6.1.0:
@@ -7343,15 +6689,15 @@ packages:
     resolution: {integrity: sha512-I8oW2+QL5KJo8zXNWX046M134WchxsXC7SawLPvRQpogCbkyQIaFxPE89A2HiwR7vAK2Dm2ERBAmyjTYGYEpBg==}
     hasBin: true
     dependencies:
-      '@parcel/watcher': 2.5.0
-      '@parcel/watcher-wasm': 2.5.0
+      '@parcel/watcher': 2.5.1
+      '@parcel/watcher-wasm': 2.5.1
       citty: 0.1.6
       clipboardy: 4.0.0
       consola: 3.4.0
-      crossws: 0.3.1
+      crossws: 0.3.3
       defu: 6.1.4
       get-port-please: 3.1.2
-      h3: 1.13.1
+      h3: 1.14.0
       http-shutdown: 1.2.2
       jiti: 2.4.2
       mlly: 1.7.4
@@ -7458,8 +6804,8 @@ packages:
       vue: '>=3.0.1'
     dev: false
 
-  /magic-string-ast@0.6.3:
-    resolution: {integrity: sha512-C9sgUzVZtUtzCBoMdYtwrIRQ4IucGRFGgdhkjL7PXsVfPYmTuWtewqzk7dlipaCMWH/gOYehW9rgMoa4Oebtpw==}
+  /magic-string-ast@0.7.0:
+    resolution: {integrity: sha512-686fgAHaJY7wLTFEq7nnKqeQrhqmXB19d1HnqT35Ci7BN6hbAYLZUezTQ062uUHM7ggZEQlqJ94Ftls+KDXU8Q==}
     engines: {node: '>=16.14.0'}
     dependencies:
       magic-string: 0.30.17
@@ -7479,8 +6825,8 @@ packages:
   /magicast@0.3.5:
     resolution: {integrity: sha512-L0WhttDl+2BOsybvEOLK7fW3UA0OQ0IQ2d6Zl2x/a6vVRs3bAY0ECOSHHeL5jD+SbOpOCUEi0y1DgHEn9Qn1AQ==}
     dependencies:
-      '@babel/parser': 7.26.5
-      '@babel/types': 7.26.5
+      '@babel/parser': 7.26.7
+      '@babel/types': 7.26.7
       source-map-js: 1.2.1
 
   /markdown-table@3.0.4:
@@ -7624,10 +6970,6 @@ packages:
     resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
     dev: true
 
-  /mdn-data@2.12.2:
-    resolution: {integrity: sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA==}
-    dev: true
-
   /media-typer@0.3.0:
     resolution: {integrity: sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==}
     engines: {node: '>= 0.6'}
@@ -7635,6 +6977,7 @@ packages:
 
   /merge-stream@2.0.0:
     resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+    dev: true
 
   /merge2@1.4.1:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
@@ -7661,7 +7004,7 @@ packages:
       micromark-util-html-tag-name: 2.0.1
       micromark-util-normalize-identifier: 2.0.1
       micromark-util-resolve-all: 2.0.1
-      micromark-util-subtokenize: 2.0.3
+      micromark-util-subtokenize: 2.0.4
       micromark-util-symbol: 2.0.1
       micromark-util-types: 2.0.1
     dev: true
@@ -7699,8 +7042,8 @@ packages:
       micromark-util-types: 2.0.1
     dev: true
 
-  /micromark-extension-gfm-table@2.1.0:
-    resolution: {integrity: sha512-Ub2ncQv+fwD70/l4ou27b4YzfNaCJOvyX4HxXU15m7mpYY+rjuWzsLIPZHJL253Z643RpbcP1oeIJlQ/SKW67g==}
+  /micromark-extension-gfm-table@2.1.1:
+    resolution: {integrity: sha512-t2OU/dXXioARrC6yWfJ4hqB7rct14e8f7m0cbI5hUmDyyIlwv5vEtooptH8INkbLzOatzKuVbQmAYcbWoyz6Dg==}
     dependencies:
       devlop: 1.1.0
       micromark-factory-space: 2.0.1
@@ -7731,7 +7074,7 @@ packages:
       micromark-extension-gfm-autolink-literal: 2.1.0
       micromark-extension-gfm-footnote: 2.1.0
       micromark-extension-gfm-strikethrough: 2.1.0
-      micromark-extension-gfm-table: 2.1.0
+      micromark-extension-gfm-table: 2.1.1
       micromark-extension-gfm-tagfilter: 2.0.0
       micromark-extension-gfm-task-list-item: 2.1.0
       micromark-util-combine-extensions: 2.0.1
@@ -7851,8 +7194,8 @@ packages:
       micromark-util-symbol: 2.0.1
     dev: true
 
-  /micromark-util-subtokenize@2.0.3:
-    resolution: {integrity: sha512-VXJJuNxYWSoYL6AJ6OQECCFGhIU2GGHMw8tahogePBrjkG8aCCas3ibkp7RnVOSTClg2is05/R7maAhF1XyQMg==}
+  /micromark-util-subtokenize@2.0.4:
+    resolution: {integrity: sha512-N6hXjrin2GTJDe3MVjf5FuXpm12PGm80BrUAeub9XFXca8JZbP+oIwY4LJSVwFUCL1IPm/WwSVUN7goFHmSGGQ==}
     dependencies:
       devlop: 1.1.0
       micromark-util-chunked: 2.0.1
@@ -7885,7 +7228,7 @@ packages:
       micromark-util-normalize-identifier: 2.0.1
       micromark-util-resolve-all: 2.0.1
       micromark-util-sanitize-uri: 2.0.1
-      micromark-util-subtokenize: 2.0.3
+      micromark-util-subtokenize: 2.0.4
       micromark-util-symbol: 2.0.1
       micromark-util-types: 2.0.1
     transitivePeerDependencies:
@@ -7930,6 +7273,7 @@ packages:
   /mimic-fn@4.0.0:
     resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
     engines: {node: '>=12'}
+    dev: true
 
   /min-indent@1.0.1:
     resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
@@ -8016,7 +7360,7 @@ packages:
     resolution: {integrity: sha512-qmdSIPC4bDJXgZTCR7XosJiNKySV7O215tsPtDN9iEO/7q/76b/ijtgRu/+epFXSJhijtTCCGp3DWS549P3xKw==}
     dependencies:
       acorn: 8.14.0
-      pathe: 2.0.1
+      pathe: 2.0.2
       pkg-types: 1.3.1
       ufo: 1.5.4
 
@@ -8052,7 +7396,7 @@ packages:
       '@css-render/plugin-bem': 0.15.14(css-render@0.15.14)
       '@css-render/vue3-ssr': 0.15.14
       '@types/katex': 0.16.7
-      '@types/lodash': 4.17.14
+      '@types/lodash': 4.17.15
       '@types/lodash-es': 4.17.12
       async-validator: 4.2.5
       css-render: 0.15.14
@@ -8082,12 +7426,8 @@ packages:
     hasBin: true
     dev: true
 
-  /nanotar@0.1.1:
-    resolution: {integrity: sha512-AiJsGsSF3O0havL1BydvI4+wR76sKT+okKRwWIaK96cZUnXqH0uNBOsHlbwZq3+m2BR1VKqHDVudl3gO4mYjpQ==}
-    dev: true
-
-  /napi-wasm@1.1.3:
-    resolution: {integrity: sha512-h/4nMGsHjZDCYmQVNODIrYACVJ+I9KItbG+0si6W/jSjdA9JbWDoU4LLeMXVcEQGHjttI2tuXqDrbGF7qkUHHg==}
+  /nanotar@0.2.0:
+    resolution: {integrity: sha512-9ca1h0Xjvo9bEkE4UOxgAzLV0jHKe6LMaxo37ND2DAhhAtd0j8pR1Wxz+/goMrZO8AEZTWCmyaOsFI/W5AdpCQ==}
     dev: true
 
   /natural-compare@1.4.0:
@@ -8104,6 +7444,10 @@ packages:
     engines: {node: '>= 0.6'}
     dev: true
 
+  /neo-async@2.6.2:
+    resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
+    dev: true
+
   /nitropack@2.10.4(typescript@5.7.3):
     resolution: {integrity: sha512-sJiG/MIQlZCVSw2cQrFG1H6mLeSqHlYfFerRjLKz69vUfdu0EL2l0WdOxlQbzJr3mMv/l4cOlCCLzVRzjzzF/g==}
     engines: {node: ^16.11.0 || >=17.0.0}
@@ -8116,16 +7460,16 @@ packages:
     dependencies:
       '@cloudflare/kv-asset-handler': 0.3.4
       '@netlify/functions': 2.8.2
-      '@rollup/plugin-alias': 5.1.1(rollup@4.30.1)
-      '@rollup/plugin-commonjs': 28.0.2(rollup@4.30.1)
-      '@rollup/plugin-inject': 5.0.5(rollup@4.30.1)
-      '@rollup/plugin-json': 6.1.0(rollup@4.30.1)
-      '@rollup/plugin-node-resolve': 15.3.1(rollup@4.30.1)
-      '@rollup/plugin-replace': 6.0.2(rollup@4.30.1)
-      '@rollup/plugin-terser': 0.4.4(rollup@4.30.1)
-      '@rollup/pluginutils': 5.1.4(rollup@4.30.1)
+      '@rollup/plugin-alias': 5.1.1(rollup@4.34.0)
+      '@rollup/plugin-commonjs': 28.0.2(rollup@4.34.0)
+      '@rollup/plugin-inject': 5.0.5(rollup@4.34.0)
+      '@rollup/plugin-json': 6.1.0(rollup@4.34.0)
+      '@rollup/plugin-node-resolve': 15.3.1(rollup@4.34.0)
+      '@rollup/plugin-replace': 6.0.2(rollup@4.34.0)
+      '@rollup/plugin-terser': 0.4.4(rollup@4.34.0)
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.0)
       '@types/http-proxy': 1.17.15
-      '@vercel/nft': 0.27.10(rollup@4.30.1)
+      '@vercel/nft': 0.27.10(rollup@4.34.0)
       archiver: 7.0.1
       c12: 2.0.1(magicast@0.3.5)
       chokidar: 3.6.0
@@ -8135,8 +7479,8 @@ packages:
       consola: 3.4.0
       cookie-es: 1.2.2
       croner: 9.0.0
-      crossws: 0.3.1
-      db0: 0.2.1
+      crossws: 0.3.3
+      db0: 0.2.3
       defu: 6.1.4
       destr: 2.0.3
       dot-prop: 9.0.0
@@ -8146,9 +7490,9 @@ packages:
       fs-extra: 11.3.0
       globby: 14.0.2
       gzip-size: 7.0.0
-      h3: 1.13.1
+      h3: 1.14.0
       hookable: 5.5.3
-      httpxy: 0.1.6
+      httpxy: 0.1.7
       ioredis: 5.4.2
       jiti: 2.4.2
       klona: 2.0.6
@@ -8158,19 +7502,19 @@ packages:
       magicast: 0.3.5
       mime: 4.0.6
       mlly: 1.7.4
-      node-fetch-native: 1.6.4
+      node-fetch-native: 1.6.6
       ofetch: 1.4.1
       ohash: 1.1.4
-      openapi-typescript: 7.5.2(typescript@5.7.3)
+      openapi-typescript: 7.6.0(typescript@5.7.3)
       pathe: 1.1.2
       perfect-debounce: 1.0.0
       pkg-types: 1.3.1
       pretty-bytes: 6.1.1
       radix3: 1.1.2
-      rollup: 4.30.1
-      rollup-plugin-visualizer: 5.14.0(rollup@4.30.1)
+      rollup: 4.34.0
+      rollup-plugin-visualizer: 5.14.0(rollup@4.34.0)
       scule: 1.3.0
-      semver: 7.6.3
+      semver: 7.7.0
       serve-placeholder: 2.0.2
       serve-static: 1.16.2
       std-env: 3.8.0
@@ -8178,8 +7522,8 @@ packages:
       uncrypto: 0.1.3
       unctx: 2.4.1
       unenv: 1.10.0
-      unimport: 3.14.6(rollup@4.30.1)
-      unstorage: 1.14.4(db0@0.2.1)(ioredis@5.4.2)
+      unimport: 3.14.6(rollup@4.34.0)
+      unstorage: 1.14.4(db0@0.2.3)(ioredis@5.4.2)
       untyped: 1.5.2
       unwasm: 0.3.9
     transitivePeerDependencies:
@@ -8205,6 +7549,7 @@ packages:
       - idb-keyval
       - mysql2
       - rolldown
+      - sqlite3
       - supports-color
       - typescript
       - uploadthing
@@ -8212,10 +7557,11 @@ packages:
 
   /node-addon-api@7.1.1:
     resolution: {integrity: sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==}
+    requiresBuild: true
     dev: true
 
-  /node-fetch-native@1.6.4:
-    resolution: {integrity: sha512-IhOigYzAKHd244OC0JIMIUrjzctirCmPkaIfhDeGcEETWof5zKYUW7e7MYvChGWh/4CJeXEgsRyGzuF334rOOQ==}
+  /node-fetch-native@1.6.6:
+    resolution: {integrity: sha512-8Mc2HhqPdlIfedsuZoc3yioPuzp6b+L5jRCRY1QzuWZh2EGJVQrGppC6V6cF0bLdbW0+O2YpqCA25aF/1lvipQ==}
 
   /node-fetch@2.7.0:
     resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
@@ -8242,12 +7588,12 @@ packages:
   /node-releases@2.0.19:
     resolution: {integrity: sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==}
 
-  /nopt@8.0.0:
-    resolution: {integrity: sha512-1L/fTJ4UmV/lUxT2Uf006pfZKTvAgCF+chz+0OgBHO8u2Z67pE7AaAUUj7CJy0lXqHmymUvGFt6NE9R3HER0yw==}
+  /nopt@8.1.0:
+    resolution: {integrity: sha512-ieGu42u/Qsa4TFktmaKEwM6MQH0pOWnaB3htzh0JRtx84+Mebc0cbZYN5bC+6WTZ4+77xrL9Pn5m7CV6VIkV7A==}
     engines: {node: ^18.17.0 || >=20.5.0}
     hasBin: true
     dependencies:
-      abbrev: 2.0.0
+      abbrev: 3.0.0
     dev: true
 
   /normalize-package-data@2.5.0:
@@ -8281,6 +7627,7 @@ packages:
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
       path-key: 4.0.0
+    dev: true
 
   /nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
@@ -8288,8 +7635,8 @@ packages:
       boolbase: 1.0.0
     dev: true
 
-  /nuxt@3.15.2(@types/node@22.10.7)(eslint@9.18.0)(typescript@5.7.3)(vue-tsc@2.2.0):
-    resolution: {integrity: sha512-1EiQ5wYYVhgkRyaMCyuc4R5lhJtOPJTdOe3LwYNbIol3pmcO1urhNDNKfhiy9zdcA3G14zzN0W/+TqXXidchRw==}
+  /nuxt@3.15.4(@types/node@22.13.0)(eslint@9.19.0)(sass@1.83.4)(typescript@5.7.3)(vue-tsc@2.2.0):
+    resolution: {integrity: sha512-hSbZO4mR0uAMJtZPNTnCfiAtgleoOu28gvJcBNU7KQHgWnNXPjlWgwMczko2O4Tmnv9zIe/CQged+2HsPwl2ZA==}
     engines: {node: ^18.20.5 || ^20.9.0 || >=22.0.0}
     hasBin: true
     peerDependencies:
@@ -8301,14 +7648,14 @@ packages:
       '@types/node':
         optional: true
     dependencies:
-      '@nuxt/cli': 3.20.0
+      '@nuxt/cli': 3.21.1
       '@nuxt/devalue': 2.0.2
       '@nuxt/devtools': 1.7.0(vue@3.5.13)
-      '@nuxt/kit': 3.15.2(magicast@0.3.5)
-      '@nuxt/schema': 3.15.2
+      '@nuxt/kit': 3.15.4(magicast@0.3.5)
+      '@nuxt/schema': 3.15.4
       '@nuxt/telemetry': 2.6.4
-      '@nuxt/vite-builder': 3.15.2(@types/node@22.10.7)(eslint@9.18.0)(typescript@5.7.3)(vue-tsc@2.2.0)(vue@3.5.13)
-      '@types/node': 22.10.7
+      '@nuxt/vite-builder': 3.15.4(@types/node@22.13.0)(eslint@9.19.0)(sass@1.83.4)(typescript@5.7.3)(vue-tsc@2.2.0)(vue@3.5.13)
+      '@types/node': 22.13.0
       '@unhead/dom': 1.11.18
       '@unhead/shared': 1.11.18
       '@unhead/ssr': 1.11.18
@@ -8328,7 +7675,7 @@ packages:
       escape-string-regexp: 5.0.0
       estree-walker: 3.0.3
       globby: 14.0.2
-      h3: 1.13.1
+      h3: 1.14.0
       hookable: 5.5.3
       ignore: 7.0.3
       impound: 0.2.0
@@ -8337,17 +7684,17 @@ packages:
       knitwork: 1.2.0
       magic-string: 0.30.17
       mlly: 1.7.4
-      nanotar: 0.1.1
+      nanotar: 0.2.0
       nitropack: 2.10.4(typescript@5.7.3)
-      nypm: 0.4.1
+      nypm: 0.5.2
       ofetch: 1.4.1
       ohash: 1.1.4
-      pathe: 2.0.1
+      pathe: 2.0.2
       perfect-debounce: 1.0.0
       pkg-types: 1.3.1
       radix3: 1.1.2
       scule: 1.3.0
-      semver: 7.6.3
+      semver: 7.7.0
       std-env: 3.8.0
       strip-literal: 3.0.0
       tinyglobby: 0.2.10
@@ -8357,10 +7704,10 @@ packages:
       unctx: 2.4.1
       unenv: 1.10.0
       unhead: 1.11.18
-      unimport: 3.14.6(rollup@4.30.1)
+      unimport: 4.0.0
       unplugin: 2.1.2
-      unplugin-vue-router: 0.10.9(vue-router@4.5.0)(vue@3.5.13)
-      unstorage: 1.14.4(db0@0.2.1)(ioredis@5.4.2)
+      unplugin-vue-router: 0.11.2(vue-router@4.5.0)(vue@3.5.13)
+      unstorage: 1.14.4(db0@0.2.3)(ioredis@5.4.2)
       untyped: 1.5.2
       vue: 3.5.13(typescript@5.7.3)
       vue-bundle-renderer: 2.1.1
@@ -8402,6 +7749,7 @@ packages:
       - rollup
       - sass
       - sass-embedded
+      - sqlite3
       - stylelint
       - stylus
       - sugarss
@@ -8423,7 +7771,7 @@ packages:
     resolution: {integrity: sha512-qJ5ZKTEQieNaSNJFHdRCCz9SOLRB7Rg0vwzFJe64WYKt+SzDM2sQ7ZXj2raJzyIPBtKInQv6yDo2vvSBsLiUHA==}
     dependencies:
       '@css-render/vue3-ssr': 0.15.14
-      '@nuxt/kit': 3.15.2(magicast@0.3.5)
+      '@nuxt/kit': 3.15.4(magicast@0.3.5)
     transitivePeerDependencies:
       - magicast
       - rollup
@@ -8431,18 +7779,6 @@ packages:
       - vue
     dev: true
 
-  /nypm@0.3.12:
-    resolution: {integrity: sha512-D3pzNDWIvgA+7IORhD/IuWzEk4uXv6GsgOxiid4UU3h9oq5IqV1KtPDi63n4sZJ/xcWlr88c0QM2RgN5VbOhFA==}
-    engines: {node: ^14.16.0 || >=16.10.0}
-    hasBin: true
-    dependencies:
-      citty: 0.1.6
-      consola: 3.4.0
-      execa: 8.0.1
-      pathe: 1.1.2
-      pkg-types: 1.3.1
-      ufo: 1.5.4
-
   /nypm@0.4.1:
     resolution: {integrity: sha512-1b9mihliBh8UCcKtcGRu//G50iHpjxIQVUqkdhPT/SDVE7KdJKoHXLS0heuYTQCx95dFqiyUbXZB9r8ikn+93g==}
     engines: {node: ^14.16.0 || >=16.10.0}
@@ -8456,6 +7792,18 @@ packages:
       ufo: 1.5.4
     dev: true
 
+  /nypm@0.5.2:
+    resolution: {integrity: sha512-AHzvnyUJYSrrphPhRWWZNcoZfArGNp3Vrc4pm/ZurO74tYNTgAPrEyBQEKy+qioqmWlPXwvMZCG2wOaHlPG0Pw==}
+    engines: {node: ^14.16.0 || >=16.10.0}
+    hasBin: true
+    dependencies:
+      citty: 0.1.6
+      consola: 3.4.0
+      pathe: 2.0.2
+      pkg-types: 1.3.1
+      tinyexec: 0.3.2
+      ufo: 1.5.4
+
   /object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
@@ -8492,7 +7840,7 @@ packages:
     resolution: {integrity: sha512-QZj2DfGplQAr2oj9KzceK9Hwz6Whxazmn85yYeVuS3u9XTMOGMRx0kO95MQ+vLsj/S/NwBDMMLU5hpxvI6Tklw==}
     dependencies:
       destr: 2.0.3
-      node-fetch-native: 1.6.4
+      node-fetch-native: 1.6.6
       ufo: 1.5.4
     dev: true
 
@@ -8517,6 +7865,7 @@ packages:
     engines: {node: '>=12'}
     dependencies:
       mimic-fn: 4.0.0
+    dev: true
 
   /only@0.0.2:
     resolution: {integrity: sha512-Fvw+Jemq5fjjyWz6CpKx6w9s7xxqo3+JCyM0WXWeCSOboZ8ABkyvP8ID4CZuChA/wxSx+XSJmdOm8rGVyJ1hdQ==}
@@ -8549,21 +7898,19 @@ packages:
       is-wsl: 2.2.0
     dev: true
 
-  /openapi-typescript@7.5.2(typescript@5.7.3):
-    resolution: {integrity: sha512-W/QXuQz0Fa3bGY6LKoqTCgrSX+xI/ST+E5RXo2WBmp3WwgXCWKDJPHv5GZmElF4yLCccnqYsakBDOJikHZYGRw==}
+  /openapi-typescript@7.6.0(typescript@5.7.3):
+    resolution: {integrity: sha512-p/xxKcWFR7aZDOAdnqYBQ1NdNyWdine+gHKHKvjxGXmlq8JT1G9+SkY8I5csKaktLHMbDDH6ZDeWQpydwBHa+Q==}
     hasBin: true
     peerDependencies:
       typescript: ^5.x
     dependencies:
-      '@redocly/openapi-core': 1.27.2(supports-color@9.4.0)
+      '@redocly/openapi-core': 1.28.0(supports-color@9.4.0)
       ansi-colors: 4.1.3
       change-case: 5.4.4
       parse-json: 8.1.0
       supports-color: 9.4.0
       typescript: 5.7.3
       yargs-parser: 21.1.1
-    transitivePeerDependencies:
-      - encoding
     dev: true
 
   /optionator@0.9.4:
@@ -8638,8 +7985,8 @@ packages:
     resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
     dev: true
 
-  /package-manager-detector@0.2.8:
-    resolution: {integrity: sha512-ts9KSdroZisdvKMWVAVCXiKqnqNfXz4+IbrBG8/BWx/TR5le+jfenvoBuIZ6UWM9nz47W7AbD9qYfAwfWMIwzA==}
+  /package-manager-detector@0.2.9:
+    resolution: {integrity: sha512-+vYvA/Y31l8Zk8dwxHhL3JfTuHPm6tlxM2A3GeQyl7ovYnSp1+mzAxClxaOr0qO1TtPxbQxetI7v5XqKLJZk7Q==}
     dev: true
 
   /packrup@0.1.2:
@@ -8690,7 +8037,7 @@ packages:
     dependencies:
       '@babel/code-frame': 7.26.2
       index-to-position: 0.1.2
-      type-fest: 4.32.0
+      type-fest: 4.33.0
     dev: true
 
   /parse-path@7.0.0:
@@ -8734,10 +8081,12 @@ packages:
   /path-key@3.1.1:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
     engines: {node: '>=8'}
+    dev: true
 
   /path-key@4.0.0:
     resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
     engines: {node: '>=12'}
+    dev: true
 
   /path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
@@ -8762,8 +8111,8 @@ packages:
   /pathe@1.1.2:
     resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}
 
-  /pathe@2.0.1:
-    resolution: {integrity: sha512-6jpjMpOth5S9ITVu5clZ7NOgHNsv5vRQdheL9ztp2vZmM6fRbLvyua1tiBIL4lk8SAe3ARzeXEly6siXCjDHDw==}
+  /pathe@2.0.2:
+    resolution: {integrity: sha512-15Ztpk+nov8DR524R4BF7uEuzESgzUEAV4Ah7CUMNGXdE5ELuvxElxGXndBl32vMSsWa1jpNf22Z+Er3sKwq+w==}
 
   /perfect-debounce@1.0.0:
     resolution: {integrity: sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==}
@@ -8784,7 +8133,7 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /pinia-plugin-persistedstate@4.2.0(@pinia/nuxt@0.9.0)(pinia@2.3.0):
+  /pinia-plugin-persistedstate@4.2.0(@pinia/nuxt@0.9.0)(pinia@2.3.1):
     resolution: {integrity: sha512-3buhA7ac+ssbOIx3VRCC8oHkoFwhDM9oHRCjo7nj+O8WUqnW+jRqh7eYT5eS/DNa3H28zp3dYf/nd/Vc8zj8eQ==}
     peerDependencies:
       '@pinia/nuxt': '>=0.9.0'
@@ -8795,19 +8144,19 @@ packages:
       pinia:
         optional: true
     dependencies:
-      '@nuxt/kit': 3.15.2(magicast@0.3.5)
-      '@pinia/nuxt': 0.9.0(pinia@2.3.0)
+      '@nuxt/kit': 3.15.4(magicast@0.3.5)
+      '@pinia/nuxt': 0.9.0(pinia@2.3.1)
       deep-pick-omit: 1.2.1
       defu: 6.1.4
       destr: 2.0.3
-      pinia: 2.3.0(typescript@5.7.3)
+      pinia: 2.3.1(typescript@5.7.3)
     transitivePeerDependencies:
       - magicast
       - rollup
       - supports-color
 
-  /pinia@2.3.0(typescript@5.7.3):
-    resolution: {integrity: sha512-ohZj3jla0LL0OH5PlLTDMzqKiVw2XARmC1XYLdLWIPBMdhDW/123ZWr4zVAhtJm+aoSkFa13pYXskAvAscIkhQ==}
+  /pinia@2.3.1(typescript@5.7.3):
+    resolution: {integrity: sha512-khUlZSwt9xXCaTbbxFYBKDc/bWAGWJjOgvxETwkTN7KRm66EeT1ZdZj6i2ceh9sP2Pzqsbc704r2yngBrxBVug==}
     peerDependencies:
       typescript: '>=4.4.4'
       vue: ^2.7.0 || ^3.5.11
@@ -8831,7 +8180,7 @@ packages:
     dependencies:
       confbox: 0.1.8
       mlly: 1.7.4
-      pathe: 2.0.1
+      pathe: 2.0.2
 
   /pluralize@8.0.0:
     resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==}
@@ -8854,8 +8203,8 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  /postcss-calc@10.1.0(postcss@8.5.1):
-    resolution: {integrity: sha512-uQ/LDGsf3mgsSUEXmAt3VsCSHR3aKqtEIkmB+4PhzYwRYOW5MZs/GhCCFpsOtJJkP6EC6uGipbrnaTjqaJZcJw==}
+  /postcss-calc@10.1.1(postcss@8.5.1):
+    resolution: {integrity: sha512-NYEsLHh8DgG/PRH2+G9BTuUdtf9ViS+vdoQ0YA5OQdGsfN4ztiwtDWNtBl9EKeqNMFnIu8IKZ0cLxEQ5r5KVMw==}
     engines: {node: ^18.12 || ^20.9 || >=22.0}
     peerDependencies:
       postcss: ^8.4.38
@@ -9289,10 +8638,6 @@ packages:
   /queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
-  /queue-tick@1.0.1:
-    resolution: {integrity: sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag==}
-    dev: true
-
   /radix3@1.1.2:
     resolution: {integrity: sha512-b484I/7b8rDEdSDKckSSBA8knMpcdsXudlE/LNL639wFoHKwLbEkQFZHWEYwDC0wa0FKUcCY+GAF73Z7wxNVFA==}
     dev: true
@@ -9430,7 +8775,7 @@ packages:
   /regenerator-transform@0.15.2:
     resolution: {integrity: sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==}
     dependencies:
-      '@babel/runtime': 7.26.0
+      '@babel/runtime': 7.26.7
     dev: true
 
   /regexp-ast-analysis@0.7.1:
@@ -9555,7 +8900,7 @@ packages:
       glob: 10.4.5
     dev: true
 
-  /rollup-plugin-visualizer@5.14.0(rollup@4.30.1):
+  /rollup-plugin-visualizer@5.14.0(rollup@4.34.0):
     resolution: {integrity: sha512-VlDXneTDaKsHIw8yzJAFWtrzguoJ/LnQ+lMpoVfYJ3jJF4Ihe5oYLAqLklIK/35lgUY+1yEzCkHyZ1j4A5w5fA==}
     engines: {node: '>=18'}
     hasBin: true
@@ -9570,7 +8915,7 @@ packages:
     dependencies:
       open: 8.4.2
       picomatch: 4.0.2
-      rollup: 4.30.1
+      rollup: 4.34.0
       source-map: 0.7.4
       yargs: 17.7.2
     dev: true
@@ -9583,32 +8928,18 @@ packages:
       fsevents: 2.3.3
     dev: true
 
-  /rollup@4.30.1:
-    resolution: {integrity: sha512-mlJ4glW020fPuLi7DkM/lN97mYEZGWeqBnrljzN0gs7GLctqX3lNWxKQ7Gl712UAX+6fog/L3jh4gb7R6aVi3w==}
+  /rollup@4.34.0:
+    resolution: {integrity: sha512-+4C/cgJ9w6sudisA0nZz0+O7lTP9a3CzNLsoDwaRumM8QHwghUsu6tqHXiTmNUp/rqNiM14++7dkzHDyCRs0Jg==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
     dependencies:
       '@types/estree': 1.0.6
     optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.30.1
-      '@rollup/rollup-android-arm64': 4.30.1
-      '@rollup/rollup-darwin-arm64': 4.30.1
-      '@rollup/rollup-darwin-x64': 4.30.1
-      '@rollup/rollup-freebsd-arm64': 4.30.1
-      '@rollup/rollup-freebsd-x64': 4.30.1
-      '@rollup/rollup-linux-arm-gnueabihf': 4.30.1
-      '@rollup/rollup-linux-arm-musleabihf': 4.30.1
-      '@rollup/rollup-linux-arm64-gnu': 4.30.1
-      '@rollup/rollup-linux-arm64-musl': 4.30.1
-      '@rollup/rollup-linux-loongarch64-gnu': 4.30.1
-      '@rollup/rollup-linux-powerpc64le-gnu': 4.30.1
-      '@rollup/rollup-linux-riscv64-gnu': 4.30.1
-      '@rollup/rollup-linux-s390x-gnu': 4.30.1
-      '@rollup/rollup-linux-x64-gnu': 4.30.1
-      '@rollup/rollup-linux-x64-musl': 4.30.1
-      '@rollup/rollup-win32-arm64-msvc': 4.30.1
-      '@rollup/rollup-win32-ia32-msvc': 4.30.1
-      '@rollup/rollup-win32-x64-msvc': 4.30.1
+      '@rollup/rollup-darwin-arm64': 4.34.0
+      '@rollup/rollup-darwin-x64': 4.34.0
+      '@rollup/rollup-linux-x64-gnu': 4.34.0
+      '@rollup/rollup-linux-x64-musl': 4.34.0
+      '@rollup/rollup-win32-x64-msvc': 4.34.0
       fsevents: 2.3.3
 
   /run-applescript@7.0.0:
@@ -9657,6 +8988,43 @@ packages:
       is-regex: 1.2.1
     dev: true
 
+  /sass-loader@16.0.4(sass@1.83.4):
+    resolution: {integrity: sha512-LavLbgbBGUt3wCiYzhuLLu65+fWXaXLmq7YxivLhEqmiupCFZ5sKUAipK3do6V80YSU0jvSxNhEdT13IXNr3rg==}
+    engines: {node: '>= 18.12.0'}
+    peerDependencies:
+      '@rspack/core': 0.x || 1.x
+      node-sass: ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0
+      sass: ^1.3.0
+      sass-embedded: '*'
+      webpack: ^5.0.0
+    peerDependenciesMeta:
+      '@rspack/core':
+        optional: true
+      node-sass:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      webpack:
+        optional: true
+    dependencies:
+      neo-async: 2.6.2
+      sass: 1.83.4
+    dev: true
+
+  /sass@1.83.4:
+    resolution: {integrity: sha512-B1bozCeNQiOgDcLd33e2Cs2U60wZwjUUXzh900ZyQF5qUasvMdDZYbQ566LJu7cqR+sAHlAfO6RMkaID5s6qpA==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+    dependencies:
+      chokidar: 4.0.3
+      immutable: 5.0.3
+      source-map-js: 1.2.1
+    optionalDependencies:
+      '@parcel/watcher': 2.5.1
+    dev: true
+
   /scslre@0.3.0:
     resolution: {integrity: sha512-3A6sD0WYP7+QrjbfNA2FN3FsOaGGFoekCVgTyypy53gPxhbkCIjtO6YWgdrfM+n/8sI8JeXZOIxsHjMTNxQ4nQ==}
     engines: {node: ^14.0.0 || >=16.0.0}
@@ -9681,8 +9049,8 @@ packages:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
 
-  /semver@7.6.3:
-    resolution: {integrity: sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==}
+  /semver@7.7.0:
+    resolution: {integrity: sha512-DrfFnPzblFmNrIZzg5RzHegbiRWg7KMR7btwi2yjHwx06zsUbO5g613sVwEV7FTwmzJu+Io0lJe2GJ3LxqpvBQ==}
     engines: {node: '>=10'}
     hasBin: true
 
@@ -9775,10 +9143,12 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       shebang-regex: 3.0.0
+    dev: true
 
   /shebang-regex@3.0.0:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
     engines: {node: '>=8'}
+    dev: true
 
   /shell-quote@1.8.2:
     resolution: {integrity: sha512-AzqKpGKjrj7EM6rKVQEPpB288oCfnrEIuyoT9cyF4nmGa7V8Zk6f7RRqYisX8X9m+Q7bd632aZW4ky7EhbQztA==}
@@ -9832,6 +9202,7 @@ packages:
   /signal-exit@4.1.0:
     resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
     engines: {node: '>=14'}
+    dev: true
 
   /simple-git@3.27.0:
     resolution: {integrity: sha512-ivHoFS9Yi9GY49ogc6/YAi3Fl9ROnF4VyubNylgCkA+RVqLaKWnDSzXOVzya8csELIaWaYNutsEuAhZrtOjozA==}
@@ -9956,11 +9327,10 @@ packages:
   /std-env@3.8.0:
     resolution: {integrity: sha512-Bc3YwwCB+OzldMxOXJIIvC6cPRWr/LxOp48CdQTOkPyk/t4JWWJbrilwBd7RJzKV8QW7tJkcgAmeuLLJugl5/w==}
 
-  /streamx@2.21.1:
-    resolution: {integrity: sha512-PhP9wUnFLa+91CPy3N6tiQsK+gnYyUNuk15S3YG/zjYE7RuPeCjJngqnzpC31ow0lzBHQ+QGO4cNJnd0djYUsw==}
+  /streamx@2.22.0:
+    resolution: {integrity: sha512-sLh1evHOzBy/iWRiR6d1zRcLao4gGZr3C1kzNz4fopCOKJb6xD9ub8Mpi9Mr1R6id5o43S+d93fI48UC5uM9aw==}
     dependencies:
       fast-fifo: 1.3.2
-      queue-tick: 1.0.1
       text-decoder: 1.2.3
     optionalDependencies:
       bare-events: 2.5.4
@@ -10078,6 +9448,7 @@ packages:
   /strip-final-newline@3.0.0:
     resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
     engines: {node: '>=12'}
+    dev: true
 
   /strip-indent@3.0.0:
     resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
@@ -10095,12 +9466,12 @@ packages:
     resolution: {integrity: sha512-631UJ6O00eNGfMiWG78ck80dfBab8X6IVFB51jZK5Icd7XAs60Z5y7QdSd/wGIklnWvRbUNloVzhOKKmutxQ6Q==}
     dependencies:
       js-tokens: 9.0.1
+    dev: true
 
   /strip-literal@3.0.0:
     resolution: {integrity: sha512-TcccoMhJOM3OebGhSBEmp3UZ2SfDMZUEBdRA/9ynfLi8yYajyWX3JiXArcJt4Umh4vISpspkQIY8ZZoCqjbviA==}
     dependencies:
       js-tokens: 9.0.1
-    dev: true
 
   /stylehacks@7.0.4(postcss@8.5.1):
     resolution: {integrity: sha512-i4zfNrGMt9SB4xRK9L83rlsFCgdGANfeDAYacO1pkqcE7cRHPdWHwnKZVz7WY17Veq/FvyYsRAU++Ga+qDFIww==}
@@ -10249,7 +9620,7 @@ packages:
     dependencies:
       b4a: 1.6.7
       fast-fifo: 1.3.2
-      streamx: 2.21.1
+      streamx: 2.22.0
     dev: true
 
   /tar@6.2.1:
@@ -10326,7 +9697,6 @@ packages:
 
   /tinyexec@0.3.2:
     resolution: {integrity: sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==}
-    dev: true
 
   /tinyglobby@0.2.10:
     resolution: {integrity: sha512-Zc+8eJlFMvgatPZTl6A9L/yht8QqdmUNtURHaKZLmKBE12hNPSrqNkUp2cs3M/UKmNVVAMFQYSjYIVHDjW5zew==}
@@ -10395,17 +9765,6 @@ packages:
     engines: {node: '>=0.6.x'}
     dev: true
 
-  /tsx@4.19.2:
-    resolution: {integrity: sha512-pOUl6Vo2LUq/bSa8S5q7b91cgNSjctn9ugq/+Mvow99qW6x/UZYwzxy/3NmqoT66eHYfCVvFvACC58UBPFf28g==}
-    engines: {node: '>=18.0.0'}
-    hasBin: true
-    dependencies:
-      esbuild: 0.23.1
-      get-tsconfig: 4.8.1
-    optionalDependencies:
-      fsevents: 2.3.3
-    dev: true
-
   /type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
@@ -10438,8 +9797,8 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /type-fest@4.32.0:
-    resolution: {integrity: sha512-rfgpoi08xagF3JSdtJlCwMq9DGNDE0IMh3Mkpc1wUypg9vPi786AiqeBBKcqvIkq42azsBM85N490fyZjeUftw==}
+  /type-fest@4.33.0:
+    resolution: {integrity: sha512-s6zVrxuyKbbAsSAD5ZPTB77q4YIdRctkTbJ2/Dqlinwz+8ooH2gd+YA7VA6Pa93KML9GockVvoxjZ2vHP+mu8g==}
     engines: {node: '>=16'}
     dev: true
 
@@ -10465,7 +9824,7 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.8
-      for-each: 0.3.3
+      for-each: 0.3.4
       gopd: 1.2.0
       has-proto: 1.2.0
       is-typed-array: 1.1.15
@@ -10477,7 +9836,7 @@ packages:
     dependencies:
       available-typed-arrays: 1.0.7
       call-bind: 1.0.8
-      for-each: 0.3.3
+      for-each: 0.3.4
       gopd: 1.2.0
       has-proto: 1.2.0
       is-typed-array: 1.1.15
@@ -10489,7 +9848,7 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       call-bind: 1.0.8
-      for-each: 0.3.3
+      for-each: 0.3.4
       gopd: 1.2.0
       is-typed-array: 1.1.15
       possible-typed-array-names: 1.0.0
@@ -10518,16 +9877,6 @@ packages:
       which-boxed-primitive: 1.1.1
     dev: true
 
-  /unconfig@0.6.0:
-    resolution: {integrity: sha512-4C67J0nIF2QwSXty2kW3zZx1pMZ3iXabylvJWWgHybWVUcMf9pxwsngoQt0gC+AVstRywFqrRBp3qOXJayhpOw==}
-    dependencies:
-      '@antfu/utils': 0.7.10
-      defu: 6.1.4
-      importx: 0.5.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /uncrypto@0.1.3:
     resolution: {integrity: sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q==}
     dev: true
@@ -10550,7 +9899,7 @@ packages:
       consola: 3.4.0
       defu: 6.1.4
       mime: 3.0.0
-      node-fetch-native: 1.6.4
+      node-fetch-native: 1.6.6
       pathe: 1.1.2
     dev: true
 
@@ -10590,10 +9939,10 @@ packages:
     resolution: {integrity: sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==}
     engines: {node: '>=18'}
 
-  /unimport@3.14.6(rollup@4.30.1):
+  /unimport@3.14.6(rollup@4.34.0):
     resolution: {integrity: sha512-CYvbDaTT04Rh8bmD8jz3WPmHYZRG/NnvYVzwD6V1YAlvvKROlAeNDUBhkBGzNav2RKaeuXvlWYaa1V4Lfi/O0g==}
     dependencies:
-      '@rollup/pluginutils': 5.1.4(rollup@4.30.1)
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.0)
       acorn: 8.14.0
       escape-string-regexp: 5.0.0
       estree-walker: 3.0.3
@@ -10601,7 +9950,7 @@ packages:
       local-pkg: 1.0.0
       magic-string: 0.30.17
       mlly: 1.7.4
-      pathe: 2.0.1
+      pathe: 2.0.2
       picomatch: 4.0.2
       pkg-types: 1.3.1
       scule: 1.3.0
@@ -10609,6 +9958,28 @@ packages:
       unplugin: 2.1.2
     transitivePeerDependencies:
       - rollup
+    dev: true
+
+  /unimport@4.0.0:
+    resolution: {integrity: sha512-FH+yZ36YaVlh0ZjHesP20Q4uL+wL0EqTNxDZcUupsIn6WRYXZAbIYEMDLTaLBpkNVzFpqZXS+am51/HR3ANUNw==}
+    engines: {node: '>=18.12.0'}
+    dependencies:
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.0)
+      acorn: 8.14.0
+      escape-string-regexp: 5.0.0
+      estree-walker: 3.0.3
+      fast-glob: 3.3.3
+      local-pkg: 1.0.0
+      magic-string: 0.30.17
+      mlly: 1.7.4
+      pathe: 2.0.2
+      picomatch: 4.0.2
+      pkg-types: 1.3.1
+      scule: 1.3.0
+      strip-literal: 3.0.0
+      unplugin: 2.1.2
+    transitivePeerDependencies:
+      - rollup
 
   /unique-string@2.0.0:
     resolution: {integrity: sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==}
@@ -10649,43 +10020,6 @@ packages:
     engines: {node: '>= 10.0.0'}
     dev: true
 
-  /unocss@0.65.4(@unocss/webpack@0.65.4)(postcss@8.5.1):
-    resolution: {integrity: sha512-KUCW5OzI20Ik6j1zXkkrpWhxZ59TwSKl6+DvmYHEzMfaEcrHlBZaFSApAoSt2CYSvo6SluGiKyr+Im1UTkd4KA==}
-    engines: {node: '>=14'}
-    peerDependencies:
-      '@unocss/webpack': 0.65.4
-      vite: ^6.0.6
-    peerDependenciesMeta:
-      '@unocss/webpack':
-        optional: true
-      vite:
-        optional: true
-    dependencies:
-      '@unocss/astro': 0.65.4
-      '@unocss/cli': 0.65.4
-      '@unocss/core': 0.65.4
-      '@unocss/postcss': 0.65.4(postcss@8.5.1)
-      '@unocss/preset-attributify': 0.65.4
-      '@unocss/preset-icons': 0.65.4
-      '@unocss/preset-mini': 0.65.4
-      '@unocss/preset-tagify': 0.65.4
-      '@unocss/preset-typography': 0.65.4
-      '@unocss/preset-uno': 0.65.4
-      '@unocss/preset-web-fonts': 0.65.4
-      '@unocss/preset-wind': 0.65.4
-      '@unocss/transformer-attributify-jsx': 0.65.4
-      '@unocss/transformer-compile-class': 0.65.4
-      '@unocss/transformer-directives': 0.65.4
-      '@unocss/transformer-variant-group': 0.65.4
-      '@unocss/vite': 0.65.4
-      '@unocss/webpack': 0.65.4
-    transitivePeerDependencies:
-      - postcss
-      - rollup
-      - supports-color
-      - vue
-    dev: true
-
   /unplugin-auto-import@19.0.0:
     resolution: {integrity: sha512-TREXtXqCM6YLy3rE2tjvKZEaCiPlP2e5bmnRKaS8AM2MlNgjV7UP4RPieWIfs4Isv0GoeHmov956PIIvJYdqpQ==}
     engines: {node: '>=14'}
@@ -10699,11 +10033,11 @@ packages:
         optional: true
     dependencies:
       '@antfu/utils': 0.7.10
-      '@rollup/pluginutils': 5.1.4(rollup@4.30.1)
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.0)
       local-pkg: 0.5.1
       magic-string: 0.30.17
       picomatch: 4.0.2
-      unimport: 3.14.6(rollup@4.30.1)
+      unimport: 3.14.6(rollup@4.34.0)
       unplugin: 2.1.2
     transitivePeerDependencies:
       - rollup
@@ -10723,7 +10057,7 @@ packages:
         optional: true
     dependencies:
       '@antfu/utils': 0.7.10
-      '@rollup/pluginutils': 5.1.4(rollup@4.30.1)
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.0)
       chokidar: 3.6.0
       debug: 4.4.0(supports-color@9.4.0)
       fast-glob: 3.3.3
@@ -10737,25 +10071,25 @@ packages:
       - supports-color
     dev: true
 
-  /unplugin-vue-router@0.10.9(vue-router@4.5.0)(vue@3.5.13):
-    resolution: {integrity: sha512-DXmC0GMcROOnCmN56GRvi1bkkG1BnVs4xJqNvucBUeZkmB245URvtxOfbo3H6q4SOUQQbLPYWd6InzvjRh363A==}
+  /unplugin-vue-router@0.11.2(vue-router@4.5.0)(vue@3.5.13):
+    resolution: {integrity: sha512-X8BbQ3BNnMqaCYeMj80jtz5jC4AB0jcpdmECIYey9qKm6jy/upaPZ/WzfuT+iTGRiQAY4WemHueXxuzH127oOg==}
     peerDependencies:
       vue-router: ^4.4.0
     peerDependenciesMeta:
       vue-router:
         optional: true
     dependencies:
-      '@babel/types': 7.26.5
-      '@rollup/pluginutils': 5.1.4(rollup@4.30.1)
-      '@vue-macros/common': 1.15.1(vue@3.5.13)
+      '@babel/types': 7.26.7
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.0)
+      '@vue-macros/common': 1.16.1(vue@3.5.13)
       ast-walker-scope: 0.6.2
       chokidar: 3.6.0
       fast-glob: 3.3.3
       json5: 2.2.3
-      local-pkg: 0.5.1
+      local-pkg: 1.0.0
       magic-string: 0.30.17
       mlly: 1.7.4
-      pathe: 1.1.2
+      pathe: 2.0.2
       scule: 1.3.0
       unplugin: 2.1.2
       vue-router: 4.5.0(vue@3.5.13)
@@ -10772,7 +10106,7 @@ packages:
       acorn: 8.14.0
       webpack-virtual-modules: 0.6.2
 
-  /unstorage@1.14.4(db0@0.2.1)(ioredis@5.4.2):
+  /unstorage@1.14.4(db0@0.2.3)(ioredis@5.4.2):
     resolution: {integrity: sha512-1SYeamwuYeQJtJ/USE1x4l17LkmQBzg7deBJ+U9qOBoHo15d1cDxG4jM31zKRgF7pG0kirZy4wVMX6WL6Zoscg==}
     peerDependencies:
       '@azure/app-configuration': ^1.8.0
@@ -10833,12 +10167,12 @@ packages:
     dependencies:
       anymatch: 3.1.3
       chokidar: 3.6.0
-      db0: 0.2.1
+      db0: 0.2.3
       destr: 2.0.3
-      h3: 1.13.1
+      h3: 1.14.0
       ioredis: 5.4.2
       lru-cache: 10.4.3
-      node-fetch-native: 1.6.4
+      node-fetch-native: 1.6.6
       ofetch: 1.4.1
       ufo: 1.5.4
     dev: true
@@ -10856,9 +10190,9 @@ packages:
     resolution: {integrity: sha512-eL/8PlhLcMmlMDtNPKhyyz9kEBDS3Uk4yMu/ewlkT2WFbtzScjHWPJLdQLmaGPUKjXzwe9MumOtOgc4Fro96Kg==}
     hasBin: true
     dependencies:
-      '@babel/core': 7.26.0
-      '@babel/standalone': 7.26.6
-      '@babel/types': 7.26.5
+      '@babel/core': 7.26.7
+      '@babel/standalone': 7.26.7
+      '@babel/types': 7.26.7
       citty: 0.1.6
       defu: 6.1.4
       jiti: 2.4.2
@@ -10940,16 +10274,16 @@ packages:
       vite: ^6.0.6
     dev: true
 
-  /vite-node@2.1.8(@types/node@22.10.7)(jiti@2.4.2):
-    resolution: {integrity: sha512-uPAwSr57kYjAUux+8E2j0q0Fxpn8M9VoyfGiRI8Kfktz9NcYMCenwY5RnZxnF1WTu3TGiYipirIzacLL3VVGFg==}
-    engines: {node: ^18.0.0 || >=20.0.0}
+  /vite-node@3.0.4(@types/node@22.13.0)(jiti@2.4.2)(sass@1.83.4):
+    resolution: {integrity: sha512-7JZKEzcYV2Nx3u6rlvN8qdo3QV7Fxyt6hx+CCKz9fbWxdX5IvUOmTWEAxMrWxaiSf7CKGLJQ5rFu8prb/jBjOA==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
     dependencies:
       cac: 6.7.14
       debug: 4.4.0(supports-color@9.4.0)
       es-module-lexer: 1.6.0
-      pathe: 1.1.2
-      vite: 6.0.7(@types/node@22.10.7)(jiti@2.4.2)
+      pathe: 2.0.2
+      vite: 6.0.11(@types/node@22.13.0)(jiti@2.4.2)(sass@1.83.4)
     transitivePeerDependencies:
       - '@types/node'
       - jiti
@@ -10965,7 +10299,7 @@ packages:
       - yaml
     dev: true
 
-  /vite-plugin-checker@0.8.0(eslint@9.18.0)(typescript@5.7.3)(vite@6.0.7)(vue-tsc@2.2.0):
+  /vite-plugin-checker@0.8.0(eslint@9.19.0)(typescript@5.7.3)(vite@6.0.11)(vue-tsc@2.2.0):
     resolution: {integrity: sha512-UA5uzOGm97UvZRTdZHiQVYFnd86AVn8EVaD4L3PoVzxH+IZSfaAw14WGFwX9QS23UW3lV/5bVKZn6l0w+q9P0g==}
     engines: {node: '>=14.16'}
     peerDependencies:
@@ -11004,14 +10338,14 @@ packages:
       chalk: 4.1.2
       chokidar: 3.6.0
       commander: 8.3.0
-      eslint: 9.18.0
+      eslint: 9.19.0
       fast-glob: 3.3.3
       fs-extra: 11.3.0
       npm-run-path: 4.0.1
       strip-ansi: 6.0.1
       tiny-invariant: 1.3.3
       typescript: 5.7.3
-      vite: 6.0.7(@types/node@22.10.7)(jiti@2.4.2)
+      vite: 6.0.11(@types/node@22.13.0)(jiti@2.4.2)(sass@1.83.4)
       vscode-languageclient: 7.0.0
       vscode-languageserver: 7.0.0
       vscode-languageserver-textdocument: 1.0.12
@@ -11019,7 +10353,7 @@ packages:
       vue-tsc: 2.2.0(typescript@5.7.3)
     dev: true
 
-  /vite-plugin-inspect@0.10.6(@nuxt/kit@3.15.2):
+  /vite-plugin-inspect@0.10.6(@nuxt/kit@3.15.4):
     resolution: {integrity: sha512-R3pwljjBbjFM2sZvy6Zvynnm51oaEwLYyYPk9Wp2lF97w/YMBq+KtTJXpCA17IO2pImX0bWA6WB05kuqRnkuyQ==}
     engines: {node: '>=14'}
     peerDependencies:
@@ -11030,8 +10364,8 @@ packages:
         optional: true
     dependencies:
       '@antfu/utils': 0.7.10
-      '@nuxt/kit': 3.15.2(magicast@0.3.5)
-      '@rollup/pluginutils': 5.1.4(rollup@4.30.1)
+      '@nuxt/kit': 3.15.4(magicast@0.3.5)
+      '@rollup/pluginutils': 5.1.4(rollup@4.34.0)
       debug: 4.4.0(supports-color@9.4.0)
       error-stack-parser-es: 0.1.5
       fs-extra: 11.3.0
@@ -11069,12 +10403,12 @@ packages:
     peerDependencies:
       vite: ^6.0.6
     dependencies:
-      '@babel/core': 7.26.0
-      '@babel/plugin-proposal-decorators': 7.25.9(@babel/core@7.26.0)
-      '@babel/plugin-syntax-import-attributes': 7.26.0(@babel/core@7.26.0)
-      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.26.0)
-      '@babel/plugin-transform-typescript': 7.26.5(@babel/core@7.26.0)
-      '@vue/babel-plugin-jsx': 1.2.5(@babel/core@7.26.0)
+      '@babel/core': 7.26.7
+      '@babel/plugin-proposal-decorators': 7.25.9(@babel/core@7.26.7)
+      '@babel/plugin-syntax-import-attributes': 7.26.0(@babel/core@7.26.7)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.26.7)
+      '@babel/plugin-transform-typescript': 7.26.7(@babel/core@7.26.7)
+      '@vue/babel-plugin-jsx': 1.2.5(@babel/core@7.26.7)
       '@vue/compiler-dom': 3.5.13
       kolorist: 1.8.0
       magic-string: 0.30.17
@@ -11082,8 +10416,8 @@ packages:
       - supports-color
     dev: true
 
-  /vite@6.0.7(@types/node@22.10.7)(jiti@2.4.2):
-    resolution: {integrity: sha512-RDt8r/7qx9940f8FcOIAH9PTViRrghKaK2K1jY3RaAURrEUbm9Du1mJ72G+jlhtG3WwodnfzY8ORQZbBavZEAQ==}
+  /vite@6.0.11(@types/node@22.13.0)(jiti@2.4.2)(sass@1.83.4):
+    resolution: {integrity: sha512-4VL9mQPKoHy4+FE0NnRE/kbY51TOfaknxAjt3fJbGJxhIpBZiqVzlZDEesWWsuREXHwNdAoOFZ9MkPEVXczHwg==}
     engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
     hasBin: true
     peerDependencies:
@@ -11122,11 +10456,12 @@ packages:
       yaml:
         optional: true
     dependencies:
-      '@types/node': 22.10.7
+      '@types/node': 22.13.0
       esbuild: 0.24.2
       jiti: 2.4.2
       postcss: 8.5.1
-      rollup: 4.30.1
+      rollup: 4.34.0
+      sass: 1.83.4
     optionalDependencies:
       fsevents: 2.3.3
     dev: true
@@ -11148,7 +10483,7 @@ packages:
     engines: {vscode: ^1.52.0}
     dependencies:
       minimatch: 3.1.2
-      semver: 7.6.3
+      semver: 7.7.0
       vscode-languageserver-protocol: 3.16.0
     dev: true
 
@@ -11200,30 +10535,24 @@ packages:
     resolution: {integrity: sha512-RutnB7X8c5hjq39NceArgXg28WZtZpGc3+J16ljMiYnFhKvd8hITxSWQSQ5bvldxMDU6gG5mkxl1MTQLXckVSQ==}
     dev: true
 
-  /vue-eslint-parser@9.4.3(eslint@9.18.0):
+  /vue-eslint-parser@9.4.3(eslint@9.19.0):
     resolution: {integrity: sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '>=6.0.0'
     dependencies:
       debug: 4.4.0(supports-color@9.4.0)
-      eslint: 9.18.0
+      eslint: 9.19.0
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
       esquery: 1.6.0
       lodash: 4.17.21
-      semver: 7.6.3
+      semver: 7.7.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /vue-flow-layout@0.1.1:
-    resolution: {integrity: sha512-JdgRRUVrN0Y2GosA0M68DEbKlXMqJ7FQgsK8CjQD2vxvNSqAU6PZEpi4cfcTVtfM2GVOMjHo7GKKLbXxOBqDqA==}
-    peerDependencies:
-      vue: ^3.4.37
-    dev: true
-
   /vue-router@4.5.0(vue@3.5.13):
     resolution: {integrity: sha512-HDuk+PuH5monfNuY+ct49mNmkCRK4xJAV9Ts4z9UFc4rzdDnxQLyCMGGc8pKhZhHTVzfanpNwB/lwqevcBwI4w==}
     peerDependencies:
@@ -11281,11 +10610,6 @@ packages:
     resolution: {integrity: sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==}
     dev: true
 
-  /webpack-sources@3.2.3:
-    resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}
-    engines: {node: '>=10.13.0'}
-    dev: true
-
   /webpack-virtual-modules@0.6.2:
     resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
 
@@ -11322,7 +10646,7 @@ packages:
       call-bound: 1.0.3
       function.prototype.name: 1.1.8
       has-tostringtag: 1.0.2
-      is-async-function: 2.1.0
+      is-async-function: 2.1.1
       is-date-object: 1.1.0
       is-finalizationregistry: 1.1.1
       is-generator-function: 1.1.0
@@ -11351,7 +10675,7 @@ packages:
       available-typed-arrays: 1.0.7
       call-bind: 1.0.8
       call-bound: 1.0.3
-      for-each: 0.3.3
+      for-each: 0.3.4
       gopd: 1.2.0
       has-tostringtag: 1.0.2
     dev: true
@@ -11362,6 +10686,7 @@ packages:
     hasBin: true
     dependencies:
       isexe: 2.0.0
+    dev: true
 
   /which@3.0.1:
     resolution: {integrity: sha512-XA1b62dzQzLfaEOSQFTCOd5KFf/1VSzZo7/7TUjnya6u0vGGKzU96UQBZTAThCb2j4/xjBAyii1OhRLJEivHvg==}
@@ -11394,10 +10719,10 @@ packages:
     engines: {node: '>=16.0.0'}
     dependencies:
       '@apideck/better-ajv-errors': 0.3.6(ajv@8.17.1)
-      '@babel/core': 7.26.0
-      '@babel/preset-env': 7.26.0(@babel/core@7.26.0)
-      '@babel/runtime': 7.26.0
-      '@rollup/plugin-babel': 5.3.1(@babel/core@7.26.0)(rollup@2.79.2)
+      '@babel/core': 7.26.7
+      '@babel/preset-env': 7.26.7(@babel/core@7.26.7)
+      '@babel/runtime': 7.26.7
+      '@rollup/plugin-babel': 5.3.1(@babel/core@7.26.7)(rollup@2.79.2)
       '@rollup/plugin-node-resolve': 15.3.1(rollup@2.79.2)
       '@rollup/plugin-replace': 2.4.2(rollup@2.79.2)
       '@rollup/plugin-terser': 0.4.4(rollup@2.79.2)
diff --git a/tailwind.config.js b/tailwind.config.js
index 4ee43ef..42e5c77 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,45 +1,24 @@
-// tailwind.config.js
 /** @type {import('tailwindcss').Config} */
-module.exports = {
+export default {
   content: [
-    "./components/**/*.{js,vue,ts}",
-    "./layouts/**/*.vue",
-    "./pages/**/*.vue",
-    "./plugins/**/*.{js,ts}",
-    "./app.vue",
-    "./error.vue",
+    './components/**/*.{js,vue,ts}',
+    './layouts/**/*.vue',
+    './pages/**/*.vue',
+    './plugins/**/*.{js,ts}',
+    './app.vue',
+    './error.vue',
   ],
   theme: {
     extend: {
-      // 自定义颜色
       colors: {
-        primary: {
-          50: '#f0f9ff',
-          100: '#e0f2fe',
-          200: '#bae6fd',
-          300: '#7dd3fc',
-          400: '#38bdf8',
-          500: '#0ea5e9',
-          600: '#0284c7',
-          700: '#0369a1',
-          800: '#075985',
-          900: '#0c4a6e',
-        },
+        // 自定义颜色
+        primary: '#3eaf7c',
       },
-      // 自定义字体
       fontFamily: {
+        // 自定义字体
         sans: ['Inter var', 'sans-serif'],
       },
-      // 自定义断点
-      screens: {
-        'xs': '475px',
-      },
     },
   },
   plugins: [],
-  // 禁用预加载（可选）
-  future: {
-    removeDeprecatedGapUtilities: true,
-    purgeLayersByDefault: true,
-  },
-}
\ No newline at end of file
+}
diff --git a/tsconfig.json b/tsconfig.json
index a72a26b..71680a2 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,6 +1,9 @@
 {
   "extends": "./.nuxt/tsconfig.json",
   "compilerOptions": {
+    "paths": {
+      "@/*": ["./*"]
+    },
     "types": [
       "naive-ui/volar"
     ]

From 21e94f048cc56c4e359b4bfb080ae1825ec583ec Mon Sep 17 00:00:00 2001
From: shenhan <shenhanfly@163.com>
Date: Thu, 6 Feb 2025 15:18:00 +0800
Subject: [PATCH 2/4] update

---
 README.md                                    |   4 +
 app/components.d.ts                          |   2 +
 app/components/EditUserInfo.vue              |   6 +-
 app/components/PersonalCenterCard.vue        | 119 ++++---
 app/components/WangEditor.vue                |  49 +++
 app/components/publishModel/CreateModels.vue | 262 ++++++++++++++
 app/components/publishModel/EditVersion.vue  | 314 +++++++++++++++++
 app/middleware/auth.global.ts                |   2 +-
 app/pages/personal-center/index.vue          |  88 ++++-
 app/pages/publish-model/index.vue            | 352 ++++++++++---------
 app/pages/workflow-details/[id].vue          | 103 +++++-
 app/utils/uploadImg.ts                       |   2 +-
 nuxt.config.ts                               |   4 +-
 package.json                                 |   2 +
 pnpm-lock.yaml                               | 162 ++++++++-
 15 files changed, 1234 insertions(+), 237 deletions(-)
 create mode 100644 app/components/WangEditor.vue
 create mode 100644 app/components/publishModel/CreateModels.vue
 create mode 100644 app/components/publishModel/EditVersion.vue

diff --git a/README.md b/README.md
index 459296c..bfd8250 100644
--- a/README.md
+++ b/README.md
@@ -59,6 +59,10 @@ We recommend using [VS Code](https://code.visualstudio.com/) with [Volar](https:
 - [vitesse-nuxt-bridge](https://github.com/antfu/vitesse-nuxt-bridge) - Vitesse for Nuxt 2 with Bridge
 - [vitesse-webext](https://github.com/antfu/vitesse-webext) - WebExtension Vite starter template
 
+## rich text
+
+- [wangEditor](https://www.wangeditor.com/v5/for-frame.html#%E5%AE%89%E8%A3%85-1) - Opinionated Astro Starter Template
+
 ## Try it now!
 
 ### Online
diff --git a/app/components.d.ts b/app/components.d.ts
index c31e69f..b4c9ad0 100644
--- a/app/components.d.ts
+++ b/app/components.d.ts
@@ -12,11 +12,13 @@ declare module 'vue' {
     NBadge: typeof import('naive-ui')['NBadge']
     NButton: typeof import('naive-ui')['NButton']
     NCard: typeof import('naive-ui')['NCard']
+    NCascader: typeof import('naive-ui')['NCascader']
     NCheckbox: typeof import('naive-ui')['NCheckbox']
     NCheckboxGroup: typeof import('naive-ui')['NCheckboxGroup']
     NConfigProvider: typeof import('naive-ui')['NConfigProvider']
     NDatePicker: typeof import('naive-ui')['NDatePicker']
     NDropdown: typeof import('naive-ui')['NDropdown']
+    NDynamicTags: typeof import('naive-ui')['NDynamicTags']
     NForm: typeof import('naive-ui')['NForm']
     NFormItem: typeof import('naive-ui')['NFormItem']
     NFormItemGi: typeof import('naive-ui')['NFormItemGi']
diff --git a/app/components/EditUserInfo.vue b/app/components/EditUserInfo.vue
index 280ef23..a1d3110 100644
--- a/app/components/EditUserInfo.vue
+++ b/app/components/EditUserInfo.vue
@@ -49,7 +49,7 @@ async function handlePictureChange(event: Event) {
     event.target.value = ''
     ruleForm.value.avatar = pictureResultList[0]
   }
-  catch (error) {
+  catch (error: any) {
     message.error('图片上传失败')
   }
 }
@@ -83,7 +83,9 @@ onMounted(() => {
     :mask-closable="false"
   >
     <div class="rounded-full flex justify-center overflow-hidden mb-4">
-      <img class="block w-[60px] h-[60px] rounded-full" :src="ruleForm.avatar || defaultAvatar" alt="编辑">
+      <client-only>
+        <img class="block w-[60px] h-[60px] rounded-full" :src="ruleForm.avatar || defaultAvatar" alt="编辑">
+      </client-only>
     </div>
     <div class="flex justify-center mb-2">
       <button class="cursor-pointer text-center text-base text-[#222] dark:text-[#fff] dark:border-[#AABEFF1A] border-0  bg-[#F1F2F8] hover:bg-[#ECEEF5] dark:bg-[#1C1D29] dark:hover:bg-[#2A2D3D]  font-medium leading-[3rem] w-[116px] h-12 rounded-lg" @click="handlePictureInput">
diff --git a/app/components/PersonalCenterCard.vue b/app/components/PersonalCenterCard.vue
index 71435c2..385784b 100644
--- a/app/components/PersonalCenterCard.vue
+++ b/app/components/PersonalCenterCard.vue
@@ -3,7 +3,6 @@ import {
   CircleAlert,
   Download,
   EllipsisVertical,
-  ImagePlay,
   Play,
 } from 'lucide-vue-next'
 import { ref } from 'vue'
@@ -53,7 +52,7 @@ function handleSelect(event: Event, key: string) {
 
 // 置顶
 interface TopUrlType {
-  [key: string]: string
+  [key: string | number]: string
 }
 const topUrl = ref<TopUrlType>({
   0: 'model',
@@ -75,50 +74,76 @@ async function handleTop() {
 }
 
 // 删除
-async function handleDelete() {
-  if (props.currentType === '0') {
+
+interface Response {
+  code: number
+}
+
+async function handleDelete(): Promise<void> {
+  const { currentType, item } = props
+  let url: string
+
+  switch (currentType) {
+    case '0':
+      url = `/model/delete?id=${item.id}`
+      break
+    case '1':
+      url = `/WorkFlow/deleteWorkFlow?id=${item.id}`
+      break
+    default:
+      url = `/image/delete?id=${item.id}`
+      break
   }
-  else if (props.currentType === '1') {
-    try {
-      const res = await request.get(`/WorkFlow/deleteWorkFlow?id=${props.item.id}`)
-      if (res.code === 200) {
-        // 刷新列表
-        emit('topedRefresh')
-      }
+
+  try {
+    const res: Response = await request.get(url)
+    if (res.code === 200) {
+      // 刷新列表
+      emit('topedRefresh')
     }
-    catch (e) {}
   }
-  else {
-    try {
-      const res = await request.get(`/image/delete/${props.item.id}`)
-      if (res.code === 200) {
-        // 刷新列表
-        emit('topedRefresh')
-      }
-    }
-    catch (e) {}
+  catch (e) {
+    // 统一处理错误
+    console.error('删除操作失败:', e)
   }
 }
+function getFirstImagePath(imagePaths: string): string {
+  if (!imagePaths)
+    return ''
+  return imagePaths.split(',')[0] || ''
+}
 </script>
 
 <template>
   <div>
     <div v-if="currentState === 'like' && currentType === '2'">
       <div
-        class="h-80 rounded-2xl overflow-hidden cursor-pointer relative"
+        class="h-80 rounded-2xl overflow-hidden cursor-pointer relative group"
         @click="toDetails"
       >
-        <img class="w-full h-full object-cover block" :src="item.userAvatar" alt="">
-        <div
-          class="absolute w-full h-full top-0 left-0 flex justify-between items-center px-4 py-4 box-border bg-[#000] bg-opacity-40"
+        <img
+          class="w-full h-full object-cover block"
+          :src="getFirstImagePath(item.imagePaths)"
+          alt=""
         >
-          <div>
-            <img class="w-[40px] h-[40px] rounded-full" :src="item.avatar" alt="">
-            <span>元影AIATIDD</span>
+        <div
+          class="absolute w-full h-full top-0 left-0 flex justify-between px-4 py-4 box-border bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300"
+        >
+          <div class="flex items-center h-6">
+            <img
+              class="w-6 h-6 rounded-full"
+              :src="item.userAvatar"
+              alt="头像"
+            >
+            <span class="ml-2 h-5 text-gray-300 text-[12px]">{{ item.userName }}</span>
           </div>
-          <div class="flex items-center justify-center rounded-lg bg-[#fceceb] p-2">
-            <img src="@/assets/img/heart.png" class="w-[20px] h-[20px] mr-1" alt="">
-            <span class="font-bold text-[12px] text-[#ff5e5e]">123</span>
+          <div class="flex items-center h-7 justify-center rounded-xl bg-[#fceceb] p-2">
+            <img
+              src="@/assets/img/heart.png"
+              class="w-3 h-3 mr-1"
+              alt="❤️"
+            >
+            <span class="text-xs text-[#000]">{{ item.likeNum }}</span>
           </div>
         </div>
       </div>
@@ -128,7 +153,9 @@ async function handleDelete() {
         class="h-80 rounded-2xl overflow-hidden cursor-pointer relative"
         @click="toDetails"
       >
-        <img class="w-full h-full object-cover block" :src="item.userAvatar" alt="">
+        <img v-if="currentType === '0'" class="w-full h-full object-cover block" :src="item.surfaceUrl" alt="">
+        <img v-if="currentType === '1'" class="w-full h-full object-cover block" :src="item.coverPath" alt="">
+        <img v-if="currentType === '2'" class="w-full h-full object-cover block" :src="item.imagePaths" alt="">
         <div
           v-if="currentState === 'mallProduct' && item.isTop === 1"
           class="text-[#58c08e] border-[#58c08e] border-solid border-[1px] bg-white rounded-lg px-1 w-10 text-[12px] ml-2 text-center absolute top-4 right-8"
@@ -150,18 +177,18 @@ async function handleDelete() {
           class="modelSelectByUserIdModel w-full h-full top-0 left-0 flex px-4 py-4 box-border"
         >
           <div
-            v-if="currentState === 'mallProduct' && currentType === '0' && item.modelName"
-            class="text-white text-[12px] px-3 bg-[#000] bg-opacity-40 rounded-lg h-[20px]"
+            v-if="currentState === 'mallProduct' && currentType === '0'"
+            class="text-white text-[12px] px-3 bg-[#000] bg-opacity-40 rounded-lg h-[20px] leading-relaxed"
           >
             <span>
-              {{ item.modelName }}
+              {{ item.modelType }}
             </span>
           </div>
           <div
             v-if="currentState === 'mallProduct' && currentType === '1'"
-            class="text-white text-[12px] px-3 bg-[#000] bg-opacity-40 rounded-lg h-[20px]"
+            class="text-white text-[12px] px-3 bg-[#000] bg-opacity-40 rounded-lg h-[20px] leading-relaxed"
           >
-            <span> 工作流 </span>
+            工作流
           </div>
           <div
             v-if="currentState === 'mallProduct'"
@@ -179,7 +206,7 @@ async function handleDelete() {
                   编辑
                 </div>
                 <div
-                  class="menu-item text-red"
+                  class="menu-item text-red-600"
                   @click="(event) => handleSelect(event, 'delete')"
                 >
                   删除
@@ -196,20 +223,20 @@ async function handleDelete() {
           >
             <component :is="Play" class="h-[14px] w-[14px] text-white menu-icon m-1" />
             <span v-if="currentType === '0'">
-              {{ item.reals }}
+              {{ item.reals || 0 }}
             </span>
             <span v-if="currentType === '1'">
-              {{ item.useNumber }}
+              {{ item.useNumber || 0 }}
             </span>
             <component
               :is="Download"
               class="h-[14px] w-[14px] text-white menu-icon m-1"
             />
             <span v-if="currentType === '0'">
-              {{ item.numbers }}
+              {{ item.numbers || 0 }}
             </span>
             <span v-if="currentType === '1'">
-              {{ item.downloadNumber }}
+              {{ item.downloadNumber || 0 }}
             </span>
             <!-- <component
               :is="ImagePlay"
@@ -220,7 +247,13 @@ async function handleDelete() {
       </div>
       <div v-if="currentType !== '2'" class="mt-2 text-[12px] text-[#67787e]">
         <div class="text-[#000] mb-1">
-          版本名称1 版本名称12
+          <span v-if="currentType === '0'">
+            {{ item.modelName }}
+          </span>
+          <span v-if="currentType === '1'">
+            {{ item.workflowName }}
+          </span>
+
           <!-- <span>{{ item.userName }}</span> -->
         </div>
         <div class="flex">
diff --git a/app/components/WangEditor.vue b/app/components/WangEditor.vue
new file mode 100644
index 0000000..3d737cd
--- /dev/null
+++ b/app/components/WangEditor.vue
@@ -0,0 +1,49 @@
+<script setup>
+import { onBeforeUnmount, onMounted, ref, watch } from 'vue'
+import WangEditor from 'wangeditor'
+
+const props = defineProps({
+  modelValue: {
+    type: String,
+    default: '',
+  },
+})
+
+const emit = defineEmits(['update:modelValue'])
+
+const editorRef = ref(null)
+let editor = null
+
+onMounted(() => {
+  editor = new WangEditor(editorRef.value)
+  editor.config.placeholder = '请输入内容...'
+  editor.config.height = 130
+  editor.config.onchange = (newHtml) => {
+    emit('update:modelValue', newHtml)
+  }
+  editor.create()
+  editor.txt.html(props.modelValue)
+})
+
+watch(
+  () => props.modelValue,
+  (newValue) => {
+    if (editor && newValue !== editor.txt.html()) {
+      editor.txt.html(newValue)
+    }
+  },
+)
+
+onBeforeUnmount(() => {
+  if (editor) {
+    editor.destroy()
+    editor = null
+  }
+})
+</script>
+
+<template>
+  <div>
+    <div ref="editorRef" />
+  </div>
+</template>
diff --git a/app/components/publishModel/CreateModels.vue b/app/components/publishModel/CreateModels.vue
new file mode 100644
index 0000000..32caa75
--- /dev/null
+++ b/app/components/publishModel/CreateModels.vue
@@ -0,0 +1,262 @@
+<script setup lang="ts">
+import type { FormInst } from 'naive-ui'
+import { commonApi } from '@/api/common'
+import { computed, watch } from 'vue'
+
+const props = defineProps({
+  modelValue: {
+    type: Object,
+    required: true,
+  },
+})
+const emit = defineEmits(['update:modelValue', 'createModelsNext'])
+const localForm = computed({
+  get() {
+    return props.modelValue
+  },
+  set(value) {
+    emit('update:modelValue', value)
+  },
+})
+
+const options: any[] = [
+
+]
+watch(
+  () => localForm.value,
+  (newVal) => {
+    emit('update:modelValue', newVal)
+  },
+  { immediate: true, deep: true },
+)
+// 处理用户输入
+function handleUpdate(value: Array<string>) {
+  if (value.length > 3) {
+    return
+  }
+  localForm.value.modelProduct.tags = value.join(',')
+}
+const formRef = ref<FormInst | null>(null)
+const rules = {
+  'modelProduct.modelName': {
+    required: true,
+    message: '请输入模型名称',
+    trigger: 'blur',
+  },
+  'modelProduct.modelType': {
+    required: true,
+    message: '请输入模型名称',
+    trigger: 'blur',
+  },
+}
+
+const modelChildCategory = ref([]) // 垂类二级
+const model_category = ref([]) // 模型类型
+const categoryList = ref([])
+const work_flow_functions = ref([])
+async function getDictType() {
+  try {
+    const [res1, res2, res3, res4] = await Promise.all([
+      commonApi.dictType({ type: 'model_part_category' }),
+      commonApi.dictType({ type: 'model_child_category' }),
+      commonApi.dictType({ type: 'model_category' }),
+      commonApi.dictType({ type: 'work_flow_functions' }),
+    ])
+
+    // modelPartCategory.value = res1.data
+    modelChildCategory.value = res2.data
+    model_category.value = res3.data
+    work_flow_functions.value = res4.data
+    categoryList.value = res1.data
+    // 遍历第一个数据数组，检查是否有子项
+    categoryList.value.forEach((item: any) => {
+      // 给每个对象添加一个children属性，初始化为空数组
+      item.children = []
+      // 遍历第二个数据数组
+      modelChildCategory.value.forEach((child) => {
+        // 检查parentId是否与dictValue相等
+        if (child.partId === item.dictCode) {
+          // 将符合条件的子项放入children数组中
+          item.children.push(child)
+        }
+      })
+    })
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+getDictType()
+
+const activityList = ref([])
+async function getActivityList() {
+  try {
+    const res = await request.post('/ToActivity/list', {})
+    activityList.value = res.rows
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+getActivityList()
+
+const originalBtnList = ref([
+  {
+    label: '原创',
+    value: 0,
+  },
+  {
+    label: '转载',
+    value: 1,
+  },
+])
+function nextStep() {
+  formRef.value?.validate((errors) => {
+    if (!errors) {
+      emit('createModelsNext')
+    }
+    else {
+      console.log('error', errors)
+    }
+  })
+}
+function handleIsOriginal(value: number) {
+  localForm.value.modelProduct.isOriginal = value
+  if (value === 0) {
+    localForm.value.modelProduct.originalAuthorName = ''
+  }
+}
+</script>
+
+<template>
+  <div>
+    <n-form
+      ref="formRef"
+      :label-width="80"
+      :model="localForm"
+      :rules="rules"
+      size="large"
+    >
+      <n-form-item label="模型名称" path="modelProduct.modelName">
+        <n-input v-model:value="localForm.modelProduct.modelName" placeholder="输入模型名" />
+      </n-form-item>
+      <n-form-item label="模型类型" path="modelProduct.modelType">
+        <n-select
+          v-model:value="localForm.modelProduct.modelType"
+          label-field="dictLabel"
+          value-field="dictValue"
+          placeholder="请选择模型类型"
+          :options="model_category"
+        />
+      </n-form-item>
+      <div>
+        内容类别
+      </div>
+      <div class="-mb-5 text-gray-400 text-[12px]">
+        填写类别可让模型获得更精准的流量, 平台也有权基于标准修改你的类别标签
+      </div>
+      <n-form-item path="category">
+        <n-cascader
+          v-model:value="localForm.modelProduct.category"
+          placeholder="垂类"
+          :options="categoryList"
+          label-field="dictLabel"
+          value-field="dictValue"
+          check-strategy="child"
+        />
+      </n-form-item>
+      <n-form-item path="functions" class="-mt-12">
+        <n-select
+          v-model:value="localForm.modelProduct.functions"
+          label-field="dictLabel"
+          value-field="dictValue"
+          placeholder="功能"
+          :options="work_flow_functions"
+        />
+      </n-form-item>
+
+      <div>
+        标签
+      </div>
+      <div class="-mb-5 text-gray-400 text-[12px]">
+        添加标签将自动推荐给可能感兴趣的人
+      </div>
+      <n-form-item path="category">
+        <n-select
+          v-model:value="localForm.modelProduct.tags"
+          :options="options"
+          filterable
+          tag
+          multiple
+          placeholder="请选择或输入标签"
+          @update:value="handleUpdate"
+        />
+      </n-form-item>
+      <div>
+        参与活动
+      </div>
+      <div class="-mb-5 text-gray-400 text-[12px]">
+        参与特定活动或比赛,下拉选择
+      </div>
+      <n-form-item path="activityId">
+        <n-select
+          v-model:value="localForm.modelProduct.activityId"
+          label-field="activityName"
+          value-field="id"
+          placeholder="请选择参与哪个活动"
+          :options="activityList"
+        />
+      </n-form-item>
+    </n-form>
+    <div class="flex justify-center items-center mt-5 bg-white h-10 rounded-lg">
+      <div
+        v-for="(item, index) in originalBtnList"
+        :key="index"
+        :style="{
+          backgroundColor:
+            localForm.modelProduct.isOriginal === item.value
+              ? 'rgba(49, 98, 255, 0.1)'
+              : '#fff',
+          color: localForm.modelProduct.isOriginal === item.value ? '#3162ff' : '#000',
+        }" class="flex-1 rounded-lg h-full flex items-center justify-center cursor-pointer" @click="handleIsOriginal(item.value)"
+      >
+        {{ item.label }}
+      </div>
+    </div>
+    <div v-if="localForm.modelProduct.isOriginal === 0" class="text-[12px]">
+      <div class="my-3">
+        魔创未来原创模型加密保护计划
+      </div>
+      <div class="text-gray-400">
+        原创模型加密保护计划是魔创未来推出的,为维护创作者权益、保障平台健康发展,通过技术手段遏制爬取、盗版、侵权等不法行为,保证创作者的劳动成果得到合理回报,进而激励更多优秀原创模型的诞生。
+      </div>
+      <div class="text-gray-400">
+        谁能加入？ 所有发布原创模型的作者,均可以加入本计划
+      </div>
+      <div class="my-3 text-gray-400">
+        加入后有何好处？ 1.模型加密能力 2.流量扶持 3.创作激励
+      </div>
+      <div class="text-gray-400">
+        详情查看 <a href="" class="text-[#3162ff] underline">魔创未来原创模型加密保护计划</a>
+      </div>
+      <div class="my-3 ">
+        原创声明
+      </div>
+      <div class="text-gray-400">
+        本人声明并承诺模型是由本人原创,相关的权利和义务由本人承担。
+      </div>
+    </div>
+    <div v-else>
+      <n-form-item path="modelProduct.originalAuthorName" size="large">
+        <n-input v-model:value="localForm.modelProduct.originalAuthorName" placeholder="输入原创作者" />
+      </n-form-item>
+    </div>
+    <div class="flex justify-center items-center mt-5 text-white w-30 h-10 rounded-lg bg-[#3162ff] cursor-pointer" @click="nextStep">
+      下一步
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/app/components/publishModel/EditVersion.vue b/app/components/publishModel/EditVersion.vue
new file mode 100644
index 0000000..6d44460
--- /dev/null
+++ b/app/components/publishModel/EditVersion.vue
@@ -0,0 +1,314 @@
+<script setup lang="ts">
+import type { FormInst } from 'naive-ui'
+import { commonApi } from '@/api/common'
+import { uploadImagesInBatches } from '@/utils/uploadImg.ts'
+import { Asterisk, Trash } from 'lucide-vue-next'
+import { computed, onMounted, ref, watch } from 'vue'
+
+// 可接受的文件类型
+const props = defineProps({
+  modelValue: {
+    type: Object,
+    required: true,
+  },
+})
+const emit = defineEmits(['update:modelValue', 'createModelsNext'])
+const acceptTypes = '.safetensors,.ckpt,.pt,.bin,.pth,.zip,.json,.flow,.lightflow,.yaml,.yml,.onnx,.gguf,.sft'
+const isDataReady = ref(false)
+const modelVersionItem = {
+  versionName: '1.0', //	版本名称
+  modelId: 1, // 基础模型
+  versionDescription: '"<p>这是一个描述</p><p><img src=\"https://img1.baidu.com/it/u=3001150338,397170470&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1422\" /></p><p>这是两张图片之间的一些文字说明</p><p><img src=\"https://img12.iqilu.com/10339/clue/202405/29/68ec17f5-9621-461f-ad22-a6820a3f9cf5.jpg\" /></p>"', // 版本描述
+  filePath: 'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', // 文件路径
+  fileName: 'ddefd反问句说的', // 文档里没有 ，表里没有
+  sampleImagePaths: 'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', // 第三部的图片路径最多20张,切割
+  triggerWords: '触发词', // 触发词
+  isPublic: 1, // 权限是否公开权限 1公开 2自见
+  allowFusion: 1, // 待确定
+  allowDownloadImage: 1,	// 允许下载生图
+  allowUsage: 1,	// 是否允许使用
+  isFree: 0,	// 是否免费 0免费 1会员 ？？？？
+  allowSoftwareUse: 1,	// 允许在软件旗下使用
+  allowCommercialUse: 1,	// 是否允许商用
+  // 允许模型转售或者融合手出售字段没找到？
+  isExclusiveModel: 1, // 是否为独家模型这个字段
+}
+const isPublicList = [
+  {
+    label: '公开',
+    value: 1,
+  },
+  {
+    label: '仅自己可见',
+    value: 2,
+  },
+]
+defineExpose({
+  addVersion,
+})
+onMounted(() => {
+  // 确保数据初始化完成
+  nextTick(() => {
+    isDataReady.value = true
+  })
+})
+const localForm = computed({
+  get() {
+    return props.modelValue
+  },
+  set(value) {
+    emit('update:modelValue', value)
+  },
+})
+
+watch(
+  () => localForm.value,
+  (newVal) => {
+    console.log('newVal', newVal)
+    emit('update:modelValue', newVal)
+  },
+  { immediate: true, deep: true },
+)
+
+const formRef = ref<FormInst | null>(null)
+const rules = {
+  versionName: {
+    required: true,
+    message: '请输入模型名称',
+    trigger: 'blur',
+  },
+  modelId: {
+    required: true,
+    message: '请输入模型名称',
+    trigger: 'blur',
+  },
+}
+function addVersion() {
+  localForm.value.modelVersionList.push(modelVersionItem)
+}
+const originalBtnList = ref([
+  {
+    label: '免费',
+    value: 0,
+  },
+  {
+    label: '会员下载',
+    value: 1,
+  },
+])
+function handleIsFree(index: number, value: number) {
+  localForm.value.modelVersionList[index].isFree = value
+}
+const model_category = ref([])
+function nextStep() {
+  formRef.value?.validate((errors) => {
+    if (!errors) {
+      emit('createModelsNext')
+    }
+    else {
+      console.log('error', errors)
+    }
+  })
+}
+
+// 上传文件
+const uploadFileIndex = ref(0)
+const fileInput = ref<HTMLInputElement | null>(null)
+function triggerFileInput(index: number) {
+  (fileInput.value as HTMLInputElement)?.click()
+  uploadFileIndex.value = index
+}
+async function handleFileChange(event: Event) {
+  const target = event.target as HTMLInputElement
+  const files = target.files
+
+  if (files && files.length > 0) {
+    const res = await uploadImagesInBatches(files)
+    localForm.value.modelVersionList[uploadFileIndex.value].filePath = res[0].url
+    localForm.value.modelVersionList[uploadFileIndex.value].fileName = res[0].fileName
+  }
+  target.value = ''
+}
+</script>
+
+<template>
+  <div v-for="(item, index) in localForm.modelVersionList" :key="index">
+    <n-form
+      ref="formRef"
+      :label-width="80"
+      :model="localForm"
+      :rules="rules"
+      size="large"
+    >
+      <n-form-item label="版本名称" path="versionName">
+        <n-input v-model:value="item.versionName" placeholder="请输入版本名" />
+      </n-form-item>
+      <n-form-item label="基础模型" path="modelId">
+        <n-select
+          v-model:value="item.modelId"
+          label-field="dictLabel"
+          value-field="dictValue"
+          placeholder="请选择基础模型"
+          :options="model_category"
+        />
+      </n-form-item>
+      <div class="flex">
+        上传文件 <Asterisk :size="10" color="#ff0000" class="mt-1" />
+      </div>
+      <div v-if="item.fileName" class="flex justify-between items-center bg-white p-3 mt-2 rounded-lg">
+        <div class="bg-[#d8e5fd] text-[12px] text-[#3162ff] w-16 h-7 rounded-lg flex justify-center items-center">
+          100%
+        </div>
+        <div class="flex-1 flex items-center line-clamp">
+          {{
+            item.fileName
+          }}
+        </div>
+        <div>
+          <Trash class="cursor-pointer" @click="item.fileName = '', item.filePath = ''" />
+        </div>
+      </div>
+      <div v-else>
+        <div class="upload-content">
+          <div class="flex flex-col justify-center items-center w-30 h-40 border border-dashed mt-2 rounded-lg bg-white">
+            <div class="w-24 bg-gradient-to-r from-[#2D28FF] to-[#1A7DFF] h-8 text-white rounded-sm bg-[#3162ff] cursor-pointer flex justify-center items-center" @click="triggerFileInput(index)">
+              上传文件
+            </div>
+            <div class="my-3">
+              点击上传文件
+            </div>
+            <div class="text-[#999999] text-xs">
+              .safetensors/.ckpt/.pt/.bin/.pth/.zip/.json/.flow/.lightflow/.yaml/.yml/.onnx/.gguf/.sft
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="flex mt-6">
+        版本介绍 <Asterisk :size="10" color="#ff0000" class="mt-1" />
+      </div>
+      <div class="bg-white p-3 mt-2 rounded-lg">
+        <client-only>
+          <WangEditor v-model="item.versionDesc" />
+          <!-- <WangEditor
+            ref="editorRef"
+            v-model="content"
+            :height="400"
+            placeholder="请输入文章内容..."
+            :disabled="isDisabled"
+            :upload-img-server="/model/file"
+            :upload-img-headers="uploadHeaders"
+            @change="handleContentChange"
+            @focus="handleFocus"
+            @blur="handleBlur"
+            @upload-success="handleUploadSuccess"
+            @upload-error="handleUploadError"
+          /> -->
+        </client-only>
+      </div>
+      <!-- <div class="mt-4 space-x-4">
+        <n-button @click="toggleDisabled">
+          {{ isDisabled ? '启用编辑器' : '禁用编辑器' }}
+        </n-button>
+
+        <n-button @click="clearContent">
+          清空内容
+        </n-button>
+
+        <n-button @click="setContent">
+          设置内容
+        </n-button>
+      </div> -->
+
+      <!-- 预览区域 -->
+      <!-- <div class="mt-4">
+        <h3 class="text-lg font-bold">
+          预览内容：
+        </h3>
+        <div
+          class="p-4 border rounded-lg mt-2"
+          v-html="content"
+        />
+      </div> -->
+      <div class="mt-6">
+        触发词
+      </div>
+      <div class="-mb-5 text-gray-400 text-[12px]">
+        请输入您用来训练的单词
+      </div>
+      <n-form-item path="triggerWords">
+        <n-input v-model:value="item.triggerWords" placeholder="例如:  1boy" />
+      </n-form-item>
+      <div class="">
+        权限设置
+      </div>
+      <div class="mt-1 mb-2 text-gray-400 text-[12px]">
+        可见范围
+      </div>
+      <div>
+        <n-radio-group v-model:value="item.isPublic" name="radiogroup">
+          <n-space>
+            <n-radio v-for="(isPublicItem, isPublicIndex) in isPublicList" :key="isPublicIndex" :value="isPublicItem.value">
+              {{ isPublicItem.label }}
+            </n-radio>
+          </n-space>
+        </n-radio-group>
+      </div>
+    </n-form>
+    <div v-if="item.isPublic === 1">
+      <div class="mt-4 mb-1 text-gray-400 text-[12px]">
+        付费设置
+      </div>
+      <div class="flex justify-center items-center bg-white h-10 rounded-lg">
+        <div
+          v-for="(subItem, subIndex) in originalBtnList"
+          :key="subIndex"
+          :style="{
+            backgroundColor:
+              item.isFree === subItem.value
+                ? 'rgba(49, 98, 255, 0.1)'
+                : '#fff',
+            color: item.isFree === subItem.value ? '#3162ff' : '#000',
+          }" class="flex-1 rounded-lg h-full flex items-center justify-center cursor-pointer" @click="handleIsFree(index, subItem.value)"
+        >
+          {{ subItem.label }}
+        </div>
+      </div>
+      <div class="mt-1 mb-2 text-gray-500 text-[12px]">
+        选择会员专属或会员下载视为您已经阅读 <span class="text-[#3162ff] cursor-pointer underline">《会员模型许可协议》</span> 并同意其中条款
+      </div>
+      <div v-if="item.isFree === 1" class="text-[12px]">
+        <div>会员下载模型</div>
+        <div class="text-gray-500">
+          下载模型需购买会员，在线生图对所有人开放，无生图次数限制；会员下载的模型版本生成图片默认可商用。
+        </div>
+      </div>
+    </div>
+    <div class="text-gray-400 text-[12px] mt-4">
+      许可范围
+    </div>
+    <div>
+      <div />
+    </div>
+    <div class="flex justify-center items-center mt-5 text-white w-30 h-10 rounded-lg bg-[#3162ff] cursor-pointer" @click="nextStep">
+      下一步
+    </div>
+  </div>
+  <input
+    ref="fileInput"
+    type="file"
+    class="hidden"
+    :accept="acceptTypes"
+    @change="handleFileChange"
+  >
+</template>
+
+<style lang="scss" scoped>
+.line-clamp {
+  margin: 0 10px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 12px;
+  color: rgb(72, 71, 71);
+}
+</style>
diff --git a/app/middleware/auth.global.ts b/app/middleware/auth.global.ts
index 2535afa..8bc8b46 100644
--- a/app/middleware/auth.global.ts
+++ b/app/middleware/auth.global.ts
@@ -1,6 +1,6 @@
 // middleware/auth.ts
 import { authRoutes, verifyBlankRoute } from '@/constants/index'
-import { useRouter } from 'vue-router'
+// import { useRouter } from 'vue-router'
 
 // const router = useRouter()
 /**
diff --git a/app/pages/personal-center/index.vue b/app/pages/personal-center/index.vue
index bc232ba..5408922 100644
--- a/app/pages/personal-center/index.vue
+++ b/app/pages/personal-center/index.vue
@@ -6,8 +6,14 @@ import EditUserInfo from '@/components/EditUserInfo.vue'
 import { useUserStore } from '@/stores/user'
 import { formatDate } from '@/utils/index.ts'
 import { debounce } from 'lodash-es'
-import { onMounted, onUnmounted, ref } from 'vue'
+import { nextTick, onMounted, onUnmounted, ref } from 'vue'
 
+const loading = ref(false)
+const finished = ref(false)
+const total = ref(0) // 总条数
+const loadingTrigger = ref(null)
+
+const observer = ref<IntersectionObserver | null>(null)
 definePageMeta({
   layout: 'default',
 })
@@ -145,6 +151,7 @@ function initChangeParams() {
   else {
     initLikesParams()
   }
+  finished.value = false // 重置加载完成状态
   getList()
 }
 // 切换发布/点赞
@@ -159,6 +166,7 @@ function changeType(id: string) {
   currentType.value = id
   initChangeParams()
 }
+
 function initPageNUm() {
   if (currentState.value === 'mallProduct') {
     publishParams.value.pageNum = 1
@@ -166,6 +174,7 @@ function initPageNUm() {
   else {
     likesParams.value.pageNum = 1
   }
+  finished.value = false // 重置加载完成状态
   getList()
 }
 
@@ -242,6 +251,10 @@ interface UserData {
 // 查询发布模型接口
 const dataList = ref([])
 async function getList() {
+  if (loading.value || finished.value)
+    return
+
+  loading.value = true
   let params = {}
   if (currentState.value === 'mallProduct') {
     params = publishParams.value
@@ -249,24 +262,77 @@ async function getList() {
   else {
     params = likesParams.value
   }
+
   const url = urlList.value[currentState.value][currentType.value]
   try {
     const res = await request.post<ApiResponse<UserData>>(url, params)
     if (res.code === 200) {
-      dataList.value = res.rows
-    }
-    else {
-      dataList.value = []
+      // 如果是第一页，直接赋值，否则追加数据
+      if (params.pageNum === 1) {
+        dataList.value = res.rows
+      }
+      else {
+        dataList.value = [...dataList.value, ...res.rows]
+      }
+
+      total.value = res.total // 假设接口返回了总条数
+
+      // 判断是否加载完所有数据
+      if (dataList.value.length >= total.value) {
+        finished.value = true
+      }
+
+      // 自动增加页码
+      if (currentState.value === 'mallProduct') {
+        publishParams.value.pageNum++
+      }
+      else {
+        likesParams.value.pageNum++
+      }
     }
   }
   catch (err) {
     dataList.value = []
+    finished.value = true
     console.log(err)
   }
+  finally {
+    loading.value = false
+  }
 }
 getList()
 
-function topedRefresh() {
+onMounted(() => {
+  window.addEventListener('scroll', topedRefresh)
+  observer.value = new IntersectionObserver(([entry]) => {
+    if (entry.isIntersecting && !loading.value && !finished.value) {
+      getList()
+    }
+  }, {
+    threshold: 0.1,
+  })
+
+  if (loadingTrigger.value) {
+    observer.value.observe(loadingTrigger.value)
+  }
+})
+
+onUnmounted(() => {
+  window.removeEventListener('scroll', topedRefresh)
+  if (observer.value) {
+    observer.value.disconnect()
+  }
+})
+
+async function topedRefresh() {
+  if (import.meta.client) {
+    await nextTick()
+    window.scrollTo({
+      top: 0,
+      behavior: 'smooth',
+    })
+  }
+  initPageNUm()
 }
 </script>
 
@@ -319,7 +385,7 @@ function topedRefresh() {
       <!-- User Details -->
       <div class="user-info mt-4">
         <div v-if="userInfo.nickName" class="nickname text-2xl font-bold">
-          <!-- {{ userInfo.nickName }} -->微信用户1243
+          {{ userInfo.nickName }}
         </div>
         <div v-if="userInfo.brief" class="info-desc mt-1 text-sm text-gray-700">
           {{ userInfo.brief }}
@@ -452,6 +518,14 @@ function topedRefresh() {
         @toped-refresh="topedRefresh"
       />
     </div>
+    <div ref="loadingTrigger" class="h-10">
+      <div v-if="loading" class="text-center text-gray-500">
+        加载中...
+      </div>
+      <div v-if="finished" class="text-center text-gray-500">
+        没有更多数据了
+      </div>
+    </div>
   </div>
 </template>
 
diff --git a/app/pages/publish-model/index.vue b/app/pages/publish-model/index.vue
index 0542e4c..6f8b19a 100644
--- a/app/pages/publish-model/index.vue
+++ b/app/pages/publish-model/index.vue
@@ -1,129 +1,93 @@
-<template>
-  <n-form
-    ref="formRef"
-    :model="formData"
-    :rules="rules"
-    label-placement="left"
-    label-width="auto"
-    require-mark-placement="right-hanging"
-    size="large"
-    :style="{
-      maxWidth: '640px',
-    }"
-  >
-    <n-form-item label="模型名称" path="inputValue">
-      <n-input v-model:value="formData.inputValue" placeholder="Input" />
-    </n-form-item>
-    <n-form-item label="模型类型" path="inputValue">
-      <n-select v-model:value="formData.value" :options="cuileioptions" />
-    </n-form-item>
-    <n-form-item label="Checkbox Group" path="checkboxGroupValue">
-      <n-checkbox-group v-model:value="formData.checkboxGroupValue">
-        <n-space>
-          <n-checkbox value="Option 1"> Option 1 </n-checkbox>
-          <n-checkbox value="Option 2"> Option 2 </n-checkbox>
-          <n-checkbox value="Option 3"> Option 3 </n-checkbox>
-        </n-space>
-      </n-checkbox-group>
-    </n-form-item>
-    <n-form-item label="Radio Group" path="radioGroupValue">
-      <n-radio-group v-model:value="formData.radioGroupValue" name="radiogroup1">
-        <n-space>
-          <n-radio value="Radio 1"> Radio 1 </n-radio>
-          <n-radio value="Radio 2"> Radio 2 </n-radio>
-          <n-radio value="Radio 3"> Radio 3 </n-radio>
-        </n-space>
-      </n-radio-group>
-    </n-form-item>
-    <n-form-item label="Radio Button Group" path="radioGroupValue">
-      <n-radio-group v-model:value="formData.radioGroupValue" name="radiogroup2">
-        <n-radio-button value="Radio 1"> Radio 1 </n-radio-button>
-        <n-radio-button value="Radio 2"> Radio 2 </n-radio-button>
-        <n-radio-button value="Radio 3"> Radio 3 </n-radio-button>
-      </n-radio-group>
-    </n-form-item>
-    <div style="display: flex; justify-content: flex-end">
-      <n-button round type="primary" @click="addWorkflow"> 验证 </n-button>
-    </div>
-  </n-form>
-
-  <!-- <pre
-    >{{ JSON.stringify(model, null, 2) }}
-  </pre> -->
-</template>
-
 <script setup lang="ts">
-import type { FormInst, FormItemRule } from "naive-ui";
-import { useMessage } from "naive-ui";
-import { defineComponent, ref } from "vue";
-import { commonApi } from "@/api/common";
-const formRef = ref<FormInst | null>(null);
-const cuileioptions = ref([
-  { label: "Option 1", value: "Option 1" },
-  { label: "Option 2", value: "Option 1" },
-  { label: "Option 3", value: "Option 1" },
-]);
-const message = useMessage();
-const rules: Record<string, FormItemRule[]> = {
-    
-}
-const formData = ref({
-  inputValue: null,
-  textareaValue: null,
-  selectValue: null,
-  multipleSelectValue: null,
-  datetimeValue: null,
-  nestedValue: {
-    path1: null,
-    path2: null,
-  },
-  switchValue: false,
-  checkboxGroupValue: null,
-  radioGroupValue: null,
-  radioButtonGroupValue: null,
-  inputNumberValue: null,
-  timePickerValue: null,
-  transferValue: null,
-})
-const addWorkflow = async() => {
-    try {
-        const params = {
-          modelProduct:{
-            modelName: '模型名称',
-            modelTypeId: 1, //,，模型类型
-            category: '1', //垂类分类
-            functions:'1', //'模型功能',
-            tags:'11', //标签（最多三个，切割）string
-            activityId: '1', //参与活动string
+import type { FormInst, FormItemRule } from 'naive-ui'
+import CreateModels from '@/components/publishModel/CreateModels.vue'
+import EditVersion from '@/components/publishModel/EditVersion.vue'
 
-            isOriginal:1, //??? 0原创1非原创
-            originalAuthorName:'作者名称',
-          },
-           
-          modelVersionList:[
-                {
-                  versionName:'1.0', //	版本名称
-                  modelId:1, //基础模型
-                  versionDescription:'"<p>这是一个描述</p><p><img src=\"https://img1.baidu.com/it/u=3001150338,397170470&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1422\" /></p><p>这是两张图片之间的一些文字说明</p><p><img src=\"https://img12.iqilu.com/10339/clue/202405/29/68ec17f5-9621-461f-ad22-a6820a3f9cf5.jpg\" /></p>"', //版本描述
-                  filePath:'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', //文件路径
-                    fileName:'', //文档里没有 ，表里没有
-                    sampleImagePaths:'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', //第三部的图片路径最多20张,切割
-                    triggerWords:'触发词', //触发词
-                    isPublic:1, //权限是否公开权限 1公开 2自见
-                    allowFusion:1, //待确定
-                    allowDownloadImage:1,	//允许下载生图
-                    allowUsage:1,	//是否允许使用
-                    allowSoftwareUse:1,	//允许在软件旗下使用
-                    allowCommercialUse:1,	//是否允许商用
-                    // 允许模型转售或者融合手出售字段没找到？
-                    isExclusiveModel:1,//是否为独家模型这个字段
-                }
-            ]
-        }
-        const res = await request.post("/model/insert", params);
-    }catch (error) {
-      console.log(error);
+const step2Ref = ref(null)
+const currentStep = ref(2)
+const formData = ref({
+  modelProduct: {
+    modelName: '模型名称',
+    modelType: null, // ,，模型类型
+    category: null, // 垂类分类
+    functions: null, // '模型功能',
+    tags: null, // 标签（最多三个，切割）string
+    activityId: null, // 参与活动string
+
+    isOriginal: 1,
+    originalAuthorName: '',
+  },
+
+  modelVersionList: [
+    {
+      versionName: '', //	版本名称
+      modelId: null, // 基础模型
+      versionDescription: '"<p>这是一个描述</p><p><img src=\"https://img1.baidu.com/it/u=3001150338,397170470&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1422\" /></p><p>这是两张图片之间的一些文字说明</p><p><img src=\"https://img12.iqilu.com/10339/clue/202405/29/68ec17f5-9621-461f-ad22-a6820a3f9cf5.jpg\" /></p>"', // 版本描述
+      filePath: 'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', // 文件路径
+      fileName: '这是一个文件名文件名。。。。这是一个文件名文件这是一个文件名文件这是一个文件名文件这是一个文件名文件', // 文档里没有 ，表里没有
+      sampleImagePaths: 'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', // 第三部的图片路径最多20张,切割
+      triggerWords: '触发词', // 触发词
+      isPublic: 1, // 权限是否公开权限 1公开 2自见
+      isFree: 0, // 0免费
+      allowFusion: 1, // 待确定
+      allowDownloadImage: 1,	// 允许下载生图
+      allowUsage: 1,	// 是否允许使用
+      allowSoftwareUse: 1,	// 允许在软件旗下使用
+      allowCommercialUse: 1,	// 是否允许商用
+      // 允许模型转售或者融合手出售字段没找到？
+      isExclusiveModel: 1, // 是否为独家模型这个字段
+    },
+  ],
+})
+async function addWorkflow() {
+  try {
+    const params = {
+      modelProduct: {
+        modelName: '模型名称',
+        modelTypeId: 1, // ,，模型类型
+        category: '1', // 垂类分类
+        functions: '1', // '模型功能',
+        tags: '11', // 标签（最多三个，切割）string
+        activityId: '1', // 参与活动string
+
+        isOriginal: 1, // ??? 0原创1非原创
+        originalAuthorName: '作者名称',
+      },
+
+      modelVersionList: [
+        {
+          versionName: '1.0', //	版本名称
+          modelId: 1, // 基础模型
+          versionDescription: '"<p>这是一个描述</p><p><img src=\"https://img1.baidu.com/it/u=3001150338,397170470&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1422\" /></p><p>这是两张图片之间的一些文字说明</p><p><img src=\"https://img12.iqilu.com/10339/clue/202405/29/68ec17f5-9621-461f-ad22-a6820a3f9cf5.jpg\" /></p>"', // 版本描述
+          filePath: 'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', // 文件路径
+          fileName: '', // 文档里没有 ，表里没有
+          sampleImagePaths: 'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', // 第三部的图片路径最多20张,切割
+          triggerWords: '触发词', // 触发词
+          isPublic: 1, // 权限是否公开权限 1公开 2自见
+          allowFusion: 1, // 待确定
+          isFree: 0, // 0免费
+          allowDownloadImage: 1,	// 允许下载生图
+          allowUsage: 1,	// 是否允许使用
+          allowSoftwareUse: 1,	// 允许在软件旗下使用
+          allowCommercialUse: 1,	// 是否允许商用
+          // 允许模型转售或者融合手出售字段没找到？
+          isExclusiveModel: 1, // 是否为独家模型这个字段
+        },
+      ],
     }
+    const res = await request.post('/model/insert', params)
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+function createModelsNext() {
+  currentStep.value = 2
+}
+function handleAddVersion() {
+  if (step2Ref.value) {
+    step2Ref.value?.addVersion()
+  }
 }
 // const handleValidateButtonClick = (e: MouseEvent) => {
 //   e.preventDefault();
@@ -136,42 +100,108 @@ const addWorkflow = async() => {
 //     }
 //   });
 // };
-
-  const modelPartCategory = ref([]); //垂类一级
-  const modelChildCategory = ref([]); //垂类一级
-  const workFlowFunctions = ref([]); //垂类一级
-
-const getDictType = async() => {
-  // model_part_category:[], //垂类一级
-  // model_child_category:[], //垂类二级
-  // work_flow_functions:[], //功能
-  try {
-    const [res1, res2, res3] = await Promise.all([
-      commonApi.dictType({ type: "model_part_category" }),
-      commonApi.dictType({ type: "model_child_category" }),
-      commonApi.dictType({ type: "work_flow_functions" }),
-    ]);
-
-    modelPartCategory.value = res1.data;
-    modelChildCategory.value = res2.data;
-    workFlowFunctions.value = res3.data;
-    let categoryList = modelPartCategory;
-    // 遍历第一个数据数组，检查是否有子项
-    categoryList.value.forEach((item) => {
-      // 给每个对象添加一个children属性，初始化为空数组
-      item.children = [];
-      // 遍历第二个数据数组
-      modelChildCategory.value.forEach((child) => {
-        // 检查parentId是否与dictValue相等
-        if (child.partId === item.dictCode) {
-          // 将符合条件的子项放入children数组中
-          item.children.push(child);
-        }
-      });
-    });
-    categoryList = categoryList;
-  } catch (error) {
-    console.log(error);
-  }
-};
 </script>
+
+<template>
+  <div class="mx-auto py-6">
+    <div class="container mx-auto w-[700px]">
+      <div class="step-line flex">
+        <div class="mr-10">
+          1创建模版
+        </div>
+        <div class="mr-10">
+          2编辑版本
+        </div>
+        <div class="mr-10">
+          3上传图片
+        </div>
+        <div v-if="currentStep === 2" @click="handleAddVersion">
+          添加版本
+        </div>
+      </div>
+      <div class="form-container bg-gray-100 p-4 rounded-lg">
+        <div v-if="currentStep === 1" class="first-step">
+          <CreateModels v-model="formData" @create-models-next="createModelsNext" />
+        </div>
+
+        <div v-if="currentStep === 2" class="second-step">
+          <EditVersion ref="step2Ref" v-model="formData" />
+        </div>
+
+        <div v-if="currentStep === 3" class="third-step">
+          3
+        </div>
+      </div>
+    </div>
+    <!-- <n-form
+      ref="formRef"
+      :model="formData"
+      :rules="rules"
+      label-placement="left"
+      label-width="auto"
+      require-mark-placement="right-hanging"
+      size="large"
+      :style="{
+        maxWidth: '640px',
+      }"
+    >
+      <n-form-item label="模型名称" path="inputValue">
+        <n-input v-model:value="formData.inputValue" placeholder="Input" />
+      </n-form-item>
+      <n-form-item label="模型类型" path="inputValue">
+        <n-select v-model:value="formData.value" :options="cuileioptions" />
+      </n-form-item>
+      <n-form-item label="Checkbox Group" path="checkboxGroupValue">
+        <n-checkbox-group v-model:value="formData.checkboxGroupValue">
+          <n-space>
+            <n-checkbox value="Option 1">
+              Option 1
+            </n-checkbox>
+            <n-checkbox value="Option 2">
+              Option 2
+            </n-checkbox>
+            <n-checkbox value="Option 3">
+              Option 3
+            </n-checkbox>
+          </n-space>
+        </n-checkbox-group>
+      </n-form-item>
+      <n-form-item label="Radio Group" path="radioGroupValue">
+        <n-radio-group v-model:value="formData.radioGroupValue" name="radiogroup1">
+          <n-space>
+            <n-radio value="Radio 1">
+              Radio 1
+            </n-radio>
+            <n-radio value="Radio 2">
+              Radio 2
+            </n-radio>
+            <n-radio value="Radio 3">
+              Radio 3
+            </n-radio>
+          </n-space>
+        </n-radio-group>
+      </n-form-item>
+      <n-form-item label="Radio Button Group" path="radioGroupValue">
+        <n-radio-group v-model:value="formData.radioGroupValue" name="radiogroup2">
+          <n-radio-button value="Radio 1">
+            Radio 1
+          </n-radio-button>
+          <n-radio-button value="Radio 2">
+            Radio 2
+          </n-radio-button>
+          <n-radio-button value="Radio 3">
+            Radio 3
+          </n-radio-button>
+        </n-radio-group>
+      </n-form-item>
+      <div style="display: flex; justify-content: flex-end">
+        <n-button round type="primary" @click="addWorkflow">
+          验证
+        </n-button>
+      </div>
+    </n-form> -->
+  </div>
+  <!-- <pre
+    >{{ JSON.stringify(model, null, 2) }}
+  </pre> -->
+</template>
diff --git a/app/pages/workflow-details/[id].vue b/app/pages/workflow-details/[id].vue
index cc08e2e..a13f82a 100644
--- a/app/pages/workflow-details/[id].vue
+++ b/app/pages/workflow-details/[id].vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { commonApi } from '@/api/common'
+import defaultAvatar from '@/assets/img/default-avatar.png'
 import {
   CircleUser,
   Download,
@@ -7,12 +7,13 @@ import {
   HardDriveUpload,
   Play,
 } from 'lucide-vue-next'
-import { ref } from 'vue'
+import { nextTick, ref } from 'vue'
+
 // 用于版本tabs当前选中的选项卡
 definePageMeta({
   layout: 'default',
 })
-
+const userStore = useUserStore()
 const route = useRoute()
 const { id } = route.params as { id: string }
 const activeTab = ref(null)
@@ -34,7 +35,9 @@ async function getInfo() {
         versionByWorkInfo.value.forEach((item) => {
           item.imagePathsList = item.imagePaths.split(',')
         })
-        activeTab.value = versionByWorkInfo.value[0].id
+        nextTick(() => {
+          activeTab.value = versionByWorkInfo.value[0].id
+        })
         const commentRes = await request.get(`/WorkFlowComment/comment/${res.data.id}`)
       }
     }
@@ -73,6 +76,11 @@ async function getAttention() {
 }
 getAttention()
 
+function handleSelect(event: Event, id: string) {
+  event.stopPropagation() // 阻止事件冒泡
+
+  console.log(id)
+}
 // async function getAttention() {
 //   try {
 //     const res = await request.get("/WorkFlowComment/comment/{modelId}");
@@ -183,8 +191,8 @@ getAttention()
           <div
             class="flex justify-between text-[#a3a1a1] text-[12px] items-center -ml-60"
           >
-            <div class="flex">
-              <div class="mr-2">
+            <div class="flexm justify-end">
+              <div v-if="detailsInfo.createTime" class="mr-2">
                 首发时间{{ detailsInfo.createTime }}
               </div>
               <div v-if="detailsInfo.updateTime">
@@ -192,28 +200,64 @@ getAttention()
               </div>
             </div>
 
-            <div>
-              <img src="@/assets/img/heart.png" class="w-[14px] h-[14px] mr-2" alt="">
-              <component
-                :is="EllipsisVertical"
-                class="h-[18px] w-[18px] text-[#557abf] menu-icon"
-              />
+            <div class="flex items-center relative">
+              <img
+                src="@/assets/img/heart.png"
+                class="w-[14px] h-[14px] cursor-pointer"
+                alt=""
+              >
+              <div class="group relative">
+                <component
+                  :is="EllipsisVertical"
+                  class="h-[18px] w-[48px] text-[#557abf] cursor-pointer"
+                />
+                <div
+                  class="absolute right-0 top-[10px] hidden group-hover:block text-[#000000] text-[12px] bg-white rounded-lg text-center px-2 py-2 w-20 mt-2 shadow-lg z-10"
+                >
+                  <div class="menu-item hover:bg-gray-100 py-2 cursor-pointer rounded-lg" @click="(event) => handleSelect(event, 'report')">
+                    举报
+                  </div>
+                  <div
+                    class="menu-item hover:bg-gray-100 py-2 cursor-pointer rounded-lg"
+                    @click="(event) => handleSelect(event, 'edit')"
+                  >
+                    编辑
+                  </div>
+                  <div class="menu-item hover:bg-gray-100 py-2 cursor-pointer rounded-lg" @click="(event) => handleSelect(event, 'delete')">
+                    删除
+                  </div>
+                </div>
+              </div>
             </div>
           </div>
           <div
             class="flex items-center mt-10 p-2 bg-[#f3f5f9] w-full rounded-md h-[80px] box-border"
           >
             <div class="w-[70px] h-[70px] rounded-full overflow-hidden mr-4">
-              <img
+              <!-- <img
                 src="@/assets/img/default-avatar.png"
                 class="w-full h-full mr-2 block"
                 alt=""
-              >
+              > -->
+              <client-only>
+                <NAvatar
+                  class="w-full h-full mr-2 block"
+                  round
+                  size="small"
+                  :src="
+                    userStore.userInfo && userStore.userInfo.avatar
+                      ? userStore.userInfo.avatar
+                      : defaultAvatar
+                  "
+                />
+              </client-only>
             </div>
             <div>
-              <div class="text[20px] font-bold">
-                微信用户ddsd
-              </div>
+              <client-only>
+                <div class="text[20px] font-bold">
+                  {{ userStore.userInfo.nickName }}
+                </div>
+              </client-only>
               <!-- 0代表原创 1代表转载 -->
               <div v-if="detailsInfo.original === 0" class="text-[14px]">
                 原创作者
@@ -277,7 +321,7 @@ getAttention()
   </div>
 </template>
 
-<style>
+<style lang="scss">
 .header-num {
   @apply flex items-center bg-[#f4f5f9] px-2 rounded-full;
 }
@@ -287,4 +331,27 @@ getAttention()
   align-self: flex-start;
   justify-content: space-between;
 }
+.n-tabs.n-tabs--line-type .n-tabs-tab.n-tabs-tab,
+.n-tabs.n-tabs--bar-type .n-tabs-tab.n-tabs-tab {
+  color: #949494;
+}
+.n-tabs.n-tabs--line-type .n-tabs-tab.n-tabs-tab--active,
+.n-tabs.n-tabs--bar-type .n-tabs-tab.n-tabs-tab--active {
+  color: #000;
+  font-weight: 700;
+  font-size: 24px;
+}
+
+.n-tabs .n-tabs-bar {
+  position: absolute;
+  bottom: 0;
+  height: 4px;
+  background: linear-gradient(90deg, #173eff 0%, #1b7dff 100%);
+  border-radius: 2px;
+  transition:
+    left 0.2s var(--n-bezier),
+    max-width 0.2s var(--n-bezier),
+    opacity 0.3s var(--n-bezier),
+    background-color 0.3s var(--n-bezier);
+}
 </style>
diff --git a/app/utils/uploadImg.ts b/app/utils/uploadImg.ts
index e582397..b3f2abf 100644
--- a/app/utils/uploadImg.ts
+++ b/app/utils/uploadImg.ts
@@ -26,7 +26,7 @@ export async function uploadImagesInBatches(files, batchSize = 3) {
         },
       })
       //   const res = await mallProductFile(formData)
-      uploadResults.push(res.msg)
+      uploadResults.push(res.data)
     }
     catch (error) {
       console.error(`图片上传失败: ${file.name}`, error)
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 084268b..6245a49 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -83,7 +83,9 @@ export default defineNuxtConfig({
   nitro: {
     devProxy: {
       '/api': {
-        target: 'http://1.13.246.108:8080',
+        // target: 'http://1.13.246.108:8080', 线上
+        // target: 'http://192.168.2.22:8080', // 代
+        target: 'http://192.168.1.69:8080', // 嗨
         changeOrigin: true,
         prependPath: true,
       },
diff --git a/package.json b/package.json
index 4704e78..1ec2838 100644
--- a/package.json
+++ b/package.json
@@ -15,12 +15,14 @@
   },
   "dependencies": {
     "@vicons/ionicons5": "^0.13.0",
+    "@wangeditor/editor-for-vue": "^5.1.12",
     "axios": "^1.7.9",
     "date-fns-tz": "^3.2.0",
     "lodash-es": "^4.17.21",
     "lucide-vue-next": "^0.471.0",
     "naive-ui": "^2.41.0",
     "pinia-plugin-persistedstate": "^4.2.0",
+    "wangeditor": "^4.7.15",
     "zipson": "^0.2.12"
   },
   "devDependencies": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index bb2383c..05a14a9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -13,6 +13,9 @@ dependencies:
   '@vicons/ionicons5':
     specifier: ^0.13.0
     version: 0.13.0
+  '@wangeditor/editor-for-vue':
+    specifier: ^5.1.12
+    version: 5.1.12
   axios:
     specifier: ^1.7.9
     version: 1.7.9
@@ -31,6 +34,9 @@ dependencies:
   pinia-plugin-persistedstate:
     specifier: ^4.2.0
     version: 4.2.0(@pinia/nuxt@0.9.0)(pinia@2.3.1)
+  wangeditor:
+    specifier: ^4.7.15
+    version: 4.7.15
   zipson:
     specifier: ^0.2.12
     version: 0.2.12
@@ -1316,12 +1322,19 @@ packages:
       esutils: 2.0.3
     dev: true
 
+  /@babel/runtime-corejs3@7.26.7:
+    resolution: {integrity: sha512-55gRV8vGrCIYZnaQHQrD92Lo/hYE3Sj5tmbuf0hhHR7sj2CWhEhHU89hbq+UVDXvFG1zUVXJhUkEq1eAfqXtFw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      core-js-pure: 3.40.0
+      regenerator-runtime: 0.14.1
+    dev: false
+
   /@babel/runtime@7.26.7:
     resolution: {integrity: sha512-AOPI3D+a8dXnja+iwsUqGRjr1BbZIe771sXdapOtYI531gSqpi92vXivKcq2asu/DFpdl1ceFAKZyRzK2PCVcQ==}
     engines: {node: '>=6.9.0'}
     dependencies:
       regenerator-runtime: 0.14.1
-    dev: true
 
   /@babel/standalone@7.26.7:
     resolution: {integrity: sha512-Fvdo9Dd20GDUAREzYMIR2EFMKAJ+ccxstgQdb39XV/yvygHL4UPcqgTkiChPyltAe/b+zgq+vUPXeukEZ6aUeA==}
@@ -2480,6 +2493,7 @@ packages:
     dependencies:
       is-glob: 4.0.3
       micromatch: 4.0.8
+      napi-wasm: 1.1.3
     dev: true
     bundledDependencies:
       - napi-wasm
@@ -2818,6 +2832,20 @@ packages:
       picomatch: 4.0.2
       rollup: 4.34.0
 
+  /@rollup/rollup-android-arm-eabi@4.34.0:
+    resolution: {integrity: sha512-Eeao7ewDq79jVEsrtWIj5RNqB8p2knlm9fhR6uJ2gqP7UfbLrTrxevudVrEPDM7Wkpn/HpRC2QfazH7MXLz3vQ==}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-android-arm64@4.34.0:
+    resolution: {integrity: sha512-yVh0Kf1f0Fq4tWNf6mWcbQBCLDpDrDEl88lzPgKhrgTcDrTtlmun92ywEF9dCjmYO3EFiSuJeeo9cYRxl2FswA==}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    optional: true
+
   /@rollup/rollup-darwin-arm64@4.34.0:
     resolution: {integrity: sha512-gCs0ErAZ9s0Osejpc3qahTsqIPUDjSKIyxK/0BGKvL+Tn0n3Kwvj8BrCv7Y5sR1Ypz1K2qz9Ny0VvkVyoXBVUQ==}
     cpu: [arm64]
@@ -2832,6 +2860,84 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@rollup/rollup-freebsd-arm64@4.34.0:
+    resolution: {integrity: sha512-kpdsUdMlVJMRMaOf/tIvxk8TQdzHhY47imwmASOuMajg/GXpw8GKNd8LNwIHE5Yd1onehNpcUB9jHY6wgw9nHQ==}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-freebsd-x64@4.34.0:
+    resolution: {integrity: sha512-D0RDyHygOBCQiqookcPevrvgEarN0CttBecG4chOeIYCNtlKHmf5oi5kAVpXV7qs0Xh/WO2RnxeicZPtT50V0g==}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-linux-arm-gnueabihf@4.34.0:
+    resolution: {integrity: sha512-mCIw8j5LPDXmCOW8mfMZwT6F/Kza03EnSr4wGYEswrEfjTfVsFOxvgYfuRMxTuUF/XmRb9WSMD5GhCWDe2iNrg==}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-linux-arm-musleabihf@4.34.0:
+    resolution: {integrity: sha512-AwwldAu4aCJPob7zmjuDUMvvuatgs8B/QiVB0KwkUarAcPB3W+ToOT+18TQwY4z09Al7G0BvCcmLRop5zBLTag==}
+    cpu: [arm]
+    os: [linux]
+    libc: [musl]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-linux-arm64-gnu@4.34.0:
+    resolution: {integrity: sha512-e7kDUGVP+xw05pV65ZKb0zulRploU3gTu6qH1qL58PrULDGxULIS0OSDQJLH7WiFnpd3ZKUU4VM3u/Z7Zw+e7Q==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-linux-arm64-musl@4.34.0:
+    resolution: {integrity: sha512-SXYJw3zpwHgaBqTXeAZ31qfW/v50wq4HhNVvKFhRr5MnptRX2Af4KebLWR1wpxGJtLgfS2hEPuALRIY3LPAAcA==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-linux-loongarch64-gnu@4.34.0:
+    resolution: {integrity: sha512-e5XiCinINCI4RdyU3sFyBH4zzz7LiQRvHqDtRe9Dt8o/8hTBaYpdPimayF00eY2qy5j4PaaWK0azRgUench6WQ==}
+    cpu: [loong64]
+    os: [linux]
+    libc: [glibc]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-linux-powerpc64le-gnu@4.34.0:
+    resolution: {integrity: sha512-3SWN3e0bAsm9ToprLFBSro8nJe6YN+5xmB11N4FfNf92wvLye/+Rh5JGQtKOpwLKt6e61R1RBc9g+luLJsc23A==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-linux-riscv64-gnu@4.34.0:
+    resolution: {integrity: sha512-B1Oqt3GLh7qmhvfnc2WQla4NuHlcxAD5LyueUi5WtMc76ZWY+6qDtQYqnxARx9r+7mDGfamD+8kTJO0pKUJeJA==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-linux-s390x-gnu@4.34.0:
+    resolution: {integrity: sha512-UfUCo0h/uj48Jq2lnhX0AOhZPSTAq3Eostas+XZ+GGk22pI+Op1Y6cxQ1JkUuKYu2iU+mXj1QjPrZm9nNWV9rg==}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+    requiresBuild: true
+    optional: true
+
   /@rollup/rollup-linux-x64-gnu@4.34.0:
     resolution: {integrity: sha512-chZLTUIPbgcpm+Z7ALmomXW8Zh+wE2icrG+K6nt/HenPLmtwCajhQC5flNSk1Xy5EDMt/QAOz2MhzfOfJOLSiA==}
     cpu: [x64]
@@ -2848,6 +2954,20 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@rollup/rollup-win32-arm64-msvc@4.34.0:
+    resolution: {integrity: sha512-Vmg0NhAap2S54JojJchiu5An54qa6t/oKT7LmDaWggpIcaiL8WcWHEN6OQrfTdL6mQ2GFyH7j2T5/3YPEDOOGA==}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-win32-ia32-msvc@4.34.0:
+    resolution: {integrity: sha512-CV2aqhDDOsABKHKhNcs1SZFryffQf8vK2XrxP6lxC99ELZAdvsDgPklIBfd65R8R+qvOm1SmLaZ/Fdq961+m7A==}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    optional: true
+
   /@rollup/rollup-win32-x64-msvc@4.34.0:
     resolution: {integrity: sha512-g2ASy1QwHP88y5KWvblUolJz9rN+i4ZOsYzkEwcNfaNooxNUXG+ON6F5xFo0NIItpHqxcdAyls05VXpBnludGw==}
     cpu: [x64]
@@ -3498,6 +3618,13 @@ packages:
       - typescript
     dev: true
 
+  /@wangeditor/editor-for-vue@5.1.12:
+    resolution: {integrity: sha512-0Ds3D8I+xnpNWezAeO7HmPRgTfUxHLMd9JKcIw+QzvSmhC5xUHbpCcLU+KLmeBKTR/zffnS5GQo6qi3GhTMJWQ==}
+    peerDependencies:
+      '@wangeditor/editor': '>=5.1.0'
+      vue: ^3.0.5
+    dev: false
+
   /abbrev@3.0.0:
     resolution: {integrity: sha512-+/kfrslGQ7TNV2ecmQwMJj/B65g5KVq1/L3SGVZ3tCYGqlzFuFCGBZJtMP99wH3NpEUyAjn0zPdPUg0D+DwrOA==}
     engines: {node: ^18.17.0 || >=20.5.0}
@@ -4201,6 +4328,11 @@ packages:
       browserslist: 4.24.4
     dev: true
 
+  /core-js-pure@3.40.0:
+    resolution: {integrity: sha512-AtDzVIgRrmRKQai62yuSIN5vNiQjcJakJb4fbhVw3ehxx7Lohphvw9SGNWKhLFqSxC4ilD0g/L1huAYFQU3Q6A==}
+    requiresBuild: true
+    dev: false
+
   /core-util-is@1.0.3:
     resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
     dev: true
@@ -7430,6 +7562,10 @@ packages:
     resolution: {integrity: sha512-9ca1h0Xjvo9bEkE4UOxgAzLV0jHKe6LMaxo37ND2DAhhAtd0j8pR1Wxz+/goMrZO8AEZTWCmyaOsFI/W5AdpCQ==}
     dev: true
 
+  /napi-wasm@1.1.3:
+    resolution: {integrity: sha512-h/4nMGsHjZDCYmQVNODIrYACVJ+I9KItbG+0si6W/jSjdA9JbWDoU4LLeMXVcEQGHjttI2tuXqDrbGF7qkUHHg==}
+    dev: true
+
   /natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
     dev: true
@@ -8770,7 +8906,6 @@ packages:
 
   /regenerator-runtime@0.14.1:
     resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
-    dev: true
 
   /regenerator-transform@0.15.2:
     resolution: {integrity: sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==}
@@ -8935,10 +9070,24 @@ packages:
     dependencies:
       '@types/estree': 1.0.6
     optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.34.0
+      '@rollup/rollup-android-arm64': 4.34.0
       '@rollup/rollup-darwin-arm64': 4.34.0
       '@rollup/rollup-darwin-x64': 4.34.0
+      '@rollup/rollup-freebsd-arm64': 4.34.0
+      '@rollup/rollup-freebsd-x64': 4.34.0
+      '@rollup/rollup-linux-arm-gnueabihf': 4.34.0
+      '@rollup/rollup-linux-arm-musleabihf': 4.34.0
+      '@rollup/rollup-linux-arm64-gnu': 4.34.0
+      '@rollup/rollup-linux-arm64-musl': 4.34.0
+      '@rollup/rollup-linux-loongarch64-gnu': 4.34.0
+      '@rollup/rollup-linux-powerpc64le-gnu': 4.34.0
+      '@rollup/rollup-linux-riscv64-gnu': 4.34.0
+      '@rollup/rollup-linux-s390x-gnu': 4.34.0
       '@rollup/rollup-linux-x64-gnu': 4.34.0
       '@rollup/rollup-linux-x64-musl': 4.34.0
+      '@rollup/rollup-win32-arm64-msvc': 4.34.0
+      '@rollup/rollup-win32-ia32-msvc': 4.34.0
       '@rollup/rollup-win32-x64-msvc': 4.34.0
       fsevents: 2.3.3
 
@@ -9758,7 +9907,6 @@ packages:
 
   /tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
-    dev: true
 
   /tsscmp@1.0.6:
     resolution: {integrity: sha512-LxhtAkPDTkVCMQjt2h6eBVY28KCjikZqZfMcC15YBeNjkgUpdCfBu5HoiOTDu86v6smE8yOjyEktJ8hlbANHQA==}
@@ -10602,6 +10750,14 @@ packages:
       vdirs: 0.1.8
       vooks: 0.2.12
 
+  /wangeditor@4.7.15:
+    resolution: {integrity: sha512-aPTdREd8BxXVyJ5MI+LU83FQ7u1EPd341iXIorRNYSOvoimNoZ4nPg+yn3FGbB93/owEa6buLw8wdhYnMCJQLg==}
+    dependencies:
+      '@babel/runtime': 7.26.7
+      '@babel/runtime-corejs3': 7.26.7
+      tslib: 2.8.1
+    dev: false
+
   /webidl-conversions@3.0.1:
     resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
     dev: true

From 654a427e48b28c3722f9eb5a145d0ec44ad4c53e Mon Sep 17 00:00:00 2001
From: shenhan <shenhanfly@163.com>
Date: Thu, 13 Feb 2025 13:59:12 +0800
Subject: [PATCH 3/4] =?UTF-8?q?=E5=B7=A5=E4=BD=9C=E6=B5=81/=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E7=9A=84=E5=8F=91=E5=B8=83=E3=80=81=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E3=80=81=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components.d.ts                           |  14 +-
 app/components/Authentication.vue             | 118 ++--
 app/components/BaseComment copy.vue           | 328 ++++++++++
 app/components/BaseComment.vue                | 569 ++++++++++++++++++
 app/components/EditUserInfo.vue               |  20 +-
 app/components/Header.vue                     |  73 ++-
 app/components/IntPayment.vue                 | 238 ++++++++
 app/components/Payment.vue                    | 311 +++++++---
 app/components/PersonalCenterCard.vue         |  59 +-
 app/components/Publish-picture.vue            | 183 ++++++
 app/components/TimeLine.vue                   |  33 +
 app/components/WangEditor.vue                 | 120 +++-
 app/components/WechatLoginQr.vue              |  12 -
 app/components/publishModel/EditVersion.vue   | 366 ++++++-----
 .../publishWorkFlow/EditVersion.vue           | 220 +++++++
 .../publishWorkFlow/EditWorkFlow.vue          | 328 ++++++++++
 app/components/publishWorkFlow/UploadImg.vue  | 198 ++++++
 app/constants/index.ts                        |  21 +-
 app/layouts/default.vue                       |   2 +-
 app/pages/Independent-page/index.vue          |  57 +-
 app/pages/Int-detail/index.vue                | 125 ++++
 app/pages/member-center/index.vue             | 332 +++++++---
 app/pages/model-details/[id].vue              |  38 +-
 app/pages/personal-center/index.vue           |  44 +-
 app/pages/publish-model/index.vue             |  12 +-
 app/pages/publish-workflow/index.vue          | 306 ++++------
 app/pages/workflow-details/[id].vue           | 221 +++++--
 app/plugins/wangeditor.client.ts              |   6 +
 app/stores/user.ts                            |   3 +
 app/utils/uploadImg.ts                        |  36 +-
 nuxt.config.ts                                |   7 +-
 package.json                                  |   1 +
 pnpm-lock.yaml                                | 423 ++++++++++++-
 33 files changed, 4041 insertions(+), 783 deletions(-)
 create mode 100644 app/components/BaseComment copy.vue
 create mode 100644 app/components/BaseComment.vue
 create mode 100644 app/components/IntPayment.vue
 create mode 100644 app/components/Publish-picture.vue
 create mode 100644 app/components/TimeLine.vue
 create mode 100644 app/components/publishWorkFlow/EditVersion.vue
 create mode 100644 app/components/publishWorkFlow/EditWorkFlow.vue
 create mode 100644 app/components/publishWorkFlow/UploadImg.vue
 create mode 100644 app/pages/Int-detail/index.vue
 create mode 100644 app/plugins/wangeditor.client.ts

diff --git a/app/components.d.ts b/app/components.d.ts
index b4c9ad0..9564824 100644
--- a/app/components.d.ts
+++ b/app/components.d.ts
@@ -7,28 +7,22 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
-    NAtePicker: typeof import('naive-ui')['NAtePicker']
     NAvatar: typeof import('naive-ui')['NAvatar']
     NBadge: typeof import('naive-ui')['NBadge']
     NButton: typeof import('naive-ui')['NButton']
-    NCard: typeof import('naive-ui')['NCard']
     NCascader: typeof import('naive-ui')['NCascader']
     NCheckbox: typeof import('naive-ui')['NCheckbox']
     NCheckboxGroup: typeof import('naive-ui')['NCheckboxGroup']
     NConfigProvider: typeof import('naive-ui')['NConfigProvider']
     NDatePicker: typeof import('naive-ui')['NDatePicker']
     NDropdown: typeof import('naive-ui')['NDropdown']
-    NDynamicTags: typeof import('naive-ui')['NDynamicTags']
+    NFor: typeof import('naive-ui')['NFor']
     NForm: typeof import('naive-ui')['NForm']
     NFormItem: typeof import('naive-ui')['NFormItem']
-    NFormItemGi: typeof import('naive-ui')['NFormItemGi']
-    NFormTtem: typeof import('naive-ui')['NFormTtem']
-    NGrid: typeof import('naive-ui')['NGrid']
     NIcon: typeof import('naive-ui')['NIcon']
+    NInfiniteScroll: typeof import('naive-ui')['NInfiniteScroll']
     NInput: typeof import('naive-ui')['NInput']
-    NInputgroup: typeof import('naive-ui')['NInputgroup']
     NInputGroup: typeof import('naive-ui')['NInputGroup']
-    NInputNumber: typeof import('naive-ui')['NInputNumber']
     NMessageProvider: typeof import('naive-ui')['NMessageProvider']
     NModal: typeof import('naive-ui')['NModal']
     NQrCode: typeof import('naive-ui')['NQrCode']
@@ -36,14 +30,10 @@ declare module 'vue' {
     NRadioButton: typeof import('naive-ui')['NRadioButton']
     NRadioGroup: typeof import('naive-ui')['NRadioGroup']
     NSelect: typeof import('naive-ui')['NSelect']
-    NSlider: typeof import('naive-ui')['NSlider']
     NSpace: typeof import('naive-ui')['NSpace']
-    NSwitch: typeof import('naive-ui')['NSwitch']
     NTabPane: typeof import('naive-ui')['NTabPane']
     NTabs: typeof import('naive-ui')['NTabs']
-    NTimePicker: typeof import('naive-ui')['NTimePicker']
     NTooltip: typeof import('naive-ui')['NTooltip']
-    NTransfer: typeof import('naive-ui')['NTransfer']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
   }
diff --git a/app/components/Authentication.vue b/app/components/Authentication.vue
index 4a70a27..ec7b778 100644
--- a/app/components/Authentication.vue
+++ b/app/components/Authentication.vue
@@ -1,77 +1,79 @@
 <script setup lang="ts">
 import { ref } from 'vue'
+
 const message = useMessage()
 const userStore = useUserStore()
 const userInfo = userStore.userInfo
+const isVisible = ref(false)
+
 const rules = ref({
-    name: [
-        { 
-          required: true,
-          validator( value: string) {
-            if (!value) {
-              return new Error('请填写姓名')
-            }
-            else if (!/^(?:[\u4e00-\u9fa5·]{2,16})$/.test(value)) {
-              return new Error('输入正确的姓名')
-            }
-            return true
-          },
-          trigger:'blur'
-        },
+  name: [
+    {
+      required: true,
+      validator(value: string) {
+        if (!value) {
+          return new Error('请填写姓名')
+        }
+        else if (!/^[\u4E00-\u9FA5·]{2,16}$/.test(value)) {
+          return new Error('输入正确的姓名')
+        }
+        return true
+      },
+      trigger: 'blur',
+    },
   ],
   idCard: [
-    { 
-        required: true,
-          validator( value: string) {
-            if (!value) {
-              return new Error('请填身份证号')
-            }
-            else if (!/(^\d{8}(0\d|10|11|12)([0-2]\d|30|31)\d{3}$)|(^\d{6}(18|19|20)\d{2}(0\d|10|11|12)([0-2]\d|30|31)\d{3}(\d|X|x)$)/.test(value)) {
-              return new Error('输入正确的身份证号')
-            }
-            return true
-          },
-          trigger:'blur'
+    {
+      required: true,
+      validator(value: string) {
+        if (!value) {
+          return new Error('请填身份证号')
+        }
+        else if (!/(^\d{8}(0\d|10|11|12)([0-2]\d|30|31)\d{3}$)|(^\d{6}(18|19|20)\d{2}(0\d|10|11|12)([0-2]\d|30|31)\d{3}([\dX])$)/i.test(value)) {
+          return new Error('输入正确的身份证号')
+        }
+        return true
+      },
+      trigger: 'blur',
     },
   ],
 })
 
 const ruleForm = ref({
-    name: '',
-    idCard:'',
-    userId: userInfo.userId
+  name: '',
+  idCard: '',
+  userId: userInfo.userId,
 })
 const formRef = ref(null)
-const saveInfo = async(e: MouseEvent) => {
-    e.preventDefault()
-    formRef.value?.validate(async(errors) => {
-        if (!errors) {
-            // try{
-            //     const res = await request.post('/system/user/updateIdCard',ruleForm.value)
-            //     if(res.code === 200){
-            //         const data = await userStore.getUserInfo()
-            //         message.success('认证成功')
-            //         ruleForm.value.name = ''
-            //         ruleForm.value.idCard = ''
-            //         onCloseModel()
-            //     }
-            // }catch(err) {
-            //     console.log('err',err)
-            // }
-            const res = await request.post('/system/user/updateIdCard',ruleForm.value)
-            const data = await userStore.getUserInfo()
-            isVisible.value = false
-        }
-        else {
-        }
-    })
+async function saveInfo(e: MouseEvent) {
+  e.preventDefault()
+  formRef.value?.validate(async (errors) => {
+    if (!errors) {
+      // try{
+      //     const res = await request.post('/system/user/updateIdCard',ruleForm.value)
+      //     if(res.code === 200){
+      //         const data = await userStore.getUserInfo()
+      //         message.success('认证成功')
+      //         ruleForm.value.name = ''
+      //         ruleForm.value.idCard = ''
+      //         onCloseModel()
+      //     }
+      // }catch(err) {
+      //     console.log('err',err)
+      // }
+      await request.post('/system/user/updateIdCard', ruleForm.value)
+      await userStore.getUserInfo()
+      isVisible.value = false
+    }
+    else {
+    }
+  })
 }
 
-const isVisible = ref(false)
 function onCloseModel() {
   isVisible.value = false
-   ruleForm.value.name = ''
-    ruleForm.value.idCard = ''
+  ruleForm.value.name = ''
+  ruleForm.value.idCard = ''
 }
 defineExpose({
   isVisible,
@@ -92,16 +94,16 @@ onMounted(() => {
   >
     <n-form ref="formRef" :model="ruleForm" :rules="rules">
       <n-form-item path="name" label="姓名">
-        <n-input placeholder="请输入姓名" v-model:value="ruleForm.name" @keydown.enter.prevent />
+        <n-input v-model:value="ruleForm.name" placeholder="请输入姓名" @keydown.enter.prevent />
       </n-form-item>
       <n-form-item path="idCard" label="身份证号">
-        <n-input placeholder="请输入身份证号" v-model:value="ruleForm.idCard" @keydown.enter.prevent />
+        <n-input v-model:value="ruleForm.idCard" placeholder="请输入身份证号" @keydown.enter.prevent />
       </n-form-item>
     </n-form>
     <div class="flex justify-center items-center ">
       <button class="w-1/2 flex justify-center mx-1 bg-[#213df5] py-3 rounded-lg align-middle color-[#fff] border-0 cursor-pointer" @click="saveInfo">
         实名认证
-    </button>
+      </button>
     </div>
   </NModal>
 </template>
diff --git a/app/components/BaseComment copy.vue b/app/components/BaseComment copy.vue
new file mode 100644
index 0000000..a09ca62
--- /dev/null
+++ b/app/components/BaseComment copy.vue	
@@ -0,0 +1,328 @@
+<script setup>
+import { ref } from 'vue'
+
+const props = defineProps({
+  height: {
+    type: String,
+    default: '',
+  },
+  dataList: {
+    type: Array,
+    default: () => [],
+  },
+  userInfo: {
+    type: Object,
+    default: () => ({}),
+  },
+  productId: {
+    type: Number,
+    default: 0,
+  },
+})
+
+const message = useMessage()
+
+// 获取评论列表
+const commentList = ref([])
+async function getCommentList() {
+  try {
+    const res = await request.get(`/WorkFlowComment/comment/${props.productId}`)
+    for (let i = 0; i < res.data.length; i++) {
+      res.data[i].isShowInput = false
+      res.data[i].isShowSend = false
+      if (res.data[i].contentList.length > 0) {
+        for (let j = 0; j < res.data[i].contentList.length; j++) {
+          res.data[i].contentList[j].isShowInput = false
+          res.data[i].contentList[j].isShowSend = false
+        }
+      }
+    }
+    commentList.value = res.data
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+getCommentList()
+// const $props = defineProps(['headUrl', 'dataList', 'height'])
+// const $emit = defineEmits(['sendMessage'])
+// const props = defineProps
+const isShowSend = ref(false)
+const publicWord = ref('')
+// const message = useMessage()
+
+function handleBlur(ele) {
+  ele.isShowInput = false
+  // 默认评价
+  if (!ele) {
+    isShowSend.value = !!publicWord.value
+  }
+  else {
+    ele.isShowSend = !!ele.word
+  }
+}
+
+// 发布评论
+const commentParams = ref({
+  content: '',
+  parentId: '',
+  userId: props.userInfo.userId,
+  workFlowId: props.productId,
+})
+//
+async function sendMessage(data, ele) {
+  debugger
+  try {
+    if (commentParams.value.content) {
+      const res = await request.post('WorkFlowComment/comment', commentParams.value)
+      if (res.code === 200) {
+        message.success('评论成功！')
+      }
+    }
+    else {
+      message.error('评论不能为空！')
+    }
+  }
+  catch (error) {
+    console.log(error)
+  }
+  // if(!publicWord.value){
+  //   return message.info(
+  //     '请输入评论',
+  //     { duration: 3000 }
+  //   )
+  // }
+  if (!data) {
+    // $props.dataList.push({
+    //   headUrl: 'https://avatars.githubusercontent.com/u/19239641?s=60&v=4', // 头像
+    //   name: '星辰流连', // 名称
+    //   id: 6,
+    //   des: publicWord.value, // 评论
+    //   time: '2025/02/08 14:52:06', // 时间
+    //   isAuthor: false, // 是否是作者
+    //   isShowInput: false, // 是否显示回复框
+    //   isFocus: true, // 是否点赞
+    //   focusNum: 2, // 点赞数量
+    //   word: '', // 评论语
+    //   isShowSend: false, // 是否显示发送按钮
+    // })
+
+    publicWord.value = ''
+    // isShowSend.value = false
+  }
+  else {
+    data.push({
+      headUrl: 'https://avatars.githubusercontent.com/u/19239641?s=60&v=4', // 头像
+      name: '星辰流连', // 名称
+      id: 7,
+      des: ele.word, // 评论
+      time: '2025/02/08 14:52:06', // 时间
+      isAuthor: false, // 是否是作者
+      isShowInput: false, // 是否显示回复框
+      isFocus: true, // 是否点赞
+      focusNum: 2, // 点赞数量
+      word: '', // 评论语
+      isShowSend: false, // 是否显示发送按钮
+    })
+
+    ele.word = ''
+    ele.isShowInput = false
+  }
+
+  // 发送数据
+  $emit('sendMessage', data)
+}
+
+// 目前点赞都在这边，注意区分
+function handleFocus(item) {
+  item.isFocus = !item.isFocus
+}
+
+function handleMessage(item) {
+  debugger
+  if (!item.isShowInput) {
+    item.word = ''
+  }
+  item.isShowInput = !item.isShowInput
+}
+
+function handleDel(ele, item) {
+  const index = item.findIndex(el => ele.id === el.id)
+  item.splice(index, 1)
+}
+</script>
+
+<template>
+  <div class="base-comment">
+    <!-- 头部评论框 -->
+    <div class="flex justify-between mb-4">
+      <div v-if="props.userInfo.avatar" class="w-11 h-11 rounded-full mr-4 border border-[#2d28ff] border-solid">
+        <img class="w-10 h-10 rounded-full p-1" alt="avatar" :src="props.userInfo.avatar">
+      </div>
+      <div class="input-wrap flex items-center leading-normal rounded-lg text-sm bg-[#f2f5f9] px-4 py-2 flex-1">
+        <NConfigProvider inline-theme-disabled class="w-full">
+          <n-input
+            v-model:value="commentParams.content"
+            type="textarea"
+            :autosize="{ minRows: 1 }"
+            placeholder="善语结善缘，恶言伤人心~"
+            @focus="isShowSend = true"
+            @blur="handleBlur"
+          />
+        </NConfigProvider>
+        <div
+          class="mx-4 flex-shrink-0 text-sm cursor-pointer text-gray-400 hover:text-gray-900"
+          :class="{ 'text-gray-900': commentParams.content }"
+          @click="sendMessage"
+        >
+          <span v-if="isShowSend">发送sendMessage</span>
+        </div>
+      </div>
+    </div>
+
+    <!-- 评论列表 -->
+    <NInfiniteScroll :style="{ height: `${height}px` }" :distance="10" @load="handleLoad">
+      <div v-for="(item, index) in commentList" :key="index">
+        <!-- 主评论 -->
+        <div class="flex text-sm">
+          <div class="w-10 h-10 rounded-full mr-3 flex-shrink-0">
+            <img :src="item.userAvatar" class="w-full h-full rounded-full">
+          </div>
+          <div class="w-full">
+            <div class="mt-[10px] mb-[7px] font-medium text-gray-700">
+              {{ item.userName }}
+            </div>
+            <div class="leading-[1.25]">
+              {{ item.content }}
+            </div>
+            <div class="mt-1 flex items-center justify-between">
+              <span class="text-xs text-gray-400">{{ item.createTime }}</span>
+              <div class="text-xs text-gray-400 flex items-center cursor-pointer">
+                <div class="flex items-center mr-4">
+                  <img v-if="item.focus" src="@/assets/img/heart.png" class="w-4 h-4 mr-[3px]">
+                  <img v-else src="@/assets/img/heart.png" class="w-4 h-4 mr-[3px]" @click="handleFocus(item)">
+                  <span class="align-middle">{{ item.likeNum }}</span>
+                </div>
+                <span class="mr-4" @click="handleMessage(item)">回复</span>
+                <span @click="handleDel(item, dataList)">删除</span>
+              </div>
+            </div>
+
+            <!-- 评论回复框 -->
+            <div v-if="item.isShowInput" class="input-wrap mt-[10px] flex items-center rounded-lg text-sm bg-[#f2f5f9] px-3 py-2">
+              <NConfigProvider inline-theme-disabled class="w-full">
+                <n-input
+                  v-model:value="item.word"
+                  type="textarea"
+                  :autosize="{ minRows: 1 }"
+                  :placeholder="`回复: @${item.userName}`"
+                  @focus="item.isShowSend = true"
+                  @blur="handleBlur(item)"
+                />
+              </NConfigProvider>
+              <div
+                class="mx-4 flex-shrink-0 text-sm cursor-pointer text-gray-400 hover:text-gray-900"
+                :class="{ 'text-gray-900': item.word }"
+                @click="sendMessage(item.children, item)"
+              >
+                <span v-if="item.isShowSend">发送sendMessage</span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 子评论 -->
+        <div class="pl-[52px]">
+          <div v-for="(ele, subIndex) in item.contentList" :key="subIndex" class="flex text-sm mt-4">
+            <div class="w-6 h-6 rounded-full mr-3 flex-shrink-0">
+              <img src="https://avatars.githubusercontent.com/u/20943608?s=60&v=4" class="w-full h-full rounded-full">
+            </div>
+            <div class="w-full">
+              <div class="mb-[7px] font-medium text-gray-700 flex items-center">
+                {{ ele.userName }}
+                <div v-if="ele.userAvatar" class="ml-2 px-1 py-[3px] text-xs leading-[12px] text-white rounded bg-gradient-to-r from-[#2d28ff] to-[#1a7dff]">
+                  作者
+                </div>
+              </div>
+              <div class="flex items-center">
+                <span>回复</span>
+                <span class="text-[#1880ff] mr-[6px]">@{{ ele.userName }}</span>
+                {{ ele.des }}
+              </div>
+              <div class="mt-1 flex items-center justify-between">
+                <span class="text-xs text-gray-400">{{ ele.createTime }}</span>
+                <div class="text-xs text-gray-400 flex items-center cursor-pointer">
+                  <div class="flex items-center mr-4">
+                    <img v-if="ele.isFocus" src="@/assets/img/heart.png" class="w-4 h-4 mr-[3px]" @click="handleFocus(ele, 'cancel')">
+                    <img v-else src="@/assets/img/heart.png" class="w-4 h-4 mr-[3px]" @click="handleFocus(ele, 'add')">
+                    <span class="align-middle">1</span>
+                  </div>
+                  <span class="mr-4" @click="handleMessage(ele)">回复</span>
+                  <span @click="handleDel(ele, item.contentList)">删除</span>
+                </div>
+              </div>
+
+              <!-- 子评论回复框 -->
+              <div v-if="ele.isShowInput" class="input-wrap mt-[10px] flex items-center rounded-lg text-sm bg-[#f2f5f9] px-3 py-2">
+                <NConfigProvider inline-theme-disabled class="w-full">
+                  <n-input
+                    v-model:value="ele.word"
+                    type="textarea"
+                    :autosize="{ minRows: 1 }"
+                    :placeholder="`回复: @${ele.userName}`"
+                    @focus="ele.isShowSend = true"
+                    @blur="handleBlur(ele)"
+                  />
+                </NConfigProvider>
+                <div
+                  class="mx-4 flex-shrink-0 text-sm cursor-pointer text-gray-400 hover:text-gray-900"
+                  :class="{ 'text-gray-900': ele.word }"
+                  @click="sendMessage(item.children, ele)"
+                >
+                  <span v-if="ele.isShowSend">发送sendMessage</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 加载更多 -->
+      <div class="text-sm text-gray-400 text-center py-[46px] pb-[118px]">
+        暂时没有更多评论
+      </div>
+    </NInfiniteScroll>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.input-wrap {
+  :deep(.n-input) {
+    --n-padding-left: 0 !important;
+    --n-border: 0 !important;
+    --n-border-hover: 0 !important;
+    --n-border-focus: 0 !important;
+    --n-box-shadow-focus: unset;
+    --n-padding-vertical: 0px !important;
+  }
+  &::hover {
+    border: 0;
+  }
+  &:active,
+  &:focus {
+    background-color: #f2f5f9;
+
+    border: 0 !important;
+  }
+  background-color: #f2f5f9;
+}
+.n-input--textarea {
+  background-color: #f2f5f9;
+}
+.n-input:not(.n-input--disabled).n-input--foucs {
+  background-color: #f2f5f9 !important;
+}
+.n-input--focus {
+  background-color: #f2f5f9 !important;
+}
+</style>
diff --git a/app/components/BaseComment.vue b/app/components/BaseComment.vue
new file mode 100644
index 0000000..6731b03
--- /dev/null
+++ b/app/components/BaseComment.vue
@@ -0,0 +1,569 @@
+<script setup lang="ts">
+// import { NConfigProvider, NInfiniteScroll, NInput } from 'naive-ui'
+import {
+  ThumbsUp,
+} from 'lucide-vue-next'
+
+const props = defineProps({
+  height: {
+    type: Number,
+    default: 800,
+  },
+  type: {
+    type: String,
+    default: '',
+  },
+  detailsInfo: {
+    type: Object,
+    default: () => ({}),
+  },
+})
+
+// const $props = defineProps(['headUrl', 'dataList', 'height'])
+
+const userStore = useUserStore()
+const message = useMessage()
+
+// 发布评论
+const commentParams = ref({
+  content: '',
+  parentId: '',
+  replyUserId: '',
+  userId: userStore.userInfo.userId,
+  workFlowId: props.detailsInfo.id,
+})
+function commentParamsInit() {
+  commentParams.value.content = ''
+  commentParams.value.replyUserId = ''
+  commentParams.value.parentId = ''
+}
+
+const isShowSend = ref(false)
+const publicWord = ref('')
+const sortType = ref(1)
+
+// 获取列表
+const urlList = ref({
+  workflow: '/WorkFlowComment/comment?',
+})
+// 点赞
+const likeList = ref({ // 点赞
+  workflow: '/WorkFlowComment/commentLike?',
+})
+// 发送评论
+const sendMessageList = ref({ // 点赞
+  workflow: '/WorkFlowComment/comment',
+})
+// 删除
+const deleteList = ref({ // 点赞
+  workflow: '/WorkFlowComment/commentDelete?',
+})
+// 查条数
+const commentNumUrl = ref({ // 点赞
+  workflow: '/WorkFlowComment/commentCount?workFlowId',
+})
+
+const commentCount = ref(0)
+// 评论列表
+const commentList = ref([])
+async function getCommentList() {
+  try {
+    const res = await request.get(`${urlList.value[props.type]}commentId=${props.detailsInfo.id}&sortType=${sortType.value}`)
+    for (let i = 0; i < res.data.length; i++) {
+      res.data[i].isShowInput = false
+      res.data[i].isShowSend = false
+      if (res.data[i].contentList.length > 0) {
+        for (let j = 0; j < res.data[i].contentList.length; j++) {
+          res.data[i].contentList[j].isShowInput = false
+          res.data[i].contentList[j].isShowSend = false
+        }
+      }
+    }
+    commentList.value = res.data
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+getCommentList()
+
+function handleBlur(ele) {
+  // 默认评价
+  if (!ele) {
+    isShowSend.value = !!publicWord.value
+  }
+  else {
+    ele.isShowSend = !!ele.word
+  }
+}
+// 发送评论
+async function sendMessage(ele, index) {
+  if (ele && ele.userId) {
+    try {
+      if (ele.word) {
+        commentParams.value.content = ele.word
+        commentParams.value.parentId = commentList.value[index].commentId
+        commentParams.value.replyUserId = ele.commentId
+        const res = await request.post(sendMessageList.value[props.type], commentParams.value)
+        if (res.code === 200) {
+          message.success('评论成功！')
+          getCommentList()
+          getCommentNum()
+          commentParamsInit()
+        }
+      }
+      else {
+        message.warning('评论不能为空！')
+      }
+    }
+    catch (error) {
+      console.log(error)
+    }
+  }
+  else {
+    try {
+      if (publicWord.value) {
+        commentParams.value.parentId = ''
+        commentParams.value.content = publicWord.value
+        commentParams.value.replyUserId = ''
+        const res = await request.post('WorkFlowComment/comment', commentParams.value)
+        if (res.code === 200) {
+          message.success('评论成功！')
+          publicWord.value = ''
+          getCommentList()
+          getCommentNum()
+          commentParamsInit()
+        }
+      }
+      else {
+        message.warning('评论不能为空！')
+      }
+    }
+    catch (error) {
+      console.log(error)
+    }
+  }
+}
+
+async function getCommentNum() {
+  try {
+    const res = await request.get(`${commentNumUrl.value[props.type]}=${props.detailsInfo.id}`)
+    if (res.code === 200) {
+      commentCount.value = res.data
+    }
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+getCommentNum()
+// 点赞/取消点赞
+async function handleFocus(item) {
+  await request.get(`${likeList.value[props.type]}commentId=${item.commentId}`)
+  if (item.isLike === 0) {
+    item.isLike = 1
+    item.likeNum++
+    message.success('点赞成功！')
+  }
+  else {
+    item.isLike = 0
+    item.likeNum--
+    message.success('取消点赞成功！')
+  }
+}
+
+// 显示回复框
+function handleMessage(item) {
+  if (!item.isShowInput) {
+    item.word = ''
+  }
+  item.isShowInput = !item.isShowInput
+}
+// 删除评论
+async function handleDel(item) {
+  try {
+    const res = await request.get(`${deleteList.value[props.type]}commentId=${item.commentId}`)
+    if (res.code === 200) {
+      message.success('删除成功！')
+      getCommentList()
+      getCommentNum()
+    }
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+
+function changeType(type: string) {
+  sortType.value = type
+  getCommentList()
+}
+</script>
+
+<template>
+  <div class="base-comment">
+    <div class="flex justify-between items-center mb-4">
+      <div class="flex items-center">
+        <div class="left text-[20px] mr-2">
+          讨论
+        </div>
+        <div class="text-[#999]">
+          {{ commentCount }}
+        </div>
+      </div>
+      <div class="flex items-center">
+        <div class="cursor-pointer" :class="sortType === 0 ? '' : 'text-[#999]'" @click="changeType(0)">
+          最热
+        </div>｜
+        <div class="cursor-pointer" :class="sortType === 1 ? '' : 'text-[#999]'" @click="changeType(1)">
+          最新
+        </div>
+      </div>
+    </div>
+    <div class="header-wrap">
+      <div v-if="userStore.userInfo.avatar" class="left">
+        <img
+          alt="avatar"
+          :src="userStore.userInfo.avatar"
+        >
+      </div>
+      <div class="input-wrap">
+        <NConfigProvider inline-theme-disabled style="width:100%">
+          <NInput
+            v-model:value="publicWord"
+            type="textarea"
+            :autosize="{ minRows: 1 }"
+            placeholder="善语结善缘，恶言伤人心~"
+            class="text"
+            @focus="isShowSend = true"
+            @blur="handleBlur"
+          />
+        </NConfigProvider>
+
+        <div class="send-btn" :class="{ active: publicWord }" @click="sendMessage">
+          <span v-if="isShowSend">发送</span>
+        </div>
+      </div>
+    </div>
+    <NInfiniteScroll :style="{ height: `${height}px` }" :distance="10" @load="handleLoad">
+      <div
+        v-for="(item, index) in commentList"
+        :key="index"
+        class="px-4"
+      >
+        <div class="nav-wrap">
+          <div class="left-img">
+            <img :src="item.userAvatar">
+          </div>
+          <div class="right">
+            <div class="name">
+              {{ item.userName }}
+            </div>
+            <div class="des">
+              {{ item.content }}
+            </div>
+            <div class="star-wrap">
+              <span class="time">{{ item.createTime }}</span>
+              <div class="star-operator">
+                <div class="icon-wrap">
+                  <!-- <img v-if="item.focus" src="@/assets/img/heart.png" alt=""> -->
+                  <ThumbsUp size="16" class="mr-1" :color="item.isLike !== 0 ? '#ff0000' : '#000000'" @click="handleFocus(item)" />
+
+                  <!-- <img v-else src="@/assets/img/heart.png" alt="" @click="handleFocus(item)"> -->
+                  <span style="vertical-align: middle">{{ item.likeNum }}</span>
+                </div>
+                <span class="cursor-pointer m-r16" @click="handleMessage(item)">回复</span>
+                <span v-if="item.userId === userStore.userInfo.userId" class="cursor-pointer" @click="handleDel(item)">删除</span>
+              </div>
+            </div>
+            <!-- 父项评论回复操作 -->
+            <div v-if="item.isShowInput" class="input-wrap" style="margin-top: 10px;">
+              <NConfigProvider inline-theme-disabled style="width:100%">
+                <NInput
+                  v-model:value="item.word"
+                  type="textarea"
+                  :autosize="{ minRows: 1 }"
+                  :placeholder="`回复: @${item.userName}`"
+                  class="text"
+                  @focus="item.isShowSend = true"
+                  @blur="handleBlur(item)"
+                />
+              </NConfigProvider>
+              <div class="send-btn" :class="{ active: publicWord }" @click="sendMessage(item, index)">
+                <span v-if="item.isShowSend">发送</span>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="child-wrap">
+          <div v-for="(ele, subIndex) in item.contentList" :key="subIndex" class="child-wrap-item">
+            <div class="left-img">
+              <img :src="ele.userAvatar">
+            </div>
+            <div class="right">
+              <div class="name">
+                {{ ele.userName }}
+                <div v-if="ele.userId === props.detailsInfo.userId" class="author">
+                  作者
+                </div>
+              </div>
+              <div class="des">
+                <span>回复</span>
+                <span class="u-name">@{{ ele.userName }}</span>
+                {{ ele.content }}
+              </div>
+              <div class="star-wrap">
+                <span class="time">{{ ele.createTime }}</span>
+                <div class="star-operator">
+                  <div class="icon-wrap">
+                    <ThumbsUp size="16" class="mr-1" :color="ele.isLike !== 0 ? '#ff0000' : '#000000'" @click="handleFocus(ele)" />
+                    <span style="vertical-align: middle">{{ ele.likeNum }}</span>
+                  </div>
+                  <span class="cursor-pointer m-r16" @click="handleMessage(ele)">回复</span>
+                  <span v-if="item.userId === userStore.userInfo.userId" class="cursor-pointer" @click="handleDel(ele)">删除</span>
+                </div>
+              </div>
+              <!-- 子项评论回复操作 -->
+              <div v-if="ele.isShowInput" class="input-wrap" style="margin-top: 10px;">
+                <NConfigProvider inline-theme-disabled style="width:100%">
+                  <NInput
+                    v-model:value="ele.word"
+                    type="textarea"
+                    :autosize="{ minRows: 1 }"
+                    :placeholder="`回复: @${ele.userName}`"
+                    class="text"
+                    @focus="ele.isShowSend = true"
+                    @blur="handleBlur(ele)"
+                  />
+                </NConfigProvider>
+                <div class="send-btn" :class="{ active: publicWord }" @click="sendMessage(ele, index)">
+                  <span v-if="ele.isShowSend">发送</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="no-more">
+        暂时没有更多评论
+      </div>
+    </NInfiniteScroll>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.header-wrap {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 20px;
+  .left {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    margin-right: 12px;
+    border: 1px solid #2d28ff;
+    img {
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+    }
+  }
+  .right {
+  }
+}
+
+.input-wrap {
+  display: flex;
+  align-items: center;
+  line-height: 1.55;
+  border-radius: 8px;
+  caret-color: #999;
+  font-size: 14px;
+  background: #f2f5f9;
+  padding: 10px 12px;
+  flex: 1;
+
+  :deep(.n-input) {
+    --n-padding-left: 0 !important;
+    --n-border: 0 !important;
+    --n-border-hover: 0 !important;
+    --n-border-focus: 0 !important;
+    --n-box-shadow-focus: unset;
+    --n-padding-vertical: 0px !important;
+
+    &::hover {
+      border: 0;
+    }
+    &:active,
+    &:focus {
+      border: 0 !important;
+    }
+    background-color: transparent;
+  }
+  .send-btn {
+    margin-left: 16px;
+    margin-right: 16px;
+    flex-shrink: 0;
+    color: #999;
+    font-size: 14px;
+    cursor: pointer;
+    &.active {
+      color: #222;
+    }
+  }
+}
+
+.nav-wrap {
+  margin: 10px 0;
+  display: flex;
+  font-size: 14px;
+  // align-items: center;
+  .left-img {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    margin-right: 12px;
+    img {
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+    }
+  }
+  .right {
+    width: 100%;
+    .name {
+      margin-top: 10px;
+      margin-bottom: 7px;
+      font-weight: 500;
+      color: #333;
+    }
+
+    .des {
+      line-height: 1.25;
+    }
+
+    .star-wrap {
+      margin-top: 4px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      .time {
+        color: #999;
+        font-size: 12px;
+      }
+      .star-operator {
+        font-size: 12px;
+        color: #999;
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        .icon-wrap {
+          display: flex;
+          align-items: center;
+          margin-right: 16px;
+          cursor: pointer;
+          img {
+            width: 16px;
+            height: 16px;
+            margin-right: 3px;
+          }
+        }
+
+        .m-r16 {
+          margin-right: 16px;
+        }
+      }
+    }
+  }
+}
+
+.child-wrap {
+  padding-left: 52px;
+  .child-wrap-item {
+    display: flex;
+    font-size: 14px;
+    margin-top: 16px;
+    // align-items: center;
+    .left-img {
+      width: 24px;
+      height: 24px;
+      border-radius: 50%;
+      margin-right: 12px;
+      img {
+        width: 24px;
+        height: 24px;
+        border-radius: 50%;
+      }
+    }
+    .right {
+      width: 100%;
+      .name {
+        margin-bottom: 7px;
+        font-weight: 500;
+        color: #333;
+        display: flex;
+        align-items: center;
+        .author {
+          margin-left: 8px;
+          color: #fff;
+          background: linear-gradient(90deg, #2d28ff, #1a7dff);
+          padding: 3px 4px;
+          font-size: 12px;
+          line-height: 12px;
+          border-radius: 4px;
+        }
+      }
+
+      .des {
+        line-height: 1.5;
+        // display: flex;
+        align-items: center;
+        .u-name {
+          color: #1880ff;
+          margin-right: 6px;
+        }
+      }
+
+      .star-wrap {
+        margin-top: 4px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        .time {
+          color: #999;
+          font-size: 12px;
+        }
+        .star-operator {
+          font-size: 12px;
+          color: #999;
+          display: flex;
+          align-items: center;
+          cursor: pointer;
+          .icon-wrap {
+            display: flex;
+            align-items: center;
+            margin-right: 16px;
+            cursor: pointer;
+            img {
+              width: 16px;
+              height: 16px;
+              margin-right: 3px;
+            }
+          }
+
+          .m-r16 {
+            margin-right: 16px;
+          }
+        }
+      }
+    }
+  }
+}
+
+.no-more {
+  color: #999;
+  font-size: 14px;
+  text-align: center;
+  padding: 46px 0 118px;
+}
+</style>
diff --git a/app/components/EditUserInfo.vue b/app/components/EditUserInfo.vue
index a1d3110..4e14f35 100644
--- a/app/components/EditUserInfo.vue
+++ b/app/components/EditUserInfo.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import defaultAvatar from '@/assets/img/default-avatar.png'
 import { ref } from 'vue'
 import { uploadImagesInBatches } from '../utils/uploadImg.ts'
 
@@ -46,8 +45,8 @@ async function handlePictureChange(event: Event) {
 
   try {
     const pictureResultList = await uploadImagesInBatches(imageFiles)
+    ruleForm.value.avatar = pictureResultList[0].url
     event.target.value = ''
-    ruleForm.value.avatar = pictureResultList[0]
   }
   catch (error: any) {
     message.error('图片上传失败')
@@ -60,6 +59,19 @@ async function saveInfo() {
   onCloseModel()
 }
 
+watch(
+  () => userStore.userInfo, // 监听 userInfo
+  (newUserInfo) => {
+    if (newUserInfo) {
+      ruleForm.value.nickName = newUserInfo.nickName
+      ruleForm.value.avatar = newUserInfo.avatar
+      ruleForm.value.brief = newUserInfo.brief
+      ruleForm.value.userId = newUserInfo.userId
+    }
+  },
+  { immediate: true }, // 立即执行一次，初始化 ruleForm
+)
+
 const isVisible = ref(false)
 function onCloseModel() {
   isVisible.value = false
@@ -84,7 +96,7 @@ onMounted(() => {
   >
     <div class="rounded-full flex justify-center overflow-hidden mb-4">
       <client-only>
-        <img class="block w-[60px] h-[60px] rounded-full" :src="ruleForm.avatar || defaultAvatar" alt="编辑">
+        <img class="block w-[60px] h-[60px] rounded-full" :src="ruleForm.avatar" alt="编辑">
       </client-only>
     </div>
     <div class="flex justify-center mb-2">
@@ -123,7 +135,7 @@ onMounted(() => {
       暂不修改
       </div> -->
 
-      <button class="w-1/2 flex justify-center mx-1 bg-[#213df5] py-3 rounded-lg align-middle color-[#fff] border-0 cursor-pointer" @click="saveInfo">
+      <button class="w-1/2 flex justify-center mx-1 bg-[#213df5] py-3 rounded-lg align-middle text-[#fff] border-0 cursor-pointer" @click="saveInfo">
         确定修改
       </button>
       <!-- <div class="w-1/2 flex justify-center mx-1 bg-[#213df5] py-3 rounded-lg align-middle color-[#fff]">
diff --git a/app/components/Header.vue b/app/components/Header.vue
index 6b56140..8c340c6 100644
--- a/app/components/Header.vue
+++ b/app/components/Header.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import defaultAvatar from '@/assets/img/default-avatar.png'
+// 输入框搜索
+import { headerRole } from '@/constants/index'
 import {
   Bell,
   CirclePlus,
@@ -9,17 +10,36 @@ import {
   Monitor,
   Workflow,
 } from 'lucide-vue-next'
+import { NConfigProvider, NMessageProvider } from 'naive-ui'
+
 // import { AtCircle } from '@vicons/ionicons5'
 import { NIcon } from 'naive-ui'
+import { onMounted, ref, watch } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
 
-import { onMounted, ref } from 'vue'
-import { useRouter } from 'vue-router'
-
+const route = useRoute()
 const router = useRouter()
 const userStore = useUserStore()
 const modalStore = useModalStore()
-
-// 输入框搜索
+const currentUseRoute = ref('')
+const isShowPublishPicture = ref<boolean>(false)
+const PublishPictureRef = ref<Payment | null>(null)
+const publishPicture = ref({
+  title: '',
+  tags: [],
+  description: '',
+  imagePaths: [],
+})
+watch(
+  () => route.path, // 监听 route.path 的变化
+  (newPath) => {
+    currentUseRoute.value = newPath
+  },
+  { immediate: true }, // 立即执行一次
+)
+function hasItem(path: string, list: any) {
+  return !list.includes(path)
+}
 const searchText = ref('')
 function onSearch(value: any) {
   console.log('搜索:', value)
@@ -101,18 +121,31 @@ async function handleUserSelect(key: string) {
 // 发布下拉选项
 async function handlePublishSelect(key: string) {
   if (key === 'picture') {
-    debugger
+    isShowPublishPicture.value = true
+    if (PublishPictureRef.value) {
+      PublishPictureRef.value.isVisible = true
+    }
   }
   else {
     router.push({
       path: `/${key}`,
+      query: {
+        type: 'add',
+      },
     })
   }
 }
+function closePublishImg() {
+  isShowPublishPicture.value = false
+  if (PublishPictureRef.value) {
+    PublishPictureRef.value.isVisible = false
+  }
+}
 
 function handleLogin() {
   modalStore.showLoginModal()
 }
+
 onMounted(() => {
 })
 </script>
@@ -136,21 +169,10 @@ onMounted(() => {
 
         <!-- <HeaderSearchInput /> -->
         <HeaderSearchInput
+          v-if="hasItem(currentUseRoute, headerRole.inputSearch)"
           v-model="searchText"
           @search="onSearch"
         />
-        <!-- Search -->
-        <!-- <n-input class="w-[580px]" size="large" placeholder="搜索模型/图片/创作者寻找灵感" round  /> -->
-        <!-- <NInput
-          round
-          clearable
-          placeholder="搜索模型/图片/创作者寻找灵感"
-          class="w-[580px]"
-        >
-          <template #prefix>
-            <Search class="h-4 w-4 text-gray-400" />
-          </template>
-        </NInput> -->
       </div>
 
       <!-- Right Actions -->
@@ -200,11 +222,7 @@ onMounted(() => {
                 class="cursor-pointer w-10 h-10"
                 round
                 size="small"
-                :src="
-                  userStore.userInfo && userStore.userInfo.avatar
-                    ? userStore.userInfo.avatar
-                    : defaultAvatar
-                "
+                :src="userStore.userInfo.avatar"
               />
             </NDropdown>
             <div
@@ -218,6 +236,13 @@ onMounted(() => {
         </div>
       </NSpace>
     </header>
+    <div>
+      <NConfigProvider>
+        <NMessageProvider>
+          <Publish-picture v-if="isShowPublishPicture" ref="PublishPictureRef" :form-data="publishPicture" @close-publish-img="closePublishImg" />
+        </NMessageProvider>
+      </NConfigProvider>
+    </div>
   </div>
 </template>
 
diff --git a/app/components/IntPayment.vue b/app/components/IntPayment.vue
new file mode 100644
index 0000000..6203bb4
--- /dev/null
+++ b/app/components/IntPayment.vue
@@ -0,0 +1,238 @@
+<script setup lang="ts">
+import { RotateCcw, X } from 'lucide-vue-next'
+import { defineProps, onBeforeMount, onBeforeUnmount, ref } from 'vue'
+
+const props = defineProps({
+  isMember: {
+    type: Object,
+    default: () => {},
+  },
+})
+
+const emit = defineEmits(['closePayment', 'paymentSuccess'])
+
+const message = useMessage()
+
+let pollingTimer: ReturnType<typeof setInterval> | undefined
+const formRef = ref<FormInst | null>(null)
+// const isShowPayment = ref(false)
+const userStore = useUserStore()
+
+interface UserInfoType {
+  nickName: string
+  avatar: string
+  brief: string
+  userId: number | string
+}
+const userInfo = {
+  nickName: userStore.userInfo?.nickName ?? '',
+  avatar: userStore.userInfo?.avatar ?? '',
+  brief: userStore.userInfo?.brief ?? '',
+  userId: userStore.userInfo?.userId ?? '',
+} as UserInfoType
+
+function onCloseModel() {
+  emit('closePayment')
+}
+function onPaymentSuccess() {
+  emit('paymentSuccess')
+}
+const qrUrl = ref('')
+
+// 初始化获取支付二维码
+const paymentStatus = ref(1)
+const amount = ref(10)
+const paymentParams = ref({
+  amount: 10,
+  type: 'points',
+})
+
+async function getQrCode() {
+  try {
+    paymentParams.value.amount = amount.value
+    const res = await request.post(`/ali/pay/doPay`, paymentParams.value)
+    if (res.code === 200) {
+      paymentStatus.value = 1
+      qrUrl.value = res.data.url
+      pollingTimer && clearTimeout(pollingTimer)
+      pollingTimer = setInterval(async () => {
+        try {
+          const res2 = await request.get(`/web/pay/queryTradeStatus?outTradeNo=${res.data.orderNo}`)
+          if (res2.data === 2) { // 1代支付 2支付成功 4超时
+            paymentStatus.value = 2
+            clearTimeout(pollingTimer)
+            onPaymentSuccess()
+            emit('closePayment')
+            message.success('支付成功!')
+          }
+          else if (res2.data === 4) {
+            paymentStatus.value = 4
+            clearTimeout(pollingTimer)
+          }
+        }
+        catch (err) {
+          console.log('object', err)
+        }
+      }, 2000)
+    }
+  }
+  catch (err) {
+    console.log(err)
+  }
+}
+
+// 二维码是否过去
+const isVisible = ref(true)
+
+// 获取积分余额和历史记录
+const points = ref(0)
+async function getPoints() {
+  try {
+    const res = await request.get('/member/getPoints')
+    if (res.code === 200) {
+      points.value = res.data.points
+    }
+  }
+  catch (err) {
+    console.log(err)
+  }
+}
+getPoints()
+
+// 是否是会员
+// const isMember = ref(false)
+// async function getIsMember() {
+//   try {
+//     const res = await request.get('/member/isMember')
+//     if (res.code === 200) {
+//       isMember.value = res.data
+//     }
+//   }
+//   catch (err) {
+//     console.log(err)
+//   }
+// }
+// getIsMember()
+
+onBeforeMount (() => {
+  getQrCode()
+})
+defineExpose({
+  isVisible,
+})
+onBeforeUnmount(() => {
+  clearInterval(pollingTimer)
+})
+</script>
+
+<template>
+  <n-modal
+    v-model:show="isVisible"
+    :preset="null"
+    :mask-closable="false"
+    transform-origin="center"
+    class="custom-modal"
+  >
+    <div class="bg-white rounded-xl w-200">
+      <div
+        class="p-4 flex justify-between rounded-t-xl bg-gradient-to-r from-[#fcf2da] to-[#f9db9f]"
+      >
+        <div class="flex items-center">
+          <div>
+            <img :src="userInfo.avatar" class="w-14 h-14 rounded-full mr-4">
+          </div>
+          <div class="flex flex-col">
+            <div class="text-[#814600] text-xl">
+              {{ userInfo.nickName }}
+            </div>
+            <div class="text-[#6a6a6a] text-xs mt-1">
+              {{ props.isMember.result === '1' ? `会员到期时间: ${props.isMember.endDate}` : '您还不是魔创未来的会员' }}
+            </div>
+          </div>
+        </div>
+        <div @click="onCloseModel">
+          <component :is="X" class="h-[18px] w-[18px] text-[#61666d] cursor-pointer" />
+        </div>
+      </div>
+      <div class="p-4">
+        余额：{{ points }}积分
+      </div>
+      <div class="mt-4 px-6 flex">
+        <n-form
+          ref="formRef"
+          :label-width="80"
+          :model="paymentParams"
+          size="large"
+          label-placement="left"
+          style="width: 240px"
+        >
+          <n-form-item label="输入积分" path="modelProduct.modelName">
+            <n-input v-model:value="amount" type="number" placeholder="输入积分" />
+          </n-form-item>
+        </n-form>
+        <!-- <div>
+          确定
+        </div> -->
+        <n-button type="primary" class="mt-1 ml-2" @click="getQrCode">
+          确定
+        </n-button>
+      </div>
+      <!-- <div v-for="(item, index) in activityList" :key="index">
+        {{ item.activityName }}
+      </div> -->
+      <div class="mt-1 text-[#9d8c75] text-[12px] w-[500px] px-3">
+        1000个算力约可生图1000张，或训练5次。按照生图默认参数、或训练基础参数预估（即训练图片张数20张*单张训练次数15*训练轮数10）。
+        您充值的算力永久有效
+        算力充值不退不换
+      </div>
+      <div class="flex justify-center items-center my-4">
+        <div class="w-30 h-30 flex justify-center items-center relative">
+          <n-qr-code :value="qrUrl" :size="90" style="padding: 0;" />
+          <div v-if="paymentStatus === 4" class="absolute top-0 left-0 w-full h-full flex cursor-pointer flex-col justify-center items-center bg-opacity-50 bg-black text-white" @click="getQrCode">
+            请点击刷新<RotateCcw />
+          </div>
+        </div>
+        <div class="flex justify-center ml-2 flex-col pb-[14px]">
+          <div class="flex items-baseline">
+            <div class="text-[#222] font-medium mr-1">
+              支付
+            </div>
+            <div class="text-[#814600] mr-1">
+              <span class="text-[16px] mr-1">¥</span>
+              <span class="text-[40px]">{{ paymentParams.amount }}</span>
+            </div>
+            <!-- <div class="px-2 bg-gradient-to-r from-[#ffa700] to-[#ff006b] text-[#814600] text-white rounded-[4px] ml-1 text-[12px">
+              已减¥11
+            </div> -->
+          </div>
+          <div class="flex items-center mb-1">
+            <img src="@/assets/img/alipay.png" class="mr-1"> 请扫码完成支付
+          </div>
+          <div class="text-[12px]">
+            <span class="text-[#999]">
+              开通即代表同意
+            </span>
+            <span class="text-[#814600]">
+              《魔创未来会员协议》
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </n-modal>
+</template>
+
+<style lang="scss" scoped>
+.member-item {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 16.66%;
+  height: 40px;
+  border: 1px solid #f0f0f0;
+  font-size: 12px;
+  font-weight: 400;
+  margin-right: -1px;
+  margin-bottom: -1px;
+}
+</style>
diff --git a/app/components/Payment.vue b/app/components/Payment.vue
index 456b693..541cd7f 100644
--- a/app/components/Payment.vue
+++ b/app/components/Payment.vue
@@ -1,77 +1,175 @@
 <script setup lang="ts">
-import { ref } from "vue";
-import { X, RotateCcw } from "lucide-vue-next";
-const userStore = useUserStore();
+import { RotateCcw, X } from 'lucide-vue-next'
+import { useMessage } from 'naive-ui'
+import { defineProps, onBeforeMount, onBeforeUnmount, ref } from 'vue'
+
+const props = defineProps({
+  info: {
+    type: Array,
+    default: () => [],
+  },
+  isMember: {
+    type: Object,
+    default: () => {},
+  },
+})
+
+const emit = defineEmits(['closePayment', 'paymentSuccess'])
+
+const message = useMessage()
+
+let pollingTimer: ReturnType<typeof setInterval> | undefined
+
+const currentNeedPayment = ref<number>(0)
+// const isShowPayment = ref(false)
+const userStore = useUserStore()
 
 interface UserInfoType {
-  nickName: string;
-  avatar: string;
-  brief: string;
-  userId: number | string;
+  nickName: string
+  avatar: string
+  brief: string
+  userId: number | string
 }
 const userInfo = {
-  nickName: userStore.userInfo?.nickName ?? "",
-  avatar: userStore.userInfo?.avatar ?? "",
-  brief: userStore.userInfo?.brief ?? "",
-  userId: userStore.userInfo?.userId ?? "",
-} as UserInfoType;
+  nickName: userStore.userInfo?.nickName ?? '',
+  avatar: userStore.userInfo?.avatar ?? '',
+  brief: userStore.userInfo?.brief ?? '',
+  userId: userStore.userInfo?.userId ?? '',
+} as UserInfoType
 
-const isVisible = ref(false);
 function onCloseModel() {
-  isVisible.value = false;
+  emit('closePayment')
 }
+function onPaymentSuccess() {
+  emit('paymentSuccess')
+}
+const qrUrl = ref('')
 
-const qrUrl = ref("你好达内的房东说房东扫烦恼的");
-
-
-// 定义会员信息的接口
 interface Member {
-  id: number;
-  title: string;
-  price: number;
-  originalPrice: number;
-  desc: string;
+  id: number
+  title: string
+  price: number
+  originalPrice: number
+  desc: string
 }
-const memberList = ref<Member[]>([])
-const currentMember = ref<Member>({
-    id: 1,
-    title: "基础会员",
-    price: 39,
-    originalPrice: 50,
-    desc: "次月续费¥39",
-})
-// 二维码是否过去
-const bindTimeout = ref(false)
 
+// 活动列表
+const currentActivity = ref(null)
+const activityList = ref<Member[]>([])
+async function getPromotionList() {
+  try {
+    const res = await request.get(`/promotion/promotionList`)
+    if (res.code === 200) {
+      activityList.value = res.data
+    }
+  }
+  catch (err) {
+    console.log(err)
+  }
+}
+getPromotionList()
+// 支付
+
+// 初始化获取支付二维码
+// const paymentParams = ref({})
+const paymentStatus = ref(1)
+
+const paymentParams = ref({
+  amount: props.info[0].unitPrice,
+  productId: props.info[0].id,
+  promotionId: 0,
+  type: 'member',
+})
+async function getQrCode() {
+  try {
+    const res = await request.post(`/ali/pay/doPay`, paymentParams.value)
+    if (res.code === 200) {
+      paymentStatus.value = 1
+      qrUrl.value = res.data.url
+      pollingTimer && clearTimeout(pollingTimer)
+      pollingTimer = setInterval(async () => {
+        try {
+          const res2 = await request.get(`/web/pay/queryTradeStatus?outTradeNo=${res.data.orderNo}`)
+          if (res2.data === 2) {
+            paymentStatus.value = 2
+            clearTimeout(pollingTimer)
+            message.success('支付成功!')
+            onPaymentSuccess()
+            emit('closePayment')
+          }
+          else if (res2.data === 4) {
+            paymentStatus.value = 4
+            clearTimeout(pollingTimer)
+          }
+        }
+        catch (err) {
+          console.log('object', err)
+        }
+      }, 2000)
+    }
+  }
+  catch (err) {
+    console.log(err)
+  }
+}
+
+// 切换活动
+async function handleActivityChange(value: number) {
+  paymentParams.value.promotionId = value
+  const res1 = await request.get(`/member/calculatePayment?promotionId=${value}&memberLevelId=${paymentParams.value.productId}`)
+  if (res1.code === 200) {
+    paymentParams.value.amount = res1.data
+    getQrCode()
+  }
+}
+
+// 切换pay Card
+async function changeCurrentNeedPayment(index: number) {
+  currentNeedPayment.value = index
+  paymentParams.value.productId = props.info[index].id
+  const res1 = await request.get(`/member/calculatePayment?promotionId=${paymentParams.value.promotionId}&memberLevelId=${paymentParams.value.productId}`)
+  if (res1.code === 200) {
+    paymentParams.value.amount = res1.data
+    getQrCode()
+  }
+}
+
+// 二维码是否过去
+const isVisible = ref(true)
+onBeforeMount (() => {
+  getQrCode()
+})
 defineExpose({
   isVisible,
-});
-// 生命周期钩子
-onMounted(() => {
-  // initFormData()
-});
+})
+onBeforeUnmount(() => {
+  clearInterval(pollingTimer)
+})
 </script>
 
 <template>
   <n-modal
     v-model:show="isVisible"
     :preset="null"
+    :mask-closable="false"
     transform-origin="center"
     class="custom-modal"
   >
     <div class="bg-white rounded-xl w-200">
       <div
-        class="p-4 flex justify-between rounded-t-xl h-14 bg-gradient-to-r from-[#fcf2da] to-[#f9db9f]"
+        class="p-4 flex justify-between rounded-t-xl bg-gradient-to-r from-[#fcf2da] to-[#f9db9f]"
       >
         <div class="flex items-center">
           <div>
-            <img :src="userInfo.avatar" class="w-14 h-14 rounded-full mr-4" />
+            <img :src="userInfo.avatar" class="w-14 h-14 rounded-full mr-4">
           </div>
           <div class="flex flex-col">
             <div class="text-[#814600] text-xl">
               {{ userInfo.nickName }}
             </div>
-            <div class="text-[#6a6a6a] text-xs mt-1">您还不是会员</div>
+            <div class="text-[#6a6a6a] text-xs mt-1">
+              {{ props.isMember.result === '1' ? `会员到期时间: ${props.isMember.endDate}` : '您还不是魔创未来的会员' }}
+            </div>
           </div>
         </div>
         <div @click="onCloseModel">
@@ -80,39 +178,84 @@ onMounted(() => {
       </div>
       <div class="grid grid-cols-4 gap-1 mt-4 px-6">
         <div
-          v-for="item in 4"
+          v-for="(item, index) in info"
           :key="item"
+          :style="[currentNeedPayment === index
+            ? {
+              background: 'linear-gradient(90deg, #fffaf1, #ffeccf)',
+              border: '1px solid #f7b252',
+            }
+            : {}]"
           class="select-none h-44 border-1 border-solid border-[#e9e9e9] rounded-lg bg-[#f9f9f9] flex justify-between items-center flex-col p-4 box-border cursor-pointer"
+          @click="changeCurrentNeedPayment(index)"
         >
-        <!-- bg-gradient-to-b from-[#fdf0dd] to-[#fef8ef] -->
-        <!-- 1px solid #f7b252; -->
-          <div class="text-[#814600] card-item">基本版本Vip连续包月</div>
+          <!-- bg-gradient-to-b from-[#fdf0dd] to-[#fef8ef] -->
+          <!-- 1px solid #f7b252; -->
+          <div class="text-[#814600] card-item">
+            {{ item.memberName }}
+          </div>
           <div class="card-item">
             <span class="text-[#814600] text-[20px] mr-2">¥</span>
-            <span class="text-[#814600] text-[36px] mr-2">39</span>
-            <span class="text-gray-400 text-[20px] line-through">¥50</span>
+            <span class="text-[#814600] text-[36px] mr-2">{{ item.unitPrice }}</span>
+            <span class="text-gray-400 text-[20px] line-through">{{ item.originalPrice }}</span>
           </div>
           <div class="card-item text-[#814600] w-7/10 text-center text-[12px]">
-            次月续费¥39
+            {{ item.subscriptionPeriod }}
           </div>
         </div>
       </div>
+      <div class="flex items-center my-4">
+        <div class="w-[50px] text-right mr-2">
+          活动:
+        </div>
+        <n-select
+          v-model:value="currentActivity"
+          placeholder="请选择活动" class="w-[200px]" label-field="activityName" value-field="id" :options="activityList" @change="handleActivityChange"
+        />
+      </div>
+      <!-- <div v-for="(item, index) in activityList" :key="index">
+        {{ item.activityName }}
+      </div> -->
       <div class="mt-4 px-6">
         <div class="flex border-collapse ">
-          <div class="member-item bg-[#fef9f8]">基础版VIP</div>
-          <div class="member-item">每月15000点算力</div>
-          <div class="member-item">20G存储空间</div>
-          <div class="member-item">每月800次生图</div>
-          <div class="member-item">2个生图任务并行</div>
-          <div class="member-item">--</div>
+          <div class="member-item bg-[#fef9f8]">
+            基础版VIP
+          </div>
+          <div class="member-item">
+            每月15000点算力
+          </div>
+          <div class="member-item">
+            20G存储空间
+          </div>
+          <div class="member-item">
+            每月800次生图
+          </div>
+          <div class="member-item">
+            2个生图任务并行
+          </div>
+          <div class="member-item">
+            --
+          </div>
         </div>
         <div class="flex border-collapse ">
-          <div class="member-item bg-[#fef9f8]">专业版</div>
-          <div class="member-item">每月35000点算力</div>
-          <div class="member-item">50G存储空间</div>
-          <div class="member-item">每月5000次生图</div>
-          <div class="member-item">3个生图任务并行</div>
-          <div class="member-item">可训练XL模型</div>
+          <div class="member-item bg-[#fef9f8]">
+            专业版
+          </div>
+          <div class="member-item">
+            每月35000点算力
+          </div>
+          <div class="member-item">
+            50G存储空间
+          </div>
+          <div class="member-item">
+            每月5000次生图
+          </div>
+          <div class="member-item">
+            3个生图任务并行
+          </div>
+          <div class="member-item">
+            可训练XL模型
+          </div>
         </div>
       </div>
       <div class="px-6 mt-1 text-[#9d8c75] text-[12px]">
@@ -120,34 +263,40 @@ onMounted(() => {
       </div>
       <div class="flex justify-center items-center my-4">
         <div class="w-30 h-30 flex justify-center items-center relative">
-          <n-qr-code :value="qrUrl" :size="80" class="p-0" />
-          <div v-if="bindTimeout" class="absolute top-0 left-0 w-full h-full flex cursor-pointer flex-col justify-center items-center bg-opacity-50 bg-black text-white">
-          请点击刷新<rotate-ccw/>
+          <n-qr-code :value="qrUrl" :size="90" style="padding: 0;" />
+          <div v-if="paymentStatus === 4" class="absolute top-0 left-0 w-full h-full flex cursor-pointer flex-col justify-center items-center bg-opacity-50 bg-black text-white" @click="getQrCode">
+            请点击刷新<RotateCcw />
           </div>
         </div>
         <div class="flex justify-center ml-2 flex-col pb-[14px]">
-            <div class="flex items-baseline">
-              <div class="text-[#222] font-medium mr-1">支付</div>
-              <div class="text-[#814600] mr-1">
-                <span class="text-[16px] mr-1">¥</span>
-                <span class="text-[40px]">39</span>
-              </div>
-              <div class="px-2 bg-gradient-to-r from-[#ffa700] to-[#ff006b] text-[#814600] text-white rounded-[4px] ml-1 text-[12px">已减¥11</div>
+          <div class="flex items-baseline">
+            <div class="text-[#222] font-medium mr-1">
+              支付
             </div>
-            <div class="flex items-center mb-1">
-               <img src="@/assets/img/alipay.png" class="mr-1"> 请扫码完成支付
-            </div>
-            <div class="text-[12px]">
-                <span class="text-[#999]">
-                    开通即代表同意
-                </span>
-                <span class="text-[#814600]">
-                    《魔创未来会员协议》
-                </span>
+            <div class="text-[#814600] mr-1">
+              <span class="text-[16px] mr-1">¥</span>
+              <span class="text-[40px]">{{ paymentParams.amount }}</span>
             </div>
+            <!-- <div class="px-2 bg-gradient-to-r from-[#ffa700] to-[#ff006b] text-[#814600] text-white rounded-[4px] ml-1 text-[12px">
+              已减¥11
+            </div> -->
           </div>
+          <div class="flex items-center mb-1">
+            <img src="@/assets/img/alipay.png" class="mr-1"> 请扫码完成支付
+          </div>
+          <div class="text-[12px]">
+            <span class="text-[#999]">
+              开通即代表同意
+            </span>
+            <span class="text-[#814600]">
+              《魔创未来会员协议》
+            </span>
+          </div>
+        </div>
+      </div>
+      <div class="bg-[#fefaee] text-center text-[#AF7F1A] text-[12px] py-1 rounded-b-lg">
+        需支付差价，计算规则为：专业版年包价格-剩余未下发基础版年包月数*基础版年包购买价格/12
       </div>
-      <div class="bg-[#fefaee] text-center text-[#AF7F1A] text-[12px] py-1 rounded-b-lg">需支付差价，计算规则为：专业版年包价格-剩余未下发基础版年包月数*基础版年包购买价格/12</div>
     </div>
   </n-modal>
 </template>
diff --git a/app/components/PersonalCenterCard.vue b/app/components/PersonalCenterCard.vue
index 385784b..35f026c 100644
--- a/app/components/PersonalCenterCard.vue
+++ b/app/components/PersonalCenterCard.vue
@@ -39,6 +39,22 @@ function toDetails() {
   }
 }
 
+// 获取图片详情进行编辑
+const publishPictureData = ref<any>({})
+async function getPublishPicture() {
+  try {
+    const res = await request.get(`/image/detail?id=${props.item.id}`)
+    if (res.code === 200) {
+      publishPictureData.value = res.data
+      publishPictureData.value.imagePaths = res.data.imagePaths.split(',')
+      // publishPictureData.value.tags = res.data.tags.split(',')
+    }
+  }
+  catch (e) {
+    console.log(e)
+  }
+}
+
 // 处理下拉菜单选项 编辑/删除/置顶
 function handleSelect(event: Event, key: string) {
   event.stopPropagation() // 阻止事件冒泡
@@ -48,6 +64,21 @@ function handleSelect(event: Event, key: string) {
   else if (key === 'delete') {
     handleDelete()
   }
+  else if (key === 'edit') {
+    if (props.currentType === '2') {
+      getPublishPicture()
+      showPublishImg()
+    }
+    else if (props.currentType === '1') {
+      router.push({
+        path: `/publish-workflow`,
+        query: {
+          type: 'edit',
+          id: props.item.id,
+        },
+      })
+    }
+  }
 }
 
 // 置顶
@@ -112,6 +143,23 @@ function getFirstImagePath(imagePaths: string): string {
     return ''
   return imagePaths.split(',')[0] || ''
 }
+// 关闭图片
+const isShowPublishPicture = ref<boolean>(false)
+const PublishPictureRef = ref<Payment | null>(null)
+
+function showPublishImg() {
+  isShowPublishPicture.value = true
+  if (PublishPictureRef.value) {
+    PublishPictureRef.value.isVisible = true
+  }
+}
+
+function closePublishImg() {
+  isShowPublishPicture.value = false
+  if (PublishPictureRef.value) {
+    PublishPictureRef.value.isVisible = false
+  }
+}
 </script>
 
 <template>
@@ -155,7 +203,7 @@ function getFirstImagePath(imagePaths: string): string {
       >
         <img v-if="currentType === '0'" class="w-full h-full object-cover block" :src="item.surfaceUrl" alt="">
         <img v-if="currentType === '1'" class="w-full h-full object-cover block" :src="item.coverPath" alt="">
-        <img v-if="currentType === '2'" class="w-full h-full object-cover block" :src="item.imagePaths" alt="">
+        <img v-if="currentType === '2'" class="w-full h-full object-cover block" :src="getFirstImagePath(item.imagePaths)" alt="">
         <div
           v-if="currentState === 'mallProduct' && item.isTop === 1"
           class="text-[#58c08e] border-[#58c08e] border-solid border-[1px] bg-white rounded-lg px-1 w-10 text-[12px] ml-2 text-center absolute top-4 right-8"
@@ -164,14 +212,14 @@ function getFirstImagePath(imagePaths: string): string {
         </div>
         <!-- 在发布中 auditStatus等于代表没有审批通过 -->
         <div
-          v-if="currentState === 'mallProduct' && item.auditStatus === 4"
+          v-if="currentState === 'mallProduct' && item.auditStatus === 4 || item.auditStatus === 3"
           class="absolute top-0 left-0 w-full h-full text-gray-400 bg-black/50 flex justify-center items-center flex-col"
         >
           <component
             :is="CircleAlert"
             class="h-[40px] w-[40px] text-white menu-icon m-1 text-gray-400"
           />
-          未通过
+          {{ item.auditStatus === 3 ? '审核中' : '未通过' }}
         </div>
         <div
           class="modelSelectByUserIdModel w-full h-full top-0 left-0 flex px-4 py-4 box-border"
@@ -266,6 +314,11 @@ function getFirstImagePath(imagePaths: string): string {
         </div>
       </div>
     </div>
+    <NConfigProvider>
+      <NMessageProvider>
+        <Publish-picture v-if="isShowPublishPicture" ref="PublishPictureRef" :form-data="publishPictureData" @close-publish-img="closePublishImg" />
+      </NMessageProvider>
+    </NConfigProvider>
   </div>
 </template>
 
diff --git a/app/components/Publish-picture.vue b/app/components/Publish-picture.vue
new file mode 100644
index 0000000..6921eeb
--- /dev/null
+++ b/app/components/Publish-picture.vue
@@ -0,0 +1,183 @@
+<script setup lang="ts">
+import { commonApi } from '@/api/common'
+import { cloneDeep } from 'lodash-es'
+import { useMessage } from 'naive-ui'
+import { defineProps, ref } from 'vue'
+
+const props = defineProps({
+  formData: {
+    type: Object,
+    default: () => ({}),
+  },
+})
+const emit = defineEmits(['closePublishImg'])
+const message = useMessage()
+
+const isVisible = ref(true)
+const fileInput = ref<HTMLInputElement | null>(null)
+const rules = {
+  title: {
+    required: true,
+    message: '',
+    trigger: 'blur',
+  },
+}
+function triggerFileInput() {
+  (fileInput.value as HTMLInputElement)?.click()
+}
+
+async function handleFileChange(event: Event) {
+  // console.log('object', formData)
+  const target = event.target as HTMLInputElement
+  const files = target.files
+
+  if (files && files.length > 0) {
+    const res = await uploadImagesInBatches(files)
+    const urlList = res.map(item => item.url)
+    props.formData.imagePaths.push(...urlList)
+  }
+  target.value = ''
+}
+// 获取图片标签
+const imgLabelList = ref([])
+async function getDictType() {
+  try {
+    const res = await commonApi.dictType({ type: 'image_label' })
+    imgLabelList.value = res.data
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+
+// 发布
+async function onPublish() {
+  try {
+    const param = cloneDeep(props.formData)
+    param.imagePaths = param.imagePaths.join(',')
+    param.tags = param.tags.join(',')
+    if (param.id) {
+      const res = await request.post('/image/update', param)
+      if (res.code === 200) {
+        message.success('发布成功')
+        emit('closePublishImg')
+      }
+    }
+    else {
+      const res = await request.post('/image/publish', param)
+      if (res.code === 200) {
+        message.success('发布成功')
+        emit('closePublishImg')
+      }
+    }
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+getDictType()
+defineExpose({
+  isVisible,
+})
+function closePublishImg() {
+  emit('closePublishImg')
+}
+</script>
+
+<template>
+  <div>
+    <n-modal
+      v-model:show="isVisible"
+      :preset="null"
+      transform-origin="center"
+      :mask-closable="false"
+      class="custom-modal"
+    >
+      <div class="bg-white p-4 rounded-lg w-[600px]">
+        <div class="flex justify-between items-center">
+          <div class="text-[18px]">
+            上传我的图片
+          </div>
+          <div
+            class="w-[20px] h-[20px] text-[#999] text-center cursor-pointer" @click="closePublishImg"
+          >
+            X
+          </div>
+        </div>
+        <div>
+          <div class="upload-content">
+            <div class="flex flex-col bg-[#f3f5f9] justify-center items-center w-30 h-30 border border-dashed mt-2 rounded-lg bg-white">
+              <div class="w-24 bg-gradient-to-r from-[#2D28FF] to-[#1A7DFF] h-8 text-white rounded-sm bg-[#3162ff] cursor-pointer flex justify-center items-center mt-6" @click="triggerFileInput()">
+                上传文件
+              </div>
+              <div class="my-3">
+                点击上传文件
+              </div>
+              <!-- <div class="text-[#999999] text-xs">
+                .json/.zip
+              </div> -->
+            </div>
+          </div>
+          <div class="grid grid-cols-3 gap-2.5 mt-4 w-full">
+            <div v-for="(item, index) in props.formData.imagePaths" :key="index">
+              <img class="w-full h-[180px] object-cover rounded-lg" :src="item" alt="">
+            </div>
+          </div>
+          <!-- <div class="flex justify-center items-center my-2 gap-1 flex-wrap">
+            <div v-for="(item, index) in formData.imagePaths" :key="index" class="w-1/3">
+              <img :src="item" alt="" class="w-full h-[200px]">
+            </div>
+          </div> -->
+          <div class="mt-2">
+            <n-form
+              :label-width="80"
+              :model="formData"
+              :rules="rules"
+              size="large"
+            >
+              <n-form-item label="图片标题" path="title">
+                <n-input v-model:value="props.formData.title" placeholder="好的标题可以获得更好的曝光率" />
+              </n-form-item>
+
+              <n-form-item label="图片标签" path="tags" class="w-full">
+                <n-select
+                  v-model:value="props.formData.tags"
+                  placeholder="选择你的图片类型,比如 男生, 机械, 建筑设计 等"
+                  multiple label-field="dictLabel"
+                  value-field="dictValue" :options="imgLabelList"
+                />
+              </n-form-item>
+
+              <n-form-item label="描述信息" path="description">
+                <n-input
+                  v-model:value="props.formData.description"
+                  placeholder="填写更全面的描述信息"
+                  type="textarea"
+                  :autosize="{
+                    minRows: 3,
+                    maxRows: 5,
+                  }"
+                />
+              </n-form-item>
+            </n-form>
+          </div>
+        </div>
+        <div class="flex justify-center items-center mt-5 text-white w-30 h-10 rounded-lg bg-[#3162ff] cursor-pointer" @click="onPublish">
+          发布
+        </div>
+      </div>
+    </n-modal>
+    <input
+      ref="fileInput"
+      type="file"
+      class="hidden"
+      accept="image/*"
+      multiple
+      @change="handleFileChange"
+    >
+  </div>
+</template>
+
+<style scoped>
+
+</style>
diff --git a/app/components/TimeLine.vue b/app/components/TimeLine.vue
new file mode 100644
index 0000000..d02df7b
--- /dev/null
+++ b/app/components/TimeLine.vue
@@ -0,0 +1,33 @@
+<script setup lang="ts">
+const props = defineProps({
+    timeLineList: {
+    type: Array, // 类型校验
+    required: true, // 必传
+  },
+  currentStep: {
+    type: Number,
+    default: 0, // 默认值
+  },
+});
+</script>
+
+<template>
+  <div class="flex justify-between items-center">
+    <div v-for="(item, index) in props.timeLineList" :key="index" class="flex items-center text-[18px]">
+      <div
+        :style="props.currentStep >= item.index ? { border: '2px solid #203df5' } : {}"
+        class="w-[40px] h-[40px] rounded-full bg-[#eee] text-center flex items-center justify-center"
+      >
+        {{ item.index }}
+      </div>
+      <div
+        class="ml-2 flex items-center font-bold"
+        :style="props.currentStep >= item.index ? { color: '#203df5' } : {}"
+      >
+        {{ item.name }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<style></style>
diff --git a/app/components/WangEditor.vue b/app/components/WangEditor.vue
index 3d737cd..a480a53 100644
--- a/app/components/WangEditor.vue
+++ b/app/components/WangEditor.vue
@@ -1,49 +1,117 @@
 <script setup>
-import { onBeforeUnmount, onMounted, ref, watch } from 'vue'
-import WangEditor from 'wangeditor'
+import { uploadImagesInBatches } from '@/utils/uploadImg.ts'
+import { Editor, Toolbar } from '@wangeditor/editor-for-vue'
+
+import { onBeforeUnmount, onMounted, shallowRef } from 'vue'
+import '@wangeditor/editor/dist/css/style.css'
 
 const props = defineProps({
   modelValue: {
-    type: String,
-    default: '',
+    type: Object,
+    required: true,
   },
 })
 
+// 引入 css
+
 const emit = defineEmits(['update:modelValue'])
 
-const editorRef = ref(null)
-let editor = null
-
-onMounted(() => {
-  editor = new WangEditor(editorRef.value)
-  editor.config.placeholder = '请输入内容...'
-  editor.config.height = 130
-  editor.config.onchange = (newHtml) => {
-    emit('update:modelValue', newHtml)
-  }
-  editor.create()
-  editor.txt.html(props.modelValue)
+const mode = 'default'
+// 编辑器实例，必须用 shallowRef
+const editorRef = shallowRef()
+const localForm = computed({
+  get() {
+    return props.modelValue
+  },
+  set(value) {
+    emit('update:modelValue', value)
+  },
 })
 
 watch(
-  () => props.modelValue,
-  (newValue) => {
-    if (editor && newValue !== editor.txt.html()) {
-      editor.txt.html(newValue)
+  () => localForm.value,
+  (newVal) => {
+    emit('update:modelValue', newVal)
+  },
+  { immediate: true, deep: true },
+)
+// 内容 HTML
+const valueHtml = ref('')
+
+// 模拟 ajax 异步获取内容
+onMounted(() => {
+  // setTimeout(() => {
+  //   valueHtml.value = '<p>模拟 Ajax 异步设置内容</p>'
+  // }, 1500)
+})
+
+const toolbarConfig = {
+
+}
+const editorConfig = {
+  placeholder: '请输入内容...',
+  MENU_CONF: {},
+}
+
+editorConfig.MENU_CONF.uploadImage = {
+  // 自定义上传
+  async customUpload(file, insertFn) {
+    try {
+      const files = [file]
+      const res = await uploadImagesInBatches(files)
+      for (let i = 0; i < res.length; i++) {
+        insertFn(res[i].url)
+      }
+    }
+    catch (error) {
+      console.log('error', error)
     }
   },
-)
 
+}
+
+// 组件销毁时，也及时销毁编辑器
 onBeforeUnmount(() => {
-  if (editor) {
-    editor.destroy()
-    editor = null
-  }
+  const editor = editorRef.value
+  if (editor == null)
+    return
+  editor.destroy()
 })
+
+function handleCreated(editor) {
+  editorRef.value = editor // 记录 editor 实例，重要！
+}
+
+function handleChange(editor) {
+  const dom = editor.getHtml()
+  emit('update:modelValue', dom)
+}
 </script>
 
 <template>
   <div>
-    <div ref="editorRef" />
+    <client-only>
+      <Toolbar
+        style="border-bottom: 1px solid rgb(240 240 240)"
+        :editor="editorRef"
+        :default-config="toolbarConfig"
+        :mode="mode"
+      />
+      <Editor
+        v-model="localForm"
+        class="editor"
+        style="max-height: 500px; min-height: 100px; overflow-y: auto;"
+        :default-config="editorConfig"
+        :mode="mode"
+        @on-created="handleCreated"
+        @on-change="handleChange"
+      />
+    </client-only>
   </div>
 </template>
+
+<style scoped lang='scss'>
+ .editor .w-e-text {
+  line-height: 1.2; /* 行高为字体大小的 2 倍 */
+}
+</style>
diff --git a/app/components/WechatLoginQr.vue b/app/components/WechatLoginQr.vue
index 26d6827..ca19798 100644
--- a/app/components/WechatLoginQr.vue
+++ b/app/components/WechatLoginQr.vue
@@ -56,18 +56,6 @@ async function onGetUUid() {
             })
             userStore.setUserInfo(res1.user)
             window.location.href = '/'
-            // const parent = getCurrentInstance().parent
-            // parent.exposed.onCloseLogin()
-            // store.userInfo = res.data
-            // router.push('./home')
-
-            // store.dispatch("uuidLogin", res)
-            // that.$store.dispatch("uuidLogin", res)
-            // setTimeout(() => {
-            //     that.$router.push({
-            //         path: that.redirect || "/"
-            //     }).catch(() => {});
-            // }, 1500)
           }
         }).catch(() => {
           clearTimeout(pollingTimer)
diff --git a/app/components/publishModel/EditVersion.vue b/app/components/publishModel/EditVersion.vue
index 6d44460..faf1ffc 100644
--- a/app/components/publishModel/EditVersion.vue
+++ b/app/components/publishModel/EditVersion.vue
@@ -14,24 +14,25 @@ const props = defineProps({
 })
 const emit = defineEmits(['update:modelValue', 'createModelsNext'])
 const acceptTypes = '.safetensors,.ckpt,.pt,.bin,.pth,.zip,.json,.flow,.lightflow,.yaml,.yml,.onnx,.gguf,.sft'
-const isDataReady = ref(false)
 const modelVersionItem = {
-  versionName: '1.0', //	版本名称
-  modelId: 1, // 基础模型
+  versionName: '', //	版本名称
+  modelId: null, // 基础模型
   versionDescription: '"<p>这是一个描述</p><p><img src=\"https://img1.baidu.com/it/u=3001150338,397170470&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1422\" /></p><p>这是两张图片之间的一些文字说明</p><p><img src=\"https://img12.iqilu.com/10339/clue/202405/29/68ec17f5-9621-461f-ad22-a6820a3f9cf5.jpg\" /></p>"', // 版本描述
-  filePath: 'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', // 文件路径
-  fileName: 'ddefd反问句说的', // 文档里没有 ，表里没有
+  filePath: '', // 文件路径
+  fileName: '', // 文档里没有 ，表里没有
   sampleImagePaths: 'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', // 第三部的图片路径最多20张,切割
-  triggerWords: '触发词', // 触发词
+  triggerWords: '', // 触发词
   isPublic: 1, // 权限是否公开权限 1公开 2自见
-  allowFusion: 1, // 待确定
-  allowDownloadImage: 1,	// 允许下载生图
-  allowUsage: 1,	// 是否允许使用
   isFree: 0,	// 是否免费 0免费 1会员 ？？？？
+  isOnlineUse: 1,	// 是否允许在线使用
+  allowDownloadImage: 1,	// 允许下载生图
   allowSoftwareUse: 1,	// 允许在软件旗下使用
+  allowFusion: 1, // 是否允许融合
   allowCommercialUse: 1,	// 是否允许商用
+
+  // allowUsage: 1,	// 是否允许使用
   // 允许模型转售或者融合手出售字段没找到？
-  isExclusiveModel: 1, // 是否为独家模型这个字段
+  isExclusiveModel: 0, // 是否为独家模型这个字段
 }
 const isPublicList = [
   {
@@ -46,12 +47,7 @@ const isPublicList = [
 defineExpose({
   addVersion,
 })
-onMounted(() => {
-  // 确保数据初始化完成
-  nextTick(() => {
-    isDataReady.value = true
-  })
-})
+
 const localForm = computed({
   get() {
     return props.modelValue
@@ -74,17 +70,22 @@ const formRef = ref<FormInst | null>(null)
 const rules = {
   versionName: {
     required: true,
-    message: '请输入模型名称',
+    message: '',
     trigger: 'blur',
   },
   modelId: {
+    required: true,
+    message: '',
+    trigger: 'blur',
+  },
+  triggerWords: {
     required: true,
     message: '请输入模型名称',
     trigger: 'blur',
   },
 }
 function addVersion() {
-  localForm.value.modelVersionList.push(modelVersionItem)
+  localForm.value.modelVersionList.unshift(modelVersionItem)
 }
 const originalBtnList = ref([
   {
@@ -132,165 +133,198 @@ async function handleFileChange(event: Event) {
 </script>
 
 <template>
-  <div v-for="(item, index) in localForm.modelVersionList" :key="index">
-    <n-form
-      ref="formRef"
-      :label-width="80"
-      :model="localForm"
-      :rules="rules"
-      size="large"
-    >
-      <n-form-item label="版本名称" path="versionName">
-        <n-input v-model:value="item.versionName" placeholder="请输入版本名" />
-      </n-form-item>
-      <n-form-item label="基础模型" path="modelId">
-        <n-select
-          v-model:value="item.modelId"
-          label-field="dictLabel"
-          value-field="dictValue"
-          placeholder="请选择基础模型"
-          :options="model_category"
-        />
-      </n-form-item>
-      <div class="flex">
-        上传文件 <Asterisk :size="10" color="#ff0000" class="mt-1" />
-      </div>
-      <div v-if="item.fileName" class="flex justify-between items-center bg-white p-3 mt-2 rounded-lg">
-        <div class="bg-[#d8e5fd] text-[12px] text-[#3162ff] w-16 h-7 rounded-lg flex justify-center items-center">
-          100%
+  <div>
+    <div v-for="(item, index) in localForm.modelVersionList" :key="index" class="bg-gray-100 p-4 rounded-lg">
+      <n-form
+        ref="formRef"
+        :label-width="80"
+        :model="localForm"
+        :rules="rules"
+        size="large"
+      >
+        <n-form-item label="版本名称" path="versionName">
+          <n-input v-model:value="item.versionName" placeholder="请输入版本名" />
+        </n-form-item>
+        <n-form-item label="基础模型" path="modelId">
+          <n-select
+            v-model:value="item.modelId"
+            label-field="dictLabel"
+            value-field="dictValue"
+            placeholder="请选择基础模型"
+            :options="model_category"
+          />
+        </n-form-item>
+        <div class="flex">
+          上传文件 <Asterisk :size="10" color="#ff0000" class="mt-1" />
         </div>
-        <div class="flex-1 flex items-center line-clamp">
-          {{
-            item.fileName
-          }}
+        <div v-if="item.fileName" class="flex justify-between items-center bg-white p-3 mt-2 rounded-lg">
+          <div class="bg-[#d8e5fd] text-[12px] text-[#3162ff] w-16 h-7 rounded-lg flex justify-center items-center">
+            100%
+          </div>
+          <div class="flex-1 flex items-center line-clamp">
+            {{
+              item.fileName
+            }}
+          </div>
+          <div>
+            <Trash class="cursor-pointer" @click="item.fileName = '', item.filePath = ''" />
+          </div>
         </div>
-        <div>
-          <Trash class="cursor-pointer" @click="item.fileName = '', item.filePath = ''" />
-        </div>
-      </div>
-      <div v-else>
-        <div class="upload-content">
-          <div class="flex flex-col justify-center items-center w-30 h-40 border border-dashed mt-2 rounded-lg bg-white">
-            <div class="w-24 bg-gradient-to-r from-[#2D28FF] to-[#1A7DFF] h-8 text-white rounded-sm bg-[#3162ff] cursor-pointer flex justify-center items-center" @click="triggerFileInput(index)">
-              上传文件
-            </div>
-            <div class="my-3">
-              点击上传文件
-            </div>
-            <div class="text-[#999999] text-xs">
-              .safetensors/.ckpt/.pt/.bin/.pth/.zip/.json/.flow/.lightflow/.yaml/.yml/.onnx/.gguf/.sft
+        <div v-else>
+          <div class="upload-content">
+            <div class="flex flex-col justify-center items-center w-30 h-40 border border-dashed mt-2 rounded-lg bg-white">
+              <div class="w-24 bg-gradient-to-r from-[#2D28FF] to-[#1A7DFF] h-8 text-white rounded-sm bg-[#3162ff] cursor-pointer flex justify-center items-center" @click="triggerFileInput(index)">
+                上传文件
+              </div>
+              <div class="my-3">
+                点击上传文件
+              </div>
+              <div class="text-[#999999] text-xs">
+                .safetensors/.ckpt/.pt/.bin/.pth/.zip/.json/.flow/.lightflow/.yaml/.yml/.onnx/.gguf/.sft
+              </div>
             </div>
           </div>
         </div>
-      </div>
-      <div class="flex mt-6">
-        版本介绍 <Asterisk :size="10" color="#ff0000" class="mt-1" />
-      </div>
-      <div class="bg-white p-3 mt-2 rounded-lg">
-        <client-only>
-          <WangEditor v-model="item.versionDesc" />
-          <!-- <WangEditor
-            ref="editorRef"
-            v-model="content"
-            :height="400"
-            placeholder="请输入文章内容..."
-            :disabled="isDisabled"
-            :upload-img-server="/model/file"
-            :upload-img-headers="uploadHeaders"
-            @change="handleContentChange"
-            @focus="handleFocus"
-            @blur="handleBlur"
-            @upload-success="handleUploadSuccess"
-            @upload-error="handleUploadError"
-          /> -->
-        </client-only>
-      </div>
-      <!-- <div class="mt-4 space-x-4">
-        <n-button @click="toggleDisabled">
-          {{ isDisabled ? '启用编辑器' : '禁用编辑器' }}
-        </n-button>
-
-        <n-button @click="clearContent">
-          清空内容
-        </n-button>
-
-        <n-button @click="setContent">
-          设置内容
-        </n-button>
-      </div> -->
-
-      <!-- 预览区域 -->
-      <!-- <div class="mt-4">
-        <h3 class="text-lg font-bold">
-          预览内容：
-        </h3>
-        <div
-          class="p-4 border rounded-lg mt-2"
-          v-html="content"
-        />
-      </div> -->
-      <div class="mt-6">
-        触发词
-      </div>
-      <div class="-mb-5 text-gray-400 text-[12px]">
-        请输入您用来训练的单词
-      </div>
-      <n-form-item path="triggerWords">
-        <n-input v-model:value="item.triggerWords" placeholder="例如:  1boy" />
-      </n-form-item>
-      <div class="">
-        权限设置
-      </div>
-      <div class="mt-1 mb-2 text-gray-400 text-[12px]">
-        可见范围
-      </div>
-      <div>
-        <n-radio-group v-model:value="item.isPublic" name="radiogroup">
-          <n-space>
-            <n-radio v-for="(isPublicItem, isPublicIndex) in isPublicList" :key="isPublicIndex" :value="isPublicItem.value">
-              {{ isPublicItem.label }}
-            </n-radio>
-          </n-space>
-        </n-radio-group>
-      </div>
-    </n-form>
-    <div v-if="item.isPublic === 1">
-      <div class="mt-4 mb-1 text-gray-400 text-[12px]">
-        付费设置
-      </div>
-      <div class="flex justify-center items-center bg-white h-10 rounded-lg">
-        <div
-          v-for="(subItem, subIndex) in originalBtnList"
-          :key="subIndex"
-          :style="{
-            backgroundColor:
-              item.isFree === subItem.value
-                ? 'rgba(49, 98, 255, 0.1)'
-                : '#fff',
-            color: item.isFree === subItem.value ? '#3162ff' : '#000',
-          }" class="flex-1 rounded-lg h-full flex items-center justify-center cursor-pointer" @click="handleIsFree(index, subItem.value)"
-        >
-          {{ subItem.label }}
+        <div class="flex mt-6">
+          版本介绍 <Asterisk :size="10" color="#ff0000" class="mt-1" />
+        </div>
+        <div class="bg-white p-3 mt-2 rounded-lg">
+          <client-only>
+            <WangEditor v-model="item.versionDesc" />
+          </client-only>
+        </div>
+        <div v-html="item.versionDesc" />
+        <div class="mt-6">
+          触发词
+        </div>
+        <div class="-mb-5 text-gray-400 text-[12px]">
+          请输入您用来训练的单词
+        </div>
+        <n-form-item path="triggerWords">
+          <n-input v-model:value="item.triggerWords" placeholder="例如:  1boy" />
+        </n-form-item>
+        <div class="">
+          权限设置
+        </div>
+        <div class="mt-1 mb-2 text-gray-400 text-[12px]">
+          可见范围
+        </div>
+        <div>
+          <n-radio-group v-model:value="item.isPublic" name="radiogroup">
+            <n-space>
+              <n-radio v-for="(isPublicItem, isPublicIndex) in isPublicList" :key="isPublicIndex" :value="isPublicItem.value">
+                {{ isPublicItem.label }}
+              </n-radio>
+            </n-space>
+          </n-radio-group>
+        </div>
+      </n-form>
+      <div v-if="item.isPublic === 1">
+        <div class="mt-4 mb-1 text-gray-400 text-[12px]">
+          付费设置
+        </div>
+        <div class="flex justify-center items-center bg-white h-10 rounded-lg">
+          <div
+            v-for="(subItem, subIndex) in originalBtnList"
+            :key="subIndex"
+            :style="{
+              backgroundColor:
+                item.isFree === subItem.value
+                  ? 'rgba(49, 98, 255, 0.1)'
+                  : '#fff',
+              color: item.isFree === subItem.value ? '#3162ff' : '#000',
+            }" class="flex-1 rounded-lg h-full flex items-center justify-center cursor-pointer" @click="handleIsFree(index, subItem.value)"
+          >
+            {{ subItem.label }}
+          </div>
+        </div>
+        <div class="mt-1 mb-2 text-gray-500 text-[12px]">
+          选择会员专属或会员下载视为您已经阅读 <span class="text-[#3162ff] cursor-pointer underline">《会员模型许可协议》</span> 并同意其中条款
+        </div>
+        <div v-if="item.isFree === 1" class="text-[12px]">
+          <div>会员下载模型</div>
+          <div class="text-gray-500">
+            下载模型需购买会员，在线生图对所有人开放，无生图次数限制；会员下载的模型版本生成图片默认可商用。
+          </div>
         </div>
       </div>
-      <div class="mt-1 mb-2 text-gray-500 text-[12px]">
-        选择会员专属或会员下载视为您已经阅读 <span class="text-[#3162ff] cursor-pointer underline">《会员模型许可协议》</span> 并同意其中条款
+      <div class="text-gray-400 text-[12px] my-4">
+        许可范围
       </div>
-      <div v-if="item.isFree === 1" class="text-[12px]">
-        <div>会员下载模型</div>
-        <div class="text-gray-500">
-          下载模型需购买会员，在线生图对所有人开放，无生图次数限制；会员下载的模型版本生成图片默认可商用。
+      <div class="flex flex-wrap">
+        <div class="w-[50%] mb-2">
+          <n-checkbox
+            v-model:checked="item.isOnlineUse"
+            :checked-value="1"
+            :unchecked-value="0" label="允许在魔创未来在线使用"
+          />
+        </div>
+        <div class="w-[50%] mb-2">
+          <n-checkbox
+            v-model:checked="item.allowDownloadImage"
+            :checked-value="1"
+            :unchecked-value="0" label="允许下载生图"
+          />
+        </div>
+        <div class="w-[50%] mb-2">
+          <n-checkbox
+            v-model:checked="item.allowSoftwareUse"
+            :checked-value="1"
+            :unchecked-value="0" label="允许在魔创未来旗下其他产品在线使用"
+          />
+        </div>
+        <div class="w-[50%] mb-2">
+          <n-checkbox
+            v-model:checked="item.allowFusion"
+            :checked-value="1"
+            :unchecked-value="0" label="允许进行融合"
+          />
+        </div>
+      </div>
+
+      <div class="text-gray-400 text-[12px] my-4">
+        商用许可范围
+      </div>
+      <div class="flex flex-wrap">
+        <div class="w-[50%] mb-2">
+          <n-checkbox
+            v-model:checked="item.allowCommercialUse"
+            :checked-value="1"
+            :unchecked-value="0" label="生成图片可出售或用于商业目的"
+          />
+        </div>
+        <div class="w-[50%] mb-2">
+          <n-checkbox
+            v-model:checked="item.allowDownloadImage"
+            :checked-value="1"
+            :unchecked-value="0" label="允许模型转售或融合后出售"
+          />
+        </div>
+      </div>
+
+      <div class="mb-4">
+        <div class="text-gray-400 text-[12px] my-4">
+          独家设置
+        </div>
+        <div class="flex items-center mb-2">
+          <n-checkbox
+            v-model:checked="item.isExclusiveModel"
+            :checked-value="1"
+            :unchecked-value="0"
+          />
+          <div class="ml-3 text-[12px] text-gray-500">
+            此版本为魔创未来独家模型 *获取更多流量：独家模型规则
+          </div>
         </div>
       </div>
     </div>
-    <div class="text-gray-400 text-[12px] mt-4">
-      许可范围
-    </div>
-    <div>
-      <div />
-    </div>
-    <div class="flex justify-center items-center mt-5 text-white w-30 h-10 rounded-lg bg-[#3162ff] cursor-pointer" @click="nextStep">
-      下一步
+    <div class="flex items-center justify-center mt-5">
+      <div class="flex justify-center items-center mt-5  w-[20%] mx-2 h-10 rounded-lg bg-[#f1f2f7] cursor-pointer" @click="nextStep">
+        上一步
+      </div>
+      <div class="flex justify-center items-center mt-5 text-white mx-2 w-[20%] h-10 rounded-lg bg-[#3162ff] cursor-pointer" @click="nextStep">
+        下一步
+      </div>
     </div>
   </div>
   <input
diff --git a/app/components/publishWorkFlow/EditVersion.vue b/app/components/publishWorkFlow/EditVersion.vue
new file mode 100644
index 0000000..12e020f
--- /dev/null
+++ b/app/components/publishWorkFlow/EditVersion.vue
@@ -0,0 +1,220 @@
+<script setup lang="ts">
+import type { FormInst } from 'naive-ui'
+import { uploadFileBatches } from '@/utils/uploadImg.ts'
+import { Asterisk, Trash } from 'lucide-vue-next'
+import { computed, ref, watch } from 'vue'
+
+// 可接受的文件类型
+const props = defineProps({
+  modelValue: {
+    type: Object,
+    required: true,
+  },
+})
+const emit = defineEmits(['update:modelValue', 'nextStep', 'preStep'])
+
+const localForm = computed({
+  get() {
+    return props.modelValue
+  },
+  set(value) {
+    emit('update:modelValue', value)
+  },
+})
+
+watch(
+  () => localForm.value,
+  (newVal) => {
+    console.log('newVal', newVal)
+    emit('update:modelValue', newVal)
+  },
+  { immediate: true, deep: true },
+)
+const message = useMessage()
+
+const acceptTypes = '.json,.zip'
+
+defineExpose({
+  addVersion,
+})
+
+const modelVersionItem = {
+  versionName: '',
+  versionDescription: '', // 富文本
+  filePath: '', // 文件路径
+  fileName: '', // 文件名
+  delFlag: '0',
+  imagePaths: [],
+}
+const rules = {
+  versionName: {
+    required: true,
+    message: '',
+    trigger: 'blur',
+  },
+}
+function addVersion() {
+  localForm.value.workFlowVersionList.unshift(modelVersionItem)
+}
+
+const formRefs = ref<(FormInst | null)[]>([])
+function setFormRef(el: FormInst | null, index: number) {
+  if (el) {
+    formRefs.value[index] = el
+  }
+}
+async function nextStep() {
+  for (let i = 0; i < localForm.value.workFlowVersionList.length; i++) {
+    if (localForm.value.workFlowVersionList[i].delFlag === '0' && localForm.value.workFlowVersionList[i].fileName === '') {
+      return message.error('请上传文件')
+    }
+    const regex = /[\u4E00-\u9FA5]/ // 匹配汉字的正则表达式
+    if (localForm.value.workFlowVersionList[i].delFlag === '0' && !regex.test(localForm.value.workFlowVersionList[i].versionDescription)) {
+      return message.error('请用中文填写版本介绍')
+    }
+  }
+  try {
+    const promises = formRefs.value
+      .filter((form): form is FormInst => form !== null)
+      .map(form => form.validate())
+
+    await Promise.all(promises)
+    emit('nextStep')
+  }
+  catch (errors) {
+    console.error('部分表单验证失败:', errors)
+  }
+  // formRef.value?.validate((errors) => {
+  //   if (!errors) {
+  //     emit('nextStep')
+  //   }
+  //   else {
+  //     console.log('error', errors)
+  //   }
+  // })
+}
+function preStep() {
+  emit('preStep')
+}
+// 上传文件
+const uploadFileIndex = ref(0)
+const fileInput = ref<HTMLInputElement | null>(null)
+function triggerFileInput(index: number) {
+  (fileInput.value as HTMLInputElement)?.click()
+  uploadFileIndex.value = index
+}
+async function handleFileChange(event: Event) {
+  const target = event.target as HTMLInputElement
+  const files = target.files
+
+  if (files && files.length > 0) {
+    const res = await uploadFileBatches(files)
+    localForm.value.workFlowVersionList[uploadFileIndex.value].filePath = res[0].url
+    localForm.value.workFlowVersionList[uploadFileIndex.value].fileName = res[0].fileName
+  }
+  target.value = ''
+}
+
+function computedDelFlag() {
+  return localForm.value.workFlowVersionList.filter(item => item.delFlag === '0')
+}
+function onDelete(index: number) {
+  if (computedDelFlag().length === 1)
+    return
+  localForm.value.workFlowVersionList[index].delFlag = '2'
+}
+</script>
+
+<template>
+  <div class="flex justify-center items-center">
+    <div class="w-[960px]">
+      <template v-for="(item, index) in localForm.workFlowVersionList" :key="index">
+        <div v-if="item.delFlag === '0'" class="bg-gray-100 p-4 rounded-lg mt-4 relative">
+          <div class="absolute -right-10 top-4 cursor-pointer">
+            <Trash class="cursor-pointer" @click="onDelete(index)" />
+          </div>
+          <n-form
+            :ref="(el) => setFormRef(el, index)"
+            :label-width="80"
+            :model="localForm.workFlowVersionList[index]"
+            :rules="rules"
+            size="large"
+          >
+            <n-form-item label="版本名称" path="versionName">
+              <n-input v-model:value="item.versionName" placeholder="请输入版本名" />
+            </n-form-item>
+            <div class="flex">
+              版本介绍 <Asterisk :size="10" color="#ff0000" class="mt-1" />
+            </div>
+            <div class="text-gray-400 text-[12px]">
+              填写类别可让模型获得更精准的流量, 平台也有权基于标准修改你的类别标签
+            </div>
+            <div class="bg-white p-3 mt-2 rounded-lg">
+              <client-only>
+                <WangEditor v-model="item.versionDescription" />
+              </client-only>
+            </div>
+            <div class="flex mt-4">
+              上传文件 <Asterisk :size="10" color="#ff0000" class="mt-1" />
+            </div>
+            <div v-if="item.fileName" class="flex justify-between items-center bg-white p-3 mt-2 rounded-lg">
+              <div class="bg-[#d8e5fd] text-[12px] text-[#3162ff] w-16 h-7 rounded-lg flex justify-center items-center">
+                100%
+              </div>
+              <div class="flex-1 flex items-center line-clamp">
+                {{
+                  item.fileName
+                }}
+              </div>
+              <div>
+                <Trash class="cursor-pointer" @click="item.fileName = '', item.filePath = ''" />
+              </div>
+            </div>
+            <div v-else>
+              <div class="upload-content">
+                <div class="flex flex-col justify-center items-center w-30 h-40 border border-dashed mt-2 rounded-lg bg-white">
+                  <div class="w-24 bg-gradient-to-r from-[#2D28FF] to-[#1A7DFF] h-8 text-white rounded-sm bg-[#3162ff] cursor-pointer flex justify-center items-center" @click="triggerFileInput(index)">
+                    上传文件
+                  </div>
+                  <div class="my-3">
+                    点击上传文件
+                  </div>
+                  <div class="text-[#999999] text-xs">
+                    .json/.zip
+                  </div>
+                </div>
+              </div>
+            </div>
+          </n-form>
+        </div>
+      </template>
+      <div class="flex items-center justify-center mt-5">
+        <div class="flex justify-center items-center mt-5  w-[20%] mx-2 h-10 rounded-lg bg-[#f1f2f7] cursor-pointer" @click="preStep">
+          上一步
+        </div>
+        <div class="flex justify-center items-center mt-5 text-white mx-2 w-[20%] h-10 rounded-lg bg-[#3162ff] cursor-pointer" @click="nextStep">
+          下一步
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <input
+    ref="fileInput"
+    type="file"
+    class="hidden"
+    :accept="acceptTypes"
+    @change="handleFileChange"
+  >
+</template>
+
+<style lang="scss" scoped>
+.line-clamp {
+  margin: 0 10px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 12px;
+  color: rgb(72, 71, 71);
+}
+</style>
diff --git a/app/components/publishWorkFlow/EditWorkFlow.vue b/app/components/publishWorkFlow/EditWorkFlow.vue
new file mode 100644
index 0000000..21274d0
--- /dev/null
+++ b/app/components/publishWorkFlow/EditWorkFlow.vue
@@ -0,0 +1,328 @@
+<script setup lang="ts">
+import type { FormInst } from 'naive-ui'
+import { commonApi } from '@/api/common'
+import { isOriginalList, isPublicList } from '@/constants/index'
+import { Asterisk } from 'lucide-vue-next'
+
+const props = defineProps({
+  modelValue: {
+    type: Object,
+    required: true,
+    default: () => ({ workFlow: {}, workFlowVersionList: [] }),
+  },
+})
+const emit = defineEmits(['update:modelValue', 'nextStep'])
+const message = useMessage()
+
+const formRef = ref<FormInst | null>(null)
+const rules = {
+  'workFlow.workflowName': {
+    required: true,
+    message: '',
+    trigger: 'blur',
+  },
+  'workFlow.modelType': {
+    required: true,
+    message: '',
+    trigger: 'blur',
+  },
+}
+function handleValidateClick() {
+  formRef.value?.validate((errors) => {
+    if (!errors) {
+      emit('nextStep')
+    }
+    else {
+      console.log(errors)
+    }
+  })
+}
+const activityList = ref([])
+async function getActivityList() {
+  try {
+    const res = await request.post('/ToActivity/list', {})
+    activityList.value = res.rows
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+getActivityList()
+
+const localForm = computed({
+  get() {
+    return props.modelValue
+  },
+  set(value) {
+    emit('update:modelValue', value)
+  },
+})
+
+watch(
+  () => localForm.value,
+  (newVal) => {
+    emit('update:modelValue', newVal)
+  },
+  { immediate: true, deep: true },
+)
+function handleIsPublic(value: number) {
+  localForm.value.workFlow.jurisdiction = value
+}
+function handleIsOriginal(value: number) {
+  localForm.value.workFlow.original = value
+  if (value === 0) {
+    localForm.value.workFlow.authorName = ''
+  }
+}
+
+// 内容类别
+interface DictItem {
+  dictLabel: string
+  dictValue: string | number
+  children?: DictItem[]
+}
+
+// interface FormData {
+//   workFlow: {
+//     type: (string | number)[]
+//   }
+// }
+
+// // 表单数据
+// const localForm = ref<FormData>({
+//   workFlow: {
+//     type: [],
+//   },
+// })
+const workFlowTypeList = ref<DictItem[]>([])
+async function getDictType() {
+  try {
+    const [res1, res2] = await Promise.all([
+      commonApi.dictType({ type: 'work_flow_type' }),
+      commonApi.dictType({ type: 'work_flow_type_child' }),
+    ])
+
+    // modelPartCategory.value = res1.data
+    workFlowTypeList.value = res1.data
+    // 遍历第一个数据数组，检查是否有子项
+    workFlowTypeList.value.forEach((item: any) => {
+      // 给每个对象添加一个children属性，初始化为空数组
+      item.children = []
+      // 遍历第二个数据数组
+      res2.data.forEach((child: any) => {
+        // 检查parentId是否与dictValue相等
+        if (child.partId === item.dictCode) {
+          // 将符合条件的子项放入children数组中
+          item.children.push(child)
+        }
+      })
+    })
+    console.log('object', workFlowTypeList.value)
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+getDictType()
+function handleUpdateValue(value: any) {
+  localForm.value.workFlow.typeList = value
+  if (value.length > 2) {
+    message.error('最多只能选择两项')
+    value = value.splice(0, 2)
+    localForm.value.workFlow.typeList = value
+  }
+  else {
+    localForm.value.workFlow.typeList = value
+  }
+}
+</script>
+
+<template>
+  <div class="flex justify-center mx-auto mt-10">
+    <div class="w-[1137px] flex items-start">
+      <div class="bg-gray-100 p-4 h-auto w-[60%] mr-2 rounded-lg">
+        <n-form
+          ref="formRef"
+          :label-width="80"
+          :model="localForm"
+          :rules="rules"
+          size="large"
+        >
+          <n-form-item label="工作流名称" path="workFlow.workflowName">
+            <n-input v-model:value="localForm.workFlow.workflowName" placeholder="简单描述用途， 如: 图像一键放大" />
+          </n-form-item>
+          <div>
+            内容类别
+          </div>
+          <div class="text-gray-400 -mb-4 text-[12px]">
+            填写类别可让工作流获得更精准的流量，平台也有权基于标准修改你的类别标签
+          </div>
+          <n-form-item path="workFlow.activityId">
+            <!-- <n-select
+              v-model:value="localForm.workFlow.typeList" label-field="dictLabel"
+              value-field="dictValue" filterable :options="workFlowTypeList"
+              @update:value="handleUpdateValue"
+              placeholder="请选择类型"
+            /> -->
+            <n-cascader
+              v-model:value="localForm.workFlow.typeList"
+              multiple
+              clearable
+              placeholder="请选择类型"
+              max-tag-count="responsive"
+              :options="workFlowTypeList"
+              check-strategy="child"
+              label-field="dictLabel"
+              value-field="dictValue"
+              @update:value="handleUpdateValue"
+            />
+          </n-form-item>
+          <div>
+            参与活动
+          </div>
+          <div class="text-gray-400 -mb-4 text-[12px]">
+            参与特定活动或比赛,下拉选择
+          </div>
+          <n-form-item path="workFlow.activityParticipation">
+            <n-select
+              v-model:value="localForm.workFlow.activityParticipation"
+              label-field="activityName"
+              value-field="id"
+              placeholder="请选择参与哪个活动"
+              :options="activityList"
+            />
+          </n-form-item>
+        </n-form>
+      </div>
+      <div class="w-[40%]">
+        <div class=" bg-gray-100 p-4 rounded-lg">
+          <div class="flex -mb-2">
+            是否公开<Asterisk :size="10" color="#ff0000" class="mt-1" />
+          </div>
+          <div class="flex justify-center items-center mt-5 bg-white h-10 rounded-lg">
+            <div
+              v-for="(item, index) in isPublicList"
+              :key="index"
+              :style="{
+                backgroundColor:
+                  localForm.workFlow.jurisdiction === item.value
+                    ? 'rgba(49, 98, 255, 0.1)'
+                    : '#fff',
+                color: localForm.workFlow.jurisdiction === item.value ? '#3162ff' : '#000',
+              }" class="flex-1 rounded-lg h-full flex items-center justify-center cursor-pointer" @click="handleIsPublic(item.value)"
+            >
+              {{ item.label }}
+            </div>
+          </div>
+          <div class="text-gray-400 text-[12px] mt-2">
+            <div v-if="localForm.workFlow.jurisdiction === 1">
+              公开状态: 对网站所有人可见
+            </div>
+            <div v-if="localForm.workFlow.jurisdiction === 2">
+              非公开状态: 仅自己可见，可在“在线生图”自用
+            </div>
+          </div>
+
+          <div class="flex -mb-2 mt-2">
+            是否原创<Asterisk :size="10" color="#ff0000" class="mt-1" />
+          </div>
+          <div class="flex justify-center items-center mt-5 bg-white h-10 rounded-lg">
+            <div
+              v-for="(item, index) in isOriginalList"
+              :key="index"
+              :style="{
+                backgroundColor:
+                  localForm.workFlow.original === item.value
+                    ? 'rgba(49, 98, 255, 0.1)'
+                    : '#fff',
+                color: localForm.workFlow.original === item.value ? '#3162ff' : '#000',
+              }" class="flex-1 rounded-lg h-full flex items-center justify-center cursor-pointer" @click="handleIsOriginal(item.value)"
+            >
+              {{ item.label }}
+            </div>
+          </div>
+          <div v-if="localForm.workFlow.original === 0" class="text-gray-400 text-[12px] mt-2">
+            发布原创模型拿收益：<span class="text-[#3162ff] cursor-pointer">创作者激励计划</span>
+          </div>
+          <n-form
+            v-if="localForm.workFlow.original === 1"
+            :label-width="80"
+            :model="localForm"
+            :rules="rules"
+            size="large"
+          >
+            <n-form-item path="workFlow.authorName">
+              <n-input v-model:value="localForm.workFlow.authorName" placeholder="请输入原创作者" />
+            </n-form-item>
+          </n-form>
+        </div>
+
+        <div class="mt-4 bg-gray-100 p-4 rounded-lg">
+          <div class="text-[#3162ff] mb-4">
+            用户使用时, 我授予用户以下权限
+          </div>
+          <div>
+            <div class="flex mb-2">
+              <n-checkbox
+                v-model:checked="localForm.workFlow.onlineUse"
+                :checked-value="0"
+                :unchecked-value="1"
+              />
+              <div class="text-[12px] ml-2">
+                <div class="text-gray-600">
+                  允许在线使用
+                </div>
+                <div class="text-gray-400">
+                  您的工作流为公开状态时，默认同意此条款，他人不能随意转载
+                </div>
+              </div>
+            </div>
+            <div class="flex mb-2">
+              <n-checkbox
+                v-model:checked="localForm.workFlow.download"
+                :checked-value="0"
+                :unchecked-value="1"
+              />
+              <div class="text-[12px] ml-2">
+                <div class="text-gray-600">
+                  允许下载工作流
+                </div>
+                <div class="text-gray-400">
+                  允许下载后，您的工作流可能会被他人转载，我们无法控制该行为
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="text-[#3162ff] mb-4">
+            用户使用时，我授予用户以下商业用途权限:
+          </div>
+          <div>
+            <div class="flex mb-2">
+              <n-checkbox
+                v-model:checked="localForm.workFlow.sell"
+                :checked-value="0"
+                :unchecked-value="1"
+              />
+              <div class="text-[12px] ml-2">
+                <div class="text-gray-600">
+                  生成图片可出售或用于商业目的
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div
+          class="flex justify-center items-center mt-5 text-white w-30 h-10 rounded-lg bg-[#3162ff] cursor-pointer" @click="handleValidateClick"
+        >
+          下一步
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+
+</style>
diff --git a/app/components/publishWorkFlow/UploadImg.vue b/app/components/publishWorkFlow/UploadImg.vue
new file mode 100644
index 0000000..8f260a0
--- /dev/null
+++ b/app/components/publishWorkFlow/UploadImg.vue
@@ -0,0 +1,198 @@
+<script setup lang="ts">
+import { cloneDeep } from 'lodash-es'
+import { Asterisk } from 'lucide-vue-next'
+import { useRoute, useRouter } from 'vue-router'
+
+const props = defineProps({
+  modelValue: {
+    type: Object,
+    required: true,
+  },
+})
+const emit = defineEmits(['update:modelValue', 'preStep'])
+const router = useRouter()
+
+const route = useRoute()
+
+const { type } = route.query
+
+const message = useMessage()
+
+const localForm = computed({
+  get() {
+    return props.modelValue
+  },
+  set(value) {
+    emit('update:modelValue', value)
+  },
+})
+function preStep() {
+  emit('preStep')
+}
+const showSuccessModal = ref(false)
+
+async function handlePublish() {
+  for (let i = 0; i < localForm.value.workFlowVersionList.length; i++) {
+    if (localForm.value.workFlowVersionList[i].delFlag === '0' && localForm.value.workFlowVersionList[i].imagePaths.length === 0) {
+      return message.error('请上传图片')
+    }
+  }
+  try {
+    const param = cloneDeep(localForm.value)
+    if (param.workFlow.typeList.length !== 0) {
+      param.workFlow.type = param.workFlow.typeList.join(',')
+    }
+    else {
+      param.workFlow.type = ''
+    }
+    for (let i = 0; i < param.workFlowVersionList.length; i++) {
+      if (param.workFlowVersionList[i].imagePaths.length !== 0) {
+        param.workFlowVersionList[i].imagePaths = param.workFlowVersionList[i].imagePaths.join(',')
+      }
+      else {
+        param.workFlowVersionList[i].imagePaths = ''
+      }
+    }
+    // await request.post('/WorkFlow/addWorkFlow', param)
+    if (type === 'add') {
+      try {
+        const res = await request.post('/WorkFlow/addWorkFlow', param)
+        if (res.code === 200) {
+          showSuccessModal.value = true
+        }
+      }
+      catch (error) {
+        console.log(error)
+      }
+    }
+    else {
+      try {
+        const res = await request.post('/WorkFlow/updateWorkFlow', param)
+        if (res.code === 200) {
+          showSuccessModal.value = true
+        }
+      }
+      catch (error) {
+        console.log(error)
+      }
+    }
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+watch(
+  () => localForm.value,
+  (newVal) => {
+    emit('update:modelValue', newVal)
+  },
+  { immediate: true, deep: true },
+)
+const fileInput = ref<HTMLInputElement | null>(null)
+const uploadFileIndex = ref(0)
+
+function triggerFileInput(index: number) {
+  (fileInput.value as HTMLInputElement)?.click()
+  uploadFileIndex.value = index
+}
+async function handleFileChange(event: Event) {
+  const target = event.target as HTMLInputElement
+  const files = target.files
+
+  if (files && files.length > 0) {
+    const sum = localForm.value.workFlowVersionList[uploadFileIndex.value].imagePaths.length + files.length
+    if (sum >= 20)
+      return message.error('最多20张')
+    const res = await uploadImagesInBatches(files)
+    const urlList = res.map(item => item.url)
+    localForm.value.workFlowVersionList[uploadFileIndex.value].imagePaths.push(...urlList)
+  }
+  target.value = ''
+}
+
+function onPositiveClick() {
+  showSuccessModal.value = false
+  router.push('/personal-center')
+}
+</script>
+
+<template>
+  <div class="mx-auto mt-10">
+    <div class="w-[960px] items-start rounded-lg">
+      <template v-for="(item, index) in localForm.workFlowVersionList" :key="index">
+        <div v-if="item.delFlag === '0'" class="w-full bg-gray-100 p-4 rounded-lg mt-2">
+          <div class="flex justify-between items-center">
+            <div>
+              版本名: <span>{{ item.versionName }}</span>
+            </div>
+            <div>
+              <n-checkbox
+                v-model:checked="item.hideGenInfo"
+                :checked-value="1" :unchecked-value="0"
+              />
+              隐藏图片生成信息
+            </div>
+          </div>
+          <div class="flex justify-between items-center mt-4">
+            <div class="flex">
+              添加版本示例图片
+              <Asterisk :size="10" color="#ff0000" class="mt-1" />
+            </div>
+            <div class="text-[12px] text-gray-400">
+              最多20张图片，图片不超过30M
+            </div>
+          </div>
+          <div>
+            <div class="flex flex-col justify-center items-center w-30 h-40 border border-dashed mt-2 rounded-lg bg-white">
+              <div class="w-24 bg-gradient-to-r from-[#2D28FF] to-[#1A7DFF] h-8 text-white rounded-sm bg-[#3162ff] cursor-pointer flex justify-center items-center" @click="triggerFileInput(index)">
+                上传文件
+              </div>
+              <div class="my-3">
+                点击上传文件
+              </div>
+              <div class="text-[#999999] text-xs">
+                请勿上传裸露、暴力、血腥或其他包含非法信息图片
+              </div>
+            </div>
+          </div>
+          <div class="grid grid-cols-3 gap-2.5 mt-4 w-full">
+            <div v-for="(subItem, subIndex) in item.imagePaths" :key="subIndex">
+              <img class="w-full h-[200px] object-cover rounded-lg" :src="subItem" alt="">
+            </div>
+          </div>
+        </div>
+      </template>
+    </div>
+    <div class="flex items-center justify-center mt-5">
+      <div class="flex justify-center items-center mt-5  w-[20%] mx-2 h-10 rounded-lg bg-[#f1f2f7] cursor-pointer" @click="preStep">
+        上一步
+      </div>
+      <div class="flex justify-center items-center mt-5 text-white mx-2 w-[20%] h-10 rounded-lg bg-[#3162ff] cursor-pointer" @click="handlePublish">
+        发布
+      </div>
+    </div>
+  </div>
+  <input
+    ref="fileInput"
+    type="file"
+    class="hidden"
+    accept="image/*"
+    multiple
+    @change="handleFileChange"
+  >
+
+  <!-- 成功之后的弹框 -->
+  <n-modal
+    v-model:show="showSuccessModal"
+    :mask-closable="false"
+    preset="dialog"
+    title="发布成功！"
+    content="工作流发布成功， 可至个人中心查看状态"
+    positive-text="确认"
+    @positive-click="onPositiveClick"
+  />
+</template>
+
+<style scoped>
+
+</style>
diff --git a/app/constants/index.ts b/app/constants/index.ts
index 2da10a4..b7e43b6 100644
--- a/app/constants/index.ts
+++ b/app/constants/index.ts
@@ -1,4 +1,23 @@
+import type { SearchCheckIcon } from 'lucide-vue-next'
+
 export const appName = '魔创未来'
 export const appDescription = '魔创未来'
 export const authRoutes = ['/personal-center', '/publish-model', '/publish-workflow']
-export const verifyBlankRoute = ['/member-center']
+export const verifyBlankRoute = ['/member-center', 'int-detail']
+export const isOriginalList = [{
+  label: '原创',
+  value: 0,
+}, {
+  label: '转载',
+  value: 1,
+}]
+export const isPublicList = [{
+  label: '公开',
+  value: 1,
+}, {
+  label: '自己',
+  value: 2,
+}]
+export const headerRole = { // 包括就隐藏
+  inputSearch: ['/model-square'],
+}
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index 8a6eac6..4d726d2 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -72,7 +72,7 @@ function handleSide(event: Event, path: string) {
     <!-- Main Content -->
     <div class="flex flex-1 overflow-hidden">
       <!-- Sidebar -->
-      <nav class="w-[240px] border-r border-gray-100 bg-gray-50/50 py-2 dark:border-dark-700 dark:bg-dark-800/50">
+      <nav class="w-[200px] border-r border-gray-100 bg-gray-50/50 py-2 dark:border-dark-700 dark:bg-dark-800/50">
         <div class="space-y-1 px-2">
           <NuxtLink
             v-for="item in menuStore.menuItems"
diff --git a/app/pages/Independent-page/index.vue b/app/pages/Independent-page/index.vue
index 0a13060..257a251 100644
--- a/app/pages/Independent-page/index.vue
+++ b/app/pages/Independent-page/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { NButton, NInput, NDataTable, useMessage } from 'naive-ui'
-import { ref, onMounted } from 'vue'
+import { NButton, NDataTable, NInput, useMessage } from 'naive-ui'
+import { onMounted, ref } from 'vue'
 import request from '~/utils/request'
 
 definePageMeta({
@@ -34,23 +34,23 @@ const userData = ref<UserData[]>([])
 const columns = [
   {
     title: 'ID',
-    key: 'id'
+    key: 'id',
   },
   {
     title: '姓名',
-    key: 'name'
+    key: 'name',
   },
   {
     title: '邮箱',
-    key: 'email'
+    key: 'email',
   },
   {
     title: '状态',
     key: 'status',
     render: (row: UserData) => {
       return row.status === 1 ? '激活' : '禁用'
-    }
-  }
+    },
+  },
 ]
 
 // 获取用户列表
@@ -59,19 +59,22 @@ async function fetchUserList() {
   try {
     const response = await request.get<ApiResponse<UserData[]>>('/api/users', {
       params: {
-        keyword: searchText.value
-      }
+        keyword: searchText.value,
+      },
     })
-    
+
     if (response.code === 200) {
       // userData.value = response.data
       message.success('数据加载成功')
-    } else {
+    }
+    else {
       message.error(response.message || '获取数据失败')
     }
-  } catch (error: any) {
+  }
+  catch (error: any) {
     message.error(error.message || '请求出错')
-  } finally {
+  }
+  finally {
     loading.value = false
   }
 }
@@ -87,16 +90,18 @@ async function handleAddUser() {
     const response = await request.post<ApiResponse<UserData>>('/api/users', {
       name: '测试用户',
       email: 'test@example.com',
-      status: 1
+      status: 1,
     })
-    
+
     if (response.code === 200) {
       message.success('添加成功')
       fetchUserList() // 刷新列表
-    } else {
+    }
+    else {
       message.error(response.message || '添加失败')
     }
-  } catch (error: any) {
+  }
+  catch (error: any) {
     message.error(error.message || '请求出错')
   }
 }
@@ -110,21 +115,21 @@ onMounted(() => {
 <template>
   <div class="p-4">
     <div class="mb-4 flex gap-4 items-center">
-      <n-input 
-        v-model:value="searchText" 
-        placeholder="请输入搜索关键词" 
+      <NInput
+        v-model:value="searchText"
+        placeholder="请输入搜索关键词"
         class="w-64"
         @keyup.enter="handleSearch"
       />
-      <n-button type="primary" :loading="loading" @click="handleSearch">
+      <NButton type="primary" :loading="loading" @click="handleSearch">
         搜索
-      </n-button>
-      <n-button type="info" @click="handleAddUser">
+      </NButton>
+      <NButton type="info" @click="handleAddUser">
         添加用户
-      </n-button>
+      </NButton>
     </div>
 
-    <n-data-table
+    <NDataTable
       :loading="loading"
       :columns="columns"
       :data="userData"
@@ -153,4 +158,4 @@ onMounted(() => {
 .w-64 {
   width: 16rem;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/app/pages/Int-detail/index.vue b/app/pages/Int-detail/index.vue
new file mode 100644
index 0000000..8ab330b
--- /dev/null
+++ b/app/pages/Int-detail/index.vue
@@ -0,0 +1,125 @@
+<script setup lang="ts">
+import { nextTick, onMounted } from 'vue'
+
+definePageMeta({
+  layout: 'header',
+})
+const activeTab = ref('')
+
+// const route = useRoute();
+// const { id } = route.params as { id: string };
+interface PointsResult {
+  points: number
+  memberConsumeList: any[]
+}
+const pointsResult = ref<PointsResult>(null)
+async function getPoints() {
+  try {
+    const res = await request.get('/member/getPoints')
+    if (res.code === 200) {
+      pointsResult.value = res.data as PointsResult
+      nextTick(() => {
+        activeTab.value = 'beatles'
+      })
+    }
+  }
+  catch (err) {
+    console.log(err)
+  }
+}
+getPoints()
+onMounted(() => {
+  // nextTick(() => {
+  //   activeTab.value = 'beatles'
+  // })
+})
+</script>
+
+<template>
+  <div class="flex justify-center bg-[#f2f5f8] items-center h-[calc(100vh-48px)]">
+    <div class="w-[1200px] bg-white rounded-lg shadow-lg p-10 h-[calc(100%-40px)]">
+      <h1 class="text-2xl font-bold mb-4">
+        算力明细
+      </h1>
+      <n-tabs v-model:value="activeTab" type="line" animated>
+        <!-- <n-tab-pane name="oasis" tab="已获取">
+          <div class="h-[500px] overflow-y-auto">
+            <div class="mc-table flex w-full">
+              <div class="w-[250px]">
+                获取时间
+              </div>
+              <div class="w-[250px]">
+                获取来源
+              </div>
+              <div class="flex-1">
+                算力生效时间
+              </div>
+              <div class="flex-1">
+                算力到期时间
+              </div>
+              <div class="w-[200px]">
+                算力值
+              </div>
+            </div>
+            <div v-for="item in pointsResult.memberConsumeList" :key="item" class="mc-table flex w-full">
+              <div class="w-[250px]">
+                {{ item.consumeTime }}
+              </div>
+              <div class="w-[250px]">
+                每日赠送算力清零
+              </div>
+              <div class="flex-1">
+                -
+              </div>
+              <div class="w-[180px]">
+                {{ item.consumePoints }}
+              </div>
+            </div>
+          </div>
+        </n-tab-pane> -->
+        <n-tab-pane name="beatles" tab="已消耗">
+          <div class="h-[500px] overflow-y-auto">
+            <div class="mc-table flex w-full">
+              <div class="w-[250px]">
+                消耗时间
+              </div>
+              <div class="w-[250px]">
+                消耗类型
+              </div>
+              <div class="flex-1">
+                任务详情
+              </div>
+              <div class="w-[200px]">
+                算力值
+              </div>
+            </div>
+            <div v-for="item in pointsResult.memberConsumeList" :key="item" class="mc-table flex w-full">
+              <div class="w-[250px]">
+                {{ item.consumeTime }}
+              </div>
+              <div class="w-[250px]">
+                每日赠送算力清零
+              </div>
+              <div class="flex-1">
+                -
+              </div>
+              <div class="w-[180px]">
+                {{ item.consumePoints }}
+              </div>
+            </div>
+          </div>
+        </n-tab-pane>
+      </n-tabs>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.mc-table {
+  > div {
+    line-height: 40px;
+    height: 50px;
+    border-bottom: 1px solid #eee;
+  }
+}
+</style>
diff --git a/app/pages/member-center/index.vue b/app/pages/member-center/index.vue
index 000d6cb..3b4e8dd 100644
--- a/app/pages/member-center/index.vue
+++ b/app/pages/member-center/index.vue
@@ -1,20 +1,24 @@
 <script setup lang="ts">
+import { CheckmarkCircleSharp, Close } from '@vicons/ionicons5'
+import { NConfigProvider, NMessageProvider } from 'naive-ui'
+
 definePageMeta({
   layout: 'header',
 })
 
+// 订单
+const needPayment = ref([{
+  amount: '',
+  productId: '',
+  promotionId: '',
+  type: 'member',
+}])
 const userStore = useUserStore()
 const userInfo = userStore.userInfo as UserInfoType
 // 显示支付弹框
 interface Payment {
   isVisible: boolean
 }
-const PaymentRef = ref<Payment | null>(null)
-function showPayment() {
-  if (PaymentRef.value) {
-    PaymentRef.value.isVisible = true
-  }
-}
 
 // 是否是会员
 const isMember = ref(false)
@@ -29,22 +33,7 @@ async function getIsMember() {
     console.log(err)
   }
 }
-// getIsMember()
-
-// 获取积分余额和历史记录
-const points = ref(0)
-async function getPoints() {
-  try {
-    const res = await request.get('/member/getPoints')
-    if (res.code === 200) {
-      points.value = res.data
-    }
-  }
-  catch (err) {
-    console.log(err)
-  }
-}
-// getPoints()
+getIsMember()
 
 // 获取会员等级及权益列表
 const MemberBenefitList = ref([])
@@ -59,7 +48,7 @@ async function getMemberBenefitList() {
     console.log(err)
   }
 }
-// getMemberBenefitList()
+getMemberBenefitList()
 
 // 获取会员等级列表
 interface memberLevel {
@@ -81,6 +70,59 @@ async function getMemberLevelList() {
   }
 }
 getMemberLevelList()
+
+// 显示会员支付的弹框
+const isShowPayment = ref(false)
+const PaymentRef = ref<Payment | null>(null)
+function showPayment(info: any) {
+  if (info === 1) {
+    needPayment.value = memberLevelList.value
+  }
+  else {
+    needPayment.value = [info]
+  }
+  isShowPayment.value = true
+  if (PaymentRef.value) {
+    PaymentRef.value.isVisible = true
+  }
+}
+
+// 关闭开通会员弹框
+function closePayment() {
+  isShowPayment.value = false
+  if (PaymentRef.value) {
+    PaymentRef.value.isVisible = false
+  }
+}
+// 显示积分的弹框
+const isShowIntPayment = ref(false)
+
+const IntPaymentRef = ref<Payment | null>(null)
+function showIntPayment() {
+  isShowIntPayment.value = true
+  if (IntPaymentRef.value) {
+    IntPaymentRef.value.isVisible = true
+  }
+}
+
+// 关闭充值积分弹框
+function closeIntPayment() {
+  isShowIntPayment.value = false
+  if (IntPaymentRef.value) {
+    IntPaymentRef.value.isVisible = false
+  }
+}
+
+// 支付成功后刷新会员信息
+function paymentSuccess() {
+  getIsMember()
+}
+
+// 跳转到积分详情页
+function toIntDetail() {
+  const baseUrl = window.location.origin
+  window.open(`${baseUrl}/int-detail`, '_blank', 'noopener,noreferrer')
+}
 </script>
 
 <template>
@@ -88,7 +130,7 @@ getMemberLevelList()
     <div class="test bg-[#403833] flex justify-center items-center h-90">
       <div class="flex gap-6 w-[1145px]">
         <!-- 左侧用户信息 -->
-        <div class="w-60 bg-[#2b2421] rounded-lg p-6">
+        <div class="w-60 bg-[#2b2421] rounded-lg p-6 my-3">
           <!-- 右上角订阅管理 -->
           <div class="text-right">
             <button class="text-[#8b8685] text-sm bg-inherit border-none cursor-pointer">
@@ -113,14 +155,14 @@ getMemberLevelList()
                   d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
                 />
               </svg>
-              您还不是魔创未来的会员
+              {{ isMember.result === '1' ? `会员到期时间: ${isMember.endDate}` : '您还不是魔创未来的会员' }}
             </div>
           </div>
 
           <!-- 开通会员按钮 -->
           <button
             class="w-full bg-[#f2d5bc] text-[#6b4f3f] rounded-full py-2.5 mt-8 font-medium cursor-pointer"
-            @click="showPayment"
+            @click="showPayment(1)"
           >
             开通会员
           </button>
@@ -136,7 +178,7 @@ getMemberLevelList()
         <!-- 右侧内容 -->
         <div class="flex-1 space-y-4">
           <!-- 余额信息卡片 -->
-          <div class="bg-[#2b2421] rounded-lg p-6">
+          <div class="bg-[#2b2421] rounded-lg p-6 mt-3">
             <div class="grid grid-cols-3 gap-8">
               <!-- 算力余额 -->
               <div>
@@ -145,11 +187,11 @@ getMemberLevelList()
                 </h3>
                 <div class="flex items-center mb-2">
                   <span class="text-[#c3986b] mr-2">300点</span>
-                  <button class="text-[#c3986b] bg-inherit border-none cursor-pointer">
+                  <button class="text-[#c3986b] bg-inherit border-none cursor-pointer" @click="showIntPayment">
                     充值 >
                   </button>
                 </div>
-                <button class="text-white bg-inherit border-none cursor-pointer p-0">
+                <button class="text-white bg-inherit border-none cursor-pointer p-0" @click="toIntDetail">
                   算力明细 >
                 </button>
               </div>
@@ -226,7 +268,7 @@ getMemberLevelList()
           <div
             v-for="(item, index) in memberLevelList"
             :key="index"
-            class="h-56 border-1 border-solid border-[#fff] rounded-lg bg-gradient-to-b from-[#fdf0dd] to-[#fef8ef] flex justify-between items-center flex-col p-4 box-border"
+            class="h-56 border-2 border-solid border-[#fff] rounded-lg bg-gradient-to-b from-[#f7e8d3] to-[#fef8ef] flex justify-between items-center flex-col p-4 box-border"
           >
             <div class="text-[#e08909] card-item">
               {{ item.memberName }}
@@ -241,7 +283,7 @@ getMemberLevelList()
             </div>
             <div class="card-item">
               <button
-                class="bg-gradient-to-r from-[#fbdfa4] to-[#f3c180] text-[#4c3d33] w-40 h-10 rounded-full text-[12px] border-none cursor-pointer"
+                class="bg-gradient-to-r from-[#fbdfa4] to-[#f3c180] text-[#4c3d33] w-40 h-10 rounded-full text-[12px] border-none cursor-pointer" @click="showPayment(item)"
               >
                 立即开通
               </button>
@@ -254,74 +296,172 @@ getMemberLevelList()
               会员权益
             </div>
           </div>
-          <div class="flex gap-2">
-            <div class="w-1/4 h-20 bg-[#f7f0ea] flex justify-center items-center">
-              会员权益
+          <!-- <div class="flex items-center">
+            <div v-for="(item, index) in MemberBenefitList" :key="index" class="w-1/4 w-full">
+              <div class="flex items-center justify-center">
+                {{ item.memberLevelName }}
+              </div>
+              <div v-for="(item2, index2) in item.memberBenefitList" :key="index2" class="flex w-full">
+                <div class="h-20 bg-[#f7f0ea] flex justify-center items-center w-full">
+                  {{ item2.benefitName ? item2.benefitName : '无' }}
+                </div>
+              </div>
             </div>
-            <div class="w-1/4 h-20 bg-[#f5f5f5] flex justify-center items-center">
-              用户免费
+          </div> -->
+          <div class="text-[#525252]">
+            <div class="flex gap-2">
+              <div class="member-item bg-[#f7f0ea]">
+                会员权益
+              </div>
+              <div class="member-item bg-[#f5f5f5]">
+                用户免费
+              </div>
+              <div class="member-item bg-[#fdf6ea]">
+                基础版VIP
+              </div>
+              <div class="member-item bg-[#fce6bf]">
+                专业版VIP
+              </div>
             </div>
-            <div class="w-1/4 h-20 bg-[#fdf6ea] flex justify-center items-center">
-              基础版VIP
+            <div class="flex gap-2">
+              <div class="member-item bg-[#fff]">
+                算力
+              </div>
+              <div class="member-item bg-[#fff]">
+                每天300点
+              </div>
+              <div class="member-item bg-[#fff]">
+                每月15000点
+              </div>
+              <div class="member-item bg-[#fff]member-item">
+                每月35000点
+              </div>
             </div>
-            <div class="w-1/4 h-20 bg-[#fce6bf] flex justify-center items-center">
-              专业版VIP
+            <div class="flex gap-2">
+              <div class="member-item bg-[#fafafa]">
+                云端存储空间
+              </div>
+              <div class="member-item bg-[#fafafa]">
+                3GB
+              </div>
+              <div class="member-item bg-[#fdf6ea]">
+                20GB
+              </div>
+              <div class="member-item bg-[#fce6bf]">
+                50GB
+              </div>
             </div>
-          </div>
-          <div class="flex gap-2">
-            <div class="w-1/4 h-10 bg-[#fff] flex justify-center items-center">
-              算力
+            <div class="flex gap-2">
+              <div class="member-item bg-[#fff]">
+                生图加速特权
+              </div>
+              <div class="member-item bg-[#fff]member-item">
+                <n-icon size="20" color="#ed7470">
+                  <Close />
+                </n-icon>
+              </div>
+              <div class="member-item bg-[#fff]">
+                每月800次
+              </div>
+              <div class="member-item bg-[#fff]">
+                每月5000次
+              </div>
             </div>
-            <div class="w-1/4 h-10 bg-[#fff] flex justify-center items-center">
-              每天300点
+            <div class="flex gap-2">
+              <div class="member-item bg-[#fafafa]">
+                会员专属模型
+              </div>
+              <div class="member-item bg-[#fafafa]">
+                <n-icon size="20" color="#ed7470">
+                  <Close />
+                </n-icon>
+              </div>
+              <div class="member-item bg-[#fdf6ea]">
+                <n-icon size="20" color="#58c08f">
+                  <CheckmarkCircleSharp />
+                </n-icon>
+              </div>
+              <div class="member-item bg-[#fce6bf]">
+                <n-icon size="20" color="#58c08f">
+                  <CheckmarkCircleSharp />
+                </n-icon>
+              </div>
             </div>
-            <div class="w-1/4 h-10 bg-[#fff] flex justify-center items-center">
-              每月15000点
+            <div class="flex gap-2">
+              <div class="member-item bg-[#fff]">
+                生图高级功能
+              </div>
+              <div class="member-item bg-[#fff]">
+                <n-icon size="20" color="#ed7470">
+                  <Close />
+                </n-icon>
+              </div>
+              <div class="member-item bg-[#fff]">
+                <n-icon size="20" color="#58c08f">
+                  <CheckmarkCircleSharp />
+                </n-icon>
+              </div>
+              <div class="member-item bg-[#fff]">
+                <n-icon size="20" color="#58c08f">
+                  <CheckmarkCircleSharp />
+                </n-icon>
+              </div>
             </div>
-            <div class="w-1/4 h-10 bg-[#fff] flex justify-center items-center">
-              每月35000点
+            <div class="flex gap-2">
+              <div class="member-item bg-[#fafafa]">
+                训练XL模型
+              </div>
+              <div class="member-item bg-[#fafafa]">
+                <n-icon size="20" color="#ed7470">
+                  <Close />
+                </n-icon>
+              </div>
+              <div class="member-item bg-[#fdf6ea]">
+                <n-icon size="20" color="#ed7470">
+                  <Close />
+                </n-icon>
+              </div>
+              <div class="member-item bg-[#fce6bf]">
+                <n-icon size="20" color="#58c08f">
+                  <CheckmarkCircleSharp />
+                </n-icon>
+              </div>
             </div>
-          </div>
-          <div class="flex gap-2">
-            <div class="w-1/4 h-10 bg-[#f7f0ea] flex justify-center items-center">
-              算力
+            <div class="flex gap-2">
+              <div class="member-item bg-[#fff]">
+                图片去水印下载
+              </div>
+              <div class="member-item bg-[#fff]">
+                <n-icon size="20" color="#ed7470">
+                  <Close />
+                </n-icon>
+              </div>
+              <div class="member-item bg-[#fff]">
+                <n-icon size="20" color="#58c08f">
+                  <CheckmarkCircleSharp />
+                </n-icon>
+              </div>
+              <div class="member-item bg-[#fff]">
+                <n-icon size="20" color="#58c08f">
+                  <CheckmarkCircleSharp />
+                </n-icon>
+              </div>
             </div>
-            <div class="w-1/4 h-10 bg-[#f5f5f5] flex justify-center items-center">
-              每天300点
-            </div>
-            <div class="w-1/4 h-10 bg-[#fdf6ea] flex justify-center items-center">
-              每月15000点
-            </div>
-            <div class="w-1/4 h-10 bg-[#fce6bf] flex justify-center items-center">
-              每月35000点
-            </div>
-          </div>
-          <div class="flex gap-2">
-            <div class="w-1/4 h-10 bg-[#fff] flex justify-center items-center">
-              算力
-            </div>
-            <div class="w-1/4 h-10 bg-[#fff] flex justify-center items-center">
-              每天300点
-            </div>
-            <div class="w-1/4 h-10 bg-[#fff] flex justify-center items-center">
-              每月15000点
-            </div>
-            <div class="w-1/4 h-10 bg-[#fff] flex justify-center items-center">
-              每月35000点
-            </div>
-          </div>
-          <div class="flex gap-2">
-            <div class="w-1/4 h-10 bg-[#f7f0ea] flex justify-center items-center">
-              算力
-            </div>
-            <div class="w-1/4 h-10 bg-[#f5f5f5] flex justify-center items-center">
-              每天300点
-            </div>
-            <div class="w-1/4 h-10 bg-[#fdf6ea] flex justify-center items-center">
-              每月15000点
-            </div>
-            <div class="w-1/4 h-10 bg-[#fce6bf] flex justify-center items-center">
-              每月35000点
+            <div class="flex gap-2">
+              <div class="member-item bg-[#fafafa]">
+                多任务并行生图
+              </div>
+              <div class="member-item bg-[#fafafa]">
+                <n-icon size="20" color="#58c08f">
+                  <CheckmarkCircleSharp />
+                </n-icon>
+              </div>
+              <div class="member-item bg-[#fdf6ea]">
+                2个
+              </div>
+              <div class="member-item bg-[#fce6bf] ">
+                3个
+              </div>
             </div>
           </div>
         </div>
@@ -330,7 +470,7 @@ getMemberLevelList()
             会员每月算力和加速特权按月下发，有效期31天，到期重置。会员模型下载次数上限为每月200次
           </div>
           <div class="mt-1">
-            发票或团队/企业定制需求，请点击立即咨询联系我们，企业合作需求也可直接联系chujie@liblib.ai
+            发票或团队/企业定制需求，请点击立即咨询联系我们，企业合作需求也可直接联系xxxx
           </div>
           <div class="mt-1">
             更多问题可见帮助中心
@@ -338,7 +478,12 @@ getMemberLevelList()
         </div>
       </div>
     </div>
-    <Payment ref="PaymentRef" />
+    <NConfigProvider>
+      <NMessageProvider>
+        <Payment v-if="isShowPayment" ref="PaymentRef" :info="needPayment" :is-member="isMember" @close-payment="closePayment" />
+        <IntPayment v-if="isShowIntPayment" ref="IntPaymentRef" :is-member="isMember" @payment-success="paymentSuccess" @close-payment="closeIntPayment" />
+      </NMessageProvider>
+    </NConfigProvider>
   </div>
 </template>
 
@@ -346,4 +491,7 @@ getMemberLevelList()
 .card-item {
   @apply flex items-center justify-center h-1/4;
 }
+.member-item {
+  @apply w-1/4 h-12 flex justify-center items-center;
+}
 </style>
diff --git a/app/pages/model-details/[id].vue b/app/pages/model-details/[id].vue
index 634c1f1..468feb0 100644
--- a/app/pages/model-details/[id].vue
+++ b/app/pages/model-details/[id].vue
@@ -1,11 +1,13 @@
 <script setup lang="ts">
+import { Heart } from '@vicons/ionicons5'
+import {
+  Download,
+  Play,
+} from 'lucide-vue-next'
+
 definePageMeta({
   layout: 'default',
 })
-import {
-  Play,
-  Download,
-} from "lucide-vue-next";
 // const route = useRoute<'publishDetails-id'>()
 
 // const id = route.params.id
@@ -14,20 +16,22 @@ import {
 <template>
   <div class="flex justify-center">
     <div class="w-[1125px]">
-        <div class="flex items-center">
-          <div class="text-[26px] font-bold mr-2">名称</div>
-          <component :is="Play" class="h-[14px] w-[14px] text-white menu-icon m-1" />
-            <span>
-              <!-- {{ item.reals }} -->0
-            </span>
-            <component
-              :is="Download"
-              class="h-[14px] w-[14px] text-white menu-icon m-1"
-            />
-            <span>
-              <!-- {{ item.numbers }} -->0
-            </span>
+      <div class="flex items-center">
+        <div class="text-[26px] font-bold mr-2">
+          名称
         </div>
+        <component :is="Play" class="h-[14px] w-[14px] text-white menu-icon m-1" />
+        <span>
+          <!-- {{ item.reals }} -->0
+        </span>
+        <component
+          :is="Download"
+          class="h-[14px] w-[14px] text-white menu-icon m-1"
+        />
+        <span>
+          <!-- {{ item.numbers }} -->0
+        </span>
+      </div>
     </div>
   </div>
 </template>
diff --git a/app/pages/personal-center/index.vue b/app/pages/personal-center/index.vue
index 5408922..c011f96 100644
--- a/app/pages/personal-center/index.vue
+++ b/app/pages/personal-center/index.vue
@@ -1,11 +1,8 @@
 <script setup lang="ts">
-import { debug } from 'node:console'
 import { commonApi } from '@/api/common'
-import defaultAvatar from '@/assets/img/default-avatar.png'
 import EditUserInfo from '@/components/EditUserInfo.vue'
 import { useUserStore } from '@/stores/user'
 import { formatDate } from '@/utils/index.ts'
-import { debounce } from 'lodash-es'
 import { nextTick, onMounted, onUnmounted, ref } from 'vue'
 
 const loading = ref(false)
@@ -334,6 +331,16 @@ async function topedRefresh() {
   }
   initPageNUm()
 }
+
+// 关注/粉丝列表模态框
+const currentAttentionType = ref<string>('attention')
+const attentionIsVisible = ref<boolean>(false)
+// function onShowAttentionModel(type: string) {
+//   attentionIsVisible.value = true
+// }
+function onCloseAttentionModel() {
+  attentionIsVisible.value = false
+}
 </script>
 
 <template>
@@ -350,12 +357,12 @@ async function topedRefresh() {
           <div class="mc-head-inner h-18 w-18 m-1 rounded-full bg-blue-200">
             <client-only>
               <img
-                v-if="userInfo.avatar"
                 class="head-img m-1 h-16 w-16 rounded-full bg-white"
-                :src="userInfo.avatar ? userInfo.avatar : defaultAvatar"
+                :src="userStore.userInfo.avatar"
                 alt="User Avatar"
               >
             </client-only>
+            <!-- {{ userStore.userInfo.avatar }} -->
           </div>
         </div>
 
@@ -384,20 +391,21 @@ async function topedRefresh() {
 
       <!-- User Details -->
       <div class="user-info mt-4">
-        <div v-if="userInfo.nickName" class="nickname text-2xl font-bold">
-          {{ userInfo.nickName }}
+        <div v-if="userStore.userInfo" class="nickname text-2xl font-bold">
+          {{ userStore.userInfo.nickName }}
+          <!-- {{ userInfo.nickName }} -->
         </div>
-        <div v-if="userInfo.brief" class="info-desc mt-1 text-sm text-gray-700">
-          {{ userInfo.brief }}
+        <div v-if="userStore.userInfo.brief" class="info-desc mt-1 text-sm text-gray-700">
+          {{ userStore.userInfo.brief }}
         </div>
         <div class="production-state mt-4 flex text-sm text-gray-700">
-          <div class="production-state-item mr-5">
+          <div class="production-state-item mr-5 cursor-pointer" @click="onShowAttentionModel('bean')">
             <span class="production-state-number font-bold">{{
               selectUserInfo.bean ? selectUserInfo.bean : 0
             }}</span>
             粉丝
           </div>
-          <div class="production-state-item mr-5">
+          <div class="production-state-item mr-5 cursor-pointer" @click="onShowAttentionModel('attention')">
             <span class="production-state-number font-bold">{{
               selectUserInfo.attention ? selectUserInfo.attention : 0
             }}</span>
@@ -526,6 +534,20 @@ async function topedRefresh() {
         没有更多数据了
       </div>
     </div>
+    <NModal
+      v-model:show="attentionIsVisible"
+      :on-after-leave="onCloseAttentionModel"
+      preset="card"
+      style="width: 400px"
+      :mask-closable="false"
+    >
+      <div>
+        <div class="">
+          <div>粉丝</div>
+          <div>关注</div>
+        </div>
+      </div>
+    </NModal>
   </div>
 </template>
 
diff --git a/app/pages/publish-model/index.vue b/app/pages/publish-model/index.vue
index 6f8b19a..7e01a07 100644
--- a/app/pages/publish-model/index.vue
+++ b/app/pages/publish-model/index.vue
@@ -30,12 +30,13 @@ const formData = ref({
       isPublic: 1, // 权限是否公开权限 1公开 2自见
       isFree: 0, // 0免费
       allowFusion: 1, // 待确定
+      isOnlineUse: 0,	// 是否允许在线使用
       allowDownloadImage: 1,	// 允许下载生图
       allowUsage: 1,	// 是否允许使用
       allowSoftwareUse: 1,	// 允许在软件旗下使用
       allowCommercialUse: 1,	// 是否允许商用
       // 允许模型转售或者融合手出售字段没找到？
-      isExclusiveModel: 1, // 是否为独家模型这个字段
+      isExclusiveModel: 0, // 是否为独家模型这个字段
     },
   ],
 })
@@ -119,7 +120,7 @@ function handleAddVersion() {
           添加版本
         </div>
       </div>
-      <div class="form-container bg-gray-100 p-4 rounded-lg">
+      <div class="form-container">
         <div v-if="currentStep === 1" class="first-step">
           <CreateModels v-model="formData" @create-models-next="createModelsNext" />
         </div>
@@ -132,6 +133,13 @@ function handleAddVersion() {
           3
         </div>
       </div>
+      <!-- <div class="flex items-center justify-center mt-4">
+        <div>
+          <div class="flex justify-center items-center mt-5 text-white w-30 h-10 rounded-lg bg-[#3162ff] cursor-pointer" @click="nextStep">
+            下一步
+          </div>
+        </div>
+      </div> -->
     </div>
     <!-- <n-form
       ref="formRef"
diff --git a/app/pages/publish-workflow/index.vue b/app/pages/publish-workflow/index.vue
index 5018503..d388b52 100644
--- a/app/pages/publish-workflow/index.vue
+++ b/app/pages/publish-workflow/index.vue
@@ -1,182 +1,132 @@
-<template>
-  <n-form
-    ref="formRef"
-    :model="formData"
-    :rules="rules"
-    label-placement="left"
-    label-width="auto"
-    require-mark-placement="right-hanging"
-    size="large"
-    :style="{
-      maxWidth: '640px',
-    }"
-  >
-    <n-form-item label="工作流名称" path="inputValue">
-      <n-input v-model:value="formData.inputValue" placeholder="Input" />
-    </n-form-item>
-    <n-form-item label="工作流名称" path="inputValue">
-      <!-- <n-input v-model:value="model.inputValue" placeholder="Input" /> -->
-      <n-select v-model:value="formData.value" :options="cuileioptions" />
-    </n-form-item>
-    <n-form-item label="Checkbox Group" path="checkboxGroupValue">
-      <n-checkbox-group v-model:value="formData.checkboxGroupValue">
-        <n-space>
-          <n-checkbox value="Option 1"> Option 1 </n-checkbox>
-          <n-checkbox value="Option 2"> Option 2 </n-checkbox>
-          <n-checkbox value="Option 3"> Option 3 </n-checkbox>
-        </n-space>
-      </n-checkbox-group>
-    </n-form-item>
-    <n-form-item label="Radio Group" path="radioGroupValue">
-      <n-radio-group v-model:value="formData.radioGroupValue" name="radiogroup1">
-        <n-space>
-          <n-radio value="Radio 1"> Radio 1 </n-radio>
-          <n-radio value="Radio 2"> Radio 2 </n-radio>
-          <n-radio value="Radio 3"> Radio 3 </n-radio>
-        </n-space>
-      </n-radio-group>
-    </n-form-item>
-    <n-form-item label="Radio Button Group" path="radioGroupValue">
-      <n-radio-group v-model:value="formData.radioGroupValue" name="radiogroup2">
-        <n-radio-button value="Radio 1"> Radio 1 </n-radio-button>
-        <n-radio-button value="Radio 2"> Radio 2 </n-radio-button>
-        <n-radio-button value="Radio 3"> Radio 3 </n-radio-button>
-      </n-radio-group>
-    </n-form-item>
-    <div style="display: flex; justify-content: flex-end">
-      <n-button round type="primary" @click="addWorkflow"> 验证 </n-button>
-    </div>
-  </n-form>
-
-  <!-- <pre
-    >{{ JSON.stringify(model, null, 2) }}
-  </pre> -->
-</template>
-
 <script setup lang="ts">
-import type { FormInst, FormItemRule } from "naive-ui";
-import { useMessage } from "naive-ui";
-import { defineComponent, ref } from "vue";
-import { commonApi } from "@/api/common";
-const formRef = ref<FormInst | null>(null);
-const cuileioptions = ref([
-  { label: "Option 1", value: "Option 1" },
-  { label: "Option 2", value: "Option 1" },
-  { label: "Option 3", value: "Option 1" },
-]);
-const message = useMessage();
-const rules: Record<string, FormItemRule[]> = {
-    
-}
-const formData = ref({
-  inputValue: null,
-  textareaValue: null,
-  selectValue: null,
-  multipleSelectValue: null,
-  datetimeValue: null,
-  nestedValue: {
-    path1: null,
-    path2: null,
-  },
-  switchValue: false,
-  checkboxGroupValue: null,
-  radioGroupValue: null,
-  radioButtonGroupValue: null,
-  inputNumberValue: null,
-  timePickerValue: null,
-  transferValue: null,
-})
-const addWorkflow = async() => {
-    try {
-        const params = {
-            workFlow:{
-            workflowName:'工作流名称',
-            category:'1', //垂类
-            theme:'1', //主体
-            style:'1', //风格
-            functions:'1', //功能
-            activityParticipation:'1', //参与活动
-            jurisdiction:1, //是否公开权限 1公开 2自见
-            original:1, //0代表原创 1代表转载
-            authorName:'作者名称', //原文作者名字
-            onlineUse:0, //是否允许在线使用0允许 1不允许
-            download: 1, //是否允许下载工作流0允许 1不允许
-            sell:1, 	//是否允许出售或商用(0允许 1不允许)
-            },
-           
-            workFlowVersionList:[
-                {
-                    versionName:'1.0', //	版本名称
-                    versionDescription:'"<p>这是一个描述</p><p><img src=\"https://img1.baidu.com/it/u=3001150338,397170470&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1422\" /></p><p>这是两张图片之间的一些文字说明</p><p><img src=\"https://img12.iqilu.com/10339/clue/202405/29/68ec17f5-9621-461f-ad22-a6820a3f9cf5.jpg\" /></p>"', //版本描述
-                    filePath:'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', //文件路径
-                    fileName:'文件名称其实是个图片', //文件名称
-                    imagePaths:'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', //第三部的图片路径最多20张,切割
-                    hideGenInfo:0, //是否隐藏生成信息 0隐藏 1不隐藏
-                },
-                {
-                    versionName:'2.0', //	版本名称
-                    versionDescription:'"<p>这是一个描述</p><p><img src=\"https://img1.baidu.com/it/u=3001150338,397170470&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1422\" /></p><p>这是两张图片之间的一些文字说明</p><p><img src=\"https://img12.iqilu.com/10339/clue/202405/29/68ec17f5-9621-461f-ad22-a6820a3f9cf5.jpg\" /></p>"', //版本描述
-                    filePath:'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', //文件路径
-                    fileName:'文件名称其实是个图片', //文件名称
-                    imagePaths:'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', //第三部的图片路径最多20张,切割
-                    hideGenInfo:0, //是否隐藏生成信息 0隐藏 1不隐藏
-                }
-            ]
-        }
-        const res = await request.post("/WorkFlow/addWorkFlow", params);
-    }catch (error) {
-      console.log(error);
+import EditVersion from '@/components/publishWorkFlow/EditVersion.vue'
+import EditWorkFlow from '@/components/publishWorkFlow/EditWorkFlow.vue'
+import UploadImg from '@/components/publishWorkFlow/UploadImg.vue'
+import { CirclePlus } from 'lucide-vue-next'
+import { NConfigProvider, NMessageProvider } from 'naive-ui'
+import { useRoute } from 'vue-router'
+// definePageMeta({
+//   middleware: [
+//     function (to, from) {
+//       initFormData(to.query.type)
+//     },
+//   ],
+// })
+const route = useRoute()
+const { type, id } = route.query
+
+const formData = ref()
+
+async function initFormData() {
+  if (type === 'add') {
+    formData.value = {
+      workFlow: {
+        jurisdiction: 1, // auditStatus	（0全部状态 1已发布-公开 2已发布-仅自己可见 3审核中 4审核未通过）
+        original: 0, // original	0原创 1转载
+        onlineUse: 0,	// 是否允许在线使用(0允许 1不允许)
+        download: 0,	// 是否允许下载工作流(0允许 1不允许)
+        sell: 1,	// 是否允许出售或商用(0允许 1不允许)
+        typeList: [],
+      },
+      workFlowVersionList: [
+        {
+          versionName: '',
+          hideGenInfo: 0,	// 是否隐藏图片生成信息
+          versionDescription: '', // 富文本
+          filePath: '', // 文件路径
+          fileName: '', // 文件名
+          delFlag: '0', // 是否删除 0存在 2删除
+          imagePaths: [],
+        },
+      ],
     }
-}
-// const handleValidateButtonClick = (e: MouseEvent) => {
-//   e.preventDefault();
-//   formRef.value?.validate((errors) => {
-//     if (!errors) {
-//       message.success("验证成功");
-//     } else {
-//       console.log(errors);
-//       message.error("验证失败");
-//     }
-//   });
-// };
-
-  const modelPartCategory = ref([]); //垂类一级
-  const modelChildCategory = ref([]); //垂类一级
-  const workFlowFunctions = ref([]); //垂类一级
-
-const getDictType = async() => {
-  // model_part_category:[], //垂类一级
-  // model_child_category:[], //垂类二级
-  // work_flow_functions:[], //功能
-  try {
-    const [res1, res2, res3, res4] = await Promise.all([
-      commonApi.dictType({ type: "model_part_category" }),
-      commonApi.dictType({ type: "model_child_category" }),
-      commonApi.dictType({ type: "work_flow_functions" }),
-      commonApi.dictType({ type: "work_flow_style" }), //风格
-    ]);
-
-    modelPartCategory.value = res1.data;
-    modelChildCategory.value = res2.data;
-    workFlowFunctions.value = res3.data;
-    let categoryList = modelPartCategory;
-    // 遍历第一个数据数组，检查是否有子项
-    categoryList.value.forEach((item) => {
-      // 给每个对象添加一个children属性，初始化为空数组
-      item.children = [];
-      // 遍历第二个数据数组
-      modelChildCategory.value.forEach((child) => {
-        // 检查parentId是否与dictValue相等
-        if (child.partId === item.dictCode) {
-          // 将符合条件的子项放入children数组中
-          item.children.push(child);
-        }
-      });
-    });
-    categoryList = categoryList;
-  } catch (error) {
-    console.log(error);
   }
-};
-getDictType()
+  else {
+    // type参数 1翻译
+    try {
+      const res = await request.get(`/WorkFlow/selectWorkFlowVersionById?id=${id}`)
+      formData.value = res.data
+      if (formData.value.workFlow.type) {
+        formData.value.workFlow.typeList = formData.value.workFlow.type.split(',')
+      }
+      else {
+        formData.value.workFlow.typeList = []
+      }
+      if (formData.value.workFlow.activityParticipation) {
+        formData.value.workFlow.activityParticipation = Number(formData.value.workFlow.activityParticipation)
+      }
+      for (let i = 0; i < formData.value.workFlowVersionList.length; i++) {
+        if (formData.value.workFlowVersionList[i].imagePaths) {
+          formData.value.workFlowVersionList[i].imagePaths = formData.value.workFlowVersionList[i].imagePaths.split(',')
+        }
+      }
+      // else {
+      //   formData.value.workFlow.activityParticipationList = []
+      // }
+    }
+    catch (error) {
+      console.log(error)
+    }
+  }
+}
+initFormData()
+const EditVersionRef = ref()
+const currentStep = ref(1)
+
+function handleAddVersion() {
+  EditVersionRef.value.addVersion()
+}
+function nextStep() {
+  currentStep.value += 1
+}
+function preStep() {
+  currentStep.value -= 1
+}
+const timeLineList = ref([
+  {
+    name: '创建模版',
+    index: 1,
+  },
+  {
+    name: '编辑版本',
+    index: 2,
+  },
+  {
+    name: '上传图片',
+    index: 3,
+  },
+])
 </script>
+
+<template>
+  <div class="mx-auto py-6">
+    <div class="mx-auto flex justify-center">
+      <div class="form-container mx-auto">
+        <div class="flex items-center justify-between">
+          <div class="w-[60%]">
+            <TimeLine :time-line-list="timeLineList" :current-step="currentStep" />
+          </div>
+          <div v-if="currentStep === 2" class="cursor-pointer flex items-center justify-center rounded-full border border-solid border-[#000] px-4 py-1" @click="handleAddVersion">
+            <CirclePlus class="mr-2" />
+            添加版本
+          </div>
+        </div>
+
+        <NConfigProvider>
+          <NMessageProvider>
+            <div v-if="currentStep === 1" class="first-step mx-auto">
+              <EditWorkFlow v-model="formData" @next-step="nextStep" />
+            </div>
+            <div v-if="currentStep === 2" class="second-step">
+              <EditVersion ref="EditVersionRef" v-model="formData" @pre-step="preStep" @next-step="nextStep" />
+            </div>
+
+            <div v-if="currentStep === 3" class="third-step">
+              <UploadImg v-model="formData" @pre-step="preStep" />
+            </div>
+          </NMessageProvider>
+        </NConfigProvider>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/app/pages/workflow-details/[id].vue b/app/pages/workflow-details/[id].vue
index a13f82a..b48d6e2 100644
--- a/app/pages/workflow-details/[id].vue
+++ b/app/pages/workflow-details/[id].vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import defaultAvatar from '@/assets/img/default-avatar.png'
+import { Heart, PersonAddOutline } from '@vicons/ionicons5'
+
 import {
   CircleUser,
   Download,
@@ -7,19 +8,26 @@ import {
   HardDriveUpload,
   Play,
 } from 'lucide-vue-next'
+import { NConfigProvider, NMessageProvider } from 'naive-ui'
 import { nextTick, ref } from 'vue'
+import { useRouter } from 'vue-router'
 
+const message = useMessage()
+
+const router = useRouter()
 // 用于版本tabs当前选中的选项卡
 definePageMeta({
   layout: 'default',
 })
-const userStore = useUserStore()
+// const userStore = useUserStore()
 const route = useRoute()
 const { id } = route.params as { id: string }
 const activeTab = ref(null)
-
+const commentHeight = ref(800)
 const detailsInfo = ref({})
-// 版本信息
+const currentUserInfo = ref<any>({})
+
+// 先获取用户信息 再获取版本信息
 const versionByWorkInfo = ref([])
 async function getInfo() {
   try {
@@ -27,18 +35,34 @@ async function getInfo() {
     if (res.code === 200) {
       detailsInfo.value = res.data
       // 1翻译
-      const res1 = await request.get(
-        `/WorkFlowVersion/selectVersionByWorkId?workId=${res.data.id}`,
-      )
-      if (res1.code === 200 && res1.data.length > 0) {
-        versionByWorkInfo.value = res1.data
-        versionByWorkInfo.value.forEach((item) => {
-          item.imagePathsList = item.imagePaths.split(',')
-        })
-        nextTick(() => {
-          activeTab.value = versionByWorkInfo.value[0].id
-        })
-        const commentRes = await request.get(`/WorkFlowComment/comment/${res.data.id}`)
+      try {
+        const res1 = await request.get(
+          `/WorkFlowVersion/selectVersionByWorkId?workId=${res.data.id}`, // 获取版本
+        )
+        if (res1.code === 200 && res1.data.length > 0) {
+          versionByWorkInfo.value = res1.data
+          versionByWorkInfo.value.forEach((item) => {
+            item.imagePathsList = item.imagePaths.split(',')
+          })
+          nextTick(() => {
+            activeTab.value = versionByWorkInfo.value[0].id
+          })
+        // const commentRes = await request.get(`/WorkFlowComment/comment/${res.data.id}`)
+        }
+      }
+      catch (error) {
+        console.log(error)
+      }
+
+      // 获取当前作品的用户信息
+      try {
+        const res = await request.get(`/system/user/selectUserById?id=${detailsInfo.value.userId}`)
+        if (res.code === 200) {
+          currentUserInfo.value = res.data
+        }
+      }
+      catch (error) {
+        console.log(error)
       }
     }
   }
@@ -76,32 +100,80 @@ async function getAttention() {
 }
 getAttention()
 
-function handleSelect(event: Event, id: string) {
+// 举报/编辑/删除
+const isDelete = ref(false)
+async function handleSelect(event: Event, type: string) {
   event.stopPropagation() // 阻止事件冒泡
-
-  console.log(id)
+  if (type === 'report') {
+    await request.get(`/WorkFlow/report?id=${id}`) // 举报
+  }
+  else if (type === 'edit') {
+    router.push({
+      path: `/publish-workflow`,
+      query: {
+        type: 'edit',
+        id: detailsInfo.value.id,
+      },
+    })
+  }
+  else {
+    isDelete.value = true
+  }
 }
-// async function getAttention() {
-//   try {
-//     const res = await request.get("/WorkFlowComment/comment/{modelId}");
-//     if (res.code === 200) {
-//       selectUserInfo.value = res.data;
-//     }
-//   } catch (err) {
-//     console.log(err);
-//   }
-// }
-// getAttention();
 
-// async function getVersionByWork() {
-//   try {
-//     if (res.code === 200) {
-//     }
-//   } catch (err) {
-//     console.log(err);
-//   }
-// }
-// getVersionByWork();
+// 删除
+async function onDelete() {
+  try {
+    const res = await request.get(`/WorkFlow/deleteWorkFlow?id=${detailsInfo.value.id}`)
+    if (res.code === 200) {
+      message.success('删除成功')
+      isDelete.value = false
+      router.push('/personal-center')
+    }
+  }
+  catch (err) {
+    console.log(err)
+  }
+}
+
+// 关注用户/取消关注
+async function onChangeAttention() {
+  try {
+    const res = await request.get(`/attention/addAttention?userId=${detailsInfo.value.userId}`)
+    if (res.code === 200) {
+      if (res.data) {
+        detailsInfo.value.isAttention = 1
+        message.success('关注成功')
+      }
+      else {
+        detailsInfo.value.isAttention = 0
+        message.success('取消关注成功')
+      }
+    }
+  }
+  catch (err) {
+    console.log(err)
+  }
+}
+
+// 点赞
+async function onLike() {
+  try {
+    const res = await request.get(`/WorkFlowComment/like?workFlowId=${detailsInfo.value.id}`)
+    if (res.code === 200) {
+      detailsInfo.value.isLike === 0 ? detailsInfo.value.isLike = 1 : detailsInfo.value.isLike = 0
+      if (detailsInfo.value.isLike === 0) {
+        message.success('取消点赞成功')
+      }
+      else {
+        message.success('点赞成功')
+      }
+    }
+  }
+  catch (err) {
+    console.log(err)
+  }
+}
 </script>
 
 <template>
@@ -148,7 +220,7 @@ function handleSelect(event: Event, id: string) {
 
       <div class="flex items-center mt-3 mb-5">
         <div
-          v-for="(item, index) in detailsInfo.styleList"
+          v-for="(item, index) in detailsInfo.typeList"
           :key="index"
           class="text-[12px] bg-[#ebf2fe] p-1 px-2 text-[#557abf] mr-4 rounded-md"
         >
@@ -168,8 +240,8 @@ function handleSelect(event: Event, id: string) {
                 <!-- 显示最后一步上传图片的图片 -->
                 <div class="grid grid-cols-2 gap-2.5 box-border">
                   <img
-                    v-for="(subItem, index) in item.imagePathsList"
-                    :key="index"
+                    v-for="(subItem, subIndex) in item.imagePathsList"
+                    :key="subIndex"
                     :src="subItem"
                     class="w-full h-[300px]"
                     alt=""
@@ -186,12 +258,21 @@ function handleSelect(event: Event, id: string) {
               </n-tab-pane>
             </n-tabs>
           </div>
+          <div class="mt-4">
+            <div style="padding: 20px">
+              <NConfigProvider>
+                <NMessageProvider>
+                  <BaseComment v-if="detailsInfo.id" type="workflow" :height="commentHeight" :details-info="detailsInfo" />
+                </NMessageProvider>
+              </NConfigProvider>
+            </div>
+          </div>
         </div>
         <div class="w-1/3 mt-3">
           <div
             class="flex justify-between text-[#a3a1a1] text-[12px] items-center -ml-60"
           >
-            <div class="flexm justify-end">
+            <div class="flex justify-end">
               <div v-if="detailsInfo.createTime" class="mr-2">
                 首发时间{{ detailsInfo.createTime }}
               </div>
@@ -201,11 +282,14 @@ function handleSelect(event: Event, id: string) {
             </div>
 
             <div class="flex items-center relative">
-              <img
+              <!-- <img
                 src="@/assets/img/heart.png"
                 class="w-[14px] h-[14px] cursor-pointer"
                 alt=""
-              >
+              > -->
+              <n-icon size="20" :color="detailsInfo.isLike === 0 ? '#ccc' : '#ff0000'" @click="onLike">
+                <Heart class="cursor-pointer" />
+              </n-icon>
               <div class="group relative">
                 <component
                   :is="EllipsisVertical"
@@ -244,24 +328,33 @@ function handleSelect(event: Event, id: string) {
                   class="w-full h-full mr-2 block"
                   round
                   size="small"
-                  :src="
-                    userStore.userInfo && userStore.userInfo.avatar
-                      ? userStore.userInfo.avatar
-                      : defaultAvatar
-                  "
+                  :src="currentUserInfo.avatar"
                 />
               </client-only>
             </div>
-            <div>
-              <client-only>
-                <div class="text[20px] font-bold">
-                  {{ userStore.userInfo.nickName }}
+            <div class="flex-1">
+              <div class="flex items-center justify-between">
+                <div class="flex-1">
+                  <client-only>
+                    <div class="text[20px] font-bold">
+                      {{ currentUserInfo.nickName }}
+                    </div>
+                  </client-only>
+                  <!-- 0代表原创 1代表转载 -->
+                  <div v-if="detailsInfo.original === 0" class="text-[14px]">
+                    原创作者
+                  </div>
+                </div>
+                <div class="flex-1 flex justify-end">
+                  <div class="flex items-center font-bold px-1 justify-center w-24 h-10 rounded-full text-[#426af7] border-2 border-[#426af7] border-solid cursor-pointer" @click="onChangeAttention">
+                    <n-icon v-if="detailsInfo.isAttention === 0" size="20" class="mr-2">
+                      <PersonAddOutline />
+                    </n-icon>
+                    {{ detailsInfo.isAttention === 1 ? '已关注' : '关注' }}
+                  </div>
                 </div>
-              </client-only>
-              <!-- 0代表原创 1代表转载 -->
-              <div v-if="detailsInfo.original === 0" class="text-[14px]">
-                原创作者
               </div>
+
               <div class="flex items-center text-[#969798]">
                 <component
                   :is="CircleUser"
@@ -313,7 +406,17 @@ function handleSelect(event: Event, id: string) {
               下载客户端
             </span>
           </div> -->
-
+          <n-modal
+            v-model:show="isDelete"
+            :mask-closable="false"
+            preset="dialog"
+            title="提示！"
+            content="确定要将模型删除? 模型删除后无法找回"
+            negative-text="取消"
+            positive-text="确认"
+            @negative-click="onDelete"
+            @positive-click="onDelete"
+          />
           <div />
         </div>
       </div>
diff --git a/app/plugins/wangeditor.client.ts b/app/plugins/wangeditor.client.ts
new file mode 100644
index 0000000..3f1d184
--- /dev/null
+++ b/app/plugins/wangeditor.client.ts
@@ -0,0 +1,6 @@
+import { Editor, Toolbar } from '@wangeditor/editor-for-vue'
+
+export default defineNuxtPlugin((nuxt) => {
+  nuxt.vueApp.component('WeEditor', Editor)
+  nuxt.vueApp.component('WeToolbar', Toolbar)
+})
diff --git a/app/stores/user.ts b/app/stores/user.ts
index 34310b9..3704499 100644
--- a/app/stores/user.ts
+++ b/app/stores/user.ts
@@ -1,5 +1,7 @@
+import defaultAvatar from '@/assets/img/default-avatar.png'
 // stores/user.ts
 import { defineStore } from 'pinia'
+
 import { ref } from 'vue'
 import {
   parse,
@@ -32,6 +34,7 @@ export const useUserStore = defineStore('user', () => {
       token: token.value,
     })
     if (res.code === 200) {
+      res.data.avatar = res.data.avatar || defaultAvatar
       setUserInfo(res.data)
     }
   }
diff --git a/app/utils/uploadImg.ts b/app/utils/uploadImg.ts
index b3f2abf..2845f1c 100644
--- a/app/utils/uploadImg.ts
+++ b/app/utils/uploadImg.ts
@@ -8,7 +8,7 @@ import type { ApiResponse } from '~/types/api'
  * @returns {Promise<{ success: boolean, message: string, data: any[] }>} - 返回上传结果
  */
 
-export async function uploadImagesInBatches(files, batchSize = 3) {
+export async function uploadImagesInBatches(files: File[], batchSize = 3) {
   const uploadResults = []
 
   for (let i = 0; i < files.length; i++) {
@@ -20,13 +20,15 @@ export async function uploadImagesInBatches(files, batchSize = 3) {
 
     // 上传当前图片
     try {
-      const res = await request.post<ApiResponse<{ url: string }>>('/model/file', formData, {
+      const res = await request.post<ApiResponse<{ url: string }>>('/file/imgUpload', formData, {
         headers: {
           'Content-Type': 'multipart/form-data',
         },
       })
       //   const res = await mallProductFile(formData)
-      uploadResults.push(res.data)
+      if (res && res.code === 200) {
+        uploadResults.push(res.data)
+      }
     }
     catch (error) {
       console.error(`图片上传失败: ${file.name}`, error)
@@ -35,3 +37,31 @@ export async function uploadImagesInBatches(files, batchSize = 3) {
   }
   return uploadResults
 }
+
+export async function uploadFileBatches(files, batchSize = 3) {
+  const uploadResults = []
+
+  for (let i = 0; i < files.length; i++) {
+    const file = files[i]
+
+    // 创建 FormData 对象
+    const formData = new FormData()
+    formData.append('file', file) // 假设后端接收字段是 `file`
+
+    // 上传当前图片
+    try {
+      const res = await request.post<ApiResponse<{ url: string }>>('/file/fileUpload', formData, {
+        headers: {
+          'Content-Type': 'multipart/form-data',
+        },
+      })
+      //   const res = await mallProductFile(formData)
+      uploadResults.push(res.data)
+    }
+    catch (error) {
+      console.error(`文件上传失败: ${file.name}`, error)
+      uploadResults.push({ success: false, error })
+    }
+  }
+  return uploadResults
+}
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 6245a49..3bdae95 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -83,9 +83,10 @@ export default defineNuxtConfig({
   nitro: {
     devProxy: {
       '/api': {
-        // target: 'http://1.13.246.108:8080', 线上
-        // target: 'http://192.168.2.22:8080', // 代
-        target: 'http://192.168.1.69:8080', // 嗨
+        // target: 'http://1.13.246.108:8080', // 线上
+        target: 'http://192.168.2.10:8080', // 代
+        // target: 'http://192.168.1.69:8080', // 嗨
+        // target: 'https://2d1a399f.r27.cpolar.top', // 嗨
         changeOrigin: true,
         prependPath: true,
       },
diff --git a/package.json b/package.json
index 1ec2838..2c31c8d 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
   },
   "dependencies": {
     "@vicons/ionicons5": "^0.13.0",
+    "@wangeditor/editor": "^5.1.12",
     "@wangeditor/editor-for-vue": "^5.1.12",
     "axios": "^1.7.9",
     "date-fns-tz": "^3.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 05a14a9..c6ea28b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -13,9 +13,12 @@ dependencies:
   '@vicons/ionicons5':
     specifier: ^0.13.0
     version: 0.13.0
+  '@wangeditor/editor':
+    specifier: ^5.1.12
+    version: 5.1.23
   '@wangeditor/editor-for-vue':
     specifier: ^5.1.12
-    version: 5.1.12
+    version: 5.1.12(@wangeditor/editor@5.1.23)
   axios:
     specifier: ^1.7.9
     version: 1.7.9
@@ -3022,6 +3025,10 @@ packages:
       string.prototype.matchall: 4.0.12
     dev: true
 
+  /@transloadit/prettier-bytes@0.0.7:
+    resolution: {integrity: sha512-VeJbUb0wEKbcwaSlj5n+LscBl9IPgLPkHVGBkh00cztv6X4L/TJXK58LzFuBKX7/GAfiGhIwH67YTLTlzvIzBA==}
+    dev: false
+
   /@trysound/sax@0.2.0:
     resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
     engines: {node: '>=10.13.0'}
@@ -3051,6 +3058,10 @@ packages:
   /@types/estree@1.0.6:
     resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
 
+  /@types/event-emitter@0.3.5:
+    resolution: {integrity: sha512-zx2/Gg0Eg7gwEiOIIh5w9TrhKKTeQh7CPCOPNc0el4pLSwzebA8SmnHwZs2dWlLONvyulykSwGSQxQHLhjGLvQ==}
+    dev: false
+
   /@types/http-proxy@1.17.15:
     resolution: {integrity: sha512-25g5atgiVNTIv0LBDTg1H74Hvayx0ajtJPLLcYE3whFv75J0pWNtOBzaXJQgDTmrX1bx5U9YC2w/n65BN1HwRQ==}
     dependencies:
@@ -3271,6 +3282,47 @@ packages:
       vue: 3.5.13(typescript@5.7.3)
     dev: true
 
+  /@uppy/companion-client@2.2.2:
+    resolution: {integrity: sha512-5mTp2iq97/mYSisMaBtFRry6PTgZA6SIL7LePteOV5x0/DxKfrZW3DEiQERJmYpHzy7k8johpm2gHnEKto56Og==}
+    dependencies:
+      '@uppy/utils': 4.1.3
+      namespace-emitter: 2.0.1
+    dev: false
+
+  /@uppy/core@2.3.4:
+    resolution: {integrity: sha512-iWAqppC8FD8mMVqewavCz+TNaet6HPXitmGXpGGREGrakZ4FeuWytVdrelydzTdXx6vVKkOmI2FLztGg73sENQ==}
+    dependencies:
+      '@transloadit/prettier-bytes': 0.0.7
+      '@uppy/store-default': 2.1.1
+      '@uppy/utils': 4.1.3
+      lodash.throttle: 4.1.1
+      mime-match: 1.0.2
+      namespace-emitter: 2.0.1
+      nanoid: 3.3.8
+      preact: 10.25.4
+    dev: false
+
+  /@uppy/store-default@2.1.1:
+    resolution: {integrity: sha512-xnpTxvot2SeAwGwbvmJ899ASk5tYXhmZzD/aCFsXePh/v8rNvR2pKlcQUH7cF/y4baUGq3FHO/daKCok/mpKqQ==}
+    dev: false
+
+  /@uppy/utils@4.1.3:
+    resolution: {integrity: sha512-nTuMvwWYobnJcytDO3t+D6IkVq/Qs4Xv3vyoEZ+Iaf8gegZP+rEyoaFT2CK5XLRMienPyqRqNbIfRuFaOWSIFw==}
+    dependencies:
+      lodash.throttle: 4.1.1
+    dev: false
+
+  /@uppy/xhr-upload@2.1.3(@uppy/core@2.3.4):
+    resolution: {integrity: sha512-YWOQ6myBVPs+mhNjfdWsQyMRWUlrDLMoaG7nvf/G6Y3GKZf8AyjFDjvvJ49XWQ+DaZOftGkHmF1uh/DBeGivJQ==}
+    peerDependencies:
+      '@uppy/core': ^2.3.3
+    dependencies:
+      '@uppy/companion-client': 2.2.2
+      '@uppy/core': 2.3.4
+      '@uppy/utils': 4.1.3
+      nanoid: 3.3.8
+    dev: false
+
   /@vercel/nft@0.27.10(rollup@4.34.0):
     resolution: {integrity: sha512-zbaF9Wp/NsZtKLE4uVmL3FyfFwlpDyuymQM1kPbeT0mVOHKDQQNjnnfslB3REg3oZprmNFJuh3pkHBk2qAaizg==}
     engines: {node: '>=16'}
@@ -3618,11 +3670,189 @@ packages:
       - typescript
     dev: true
 
-  /@wangeditor/editor-for-vue@5.1.12:
+  /@wangeditor/basic-modules@1.1.7(@wangeditor/core@1.1.19)(dom7@3.0.0)(lodash.throttle@4.1.1)(nanoid@3.3.8)(slate@0.72.8)(snabbdom@3.6.2):
+    resolution: {integrity: sha512-cY9CPkLJaqF05STqfpZKWG4LpxTMeGSIIF1fHvfm/mz+JXatCagjdkbxdikOuKYlxDdeqvOeBmsUBItufDLXZg==}
+    peerDependencies:
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      lodash.throttle: ^4.1.1
+      nanoid: ^3.2.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+    dependencies:
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3)(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.8)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      is-url: 1.2.4
+      lodash.throttle: 4.1.1
+      nanoid: 3.3.8
+      slate: 0.72.8
+      snabbdom: 3.6.2
+    dev: false
+
+  /@wangeditor/code-highlight@1.0.3(@wangeditor/core@1.1.19)(dom7@3.0.0)(slate@0.72.8)(snabbdom@3.6.2):
+    resolution: {integrity: sha512-iazHwO14XpCuIWJNTQTikqUhGKyqj+dUNWJ9288Oym9M2xMVHvnsOmDU2sgUDWVy+pOLojReMPgXCsvvNlOOhw==}
+    peerDependencies:
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+    dependencies:
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3)(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.8)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      prismjs: 1.29.0
+      slate: 0.72.8
+      snabbdom: 3.6.2
+    dev: false
+
+  /@wangeditor/core@1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3)(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.8)(slate@0.72.8)(snabbdom@3.6.2):
+    resolution: {integrity: sha512-KevkB47+7GhVszyYF2pKGKtCSj/YzmClsD03C3zTt+9SR2XWT5T0e3yQqg8baZpcMvkjs1D8Dv4fk8ok/UaS2Q==}
+    peerDependencies:
+      '@uppy/core': ^2.1.1
+      '@uppy/xhr-upload': ^2.0.3
+      dom7: ^3.0.0
+      is-hotkey: ^0.2.0
+      lodash.camelcase: ^4.3.0
+      lodash.clonedeep: ^4.5.0
+      lodash.debounce: ^4.0.8
+      lodash.foreach: ^4.5.0
+      lodash.isequal: ^4.5.0
+      lodash.throttle: ^4.1.1
+      lodash.toarray: ^4.4.0
+      nanoid: ^3.2.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+    dependencies:
+      '@types/event-emitter': 0.3.5
+      '@uppy/core': 2.3.4
+      '@uppy/xhr-upload': 2.1.3(@uppy/core@2.3.4)
+      dom7: 3.0.0
+      event-emitter: 0.3.5
+      html-void-elements: 2.0.1
+      i18next: 20.6.1
+      is-hotkey: 0.2.0
+      lodash.camelcase: 4.3.0
+      lodash.clonedeep: 4.5.0
+      lodash.debounce: 4.0.8
+      lodash.foreach: 4.5.0
+      lodash.isequal: 4.5.0
+      lodash.throttle: 4.1.1
+      lodash.toarray: 4.4.0
+      nanoid: 3.3.8
+      scroll-into-view-if-needed: 2.2.31
+      slate: 0.72.8
+      slate-history: 0.66.0(slate@0.72.8)
+      snabbdom: 3.6.2
+    dev: false
+
+  /@wangeditor/editor-for-vue@5.1.12(@wangeditor/editor@5.1.23):
     resolution: {integrity: sha512-0Ds3D8I+xnpNWezAeO7HmPRgTfUxHLMd9JKcIw+QzvSmhC5xUHbpCcLU+KLmeBKTR/zffnS5GQo6qi3GhTMJWQ==}
     peerDependencies:
       '@wangeditor/editor': '>=5.1.0'
       vue: ^3.0.5
+    dependencies:
+      '@wangeditor/editor': 5.1.23
+    dev: false
+
+  /@wangeditor/editor@5.1.23:
+    resolution: {integrity: sha512-0RxfeVTuK1tktUaPROnCoFfaHVJpRAIE2zdS0mpP+vq1axVQpLjM8+fCvKzqYIkH0Pg+C+44hJpe3VVroSkEuQ==}
+    dependencies:
+      '@uppy/core': 2.3.4
+      '@uppy/xhr-upload': 2.1.3(@uppy/core@2.3.4)
+      '@wangeditor/basic-modules': 1.1.7(@wangeditor/core@1.1.19)(dom7@3.0.0)(lodash.throttle@4.1.1)(nanoid@3.3.8)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/code-highlight': 1.0.3(@wangeditor/core@1.1.19)(dom7@3.0.0)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3)(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.8)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/list-module': 1.0.5(@wangeditor/core@1.1.19)(dom7@3.0.0)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/table-module': 1.1.4(@wangeditor/core@1.1.19)(dom7@3.0.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(nanoid@3.3.8)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/upload-image-module': 1.0.2(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3)(@wangeditor/basic-modules@1.1.7)(@wangeditor/core@1.1.19)(dom7@3.0.0)(lodash.foreach@4.5.0)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/video-module': 1.1.4(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3)(@wangeditor/core@1.1.19)(dom7@3.0.0)(nanoid@3.3.8)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      is-hotkey: 0.2.0
+      lodash.camelcase: 4.3.0
+      lodash.clonedeep: 4.5.0
+      lodash.debounce: 4.0.8
+      lodash.foreach: 4.5.0
+      lodash.isequal: 4.5.0
+      lodash.throttle: 4.1.1
+      lodash.toarray: 4.4.0
+      nanoid: 3.3.8
+      slate: 0.72.8
+      snabbdom: 3.6.2
+    dev: false
+
+  /@wangeditor/list-module@1.0.5(@wangeditor/core@1.1.19)(dom7@3.0.0)(slate@0.72.8)(snabbdom@3.6.2):
+    resolution: {integrity: sha512-uDuYTP6DVhcYf7mF1pTlmNn5jOb4QtcVhYwSSAkyg09zqxI1qBqsfUnveeDeDqIuptSJhkh81cyxi+MF8sEPOQ==}
+    peerDependencies:
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+    dependencies:
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3)(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.8)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      slate: 0.72.8
+      snabbdom: 3.6.2
+    dev: false
+
+  /@wangeditor/table-module@1.1.4(@wangeditor/core@1.1.19)(dom7@3.0.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(nanoid@3.3.8)(slate@0.72.8)(snabbdom@3.6.2):
+    resolution: {integrity: sha512-5saanU9xuEocxaemGdNi9t8MCDSucnykEC6jtuiT72kt+/Hhh4nERYx1J20OPsTCCdVr7hIyQenFD1iSRkIQ6w==}
+    peerDependencies:
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      lodash.isequal: ^4.5.0
+      lodash.throttle: ^4.1.1
+      nanoid: ^3.2.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+    dependencies:
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3)(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.8)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      lodash.isequal: 4.5.0
+      lodash.throttle: 4.1.1
+      nanoid: 3.3.8
+      slate: 0.72.8
+      snabbdom: 3.6.2
+    dev: false
+
+  /@wangeditor/upload-image-module@1.0.2(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3)(@wangeditor/basic-modules@1.1.7)(@wangeditor/core@1.1.19)(dom7@3.0.0)(lodash.foreach@4.5.0)(slate@0.72.8)(snabbdom@3.6.2):
+    resolution: {integrity: sha512-z81lk/v71OwPDYeQDxj6cVr81aDP90aFuywb8nPD6eQeECtOymrqRODjpO6VGvCVxVck8nUxBHtbxKtjgcwyiA==}
+    peerDependencies:
+      '@uppy/core': ^2.0.3
+      '@uppy/xhr-upload': ^2.0.3
+      '@wangeditor/basic-modules': 1.x
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      lodash.foreach: ^4.5.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+    dependencies:
+      '@uppy/core': 2.3.4
+      '@uppy/xhr-upload': 2.1.3(@uppy/core@2.3.4)
+      '@wangeditor/basic-modules': 1.1.7(@wangeditor/core@1.1.19)(dom7@3.0.0)(lodash.throttle@4.1.1)(nanoid@3.3.8)(slate@0.72.8)(snabbdom@3.6.2)
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3)(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.8)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      lodash.foreach: 4.5.0
+      slate: 0.72.8
+      snabbdom: 3.6.2
+    dev: false
+
+  /@wangeditor/video-module@1.1.4(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3)(@wangeditor/core@1.1.19)(dom7@3.0.0)(nanoid@3.3.8)(slate@0.72.8)(snabbdom@3.6.2):
+    resolution: {integrity: sha512-ZdodDPqKQrgx3IwWu4ZiQmXI8EXZ3hm2/fM6E3t5dB8tCaIGWQZhmqd6P5knfkRAd3z2+YRSRbxOGfoRSp/rLg==}
+    peerDependencies:
+      '@uppy/core': ^2.1.4
+      '@uppy/xhr-upload': ^2.0.7
+      '@wangeditor/core': 1.x
+      dom7: ^3.0.0
+      nanoid: ^3.2.0
+      slate: ^0.72.0
+      snabbdom: ^3.1.0
+    dependencies:
+      '@uppy/core': 2.3.4
+      '@uppy/xhr-upload': 2.1.3(@uppy/core@2.3.4)
+      '@wangeditor/core': 1.1.19(@uppy/core@2.3.4)(@uppy/xhr-upload@2.1.3)(dom7@3.0.0)(is-hotkey@0.2.0)(lodash.camelcase@4.3.0)(lodash.clonedeep@4.5.0)(lodash.debounce@4.0.8)(lodash.foreach@4.5.0)(lodash.isequal@4.5.0)(lodash.throttle@4.1.1)(lodash.toarray@4.4.0)(nanoid@3.3.8)(slate@0.72.8)(snabbdom@3.6.2)
+      dom7: 3.0.0
+      nanoid: 3.3.8
+      slate: 0.72.8
+      snabbdom: 3.6.2
     dev: false
 
   /abbrev@3.0.0:
@@ -4277,6 +4507,10 @@ packages:
       readable-stream: 4.7.0
     dev: true
 
+  /compute-scroll-into-view@1.0.20:
+    resolution: {integrity: sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg==}
+    dev: false
+
   /concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
     dev: true
@@ -4505,6 +4739,14 @@ packages:
   /csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
+  /d@1.0.2:
+    resolution: {integrity: sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==}
+    engines: {node: '>=0.12'}
+    dependencies:
+      es5-ext: 0.10.64
+      type: 2.7.3
+    dev: false
+
   /data-view-buffer@1.0.2:
     resolution: {integrity: sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==}
     engines: {node: '>= 0.4'}
@@ -4759,6 +5001,12 @@ packages:
       entities: 4.5.0
     dev: true
 
+  /dom7@3.0.0:
+    resolution: {integrity: sha512-oNlcUdHsC4zb7Msx7JN3K0Nro1dzJ48knvBOnDPKJ2GV9wl1i5vydJZUSyOfrkKFDZEud/jBsTk92S/VGSAe/g==}
+    dependencies:
+      ssr-window: 3.0.0
+    dev: false
+
   /domelementtype@2.3.0:
     resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
     dev: true
@@ -4963,6 +5211,33 @@ packages:
       is-symbol: 1.1.1
     dev: true
 
+  /es5-ext@0.10.64:
+    resolution: {integrity: sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==}
+    engines: {node: '>=0.10'}
+    requiresBuild: true
+    dependencies:
+      es6-iterator: 2.0.3
+      es6-symbol: 3.1.4
+      esniff: 2.0.1
+      next-tick: 1.1.0
+    dev: false
+
+  /es6-iterator@2.0.3:
+    resolution: {integrity: sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==}
+    dependencies:
+      d: 1.0.2
+      es5-ext: 0.10.64
+      es6-symbol: 3.1.4
+    dev: false
+
+  /es6-symbol@3.1.4:
+    resolution: {integrity: sha512-U9bFFjX8tFiATgtkJ1zg25+KviIXpgRvRHS8sau3GfhVzThRQrOeksPeT0BWW2MNZs1OEWJ1DPXOQMn0KKRkvg==}
+    engines: {node: '>=0.12'}
+    dependencies:
+      d: 1.0.2
+      ext: 1.7.0
+    dev: false
+
   /esbuild@0.24.2:
     resolution: {integrity: sha512-+9egpBW8I3CD5XPe0n6BfT5fxLzxrlDzqydF3aviG+9ni1lDC/OvMHcxqEFV0+LANZG5R1bFMWfUrjVsdwxJvA==}
     engines: {node: '>=18'}
@@ -5460,6 +5735,16 @@ packages:
       - supports-color
     dev: true
 
+  /esniff@2.0.1:
+    resolution: {integrity: sha512-kTUIGKQ/mDPFoJ0oVfcmyJn4iBDRptjNVIzwIFR7tqWXdVI9xfA2RMwY/gbSpJG3lkdWNEjLap/NqVHZiJsdfg==}
+    engines: {node: '>=0.10'}
+    dependencies:
+      d: 1.0.2
+      es5-ext: 0.10.64
+      event-emitter: 0.3.5
+      type: 2.7.3
+    dev: false
+
   /espree@10.3.0:
     resolution: {integrity: sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -5519,6 +5804,13 @@ packages:
     engines: {node: '>= 0.6'}
     dev: true
 
+  /event-emitter@0.3.5:
+    resolution: {integrity: sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==}
+    dependencies:
+      d: 1.0.2
+      es5-ext: 0.10.64
+    dev: false
+
   /event-target-shim@5.0.1:
     resolution: {integrity: sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==}
     engines: {node: '>=6'}
@@ -5562,6 +5854,12 @@ packages:
       strip-final-newline: 3.0.0
     dev: true
 
+  /ext@1.7.0:
+    resolution: {integrity: sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==}
+    dependencies:
+      type: 2.7.3
+    dev: false
+
   /externality@1.0.2:
     resolution: {integrity: sha512-LyExtJWKxtgVzmgtEHyQtLFpw1KFhQphF9nTG8TpAIVkiI/xQ3FJh75tRFLYl4hkn7BNIIdLJInuDAavX35pMw==}
     dependencies:
@@ -6075,6 +6373,10 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /html-void-elements@2.0.1:
+    resolution: {integrity: sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==}
+    dev: false
+
   /http-assert@1.5.0:
     resolution: {integrity: sha512-uPpH7OKX4H25hBmU6G1jWNaqJGpTXxey+YOUizJUAgu0AjLUeC8D73hTrhvDS5D+GJN1DN1+hhc/eF/wpxtp0w==}
     engines: {node: '>= 0.8'}
@@ -6144,6 +6446,12 @@ packages:
     engines: {node: '>=16.17.0'}
     dev: true
 
+  /i18next@20.6.1:
+    resolution: {integrity: sha512-yCMYTMEJ9ihCwEQQ3phLo7I/Pwycf8uAx+sRHwwk5U9Aui/IZYgQRyMqXafQOw5QQ7DM1Z+WyEXWIqSuJHhG2A==}
+    dependencies:
+      '@babel/runtime': 7.26.7
+    dev: false
+
   /idb@7.1.1:
     resolution: {integrity: sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==}
     dev: true
@@ -6164,6 +6472,10 @@ packages:
     resolution: {integrity: sha512-K6acvFaelNxx8wc2VjbIzXKDVB0Khs0QT35U6NkGfTdCmjLNcO2945m7RFNR9/RPVFm48hq7QPzK8uGH18HCGw==}
     dev: true
 
+  /immer@9.0.21:
+    resolution: {integrity: sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==}
+    dev: false
+
   /immutable@5.0.3:
     resolution: {integrity: sha512-P8IdPQHq3lA1xVeBRi5VPqUm5HDgKnx0Ru51wZz5mjxHr5n3RWhjIpOFU7ybkUxfB+5IToy+OLaHYDBIWsv+uw==}
     dev: true
@@ -6384,6 +6696,10 @@ packages:
     dependencies:
       is-extglob: 2.1.1
 
+  /is-hotkey@0.2.0:
+    resolution: {integrity: sha512-UknnZK4RakDmTgz4PI1wIph5yxSs/mvChWs9ifnlXsKuXgWmOkY/hAE0H/k2MIqH0RlRye0i1oC07MCRSD28Mw==}
+    dev: false
+
   /is-inside-container@1.0.0:
     resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
     engines: {node: '>=14.16'}
@@ -6431,6 +6747,11 @@ packages:
     engines: {node: '>=12'}
     dev: true
 
+  /is-plain-object@5.0.0:
+    resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
   /is-reference@1.2.1:
     resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==}
     dependencies:
@@ -6504,6 +6825,10 @@ packages:
       which-typed-array: 1.1.18
     dev: true
 
+  /is-url@1.2.4:
+    resolution: {integrity: sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==}
+    dev: false
+
   /is-weakmap@2.0.2:
     resolution: {integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==}
     engines: {node: '>= 0.4'}
@@ -6886,18 +7211,34 @@ packages:
     resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
     dev: false
 
+  /lodash.camelcase@4.3.0:
+    resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==}
+    dev: false
+
+  /lodash.clonedeep@4.5.0:
+    resolution: {integrity: sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==}
+    dev: false
+
   /lodash.debounce@4.0.8:
     resolution: {integrity: sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==}
-    dev: true
 
   /lodash.defaults@4.2.0:
     resolution: {integrity: sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ==}
     dev: true
 
+  /lodash.foreach@4.5.0:
+    resolution: {integrity: sha512-aEXTF4d+m05rVOAUG3z4vZZ4xVexLKZGF0lIxuHZ1Hplpk/3B6Z1+/ICICYRLm7c41Z2xiejbkCkJoTlypoXhQ==}
+    dev: false
+
   /lodash.isarguments@3.1.0:
     resolution: {integrity: sha512-chi4NHZlZqZD18a0imDHnZPrDeBbTtVN7GXMwuGdRH9qotxAjYs3aVLKc7zNOG9eddR5Ksd8rvFEBc9SsggPpg==}
     dev: true
 
+  /lodash.isequal@4.5.0:
+    resolution: {integrity: sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==}
+    deprecated: This package is deprecated. Use require('node:util').isDeepStrictEqual instead.
+    dev: false
+
   /lodash.memoize@4.1.2:
     resolution: {integrity: sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==}
     dev: true
@@ -6910,6 +7251,14 @@ packages:
     resolution: {integrity: sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==}
     dev: true
 
+  /lodash.throttle@4.1.1:
+    resolution: {integrity: sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==}
+    dev: false
+
+  /lodash.toarray@4.4.0:
+    resolution: {integrity: sha512-QyffEA3i5dma5q2490+SgCvDN0pXLmRGSyAANuVi0HQ01Pkfr9fuoKQW8wm1wGBnJITs/mS7wQvS6VshUEBFCw==}
+    dev: false
+
   /lodash.uniq@4.5.0:
     resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==}
     dev: true
@@ -7378,6 +7727,12 @@ packages:
     resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
     engines: {node: '>= 0.6'}
 
+  /mime-match@1.0.2:
+    resolution: {integrity: sha512-VXp/ugGDVh3eCLOBCiHZMYWQaTNUHv2IJrut+yXA6+JbLPXHglHwfS/5A5L0ll+jkCY7fIzRJcH6OIunF+c6Cg==}
+    dependencies:
+      wildcard: 1.1.2
+    dev: false
+
   /mime-types@2.1.35:
     resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
     engines: {node: '>= 0.6'}
@@ -7546,11 +7901,14 @@ packages:
       vueuc: 0.4.64
     dev: false
 
+  /namespace-emitter@2.0.1:
+    resolution: {integrity: sha512-N/sMKHniSDJBjfrkbS/tpkPj4RAbvW3mr8UAzvlMHyun93XEm83IAvhWtJVHo+RHn/oO8Job5YN4b+wRjSVp5g==}
+    dev: false
+
   /nanoid@3.3.8:
     resolution: {integrity: sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
-    dev: true
 
   /nanoid@5.0.9:
     resolution: {integrity: sha512-Aooyr6MXU6HpvvWXKoVoXwKMs/KyVakWwg7xQfv5/S/RIgJMy0Ifa45H9qqYy7pTCszrHzP21Uk4PZq2HpEM8Q==}
@@ -7584,6 +7942,10 @@ packages:
     resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
     dev: true
 
+  /next-tick@1.1.0:
+    resolution: {integrity: sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==}
+    dev: false
+
   /nitropack@2.10.4(typescript@5.7.3):
     resolution: {integrity: sha512-sJiG/MIQlZCVSw2cQrFG1H6mLeSqHlYfFerRjLKz69vUfdu0EL2l0WdOxlQbzJr3mMv/l4cOlCCLzVRzjzzF/g==}
     engines: {node: ^16.11.0 || >=17.0.0}
@@ -8713,6 +9075,10 @@ packages:
       source-map-js: 1.2.1
     dev: true
 
+  /preact@10.25.4:
+    resolution: {integrity: sha512-jLdZDb+Q+odkHJ+MpW/9U5cODzqnB+fy2EiHSZES7ldV5LK7yjlVzTp7R8Xy6W6y75kfK8iWYtFVH7lvjwrCMA==}
+    dev: false
+
   /prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
@@ -8741,6 +9107,11 @@ packages:
     engines: {node: ^14.13.1 || >=16.0.0}
     dev: true
 
+  /prismjs@1.29.0:
+    resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==}
+    engines: {node: '>=6'}
+    dev: false
+
   /process-nextick-args@2.0.1:
     resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
     dev: true
@@ -9174,6 +9545,12 @@ packages:
       '@parcel/watcher': 2.5.1
     dev: true
 
+  /scroll-into-view-if-needed@2.2.31:
+    resolution: {integrity: sha512-dGCXy99wZQivjmjIqihaBQNjryrz5rueJY7eHfTdyWEiR4ttYpsajb14rn9s5d4DY4EcY6+4+U/maARBXJedkA==}
+    dependencies:
+      compute-scroll-into-view: 1.0.20
+    dev: false
+
   /scslre@0.3.0:
     resolution: {integrity: sha512-3A6sD0WYP7+QrjbfNA2FN3FsOaGGFoekCVgTyypy53gPxhbkCIjtO6YWgdrfM+n/8sI8JeXZOIxsHjMTNxQ4nQ==}
     engines: {node: ^14.0.0 || >=16.0.0}
@@ -9384,10 +9761,32 @@ packages:
     resolution: {integrity: sha512-Q9VME8WyGkc7pJf6QEkj3wE+2CnvZMI+XJhwdTPR8Z/kWQRXi7boAWLDibRPyHRTUTPx5FaU7MsyrjI3yLB4HA==}
     dev: true
 
+  /slate-history@0.66.0(slate@0.72.8):
+    resolution: {integrity: sha512-6MWpxGQZiMvSINlCbMW43E2YBSVMCMCIwQfBzGssjWw4kb0qfvj0pIdblWNRQZD0hR6WHP+dHHgGSeVdMWzfng==}
+    peerDependencies:
+      slate: '>=0.65.3'
+    dependencies:
+      is-plain-object: 5.0.0
+      slate: 0.72.8
+    dev: false
+
+  /slate@0.72.8:
+    resolution: {integrity: sha512-/nJwTswQgnRurpK+bGJFH1oM7naD5qDmHd89JyiKNT2oOKD8marW0QSBtuFnwEbL5aGCS8AmrhXQgNOsn4osAw==}
+    dependencies:
+      immer: 9.0.21
+      is-plain-object: 5.0.0
+      tiny-warning: 1.0.3
+    dev: false
+
   /smob@1.5.0:
     resolution: {integrity: sha512-g6T+p7QO8npa+/hNx9ohv1E5pVCmWrVCUzUXJyLdMmftX6ER0oiWY/w9knEonLpnOp6b6FenKnMfR8gqwWdwig==}
     dev: true
 
+  /snabbdom@3.6.2:
+    resolution: {integrity: sha512-ig5qOnCDbugFntKi6c7Xlib8bA6xiJVk8O+WdFrV3wxbMqeHO0hXFQC4nAhPVWfZfi8255lcZkNhtIBINCc4+Q==}
+    engines: {node: '>=12.17.0'}
+    dev: false
+
   /source-map-js@1.2.1:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
@@ -9455,6 +9854,10 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /ssr-window@3.0.0:
+    resolution: {integrity: sha512-q+8UfWDg9Itrg0yWK7oe5p/XRCJpJF9OBtXfOPgSJl+u3Xd5KI328RUEvUqSMVM9CiQUEf1QdBzJMkYGErj9QA==}
+    dev: false
+
   /stable-hash@0.0.4:
     resolution: {integrity: sha512-LjdcbuBeLcdETCrPn9i8AYAZ1eCtu4ECAWtP7UleOiZ9LzVxRzzUZEoZ8zB24nhkQnDWyET0I+3sWokSDS3E7g==}
     dev: true
@@ -9844,6 +10247,10 @@ packages:
     resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
     dev: true
 
+  /tiny-warning@1.0.3:
+    resolution: {integrity: sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==}
+    dev: false
+
   /tinyexec@0.3.2:
     resolution: {integrity: sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==}
 
@@ -9958,6 +10365,10 @@ packages:
       mime-types: 2.1.35
     dev: true
 
+  /type@2.7.3:
+    resolution: {integrity: sha512-8j+1QmAbPvLZow5Qpi6NCaN8FB60p/6x8/vfNqOk/hC+HuvFZhL4+WfekuhQLiqFZXOgQdrs3B+XxEmCc6b3FQ==}
+    dev: false
+
   /typed-array-buffer@1.0.3:
     resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
     engines: {node: '>= 0.4'}
@@ -10852,6 +11263,10 @@ packages:
       isexe: 2.0.0
     dev: true
 
+  /wildcard@1.1.2:
+    resolution: {integrity: sha512-DXukZJxpHA8LuotRwL0pP1+rS6CS7FF2qStDDE1C7DDg2rLud2PXRMuEDYIPhgEezwnlHNL4c+N6MfMTjCGTng==}
+    dev: false
+
   /word-wrap@1.2.5:
     resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
     engines: {node: '>=0.10.0'}

From 755c15022087037253af6f1d009214960cb155f5 Mon Sep 17 00:00:00 2001
From: Diyu0904 <1819728964@qq.com>
Date: Tue, 18 Feb 2025 11:36:49 +0800
Subject: [PATCH 4/4] =?UTF-8?q?=E5=88=9D=E5=A7=8B=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components.d.ts                           |   3 +
 app/components/Authentication.vue             | 100 +--
 app/components/BaseComment copy.vue           | 328 ----------
 app/components/BaseComment.vue                |  74 ++-
 app/components/Header.vue                     | 246 +++++---
 app/components/ModelList.vue                  | 175 ++++++
 app/components/PersonalCenterCard.vue         |  65 +-
 app/components/PictureDetail.vue              | 190 ++++++
 app/components/PictureList.vue                | 210 +++++++
 app/components/Publish-picture.vue            |  13 +-
 app/components/ScrollListView.vue             |   2 +-
 app/components/WorkFlowList.vue               | 189 ++++++
 app/components/message/AttentionMsg.vue       |  48 ++
 app/components/message/LikeMsg.vue            |  40 ++
 app/components/message/OfficialMsg.vue        |  19 +
 app/components/message/ReplyMsg.vue           |  62 ++
 app/components/publishModel/CreateModels.vue  | 275 ++++----
 app/components/publishModel/EditVersion.vue   | 589 ++++++++++--------
 app/components/publishModel/UploadImg.vue     | 197 ++++++
 .../publishWorkFlow/EditVersion.vue           |  12 +-
 .../publishWorkFlow/EditWorkFlow.vue          |   6 +-
 app/components/publishWorkFlow/UploadImg.vue  |   9 +-
 app/constants/index.ts                        |   3 +-
 app/layouts/default.vue                       |  26 +-
 app/pages/message/index.vue                   | 272 ++++++++
 app/pages/model-details/[id].vue              | 467 +++++++++++++-
 app/pages/model-square.vue                    | 267 +++++++-
 app/pages/personal-center/index.vue           |  16 +-
 app/pages/picture-square.vue                  | 189 ++++++
 app/pages/publish-model/index.vue             | 311 ++++-----
 app/pages/publish-workflow/index.vue          | 117 ++--
 app/pages/work-square.vue                     | 188 ++++++
 app/pages/workflow-details/[id].vue           |  22 +-
 app/stores/menu.ts                            |   4 +-
 app/utils/request.ts                          |   8 +-
 netlify.toml                                  |   0
 nuxt.config.ts                                |   4 +-
 37 files changed, 3539 insertions(+), 1207 deletions(-)
 delete mode 100644 app/components/BaseComment copy.vue
 create mode 100644 app/components/ModelList.vue
 create mode 100644 app/components/PictureDetail.vue
 create mode 100644 app/components/PictureList.vue
 create mode 100644 app/components/WorkFlowList.vue
 create mode 100644 app/components/message/AttentionMsg.vue
 create mode 100644 app/components/message/LikeMsg.vue
 create mode 100644 app/components/message/OfficialMsg.vue
 create mode 100644 app/components/message/ReplyMsg.vue
 create mode 100644 app/components/publishModel/UploadImg.vue
 create mode 100644 app/pages/message/index.vue
 create mode 100644 app/pages/picture-square.vue
 create mode 100644 app/pages/work-square.vue
 mode change 100755 => 100644 netlify.toml

diff --git a/app/components.d.ts b/app/components.d.ts
index 9564824..8d450bb 100644
--- a/app/components.d.ts
+++ b/app/components.d.ts
@@ -10,12 +10,15 @@ declare module 'vue' {
     NAvatar: typeof import('naive-ui')['NAvatar']
     NBadge: typeof import('naive-ui')['NBadge']
     NButton: typeof import('naive-ui')['NButton']
+    NCarousel: typeof import('naive-ui')['NCarousel']
     NCascader: typeof import('naive-ui')['NCascader']
     NCheckbox: typeof import('naive-ui')['NCheckbox']
     NCheckboxGroup: typeof import('naive-ui')['NCheckboxGroup']
     NConfigProvider: typeof import('naive-ui')['NConfigProvider']
     NDatePicker: typeof import('naive-ui')['NDatePicker']
     NDropdown: typeof import('naive-ui')['NDropdown']
+    NEllipsis: typeof import('naive-ui')['NEllipsis']
+    NEmpty: typeof import('naive-ui')['NEmpty']
     NFor: typeof import('naive-ui')['NFor']
     NForm: typeof import('naive-ui')['NForm']
     NFormItem: typeof import('naive-ui')['NFormItem']
diff --git a/app/components/Authentication.vue b/app/components/Authentication.vue
index ec7b778..6cb095e 100644
--- a/app/components/Authentication.vue
+++ b/app/components/Authentication.vue
@@ -1,52 +1,55 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import type { FormItemRule } from "naive-ui";
+import { ref } from "vue";
 
-const message = useMessage()
-const userStore = useUserStore()
-const userInfo = userStore.userInfo
-const isVisible = ref(false)
+const message = useMessage();
+const userStore = useUserStore();
+const userInfo = userStore.userInfo;
+const isVisible = ref(false);
 
 const rules = ref({
   name: [
     {
       required: true,
-      validator(value: string) {
+      validator(rule: FormItemRule, value: string) {
         if (!value) {
-          return new Error('请填写姓名')
+          return new Error("请填写姓名");
+        } else if (!/^[\u4E00-\u9FA5·]{2,16}$/.test(value)) {
+          return new Error("输入正确的姓名");
         }
-        else if (!/^[\u4E00-\u9FA5·]{2,16}$/.test(value)) {
-          return new Error('输入正确的姓名')
-        }
-        return true
+        return true;
       },
-      trigger: 'blur',
+      trigger: "blur",
     },
   ],
   idCard: [
     {
       required: true,
-      validator(value: string) {
+      validator(rule: FormItemRule, value: string) {
         if (!value) {
-          return new Error('请填身份证号')
+          return new Error("请填身份证号");
+        } else if (
+          !/(^\d{8}(0\d|10|11|12)([0-2]\d|30|31)\d{3}$)|(^\d{6}(18|19|20)\d{2}(0\d|10|11|12)([0-2]\d|30|31)\d{3}([\dX])$)/i.test(
+            value
+          )
+        ) {
+          return new Error("输入正确的身份证号");
         }
-        else if (!/(^\d{8}(0\d|10|11|12)([0-2]\d|30|31)\d{3}$)|(^\d{6}(18|19|20)\d{2}(0\d|10|11|12)([0-2]\d|30|31)\d{3}([\dX])$)/i.test(value)) {
-          return new Error('输入正确的身份证号')
-        }
-        return true
+        return true;
       },
-      trigger: 'blur',
+      trigger: "blur",
     },
   ],
-})
+});
 
 const ruleForm = ref({
-  name: '',
-  idCard: '',
+  name: "",
+  idCard: "",
   userId: userInfo.userId,
-})
-const formRef = ref(null)
+});
+const formRef = ref(null);
 async function saveInfo(e: MouseEvent) {
-  e.preventDefault()
+  e.preventDefault();
   formRef.value?.validate(async (errors) => {
     if (!errors) {
       // try{
@@ -61,27 +64,33 @@ async function saveInfo(e: MouseEvent) {
       // }catch(err) {
       //     console.log('err',err)
       // }
-      await request.post('/system/user/updateIdCard', ruleForm.value)
-      await userStore.getUserInfo()
-      isVisible.value = false
+      try {
+        const res = await request.post("/system/user/updateIdCard", ruleForm.value);
+        if (res.code === 200) {
+          await userStore.getUserInfo();
+          isVisible.value = false;
+        } else {
+          message.warning(res.msg);
+        }
+      } catch (err) {
+        console.log(err);
+      }
     }
-    else {
-    }
-  })
+  });
 }
 
 function onCloseModel() {
-  isVisible.value = false
-  ruleForm.value.name = ''
-  ruleForm.value.idCard = ''
+  isVisible.value = false;
+  ruleForm.value.name = "";
+  ruleForm.value.idCard = "";
 }
 defineExpose({
   isVisible,
-})
+});
 // 生命周期钩子
 onMounted(() => {
   // initFormData()
-})
+});
 </script>
 
 <template>
@@ -94,14 +103,25 @@ onMounted(() => {
   >
     <n-form ref="formRef" :model="ruleForm" :rules="rules">
       <n-form-item path="name" label="姓名">
-        <n-input v-model:value="ruleForm.name" placeholder="请输入姓名" @keydown.enter.prevent />
+        <n-input
+          v-model:value="ruleForm.name"
+          placeholder="请输入姓名"
+          @keydown.enter.prevent
+        />
       </n-form-item>
       <n-form-item path="idCard" label="身份证号">
-        <n-input v-model:value="ruleForm.idCard" placeholder="请输入身份证号" @keydown.enter.prevent />
+        <n-input
+          v-model:value="ruleForm.idCard"
+          placeholder="请输入身份证号"
+          @keydown.enter.prevent
+        />
       </n-form-item>
     </n-form>
-    <div class="flex justify-center items-center ">
-      <button class="w-1/2 flex justify-center mx-1 bg-[#213df5] py-3 rounded-lg align-middle color-[#fff] border-0 cursor-pointer" @click="saveInfo">
+    <div class="flex justify-center items-center">
+      <button
+        class="w-1/2 flex justify-center mx-1 bg-[#213df5] py-3 rounded-lg align-middle text-[#fff] border-0 cursor-pointer"
+        @click="saveInfo"
+      >
         实名认证
       </button>
     </div>
diff --git a/app/components/BaseComment copy.vue b/app/components/BaseComment copy.vue
deleted file mode 100644
index a09ca62..0000000
--- a/app/components/BaseComment copy.vue	
+++ /dev/null
@@ -1,328 +0,0 @@
-<script setup>
-import { ref } from 'vue'
-
-const props = defineProps({
-  height: {
-    type: String,
-    default: '',
-  },
-  dataList: {
-    type: Array,
-    default: () => [],
-  },
-  userInfo: {
-    type: Object,
-    default: () => ({}),
-  },
-  productId: {
-    type: Number,
-    default: 0,
-  },
-})
-
-const message = useMessage()
-
-// 获取评论列表
-const commentList = ref([])
-async function getCommentList() {
-  try {
-    const res = await request.get(`/WorkFlowComment/comment/${props.productId}`)
-    for (let i = 0; i < res.data.length; i++) {
-      res.data[i].isShowInput = false
-      res.data[i].isShowSend = false
-      if (res.data[i].contentList.length > 0) {
-        for (let j = 0; j < res.data[i].contentList.length; j++) {
-          res.data[i].contentList[j].isShowInput = false
-          res.data[i].contentList[j].isShowSend = false
-        }
-      }
-    }
-    commentList.value = res.data
-  }
-  catch (error) {
-    console.log(error)
-  }
-}
-getCommentList()
-// const $props = defineProps(['headUrl', 'dataList', 'height'])
-// const $emit = defineEmits(['sendMessage'])
-// const props = defineProps
-const isShowSend = ref(false)
-const publicWord = ref('')
-// const message = useMessage()
-
-function handleBlur(ele) {
-  ele.isShowInput = false
-  // 默认评价
-  if (!ele) {
-    isShowSend.value = !!publicWord.value
-  }
-  else {
-    ele.isShowSend = !!ele.word
-  }
-}
-
-// 发布评论
-const commentParams = ref({
-  content: '',
-  parentId: '',
-  userId: props.userInfo.userId,
-  workFlowId: props.productId,
-})
-//
-async function sendMessage(data, ele) {
-  debugger
-  try {
-    if (commentParams.value.content) {
-      const res = await request.post('WorkFlowComment/comment', commentParams.value)
-      if (res.code === 200) {
-        message.success('评论成功！')
-      }
-    }
-    else {
-      message.error('评论不能为空！')
-    }
-  }
-  catch (error) {
-    console.log(error)
-  }
-  // if(!publicWord.value){
-  //   return message.info(
-  //     '请输入评论',
-  //     { duration: 3000 }
-  //   )
-  // }
-  if (!data) {
-    // $props.dataList.push({
-    //   headUrl: 'https://avatars.githubusercontent.com/u/19239641?s=60&v=4', // 头像
-    //   name: '星辰流连', // 名称
-    //   id: 6,
-    //   des: publicWord.value, // 评论
-    //   time: '2025/02/08 14:52:06', // 时间
-    //   isAuthor: false, // 是否是作者
-    //   isShowInput: false, // 是否显示回复框
-    //   isFocus: true, // 是否点赞
-    //   focusNum: 2, // 点赞数量
-    //   word: '', // 评论语
-    //   isShowSend: false, // 是否显示发送按钮
-    // })
-
-    publicWord.value = ''
-    // isShowSend.value = false
-  }
-  else {
-    data.push({
-      headUrl: 'https://avatars.githubusercontent.com/u/19239641?s=60&v=4', // 头像
-      name: '星辰流连', // 名称
-      id: 7,
-      des: ele.word, // 评论
-      time: '2025/02/08 14:52:06', // 时间
-      isAuthor: false, // 是否是作者
-      isShowInput: false, // 是否显示回复框
-      isFocus: true, // 是否点赞
-      focusNum: 2, // 点赞数量
-      word: '', // 评论语
-      isShowSend: false, // 是否显示发送按钮
-    })
-
-    ele.word = ''
-    ele.isShowInput = false
-  }
-
-  // 发送数据
-  $emit('sendMessage', data)
-}
-
-// 目前点赞都在这边，注意区分
-function handleFocus(item) {
-  item.isFocus = !item.isFocus
-}
-
-function handleMessage(item) {
-  debugger
-  if (!item.isShowInput) {
-    item.word = ''
-  }
-  item.isShowInput = !item.isShowInput
-}
-
-function handleDel(ele, item) {
-  const index = item.findIndex(el => ele.id === el.id)
-  item.splice(index, 1)
-}
-</script>
-
-<template>
-  <div class="base-comment">
-    <!-- 头部评论框 -->
-    <div class="flex justify-between mb-4">
-      <div v-if="props.userInfo.avatar" class="w-11 h-11 rounded-full mr-4 border border-[#2d28ff] border-solid">
-        <img class="w-10 h-10 rounded-full p-1" alt="avatar" :src="props.userInfo.avatar">
-      </div>
-      <div class="input-wrap flex items-center leading-normal rounded-lg text-sm bg-[#f2f5f9] px-4 py-2 flex-1">
-        <NConfigProvider inline-theme-disabled class="w-full">
-          <n-input
-            v-model:value="commentParams.content"
-            type="textarea"
-            :autosize="{ minRows: 1 }"
-            placeholder="善语结善缘，恶言伤人心~"
-            @focus="isShowSend = true"
-            @blur="handleBlur"
-          />
-        </NConfigProvider>
-        <div
-          class="mx-4 flex-shrink-0 text-sm cursor-pointer text-gray-400 hover:text-gray-900"
-          :class="{ 'text-gray-900': commentParams.content }"
-          @click="sendMessage"
-        >
-          <span v-if="isShowSend">发送sendMessage</span>
-        </div>
-      </div>
-    </div>
-
-    <!-- 评论列表 -->
-    <NInfiniteScroll :style="{ height: `${height}px` }" :distance="10" @load="handleLoad">
-      <div v-for="(item, index) in commentList" :key="index">
-        <!-- 主评论 -->
-        <div class="flex text-sm">
-          <div class="w-10 h-10 rounded-full mr-3 flex-shrink-0">
-            <img :src="item.userAvatar" class="w-full h-full rounded-full">
-          </div>
-          <div class="w-full">
-            <div class="mt-[10px] mb-[7px] font-medium text-gray-700">
-              {{ item.userName }}
-            </div>
-            <div class="leading-[1.25]">
-              {{ item.content }}
-            </div>
-            <div class="mt-1 flex items-center justify-between">
-              <span class="text-xs text-gray-400">{{ item.createTime }}</span>
-              <div class="text-xs text-gray-400 flex items-center cursor-pointer">
-                <div class="flex items-center mr-4">
-                  <img v-if="item.focus" src="@/assets/img/heart.png" class="w-4 h-4 mr-[3px]">
-                  <img v-else src="@/assets/img/heart.png" class="w-4 h-4 mr-[3px]" @click="handleFocus(item)">
-                  <span class="align-middle">{{ item.likeNum }}</span>
-                </div>
-                <span class="mr-4" @click="handleMessage(item)">回复</span>
-                <span @click="handleDel(item, dataList)">删除</span>
-              </div>
-            </div>
-
-            <!-- 评论回复框 -->
-            <div v-if="item.isShowInput" class="input-wrap mt-[10px] flex items-center rounded-lg text-sm bg-[#f2f5f9] px-3 py-2">
-              <NConfigProvider inline-theme-disabled class="w-full">
-                <n-input
-                  v-model:value="item.word"
-                  type="textarea"
-                  :autosize="{ minRows: 1 }"
-                  :placeholder="`回复: @${item.userName}`"
-                  @focus="item.isShowSend = true"
-                  @blur="handleBlur(item)"
-                />
-              </NConfigProvider>
-              <div
-                class="mx-4 flex-shrink-0 text-sm cursor-pointer text-gray-400 hover:text-gray-900"
-                :class="{ 'text-gray-900': item.word }"
-                @click="sendMessage(item.children, item)"
-              >
-                <span v-if="item.isShowSend">发送sendMessage</span>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- 子评论 -->
-        <div class="pl-[52px]">
-          <div v-for="(ele, subIndex) in item.contentList" :key="subIndex" class="flex text-sm mt-4">
-            <div class="w-6 h-6 rounded-full mr-3 flex-shrink-0">
-              <img src="https://avatars.githubusercontent.com/u/20943608?s=60&v=4" class="w-full h-full rounded-full">
-            </div>
-            <div class="w-full">
-              <div class="mb-[7px] font-medium text-gray-700 flex items-center">
-                {{ ele.userName }}
-                <div v-if="ele.userAvatar" class="ml-2 px-1 py-[3px] text-xs leading-[12px] text-white rounded bg-gradient-to-r from-[#2d28ff] to-[#1a7dff]">
-                  作者
-                </div>
-              </div>
-              <div class="flex items-center">
-                <span>回复</span>
-                <span class="text-[#1880ff] mr-[6px]">@{{ ele.userName }}</span>
-                {{ ele.des }}
-              </div>
-              <div class="mt-1 flex items-center justify-between">
-                <span class="text-xs text-gray-400">{{ ele.createTime }}</span>
-                <div class="text-xs text-gray-400 flex items-center cursor-pointer">
-                  <div class="flex items-center mr-4">
-                    <img v-if="ele.isFocus" src="@/assets/img/heart.png" class="w-4 h-4 mr-[3px]" @click="handleFocus(ele, 'cancel')">
-                    <img v-else src="@/assets/img/heart.png" class="w-4 h-4 mr-[3px]" @click="handleFocus(ele, 'add')">
-                    <span class="align-middle">1</span>
-                  </div>
-                  <span class="mr-4" @click="handleMessage(ele)">回复</span>
-                  <span @click="handleDel(ele, item.contentList)">删除</span>
-                </div>
-              </div>
-
-              <!-- 子评论回复框 -->
-              <div v-if="ele.isShowInput" class="input-wrap mt-[10px] flex items-center rounded-lg text-sm bg-[#f2f5f9] px-3 py-2">
-                <NConfigProvider inline-theme-disabled class="w-full">
-                  <n-input
-                    v-model:value="ele.word"
-                    type="textarea"
-                    :autosize="{ minRows: 1 }"
-                    :placeholder="`回复: @${ele.userName}`"
-                    @focus="ele.isShowSend = true"
-                    @blur="handleBlur(ele)"
-                  />
-                </NConfigProvider>
-                <div
-                  class="mx-4 flex-shrink-0 text-sm cursor-pointer text-gray-400 hover:text-gray-900"
-                  :class="{ 'text-gray-900': ele.word }"
-                  @click="sendMessage(item.children, ele)"
-                >
-                  <span v-if="ele.isShowSend">发送sendMessage</span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <!-- 加载更多 -->
-      <div class="text-sm text-gray-400 text-center py-[46px] pb-[118px]">
-        暂时没有更多评论
-      </div>
-    </NInfiniteScroll>
-  </div>
-</template>
-
-<style scoped lang="scss">
-.input-wrap {
-  :deep(.n-input) {
-    --n-padding-left: 0 !important;
-    --n-border: 0 !important;
-    --n-border-hover: 0 !important;
-    --n-border-focus: 0 !important;
-    --n-box-shadow-focus: unset;
-    --n-padding-vertical: 0px !important;
-  }
-  &::hover {
-    border: 0;
-  }
-  &:active,
-  &:focus {
-    background-color: #f2f5f9;
-
-    border: 0 !important;
-  }
-  background-color: #f2f5f9;
-}
-.n-input--textarea {
-  background-color: #f2f5f9;
-}
-.n-input:not(.n-input--disabled).n-input--foucs {
-  background-color: #f2f5f9 !important;
-}
-.n-input--focus {
-  background-color: #f2f5f9 !important;
-}
-</style>
diff --git a/app/components/BaseComment.vue b/app/components/BaseComment.vue
index 6731b03..7ac8ecb 100644
--- a/app/components/BaseComment.vue
+++ b/app/components/BaseComment.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 // import { NConfigProvider, NInfiniteScroll, NInput } from 'naive-ui'
 import {
-  ThumbsUp,
-} from 'lucide-vue-next'
+ThumbsUp
+} from 'lucide-vue-next';
 
 const props = defineProps({
   height: {
@@ -45,30 +45,48 @@ const sortType = ref(1)
 // 获取列表
 const urlList = ref({
   workflow: '/WorkFlowComment/comment?',
+  pictrue: '/imageComment/comment?',
+  model: '/ModelComment/comment?',
 })
 // 点赞
-const likeList = ref({ // 点赞
+const likeList = ref({ 
   workflow: '/WorkFlowComment/commentLike?',
+  pictrue: '/imageComment/commentLike?',
+  model:'ModelComment/commentLike?'
 })
 // 发送评论
-const sendMessageList = ref({ // 点赞
+const sendMessageList = ref({ 
   workflow: '/WorkFlowComment/comment',
+  pictrue: '/imageComment/comment',
+  model: '/ModelComment/comment',
 })
 // 删除
-const deleteList = ref({ // 点赞
+const deleteList = ref({ 
   workflow: '/WorkFlowComment/commentDelete?',
+  pictrue: '/imageComment/commentDelete?',
+  model: '/ModelComment/commentDelete?',
 })
 // 查条数
-const commentNumUrl = ref({ // 点赞
+const commentNumUrl = ref({
   workflow: '/WorkFlowComment/commentCount?workFlowId',
+  model: '/ModelComment/commentCount?modelId',
 })
 
 const commentCount = ref(0)
+
 // 评论列表
 const commentList = ref([])
 async function getCommentList() {
   try {
-    const res = await request.get(`${urlList.value[props.type]}commentId=${props.detailsInfo.id}&sortType=${sortType.value}`)
+    let url = ''
+    if(props.type === 'workflow'){
+      url = `${urlList.value[props.type]}commentId=${props.detailsInfo.id}&sortType=${sortType.value}`
+    }else if(props.type === 'pictrue'){
+      url = `${urlList.value[props.type]}imageId=${props.detailsInfo.id}&sortType=${sortType.value}`
+    }else{
+      url = `${urlList.value[props.type]}modelId=${props.detailsInfo.id}&sortType=${sortType.value}`
+    }
+    const res = await request.get(url)
     for (let i = 0; i < res.data.length; i++) {
       res.data[i].isShowInput = false
       res.data[i].isShowSend = false
@@ -104,6 +122,11 @@ async function sendMessage(ele, index) {
         commentParams.value.content = ele.word
         commentParams.value.parentId = commentList.value[index].commentId
         commentParams.value.replyUserId = ele.commentId
+        if(props.type === 'pictrue'){
+          commentParams.value.modelImageId = props.detailsInfo.id
+        }else if(props.type === 'model'){
+          commentParams.value.modelId = props.detailsInfo.id
+        }
         const res = await request.post(sendMessageList.value[props.type], commentParams.value)
         if (res.code === 200) {
           message.success('评论成功！')
@@ -126,7 +149,12 @@ async function sendMessage(ele, index) {
         commentParams.value.parentId = ''
         commentParams.value.content = publicWord.value
         commentParams.value.replyUserId = ''
-        const res = await request.post('WorkFlowComment/comment', commentParams.value)
+        if(props.type === 'pictrue'){
+          commentParams.value.modelImageId = props.detailsInfo.id
+        }else if(props.type === 'model'){
+          commentParams.value.modelId = props.detailsInfo.id
+        }
+        const res = await request.post(sendMessageList.value[props.type], commentParams.value)
         if (res.code === 200) {
           message.success('评论成功！')
           publicWord.value = ''
@@ -145,8 +173,10 @@ async function sendMessage(ele, index) {
   }
 }
 
+//查询条数
 async function getCommentNum() {
-  try {
+  if(props.type !== 'pictrue'){
+    try {
     const res = await request.get(`${commentNumUrl.value[props.type]}=${props.detailsInfo.id}`)
     if (res.code === 200) {
       commentCount.value = res.data
@@ -155,10 +185,12 @@ async function getCommentNum() {
   catch (error) {
     console.log(error)
   }
+  }
 }
 getCommentNum()
+
 // 点赞/取消点赞
-async function handleFocus(item) {
+async function handleFocus(item:any) {
   await request.get(`${likeList.value[props.type]}commentId=${item.commentId}`)
   if (item.isLike === 0) {
     item.isLike = 1
@@ -173,14 +205,14 @@ async function handleFocus(item) {
 }
 
 // 显示回复框
-function handleMessage(item) {
+function handleMessage(item:any) {
   if (!item.isShowInput) {
     item.word = ''
   }
   item.isShowInput = !item.isShowInput
 }
 // 删除评论
-async function handleDel(item) {
+async function handleDel(item:any) {
   try {
     const res = await request.get(`${deleteList.value[props.type]}commentId=${item.commentId}`)
     if (res.code === 200) {
@@ -207,11 +239,11 @@ function changeType(type: string) {
         <div class="left text-[20px] mr-2">
           讨论
         </div>
-        <div class="text-[#999]">
+        <div class="text-[#999]" v-if="props.type !== 'pictrue'">
           {{ commentCount }}
         </div>
       </div>
-      <div class="flex items-center">
+      <div class="flex items-center" v-if="props.type !== 'pictrue'">
         <div class="cursor-pointer" :class="sortType === 0 ? '' : 'text-[#999]'" @click="changeType(0)">
           最热
         </div>｜
@@ -245,7 +277,6 @@ function changeType(type: string) {
         </div>
       </div>
     </div>
-    <NInfiniteScroll :style="{ height: `${height}px` }" :distance="10" @load="handleLoad">
       <div
         v-for="(item, index) in commentList"
         :key="index"
@@ -347,7 +378,6 @@ function changeType(type: string) {
       <div class="no-more">
         暂时没有更多评论
       </div>
-    </NInfiniteScroll>
   </div>
 </template>
 
@@ -363,8 +393,8 @@ function changeType(type: string) {
     margin-right: 12px;
     border: 1px solid #2d28ff;
     img {
-      width: 40px;
-      height: 40px;
+      width: 100%;
+      height: 100%;
       border-radius: 50%;
     }
   }
@@ -424,8 +454,8 @@ function changeType(type: string) {
     border-radius: 50%;
     margin-right: 12px;
     img {
-      width: 40px;
-      height: 40px;
+      width: 100%;
+      height: 100%;
       border-radius: 50%;
     }
   }
@@ -490,8 +520,8 @@ function changeType(type: string) {
       border-radius: 50%;
       margin-right: 12px;
       img {
-        width: 24px;
-        height: 24px;
+        width: 100%;
+        height: 100%;
         border-radius: 50%;
       }
     }
diff --git a/app/components/Header.vue b/app/components/Header.vue
index 8c340c6..36dee94 100644
--- a/app/components/Header.vue
+++ b/app/components/Header.vue
@@ -1,153 +1,171 @@
 <script setup lang="ts">
 // 输入框搜索
-import { headerRole } from '@/constants/index'
+import { headerRole } from "@/constants/index";
 import {
-  Bell,
-  CirclePlus,
-  GraduationCap,
-  HardDriveUpload,
-  Image,
-  Monitor,
-  Workflow,
-} from 'lucide-vue-next'
-import { NConfigProvider, NMessageProvider } from 'naive-ui'
+Bell,
+CirclePlus,
+GraduationCap,
+HardDriveUpload,
+Image,
+Monitor,
+Workflow
+} from "lucide-vue-next";
+import { NConfigProvider, NMessageProvider } from "naive-ui";
 
 // import { AtCircle } from '@vicons/ionicons5'
-import { NIcon } from 'naive-ui'
-import { onMounted, ref, watch } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
+import { NIcon } from "naive-ui";
+import { onMounted, ref, watch } from "vue";
+import { useRoute, useRouter } from "vue-router";
 
-const route = useRoute()
-const router = useRouter()
-const userStore = useUserStore()
-const modalStore = useModalStore()
-const currentUseRoute = ref('')
-const isShowPublishPicture = ref<boolean>(false)
-const PublishPictureRef = ref<Payment | null>(null)
+const route = useRoute();
+const router = useRouter();
+const userStore = useUserStore();
+const modalStore = useModalStore();
+const currentUseRoute = ref("");
+const isShowPublishPicture = ref<boolean>(false);
+const PublishPictureRef = ref<Payment | null>(null);
 const publishPicture = ref({
-  title: '',
+  title: "",
   tags: [],
-  description: '',
+  description: "",
   imagePaths: [],
-})
+});
 watch(
   () => route.path, // 监听 route.path 的变化
   (newPath) => {
-    currentUseRoute.value = newPath
+    currentUseRoute.value = newPath;
   },
-  { immediate: true }, // 立即执行一次
-)
+  { immediate: true } // 立即执行一次
+);
 function hasItem(path: string, list: any) {
-  return !list.includes(path)
+  return !list.includes(path);
 }
-const searchText = ref('')
+const searchText = ref("");
 function onSearch(value: any) {
-  console.log('搜索:', value)
+  console.log("搜索:", value);
   // 执行搜索逻辑
 }
 
 // 用户下拉选项
 const notificationOptions = [
   {
-    label: '系统通知',
-    key: 'system',
+    label: "系统通知",
+    key: "system",
   },
   {
-    label: '互动消息',
-    key: 'interaction',
+    label: "互动消息",
+    key: "interaction",
   },
-]
+];
 function renderIcon(icon: Component) {
   return () => {
     return h(NIcon, null, {
       default: () => h(icon),
-    })
-  }
+    });
+  };
 }
 // 发布下拉选项
 const publishOptions = [
   {
-    label: '模型',
-    key: 'publish-model',
+    label: "模型",
+    key: "publish-model",
     icon: renderIcon(HardDriveUpload),
   },
   {
-    label: '图片',
-    key: 'picture',
+    label: "图片",
+    key: "picture",
     icon: renderIcon(Image),
   },
   {
-    label: '工作流',
-    key: 'publish-workflow',
+    label: "工作流",
+    key: "publish-workflow",
     icon: renderIcon(Workflow),
   },
-]
+];
 const userOptions = ref([
   {
-    label: '我的模型',
-    key: 'model',
+    label: "我的模型",
+    key: "model",
   },
   {
-    label: '我的作品',
-    key: 'project',
+    label: "我的作品",
+    key: "project",
   },
   {
-    label: '我的点赞',
-    key: 'like',
+    label: "我的点赞",
+    key: "like",
   },
   {
-    label: '账号设置',
-    key: 'userSettings',
+    label: "账号设置",
+    key: "userSettings",
   },
   {
-    label: '退出登录',
-    key: 'logout',
+    label: "退出登录",
+    key: "logout",
   },
-])
+]);
 
 // 用户下拉选项
 async function handleUserSelect(key: string) {
-  if (key === 'logout') {
+  if (key === "logout") {
     try {
-      await request.post('/logout')
-      userStore.logout()
-      navigateTo('/model-square')
-    }
-    catch (error) {
-      console.error('Logout failed:', error)
+      await request.post("/logout");
+      userStore.logout();
+      navigateTo("/model-square");
+    } catch (error) {
+      console.error("Logout failed:", error);
     }
   }
 }
 // 发布下拉选项
 async function handlePublishSelect(key: string) {
-  if (key === 'picture') {
-    isShowPublishPicture.value = true
+  if (key === "picture") {
+    isShowPublishPicture.value = true;
     if (PublishPictureRef.value) {
-      PublishPictureRef.value.isVisible = true
+      PublishPictureRef.value.isVisible = true;
     }
-  }
-  else {
-    router.push({
-      path: `/${key}`,
-      query: {
-        type: 'add',
-      },
-    })
+  } else {
+    const baseUrl = window.location.origin;
+    window.open(`${baseUrl}/${key}?type=add`, "_blank", "noopener,noreferrer");
+    // router.push({
+    //   path: `/${key}`,
+    //   query: {
+    //     type: 'add',
+    //   },
+    // })
   }
 }
 function closePublishImg() {
-  isShowPublishPicture.value = false
+  isShowPublishPicture.value = false;
   if (PublishPictureRef.value) {
-    PublishPictureRef.value.isVisible = false
+    PublishPictureRef.value.isVisible = false;
   }
 }
 
 function handleLogin() {
-  modalStore.showLoginModal()
+  modalStore.showLoginModal();
 }
 
-onMounted(() => {
-})
+const msgList = ref([]);
+async function getAllMessage() {
+  try {
+    const res = await request.get("/advice/getAllMsg");
+    if (res.code == 200) {
+      msgList.value = res.data;
+    }
+  } catch (err) {
+    console.log(err);
+  }
+}
+getAllMessage();
+
+// 跳转到消息详情
+function toDetail(){
+  const baseUrl = window.location.origin
+  window.open(`${baseUrl}/message`, '_blank', 'noopener,noreferrer')
+}
+
+onMounted(() => {});
 </script>
 
 <template>
@@ -201,14 +219,70 @@ onMounted(() => {
         </NDropdown>
 
         <!-- Notifications -->
-        <NDropdown :options="notificationOptions" trigger="click">
+        <!-- :options="notificationOptions" -->
+        <!-- <NDropdown trigger="click">
           <NBadge :value="5" :max="99" processing>
             <NButton text circle>
-              <Bell class="h-5 w-5 mr-1" />
+              <Bell class="h-5 w-5 mr-1 relative" />
+              <div class="absolute top-2 right-1 border-solid border-2 border-[#f0f0f0] py-2">
+              <div class="border-b-solid border-b-2 border-b-[#f0f0f0]">
+                通知
+              </div>
+                <div v-for="(item,index) in 3">
+                  1111
+                </div>
+              </div>
             </NButton>
           </NBadge>
-        </NDropdown>
-
+        </NDropdown> -->
+        <div
+          class="p-1 bg-[#f1f1f6] rounded-full flex items-center justify-center relative group"
+        >
+          <Bell class="h-5 w-5relative cursor-pointer" @mouseenter="getAllMessage" />
+          <div class="pt-4 absolute top-5 -right-4 hidden group-hover:block">
+            <div
+              class="border-solid border border-[#f0f0f0] py-2 w-[300px] rounded-lg bg-white"
+            >
+              <div
+                class="border-b-solid border-b border-b-[#f0f0f0] p-2 text-sm font-bold"
+              >
+                通知
+              </div>
+              <div class="p-2 max-h-[300px] overflow-y-auto">
+                <div
+                  v-for="(item, index) in msgList"
+                  :key="index"
+                  class="flex items-center my-2 cursor-pointer"
+                >
+                  <div class="flex-1">
+                    <n-ellipsis
+                      style="max-width: 250px"
+                      :tooltip="false"
+                      class="font-bold text-gray-600"
+                    >
+                      {{ item.content }}
+                    </n-ellipsis>
+                    <div class="text-[12px] text-gray-400">{{ item.createTime }}</div>
+                  </div>
+                  <div class="w-4 flex h-[100%] items-center justify-center">
+                    <div
+                      class="w-2 h-2 bg-[#ea5049] rounded"
+                      v-if="item.isRead === '0'"
+                    ></div>
+                  </div>
+                </div>
+              </div>
+              <div class="my-4 text-gray-500 text-sm text-center">
+                更多通知可点击查看全部~
+              </div>
+              <div class="flex justify-center">
+                <div class="bg-[#4c79ee] w-[270px] h-10 flex items-center justify-center rounded-lg text-white cursor-pointer" @click="toDetail">
+                  查看全部
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
         <!-- User -->
         <div class="min-w-10">
           <client-only>
@@ -239,7 +313,13 @@ onMounted(() => {
     <div>
       <NConfigProvider>
         <NMessageProvider>
-          <Publish-picture v-if="isShowPublishPicture" ref="PublishPictureRef" :form-data="publishPicture" @close-publish-img="closePublishImg" />
+          <Publish-picture
+            v-if="isShowPublishPicture"
+            ref="PublishPictureRef"
+            type="add"
+            :form-data="publishPicture"
+            @close-publish-img="closePublishImg"
+          />
         </NMessageProvider>
       </NConfigProvider>
     </div>
@@ -247,7 +327,7 @@ onMounted(() => {
 </template>
 
 <style scoped>
-  .header-btn-primary {
+.header-btn-primary {
   @apply border border-solid border-[#3162ff] px-1 py-1 text-[#3162ff] rounded-md  hover:text-[#3162ff];
 }
 .header-btn {
diff --git a/app/components/ModelList.vue b/app/components/ModelList.vue
new file mode 100644
index 0000000..b501424
--- /dev/null
+++ b/app/components/ModelList.vue
@@ -0,0 +1,175 @@
+<template>
+  <div class="flex flex-wrap justify-center">
+    <div class="grid grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-7 gap-4 p-4">
+      <div
+        v-for="item in dataList"
+        :key="item.id"
+        class="relative rounded-lg overflow-hidden"
+      >
+        <!-- 图片 -->
+        <div class="relative h-[300px] overflow-hidden rounded-lg" @click="toDetail(item)">
+          <img
+            :src="item.surfaceUrl"
+            class="w-full h-full object-cover rounded-lg cursor-pointer ransform transition-transform duration-300 hover:scale-110"
+            alt=""
+          />
+
+          <!-- 左上角标签 -->
+          <div
+            class="absolute top-2 left-2 bg-black/50 text-white text-xs px-2 py-1 rounded"
+          >
+            {{ item.type }}
+          </div>
+
+          <!-- 底部数据统计 --> 
+          <div
+            class="absolute bottom-0 left-0 right-0 flex items-center gap-2 p-2 text-xs text-white"
+          >
+            <div class="flex items-center">
+              <component :is="Play" class="h-[14px] w-[14px] text-white menu-icon m-1" />
+              {{ item.reals || 0 }}
+            </div>
+            <div class="flex items-center">
+              <component
+                :is="Download"
+                class="h-[14px] w-[14px] text-white menu-icon m-1"
+              />
+              {{ item.numbers || 0 }}
+            </div>
+          </div>
+        </div>
+
+        <!-- 作者信息条 -->
+        <div class="mt-1 px-2 py-1">
+          <div>
+            {{ item.modelName }}
+          </div>
+          <div class="flex mt-2">
+            <img :src="item.avatar" class="w-5 h-5 rounded-full mr-2" alt="" />
+            <span class="text-sm text-gray-500 truncate">{{ item.nickName }}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      ref="loadingTrigger"
+      class="h-20 w-[1000px] text-center text-gray-500 flex justify-center items-center"
+    >
+      <div v-if="loading">加载中...</div>
+      <div v-if="finished && dataList.length >= 20">没有更多数据了</div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Download, Play } from "lucide-vue-next";
+import { nextTick, onMounted, onUnmounted, ref } from "vue";
+import { useRouter } from 'vue-router';
+const router = useRouter()
+
+const loading = ref(false);
+const finished = ref(false);
+const total = ref(0); // 总条数
+const loadingTrigger = ref(null);
+const observer = ref<IntersectionObserver | null>(null);
+const props = defineProps({
+  params: {
+    type: Object,
+    default: () => {},
+  },
+});
+
+const listParams = ref({
+  ...props.params,
+  pageNumber: 1,
+  pageSize: 20,
+});
+function initPageNUm() {
+  listParams.value.pageNumber = 1;
+  finished.value = false; // 重置加载完成状态
+  listParams.value = Object.assign({}, listParams.value, props.params);
+  getDataList();
+}
+
+const dataList = ref([]);
+async function getDataList() {
+  if (loading.value || finished.value) return;
+
+  loading.value = true;
+  try {
+    const res = await request.post("/model/modelSquare", { ...listParams.value });
+    if (res.code === 200) {
+      // 如果是第一页，直接赋值，否则追加数据
+      if (listParams.value.pageNumber === 1) {
+        dataList.value = res.data.list;
+      } else {
+        dataList.value = [...dataList.value, ...res.data.list];
+      }
+
+      total.value = res.data.total; // 假设接口返回了总条数
+
+      // 判断是否加载完所有数据
+      if (dataList.value.length >= total.value) {
+        finished.value = true;
+      }
+      // 自动增加页码
+      listParams.value.pageNumber++;
+    }
+  } catch (err) {
+    dataList.value = [];
+    finished.value = true;
+    console.log(err);
+  } finally {
+    loading.value = false;
+  }
+}
+getDataList();
+
+
+// 跳转详情
+function toDetail(item:any){
+  router.push(`/model-details/${item.id}`)
+}
+
+onMounted(() => {
+  window.addEventListener("scroll", topedRefresh);
+  observer.value = new IntersectionObserver(
+    ([entry]) => {
+      if (entry.isIntersecting && !loading.value && !finished.value) {
+        getDataList();
+      }
+    },
+    {
+      threshold: 0.1,
+    }
+  );
+
+  if (loadingTrigger.value) {
+    observer.value.observe(loadingTrigger.value);
+  }
+});
+
+onUnmounted(() => {
+  window.removeEventListener("scroll", topedRefresh);
+  if (observer.value) {
+    observer.value.disconnect();
+  }
+});
+
+async function topedRefresh() {
+  if (import.meta.client) {
+    await nextTick();
+    window.scrollTo({
+      top: 0,
+      behavior: "smooth",
+    });
+  }
+  initPageNUm();
+}
+
+defineExpose({
+  initPageNUm,
+});
+</script>
+
+<style scoped></style>
diff --git a/app/components/PersonalCenterCard.vue b/app/components/PersonalCenterCard.vue
index 35f026c..49bf80d 100644
--- a/app/components/PersonalCenterCard.vue
+++ b/app/components/PersonalCenterCard.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import {
-  CircleAlert,
-  Download,
-  EllipsisVertical,
-  Play,
-} from 'lucide-vue-next'
-import { ref } from 'vue'
-import { useRouter } from 'vue-router'
+CircleAlert,
+Download,
+EllipsisVertical,
+Play
+} from 'lucide-vue-next';
+import { nextTick, ref } from 'vue';
+import { useRouter } from 'vue-router';
 
 const props = defineProps({
   item: {
@@ -36,6 +36,8 @@ function toDetails() {
   else if (props.currentType === '1') {
     // console.log('object', 111);
     router.push(`/workflow-details/${props.item.id}`)
+  }else if(props.currentType === '2'){
+    onEditPicture()
   }
 }
 
@@ -65,11 +67,11 @@ function handleSelect(event: Event, key: string) {
     handleDelete()
   }
   else if (key === 'edit') {
-    if (props.currentType === '2') {
+    if (props.currentType === '2') { // 图片
       getPublishPicture()
       showPublishImg()
     }
-    else if (props.currentType === '1') {
+    else if (props.currentType === '1') { // 工作流
       router.push({
         path: `/publish-workflow`,
         query: {
@@ -78,6 +80,15 @@ function handleSelect(event: Event, key: string) {
         },
       })
     }
+    else if (props.currentType === '0') { // 模型
+      router.push({
+        path: `/publish-model`,
+        query: {
+          type: 'edit',
+          id: props.item.id,
+        },
+      })
+    }
   }
 }
 
@@ -160,6 +171,35 @@ function closePublishImg() {
     PublishPictureRef.value.isVisible = false
   }
 }
+
+// 显示图片的编辑
+const isShowEditorPicture = ref(false)
+interface EditUserInfoType {
+  isVisible: boolean
+}
+const editUserInfoRef = ref<EditUserInfoType | null>(null)
+function onEditPicture() {
+  isShowEditorPicture.value = true
+  nextTick(()=>{
+    if(editUserInfoRef.value){
+      editUserInfoRef.value.isVisible = true
+    }
+  })
+}
+function closeEditorPicture(){
+  isShowEditorPicture.value = false
+}
+
+function updateLike(type:number){
+  if (props.item.isLike === 1) {
+      props.item.isLike = 0;
+      props.item.likeNum -= 1;
+    } else {
+      props.item.isLike = 1;
+      props.item.likeNum += 1;
+    }
+}
+
 </script>
 
 <template>
@@ -310,13 +350,16 @@ function closePublishImg() {
             :src="item.userAvatar"
             alt=""
           >
-          <span>{{ item.userName }}</span>
+          <span>{{ item.userName }} </span>
         </div>
       </div>
     </div>
     <NConfigProvider>
       <NMessageProvider>
-        <Publish-picture v-if="isShowPublishPicture" ref="PublishPictureRef" :form-data="publishPictureData" @close-publish-img="closePublishImg" />
+      <div v-if="isShowEditorPicture">
+        <PictureDetail @close-editor-picture="closeEditorPicture" ref="editUserInfoRef" :item="item" @update-like="updateLike"/>
+      </div>
+        <Publish-picture v-if="isShowPublishPicture" type="edit" ref="PublishPictureRef" :form-data="publishPictureData" @close-publish-img="closePublishImg" />
       </NMessageProvider>
     </NConfigProvider>
   </div>
diff --git a/app/components/PictureDetail.vue b/app/components/PictureDetail.vue
new file mode 100644
index 0000000..15199b1
--- /dev/null
+++ b/app/components/PictureDetail.vue
@@ -0,0 +1,190 @@
+<script setup lang="ts">
+import { commonApi } from "@/api/common";
+import { CopyOutline, Heart } from "@vicons/ionicons5";
+import { Download, PartyPopper } from "lucide-vue-next";
+import { NConfigProvider, NMessageProvider } from "naive-ui";
+import { ref } from "vue";
+const emit = defineEmits(["updateLike"]);
+
+const userStore = useUserStore();
+const userInfo = userStore.userInfo;
+const message = useMessage();
+const props = defineProps({
+  item: {
+    type: Object,
+    default: () => {},
+  },
+});
+const dataInfo = ref({});
+async function getDetail() {
+  if (props.item && props.item.id) {
+    const res = await request.get(`/image/detail?id=${props.item.id}`);
+    if (res.code === 200) {
+      dataInfo.value = res.data;
+      getDictType();
+    }
+  }
+}
+getDetail();
+const tagsList = ref([]);
+// 获取图片标签
+async function getDictType() {
+  try {
+    const res = await commonApi.dictType({ type: "image_label" });
+    if (res.code === 200 && res.data.length > 0) {
+      for (let i = 0; i < res.data.length; i++) {
+        for (let j = 0; j < dataInfo.value.tags.length; j++) {
+          if (res.data[i].dictValue === dataInfo.value.tags[j]) {
+            tagsList.value.push(res.data[i].dictLabel);
+          }
+        }
+      }
+    }
+  } catch (error) {
+    console.log(error);
+  }
+}
+
+function onShowModel() {
+  // ruleForm.value.nickName = userInfo.nickName
+  // ruleForm.value.avatar = userInfo.avatar
+  // ruleForm.value.brief = userInfo.brief
+  // ruleForm.value.userId = userInfo.userId
+}
+
+const isVisible = ref(false);
+function onCloseModel() {
+  isVisible.value = false;
+}
+const commentHeight = ref(200);
+
+//点赞
+async function onLike() {
+  try {
+    const res = await request.get(`/image/imageLike?id=${props.item.id}`);
+    if (res.code === 200) {
+      // emit('updateLike')
+      if (dataInfo.value.isLike === 1) {
+        dataInfo.value.isLike = 0;
+        dataInfo.value.likeNum -= 1;
+        message.success("取消点赞成功");
+      } else {
+        dataInfo.value.isLike = 1;
+        dataInfo.value.likeNum += 1;
+        message.success("点赞成功");
+      }
+    }
+  } catch (err) {
+    console.log(err);
+  }
+}
+defineExpose({
+  isVisible,
+});
+</script>
+
+<template>
+  <NModal
+    v-model:show="isVisible"
+    :on-after-leave="onCloseModel"
+    :on-after-enter="onShowModel"
+    preset="card"
+    style="width: auto; border-radius: 10px; box-sizing: border-box"
+    :mask-closable="false"
+  >
+    <div class="p-2 w-[700px]" style="box-sizing: border-box">
+      <div class="flex w-full">
+        <div class="flex-1 p-1">
+          <img class="w-full h-[300px]" :src="dataInfo.imagePaths" alt="" />
+          <div class="flex mt-2">
+            <div
+              class="mr-2 w-40 px2 py-3 flex items-center justify-center text-[#8a4200] cursor-pointer rounded-lg bg-gradient-to-r from-[#ffe9c8] to-[#ffd264]"
+            >
+              <Download size="16" class="mr-1" />
+              下载无水印原图
+            </div>
+            <div
+              class="flex items-center bg-[#eceef4] px2 py-3 w-20 justify-center cursor-pointer rounded-lg"
+            >
+              <n-icon
+                class="mr-2"
+                size="20"
+                :color="dataInfo.isLike === 1 ? '#ff0000' : '#ccc'"
+                @click="onLike"
+              >
+                <Heart />
+              </n-icon>
+              {{ dataInfo.likeNum }}
+            </div>
+          </div>
+          <div class="bg-[#f6f9fe] p-2 text-[12px] mt-2 rounded-lg">
+            作者添加了水印，成为会员后可下载无水印原图。
+            <span class="text-[#4a69ed] cursor-pointer">直接下载</span>带水印的图片
+          </div>
+        </div>
+        <div class="flex-1 p-1">
+          <div class="flex items-center">
+            <img class="w-10 h-10 rounded-full mr-2" :src="dataInfo.userAvatar" alt="" />
+            <div>
+              {{ dataInfo.userName }}
+            </div>
+          </div>
+
+          <div class="text-[20px] mt-3">
+            {{ dataInfo.title }}
+          </div>
+
+          <div class="text-[14px] mt-2 text-gray-400">
+            {{ dataInfo.description }}
+          </div>
+
+          <div class="text-[14px] mt-2 text-gray-400">
+            {{ dataInfo.createTime }}
+          </div>
+          <div class="flex mt-2">
+            <div
+              class="flex w-[100px] items-center bg-[#eceef4] px2 py-3 justify-center cursor-pointer rounded-lg mr-2"
+            >
+              <n-icon class="mr-2" size="20" color="#ccc">
+                <CopyOutline />
+              </n-icon>
+              复制全部
+            </div>
+            <div
+              class="flex w-[200px] items-center px2 py-3 bg-[#416af6] text-white rounded-lg justify-center cursor-pointer"
+            >
+              <PartyPopper size="16" class="mr-1" />一键生图
+            </div>
+          </div>
+        </div>
+      </div>
+      <div>
+        <div class="p-1 flex flex-wrap">
+          <div
+            v-for="(item, index) in tagsList"
+            :key="index"
+            class="text-[#5d79ba] bg-[#ecf2fe] p-2 text-[12px] font-bold mr-2 mt-2 w-auto rounded-lg"
+          >
+            {{ item }}
+          </div>
+        </div>
+      </div>
+      <div class="mt-4">
+        <div style="padding: 20px">
+          <NConfigProvider>
+            <NMessageProvider>
+              <BaseComment
+                v-if="dataInfo.id"
+                type="pictrue"
+                :height="commentHeight"
+                :details-info="dataInfo"
+              />
+            </NMessageProvider>
+          </NConfigProvider>
+        </div>
+      </div>
+    </div>
+  </NModal>
+</template>
+
+<style scoped></style>
diff --git a/app/components/PictureList.vue b/app/components/PictureList.vue
new file mode 100644
index 0000000..d7d6652
--- /dev/null
+++ b/app/components/PictureList.vue
@@ -0,0 +1,210 @@
+<template>
+  <div class="flex flex-wrap justify-center">
+    <div class="grid grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-7 gap-4 p-4">
+      <div
+        v-for="item in dataList"
+        :key="item.id"
+        class="relative rounded-lg overflow-hidden"
+      >
+        <!-- 图片 -->
+        <div class="relative h-[300px] overflow-hidden rounded-lg group">
+          <img
+            :src="item.avatar"
+            class="w-full h-full object-cover rounded-lg cursor-pointer"
+            alt=""
+          />
+
+          <div
+            class="px-2 py-1 absolute top-0 left-0 w-full h-full hidden group-hover:block bg-black bg-opacity-40 cursor-pointer"
+          >
+            <div class="flex justify-between w-full">
+              <div class="flex mt-2">
+                <div class="w-5 h-5 border border-white mr-2 rounded-full">
+                  <img :src="item.avatar" class="w-full h-full rounded-full" alt="" />
+                </div>
+                <span class="text-sm text-white truncate">{{ item.nickName }}</span>
+              </div>
+              <div class="p-2 rounded-full bg-white flex items-center cursor-pointer">
+                <n-icon
+                  class="mr-2"
+                  size="20"
+                  :color="item.isLike === 0 ? '#ccc' : '#ff0000'"
+                  @click="onLike(item)"
+                >
+                  <Heart />
+                </n-icon>
+                {{ item.likeNum }}
+              </div>
+            </div>
+          </div>
+          <!-- 左上角标签 -->
+          <!-- <div
+            class="absolute top-2 left-2 bg-black/50 text-white text-xs px-2 py-1 rounded"
+          >
+            {{ item.type }}
+          </div> -->
+
+          <!-- 底部数据统计 -->
+          <!-- <div
+            class="absolute bottom-0 left-0 right-0 flex items-center gap-2 p-2 text-xs text-white"
+          >
+            <div class="flex items-center">
+              <component :is="Play" class="h-[14px] w-[14px] text-white menu-icon m-1" />
+              {{ item.reals || 0 }}
+            </div>
+            <div class="flex items-center">
+              <component
+                :is="Download"
+                class="h-[14px] w-[14px] text-white menu-icon m-1"
+              />
+              {{ item.numbers || 0 }}
+            </div>
+          </div> -->
+        </div>
+
+        <!-- 作者信息条 -->
+        <!-- <div class="mt-1 px-2 py-1">
+          <div>
+            {{ item.modelName }}
+          </div>
+          <div class="flex mt-2">
+            <img :src="item.avatar" class="w-5 h-5 rounded-full mr-2" alt="" />
+            <span class="text-sm text-gray-500 truncate">{{ item.nickName }}</span>
+          </div>
+        </div> -->
+      </div>
+    </div>
+    <div
+      ref="loadingTrigger"
+      class="h-20 w-[1000px] text-center text-gray-500 flex justify-center items-center"
+    >
+      <div v-if="loading">加载中...</div>
+      <div v-if="finished && dataList.length >= 20">没有更多数据了</div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Heart } from "@vicons/ionicons5";
+
+import { nextTick, onMounted, onUnmounted, ref } from "vue";
+const loading = ref(false);
+const finished = ref(false);
+const total = ref(0); // 总条数
+const loadingTrigger = ref(null);
+const observer = ref<IntersectionObserver | null>(null);
+const message = useMessage();
+
+const props = defineProps({
+  params: {
+    type: Object,
+    default: () => {},
+  },
+});
+
+const listParams = ref({
+  ...props.params,
+  pageNumber: 1,
+  pageSize: 20,
+});
+function initPageNUm() {
+  listParams.value.pageNumber = 1;
+  finished.value = false; // 重置加载完成状态
+  listParams.value = Object.assign({}, listParams.value, props.params);
+  getDataList();
+}
+
+const dataList = ref([]);
+async function getDataList() {
+  if (loading.value || finished.value) return;
+
+  loading.value = true;
+  try {
+    const res = await request.get("/image/imageList", { ...listParams.value });
+    if (res.code === 200) {
+      // 如果是第一页，直接赋值，否则追加数据
+      if (listParams.value.pageNumber === 1) {
+        dataList.value = res.data.list;
+      } else {
+        dataList.value = [...dataList.value, ...res.data.list];
+      }
+
+      total.value = res.data.total; // 假设接口返回了总条数
+
+      // 判断是否加载完所有数据
+      if (dataList.value.length >= total.value) {
+        finished.value = true;
+      }
+      // 自动增加页码
+      listParams.value.pageNumber++;
+    }
+  } catch (err) {
+    dataList.value = [];
+    finished.value = true;
+    console.log(err);
+  } finally {
+    loading.value = false;
+  }
+}
+getDataList();
+
+onMounted(() => {
+  window.addEventListener("scroll", topedRefresh);
+  observer.value = new IntersectionObserver(
+    ([entry]) => {
+      if (entry.isIntersecting && !loading.value && !finished.value) {
+        getDataList();
+      }
+    },
+    {
+      threshold: 0.1,
+    }
+  );
+
+  if (loadingTrigger.value) {
+    observer.value.observe(loadingTrigger.value);
+  }
+});
+
+onUnmounted(() => {
+  window.removeEventListener("scroll", topedRefresh);
+  if (observer.value) {
+    observer.value.disconnect();
+  }
+});
+
+async function topedRefresh() {
+  if (import.meta.client) {
+    await nextTick();
+    window.scrollTo({
+      top: 0,
+      behavior: "smooth",
+    });
+  }
+  initPageNUm();
+}
+
+async function onLike(item: any) {
+  try {
+    const res = await request.get(`/image/imageLike?id=${item.id}`);
+    if (res.code === 200) {
+      if (item.isLike === 1) {
+        item.isLike = 0;
+        item.likeNum -= 1;
+        message.success("取消点赞成功");
+      } else {
+        item.isLike = 1;
+        item.likeNum += 1;
+        message.success("点赞成功");
+      }
+    }
+  } catch (err) {
+    console.log(err);
+  }
+}
+defineExpose({
+  initPageNUm,
+});
+</script>
+
+<style scoped></style>
diff --git a/app/components/Publish-picture.vue b/app/components/Publish-picture.vue
index 6921eeb..9a2834c 100644
--- a/app/components/Publish-picture.vue
+++ b/app/components/Publish-picture.vue
@@ -1,15 +1,20 @@
 <script setup lang="ts">
-import { commonApi } from '@/api/common'
-import { cloneDeep } from 'lodash-es'
-import { useMessage } from 'naive-ui'
-import { defineProps, ref } from 'vue'
+import { commonApi } from '@/api/common';
+import { cloneDeep } from 'lodash-es';
+import { useMessage } from 'naive-ui';
+import { defineProps, ref } from 'vue';
 
 const props = defineProps({
   formData: {
     type: Object,
     default: () => ({}),
   },
+  type:{
+    type: String,
+    default: "",
+  }
 })
+debugger
 const emit = defineEmits(['closePublishImg'])
 const message = useMessage()
 
diff --git a/app/components/ScrollListView.vue b/app/components/ScrollListView.vue
index fc99eb5..21c1807 100644
--- a/app/components/ScrollListView.vue
+++ b/app/components/ScrollListView.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { onMounted, ref } from 'vue'
+import { onMounted, ref } from 'vue';
 
 const props = defineProps({
   title: {
diff --git a/app/components/WorkFlowList.vue b/app/components/WorkFlowList.vue
new file mode 100644
index 0000000..19a98d8
--- /dev/null
+++ b/app/components/WorkFlowList.vue
@@ -0,0 +1,189 @@
+<template>
+  <div class="flex flex-wrap justify-center">
+    <div class="grid grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-7 gap-4 p-4">
+      <div
+        v-for="item in dataList"
+        :key="item.id"
+        class="relative rounded-lg overflow-hidden"
+      >
+        <!-- 图片 -->
+        <div class="relative h-[300px] overflow-hidden rounded-lg" @click="toDetail(item)">
+          <img
+            :src="item.coverPath"
+            class="w-full h-full object-cover rounded-lg cursor-pointer ransform transition-transform duration-300 hover:scale-110"
+            alt=""
+          />
+
+          <!-- 左上角标签 -->
+          <div
+            class="absolute top-2 left-2 bg-black/50 text-white text-xs px-2 py-1 rounded"
+          >
+            {{ item.type }}
+          </div>
+
+          <!-- 底部数据统计 -->
+          <div
+            class="absolute bottom-0 left-0 right-0 flex items-center gap-2 p-2 text-xs text-white"
+          >
+            <div class="flex items-center">
+              <component :is="Play" class="h-[14px] w-[14px] text-white menu-icon m-1" />
+              {{ item.useNumber || 0 }}
+            </div>
+            <div class="flex items-center">
+              <component
+                :is="Download"
+                class="h-[14px] w-[14px] text-white menu-icon m-1"
+              />
+              {{ item.downloadNumber || 0 }}
+            </div>
+          </div>
+        </div>
+
+        <!-- 作者信息条 -->
+        <div class="mt-1 px-2 py-1">
+          <div>
+            {{ item.workflowNam }}
+          </div>
+          <div class="flex mt-2">
+            <img :src="item.avatar" class="w-5 h-5 rounded-full mr-2" alt="" />
+            <span class="text-sm text-gray-500 truncate">{{ item.nickName }}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      ref="loadingTrigger"
+      class="h-20 w-[1000px] text-center text-gray-500 flex justify-center items-center"
+    >
+      <div v-if="loading">加载中...</div>
+      <div v-if="finished && dataList.length >= 20">没有更多数据了</div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Download, Play } from "lucide-vue-next";
+import { nextTick, onMounted, onUnmounted, ref } from "vue";
+import { useRouter } from 'vue-router';
+const router = useRouter()
+const loading = ref(false);
+const finished = ref(false);
+const total = ref(0); // 总条数
+const loadingTrigger = ref(null);
+const observer = ref<IntersectionObserver | null>(null);
+const props = defineProps({
+  params: {
+    type: Object,
+    default: () => {},
+  },
+});
+
+const listParams = ref({
+  ...props.params,
+  pageNumber: 1,
+  pageSize: 20,
+});
+function initPageNUm() {
+  listParams.value.pageNumber = 1;
+  finished.value = false; // 重置加载完成状态
+  listParams.value = Object.assign({}, listParams.value, props.params);
+  getDataList();
+}
+
+const dataList = ref([]);
+async function getDataList() {
+  if (loading.value || finished.value) return;
+
+  loading.value = true;
+  try {
+    const res = await request.post("/WorkFlow/workFlowList", { ...listParams.value });
+    if (res.code === 200) {
+      // 如果是第一页，直接赋值，否则追加数据
+      if (listParams.value.pageNumber === 1) {
+        dataList.value = res.data.list;
+      } else {
+        dataList.value = [...dataList.value, ...res.data.list];
+      }
+
+      total.value = res.data.total; // 假设接口返回了总条数
+
+      // 判断是否加载完所有数据
+      if (dataList.value.length >= total.value) {
+        finished.value = true;
+      }
+      // 自动增加页码
+      listParams.value.pageNumber++;
+    }
+  } catch (err) {
+    dataList.value = [];
+    finished.value = true;
+    console.log(err);
+  } finally {
+    loading.value = false;
+  }
+}
+getDataList();
+
+// 跳转详情
+function toDetail(item:any){
+  router.push(`/workflow-details/${item.id}`)
+
+}
+
+onMounted(() => {
+  window.addEventListener("scroll", topedRefresh);
+  observer.value = new IntersectionObserver(
+    ([entry]) => {
+      if (entry.isIntersecting && !loading.value && !finished.value) {
+        getDataList();
+      }
+    },
+    {
+      threshold: 0.1,
+    }
+  );
+
+  if (loadingTrigger.value) {
+    observer.value.observe(loadingTrigger.value);
+  }
+});
+
+onUnmounted(() => {
+  window.removeEventListener("scroll", topedRefresh);
+  if (observer.value) {
+    observer.value.disconnect();
+  }
+});
+
+async function topedRefresh() {
+  if (import.meta.client) {
+    await nextTick();
+    window.scrollTo({
+      top: 0,
+      behavior: "smooth",
+    });
+  }
+  initPageNUm();
+}
+
+const workFlowCategoryList = ref([]);
+async function getDictType() {
+  try {
+    const res = await commonApi.dictType({ type: "work_flow_type_child" });
+    if (res.code === 200) {
+      workFlowCategoryList.value = res.data;
+    }
+  } catch (error) {
+    console.log(error);
+  }
+}
+getDictType();
+
+defineExpose({
+  initPageNUm,
+});
+
+
+</script>
+
+<style scoped></style>
diff --git a/app/components/message/AttentionMsg.vue b/app/components/message/AttentionMsg.vue
new file mode 100644
index 0000000..03d4f83
--- /dev/null
+++ b/app/components/message/AttentionMsg.vue
@@ -0,0 +1,48 @@
+<template>
+  <div>
+    <div
+      v-for="(item, index) in dataList"
+      :key="index"
+      @click="toDetail(item)"
+      class="bg-white h-20 rounded-lg p-3 mb-2 flex items-center justify-center cursor-pointer relative"
+    >
+      <div class="flex-1">
+        <div class="text-base ellipsis w-[650px]">{{ item.content }}</div>
+        <div class="text-[12px] text-gray-400 mt-1">{{ item.createTime }}</div>
+      </div>
+      <div
+        v-if="item.isRead === 0"
+        class="w-2 h-2 rounded-full bg-[#ec7768] absolute top-2 right-2"
+      ></div>
+    </div>
+    <n-empty v-if="dataList.length === 0" size="large" description="暂无数据！">
+    </n-empty>
+  </div>
+</template>
+
+<script setup lang="ts">
+const props = defineProps({
+  dataList: {
+    type: Object,
+    default: () => [],
+  },
+});
+
+async function toDetail(item){
+    try{
+        const res = await request.get(`/advice/read?adviceId=${item.id}`)
+        debugger
+
+    }catch(err){
+        console.log(err);
+    }
+}
+</script>
+
+<style scoped>
+.ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+</style>
diff --git a/app/components/message/LikeMsg.vue b/app/components/message/LikeMsg.vue
new file mode 100644
index 0000000..744c9a3
--- /dev/null
+++ b/app/components/message/LikeMsg.vue
@@ -0,0 +1,40 @@
+<template>
+  <div>
+    <div
+      v-for="(item, index) in dataList"
+      :key="index"
+      class="bg-white h-20 rounded-lg p-3 mb-2 flex items-center justify-center cursor-pointer relative"
+    >
+      <div class="flex-1">
+        <div class="text-base ellipsis w-[600px]">{{ item.content }}</div>
+        <div class="text-[12px] text-gray-400 mt-1">{{ item.createTime }}</div>
+      </div>
+      <div class="w-10 h-10">
+        <img class="w-full h-full rounded-lg" :src="item.userAvatar" />
+      </div>
+      <div
+        v-if="item.isRead === 0"
+        class="w-2 h-2 rounded-full bg-[#ec7768] absolute top-2 right-2"
+      ></div>
+    </div>
+    <n-empty v-if="dataList.length === 0" size="large" description="暂无数据！">
+    </n-empty>
+  </div>
+</template>
+
+<script setup lang="ts">
+const props = defineProps({
+  dataList: {
+    type: Object,
+    default: () => [],
+  },
+});
+</script>
+
+<style scoped>
+.ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+</style>
diff --git a/app/components/message/OfficialMsg.vue b/app/components/message/OfficialMsg.vue
new file mode 100644
index 0000000..79ac6ec
--- /dev/null
+++ b/app/components/message/OfficialMsg.vue
@@ -0,0 +1,19 @@
+<template>
+    <div>
+        <div
+            v-for="item in 15"
+            class="bg-white h-20 rounded-lg p-3 mb-2 flex flex-col justify-center cursor-pointer"
+          >
+            <div class="text-base">你师傅说房东说短发女生的方式对佛呢</div>
+            <div class="text-[12px] text-gray-400 mt-1">2010-22-12 18:32:11</div>
+          </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/app/components/message/ReplyMsg.vue b/app/components/message/ReplyMsg.vue
new file mode 100644
index 0000000..fb8202e
--- /dev/null
+++ b/app/components/message/ReplyMsg.vue
@@ -0,0 +1,62 @@
+<template>
+  <div>
+    <div
+      v-for="(item, index) in dataList" :key="index"
+      @click="toDetail(item)"
+      class="bg-white h-20 rounded-lg p-3 mb-2 flex items-center justify-center cursor-pointer relative" 
+    >
+      <div class="flex-1">
+        <div class="text-base ellipsis w-[600px]">{{ item.content }}</div>
+        <div class="text-[12px] text-gray-400 mt-1">{{ item.createTime }}</div>
+      </div>
+      <div class="w-10 h-10 ">
+        <img class="w-full h-full rounded-lg" :src="item.userAvatar" />
+      </div>
+      <div
+        v-if="item.isRead === 0"
+        class="w-2 h-2 rounded-full bg-[#ec7768] absolute top-2 right-2"
+      ></div>
+    </div>
+    <n-empty v-if="dataList.length === 0" size="large" description="暂无数据！">
+    </n-empty>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useRouter } from 'vue-router';
+
+const props = defineProps({
+  dataList: {
+    type: Object,
+    default: () => [],
+  },
+});
+const router = useRouter()
+
+async function toDetail(item){
+    try{
+      debugger
+        const res = await request.get(`/advice/read?adviceId=${item.id}`)
+        if(res.code === 200){
+          // 0模型 1工作流 2图片
+          if(item.productType === 0){
+            router.push(`/model-details/${item.id}`)
+          }else if(item.productType === 1){
+            router.push(`/workflow-details/${item.id}`)
+          }else{
+            // onEditPicture()
+          }
+        }
+    }catch(err){
+        console.log(err);
+    }
+}
+</script>
+
+<style scoped>
+.ellipsis{
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+</style>
diff --git a/app/components/publishModel/CreateModels.vue b/app/components/publishModel/CreateModels.vue
index 32caa75..93f159c 100644
--- a/app/components/publishModel/CreateModels.vue
+++ b/app/components/publishModel/CreateModels.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { FormInst } from 'naive-ui'
-import { commonApi } from '@/api/common'
-import { computed, watch } from 'vue'
+import { commonApi } from '@/api/common';
+import type { FormInst } from 'naive-ui';
+import { computed, watch } from 'vue';
 
 const props = defineProps({
   modelValue: {
@@ -29,23 +29,17 @@ watch(
   },
   { immediate: true, deep: true },
 )
-// 处理用户输入
-function handleUpdate(value: Array<string>) {
-  if (value.length > 3) {
-    return
-  }
-  localForm.value.modelProduct.tags = value.join(',')
-}
+
 const formRef = ref<FormInst | null>(null)
 const rules = {
   'modelProduct.modelName': {
     required: true,
-    message: '请输入模型名称',
+    message: '',
     trigger: 'blur',
   },
   'modelProduct.modelType': {
     required: true,
-    message: '请输入模型名称',
+    message: '',
     trigger: 'blur',
   },
 }
@@ -103,11 +97,11 @@ getActivityList()
 const originalBtnList = ref([
   {
     label: '原创',
-    value: 0,
+    value: 1,
   },
   {
     label: '转载',
-    value: 1,
+    value: 0,
   },
 ])
 function nextStep() {
@@ -122,67 +116,80 @@ function nextStep() {
 }
 function handleIsOriginal(value: number) {
   localForm.value.modelProduct.isOriginal = value
-  if (value === 0) {
-    localForm.value.modelProduct.originalAuthorName = ''
-  }
+  // if (value === 0) {
+  //   localForm.value.modelProduct.originalAuthorName = ''
+  // }
+}
+function handleCategoryUpdateValue(value) {
+  // 如果需要，可以在这里处理值的格式
+  // if (value) {
+  //   // 确保值的格式正确
+  //   localForm.value.modelProduct.category = value.includes('-') ? value : `${value}-0`
+  // }
+}
+function changeModelType(item){
+  debugger
 }
 </script>
 
 <template>
   <div>
-    <n-form
-      ref="formRef"
-      :label-width="80"
-      :model="localForm"
-      :rules="rules"
-      size="large"
-    >
-      <n-form-item label="模型名称" path="modelProduct.modelName">
-        <n-input v-model:value="localForm.modelProduct.modelName" placeholder="输入模型名" />
-      </n-form-item>
-      <n-form-item label="模型类型" path="modelProduct.modelType">
-        <n-select
-          v-model:value="localForm.modelProduct.modelType"
-          label-field="dictLabel"
-          value-field="dictValue"
-          placeholder="请选择模型类型"
-          :options="model_category"
-        />
-      </n-form-item>
-      <div>
-        内容类别
-      </div>
-      <div class="-mb-5 text-gray-400 text-[12px]">
-        填写类别可让模型获得更精准的流量, 平台也有权基于标准修改你的类别标签
-      </div>
-      <n-form-item path="category">
-        <n-cascader
-          v-model:value="localForm.modelProduct.category"
-          placeholder="垂类"
-          :options="categoryList"
-          label-field="dictLabel"
-          value-field="dictValue"
-          check-strategy="child"
-        />
-      </n-form-item>
-      <n-form-item path="functions" class="-mt-12">
-        <n-select
-          v-model:value="localForm.modelProduct.functions"
-          label-field="dictLabel"
-          value-field="dictValue"
-          placeholder="功能"
-          :options="work_flow_functions"
-        />
-      </n-form-item>
+    <div class="bg-gray-100 p-4 rounded-lg">
+      <n-form
+        ref="formRef"
+        :label-width="80"
+        :model="localForm"
+        :rules="rules"
+        size="large"
+      >
+        <n-form-item label="模型名称" path="modelProduct.modelName">
+          <n-input v-model:value="localForm.modelProduct.modelName" placeholder="输入模型名" />
+        </n-form-item>
+        <n-form-item label="模型类型" path="modelProduct.modelType">
+          <n-select
+            v-model:value="localForm.modelProduct.modelType"
+            label-field="dictLabel"
+            @update:value="changeModelType"
+            value-field="dictValue"
+            placeholder="请选择模型类型"
+            :options="model_category"
+          />
+        </n-form-item>
+        <div>
+          内容类别
+        </div>
+        <div class="-mb-5 text-gray-400 text-[12px]">
+          填写类别可让模型获得更精准的流量, 平台也有权基于标准修改你的类别标签
+        </div>
+        <n-form-item path="category">
+          <n-cascader
+            v-model:value="localForm.modelProduct.category"
+            placeholder="垂类"
+            :options="categoryList"
+            label-field="dictLabel"
+            value-field="dictValue"
+            check-strategy="child"
+            @update:value="handleCategoryUpdateValue"
+          />
+        </n-form-item>
+        <n-form-item path="functions" class="-mt-12" v-if="localForm.modelProduct.modelType !== '0'">
+          <n-select
+            v-model:value="localForm.modelProduct.functions"
+            label-field="dictLabel"
+            value-field="dictValue"
+            placeholder="功能"
+            :options="work_flow_functions"
+          />
+        </n-form-item>
 
-      <div>
-        标签
-      </div>
-      <div class="-mb-5 text-gray-400 text-[12px]">
-        添加标签将自动推荐给可能感兴趣的人
-      </div>
-      <n-form-item path="category">
-        <n-select
+        <div>
+          标签
+        </div>
+        <div class="-mb-5 text-gray-400 text-[12px]">
+          添加标签将自动推荐给可能感兴趣的人
+        </div>
+        <n-form-item path="category">
+          <!-- <n-select
           v-model:value="localForm.modelProduct.tags"
           :options="options"
           filterable
@@ -190,69 +197,85 @@ function handleIsOriginal(value: number) {
           multiple
           placeholder="请选择或输入标签"
           @update:value="handleUpdate"
-        />
-      </n-form-item>
+        /> -->
+
+          <n-select
+            v-model:value="localForm.modelProduct.tagsList"
+            filterable
+            multiple
+            tag
+            placeholder="输入，按回车确认"
+            :show-arrow="false"
+            :show="false"
+          />
+        </n-form-item>
+        <div>
+          参与活动
+        </div>
+        <div class="-mb-5 text-gray-400 text-[12px]">
+          参与特定活动或比赛,下拉选择
+        </div>
+        <n-form-item path="activityId">
+          <n-select
+            v-model:value="localForm.modelProduct.activityId"
+            label-field="activityName"
+            value-field="id"
+            placeholder="请选择参与哪个活动"
+            :options="activityList"
+          />
+        </n-form-item>
+      </n-form>
       <div>
-        参与活动
+        原创内容
       </div>
-      <div class="-mb-5 text-gray-400 text-[12px]">
-        参与特定活动或比赛,下拉选择
+      <div class="flex justify-center items-center mt-5 bg-white h-12 rounded-lg border border-gray-100">
+        <div
+          v-for="(item, index) in originalBtnList"
+          :key="index"
+          :style="{
+            backgroundColor:
+              localForm.modelProduct.isOriginal === item.value
+                ? 'rgba(49, 98, 255, 0.1)'
+                : '#fff',
+            color: localForm.modelProduct.isOriginal === item.value ? '#3162ff' : '#000',
+          }" class="flex-1 rounded-lg h-full flex items-center justify-center cursor-pointer" @click="handleIsOriginal(item.value)"
+        >
+          {{ item.label }}
+        </div>
       </div>
-      <n-form-item path="activityId">
-        <n-select
-          v-model:value="localForm.modelProduct.activityId"
-          label-field="activityName"
-          value-field="id"
-          placeholder="请选择参与哪个活动"
-          :options="activityList"
-        />
-      </n-form-item>
-    </n-form>
-    <div class="flex justify-center items-center mt-5 bg-white h-10 rounded-lg">
-      <div
-        v-for="(item, index) in originalBtnList"
-        :key="index"
-        :style="{
-          backgroundColor:
-            localForm.modelProduct.isOriginal === item.value
-              ? 'rgba(49, 98, 255, 0.1)'
-              : '#fff',
-          color: localForm.modelProduct.isOriginal === item.value ? '#3162ff' : '#000',
-        }" class="flex-1 rounded-lg h-full flex items-center justify-center cursor-pointer" @click="handleIsOriginal(item.value)"
-      >
-        {{ item.label }}
+      <div v-if="localForm.modelProduct.isOriginal === 1" class="text-[12px]">
+        <div class="my-3">
+          魔创未来原创模型加密保护计划
+        </div>
+        <div class="text-gray-400">
+          原创模型加密保护计划是魔创未来推出的,为维护创作者权益、保障平台健康发展,通过技术手段遏制爬取、盗版、侵权等不法行为,保证创作者的劳动成果得到合理回报,进而激励更多优秀原创模型的诞生。
+        </div>
+        <div class="text-gray-400">
+          谁能加入？ 所有发布原创模型的作者,均可以加入本计划
+        </div>
+        <div class="my-3 text-gray-400">
+          加入后有何好处？ 1.模型加密能力 2.流量扶持 3.创作激励
+        </div>
+        <div class="text-gray-400">
+          详情查看 <a href="" class="text-[#3162ff] underline">魔创未来原创模型加密保护计划</a>
+        </div>
+        <div class="my-3 ">
+          原创声明
+        </div>
+        <div class="text-gray-400">
+          本人声明并承诺模型是由本人原创,相关的权利和义务由本人承担。
+        </div>
+      </div>
+      <div v-else>
+        <n-form-item path="modelProduct.originalAuthorName" size="large">
+          <n-input v-model:value="localForm.modelProduct.originalAuthorName" placeholder="输入原创作者" />
+        </n-form-item>
       </div>
     </div>
-    <div v-if="localForm.modelProduct.isOriginal === 0" class="text-[12px]">
-      <div class="my-3">
-        魔创未来原创模型加密保护计划
+    <div class="flex w-full justify-center">
+      <div class="flex justify-center items-center mt-5 text-white w-[200px] h-10 rounded-lg bg-[#3162ff] cursor-pointer" @click="nextStep">
+        下一步
       </div>
-      <div class="text-gray-400">
-        原创模型加密保护计划是魔创未来推出的,为维护创作者权益、保障平台健康发展,通过技术手段遏制爬取、盗版、侵权等不法行为,保证创作者的劳动成果得到合理回报,进而激励更多优秀原创模型的诞生。
-      </div>
-      <div class="text-gray-400">
-        谁能加入？ 所有发布原创模型的作者,均可以加入本计划
-      </div>
-      <div class="my-3 text-gray-400">
-        加入后有何好处？ 1.模型加密能力 2.流量扶持 3.创作激励
-      </div>
-      <div class="text-gray-400">
-        详情查看 <a href="" class="text-[#3162ff] underline">魔创未来原创模型加密保护计划</a>
-      </div>
-      <div class="my-3 ">
-        原创声明
-      </div>
-      <div class="text-gray-400">
-        本人声明并承诺模型是由本人原创,相关的权利和义务由本人承担。
-      </div>
-    </div>
-    <div v-else>
-      <n-form-item path="modelProduct.originalAuthorName" size="large">
-        <n-input v-model:value="localForm.modelProduct.originalAuthorName" placeholder="输入原创作者" />
-      </n-form-item>
-    </div>
-    <div class="flex justify-center items-center mt-5 text-white w-30 h-10 rounded-lg bg-[#3162ff] cursor-pointer" @click="nextStep">
-      下一步
     </div>
   </div>
 </template>
diff --git a/app/components/publishModel/EditVersion.vue b/app/components/publishModel/EditVersion.vue
index faf1ffc..b3ca0dc 100644
--- a/app/components/publishModel/EditVersion.vue
+++ b/app/components/publishModel/EditVersion.vue
@@ -1,9 +1,11 @@
 <script setup lang="ts">
-import type { FormInst } from 'naive-ui'
-import { commonApi } from '@/api/common'
-import { uploadImagesInBatches } from '@/utils/uploadImg.ts'
-import { Asterisk, Trash } from 'lucide-vue-next'
-import { computed, onMounted, ref, watch } from 'vue'
+import { commonApi } from "@/api/common";
+import { uploadImagesInBatches } from "@/utils/uploadImg.ts";
+import { cloneDeep } from 'lodash-es';
+import { Asterisk, Trash } from "lucide-vue-next";
+import type { FormInst } from "naive-ui";
+import { computed, ref, watch } from "vue";
+const message = useMessage()
 
 // 可接受的文件类型
 const props = defineProps({
@@ -11,321 +13,404 @@ const props = defineProps({
     type: Object,
     required: true,
   },
-})
-const emit = defineEmits(['update:modelValue', 'createModelsNext'])
-const acceptTypes = '.safetensors,.ckpt,.pt,.bin,.pth,.zip,.json,.flow,.lightflow,.yaml,.yml,.onnx,.gguf,.sft'
+});
+const emit = defineEmits(["update:modelValue", "nextStep", "prevStep"]);
+const acceptTypes =
+  ".safetensors,.ckpt,.pt,.bin,.pth,.zip,.json,.flow,.lightflow,.yaml,.yml,.onnx,.gguf,.sft";
 const modelVersionItem = {
-  versionName: '', //	版本名称
-  modelId: null, // 基础模型
-  versionDescription: '"<p>这是一个描述</p><p><img src=\"https://img1.baidu.com/it/u=3001150338,397170470&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1422\" /></p><p>这是两张图片之间的一些文字说明</p><p><img src=\"https://img12.iqilu.com/10339/clue/202405/29/68ec17f5-9621-461f-ad22-a6820a3f9cf5.jpg\" /></p>"', // 版本描述
-  filePath: '', // 文件路径
-  fileName: '', // 文档里没有 ，表里没有
-  sampleImagePaths: 'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', // 第三部的图片路径最多20张,切割
-  triggerWords: '', // 触发词
-  isPublic: 1, // 权限是否公开权限 1公开 2自见
-  isFree: 0,	// 是否免费 0免费 1会员 ？？？？
-  isOnlineUse: 1,	// 是否允许在线使用
-  allowDownloadImage: 1,	// 允许下载生图
-  allowSoftwareUse: 1,	// 允许在软件旗下使用
+  delFlag: '0', // 0代表存在 2代表删除
+  versionName: "", //	版本名称
+  modelVersionType: null, // 基础模型
+  versionDescription: "", // 版本描述
+  filePath: "", // 文件路径
+  fileName: "", //
+  sampleImagePaths:[], // 第三部的图片路径最多20张,切割
+  triggerWords: "", // 触发词
+  isPublic: 1, // 权限是否公
+  isOnlineUse:1, //在线使用
   allowFusion: 1, // 是否允许融合
-  allowCommercialUse: 1,	// 是否允许商用
+  isFree: 0, // 0免费
+  allowDownloadImage: 1, // 允许下载生图
+  allowSoftwareUse: 1, // 允许在软件旗下使用
+  allowCommercialUse: 1, // 是否允许商用
+  allowUsage: 1, // 允许模型转售或者融合出售
+  isExclusiveModel: 1, // 是否为独家模型这个字段
+  hideImageGenInfo:0, //隐藏图片生成信息
 
-  // allowUsage: 1,	// 是否允许使用
-  // 允许模型转售或者融合手出售字段没找到？
-  isExclusiveModel: 0, // 是否为独家模型这个字段
-}
+};
 const isPublicList = [
   {
-    label: '公开',
+    label: "公开",
     value: 1,
   },
   {
-    label: '仅自己可见',
-    value: 2,
+    label: "仅自己可见",
+    value: 0,
   },
-]
+];
 defineExpose({
   addVersion,
-})
+});
 
 const localForm = computed({
   get() {
-    return props.modelValue
+    return props.modelValue;
   },
   set(value) {
-    emit('update:modelValue', value)
+    emit("update:modelValue", value);
   },
-})
+});
 
 watch(
   () => localForm.value,
   (newVal) => {
-    console.log('newVal', newVal)
-    emit('update:modelValue', newVal)
+    emit("update:modelValue", newVal);
   },
-  { immediate: true, deep: true },
-)
+  { immediate: true, deep: true }
+);
 
-const formRef = ref<FormInst | null>(null)
+const formRefs = ref<(FormInst | null)[]>([]);
+function setFormRef(el: FormInst | null, index: number) {
+  if (el) {
+    formRefs.value[index] = el;
+  }
+}
 const rules = {
   versionName: {
     required: true,
-    message: '',
-    trigger: 'blur',
+    message: "",
+    trigger: "blur",
   },
-  modelId: {
+  modelVersionType: {
     required: true,
-    message: '',
-    trigger: 'blur',
+    message: "",
+    trigger: "blur",
   },
-  triggerWords: {
-    required: true,
-    message: '请输入模型名称',
-    trigger: 'blur',
-  },
-}
+};
 function addVersion() {
-  localForm.value.modelVersionList.unshift(modelVersionItem)
+  const param = cloneDeep(modelVersionItem)
+  localForm.value.modelVersionList.unshift(param);
 }
 const originalBtnList = ref([
   {
-    label: '免费',
-    value: 0,
-  },
-  {
-    label: '会员下载',
+    label: "免费",
     value: 1,
   },
-])
+  {
+    label: "会员下载",
+    value: 0,
+  },
+]);
 function handleIsFree(index: number, value: number) {
-  localForm.value.modelVersionList[index].isFree = value
+  localForm.value.modelVersionList[index].isFree = value;
 }
-const model_category = ref([])
-function nextStep() {
-  formRef.value?.validate((errors) => {
-    if (!errors) {
-      emit('createModelsNext')
+async function nextStep() {
+  for (let i = 0; i < localForm.value.modelVersionList.length; i++) {
+    if (
+      localForm.value.modelVersionList[i].delFlag === "0" &&
+      localForm.value.modelVersionList[i].fileName === ""
+    ) {
+      return message.error("请上传文件");
     }
-    else {
-      console.log('error', errors)
+    const regex = /[\u4E00-\u9FA5]/; // 匹配汉字的正则表达式
+    if (
+      localForm.value.modelVersionList[i].delFlag === "0" &&
+      !regex.test(localForm.value.modelVersionList[i].versionDescription)
+    ) {
+      return message.error("请用中文填写版本介绍");
     }
-  })
+  }
+  try {
+    const promises = formRefs.value
+      .filter((form): form is FormInst => form !== null)
+      .map((form) => form.validate());
+
+    await Promise.all(promises);
+    emit("nextStep");
+  } catch (errors) {
+    console.error("部分表单验证失败:", errors);
+  }
 }
 
 // 上传文件
-const uploadFileIndex = ref(0)
-const fileInput = ref<HTMLInputElement | null>(null)
+const uploadFileIndex = ref(0);
+const fileInput = ref<HTMLInputElement | null>(null);
 function triggerFileInput(index: number) {
-  (fileInput.value as HTMLInputElement)?.click()
-  uploadFileIndex.value = index
+  (fileInput.value as HTMLInputElement)?.click();
+  uploadFileIndex.value = index;
 }
 async function handleFileChange(event: Event) {
-  const target = event.target as HTMLInputElement
-  const files = target.files
+  const target = event.target as HTMLInputElement;
+  const files = target.files;
 
   if (files && files.length > 0) {
-    const res = await uploadImagesInBatches(files)
-    localForm.value.modelVersionList[uploadFileIndex.value].filePath = res[0].url
-    localForm.value.modelVersionList[uploadFileIndex.value].fileName = res[0].fileName
+    const res = await uploadImagesInBatches(files);
+    localForm.value.modelVersionList[uploadFileIndex.value].filePath = res[0].url;
+    localForm.value.modelVersionList[uploadFileIndex.value].fileName = res[0].fileName;
   }
-  target.value = ''
+  target.value = "";
+}
+
+function prevStep() {
+  emit("prevStep");
+}
+
+const baseModelTypeList = ref([]);
+async function getDictType() {
+  try {
+    const res = await commonApi.dictType({ type: "mode_type" });
+    if (res.code === 200) {
+      baseModelTypeList.value = res.data;
+    }
+  } catch (error) {
+    console.log(error);
+  }
+}
+getDictType();
+
+function computedDelFlag() {
+  return localForm.value.modelVersionList.filter(item => item.delFlag === '0')
+}
+function onDelete(index: number) {
+  if (computedDelFlag().length === 1)
+    return
+    localForm.value.modelVersionList[index].delFlag = '2'
 }
 </script>
 
 <template>
   <div>
-    <div v-for="(item, index) in localForm.modelVersionList" :key="index" class="bg-gray-100 p-4 rounded-lg">
-      <n-form
-        ref="formRef"
-        :label-width="80"
-        :model="localForm"
-        :rules="rules"
-        size="large"
-      >
-        <n-form-item label="版本名称" path="versionName">
-          <n-input v-model:value="item.versionName" placeholder="请输入版本名" />
-        </n-form-item>
-        <n-form-item label="基础模型" path="modelId">
-          <n-select
-            v-model:value="item.modelId"
-            label-field="dictLabel"
-            value-field="dictValue"
-            placeholder="请选择基础模型"
-            :options="model_category"
-          />
-        </n-form-item>
-        <div class="flex">
-          上传文件 <Asterisk :size="10" color="#ff0000" class="mt-1" />
-        </div>
-        <div v-if="item.fileName" class="flex justify-between items-center bg-white p-3 mt-2 rounded-lg">
-          <div class="bg-[#d8e5fd] text-[12px] text-[#3162ff] w-16 h-7 rounded-lg flex justify-center items-center">
-            100%
+    <template
+      v-for="(item, index) in localForm.modelVersionList"
+      :key="index"
+      class="bg-gray-100 p-4 mt-4 rounded-lg"
+    >
+      <div v-if="item.delFlag === '0'" class="bg-gray-100 p-4 rounded-lg mt-4 relative">
+        <div class="absolute -right-10 top-4 cursor-pointer">
+            <Trash class="cursor-pointer" @click="onDelete(index)" />
           </div>
-          <div class="flex-1 flex items-center line-clamp">
-            {{
-              item.fileName
-            }}
+        <n-form
+          :ref="(el) => setFormRef(el, index)"
+          :label-width="80"
+          :model="localForm.modelVersionList[index]"
+          :rules="rules"
+          size="large"
+        >
+          <n-form-item label="版本名称" path="versionName">
+            <n-input v-model:value="item.versionName" placeholder="请输入版本名" />
+          </n-form-item>
+          <n-form-item label="基础模型" path="modelVersionType">
+            <n-select
+              v-model:value="item.modelVersionType"
+              label-field="dictLabel"
+              value-field="dictValue"
+              placeholder="请选择基础模型"
+              :options="baseModelTypeList"
+            />
+          </n-form-item>
+          <div class="flex">
+            上传文件 <Asterisk :size="10" color="#ff0000" class="mt-1" />
           </div>
-          <div>
-            <Trash class="cursor-pointer" @click="item.fileName = '', item.filePath = ''" />
+          <div
+            v-if="item.fileName"
+            class="flex justify-between items-center bg-white p-3 mt-2 rounded-lg"
+          >
+            <div
+              class="bg-[#d8e5fd] text-[12px] text-[#3162ff] w-16 h-7 rounded-lg flex justify-center items-center"
+            >
+              100%
+            </div>
+            <div class="flex-1 flex items-center line-clamp">
+              {{ item.fileName }}
+            </div>
+            <div>
+              <Trash
+                class="cursor-pointer"
+                @click="(item.fileName = ''), (item.filePath = '')"
+              />
+            </div>
           </div>
-        </div>
-        <div v-else>
-          <div class="upload-content">
-            <div class="flex flex-col justify-center items-center w-30 h-40 border border-dashed mt-2 rounded-lg bg-white">
-              <div class="w-24 bg-gradient-to-r from-[#2D28FF] to-[#1A7DFF] h-8 text-white rounded-sm bg-[#3162ff] cursor-pointer flex justify-center items-center" @click="triggerFileInput(index)">
-                上传文件
-              </div>
-              <div class="my-3">
-                点击上传文件
-              </div>
-              <div class="text-[#999999] text-xs">
-                .safetensors/.ckpt/.pt/.bin/.pth/.zip/.json/.flow/.lightflow/.yaml/.yml/.onnx/.gguf/.sft
+          <div v-else>
+            <div class="upload-content">
+              <div
+                class="flex flex-col justify-center items-center w-30 h-40 border border-dashed mt-2 rounded-lg bg-white"
+              >
+                <div
+                  class="w-24 bg-gradient-to-r from-[#2D28FF] to-[#1A7DFF] h-8 text-white rounded-sm bg-[#3162ff] cursor-pointer flex justify-center items-center"
+                  @click="triggerFileInput(index)"
+                >
+                  上传文件
+                </div>
+                <div class="my-3">点击上传文件</div>
+                <div class="text-[#999999] text-xs">
+                  .safetensors/.ckpt/.pt/.bin/.pth/.zip/.json/.flow/.lightflow/.yaml/.yml/.onnx/.gguf/.sft
+                </div>
               </div>
             </div>
           </div>
-        </div>
-        <div class="flex mt-6">
-          版本介绍 <Asterisk :size="10" color="#ff0000" class="mt-1" />
-        </div>
-        <div class="bg-white p-3 mt-2 rounded-lg">
-          <client-only>
-            <WangEditor v-model="item.versionDesc" />
-          </client-only>
-        </div>
-        <div v-html="item.versionDesc" />
-        <div class="mt-6">
-          触发词
-        </div>
-        <div class="-mb-5 text-gray-400 text-[12px]">
-          请输入您用来训练的单词
-        </div>
-        <n-form-item path="triggerWords">
-          <n-input v-model:value="item.triggerWords" placeholder="例如:  1boy" />
-        </n-form-item>
-        <div class="">
-          权限设置
-        </div>
-        <div class="mt-1 mb-2 text-gray-400 text-[12px]">
-          可见范围
-        </div>
-        <div>
-          <n-radio-group v-model:value="item.isPublic" name="radiogroup">
-            <n-space>
-              <n-radio v-for="(isPublicItem, isPublicIndex) in isPublicList" :key="isPublicIndex" :value="isPublicItem.value">
-                {{ isPublicItem.label }}
-              </n-radio>
-            </n-space>
-          </n-radio-group>
-        </div>
-      </n-form>
-      <div v-if="item.isPublic === 1">
-        <div class="mt-4 mb-1 text-gray-400 text-[12px]">
-          付费设置
-        </div>
-        <div class="flex justify-center items-center bg-white h-10 rounded-lg">
-          <div
-            v-for="(subItem, subIndex) in originalBtnList"
-            :key="subIndex"
-            :style="{
-              backgroundColor:
-                item.isFree === subItem.value
-                  ? 'rgba(49, 98, 255, 0.1)'
-                  : '#fff',
-              color: item.isFree === subItem.value ? '#3162ff' : '#000',
-            }" class="flex-1 rounded-lg h-full flex items-center justify-center cursor-pointer" @click="handleIsFree(index, subItem.value)"
-          >
-            {{ subItem.label }}
+          <div class="flex mt-6">
+            版本介绍 <Asterisk :size="10" color="#ff0000" class="mt-1" />
           </div>
-        </div>
-        <div class="mt-1 mb-2 text-gray-500 text-[12px]">
-          选择会员专属或会员下载视为您已经阅读 <span class="text-[#3162ff] cursor-pointer underline">《会员模型许可协议》</span> 并同意其中条款
-        </div>
-        <div v-if="item.isFree === 1" class="text-[12px]">
-          <div>会员下载模型</div>
-          <div class="text-gray-500">
-            下载模型需购买会员，在线生图对所有人开放，无生图次数限制；会员下载的模型版本生成图片默认可商用。
+          <div class="bg-white p-3 mt-2 rounded-lg">
+            <client-only>
+              <WangEditor v-model="item.versionDescription" />
+            </client-only>
           </div>
-        </div>
-      </div>
-      <div class="text-gray-400 text-[12px] my-4">
-        许可范围
-      </div>
-      <div class="flex flex-wrap">
-        <div class="w-[50%] mb-2">
-          <n-checkbox
-            v-model:checked="item.isOnlineUse"
-            :checked-value="1"
-            :unchecked-value="0" label="允许在魔创未来在线使用"
-          />
-        </div>
-        <div class="w-[50%] mb-2">
-          <n-checkbox
-            v-model:checked="item.allowDownloadImage"
-            :checked-value="1"
-            :unchecked-value="0" label="允许下载生图"
-          />
-        </div>
-        <div class="w-[50%] mb-2">
-          <n-checkbox
-            v-model:checked="item.allowSoftwareUse"
-            :checked-value="1"
-            :unchecked-value="0" label="允许在魔创未来旗下其他产品在线使用"
-          />
-        </div>
-        <div class="w-[50%] mb-2">
-          <n-checkbox
-            v-model:checked="item.allowFusion"
-            :checked-value="1"
-            :unchecked-value="0" label="允许进行融合"
-          />
-        </div>
-      </div>
+          <div class="mt-6">触发词</div>
+          <div class="-mb-5 text-gray-400 text-[12px]">请输入您用来训练的单词</div>
+          <n-form-item path="triggerWords">
+            <n-input v-model:value="item.triggerWords" placeholder="例如:  1boy" />
+          </n-form-item>
 
-      <div class="text-gray-400 text-[12px] my-4">
-        商用许可范围
-      </div>
-      <div class="flex flex-wrap">
-        <div class="w-[50%] mb-2">
-          <n-checkbox
-            v-model:checked="item.allowCommercialUse"
-            :checked-value="1"
-            :unchecked-value="0" label="生成图片可出售或用于商业目的"
-          />
-        </div>
-        <div class="w-[50%] mb-2">
-          <n-checkbox
-            v-model:checked="item.allowDownloadImage"
-            :checked-value="1"
-            :unchecked-value="0" label="允许模型转售或融合后出售"
-          />
-        </div>
-      </div>
+          <div v-if="localForm.modelProduct.modelType === '0'">
+            <n-form-item label="采样方法" path="modelVersionType">
+              <n-select
+                v-model:value="item.modelVersionType"
+                label-field="dictLabel"
+                value-field="dictValue"
+                placeholder="请选择采样方法"
+                :options="baseModelTypeList"
+              />
+             </n-form-item>
+             <div>
+              <n-select v-model:value="item.modelVersionType" multiple :options="baseModelTypeList" />
+             </div>
+          </div>
 
-      <div class="mb-4">
-        <div class="text-gray-400 text-[12px] my-4">
-          独家设置
+          <div class="">权限设置</div>
+          <div class="mt-1 mb-2 text-gray-400 text-[12px]">可见范围</div>
+          <div>
+            <n-radio-group v-model:value="item.isPublic" name="radiogroup">
+              <n-space>
+                <n-radio
+                  v-for="(isPublicItem, isPublicIndex) in isPublicList"
+                  :key="isPublicIndex"
+                  :value="isPublicItem.value"
+                >
+                  {{ isPublicItem.label }}
+                </n-radio>
+              </n-space>
+            </n-radio-group>
+          </div>
+        </n-form>
+        <div v-if="item.isPublic === 1">
+          <div class="mt-4 mb-1 text-gray-400 text-[12px]">付费设置</div>
+          <div class="flex justify-center items-center bg-white h-10 rounded-lg">
+            <div
+              v-for="(subItem, subIndex) in originalBtnList"
+              :key="subIndex"
+              :style="{
+                backgroundColor:
+                  item.isFree === subItem.value ? 'rgba(49, 98, 255, 0.1)' : '#fff',
+                color: item.isFree === subItem.value ? '#3162ff' : '#000',
+              }"
+              class="flex-1 rounded-lg h-full flex items-center justify-center cursor-pointer"
+              @click="handleIsFree(index, subItem.value)"
+            >
+              {{ subItem.label }}
+            </div>
+          </div>
+          <div class="mt-1 mb-2 text-gray-500 text-[12px]">
+            选择会员专属或会员下载视为您已经阅读
+            <span class="text-[#3162ff] cursor-pointer underline"
+              >《会员模型许可协议》</span
+            >
+            并同意其中条款
+          </div>
+          <div v-if="item.isFree === 1" class="text-[12px]">
+            <div>会员下载模型</div>
+            <div class="text-gray-500">
+              下载模型需购买会员，在线生图对所有人开放，无生图次数限制；会员下载的模型版本生成图片默认可商用。
+            </div>
+          </div>
         </div>
-        <div class="flex items-center mb-2">
-          <n-checkbox
-            v-model:checked="item.isExclusiveModel"
-            :checked-value="1"
-            :unchecked-value="0"
-          />
-          <div class="ml-3 text-[12px] text-gray-500">
-            此版本为魔创未来独家模型 *获取更多流量：独家模型规则
+        <div class="text-gray-400 text-[12px] my-4">许可范围</div>
+        <div class="flex flex-wrap">
+          <div class="w-[50%] mb-2">
+            <n-checkbox
+              v-model:checked="item.isOnlineUse"
+              :checked-value="1"
+              :unchecked-value="0"
+              disabled="true"
+              label="允许在魔创未来在线使用"
+            />
+          </div>
+          <div class="w-[50%] mb-2">
+            <n-checkbox
+              v-model:checked="item.allowDownloadImage"
+              :checked-value="1"
+              :unchecked-value="0"
+              label="允许下载生图"
+            />
+          </div>
+          <div class="w-[50%] mb-2">
+            <n-checkbox
+              v-model:checked="item.allowSoftwareUse"
+              :checked-value="1"
+              disabled="true"
+              :unchecked-value="0"
+              label="允许在魔创未来旗下其他产品在线使用"
+            />
+          </div>
+          <div class="w-[50%] mb-2">
+            <n-checkbox
+              v-model:checked="item.allowFusion"
+              :checked-value="1"
+              :unchecked-value="0"
+              label="允许进行融合"
+            />
+          </div>
+        </div>
+
+        <div class="text-gray-400 text-[12px] my-4">商用许可范围</div>
+        <div class="flex flex-wrap">
+          <div class="w-[50%] mb-2">
+            <n-checkbox
+              v-model:checked="item.allowCommercialUse"
+              :checked-value="1"
+              :unchecked-value="0"
+              label="生成图片可出售或用于商业目的"
+            />
+          </div>
+          <div class="w-[50%] mb-2">
+            <n-checkbox
+              v-model:checked="item.allowUsage"
+              :checked-value="1"
+              :unchecked-value="0"
+              label="允许模型转售或融合后出售"
+            />
+          </div>
+        </div>
+
+        <div class="mb-4">
+          <div class="text-gray-400 text-[12px] my-4">独家设置</div>
+          <div class="flex items-center mb-2">
+            <n-checkbox
+              v-model:checked="item.isExclusiveModel"
+              :checked-value="1"
+              :unchecked-value="0"
+            />
+            <div class="ml-3 text-[12px] text-gray-500">
+              此版本为魔创未来独家模型 *获取更多流量：独家模型规则
+            </div>
           </div>
         </div>
       </div>
-    </div>
+    </template>
     <div class="flex items-center justify-center mt-5">
-      <div class="flex justify-center items-center mt-5  w-[20%] mx-2 h-10 rounded-lg bg-[#f1f2f7] cursor-pointer" @click="nextStep">
-        上一步
+        <div
+          class="flex justify-center items-center mt-5 w-[20%] mx-2 h-10 rounded-lg bg-[#f1f2f7] cursor-pointer"
+          @click="prevStep"
+        >
+          上一步
+        </div>
+        <div
+          class="flex justify-center items-center mt-5 text-white mx-2 w-[20%] h-10 rounded-lg bg-[#3162ff] cursor-pointer"
+          @click="nextStep"
+        >
+          下一步
+        </div>
       </div>
-      <div class="flex justify-center items-center mt-5 text-white mx-2 w-[20%] h-10 rounded-lg bg-[#3162ff] cursor-pointer" @click="nextStep">
-        下一步
-      </div>
-    </div>
   </div>
   <input
     ref="fileInput"
@@ -333,7 +418,7 @@ async function handleFileChange(event: Event) {
     class="hidden"
     :accept="acceptTypes"
     @change="handleFileChange"
-  >
+  />
 </template>
 
 <style lang="scss" scoped>
diff --git a/app/components/publishModel/UploadImg.vue b/app/components/publishModel/UploadImg.vue
new file mode 100644
index 0000000..38b872a
--- /dev/null
+++ b/app/components/publishModel/UploadImg.vue
@@ -0,0 +1,197 @@
+<script setup lang="ts">
+import { cloneDeep } from 'lodash-es';
+import { Asterisk } from 'lucide-vue-next';
+import { useRoute, useRouter } from 'vue-router';
+
+const props = defineProps({
+  modelValue: {
+    type: Object,
+    required: true,
+  },
+})
+const emit = defineEmits(['update:modelValue', 'preStep'])
+const router = useRouter()
+
+const route = useRoute()
+
+const { type } = route.query
+
+const message = useMessage()
+
+const localForm = computed({
+  get() {
+    return props.modelValue
+  },
+  set(value) {
+    emit('update:modelValue', value)
+  },
+})
+function preStep() {
+  emit('preStep')
+}
+const showSuccessModal = ref(false)
+
+async function handlePublish() {
+  for (let i = 0; i < localForm.value.modelVersionList.length; i++) {
+    if (localForm.value.modelVersionList[i].delFlag === '0' && localForm.value.modelVersionList[i].sampleImagePaths.length === 0) {
+      return message.error('请上传图片')
+    }
+  }
+  try {
+    const param = cloneDeep(localForm.value)
+    if (param.modelProduct.tagsList.length !== 0) {
+      param.modelProduct.tags = JSON.stringify(param.modelProduct.tagsList)
+    }
+    else {
+      param.modelProduct.type = '[]'
+    }
+    for (let i = 0; i < param.modelVersionList.length; i++) {
+      if (param.modelVersionList[i].sampleImagePaths.length !== 0) {
+        param.modelVersionList[i].sampleImagePaths = param.modelVersionList[i].sampleImagePaths.join(',')
+      }
+      else {
+        param.modelVersionList[i].sampleImagePaths = ''
+      }
+    }
+    
+    if (type === 'add') {
+      try {
+        const res = await request.post('/model/insert', param)
+        if (res.code === 200) {
+          showSuccessModal.value = true
+        }
+      }
+      catch (error) {
+        console.log(error)
+      }
+    }
+    else {
+      try {
+        const res = await request.post('/model/update', param)
+        if (res.code === 200) {
+          showSuccessModal.value = true
+        }
+      }
+      catch (error) {
+        console.log(error)
+      }
+    }
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+watch(
+  () => localForm.value,
+  (newVal) => {
+    emit('update:modelValue', newVal)
+  },
+  { immediate: true, deep: true },
+)
+const fileInput = ref<HTMLInputElement | null>(null)
+const uploadFileIndex = ref(0)
+
+function triggerFileInput(index: number) {
+  (fileInput.value as HTMLInputElement)?.click()
+  uploadFileIndex.value = index
+}
+async function handleFileChange(event: Event) {
+  const target = event.target as HTMLInputElement
+  const files = target.files
+  if (files && files.length > 0) {
+    const sum = localForm.value.modelVersionList[uploadFileIndex.value].sampleImagePaths.length + files.length
+    if (sum >= 20)
+      return message.error('最多20张')
+    const res = await uploadImagesInBatches(files)
+    const urlList = res.map(item => item.url)
+    localForm.value.modelVersionList[uploadFileIndex.value].sampleImagePaths.push(...urlList)
+  }
+  target.value = ''
+}
+
+function onPositiveClick() {
+  showSuccessModal.value = false
+  router.push('/personal-center')
+}
+</script>
+
+<template>
+  <div class="mx-auto mt-10">
+    <div class="w-[700px] mx-auto items-start rounded-lg">
+      <template v-for="(item, index) in localForm.modelVersionList" :key="index">
+        <div v-if="item.delFlag === '0'" class="w-full bg-gray-100 p-4 rounded-lg mt-2">
+          <div class="flex justify-between items-center">
+            <div>
+              版本名: <span>{{ item.versionName }}</span>
+            </div>
+            <div>
+              <n-checkbox
+                v-model:checked="item.hideImageGenInfo"
+                :checked-value="1" :unchecked-value="0"
+              />
+              隐藏图片生成信息
+            </div>
+          </div>
+          <div class="flex justify-between items-center mt-4">
+            <div class="flex">
+              添加版本示例图片
+              <Asterisk :size="10" color="#ff0000" class="mt-1" />
+            </div>
+            <div class="text-[12px] text-gray-400">
+              最多20张图片, 图片不超过30M
+            </div>
+          </div>
+          <div>
+            <div class="flex flex-col justify-center items-center w-30 h-40 border border-dashed mt-2 rounded-lg bg-white">
+              <div class="w-24 bg-gradient-to-r from-[#2D28FF] to-[#1A7DFF] h-8 text-white rounded-sm bg-[#3162ff] cursor-pointer flex justify-center items-center" @click="triggerFileInput(index)">
+                上传文件
+              </div>
+              <div class="my-3">
+                点击上传文件
+              </div>
+              <div class="text-[#999999] text-xs">
+                请勿上传裸露、暴力、血腥或其他包含非法信息图片
+              </div>
+            </div>
+          </div>
+          <div class="grid grid-cols-3 gap-2.5 mt-4 w-full">
+            <div v-for="(subItem, subIndex) in item.sampleImagePaths" :key="subIndex">
+              <img class="w-full h-[200px] object-cover rounded-lg" :src="subItem" alt="">
+            </div>
+          </div>
+        </div>
+      </template>
+    </div>
+    <div class="flex items-center justify-center mt-5">
+      <div class="flex justify-center items-center mt-5  w-[20%] mx-2 h-10 rounded-lg bg-[#f1f2f7] cursor-pointer" @click="preStep">
+        上一步
+      </div>
+      <div class="flex justify-center items-center mt-5 text-white mx-2 w-[20%] h-10 rounded-lg bg-[#3162ff] cursor-pointer" @click="handlePublish">
+        发布
+      </div>
+    </div>
+  </div>
+  <input
+    ref="fileInput"
+    type="file"
+    class="hidden"
+    accept="image/*"
+    multiple
+    @change="handleFileChange"
+  >
+
+  <!-- 成功之后的弹框 -->
+  <n-modal
+    v-model:show="showSuccessModal"
+    :mask-closable="false"
+    preset="dialog"
+    title="发布成功！"
+    content="工作流发布成功， 可至个人中心查看状态"
+    positive-text="确认"
+    @positive-click="onPositiveClick"
+  />
+</template>
+
+<style scoped>
+
+</style>
diff --git a/app/components/publishWorkFlow/EditVersion.vue b/app/components/publishWorkFlow/EditVersion.vue
index 12e020f..8266e79 100644
--- a/app/components/publishWorkFlow/EditVersion.vue
+++ b/app/components/publishWorkFlow/EditVersion.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
-import type { FormInst } from 'naive-ui'
-import { uploadFileBatches } from '@/utils/uploadImg.ts'
-import { Asterisk, Trash } from 'lucide-vue-next'
-import { computed, ref, watch } from 'vue'
+import { uploadFileBatches } from '@/utils/uploadImg.ts';
+import { cloneDeep } from 'lodash-es';
+import { Asterisk, Trash } from 'lucide-vue-next';
+import type { FormInst } from 'naive-ui';
+import { computed, ref, watch } from 'vue';
 
 // 可接受的文件类型
 const props = defineProps({
@@ -54,7 +55,8 @@ const rules = {
   },
 }
 function addVersion() {
-  localForm.value.workFlowVersionList.unshift(modelVersionItem)
+  const param = cloneDeep(modelVersionItem)
+  localForm.value.workFlowVersionList.unshift(param)
 }
 
 const formRefs = ref<(FormInst | null)[]>([])
diff --git a/app/components/publishWorkFlow/EditWorkFlow.vue b/app/components/publishWorkFlow/EditWorkFlow.vue
index 21274d0..3bc4fcc 100644
--- a/app/components/publishWorkFlow/EditWorkFlow.vue
+++ b/app/components/publishWorkFlow/EditWorkFlow.vue
@@ -70,9 +70,9 @@ function handleIsPublic(value: number) {
 }
 function handleIsOriginal(value: number) {
   localForm.value.workFlow.original = value
-  if (value === 0) {
-    localForm.value.workFlow.authorName = ''
-  }
+  // if (value === 0) {
+  //   localForm.value.workFlow.authorName = ''
+  // }
 }
 
 // 内容类别
diff --git a/app/components/publishWorkFlow/UploadImg.vue b/app/components/publishWorkFlow/UploadImg.vue
index 8f260a0..4527278 100644
--- a/app/components/publishWorkFlow/UploadImg.vue
+++ b/app/components/publishWorkFlow/UploadImg.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { cloneDeep } from 'lodash-es'
-import { Asterisk } from 'lucide-vue-next'
-import { useRoute, useRouter } from 'vue-router'
+import { cloneDeep } from 'lodash-es';
+import { Asterisk } from 'lucide-vue-next';
+import { useRoute, useRouter } from 'vue-router';
 
 const props = defineProps({
   modelValue: {
@@ -53,6 +53,9 @@ async function handlePublish() {
         param.workFlowVersionList[i].imagePaths = ''
       }
     }
+    if(param.modelProduct.workFlow === 0){
+      param.modelProduct.originalAuthorName = ''
+    }
     // await request.post('/WorkFlow/addWorkFlow', param)
     if (type === 'add') {
       try {
diff --git a/app/constants/index.ts b/app/constants/index.ts
index b7e43b6..acabe35 100644
--- a/app/constants/index.ts
+++ b/app/constants/index.ts
@@ -1,4 +1,3 @@
-import type { SearchCheckIcon } from 'lucide-vue-next'
 
 export const appName = '魔创未来'
 export const appDescription = '魔创未来'
@@ -19,5 +18,5 @@ export const isPublicList = [{
   value: 2,
 }]
 export const headerRole = { // 包括就隐藏
-  inputSearch: ['/model-square'],
+  inputSearch: ['/model-square','/picture-square', '/work-square'],
 }
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index 4d726d2..9384fd7 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -1,23 +1,23 @@
 <script setup lang="ts">
 import {
-  Binary,
-  Code2,
-  Crown,
-  Image,
-  LayoutGrid,
-  Lightbulb,
-  Maximize,
-  User,
-  Workflow,
-} from 'lucide-vue-next'
+Binary,
+Code2,
+Crown,
+Image,
+LayoutGrid,
+Lightbulb,
+Maximize,
+User,
+Workflow
+} from 'lucide-vue-next';
 
 const menuStore = useMenuStore()
 
 // 路径到图标的映射
 const iconMap: any = {
   '/model-square': LayoutGrid,
-  '/works-inspire': Lightbulb,
-  '/workspace': Lightbulb,
+  '/picture-square':Lightbulb,
+  '/work-square':Workflow,
   '/web-ui': Image,
   '/comfy-ui': Workflow,
   '/training-lora': Binary,
@@ -78,7 +78,7 @@ function handleSide(event: Event, path: string) {
             v-for="item in menuStore.menuItems"
             :key="item.path"
             :to="item.path"
-            class="flex items-center gap-3 rounded-lg px-4 py-2.5 text-[15px] font-medium no-underline transition-colors"
+            class="flex items-center gap-3 rounded-lg px-4 py-4 text-[15px] font-medium no-underline transition-colors"
             :class="[
               menuStore.activeMenu === item.path
                 ? 'bg-blue-500/8 text-blue-600 dark:bg-blue-500/10 dark:text-blue-400'
diff --git a/app/pages/message/index.vue b/app/pages/message/index.vue
new file mode 100644
index 0000000..79eafde
--- /dev/null
+++ b/app/pages/message/index.vue
@@ -0,0 +1,272 @@
+<script setup lang="ts">
+import AttentionMsg from "@/components/message/AttentionMsg.vue";
+import LikeMsg from "@/components/message/LikeMsg.vue";
+import OfficialMsg from "@/components/message/OfficialMsg.vue";
+import ReplyMsg from "@/components/message/ReplyMsg.vue";
+import { Check, Heart, MessageSquareMore, UserPlus, Volume2 } from "lucide-vue-next";
+
+const currentMsgType = ref("reply");
+const MsgTypeList = ref([
+  // {
+  //   label:'官方通知',
+  //   value:'official'
+  // icon:'Volume2'
+  // },
+  {
+    label: "回复我的",
+    value: "reply",
+    icon: "MessageSquareMore",
+  },
+  {
+    label: "收到的赞",
+    value: "like",
+    icon: "Heart",
+  },
+  {
+    label: "关注我的",
+    value: "attention",
+    icon: "UserPlus",
+  },
+]);
+
+const iconMap: any = {
+  'official':Volume2,
+  'reply': MessageSquareMore,
+  'like':Heart,
+  'attention':UserPlus,
+}
+
+MsgTypeList.value = MsgTypeList.value.map(item => ({
+  ...item,
+  LucideIcon: iconMap[item.value], // 添加 Lucide 图标组件
+}))
+
+const urlList = ref({
+  official: "",
+  reply: "/advice/getCommentMsg",
+  like: "/advice/getLikeMsg",
+  attention: "/advice/getAttentionMsg",
+});
+const allList = ref({
+  reply: [],
+  like: [],
+  attention: [],
+});
+// const officialList = ref([])
+// const replyList = ref([])
+// const likeList = ref([])
+// const attentionList = ref([])
+
+// const officialParamsType = ref('')
+// const officialParamsTypeList = ref([
+//   {
+//     label:'全部通知',
+//     value:'4'
+//   }
+// ])
+const replyParamsType = ref("3");
+const replyParamsTypeList = ref([
+  {
+    label: "全部通知",
+    value: "3",
+  },
+  {
+    label: "模型评论",
+    value: "0",
+  },
+  {
+    label: "图片评论",
+    value: "2",
+  },
+  {
+    label: "工作流评论",
+    value: "1",
+  },
+]);
+
+const likeParamsType = ref("4");
+const likeParamsTypeList = ref([
+  {
+    label: "全部通知",
+    value: "4",
+  },
+  {
+    label: "模型点赞",
+    value: "0",
+  },
+  {
+    label: "图片点赞",
+    value: "2",
+  },
+  {
+    label: "工作流点赞",
+    value: "1",
+  },
+  {
+    label: "评论点赞",
+    value: "3",
+  },
+]);
+
+async function getList() {
+  const url = urlList.value[currentMsgType.value];
+  let productType = "";
+  if (currentMsgType.value === "reply") {
+    productType = replyParamsType.value;
+  } else if (currentMsgType.value === "like") {
+    productType = likeParamsType.value;
+  } else {
+    productType = "";
+  }
+  const res = await request.get(url, { productType });
+  if (res.code === 200) {
+    allList.value[currentMsgType.value] = res.data;
+  }
+}
+getList();
+
+function changeType(item: any) {
+  currentMsgType.value = item.value;
+  likeParamsType.value = "4";
+  replyParamsType.value = "3";
+  getList();
+}
+function handleSelect(item: any, type: string) {
+  if (type === "like") {
+    likeParamsType.value = item.value;
+  } else {
+    replyParamsType.value = item.value;
+  }
+  getList();
+}
+// 一键已读
+async function onAllRead() {
+  try {
+    const res = await request.get("/advice/readAll");
+    if (res.code === 200) {
+      getList();
+    }
+  } catch (err) {
+    console.log(err);
+  }
+}
+definePageMeta({
+  layout: "default",
+});
+</script>
+
+<template>
+  <div
+    class="bg-[#f0f1f5] w-full flex items-center justify-center"
+    :style="{ height: `calc(100vh - 48px)` }"
+  >
+    <div
+      class="card w-[1036px] min-h-[500px] m-auto rounded-lg flex border border-solid border-gray-200"
+      :style="{ height: `calc(100vh - 100px)` }"
+    >
+      <div
+        class="w-[287px] bg-white p-3 box-content rounded-l-lg text-gray-600 flex flex-col justify-between"
+      >
+        <div>
+          <div class="p-3 text-xl">通知</div>
+
+          <div
+            class="msg-item"
+            :style="{ background: item.value === currentMsgType ? '#f5f6fa' : '' }"
+            v-for="(item, index) in MsgTypeList"
+            :key="index"
+            @click="changeType(item)"
+          >
+            <!-- <Volume2 size="18" /> -->
+            <!-- <MessageSquareMore size="18" /> -->
+            <!-- <Heart size="18" /> -->
+            <!-- <UserPlus
+              size="18"
+              :style="{ color: item.value === currentMsgType ? '#3541ec' : '' }"
+              class="mr-2"
+            /> -->
+
+            <component
+              :is="item.LucideIcon"
+              size="18"
+              :style="{ color: item.value === currentMsgType ? '#3541ec' : '' }"
+              class="mr-2"
+            />
+            {{ item.label }}
+          </div>
+        </div>
+        <div class="w-full flex py-2 cursor-pointer justify-center">
+          <div class="flex justify-center items-center cursor-pointer" @click="onAllRead">
+            <Check size="14" class="mr-1" />
+            一键已读
+          </div>
+        </div>
+      </div>
+      <div class="box-content p-3 flex-1">
+        <div class="w-full h-10 flex justify-end items-center cursor-pointer relative">
+          <div class="group py-2">
+            <template v-if="currentMsgType === 'reply' || currentMsgType === 'like'">
+              全部通知
+              <n-icon size="14" class="ml-1">
+                <ChevronDown />
+              </n-icon>
+            </template>
+
+            <div
+              v-if="currentMsgType === 'reply'"
+              class="absolute right-0 top-[30px] hidden group-hover:block text-[#000000] text-[12px] bg-white rounded-lg text-center px-2 py-2 w-20 mt-2 shadow-lg z-10"
+            >
+              <div
+                v-for="(item, index) in replyParamsTypeList"
+                :style="{
+                  color: item.value === replyParamsType ? '#3a75f6' : '',
+                }"
+                :key="index"
+                class="hover:bg-gray-100 py-2 cursor-pointer rounded-lg"
+                @click="(event) => handleSelect(item, 'reply')"
+              >
+                {{ item.label }}
+              </div>
+            </div>
+            <div
+              v-if="currentMsgType === 'like'"
+              class="absolute right-0 top-[30px] hidden group-hover:block text-[#000000] text-[12px] bg-white rounded-lg text-center px-2 py-2 w-20 mt-2 shadow-lg z-10"
+            >
+              <div
+                v-for="(item, index) in likeParamsTypeList"
+                :style="{
+                  color: item.value === likeParamsType ? '#3a75f6' : '',
+                }"
+                :key="index"
+                class="hover:bg-gray-100 py-2 cursor-pointer rounded-lg"
+                @click="(event) => handleSelect(item, 'like')"
+              >
+                {{ item.label }}
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="p-2 overflow-y-auto" :style="{ height: `calc(100% - 48px)` }">
+          <OfficialMsg v-if="currentMsgType === 'official'" />
+          <ReplyMsg v-if="currentMsgType === 'reply'" :data-list="allList.reply" />
+          <LikeMsg v-if="currentMsgType === 'like'" :data-list="allList.like" />
+          <AttentionMsg
+            v-if="currentMsgType === 'attention'"
+            :data-list="allList.attention"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<style scoped>
+.msg-item {
+  @apply h-14 flex items-center mb-2 py-3 pl-6 rounded-lg cursor-pointer;
+  @apply hover:bg-[#f5f6fa];
+}
+.card {
+  @apply rounded-lg overflow-hidden transition-all duration-300;
+  @apply [box-shadow:0_0_20px_0_rgba(0,0,0,0.05)];
+  @apply hover:bg-[#f5f6fa] hover:[box-shadow:0_0_20px_0_rgba(0,0,0,0.1)];
+}
+</style>
diff --git a/app/pages/model-details/[id].vue b/app/pages/model-details/[id].vue
index 468feb0..10a5f2f 100644
--- a/app/pages/model-details/[id].vue
+++ b/app/pages/model-details/[id].vue
@@ -1,37 +1,462 @@
 <script setup lang="ts">
-import { Heart } from '@vicons/ionicons5'
-import {
-  Download,
-  Play,
-} from 'lucide-vue-next'
+import { Heart, PersonAddOutline } from '@vicons/ionicons5'
 
+import {
+CircleUser,
+Download,
+EllipsisVertical, Play,
+SquarePlus
+} from 'lucide-vue-next'
+import { NConfigProvider, NMessageProvider } from 'naive-ui'
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+
+const message = useMessage()
+
+const router = useRouter()
+// 用于版本tabs当前选中的选项卡
 definePageMeta({
   layout: 'default',
 })
-// const route = useRoute<'publishDetails-id'>()
+// const userStore = useUserStore()
+const route = useRoute()
+const { id } = route.params as { id: string }
+const activeTab = ref(null)
+const commentHeight = ref(800)
+const detailsInfo = ref({})
+const currentUserInfo = ref<any>({})
 
-// const id = route.params.id
+// 先获取用户信息 再获取版本信息
+const versionByWorkInfo = ref([])
+async function getInfo() {
+  try {
+    const res = await request.get(`/model/selectModelById?id=${id}`)
+    if (res.code === 200) {
+      detailsInfo.value = res.data
+      // detailsInfo.value.styleList =JSON.parse(res.data.styleList)
+      // // 1翻译
+      try {
+        const res1 = await request.get(`/ModelVersion/finbyid?id=${res.data.id}`)// 获取版本
+        if (res1.code === 200 && res1.data.length > 0) {
+          versionByWorkInfo.value = res1.data
+          versionByWorkInfo.value.forEach((item) => {
+            item.sampleImagePaths = item.sampleImagePaths.split(',')
+          })
+          nextTick(() => {
+            activeTab.value = versionByWorkInfo.value[0].id
+          })
+        // const commentRes = await request.get(`/WorkFlowComment/comment/${res.data.id}`)
+        }
+      }
+      catch (error) {
+        console.log(error)
+      }
+
+      // // 获取当前作品的用户信息
+      try {
+        const res = await request.get(`/system/user/selectUserById?id=${detailsInfo.value.userId}`)
+        if (res.code === 200) {
+          currentUserInfo.value = res.data
+        }
+      }
+      catch (error) {
+        console.log(error)
+      }
+      getAttention()
+    }
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+getInfo()
+
+// 获取用户点赞/粉丝/关注数量
+interface SelectUserInfo {
+  attention: number
+  bean: number
+  imageLikeNum:number
+  modelDownLoadNum:number
+  modelLikeNum:number
+  modelRunNum:number
+}
+const selectUserInfo = ref<SelectUserInfo>({
+  attention: 0,
+  bean: 0,
+  imageLikeNum:0,
+  modelDownLoadNum:0,
+  modelLikeNum:0,
+  modelRunNum:0,
+})
+
+// 获取点赞粉丝等的数量
+async function getAttention() {
+  try {
+    const res = await request.get(`/attention/selectUserInfo?userId=${detailsInfo.value.userId}`)
+    if (res.code === 200) {
+      selectUserInfo.value = res.data
+    }
+  }
+  catch (err) {
+    console.log(err)
+  }
+}
+
+// 举报/编辑/删除
+const isDelete = ref(false)
+async function handleSelect(event: Event, type: string) {
+  event.stopPropagation() // 阻止事件冒泡
+  if (type === 'report') {
+    await request.get(`/WorkFlow/report?id=${id}`) // 举报
+  }
+  else if (type === 'edit') {
+    router.push({
+      path: `/publish-model`,
+      query: {
+        type: 'edit',
+        id: detailsInfo.value.id,
+      },
+    })
+  }
+  else {
+    isDelete.value = true
+  }
+}
+
+// 删除
+async function onDelete() {
+  try {
+    const res = await request.get(`/model/delete?id=${detailsInfo.value.id}`)
+    if (res.code === 200) {
+      message.success('删除成功')
+      isDelete.value = false
+      router.push('/personal-center')
+    }
+  }
+  catch (err) {
+    console.log(err)
+  }
+}
+
+// 关注用户/取消关注
+async function onChangeAttention() {
+  try {
+    const res = await request.get(`/attention/addAttention?userId=${detailsInfo.value.userId}`)
+    if (res.code === 200) {
+      if (res.data) {
+        detailsInfo.value.isAttention = 1
+        message.success('关注成功')
+      }
+      else {
+        detailsInfo.value.isAttention = 0
+        message.success('取消关注成功')
+      }
+    }
+  }
+  catch (err) {
+    console.log(err)
+  }
+}
+
+// 点赞
+async function onLike() {
+  try {
+    const res = await request.get(`/ModelComment/modelLike?modelId=${detailsInfo.value.id}`)
+    if (res.code === 200) {
+      detailsInfo.value.isLike === 0 ? detailsInfo.value.isLike = 1 : detailsInfo.value.isLike = 0
+      if (detailsInfo.value.isLike === 0) {
+        message.success('取消点赞成功')
+      }
+      else {
+        message.success('点赞成功')
+      }
+    }
+  }
+  catch (err) {
+    console.log(err)
+  }
+}
 </script>
 
 <template>
   <div class="flex justify-center">
-    <div class="w-[1125px]">
+    <div class="w-[1125px] p-4">
       <div class="flex items-center">
-        <div class="text-[26px] font-bold mr-2">
-          名称
+        <div class="text-[26px] font-bold mr-4">
+          {{ detailsInfo.modelName }}
+        </div>
+
+        <n-tooltip trigger="hover">
+          <template #trigger>
+            <div class="flex items-center bg-[#f4f5f9] px-2 rounded-full">
+              <component :is="Play" class="h-[14px] w-[14px] text-black menu-icon m-1" />
+              <span> {{ detailsInfo.reals || 0 }} </span>
+            </div>
+          </template>
+          在线生成数
+        </n-tooltip>
+
+        <n-tooltip trigger="hover">
+          <template #trigger>
+            <div class="flex items-center bg-[#f4f5f9] px-2 rounded-full mx-4">
+              <component
+                :is="Download"
+                class="h-[14px] w-[14px] text-black menu-icon m-1"
+              />
+              <span> {{ detailsInfo.numbers || 0 }} </span>
+            </div>
+          </template>
+          下载数
+        </n-tooltip>
+
+        <n-tooltip trigger="hover">
+          <template #trigger>
+            <div class="flex items-center bg-[#f4f5f9] px-2 rounded-full">
+              <img src="@/assets/img/heart.png" class="w-[14px] h-[14px] mr-1" alt="">
+              <span>{{ detailsInfo.likeNum || 0}} </span> 
+            </div>
+          </template>
+          点赞数
+        </n-tooltip>
+      </div>
+
+      <div class="flex items-center mt-3 mb-5">
+        <div
+          v-for="(item, index) in detailsInfo.styleList"
+          :key="index"
+          class="text-[12px] bg-[#ebf2fe] p-1 px-2 text-[#557abf] mr-4 rounded-md"
+        >
+          {{ item }}
+        </div>
+      </div>
+      <div class="flex w-full gap-1">
+        <div class="w-2/3">
+          <div class="w-full">
+            <n-tabs v-model:value="activeTab" type="line" animated>
+              <n-tab-pane
+                v-for="(item, index) in versionByWorkInfo"
+                :key="index"
+                :name="item.id"
+                :tab="item.versionName"
+              >
+                <!-- 显示最后一步上传图片的图片 -->
+                <div class="grid grid-cols-2 gap-2.5 box-border">
+                  <img
+                    v-for="(subItem, subIndex) in item.sampleImagePaths"
+                    :key="subIndex"
+                    :src="subItem"
+                    class="w-full h-[300px]"
+                    alt=""
+                  >
+                </div>
+
+                <div v-if="detailsInfo.original === 1" class="font-bold text-[20px] my-6">
+                  转载自作者: {{ detailsInfo.authorName }}
+                </div>
+                <!-- 富文本中输入的文字 图片 -->
+                <div class="w-full mt-2">
+                  <div v-html="item.versionDescription" />
+                </div>
+              </n-tab-pane>
+            </n-tabs>
+          </div>
+          <div class="mt-4">
+            <div style="padding: 20px">
+              <NConfigProvider>
+                <NMessageProvider>
+                  <BaseComment v-if="detailsInfo.id" type="model" :height="commentHeight" :details-info="detailsInfo" />
+                </NMessageProvider>
+              </NConfigProvider>
+            </div>
+          </div>
+        </div>
+        <div class="w-1/3 mt-3">
+          <div
+            class="flex justify-between text-[#a3a1a1] text-[12px] items-center -ml-60"
+          >
+            <div class="flex justify-end">
+              <div v-if="detailsInfo.createTime" class="mr-2">
+                首发时间{{ detailsInfo.createTime }}
+              </div>
+              <div v-if="detailsInfo.updateTime">
+                更新时间：{{ detailsInfo.updateTime }}
+              </div>
+            </div>
+
+            <div class="flex items-center relative">
+              <n-icon size="20" :color="detailsInfo.isLike === 0 ? '#ccc' : '#ff0000'" @click="onLike">
+                <Heart class="cursor-pointer" />
+              </n-icon>
+              <div class="group relative">
+                <component
+                  :is="EllipsisVertical"
+                  class="h-[18px] w-[48px] text-[#557abf] cursor-pointer"
+                />
+                <div
+                  class="absolute right-0 top-[10px] hidden group-hover:block text-[#000000] text-[12px] bg-white rounded-lg text-center px-2 py-2 w-20 mt-2 shadow-lg z-10"
+                >
+                  <div class="menu-item hover:bg-gray-100 py-2 cursor-pointer rounded-lg" @click="(event) => handleSelect(event, 'report')">
+                    举报
+                  </div>
+                  <div
+                    class="menu-item hover:bg-gray-100 py-2 cursor-pointer rounded-lg"
+                    @click="(event) => handleSelect(event, 'edit')"
+                  >
+                    编辑
+                  </div>
+                  <div class="menu-item hover:bg-gray-100 py-2 cursor-pointer rounded-lg" @click="(event) => handleSelect(event, 'delete')">
+                    删除
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="flex items-center mt-10 p-2 bg-[#f3f5f9] w-full rounded-md h-[80px] box-border"
+          >
+            <div class="w-[70px] h-[70px] rounded-full overflow-hidden mr-4">
+              <client-only>
+                <NAvatar
+                  class="w-full h-full mr-2 block"
+                  round
+                  size="small"
+                  :src="currentUserInfo.avatar"
+                />
+              </client-only>
+            </div>
+            <div class="flex-1">
+              <div class="flex items-center justify-between">
+                <div class="flex-1">
+                  <client-only>
+                    <div class="text[20px] font-bold">
+                      {{ currentUserInfo.nickName }}
+                    </div>
+                  </client-only>
+                  <!-- 0代表原创 1代表转载 -->
+                  <div v-if="detailsInfo.original === 0" class="text-[14px]">
+                    原创作者
+                  </div>
+                </div>
+                <div class="flex-1 flex justify-end">
+                  <div class="flex items-center font-bold px-1 justify-center w-24 h-10 rounded-full text-[#426af7] border-2 border-[#426af7] border-solid cursor-pointer" @click="onChangeAttention">
+                    <n-icon v-if="detailsInfo.isAttention === 0" size="20" class="mr-2">
+                      <PersonAddOutline />
+                    </n-icon>
+                    {{ detailsInfo.isAttention === 1 ? '已关注' : '关注' }}
+                  </div>
+                </div>
+              </div>
+
+              <div class="flex items-center text-[#969798]">
+                <component
+                  :is="CircleUser"
+                  class="h-[12px] w-[12px] text-black menu-icon m-1 text-[#969798] m-0"
+                />
+                <span class="mr-2"> {{ selectUserInfo.bean }} </span>
+                <!-- <component
+                  :is="HardDriveUpload"
+                  class="h-[12px] w-[14px] text-black menu-icon m-1 text-[#969798]"
+                />
+                <span class="mr-2"> 2 </span> -->
+                <component
+                  :is="Play"
+                  class="h-[12px] w-[12px] text-black menu-icon m-1 text-[#969798]"
+                />
+                <span class="mr-2"> {{ selectUserInfo.modelRunNum }} </span>
+                <component
+                  :is="Download"
+                  class="h-[12px] w-[12px] text-black menu-icon m-1 text-[#969798]"
+                />
+                <span class="mr-2"> {{ selectUserInfo.modelDownloadNum }} </span>
+              </div>
+            </div>
+          </div>
+          <!-- 不支持的bg #b1b2b2 -->
+          <div
+            class="flex items-center justify-center mt-4 w-full text-white bg-[#3c7af6] w-full rounded-md h-[50px] cursor-pointer"
+          >
+            <component
+              :is="Play"
+              class="h-[20px] w-[20px] text-white menu-icon m-1 text-[#969798]"
+            />
+            <span class="mr-1"> 立即生图</span>
+          </div>
+          <div class="flex gap-y-2">
+            <div class="flex flex-1 items-center justify-center bg-[#eceef4] h-[50px] mt-4 mr-1 rounded-md">
+              <component
+                :is="SquarePlus"
+                class="h-[20px] w-[20px] text-black menu-icon m-1 text-[#969798]"
+              />
+              <span class="mr-1">加入模型课</span>
+            </div>
+            
+            <div
+              class="flex flex-1 items-center bg-gradient-to-r from-[#ffe9c8] to-[#ffd264] justify-center ml-1 mt-4 text-black bg-[#eceef4] w-full rounded-md h-[50px] cursor-pointer"
+            >
+              <component
+                :is="Download"
+                class="h-[20px] w-[20px] text-black menu-icon m-1 text-[#969798]"
+              />
+              <span class="mr-1"> 下载 (122.22MB) </span>
+            </div>
+          </div>
+          
+
+          <!-- <div style="background: linear-gradient(135deg,#3cc9ff, #8fa6ff, 41%, #d8b4ff 74%,#326bff)" class="flex items-center justify-center mt-4 w-full h-14 text-black bg-[#fff] w-full rounded-md h-[80px] cursor-pointer hover:bg-[#f1f2f7]">
+            <component :is="Download" class="h-[20px] w-[20px] text-black menu-icon m-1 text-[#969798]" />
+            <span class="mr-1">
+              下载客户端
+            </span>
+          </div> -->
+          <n-modal
+            v-model:show="isDelete"
+            :mask-closable="false"
+            preset="dialog"
+            title="提示！"
+            content="确定要将模型删除? 模型删除后无法找回"
+            negative-text="取消"
+            positive-text="确认"
+            @negative-click="onDelete"
+            @positive-click="onDelete"
+          />
+          <div />
         </div>
-        <component :is="Play" class="h-[14px] w-[14px] text-white menu-icon m-1" />
-        <span>
-          <!-- {{ item.reals }} -->0
-        </span>
-        <component
-          :is="Download"
-          class="h-[14px] w-[14px] text-white menu-icon m-1"
-        />
-        <span>
-          <!-- {{ item.numbers }} -->0
-        </span>
       </div>
     </div>
   </div>
 </template>
+
+<style lang="scss">
+.header-num {
+  @apply flex items-center bg-[#f4f5f9] px-2 rounded-full;
+}
+.header-tag {
+  @apply flex items-center bg-[#f4f5f9] px-2 rounded-full;
+  display: flex;
+  align-self: flex-start;
+  justify-content: space-between;
+}
+.n-tabs.n-tabs--line-type .n-tabs-tab.n-tabs-tab,
+.n-tabs.n-tabs--bar-type .n-tabs-tab.n-tabs-tab {
+  color: #949494;
+}
+.n-tabs.n-tabs--line-type .n-tabs-tab.n-tabs-tab--active,
+.n-tabs.n-tabs--bar-type .n-tabs-tab.n-tabs-tab--active {
+  color: #000;
+  font-weight: 700;
+  font-size: 24px;
+}
+
+.n-tabs .n-tabs-bar {
+  position: absolute;
+  bottom: 0;
+  height: 4px;
+  background: linear-gradient(90deg, #173eff 0%, #1b7dff 100%);
+  border-radius: 2px;
+  transition:
+    left 0.2s var(--n-bezier),
+    max-width 0.2s var(--n-bezier),
+    opacity 0.3s var(--n-bezier),
+    background-color 0.3s var(--n-bezier);
+}
+</style>
diff --git a/app/pages/model-square.vue b/app/pages/model-square.vue
index 1967f4b..dd8d0ef 100644
--- a/app/pages/model-square.vue
+++ b/app/pages/model-square.vue
@@ -1,47 +1,246 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { commonApi } from "@/api/common";
+import { ArrowBack, ArrowForward } from '@vicons/ionicons5';
+import { ref } from "vue";
 
 definePageMeta({
-  layout: 'default',
+  layout: "default",
+});
+const params = ref({
+  name: null,
+  order: null,
+  type: null
 })
+// const hotNameList = ref([
+// '哪吒',
+// '电商',
+// '产品',
+// '海报',
+// '国潮',
+// '写真',
+// '推文',
+// 'XL',
+// ])
+const listRef = ref(null);
+// function handleSearch() {
+//   onSearch()
+// }
+const modelCategoryList = ref([]);
+async function getDictType() {
+  try {
+    const res = await commonApi.dictType({ type: "model_child_category" });
+    if (res.code === 200) {
+      modelCategoryList.value = res.data;
+    }
+  } catch (error) {
+    console.log(error);
+  }
+}
+getDictType();
 
-const myItems = [1, 2, 3, 4, 5, 6, 7]
-const scrollListRef = ref(null)
-
-// 处理选中项改变
-function handleChange(index) {
-  console.log('Current index:', index)
+//执行搜索的时候
+function onSearch() {
+  if (listRef.value) {
+    listRef.value?.initPageNUm();
+  }
+}
+// 切换类型
+function changeCategory(item:any){
+  params.value.type = item.dictValue
+  onSearch()
 }
 
-// 处理项目点击
-function handleItemClick({ index, item }) {
-  console.log('Clicked item:', item, 'at index:', index)
-}
+// function onHot(name:string){
+//   params.value.name = name
+//   onSearch()
+// }
 </script>
-
 <template>
   <div class="p-6">
-    <h1 class="text-2xl font-bold">
-      模型广场
-    </h1>
-    <!-- <ScrollListView
-      ref="scrollListRef"
-      title="My Scroll List"
-      :items="myItems"
-      :initial-index="2"
-      @change="handleChange"
-      @item-click="handleItemClick"
-    >
-      <template #item="{ item }">
-        <div class="custom-item">
-          <span>{{ item }}</span>
+    <div class="header flex h-[150px] border-b border-b-[#ebebeb]">
+      <div class="flex-1 py-2">
+        <div class="max-w-4xl mx-auto">
+          <div class="relative flex items-center w-full">
+            <!-- 搜索输入框 -->
+            <input
+              type="text"
+              class="w-full py-3 px-6 text-lg text-gray-600 placeholder-gray-400 bg-white border-2 border-blue-500 rounded-full focus:outline-none focus:border-blue-600"
+              placeholder="搜索模型/图片/创作者寻找灵感"
+              @keyup.enter="onSearch"
+              v-model="params.name"
+            />
+
+            <!-- 相机图标 -->
+            <button class="absolute right-24 p-2 mr-2 text-gray-400 hover:text-gray-600">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                class="h-6 w-6"
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke="currentColor"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"
+                />
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="M15 13a3 3 0 11-6 0 3 3 0 016 0z"
+                />
+              </svg>
+            </button>
+
+            <!-- 搜索按钮 -->
+            <button
+              class="absolute right-0 px-8 py-3 mr-2 text-white bg-blue-500 rounded-full hover:bg-blue-600 focus:outline-none"
+              @click="onSearch"
+            >
+              搜索
+            </button>
+          </div>
         </div>
-      </template>
-    </ScrollListView> -->
-    <!-- <button @click="handleTest">测试</button>
-    <client-only>
-      {{ useUser.brief }}
-    </client-only> -->
-    <!-- 这里添加模型广场的具体内容 -->
+        <!-- <div class="flex p-3">
+          <div v-for="(item, index) in hotNameList" @click="onHot(item)" :key="index" class="mr-3 mb-2 cursor-pointer">
+            {{ item }}
+          </div>
+        </div> -->
+      </div>
+      <div class="w-[500px] ml-4">
+        <!-- <img
+          class="h-[130px] w-full rounded-lg"
+          src="https://img.zcool.cn/tubelocation/e41767ac6706cd0109100099e04b.jpg?imageMogr2/format/webp"
+          alt=""
+        /> -->
+        <n-carousel show-arrow autoplay>
+          <img
+            class="carousel-img"
+            src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel1.jpeg"
+          />
+          <img
+            class="carousel-img"
+            src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel2.jpeg"
+          />
+          <img
+            class="carousel-img"
+            src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel3.jpeg"
+          />
+          <img
+            class="carousel-img"
+            src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel4.jpeg"
+          />
+          <template #arrow="{ prev, next }">
+            <div class="custom-arrow">
+              <button type="button" class="custom-arrow--left" @click="prev">
+                <n-icon><ArrowBack /></n-icon>
+              </button>
+              <button type="button" class="custom-arrow--right" @click="next">
+                <n-icon><ArrowForward /></n-icon>
+              </button>
+            </div>
+          </template>
+          <template #dots="{ total, currentIndex, to }">
+            <ul class="custom-dots">
+              <li
+                v-for="index of total"
+                :key="index"
+                :class="{ ['is-active']: currentIndex === index - 1 }"
+                @click="to(index - 1)"
+              />
+            </ul>
+          </template>
+        </n-carousel>
+      </div>
+    </div>
+    <div class="flex flex-wrap">
+      <div class="flex flex-wrap">
+        <div
+          v-for="(item, index) in modelCategoryList"
+          :key="index"
+          :style="{color: item.dictValue === params.type ? '#000' : '#6f6f6f'}"
+          @click="changeCategory(item)"
+          class="pt-4 mr-4 cursor-pointer"
+        >
+          {{ item.dictLabel }}
+        </div>
+      </div>
+    </div>
+    <div class="flex flex-wrap">
+      <ModelList ref="listRef" :params="params"></ModelList>
+    </div>
   </div>
 </template>
+<style lang="scss" scoped>
+.grid > div {
+  transition: transform 0.2s;
+}
+.grid > div:hover {
+  transform: translateY(-2px);
+}
+.carousel-img {
+  width: 100%;
+  height: 120px;
+  border-radius: 6px;
+  object-fit: cover;
+}
+.custom-arrow {
+  display: flex;
+  position: absolute;
+  bottom: 25px;
+  right: 10px;
+}
+
+.custom-arrow button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  margin-right: 12px;
+  color: #fff;
+  background-color: rgba(255, 255, 255, 0.1);
+  border-width: 0;
+  border-radius: 8px;
+  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  cursor: pointer;
+}
+
+.custom-arrow button:hover {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.custom-arrow button:active {
+  transform: scale(0.95);
+  transform-origin: center;
+}
+
+.custom-dots {
+  display: flex;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  bottom: 20px;
+  left: 20px;
+}
+
+.custom-dots li {
+  display: inline-block;
+  width: 12px;
+  height: 4px;
+  margin: 0 3px;
+  border-radius: 4px;
+  background-color: rgba(255, 255, 255, 0.4);
+  transition:
+    width 0.3s,
+    background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  cursor: pointer;
+}
+
+.custom-dots li.is-active {
+  width: 40px;
+  background: #fff;
+}
+</style>
diff --git a/app/pages/personal-center/index.vue b/app/pages/personal-center/index.vue
index c011f96..2eaccac 100644
--- a/app/pages/personal-center/index.vue
+++ b/app/pages/personal-center/index.vue
@@ -3,6 +3,7 @@ import { commonApi } from '@/api/common'
 import EditUserInfo from '@/components/EditUserInfo.vue'
 import { useUserStore } from '@/stores/user'
 import { formatDate } from '@/utils/index.ts'
+import { NConfigProvider, NMessageProvider } from 'naive-ui'
 import { nextTick, onMounted, onUnmounted, ref } from 'vue'
 
 const loading = ref(false)
@@ -341,6 +342,11 @@ const attentionIsVisible = ref<boolean>(false)
 function onCloseAttentionModel() {
   attentionIsVisible.value = false
 }
+function onClearDate(){
+  publishParams.value.startTime =  '',
+  publishParams.value.endTime =  '',
+  initPageNUm()
+}
 </script>
 
 <template>
@@ -492,6 +498,7 @@ function onCloseAttentionModel() {
             range-separator="至"
             start-placeholder="开始日期"
             end-placeholder="结束日期"
+            :on-clear="onClearDate"
             clearable
             @update:value="changeDate"
           />
@@ -511,10 +518,13 @@ function onCloseAttentionModel() {
         />
       </div>
     </div>
-
+    <NConfigProvider>
+      <NMessageProvider>
+        <Authentication ref="authenticationRef" />
+        <EditUserInfo ref="editUserInfoRef" />
+      </NMessageProvider>
+    </NConfigProvider>
     <!-- Dialog Components -->
-    <Authentication ref="authenticationRef" />
-    <EditUserInfo ref="editUserInfoRef" />
 
     <div class="login-content my-4 grid grid-cols-4 gap-4 px-5">
       <PersonalCenterCard
diff --git a/app/pages/picture-square.vue b/app/pages/picture-square.vue
new file mode 100644
index 0000000..3a3194d
--- /dev/null
+++ b/app/pages/picture-square.vue
@@ -0,0 +1,189 @@
+<script setup lang="ts">
+import { commonApi } from "@/api/common";
+import { ArrowBack, ArrowForward } from "@vicons/ionicons5";
+import { NConfigProvider, NMessageProvider } from "naive-ui";
+import { ref } from "vue";
+
+definePageMeta({
+  layout: "default",
+});
+const params = ref({
+  name: null,
+  order: null,
+  type: null,
+});
+const listRef = ref(null);
+// function handleSearch() {
+//   onSearch()
+// }
+
+const modelCategoryList = ref([]);
+async function getDictType() {
+  try {
+    const res = await commonApi.dictType({ type: "image_label" });
+    if (res.code === 200) {
+      modelCategoryList.value = res.data;
+      modelCategoryList.value.unshift({
+        dictValue: null,
+        dictLabel: "全部",
+      });
+    }
+  } catch (error) {
+    console.log(error);
+  }
+}
+getDictType();
+
+//执行搜索的时候
+function onSearch() {
+  if (listRef.value) {
+    listRef.value?.initPageNUm();
+  }
+}
+// 切换类型
+function changeCategory(item: any) {
+  params.value.type = item.dictValue;
+  onSearch();
+}
+</script>
+<template>
+  <div class="p-6">
+    <div class="w-full">
+      <n-carousel show-arrow autoplay>
+        <img
+          class="carousel-img"
+          src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel1.jpeg"
+        />
+        <img
+          class="carousel-img"
+          src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel2.jpeg"
+        />
+        <img
+          class="carousel-img"
+          src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel3.jpeg"
+        />
+        <img
+          class="carousel-img"
+          src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel4.jpeg"
+        />
+        <template #arrow="{ prev, next }">
+          <div class="custom-arrow">
+            <button type="button" class="custom-arrow--left" @click="prev">
+              <n-icon><ArrowBack /></n-icon>
+            </button>
+            <button type="button" class="custom-arrow--right" @click="next">
+              <n-icon><ArrowForward /></n-icon>
+            </button>
+          </div>
+        </template>
+        <template #dots="{ total, currentIndex, to }">
+          <ul class="custom-dots">
+            <li
+              v-for="index of total"
+              :key="index"
+              :class="{ ['is-active']: currentIndex === index - 1 }"
+              @click="to(index - 1)"
+            />
+          </ul>
+        </template>
+      </n-carousel>
+    </div>
+    <div class="flex items-center mt-4">
+      <div class="text-[20px] mr-4">作品灵感</div>
+      <HeaderSearchInput v-model="params.name" @search="onSearch" />
+    </div>
+    <div class="flex flex-wrap mt-2">
+      <div class="flex flex-wrap">
+        <div
+          v-for="(item, index) in modelCategoryList"
+          :key="index"
+          :style="{
+            color: item.dictValue === params.type ? '#fff' : '#000',
+            background: item.dictValue === params.type ? '#000' : '#fff',
+          }"
+          @click="changeCategory(item)"
+          class="px-2 py-1 rounded-full mr-4 cursor-pointer"
+        >
+          {{ item.dictLabel }}
+        </div>
+      </div>
+    </div>
+    <div class="flex flex-wrap">
+      <NConfigProvider>
+        <NMessageProvider>
+          <PictureList ref="listRef" :params="params" />
+        </NMessageProvider>
+      </NConfigProvider>
+    </div>
+  </div>
+</template>
+<style lang="scss" scoped>
+.grid > div {
+  transition: transform 0.2s;
+}
+.grid > div:hover {
+  transform: translateY(-2px);
+}
+.carousel-img {
+  width: 100%;
+  height: 180px;
+  border-radius: 10px;
+  object-fit: cover;
+}
+
+.custom-arrow {
+  display: flex;
+  position: absolute;
+  bottom: 25px;
+  right: 10px;
+}
+
+.custom-arrow button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  margin-right: 12px;
+  color: #fff;
+  background-color: rgba(255, 255, 255, 0.1);
+  border-width: 0;
+  border-radius: 8px;
+  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  cursor: pointer;
+}
+
+.custom-arrow button:hover {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.custom-arrow button:active {
+  transform: scale(0.95);
+  transform-origin: center;
+}
+
+.custom-dots {
+  display: flex;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  bottom: 20px;
+  left: 20px;
+}
+
+.custom-dots li {
+  display: inline-block;
+  width: 12px;
+  height: 4px;
+  margin: 0 3px;
+  border-radius: 4px;
+  background-color: rgba(255, 255, 255, 0.4);
+  transition: width 0.3s, background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  cursor: pointer;
+}
+
+.custom-dots li.is-active {
+  width: 40px;
+  background: #fff;
+}
+</style>
diff --git a/app/pages/publish-model/index.vue b/app/pages/publish-model/index.vue
index 7e01a07..64beb33 100644
--- a/app/pages/publish-model/index.vue
+++ b/app/pages/publish-model/index.vue
@@ -1,215 +1,166 @@
 <script setup lang="ts">
-import type { FormInst, FormItemRule } from 'naive-ui'
-import CreateModels from '@/components/publishModel/CreateModels.vue'
-import EditVersion from '@/components/publishModel/EditVersion.vue'
+import CreateModels from "@/components/publishModel/CreateModels.vue";
+import EditVersion from "@/components/publishModel/EditVersion.vue";
+import UploadImg from "@/components/publishModel/UploadImg.vue";
+import { NConfigProvider, NMessageProvider } from "naive-ui";
+import { useRoute } from "vue-router";
 
-const step2Ref = ref(null)
-const currentStep = ref(2)
+const route = useRoute();
+const { type, id } = route.query;
+const step2Ref = ref(null);
+const currentStep = ref(1);
 const formData = ref({
-  modelProduct: {
-    modelName: '模型名称',
-    modelType: null, // ,，模型类型
-    category: null, // 垂类分类
-    functions: null, // '模型功能',
-    tags: null, // 标签（最多三个，切割）string
-    activityId: null, // 参与活动string
+  modelProduct: {},
+  modelVersionList: [],
+});
 
-    isOriginal: 1,
-    originalAuthorName: '',
-  },
-
-  modelVersionList: [
-    {
-      versionName: '', //	版本名称
-      modelId: null, // 基础模型
-      versionDescription: '"<p>这是一个描述</p><p><img src=\"https://img1.baidu.com/it/u=3001150338,397170470&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1422\" /></p><p>这是两张图片之间的一些文字说明</p><p><img src=\"https://img12.iqilu.com/10339/clue/202405/29/68ec17f5-9621-461f-ad22-a6820a3f9cf5.jpg\" /></p>"', // 版本描述
-      filePath: 'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', // 文件路径
-      fileName: '这是一个文件名文件名。。。。这是一个文件名文件这是一个文件名文件这是一个文件名文件这是一个文件名文件', // 文档里没有 ，表里没有
-      sampleImagePaths: 'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', // 第三部的图片路径最多20张,切割
-      triggerWords: '触发词', // 触发词
-      isPublic: 1, // 权限是否公开权限 1公开 2自见
-      isFree: 0, // 0免费
-      allowFusion: 1, // 待确定
-      isOnlineUse: 0,	// 是否允许在线使用
-      allowDownloadImage: 1,	// 允许下载生图
-      allowUsage: 1,	// 是否允许使用
-      allowSoftwareUse: 1,	// 允许在软件旗下使用
-      allowCommercialUse: 1,	// 是否允许商用
-      // 允许模型转售或者融合手出售字段没找到？
-      isExclusiveModel: 0, // 是否为独家模型这个字段
-    },
-  ],
-})
-async function addWorkflow() {
-  try {
-    const params = {
+async function initFormData() {
+  if (type === "add") {
+    formData.value = {
       modelProduct: {
-        modelName: '模型名称',
-        modelTypeId: 1, // ,，模型类型
-        category: '1', // 垂类分类
-        functions: '1', // '模型功能',
-        tags: '11', // 标签（最多三个，切割）string
-        activityId: '1', // 参与活动string
-
-        isOriginal: 1, // ??? 0原创1非原创
-        originalAuthorName: '作者名称',
+        modelName: "",
+        modelType: null, // ,，模型类型
+        category: null, // 垂类分类
+        functions: null, // '模型功能',
+        tags: '', // 标签（最多三个，切割）string
+        tagsList:[],
+        activityId: null, // 参与活动string
+        isOriginal: 1, // 几代表原创
+        originalAuthorName: "",
       },
 
       modelVersionList: [
         {
-          versionName: '1.0', //	版本名称
-          modelId: 1, // 基础模型
-          versionDescription: '"<p>这是一个描述</p><p><img src=\"https://img1.baidu.com/it/u=3001150338,397170470&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1422\" /></p><p>这是两张图片之间的一些文字说明</p><p><img src=\"https://img12.iqilu.com/10339/clue/202405/29/68ec17f5-9621-461f-ad22-a6820a3f9cf5.jpg\" /></p>"', // 版本描述
-          filePath: 'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', // 文件路径
-          fileName: '', // 文档里没有 ，表里没有
-          sampleImagePaths: 'https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png,https://ybl2112.oss-cn-beijing.aliyuncs.com/2025/JANUARY/2/19/4/877e449c-3c0d-4630-a304-91ec110499f2.png', // 第三部的图片路径最多20张,切割
-          triggerWords: '触发词', // 触发词
-          isPublic: 1, // 权限是否公开权限 1公开 2自见
-          allowFusion: 1, // 待确定
-          isFree: 0, // 0免费
-          allowDownloadImage: 1,	// 允许下载生图
-          allowUsage: 1,	// 是否允许使用
-          allowSoftwareUse: 1,	// 允许在软件旗下使用
-          allowCommercialUse: 1,	// 是否允许商用
+          delFlag: "0", // 0代表存在 2代表删除
+          versionName: "", //	版本名称
+          modelVersionType: null, // 基础模型
+          filePath: "", // 文件路径
+          fileName: "", // 文档里没有 ，表里没有
+          versionDescription: "", // 版本描述
+
+          sampleImagePaths: [], // 第三部的图片路径最多20张,切割
+          triggerWords: "", // 触发词
+          isPublic: 1, // 权限是否公开权限 1公开 0自见
+          isFree: 0, // 是否免费
+
+          isOnlineUse: 1, // 是否允许在线使用
+          allowDownloadImage: 1, // 允许下载生图
+          allowSoftwareUse: 1, // 允许在软件旗下使用
+          allowFusion: 1, // 允许进行融合
+          allowCommercialUse: 1, // 是否允许商用
           // 允许模型转售或者融合手出售字段没找到？
-          isExclusiveModel: 1, // 是否为独家模型这个字段
+          isExclusiveModel: 0, // 是否为独家模型这个字段
+          hideImageGenInfo:0, //隐藏图片生成信息
+
         },
       ],
+    };
+  } else {
+    try {
+      const res = await request.get(`/model/finbyid?id=${id}`);
+      formData.value = res.data;
+      if(res.data.modelProduct.modelType && res.data.modelProduct.modelType != 0){
+        formData.value.modelProduct.modelType = res.data.modelProduct.modelType.toString();
+      }
+      if(res.data.modelProduct.activityId && res.data.modelProduct.activityId != 0){
+        formData.value.modelProduct.activityId = Number(res.data.modelProduct.activityId);
+      }
+      if(formData.value.modelProduct.tags){
+      formData.value.modelProduct.tagsList = JSON.parse(formData.value.modelProduct.tags);
+      }else{
+        formData.value.modelProduct.tagsList = []
+      }
+      if(formData.value.modelVersionList.length > 0){
+        for(let i = 0; i < formData.value.modelVersionList.length; i ++){
+          formData.value.modelVersionList[i].sampleImagePaths = formData.value.modelVersionList[i].sampleImagePaths.split(',')
+          formData.value.modelVersionList[i].modelVersionType = formData.value.modelVersionList[i].modelVersionType.toString()
+        }
+      }
+      // if (formData.value.workFlow.type) {
+      //   formData.value.workFlow.typeList = formData.value.workFlow.type.split(',')
+      // }
+      // else {
+      //   formData.value.workFlow.typeList = []
+      // }
+      // if (formData.value.workFlow.activityParticipation) {
+      //   formData.value.workFlow.activityParticipation = Number(formData.value.workFlow.activityParticipation)
+      // }
+      // for (let i = 0; i < formData.value.workFlowVersionList.length; i++) {
+      //   if (formData.value.workFlowVersionList[i].imagePaths) {
+      //     formData.value.workFlowVersionList[i].imagePaths = formData.value.workFlowVersionList[i].imagePaths.split(',')
+      //   }
+      // }
+    } catch (error) {
+      console.log(error);
     }
-    const res = await request.post('/model/insert', params)
-  }
-  catch (error) {
-    console.log(error)
   }
 }
-function createModelsNext() {
-  currentStep.value = 2
+initFormData();
+
+const timeLineList = ref([
+  {
+    name: "创建模型",
+    index: 1,
+  },
+  {
+    name: "编辑版本",
+    index: 2,
+  },
+  {
+    name: "上传图片",
+    index: 3,
+  },
+]);
+function nextStep() {
+  currentStep.value += 1;
+}
+function prevStep() {
+  currentStep.value -= 1;
 }
 function handleAddVersion() {
   if (step2Ref.value) {
-    step2Ref.value?.addVersion()
+    step2Ref.value?.addVersion();
   }
 }
-// const handleValidateButtonClick = (e: MouseEvent) => {
-//   e.preventDefault();
-//   formRef.value?.validate((errors) => {
-//     if (!errors) {
-//       message.success("验证成功");
-//     } else {
-//       console.log(errors);
-//       message.error("验证失败");
-//     }
-//   });
-// };
 </script>
 
 <template>
   <div class="mx-auto py-6">
     <div class="container mx-auto w-[700px]">
-      <div class="step-line flex">
-        <div class="mr-10">
-          1创建模版
+      <div class="flex items-center justify-between mb-4">
+        <div class="w-[60%]">
+          <TimeLine :time-line-list="timeLineList" :current-step="currentStep" />
         </div>
-        <div class="mr-10">
-          2编辑版本
-        </div>
-        <div class="mr-10">
-          3上传图片
-        </div>
-        <div v-if="currentStep === 2" @click="handleAddVersion">
+        <div
+          v-if="currentStep === 2"
+          class="cursor-pointer flex items-center justify-center rounded-full border border-solid border-[#000] px-4 py-1"
+          @click="handleAddVersion"
+        >
+          <CirclePlus class="mr-2" />
           添加版本
         </div>
       </div>
       <div class="form-container">
-        <div v-if="currentStep === 1" class="first-step">
-          <CreateModels v-model="formData" @create-models-next="createModelsNext" />
-        </div>
+        <NConfigProvider>
+          <NMessageProvider>
+            <div v-if="currentStep === 1" class="first-step">
+              <CreateModels v-model="formData" @create-models-next="nextStep" />
+            </div>
 
-        <div v-if="currentStep === 2" class="second-step">
-          <EditVersion ref="step2Ref" v-model="formData" />
-        </div>
-
-        <div v-if="currentStep === 3" class="third-step">
-          3
-        </div>
+            <div v-if="currentStep === 2" class="second-step">
+              <EditVersion
+                ref="step2Ref"
+                v-model="formData"
+                @prev-step="prevStep"
+                @next-step="nextStep"
+              />
+            </div>
+            <div v-if="currentStep === 3" class="third-step">
+              <UploadImg v-model="formData" @pre-step="prevStep" />
+            </div>
+          </NMessageProvider>
+        </NConfigProvider>
       </div>
-      <!-- <div class="flex items-center justify-center mt-4">
-        <div>
-          <div class="flex justify-center items-center mt-5 text-white w-30 h-10 rounded-lg bg-[#3162ff] cursor-pointer" @click="nextStep">
-            下一步
-          </div>
-        </div>
-      </div> -->
     </div>
-    <!-- <n-form
-      ref="formRef"
-      :model="formData"
-      :rules="rules"
-      label-placement="left"
-      label-width="auto"
-      require-mark-placement="right-hanging"
-      size="large"
-      :style="{
-        maxWidth: '640px',
-      }"
-    >
-      <n-form-item label="模型名称" path="inputValue">
-        <n-input v-model:value="formData.inputValue" placeholder="Input" />
-      </n-form-item>
-      <n-form-item label="模型类型" path="inputValue">
-        <n-select v-model:value="formData.value" :options="cuileioptions" />
-      </n-form-item>
-      <n-form-item label="Checkbox Group" path="checkboxGroupValue">
-        <n-checkbox-group v-model:value="formData.checkboxGroupValue">
-          <n-space>
-            <n-checkbox value="Option 1">
-              Option 1
-            </n-checkbox>
-            <n-checkbox value="Option 2">
-              Option 2
-            </n-checkbox>
-            <n-checkbox value="Option 3">
-              Option 3
-            </n-checkbox>
-          </n-space>
-        </n-checkbox-group>
-      </n-form-item>
-      <n-form-item label="Radio Group" path="radioGroupValue">
-        <n-radio-group v-model:value="formData.radioGroupValue" name="radiogroup1">
-          <n-space>
-            <n-radio value="Radio 1">
-              Radio 1
-            </n-radio>
-            <n-radio value="Radio 2">
-              Radio 2
-            </n-radio>
-            <n-radio value="Radio 3">
-              Radio 3
-            </n-radio>
-          </n-space>
-        </n-radio-group>
-      </n-form-item>
-      <n-form-item label="Radio Button Group" path="radioGroupValue">
-        <n-radio-group v-model:value="formData.radioGroupValue" name="radiogroup2">
-          <n-radio-button value="Radio 1">
-            Radio 1
-          </n-radio-button>
-          <n-radio-button value="Radio 2">
-            Radio 2
-          </n-radio-button>
-          <n-radio-button value="Radio 3">
-            Radio 3
-          </n-radio-button>
-        </n-radio-group>
-      </n-form-item>
-      <div style="display: flex; justify-content: flex-end">
-        <n-button round type="primary" @click="addWorkflow">
-          验证
-        </n-button>
-      </div>
-    </n-form> -->
   </div>
-  <!-- <pre
-    >{{ JSON.stringify(model, null, 2) }}
-  </pre> -->
 </template>
diff --git a/app/pages/publish-workflow/index.vue b/app/pages/publish-workflow/index.vue
index d388b52..960975c 100644
--- a/app/pages/publish-workflow/index.vue
+++ b/app/pages/publish-workflow/index.vue
@@ -1,101 +1,95 @@
 <script setup lang="ts">
-import EditVersion from '@/components/publishWorkFlow/EditVersion.vue'
-import EditWorkFlow from '@/components/publishWorkFlow/EditWorkFlow.vue'
-import UploadImg from '@/components/publishWorkFlow/UploadImg.vue'
-import { CirclePlus } from 'lucide-vue-next'
-import { NConfigProvider, NMessageProvider } from 'naive-ui'
-import { useRoute } from 'vue-router'
-// definePageMeta({
-//   middleware: [
-//     function (to, from) {
-//       initFormData(to.query.type)
-//     },
-//   ],
-// })
-const route = useRoute()
-const { type, id } = route.query
+import EditVersion from "@/components/publishWorkFlow/EditVersion.vue";
+import EditWorkFlow from "@/components/publishWorkFlow/EditWorkFlow.vue";
+import UploadImg from "@/components/publishWorkFlow/UploadImg.vue";
+import { CirclePlus } from "lucide-vue-next";
+import { NConfigProvider, NMessageProvider } from "naive-ui";
+import { useRoute } from "vue-router";
 
-const formData = ref()
+const route = useRoute();
+const { type, id } = route.query;
+
+const formData = ref();
 
 async function initFormData() {
-  if (type === 'add') {
+  if (type === "add") {
     formData.value = {
       workFlow: {
         jurisdiction: 1, // auditStatus	（0全部状态 1已发布-公开 2已发布-仅自己可见 3审核中 4审核未通过）
         original: 0, // original	0原创 1转载
-        onlineUse: 0,	// 是否允许在线使用(0允许 1不允许)
-        download: 0,	// 是否允许下载工作流(0允许 1不允许)
-        sell: 1,	// 是否允许出售或商用(0允许 1不允许)
+        onlineUse: 0, // 是否允许在线使用(0允许 1不允许)
+        download: 0, // 是否允许下载工作流(0允许 1不允许)
+        sell: 1, // 是否允许出售或商用(0允许 1不允许)
         typeList: [],
       },
       workFlowVersionList: [
         {
-          versionName: '',
-          hideGenInfo: 0,	// 是否隐藏图片生成信息
-          versionDescription: '', // 富文本
-          filePath: '', // 文件路径
-          fileName: '', // 文件名
-          delFlag: '0', // 是否删除 0存在 2删除
+          versionName: "",
+          hideGenInfo: 0, // 是否隐藏图片生成信息
+          versionDescription: "", // 富文本
+          filePath: "", // 文件路径
+          fileName: "", // 文件名
+          delFlag: "0", // 是否删除 0存在 2删除
           imagePaths: [],
         },
       ],
-    }
-  }
-  else {
+    };
+  } else {
     // type参数 1翻译
     try {
-      const res = await request.get(`/WorkFlow/selectWorkFlowVersionById?id=${id}`)
-      formData.value = res.data
+      const res = await request.get(`/WorkFlow/selectWorkFlowVersionById?id=${id}`);
+      formData.value = res.data;
       if (formData.value.workFlow.type) {
-        formData.value.workFlow.typeList = formData.value.workFlow.type.split(',')
-      }
-      else {
-        formData.value.workFlow.typeList = []
+        formData.value.workFlow.typeList = formData.value.workFlow.type.split(",");
+      } else {
+        formData.value.workFlow.typeList = [];
       }
       if (formData.value.workFlow.activityParticipation) {
-        formData.value.workFlow.activityParticipation = Number(formData.value.workFlow.activityParticipation)
+        formData.value.workFlow.activityParticipation = Number(
+          formData.value.workFlow.activityParticipation
+        );
       }
-      for (let i = 0; i < formData.value.workFlowVersionList.length; i++) {
-        if (formData.value.workFlowVersionList[i].imagePaths) {
-          formData.value.workFlowVersionList[i].imagePaths = formData.value.workFlowVersionList[i].imagePaths.split(',')
+      if (formData.value.workFlowVersionList.length > 0) {
+        for (let i = 0; i < formData.value.workFlowVersionList.length; i++) {
+          if (formData.value.workFlowVersionList[i].imagePaths) {
+            formData.value.workFlowVersionList[
+              i
+            ].imagePaths = formData.value.workFlowVersionList[i].imagePaths.split(",");
+          }
         }
       }
-      // else {
-      //   formData.value.workFlow.activityParticipationList = []
-      // }
-    }
-    catch (error) {
-      console.log(error)
+    } catch (error) {
+      console.log(error);
     }
   }
 }
-initFormData()
-const EditVersionRef = ref()
-const currentStep = ref(1)
+initFormData();
+const EditVersionRef = ref();
+const currentStep = ref(1);
 
 function handleAddVersion() {
-  EditVersionRef.value.addVersion()
+  EditVersionRef.value.addVersion();
 }
 function nextStep() {
-  currentStep.value += 1
+  currentStep.value += 1;
 }
 function preStep() {
-  currentStep.value -= 1
+  currentStep.value -= 1;
 }
 const timeLineList = ref([
   {
-    name: '创建模版',
+    name: "编辑工作流",
     index: 1,
   },
   {
-    name: '编辑版本',
+    name: "编辑版本",
     index: 2,
   },
   {
-    name: '上传图片',
+    name: "上传图片",
     index: 3,
   },
-])
+]);
 </script>
 
 <template>
@@ -106,7 +100,11 @@ const timeLineList = ref([
           <div class="w-[60%]">
             <TimeLine :time-line-list="timeLineList" :current-step="currentStep" />
           </div>
-          <div v-if="currentStep === 2" class="cursor-pointer flex items-center justify-center rounded-full border border-solid border-[#000] px-4 py-1" @click="handleAddVersion">
+          <div
+            v-if="currentStep === 2"
+            class="cursor-pointer flex items-center justify-center rounded-full border border-solid border-[#000] px-4 py-1"
+            @click="handleAddVersion"
+          >
             <CirclePlus class="mr-2" />
             添加版本
           </div>
@@ -118,7 +116,12 @@ const timeLineList = ref([
               <EditWorkFlow v-model="formData" @next-step="nextStep" />
             </div>
             <div v-if="currentStep === 2" class="second-step">
-              <EditVersion ref="EditVersionRef" v-model="formData" @pre-step="preStep" @next-step="nextStep" />
+              <EditVersion
+                ref="EditVersionRef"
+                v-model="formData"
+                @pre-step="preStep"
+                @next-step="nextStep"
+              />
             </div>
 
             <div v-if="currentStep === 3" class="third-step">
diff --git a/app/pages/work-square.vue b/app/pages/work-square.vue
new file mode 100644
index 0000000..f90fd85
--- /dev/null
+++ b/app/pages/work-square.vue
@@ -0,0 +1,188 @@
+<script setup lang="ts">
+import { commonApi } from "@/api/common";
+import { ArrowBack, ArrowForward } from "@vicons/ionicons5";
+import { NConfigProvider, NMessageProvider } from "naive-ui";
+import { ref } from "vue";
+
+definePageMeta({
+  layout: "default",
+});
+const params = ref({
+  name: null,
+  order: null,
+  type: null,
+});
+const listRef = ref(null);
+// function handleSearch() {
+//   onSearch()
+// }
+const workFlowCategoryList = ref([]);
+async function getDictType() {
+  try {
+    const res = await commonApi.dictType({ type: "work_flow_type_child" });
+    if (res.code === 200) {
+        workFlowCategoryList.value = res.data;
+        workFlowCategoryList.value.unshift({
+        dictValue: null,
+        dictLabel: "全部",
+      });
+    }
+  } catch (error) {
+    console.log(error);
+  }
+}
+getDictType();
+
+//执行搜索的时候
+function onSearch() {
+  if (listRef.value) {
+    listRef.value?.initPageNUm();
+  }
+}
+// 切换类型
+function changeCategory(item: any) {
+  params.value.type = item.dictValue;
+  onSearch();
+}
+</script>
+<template>
+  <div class="p-6">
+    <div class="w-full">
+      <n-carousel show-arrow autoplay>
+        <img
+          class="carousel-img"
+          src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel1.jpeg"
+        />
+        <img
+          class="carousel-img"
+          src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel2.jpeg"
+        />
+        <img
+          class="carousel-img"
+          src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel3.jpeg"
+        />
+        <img
+          class="carousel-img"
+          src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel4.jpeg"
+        />
+        <template #arrow="{ prev, next }">
+          <div class="custom-arrow">
+            <button type="button" class="custom-arrow--left" @click="prev">
+              <n-icon><ArrowBack /></n-icon>
+            </button>
+            <button type="button" class="custom-arrow--right" @click="next">
+              <n-icon><ArrowForward /></n-icon>
+            </button>
+          </div>
+        </template>
+        <template #dots="{ total, currentIndex, to }">
+          <ul class="custom-dots">
+            <li
+              v-for="index of total"
+              :key="index"
+              :class="{ ['is-active']: currentIndex === index - 1 }"
+              @click="to(index - 1)"
+            />
+          </ul>
+        </template>
+      </n-carousel>
+    </div>
+    <div class="flex items-center mt-4">
+      <div class="text-[20px] mr-4">工作流</div>
+      <HeaderSearchInput v-model="params.name" @search="onSearch" />
+    </div>
+    <div class="flex flex-wrap mt-2">
+      <div class="flex flex-wrap">
+        <div
+          v-for="(item, index) in workFlowCategoryList"
+          :key="index"
+          :style="{
+            color: item.dictValue === params.type ? '#fff' : '#000',
+            background: item.dictValue === params.type ? '#000' : '#fff',
+          }"
+          @click="changeCategory(item)"
+          class="px-2 py-1 rounded-full mr-4 cursor-pointer"
+        >
+          {{ item.dictLabel }}
+        </div>
+      </div>
+    </div>
+    <div class="flex flex-wrap">
+      <NConfigProvider>
+        <NMessageProvider>
+          <WorkFlowList ref="listRef" :params="params" />
+        </NMessageProvider>
+      </NConfigProvider>
+    </div>
+  </div>
+</template>
+<style lang="scss" scoped>
+.grid > div {
+  transition: transform 0.2s;
+}
+.grid > div:hover {
+  transform: translateY(-2px);
+}
+.carousel-img {
+  width: 100%;
+  height: 180px;
+  border-radius: 10px;
+  object-fit: cover;
+}
+
+.custom-arrow {
+  display: flex;
+  position: absolute;
+  bottom: 25px;
+  right: 10px;
+}
+
+.custom-arrow button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  margin-right: 12px;
+  color: #fff;
+  background-color: rgba(255, 255, 255, 0.1);
+  border-width: 0;
+  border-radius: 8px;
+  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  cursor: pointer;
+}
+
+.custom-arrow button:hover {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.custom-arrow button:active {
+  transform: scale(0.95);
+  transform-origin: center;
+}
+
+.custom-dots {
+  display: flex;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  bottom: 20px;
+  left: 20px;
+}
+
+.custom-dots li {
+  display: inline-block;
+  width: 12px;
+  height: 4px;
+  margin: 0 3px;
+  border-radius: 4px;
+  background-color: rgba(255, 255, 255, 0.4);
+  transition: width 0.3s, background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  cursor: pointer;
+}
+
+.custom-dots li.is-active {
+  width: 40px;
+  background: #fff;
+}
+</style>
diff --git a/app/pages/workflow-details/[id].vue b/app/pages/workflow-details/[id].vue
index b48d6e2..73df4cc 100644
--- a/app/pages/workflow-details/[id].vue
+++ b/app/pages/workflow-details/[id].vue
@@ -2,11 +2,9 @@
 import { Heart, PersonAddOutline } from '@vicons/ionicons5'
 
 import {
-  CircleUser,
-  Download,
-  EllipsisVertical,
-  HardDriveUpload,
-  Play,
+CircleUser,
+Download,
+EllipsisVertical, Play
 } from 'lucide-vue-next'
 import { NConfigProvider, NMessageProvider } from 'naive-ui'
 import { nextTick, ref } from 'vue'
@@ -64,6 +62,7 @@ async function getInfo() {
       catch (error) {
         console.log(error)
       }
+      getAttention()
     }
   }
   catch (error) {
@@ -89,7 +88,7 @@ const selectUserInfo = ref<SelectUserInfo>({
 // 获取点赞粉丝等的数量
 async function getAttention() {
   try {
-    const res = await request.get('/attention/selectUserInfo')
+    const res = await request.get(`/attention/selectUserInfo?userId=${detailsInfo.value.userId}`)
     if (res.code === 200) {
       selectUserInfo.value = res.data
     }
@@ -98,7 +97,6 @@ async function getAttention() {
     console.log(err)
   }
 }
-getAttention()
 
 // 举报/编辑/删除
 const isDelete = ref(false)
@@ -361,21 +359,21 @@ async function onLike() {
                   class="h-[12px] w-[12px] text-black menu-icon m-1 text-[#969798] m-0"
                 />
                 <span class="mr-2"> {{ selectUserInfo.bean }} </span>
-                <component
+                <!-- <component
                   :is="HardDriveUpload"
                   class="h-[12px] w-[14px] text-black menu-icon m-1 text-[#969798]"
                 />
-                <span class="mr-2"> 2 </span>
+                <span class="mr-2"> 2 </span> -->
                 <component
                   :is="Play"
                   class="h-[12px] w-[12px] text-black menu-icon m-1 text-[#969798]"
                 />
-                <span class="mr-2"> {{ detailsInfo.useNumber }} </span>
+                <span class="mr-2"> {{ selectUserInfo.modelRunNum }} </span>
                 <component
                   :is="Download"
                   class="h-[12px] w-[12px] text-black menu-icon m-1 text-[#969798]"
                 />
-                <span class="mr-2"> {{ detailsInfo.downloadNumber }} </span>
+                <span class="mr-2"> {{ selectUserInfo.modelDownloadNum }} </span>
               </div>
             </div>
           </div>
@@ -411,7 +409,7 @@ async function onLike() {
             :mask-closable="false"
             preset="dialog"
             title="提示！"
-            content="确定要将模型删除? 模型删除后无法找回"
+            content="确定要将工作流删除? 工作流删除后无法找回"
             negative-text="取消"
             positive-text="确认"
             @negative-click="onDelete"
diff --git a/app/stores/menu.ts b/app/stores/menu.ts
index 082e6fd..9f7c8b3 100644
--- a/app/stores/menu.ts
+++ b/app/stores/menu.ts
@@ -4,8 +4,10 @@ export const useMenuStore = defineStore('menu', () => {
   const activeMenu = ref('/model-square')
   const menuItems = [
     { path: '/model-square', icon: 'i-carbon-gallery', label: '模型广场' },
+    { path: '/picture-square', icon: 'i-carbon-light-filled', label: '作品灵感' },
     // { path: '/works-inspire', icon: 'i-carbon-light-filled', label: '作品灵感' },
-    // { path: '/workspace', icon: 'i-carbon-workspace', label: '工作台' },
+    // { path: '/workspace', icon: 'i-carbon-workspace', label: '工作流' },
+    { path: '/work-square', icon: 'i-carbon-workspace', label: '工作流' },
     // { path: '/web-ui', icon: 'i-carbon-image-search', label: '在线生图' },
     // { path: '/comfy-ui', icon: 'i-carbon-image-search', label: '在线工作流' },
     // { path: '/training-lora', icon: 'i-carbon-machine-learning', label: '训练LoRA' },
diff --git a/app/utils/request.ts b/app/utils/request.ts
index d37564d..0baf91f 100644
--- a/app/utils/request.ts
+++ b/app/utils/request.ts
@@ -100,7 +100,7 @@ class RequestHttp {
         message.error('请求参数错误')
         break
       case 401:
-        message.error('未登录或登录已过期')
+        // message.error('未登录或登录已过期')
         break
       case 403:
         message.error('没有权限')
@@ -108,9 +108,9 @@ class RequestHttp {
       case 404:
         message.error('请求的资源不存在')
         break
-      case 500:
-        message.error('服务器错误')
-        break
+      // case 500:
+      //   message.error('服务器错误')
+      //   break
       default:
         message.error('未知错误')
     }
diff --git a/netlify.toml b/netlify.toml
old mode 100755
new mode 100644
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 3bdae95..5a57bda 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -84,8 +84,8 @@ export default defineNuxtConfig({
     devProxy: {
       '/api': {
         // target: 'http://1.13.246.108:8080', // 线上
-        target: 'http://192.168.2.10:8080', // 代
-        // target: 'http://192.168.1.69:8080', // 嗨
+        // target: 'http://192.168.2.10:8080', // 代
+        target: 'http://192.168.1.69:8080', // 嗨
         // target: 'https://2d1a399f.r27.cpolar.top', // 嗨
         changeOrigin: true,
         prependPath: true,