refactor(textarea): autosize 样式计算逻辑

Tencent · Dec 8, 2023 · cb65b1a · cb65b1a
1 parent 7f0e26f
commit cb65b1a
Showing 1 changed file with 8 additions and 13 deletions.
diff --git a/src/textarea/textarea.vue b/src/textarea/textarea.vue
@@ -52,7 +52,6 @@ export default defineComponent({
     const textareaLength = ref(0);
     const { value, modelValue } = toRefs(props);
     const [innerValue, setInnerValue] = useVModel(value, modelValue, props.defaultValue, props.onChange);
-    const propsAutosize = computed(() => props.autosize);
     const textareaClass = computed(() => [
       `${componentName}`,
       {
@@ -85,6 +84,8 @@ export default defineComponent({
     const adjustTextareaHeight = () => {
       if (props.autosize === true) {
         textareaStyle.value = calcTextareaHeight(textareaRef.value as HTMLTextAreaElement);
+      } else if (props.autosize === false) {
+        textareaStyle.value = calcTextareaHeight(textareaRef.value as HTMLTextAreaElement, 1, 1);
       } else if (typeof props.autosize === 'object') {
         const { minRows, maxRows } = props.autosize;
         textareaStyle.value = calcTextareaHeight(textareaRef.value as HTMLTextAreaElement, minRows, maxRows);
@@ -144,18 +145,12 @@ export default defineComponent({
         adjustTextareaHeight();
       });
     });
-    watch(propsAutosize, (value) => {
-      switch (value) {
-        case true:
-          textareaStyle.value = calcTextareaHeight(textareaRef.value as HTMLTextAreaElement);
-          break;
-        case false:
-          textareaStyle.value = calcTextareaHeight(textareaRef.value as HTMLTextAreaElement, 1, 1);
-          break;
-        default:
-          break;
-      }
-    });
+    watch(
+      () => props.autosize,
+      () => {
+        adjustTextareaHeight();
+      },
+    );
     return {
       componentName,
       ...toRefs(props),