diff --git a/package.json b/package.json
index ba2f55b..b0f4b16 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,7 @@
     "pinia": "^2.0.9",
     "vue": "^3.2.25",
     "vue-router": "^4.0.12",
+    "vue-types": "^4.1.1",
     "web-storage-cache": "^1.1.1"
   },
   "devDependencies": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 873c38c..cef9eeb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -50,6 +50,7 @@ specifiers:
   vue-eslint-parser: ^8.1.0
   vue-router: ^4.0.12
   vue-tsc: 0.33.9
+  vue-types: ^4.1.1
   web-storage-cache: ^1.1.1
 
 dependencies:
@@ -68,6 +69,7 @@ dependencies:
   pinia: 2.0.12_typescript@4.6.3+vue@3.2.31
   vue: 3.2.31
   vue-router: 4.0.14_vue@3.2.31
+  vue-types: 4.1.1_vue@3.2.31
   web-storage-cache: 1.1.1
 
 devDependencies:
@@ -2880,6 +2882,11 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /is-plain-object/5.0.0:
+    resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
   /is-regex/1.1.4:
     resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
     engines: {node: '>= 0.4'}
@@ -4460,6 +4467,16 @@ packages:
       typescript: 4.6.3
     dev: true
 
+  /vue-types/4.1.1_vue@3.2.31:
+    resolution: {integrity: sha512-Jq2GZ/w6rExJbLA/h7nHBFLciu+YNekgox0DB64wN1snZ4IIJMq+qnqp1/vE4fc7vEjZcP5KGhLzkkSjIHLRzw==}
+    engines: {node: '>=12.16.0'}
+    peerDependencies:
+      vue: ^2.0.0 || ^3.0.0
+    dependencies:
+      is-plain-object: 5.0.0
+      vue: 3.2.31
+    dev: false
+
   /vue/3.2.31:
     resolution: {integrity: sha512-odT3W2tcffTiQCy57nOT93INw1auq5lYLLYtWpPYQQYQOOdHiqFct9Xhna6GJ+pJQaF67yZABraH47oywkJgFw==}
     dependencies:
diff --git a/src/components/Button/src/Button.vue b/src/components/Button/src/Button.vue
index f93d7a2..59c3d4a 100644
--- a/src/components/Button/src/Button.vue
+++ b/src/components/Button/src/Button.vue
@@ -3,7 +3,7 @@
  * @Autor: YDKD
  * @Date: 2022-04-01 10:57:59
  * @LastEditors: YDKD
- * @LastEditTime: 2022-04-04 20:02:08
+ * @LastEditTime: 2022-04-07 14:58:26
 -->
 <template>
   <div :class="prefixCls">
@@ -23,24 +23,15 @@ import { defineProps, PropType } from 'vue'
 import { useDesign } from '@/hooks'
 import type { ButtonType } from 'element-plus'
 import type { ButtonSize } from '../types'
+import { propTypes } from '@/utils/propTypes'
 
 const prefixCls = useDesign('prefix', 'button')
 
 const props = defineProps({
-  text: {
-    type: String,
-    default: ''
-  },
-  type: {
-    type: String as PropType<ButtonType>
-  },
-  size: {
-    type: String as PropType<ButtonSize>
-  },
-  icon: {
-    type: String,
-    default: ''
-  }
+  text: propTypes.string.def(''),
+  type: propTypes.oneOf<ButtonType[]>([]).def('primary'),
+  size: propTypes.oneOf<ButtonSize[]>([]).def(),
+  icon: propTypes.string.def('')
 })
 </script>
 
diff --git a/src/components/Icon/src/Icon.vue b/src/components/Icon/src/Icon.vue
index 0edff17..8194159 100644
--- a/src/components/Icon/src/Icon.vue
+++ b/src/components/Icon/src/Icon.vue
@@ -3,7 +3,7 @@
  * @Autor: YDKD
  * @Date: 2022-03-28 15:08:36
  * @LastEditors: YDKD
