diff --git a/components/enum-data/enum-data.uts b/components/enum-data/enum-data.uts
new file mode 100644
index 0000000000000000000000000000000000000000..e752fc5da3aa4f8a5d78033f58ee2fed371e0d11
--- /dev/null
+++ b/components/enum-data/enum-data.uts
@@ -0,0 +1 @@
+export type ItemType = { value : number; name : string }
\ No newline at end of file
diff --git a/components/enum-data/enum-data.vue b/components/enum-data/enum-data.vue
index 2183d613d0faf471da3645c8595d6d0488304cb1..09d3a527c45ccc7d18b83647aba39f3230838aee 100644
--- a/components/enum-data/enum-data.vue
+++ b/components/enum-data/enum-data.vue
@@ -1,7 +1,6 @@
 <script lang="uts">
-  import {type PropType} from 'vue'
-
-  export type ItemType = { value : number; name : string }
+  import { PropType } from 'vue'
+  import { ItemType } from './enum-data'
 
   export default {
     emits: ['change'],
@@ -24,9 +23,9 @@
       // @ts-ignore
       _change(e : RadioGroupChangeEvent) {
         const selected = this.items.find((item: ItemType) : boolean => {
-          return item.name === e.detail.value
+          return item.name == e.detail.value
         })
-        if (selected !== null) {
+        if (selected != null) {
           this.current = selected.value
           this.$emit('change', this.current)
           uni.showToast({
diff --git a/pages/component/button/button.uvue b/pages/component/button/button.uvue
index da6bac0895fa0b52777b0b3aa084c20e40c4b010..af89250a360d3c2c9f8aba73bdbe20d182bd0aeb 100644
--- a/pages/component/button/button.uvue
+++ b/pages/component/button/button.uvue
@@ -1,5 +1,5 @@
 <script>
-  import { type ItemType } from '@/components/enum-data/enum-data.vue'
+  import { ItemType } from '@/components/enum-data/enum-data'
   export default {
     data() {
       return {
diff --git a/pages/component/list-view/list-view.uvue b/pages/component/list-view/list-view.uvue
index 627f16e344914d802a9051e7143b835f0b175014..85d737a5b535f9c5f540acc31d5bb56024929085 100644
--- a/pages/component/list-view/list-view.uvue
+++ b/pages/component/list-view/list-view.uvue
@@ -1,5 +1,5 @@
 <script>
-  import { type ItemType } from '@/components/enum-data/enum-data.vue'
+  import { ItemType } from '@/components/enum-data/enum-data'
   export default {
     data() {
       return {
diff --git a/pages/component/progress/progress.uvue b/pages/component/progress/progress.uvue
index b7226521f591fc7bee135575a31f542893c9ecc1..43ccd188782950e6c021a0f7880aa582b3def899 100644
--- a/pages/component/progress/progress.uvue
+++ b/pages/component/progress/progress.uvue
@@ -1,5 +1,5 @@
 <script>
-import { type ItemType } from '@/components/enum-data/enum-data.vue'
+import { ItemType } from '@/components/enum-data/enum-data'
 export default {
 	data() {
 		return {
diff --git a/pages/component/textarea/textarea.uvue b/pages/component/textarea/textarea.uvue
index 2114cd467eb679f7821b50542c5cf251a505a144..f88cb25b08db2d50800af587ddea5cde8a2103ad 100644
--- a/pages/component/textarea/textarea.uvue
+++ b/pages/component/textarea/textarea.uvue
@@ -1,5 +1,5 @@
 <script>
-import { type ItemType } from '@/components/enum-data/enum-data.vue'
+import { ItemType } from '@/components/enum-data/enum-data'
 export default {
 	data() {
 		return {
diff --git a/pages/component/view/view.uvue b/pages/component/view/view.uvue
index 54383fe67dc01567fb409aa44fc70041f84da5af..ffbd11c9c3aae76d28ad954719f746d1a46be59a 100644
--- a/pages/component/view/view.uvue
+++ b/pages/component/view/view.uvue
@@ -1,72 +1,77 @@
 <template>
-  <page-head title="view"></page-head>
-  <view class="main" :hover-class="hover_class ? 'is-parent-hover' : 'none'">
-    <view class="test-view" :hover-class="hover_class ? 'is-hover' : 'none'" :hover-stop-propagation="stop_propagation" :hover-start-time="start_time" :hover-stay-time="stay_time">
-    </view>
-  </view>
-  <!-- #ifdef APP -->
-  <scroll-view style="flex: 1">
-    <!-- #endif -->
-    <view class="content">
-      <boolean-data :defaultValue="false" title="是否指定按下去的样式类" @change="change_hover_class_boolean"></boolean-data>
-      <boolean-data :defaultValue="false" title="是否阻止本节点的祖先节点出现点击态" @change="change_stop_propagation_boolean"></boolean-data>
-      <enum-data :items="start_time_enum" title="按住后多久出现点击态" @change="radio_change_start_time_enum"></enum-data>
-      <enum-data :items="stay_time_enum" title="手指松开后点击态保留时间" @change="radio_change_stay_time_enum"></enum-data>
-    </view>
-    <!-- #ifdef APP -->
-  </scroll-view>
+  <page-head title="view"></page-head>
+  <view class="main" :hover-class="hover_class ? 'is-parent-hover' : 'none'">
+    <view class="test-view" :hover-class="hover_class ? 'is-hover' : 'none'" :hover-stop-propagation="stop_propagation"
+      :hover-start-time="start_time" :hover-stay-time="stay_time">
+    </view>
+  </view>
+  <!-- #ifdef APP -->
+  <scroll-view style="flex: 1">
+  <!-- #endif -->
+    <view class="content">
+      <boolean-data :defaultValue="false" title="是否指定按下去的样式类" @change="change_hover_class_boolean"></boolean-data>
+      <boolean-data :defaultValue="false" title="是否阻止本节点的祖先节点出现点击态"
+        @change="change_stop_propagation_boolean"></boolean-data>
+      <enum-data :items="start_time_enum" title="按住后多久出现点击态" @change="radio_change_start_time_enum"></enum-data>
+      <enum-data :items="stay_time_enum" title="手指松开后点击态保留时间" @change="radio_change_stay_time_enum"></enum-data>
+    </view>
+  <!-- #ifdef APP -->
+  </scroll-view>
   <!-- #endif -->
 </template>
-<script>
-import { type ItemType } from '@/components/enum-data/enum-data.vue'
-export default {
-  data() {
-    return {
-      hover_class: false,
-      stop_propagation: false,
-      start_time: 50,
-      stay_time: 400,
-      start_time_enum: [{ "value": 50, "name": "50毫秒" }, { "value": 200, "name": "200毫秒" }] as ItemType[],
-      stay_time_enum: [{ "value": 400, "name": "400毫秒" }, { "value": 200, "name": "200毫秒" }] as ItemType[]
-    }
-  },
-  methods: {
-    change_hover_class_boolean(checked : boolean) {
-      this.hover_class = checked
-    },
-    change_stop_propagation_boolean(checked : boolean) {
-      this.stop_propagation = checked
-    },
-    radio_change_start_time_enum(time : number) {
-      this.start_time = time
-    },
-    radio_change_stay_time_enum(time : number) {
-      this.stay_time = time
+<script>
+  import { ItemType } from '@/components/enum-data/enum-data.vue'
+  export default {
+    data() {
+      return {
+        hover_class: false,
+        stop_propagation: false,
+        start_time: 50,
+        stay_time: 400,
+        start_time_enum: [{ "value": 50, "name": "50毫秒" }, { "value": 200, "name": "200毫秒" }] as ItemType[],
+        stay_time_enum: [{ "value": 400, "name": "400毫秒" }, { "value": 200, "name": "200毫秒" }] as ItemType[]
+      }
+    },
+    methods: {
+      change_hover_class_boolean(checked : boolean) {
+        this.hover_class = checked
+      },
+      change_stop_propagation_boolean(checked : boolean) {
+        this.stop_propagation = checked
+      },
+      radio_change_start_time_enum(time : number) {
+        this.start_time = time
+      },
+      radio_change_stay_time_enum(time : number) {
+        this.stay_time = time
+      },
     },
-  },
-}
+  }
 </script>
 
 <style>
-.main {
+  .main {
     padding: 10rpx 0;
     flex-direction: row;
     justify-content: center;
-}
-.test-view {
-  height: 200px;
-  width: 200px;
-  background-color: white;
-}
-.text {
-  color: #777;
-  font-size: 26rpx;
-}
-.is-hover {
+  }
+
+  .test-view {
+    height: 200px;
+    width: 200px;
+    background-color: white;
+  }
+
+  .text {
+    color: #777;
+    font-size: 26rpx;
+  }
+
+  .is-hover {
     background-color: #179b16;
-}
-
-.is-parent-hover {
+  }
+
+  .is-parent-hover {
     background-color: #aa0000;
-}
-</style>
+  }
+</style>
\ No newline at end of file