From 7b79aae8ffd16ec14e0c5b375f3c2feca1b949f2 Mon Sep 17 00:00:00 2001
From: SongWuKong <23303044+imswk@users.noreply.github.com>
Date: Thu, 26 Aug 2021 17:00:18 +0800
Subject: [PATCH] fix(input): autosize type problem (#3008) (#3012)

* fix(input): autosize type problem (#3008)

* fix(input/card):  ( autosize/bodyStyle )type problem (#3008)

* fix(input/card): (autosize/bodyStyle)type problem (#3008)

* fix(components): input/card (autosize/bodyStyle) type problem (#3008)

* fix(components): input/card (autosize/bodyStyle) type problem (#3008)
---
 packages/components/card/src/index.vue           | 6 ++++--
 packages/components/input/src/index.vue          | 2 +-
 packages/components/virtual-list/src/defaults.ts | 3 ++-
 packages/components/virtual-list/src/types.ts    | 1 -
 packages/utils/types.ts                          | 4 +++-
 5 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/packages/components/card/src/index.vue b/packages/components/card/src/index.vue
index f5fe175fc3..31d4d18ee8 100644
--- a/packages/components/card/src/index.vue
+++ b/packages/components/card/src/index.vue
@@ -10,6 +10,8 @@
 </template>
 <script lang='ts'>
 import { defineComponent } from 'vue'
+import type { PropType } from 'vue'
+import type { StyleValue } from '@element-plus/utils/types'
 
 export default defineComponent({
   name: 'ElCard',
@@ -19,8 +21,8 @@ export default defineComponent({
       default: '',
     },
     bodyStyle: {
-      type: [String, Object, Array],
-      default: '',
+      type: [String, Object, Array] as PropType<StyleValue>,
+      default: '' as StyleValue,
     },
     shadow: {
       type: String,
diff --git a/packages/components/input/src/index.vue b/packages/components/input/src/index.vue
index 1c7fb54f87..0dbc362f76 100644
--- a/packages/components/input/src/index.vue
+++ b/packages/components/input/src/index.vue
@@ -167,7 +167,7 @@ export default defineComponent({
     },
     autosize: {
       type: [Boolean, Object] as PropType<AutosizeProp>,
-      default: false,
+      default: false as AutosizeProp,
     },
     autocomplete: {
       type: String,
diff --git a/packages/components/virtual-list/src/defaults.ts b/packages/components/virtual-list/src/defaults.ts
index 11a5e0bc5e..9869912e77 100644
--- a/packages/components/virtual-list/src/defaults.ts
+++ b/packages/components/virtual-list/src/defaults.ts
@@ -1,7 +1,8 @@
 import { isNumber } from '@element-plus/utils/util'
 
 import type { PropType } from 'vue'
-import type { Direction, LayoutDirection, StyleValue, ItemSize } from './types'
+import type { Direction, LayoutDirection, ItemSize } from './types'
+import type { StyleValue } from '@element-plus/utils/types'
 
 
 export const DEFAULT_DYNAMIC_LIST_ITEM_SIZE = 50
diff --git a/packages/components/virtual-list/src/types.ts b/packages/components/virtual-list/src/types.ts
index 7a1356fa04..8551464b8c 100644
--- a/packages/components/virtual-list/src/types.ts
+++ b/packages/components/virtual-list/src/types.ts
@@ -5,7 +5,6 @@ import type {
 } from 'vue'
 
 export type Instance = ComponentInternalInstance
-export type StyleValue = string | CSSProperties | Array<StyleValue>
 export type ScrollEvent = WheelEvent | MouseEvent
 
 export type Alignment = 'auto' | 'smart' | 'center' | 'start' | 'end'
diff --git a/packages/utils/types.ts b/packages/utils/types.ts
index 99ffd5c1fa..0b00c228cb 100644
--- a/packages/utils/types.ts
+++ b/packages/utils/types.ts
@@ -1,4 +1,4 @@
-import type { Plugin } from 'vue'
+import type { CSSProperties, Plugin } from 'vue'
 
 type OptionalKeys<T extends Record<string, unknown>> = {
   [K in keyof T]: T extends Record<K, T[K]>
@@ -36,3 +36,5 @@ export type Hash<T> = Indexable<T>
 export type TimeoutHandle = ReturnType<typeof global.setTimeout>
 
 export type ComponentSize = 'large' | 'medium' | 'small' | 'mini'
+
+export type StyleValue = string | CSSProperties | Array<StyleValue>