feat(textarea): 响应式地触发 autosize 样式计算 (#1175)

* feat(textarea): 响应式地触发 autosize 样式计算 * refactor(textarea): autosize 样式计算逻辑
Tencent · Dec 8, 2023 · 4c85efd · 4c85efd
1 parent e1579a6
commit 4c85efd
Showing 1 changed file with 8 additions and 1 deletion.
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 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,6 +145,12 @@ export default defineComponent({
         adjustTextareaHeight();
       });
     });
+    watch(
+      () => props.autosize,
+      () => {
+        adjustTextareaHeight();
+      },
+    );
     return {
       componentName,
       ...toRefs(props),