From 855cb7154f4a0ec7a068753654afd995551db72e Mon Sep 17 00:00:00 2001
From: lzh <sickone075@gmail.com>
Date: Mon, 22 Dec 2025 14:55:38 +0800
Subject: [PATCH] =?UTF-8?q?feat(@vben-core/shadcn-ui):=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=20GlassCard=20=E6=AF=9B=E7=8E=BB=E7=92=83=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 创建独立的 GlassCard 组件，提供更明确的语义化 API
- 导出 GlassCard 组件供项目使用
- 支持自定义 class 属性进行样式扩展
---
 .../src/components/glass-card/GlassCard.vue   | 20 ++++++++++++++++
 .../src/components/glass-card/index.ts        |  2 ++
 .../shadcn-ui/src/ui/glass-card/GlassCard.vue | 24 +++++++++++++++++++
 .../shadcn-ui/src/ui/glass-card/index.ts      |  2 ++
 .../@core/ui-kit/shadcn-ui/src/ui/index.ts    |  1 +
 .../effects/common-ui/src/components/index.ts |  1 +
 6 files changed, 50 insertions(+)
 create mode 100644 apps/web-antd/src/components/glass-card/GlassCard.vue
 create mode 100644 apps/web-antd/src/components/glass-card/index.ts
 create mode 100644 packages/@core/ui-kit/shadcn-ui/src/ui/glass-card/GlassCard.vue
 create mode 100644 packages/@core/ui-kit/shadcn-ui/src/ui/glass-card/index.ts

diff --git a/apps/web-antd/src/components/glass-card/GlassCard.vue b/apps/web-antd/src/components/glass-card/GlassCard.vue
new file mode 100644
index 000000000..59f28350f
--- /dev/null
+++ b/apps/web-antd/src/components/glass-card/GlassCard.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+const props = defineProps<{
+  class?: string | string[] | Record<string, boolean>;
+}>();
+</script>
+
+<template>
+  <div
+    :class="[
+      'glass-card glass-border glass-shadow glass-highlight',
+      'rounded-[2rem] text-card-foreground',
+      'transition-all duration-300 ease-out',
+      'hover:-translate-y-1 hover:glass-shadow-hover',
+      props.class,
+    ]"
+  >
+    <slot></slot>
+  </div>
+</template>
+
diff --git a/apps/web-antd/src/components/glass-card/index.ts b/apps/web-antd/src/components/glass-card/index.ts
new file mode 100644
index 000000000..d5c580c75
--- /dev/null
+++ b/apps/web-antd/src/components/glass-card/index.ts
@@ -0,0 +1,2 @@
+export { default as GlassCard } from './GlassCard.vue';
+
diff --git a/packages/@core/ui-kit/shadcn-ui/src/ui/glass-card/GlassCard.vue b/packages/@core/ui-kit/shadcn-ui/src/ui/glass-card/GlassCard.vue
new file mode 100644
index 000000000..868605fa5
--- /dev/null
+++ b/packages/@core/ui-kit/shadcn-ui/src/ui/glass-card/GlassCard.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import { cn } from '@vben-core/shared/utils';
+
+const props = defineProps<{
+  class?: any;
+}>();
+</script>
+
+<template>
+  <div
+    :class="
+      cn(
+        'glass-card glass-border glass-shadow glass-highlight',
+        'rounded-[2rem] text-card-foreground',
+        'transition-all duration-300 ease-out',
+        'hover:-translate-y-1 hover:glass-shadow-hover',
+        props.class,
+      )
+    "
+  >
+    <slot></slot>
+  </div>
+</template>
+
diff --git a/packages/@core/ui-kit/shadcn-ui/src/ui/glass-card/index.ts b/packages/@core/ui-kit/shadcn-ui/src/ui/glass-card/index.ts
new file mode 100644
index 000000000..d5c580c75
--- /dev/null
+++ b/packages/@core/ui-kit/shadcn-ui/src/ui/glass-card/index.ts
@@ -0,0 +1,2 @@
+export { default as GlassCard } from './GlassCard.vue';
+
diff --git a/packages/@core/ui-kit/shadcn-ui/src/ui/index.ts b/packages/@core/ui-kit/shadcn-ui/src/ui/index.ts
index 1be71f862..9e218f254 100644
--- a/packages/@core/ui-kit/shadcn-ui/src/ui/index.ts
+++ b/packages/@core/ui-kit/shadcn-ui/src/ui/index.ts
@@ -9,6 +9,7 @@ export * from './checkbox';
 export * from './dialog';
 export * from './dropdown-menu';
 export * from './form';
+export * from './glass-card';
 export * from './hover-card';
 export * from './input';
 export * from './label';
diff --git a/packages/effects/common-ui/src/components/index.ts b/packages/effects/common-ui/src/components/index.ts
index 3bc11325f..7e0ebea5c 100644
--- a/packages/effects/common-ui/src/components/index.ts
+++ b/packages/effects/common-ui/src/components/index.ts
@@ -34,6 +34,7 @@ export {
   VbenPinInput,
   VbenSelect,
   VbenSpinner,
+  GlassCard,
 } from '@vben-core/shadcn-ui';
 
 export type { FlattenedItem } from '@vben-core/shadcn-ui';