feat(comp:card): shadow supports global config now

IDuxFE · Sep 19, 2023 · 7da0ea7 · 7da0ea7
1 parent 51ae0b2
commit 7da0ea7
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 3 deletions.
diff --git a/packages/components/card/docs/Api.zh.md b/packages/components/card/docs/Api.zh.md
@@ -9,7 +9,7 @@
 | `cover` | 卡片封面图片 | `string \| CardCover \| #cover` | - | - | - |
 | `header` | 对话框标题 | `string \| HeaderProps \| #header` | - | - | - |
 | `hoverable` | 鼠标 hover 时，是否悬浮 | `boolean` | `false` | ✅ | - |
-| `shadow` | 是否有阴影 | `boolean` | `true` | - | - |
+| `shadow` | 是否有阴影 | `boolean` | `true` | ✅ | - |
 | `loading` | 是否加载中状态 | `boolean` | `false` | - | 当卡片内容还在加载中时，显示占位图 |
 | `size` | 设置卡片大小 | `'sm' \| 'md' \| 'lg'` | `'md'` | ✅ | - |
 | `footer` | 自定义底部按钮 | `CardButtonProps[] \| #footer` | - | - | - |

diff --git a/packages/components/card/src/Card.tsx b/packages/components/card/src/Card.tsx
@@ -47,7 +47,7 @@ export default defineComponent({
 
     return () => {
       const prefixCls = mergedPrefixCls.value
-      const { borderless = config.borderless, loading, size = config.size, shadow } = props
+      const { borderless = config.borderless, loading, size = config.size, shadow = config.shadow } = props
 
       const children = slots.default?.() ?? []
       // eslint-disable-next-line @typescript-eslint/no-explicit-any

diff --git a/packages/components/card/src/types.ts b/packages/components/card/src/types.ts
@@ -37,7 +37,7 @@ export const cardProps = {
   },
   shadow: {
     type: Boolean,
-    default: true,
+    default: undefined,
   },
   loading: {
     type: Boolean,

diff --git a/packages/components/config/src/defaultConfig.ts b/packages/components/config/src/defaultConfig.ts
@@ -55,6 +55,7 @@ export const defaultConfig: GlobalConfig = {
     borderless: false,
     hoverable: false,
     size: 'md',
+    shadow: true,
   },
   carousel: {
     autoplayTime: 0,

diff --git a/packages/components/config/src/types.ts b/packages/components/config/src/types.ts
@@ -163,6 +163,7 @@ export interface CardConfig {
   size: CardSize
   borderless: boolean
   hoverable: boolean
+  shadow: boolean
 }
 
 export interface CarouselConfig {