From a3680d03627496d161fc1c1e093650775410cbd1 Mon Sep 17 00:00:00 2001
From: Eiinu <eiinu@qq.com>
Date: Wed, 27 Dec 2023 23:58:51 +0800
Subject: [PATCH] chore(audio): improve type def (#2808)

---
 src/packages/__VUE/audio/index.vue        | 5 +++--
 src/packages/__VUE/audio/types.ts         | 1 +
 src/packages/__VUE/audiooperate/index.vue | 5 +++--
 src/packages/__VUE/audiooperate/types.ts  | 1 +
 4 files changed, 8 insertions(+), 4 deletions(-)
 create mode 100644 src/packages/__VUE/audio/types.ts
 create mode 100644 src/packages/__VUE/audiooperate/types.ts

diff --git a/src/packages/__VUE/audio/index.vue b/src/packages/__VUE/audio/index.vue
index 34d1778b01..af5040557f 100644
--- a/src/packages/__VUE/audio/index.vue
+++ b/src/packages/__VUE/audio/index.vue
@@ -60,10 +60,11 @@
   </div>
 </template>
 <script lang="ts">
-import { toRefs, ref, onMounted, reactive, watch, provide } from 'vue';
+import { toRefs, ref, onMounted, reactive, watch, provide, type PropType } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import { Service } from '@nutui/icons-vue';
 import NutRange from '../range/index.vue';
+import type { AudioType } from './types';
 const { create } = createComponent('audio');
 
 export default create({
@@ -102,7 +103,7 @@ export default create({
 
     // 展示的形式   controls 控制面板   progress 进度条  icon 图标 none 自定义
     type: {
-      type: String,
+      type: String as PropType<AudioType>,
       default: 'progress'
     }
   },
diff --git a/src/packages/__VUE/audio/types.ts b/src/packages/__VUE/audio/types.ts
new file mode 100644
index 0000000000..8b3c80d577
--- /dev/null
+++ b/src/packages/__VUE/audio/types.ts
@@ -0,0 +1 @@
+export type AudioType = 'progress' | 'icon' | 'controls' | 'none';
diff --git a/src/packages/__VUE/audiooperate/index.vue b/src/packages/__VUE/audiooperate/index.vue
index a4fecbbaf6..55fd89e400 100644
--- a/src/packages/__VUE/audiooperate/index.vue
+++ b/src/packages/__VUE/audiooperate/index.vue
@@ -23,10 +23,11 @@
   </div>
 </template>
 <script lang="ts">
-import { toRefs, ref, useSlots, reactive, inject } from 'vue';
+import { toRefs, ref, useSlots, reactive, inject, type PropType } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import NutButton from '../button/index.vue';
 import { useLocale } from '@/packages/utils/useLocale';
+import type { AudioOperateType } from './types';
 
 const { create } = createComponent('audio-operate');
 const cN = 'NutAudioOperate';
@@ -35,7 +36,7 @@ export default create({
   props: {
     // 展示的形式   back 倒退   play 开始 or 暂停  forward 快进 mute 静音
     type: {
-      type: String,
+      type: String as PropType<AudioOperateType>,
       default: () => 'play'
     }
   },
diff --git a/src/packages/__VUE/audiooperate/types.ts b/src/packages/__VUE/audiooperate/types.ts
new file mode 100644
index 0000000000..194f6a5d8f
--- /dev/null
+++ b/src/packages/__VUE/audiooperate/types.ts
@@ -0,0 +1 @@
+export type AudioOperateType = 'play' | 'back' | 'forward' | 'mute';