style: 优化 textarea 组件

FightingDesign · Jun 25, 2023 · 74478d5 · 74478d5
1 parent ed2735e
commit 74478d5
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 18 deletions.
diff --git a/packages/fighting-design/_utils/utils/index.ts b/packages/fighting-design/_utils/utils/index.ts
@@ -28,7 +28,7 @@ export const keepDecimal = (value: number, no = 2): number => {
  */
 export const debounce = <T extends (...args: unknown[]) => void>(
   func: T,
-  delay: number
+  delay = 1000
 ): ((...args: Parameters<T>) => void) => {
   /** 计时器实例 */
   let timeout: ReturnType<typeof setTimeout> | undefined

diff --git a/packages/fighting-design/textarea/src/textarea.vue b/packages/fighting-design/textarea/src/textarea.vue
@@ -4,6 +4,7 @@
   import { useInput, useList, useRun } from '../../_hooks'
   import { FIconCross } from '../../_svg'
   import { FSvgIcon } from '../../svg-icon'
+  import { debounce } from '../../_utils'
   import type { WatchStopHandle } from 'vue'
 
   defineOptions({ name: 'FTextarea' })
@@ -77,15 +78,20 @@
     )
   }
 
+  /** 设置宽度方法 */
+  const _changeHeight = debounce(changeHeight, 500)
+
+  /** 初始化调用 */
   onMounted((): void => {
     if (prop.autoHeight) {
       isAutoHeight()
-      window.addEventListener('resize', changeHeight)
+      window.addEventListener('resize', _changeHeight)
     }
   })
 
-  onBeforeUnmount(() => {
-    window.removeEventListener('resize', changeHeight)
+  /** 销毁前移除事件 */
+  onBeforeUnmount((): void => {
+    window.removeEventListener('resize', _changeHeight)
   })
 
   /**

diff --git a/start/src/App.vue b/start/src/App.vue
@@ -1,15 +1,3 @@
-<script lang="ts" setup>
-  import { ref } from 'vue'
+<script lang="ts" setup></script>
 
-  const value1 = ref('')
-
-  const show = ref(true)
-
-  // setTimeout(() => {
-  //   show.value = false
-  // }, 2000)
-</script>
-
-<template>
-  <f-textarea v-if="show" v-model="value1" placeholder="请输入...." auto-height />
-</template>
+<template></template>