diff --git a/.env b/.env
index 208414bf..3c2b7310 100644
--- a/.env
+++ b/.env
@@ -1,5 +1,5 @@
 # port
-VITE_DEV_PORT = 8001
+VITE_DEV_PORT = '8001'
 
 # development path
 VITE_DEV_PATH = /
diff --git a/src/views/chart/hooks/useContextMenu.hook.ts b/src/views/chart/hooks/useContextMenu.hook.ts
index 6934bb35..7e7cbf1e 100644
--- a/src/views/chart/hooks/useContextMenu.hook.ts
+++ b/src/views/chart/hooks/useContextMenu.hook.ts
@@ -113,7 +113,7 @@ const clearHideOption = (options: MenuOptionsItemType[], hideList?: MenuEnum[])
 }
 
 // * 右键处理
-const handleContextMenu = (e: MouseEvent, item: CreateComponentType) => {
+const handleContextMenu = (e: MouseEvent, item?: CreateComponentType) => {
   e.stopPropagation()
   e.preventDefault()
   let target = e.target
diff --git a/src/views/project/items/components/Card/index.vue b/src/views/project/items/components/Card/index.vue
index 36077e13..097d5aa2 100644
--- a/src/views/project/items/components/Card/index.vue
+++ b/src/views/project/items/components/Card/index.vue
@@ -82,11 +82,11 @@
 </template>
 
 <script setup lang="ts">
-import { reactive, ref } from 'vue'
+import { reactive, ref, PropType } from 'vue'
 import { renderIcon, renderLang, requireUrl, requireFallbackImg } from '@/utils'
 import { icon } from '@/plugins'
 import { MacOsControlBtn } from '@/components/MacOsControlBtn'
-
+import { Chartype } from '../../index.d'
 const {
   EllipsisHorizontalCircleSharpIcon,
   CopyIcon,
@@ -103,7 +103,7 @@ const t = window['$t']
 
 const props = defineProps({
   // todo 定义列表ITEN的 type
-  cardData: Object
+  cardData: Object as PropType<Chartype>
 })
 const fnBtnList = reactive([
   {
diff --git a/src/views/project/items/components/List/hooks/useData.hook.ts b/src/views/project/items/components/List/hooks/useData.hook.ts
index 3ece4143..d07936a9 100644
--- a/src/views/project/items/components/List/hooks/useData.hook.ts
+++ b/src/views/project/items/components/List/hooks/useData.hook.ts
@@ -4,7 +4,7 @@ import { DialogEnum } from '@/enums/pluginEnum'
 
 // 数据初始化
 export const useDataListInit = () => {
-  const list = ref<object[]>([
+  const list = ref<{id: number, title:string, release: boolean}[]>([
     {
       id: 1,
       title: '物料1',
diff --git a/src/views/project/items/components/List/hooks/useModal.hook.ts b/src/views/project/items/components/List/hooks/useModal.hook.ts
index 6d730b80..76f63c9a 100644
--- a/src/views/project/items/components/List/hooks/useModal.hook.ts
+++ b/src/views/project/items/components/List/hooks/useModal.hook.ts
@@ -4,7 +4,7 @@ import { fetchPathByName, routerTurnByPath } from '@/utils'
 export const useModalDataInit = () => {
   const modalShow = ref<boolean>(false)
   // TODO 补充 modalData 类型格式
-  const modalData = ref<object | unknown>(null)
+  const modalData = ref<object | null>(null)
 
   // 关闭 modal
   const closeModal = () => {
@@ -13,13 +13,13 @@ export const useModalDataInit = () => {
   }
 
   // 打开 modal
-  const resizeHandle = (cardData: Ref<object | unknown>) => {
+  const resizeHandle = (cardData: Ref<object | null>) => {
     modalShow.value = true
     modalData.value = cardData
   }
 
   // 打开 modal
-  const editHandle = (cardData: Ref<object | unknown>) => {
+  const editHandle = (cardData: Ref<object | null>) => {
     const path = fetchPathByName(ChartEnum.CHART_HOME_NAME, 'href')
     routerTurnByPath(path, [(<any>cardData).id], undefined, true)
   }
diff --git a/src/views/project/layout/components/Create/components/CreateModal/index.vue b/src/views/project/layout/components/Create/components/CreateModal/index.vue
index a91653c0..ca5bbce0 100644
--- a/src/views/project/layout/components/Create/components/CreateModal/index.vue
+++ b/src/views/project/layout/components/Create/components/CreateModal/index.vue
@@ -18,7 +18,7 @@
             :disabled="item.disabled"
             v-for="item in typeList"
             :key="item.key"
-            @click="btnHandle(item.index)"
+            @click="btnHandle"
           >
             <component :is="item.title"> </component>
             <template #icon>