@coffic/cosy-ui 0.9.10 → 0.9.11

package/dist/src-astro/card/CardCourse.astro

@@ -1,156 +0,0 @@
----
-/**
- * @component CardCourse
- *
- * @description
- * 课程卡片组件，用于展示课程信息，具有统一的设计风格。支持动态图标和渐变背景。
- *
- * @usage
- * ```astro
- * <CardCourse courseName="React 基础教程" courseSlug="react" lang="zh" href="/courses/react-basics" />
- * ```
- *
- * @props
- * - courseName: string - 课程标题
- * - courseSlug: string - 课程唯一标识（用于图标和背景）
- * - description?: string - 课程描述
- * - lang: string - 语言（"en" 或 "zh"）
- * - href: string - 课程链接
- */
-
-import '../../style.ts';
-import WebsiteIcon from '../icons/WebsiteIcon.astro';
-import AstroIcon from '../icons/AstroIcon.astro';
-import GolangIcon from '../icons/CodeIcon.astro';
-import JavaIcon from '../icons/CodeIcon.astro';
-import PhpIcon from '../icons/CodeIcon.astro';
-import VueIcon from '../icons/CodeIcon.astro';
-import SwiftIcon from '../icons/CodeIcon.astro';
-import BookIcon from '../icons/DocumentIcon.astro';
-
-interface Props {
-  courseName: string;
-  courseSlug: string;
-  description?: string;
-  lang: string;
-  href: string;
-}
-
-const { courseName, courseSlug, description = '', lang, href } = Astro.props;
-
-// 图标映射（用 SVG 组件）
-const courseIconMap: Record<string, any> = {
-  computer_networks: BookIcon,
-  computer_organization: BookIcon,
-  operating_systems: BookIcon,
-  data_structures: BookIcon,
-  higher_mathematics: BookIcon,
-  linear_algebra: BookIcon,
-  probability_and_statistics: BookIcon,
-  vue: VueIcon,
-  php: PhpIcon,
-  javascript: BookIcon,
-  java: JavaIcon,
-  golang: GolangIcon,
-  swift_ui: SwiftIcon,
-  flutter: BookIcon,
-  astro: GolangIcon,
-  caddy: BookIcon,
-  kong: BookIcon,
-  default: BookIcon,
-};
-
-const courseGradientMap: Record<string, string> = {
-  computer_networks: 'cosy:from-primary/50 cosy:to-secondary/50',
-  computer_organization: 'cosy:from-primary/50 cosy:to-accent/50',
-  operating_systems: 'cosy:from-secondary/50 cosy:to-accent/50',
-  data_structures: 'cosy:from-accent/50 cosy:to-primary/50',
-  higher_mathematics: 'cosy:from-success/50 cosy:to-info/50',
-  linear_algebra: 'cosy:from-info/50 cosy:to-success/50',
-  probability_and_statistics: 'cosy:from-success/50 cosy:to-accent/50',
-  vue: 'cosy:from-success/50 cosy:to-primary/50',
-  php: 'cosy:from-secondary/50 cosy:to-accent/50',
-  javascript: 'cosy:from-warning/50 cosy:to-error/50',
-  java: 'cosy:from-error/50 cosy:to-warning/50',
-  golang: 'cosy:from-info/50 cosy:to-primary/50',
-  swift_ui: 'cosy:from-warning/50 cosy:to-error/50',
-  flutter: 'cosy:from-primary/50 cosy:to-secondary/50',
-  astro: 'cosy:from-secondary/50 cosy:to-accent/50',
-  caddy: 'cosy:from-success/50 cosy:to-primary/50',
-  kong: 'cosy:from-accent/50 cosy:to-secondary/50',
-  default: 'cosy:from-neutral cosy:to-base-content',
-};
-
-function normalizeName(name: string) {
-  return name.toLowerCase().replace(/[^a-z0-9]/g, '_');
-}
-
-const normalizedName = normalizeName(courseSlug);
-
-// 动态选择图标
-let IconComponent = courseIconMap[normalizedName] || null;
-if (!IconComponent) {
-  for (const key in courseIconMap) {
-    if (key !== 'default' && normalizedName.includes(key)) {
-      IconComponent = courseIconMap[key];
-      break;
-    }
-  }
-}
-if (!IconComponent) IconComponent = courseIconMap.default;
-
-// 动态选择渐变
-let courseGradient = courseGradientMap[normalizedName] || '';
-if (!courseGradient) {
-  for (const key in courseGradientMap) {
-    if (key !== 'default' && normalizedName.includes(key)) {
-      courseGradient = courseGradientMap[key];
-      break;
-    }
-  }
-}
-if (!courseGradient) courseGradient = courseGradientMap.default;
-
-// 标题格式化
-const displayName = courseName
-  .replace(/_/g, ' ')
-  .replace(/\b\w/g, (l) => l.toUpperCase());
----
-
-<div
-  class={`cosy:card cosy:shadow-lg hover:cosy:shadow-xl cosy:transition-all cosy:duration-300 hover:cosy:-translate-y-1 cosy:border-0 cosy:overflow-hidden cosy:bg-gradient-to-br ${courseGradient} cosy:relative`}>
-  <!-- 背景图标 -->
-  <div
-    class="cosy:absolute cosy:top-2 cosy:right-2 cosy:opacity-30 cosy:w-24 cosy:h-24">
-    {
-      IconComponent === AstroIcon ? (
-        <IconComponent name="astro" class="cosy:w-full cosy:h-full" />
-      ) : (
-        <IconComponent class="cosy:w-full cosy:h-full" />
-      )
-    }
-  </div>
-  <div class="cosy:card-body cosy:p-6 cosy:relative cosy:z-10">
-    <!-- 标题和描述区域 -->
-    <div class="cosy:mb-4">
-      <h3 class="cosy:text-lg cosy:font-semibold cosy:truncate cosy:text-start">
-        {displayName}
-      </h3>
-      {
-        description && (
-          <p class="cosy:text-sm cosy:mt-4 cosy:line-clamp-3 cosy:text-start">
-            {description}
-          </p>
-        )
-      }
-    </div>
-    <!-- 操作按钮 -->
-    <div class="cosy:card-actions cosy:justify-end cosy:mt-4">
-      <a
-        href={href}
-        class="cosy:btn cosy:bg-base-100 cosy:backdrop-blur-sm cosy:border cosy:border-base-100/30 hover:cosy:bg-base-100/30 cosy:transition-all cosy:duration-300">
-        {lang === 'en' ? 'Start Learning' : '开始学习'}
-      </a>
-    </div>
-  </div>
-</div>