@coffic/cosy-ui 0.9.11 → 0.9.13

package/dist/src/assets/iconData.ts

@@ -234,4 +234,9 @@ export const iconData: Record<string, IconData> = {
     code: {
         path: 'M8 6L2 12L8 18M16 6L22 12L16 18M10 16L14 8',
     },
+
+    // 网站图标
+    website: {
+        path: 'M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z',
+    },
 };

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

@@ -8,6 +8,7 @@
  * @usage
  * ```astro
  * <CardCourse courseName="React 基础教程" lang="zh" href="/courses/react-basics" />
+ * <CardCourse courseName="Vue 进阶" lang="zh" href="/courses/vue" padding="xl" contentPadding="md" />
  * ```
  *
  * @props
@@ -16,14 +17,20 @@
  * - lang: string - 语言（"en" 或 "zh"）
  * - href: string - 课程链接
  * - iconSize?: "sm" | "md" | "lg" | "xl" - 图标尺寸，默认为 "md"
+ * - contentPadding?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" - 内容区域内边距，默认为 "lg"
  */
 
 import '../../style.ts';
-import { formatDisplayName, getIconSizeClasses } from './config';
+import {
+  formatDisplayName,
+  getIconSizeClasses,
+  getContentPaddingClasses,
+} from './config';
 import CardCourseIcon from './CardCourseIcon.astro';
 import CardCourseContent from './CardCourseContent.astro';
 import CardCourseButton from './CardCourseButton.astro';
 import { SmartBg } from '../smart-bg';
+import type { PaddingSize } from './types';
 
 interface Props {
   courseName: string;
@@ -31,6 +38,8 @@ interface Props {
   lang: string;
   href: string;
   iconSize?: 'sm' | 'md' | 'lg' | 'xl';
+  padding?: PaddingSize;
+  contentPadding?: PaddingSize;
 }
 
 const {
@@ -39,10 +48,12 @@ const {
   lang,
   href,
   iconSize = 'md',
+  contentPadding = 'lg',
 } = Astro.props;
 
 const displayName = formatDisplayName(courseName);
 const iconSizeClasses = getIconSizeClasses(iconSize);
+const contentPaddingClasses = getContentPaddingClasses(contentPadding);
 ---
 
 <div
@@ -65,12 +76,13 @@ const iconSizeClasses = getIconSizeClasses(iconSize);
   <!-- 背景 -->
   <SmartBg
     keyword={courseName}
-    class="cosy:card-body cosy:p-6 cosy:relative cosy:z-10"
+    class={`cosy:relative cosy:z-10`}
     enableGradient={true}>
     <!-- 背景图标 -->
     <CardCourseIcon courseName={courseName} iconSizeClasses={iconSizeClasses} />
 
-    <div class="cosy:card-body cosy:p-6 cosy:relative cosy:z-10">
+    <div
+      class={`cosy:card-body ${contentPaddingClasses} cosy:relative cosy:z-10`}>
       <!-- 内容区域 -->
       <CardCourseContent displayName={displayName} description={description} />
 

package/dist/src-astro/card-course/config.ts

@@ -9,6 +9,21 @@ export const iconSizeConfig: Record<string, string> = {
     xl: 'cosy:w-40 cosy:h-40',
 };
 
+/**
+ * 内容区域内边距配置
+ * 预设的几种内容区域内边距类名
+ */
+export const contentPaddingConfig: Record<string, string> = {
+    none: 'cosy:p-0',
+    xs: 'cosy:p-2',
+    sm: 'cosy:p-3',
+    md: 'cosy:p-4',
+    lg: 'cosy:p-6',
+    xl: 'cosy:p-8',
+    '2xl': 'cosy:p-10',
+    '3xl': 'cosy:p-12',
+};
+
 /**
  * 获取图标尺寸类名
  * @param size 图标尺寸
@@ -18,6 +33,17 @@ export function getIconSizeClasses(size: "sm" | "md" | "lg" | "xl" = "md"): stri
     return iconSizeConfig[size] || iconSizeConfig.md;
 }
 
+
+
+/**
+ * 获取内容区域内边距类名
+ * @param padding 内容区域内边距尺寸
+ * @returns 对应的CSS类名
+ */
+export function getContentPaddingClasses(padding: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" = "lg"): string {
+    return contentPaddingConfig[padding] || contentPaddingConfig.lg;
+}
+
 /**
  * 标准化课程名称
  * 将课程名称转换为小写并用下划线替换特殊字符

package/dist/src-astro/card-course/types.ts

@@ -1,3 +1,8 @@
+/**
+ * 内边距尺寸类型
+ */
+export type PaddingSize = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
+
 /**
  * CardCourse 组件的 Props 接口
  */
@@ -12,4 +17,6 @@ export interface CardCourseProps {
     href: string;
     /** 图标尺寸，默认为 "md" */
     iconSize?: "sm" | "md" | "lg" | "xl";
+    /** 内容区域内边距，默认为 "lg" */
+    contentPadding?: PaddingSize;
 } 

package/dist/src-astro/sidebar/SidebarNav.astro

@@ -122,7 +122,7 @@ const debugClass = debug ? 'cosy:border cosy:border-red-500' : '';
                                       href={subsubitem.href}
                                       class:list={[
                                         'cosy:hover:bg-base-300',
-                                        { 'cosy:active': isSubSubActive },
+                                        { 'cosy:menu-active': isSubSubActive },
                                         debugClass,
                                       ]}>
                                       {subsubitem.text}

package/dist/src-astro/smart-bg/SmartBg.astro

@@ -22,7 +22,7 @@ const bgClass = enableGradient
   : bgColorMap[bgKey] || bgColorMap['neutral'];
 ---
 
-<div class={`${bgClass} ${className}`} style={style}>
+<div class={`${bgClass} ${className} cosy:h-full`} style={style}>
   <slot />
   {
     showKey && (

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coffic/cosy-ui",
-  "version": "0.9.11",
+  "version": "0.9.13",
   "description": "An astro component library",
   "author": {
     "name": "nookery",