- * @LastEditTime: 2022-04-01 11:30:33
+ * @LastEditTime: 2022-04-07 14:51:07
 -->
 <template>
   <ElIcon :class="prefixCls" :size="size" :color="color">
@@ -21,24 +21,15 @@ import { defineProps, computed, PropType } from 'vue'
 import { useDesign } from '@/hooks'
 
 import type { IconType } from '../types'
+import { propTypes } from '@/utils/propTypes'
 
 const prefixCls = useDesign('prefix', 'icon')
 
 const props = defineProps({
-  icon: {
-    type: String
-  },
-  color: {
-    type: String
-  },
-  size: {
-    type: Number,
-    default: () => 16
-  },
-  type: {
-    type: String as PropType<IconType>,
-    default: () => 'iconify'
-  }
+  icon: propTypes.string.def(''),
+  color: propTypes.string.def(''),
+  size: propTypes.number.def(16),
+  type: propTypes.oneOf<IconType[]>(['iconify', 'iconfont']).def('iconify')
 })
 
 const iconfontSize = computed(() => {
diff --git a/src/components/foss-bg/index.vue b/src/components/foss-bg/index.vue
index a6bfa3c..abed746 100644
--- a/src/components/foss-bg/index.vue
+++ b/src/components/foss-bg/index.vue
@@ -12,16 +12,13 @@
 
 <script lang="ts" setup>
 import { useDesign } from '@/hooks'
+import { propTypes } from '@/utils/propTypes'
 import { defineProps, withDefaults } from 'vue'
 
 const prefixCls = useDesign('prefix', 'bg-panel')
 
-interface Props {
-  headerText?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  headerText: '登录'
+const props = defineProps({
+  headerText: propTypes.string.def('登录')
 })
 </script>
 
diff --git a/src/utils/propTypes.ts b/src/utils/propTypes.ts
new file mode 100644
index 0000000..45754f5
--- /dev/null
+++ b/src/utils/propTypes.ts
@@ -0,0 +1,22 @@
+/*
+ * @Version: 1.0
+ * @Autor: YDKD
+ * @Date: 2022-04-06 11:53:02
+ * @LastEditors: YDKD
+ * @LastEditTime: 2022-04-06 13:39:08
+ */
+
+import { createTypes, VueTypesInterface } from 'vue-types'
+
+type PropTypes = VueTypesInterface
+
+const propTypes = createTypes({
+  func: undefined,
+  bool: undefined,
+  string: undefined,
+  number: undefined,
+  object: undefined,
+  integer: undefined
+}) as PropTypes
+
+export { propTypes }
diff --git a/src/views/components/EditForm/index.vue b/src/views/components/EditForm/index.vue
index 4d7c58b..cd7ffda 100644
--- a/src/views/components/EditForm/index.vue
+++ b/src/views/components/EditForm/index.vue
@@ -3,7 +3,7 @@
  * @Autor: YDKD
  * @Date: 2022-04-01 15:43:39
  * @LastEditors: YDKD
- * @LastEditTime: 2022-04-05 16:14:48
+ * @LastEditTime: 2022-04-07 14:51:56
 -->
 <template>
   <div :class="[prefixCls, 'mt-4']">
@@ -158,17 +158,13 @@ import {
 } from './hooks'
 
 import type { EditType } from './types'
+import { propTypes } from '@/utils/propTypes'
 
 const prefixCls = useDesign('prefix', 'edit-form')
 
 const props = defineProps({
-  type: {
-    type: String as PropType<EditType>,
-    default: () => 'edit'
-  },
-  queryInfoName: {
-    type: String
-  }
+  type: propTypes.oneOf<EditType[]>(['add', 'edit']).def('edit'),
+  queryInfoName: propTypes.string.def('')
 })
 
 handleInitData(props)
diff --git a/vite.config.ts b/vite.config.ts
index dfca392..dba4d8b 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -35,7 +35,8 @@ export default defineConfig(({ command, mode }) => {
         'element-plus/es/locale/lang/en',
         '@iconify/iconify',
         '@vueuse/core',
-        'axios'
+        'axios',
+        'vue-types'
       ]
     }
   }