@coffic/cosy-ui 0.8.12 → 0.8.13

package/dist/src-astro/entities/BlogDoc.ts

@@ -1,5 +1,5 @@
 import type { BlogEntry } from '../database/BlogDB';
-import { LinkUtil } from '../utils/link';
+import { LinkUtil } from '../../src/utils/link';
 import Tag from './Tag';
 import { BaseDoc } from './BaseDoc';
 import { COLLECTION_BLOG } from '../database/BlogDB';

package/dist/src-astro/entities/CourseDoc.ts

@@ -2,7 +2,7 @@ import { cosyLogger } from '../cosy';
 import { SidebarItemEntity } from './SidebarItem';
 import type { CourseEntry } from '../database/CourseDB';
 import { courseDB } from '../database/CourseDB';
-import { LinkUtil } from '../utils/link';
+import { LinkUtil } from '../../src/utils/link';
 import { COLLECTION_COURSE } from '../database/CourseDB';
 import { BaseDoc } from './BaseDoc';
 

package/dist/src-astro/entities/ExperimentDoc.ts

@@ -2,7 +2,7 @@ import type { ExperimentEntry } from '../database/ExperimentDB';
 import { experimentDB } from '../database/ExperimentDB';
 import { cosyLogger } from '../cosy';
 import { SidebarItemEntity } from './SidebarItem';
-import { LinkUtil } from '../utils/link';
+import { LinkUtil } from '../../src/utils/link';
 import { COLLECTION_EXPERIMENT } from '../database/ExperimentDB';
 import { BaseDoc } from './BaseDoc';
 import type { IHeadingType } from '../types/heading';

package/dist/src-astro/entities/LessonDoc.ts

@@ -2,7 +2,7 @@ import type { LessonEntry } from '../database/LessonDB';
 import { lessonDB } from '../database/LessonDB';
 import { cosyLogger } from '../cosy';
 import { SidebarItemEntity } from './SidebarItem';
-import { LinkUtil } from '../utils/link';
+import { LinkUtil } from '../../src/utils/link';
 import { COLLECTION_LESSON } from '../database/LessonDB';
 import { BaseDoc } from './BaseDoc';
 import type { IHeadingType } from '../types/heading';

package/dist/src-astro/entities/MetaDoc.ts

@@ -1,6 +1,6 @@
 import { SidebarItemEntity } from './SidebarItem';
 import type { MetaEntry } from '../database/MetaDB';
-import { LinkUtil } from '../utils/link';
+import { LinkUtil } from '../../src/utils/link';
 import { BaseDoc } from './BaseDoc';
 import { metaDB } from '../database/MetaDB';
 import { COLLECTION_META } from '../database/MetaDB';

package/dist/src-astro/entities/Tag.ts

@@ -1,7 +1,7 @@
 import { blogDB } from '../database/BlogDB';
 import { SidebarItemEntity } from './SidebarItem';
 import { type ITagStaticPath } from '../types/static-path';
-import { LinkUtil } from '../utils/link';
+import { LinkUtil } from '../../src/utils/link';
 
 export class Tag {
   name: string;

package/dist/src-astro/errors/403.astro

@@ -35,7 +35,7 @@
  */
 
 import '../../style.ts';
-import { LinkUtil } from '../utils/link.ts';
+import { LinkUtil } from '../../src/utils/link.ts';
 
 const baseUrl = LinkUtil.getBaseUrl();
 const path = Astro.url.pathname;

package/dist/src-astro/errors/404.astro

@@ -36,7 +36,7 @@
  */
 
 import '../../style.ts';
-import { LinkUtil } from '../utils/link.ts';
+import { LinkUtil } from '../../src/utils/link.ts';
 
 const baseUrl = LinkUtil.getBaseUrl();
 const path = Astro.url.pathname;

package/dist/src-astro/errors/500.astro

@@ -35,7 +35,7 @@
  */
 
 import '../../style.ts';
-import { LinkUtil } from '../utils/link.ts';
+import { LinkUtil } from '../../src/utils/link.ts';
 
 const baseUrl = LinkUtil.getBaseUrl();
 const path = Astro.url.pathname;

package/dist/src-astro/errors/503.astro

@@ -40,7 +40,7 @@
  */
 
 import '../../style.ts';
-import { LinkUtil } from '../utils/link.ts';
+import { LinkUtil } from '../../src/utils/link.ts';
 
 const baseUrl = LinkUtil.getBaseUrl();
 const path = Astro.url.pathname;

package/dist/src-astro/flex/index.ts

@@ -1,7 +1,7 @@
 import Flex from './Flex.astro';
 import FlexBasic from './FlexBasic.astro';
 import BasicSourceCode from './FlexBasic.astro?raw';
-import { extractSimpleExample } from '../utils/component';
+import { extractSimpleExample } from '../../src/utils/component';
 
 export { Flex, FlexBasic };
 

package/dist/src-astro/footer/Footer.astro

@@ -145,7 +145,7 @@
  * - 社交媒体图标包含屏幕阅读器专用的文本说明
  */
 
-import { processSocialLink } from '../utils/social.ts';
+import { processSocialLink } from '../../src/utils/social.ts';
 import {
   SocialIcon,
   LanguageUtil,

package/dist/src-astro/grid/index.ts

@@ -1,7 +1,7 @@
 import Grid from './Grid.astro';
 import GridBasic from './GridBasic.astro';
 import BasicSourceCode from './GridBasic.astro?raw';
-import { extractSimpleExample } from '../utils/component';
+import { extractSimpleExample } from '../../src/utils/component';
 
 export { Grid, GridBasic };
 

package/dist/src-astro/heading/index.ts

@@ -1,7 +1,7 @@
 import Heading from './Heading.astro';
 import HeadingBasic from './HeadingBasic.astro';
 import BasicSourceCode from './HeadingBasic.astro?raw';
-import { extractSimpleExample } from '../utils/component';
+import { extractSimpleExample } from '../../src/utils/component';
 
 export { Heading, HeadingBasic };
 

package/dist/src-astro/icons/LogOut.astro

@@ -0,0 +1,28 @@
+---
+import AstroIcon from './AstroIcon.astro';
+
+interface Props {
+  /**
+   * 图标的大小
+   * @default "24px"
+   */
+  size?: string;
+  /**
+   * 图标的颜色
+   * @default "currentColor"
+   */
+  color?: string;
+  /**
+   * 自定义类名
+   */
+  class?: string;
+}
+
+const {
+  size = '24px',
+  color = 'currentColor',
+  class: className = '',
+} = Astro.props;
+---
+
+<AstroIcon name="logOut" size={size} stroke={color} class={className} />

package/dist/src-astro/icons/index.ts

@@ -43,4 +43,5 @@ export { default as ReportIcon } from './ReportIcon.astro';
 export { default as SecurityIcon } from './SecurityIcon.astro';
 export { default as UploadIcon } from './UploadIcon.astro';
 export { default as DownloadIcon } from './DownloadIcon.astro';
+export { default as LogOut } from './LogOut.astro';
 

package/dist/src-astro/image/index.ts

@@ -5,7 +5,7 @@ import ImageLoading from './ImageLoading.astro';
 import BasicSourceCode from './ImageBasic.astro?raw';
 import EffectsSourceCode from './ImageEffects.astro?raw';
 import LoadingSourceCode from './ImageLoading.astro?raw';
-import { extractSimpleExample } from '../utils/component';
+import { extractSimpleExample } from '../../src/utils/component';
 
 export { Image, ImageBasic, ImageEffects, ImageLoading };
 

package/dist/src-astro/language-switcher/index.ts

@@ -1,7 +1,7 @@
 import LanguageSwitcher from './LanguageSwitcher.astro';
 import LanguageSwitcherBasic from './LanguageSwitcherBasic.astro';
 import BasicSourceCode from './LanguageSwitcherBasic.astro?raw';
-import { extractSimpleExample } from '../utils/component';
+import { extractSimpleExample } from '../../src/utils/component';
 
 export { LanguageSwitcher, LanguageSwitcherBasic };
 

package/dist/src-astro/layout-basic/index.ts

@@ -1,7 +1,7 @@
 import BaseLayout from './BaseLayout.astro';
 import BaseLayoutBasic from './BaseLayoutBasic.astro';
 import BasicSourceCode from './BaseLayoutBasic.astro?raw';
-import { extractSimpleExample } from '../utils/component';
+import { extractSimpleExample } from '../../src/utils/component';
 
 export { BaseLayout, BaseLayoutBasic };
 

package/dist/src-astro/layout-dashboard/DashboardLayout.astro

@@ -4,7 +4,7 @@
  *
  * @description
  * DashboardLayout 组件适用于管理后台的布局，包含侧边栏导航和顶部导航栏。
- * 提供了完整的管理界面框架，包括响应式设计和暗色主题支持。
+ * 提供了完整的管理界面框架，包括响应式设计、暗色主题支持和内置 Toast 通知系统。
  *
  * @design
  * 设计理念：
@@ -12,6 +12,7 @@
  * 2. 响应式布局 - 在不同设备上提供良好的用户体验
  * 3. 可定制性 - 支持自定义导航项、系统名称和用户信息
  * 4. 状态保持 - 记住用户的侧边栏折叠状态
+ * 5. 统一通知 - 内置 Toast 系统，提供一致的消息提示体验
  *
  * @usage
  * 基本用法：
@@ -81,9 +82,55 @@
  * >
  *   <h1>仪表盘内容</h1>
  *   <p>这是带有背景的主要内容</p>
+ *
+ *   <script>
+ *     // 在页面中使用 toast
+ *     function handleAction() {
+ *       // 简单用法
+ *       showToast('操作成功！');
+ *
+ *       // 带选项的用法
+ *       showToast({
+ *         message: '数据保存成功',
+ *         type: 'success',
+ *         duration: 2000
+ *       });
+ *     }
+ *   </script>
  * </DashboardLayout>
  * ```
  *
+ * Toast 使用示例：
+ * ```javascript
+ * // 成功消息
+ * showToast({
+ *   message: '保存成功！',
+ *   type: 'success'
+ * });
+ *
+ * // 错误消息
+ * showToast({
+ *   message: '网络连接失败',
+ *   type: 'error',
+ *   duration: 5000
+ * });
+ *
+ * // 警告消息
+ * showToast({
+ *   message: '请注意数据安全',
+ *   type: 'warning'
+ * });
+ *
+ * // 信息消息
+ * showToast({
+ *   message: '系统将在 5 分钟后维护',
+ *   type: 'info'
+ * });
+ *
+ * // 简化用法
+ * showToast('这是一条简单的消息');
+ * ```
+ *
  * @props
  * - title: string - 页面标题
  * - description?: string - 页面描述
@@ -109,6 +156,7 @@
 import { BaseLayout } from '../../index-astro';
 import DashboardSidebar from './DashboardSidebar.astro';
 import DashboardTopNavbar from './DashboardTopNavbar.astro';
+import { ToastContainer, ConfirmDialog } from '../../index-astro';
 import '../../style.ts';
 import {
   type NavItem,
@@ -195,6 +243,18 @@ export interface Props {
    */
   'class:list'?: any;
 
+  /**
+   * 是否启用 Toast 功能
+   * @default true
+   */
+  enableToast?: boolean;
+
+  /**
+   * 是否启用确认对话框功能
+   * @default true
+   */
+  enableConfirmDialog?: boolean;
+
   /**
    * 调试模式
    * @default false
@@ -214,6 +274,8 @@ const {
   sidebarSize = 'md',
   sidebarTheme = 'default',
   mainBackgroundTheme = 'transparent',
+  enableToast = true,
+  enableConfirmDialog = true,
   head,
   class: className,
   'class:list': classList,
@@ -271,6 +333,19 @@ const mainBackgroundStyles = getMainBackgroundTheme(mainBackgroundTheme);
       </main>
     </div>
   </div>
+
+  <!-- Toast 容器 -->
+  {enableToast && <ToastContainer />}
+
+  {
+    enableConfirmDialog && (
+      <ConfirmDialog
+        id="dashboard-confirm"
+        title="确认操作"
+        message="您确定要执行此操作吗？"
+      />
+    )
+  }
 </BaseLayout>
 
 <script>

package/dist/src-astro/layout-dashboard/tools.ts

@@ -0,0 +1,158 @@
+/**
+ * Dashboard Layout 组件的工具函数
+ */
+
+/**
+ * 基于 href 关键词匹配图标名称的映射表
+ */
+const hrefToIconMap: Record<string, string> = {
+    // 主页相关
+    'dashboard': 'dashboard',
+    'home': 'home',
+    'index': 'home',
+
+    // 用户相关
+    'user': 'user',
+    'users': 'users',
+    'profile': 'user',
+    'account': 'user',
+    'member': 'users',
+    'team': 'users',
+
+    // 设置相关
+    'setting': 'settings',
+    'config': 'settings',
+    'preference': 'settings',
+    'admin': 'settings',
+    'manage': 'settings',
+    'tool': 'tools',
+
+    // 数据相关
+    'chart': 'chart',
+    'analytics': 'chart',
+    'report': 'report',
+    'statistic': 'chart',
+    'data': 'chart',
+
+    // 文档相关
+    'doc': 'document',
+    'document': 'document',
+    'file': 'document',
+    'page': 'document',
+    'article': 'document',
+    'content': 'document',
+
+    // 日历和时间
+    'calendar': 'calendar',
+    'schedule': 'calendar',
+    'event': 'calendar',
+    'date': 'calendar',
+
+    // 通知和消息
+    'notification': 'notification',
+    'message': 'message',
+    'chat': 'message',
+    'mail': 'mail',
+    'email': 'mail',
+    'inbox': 'inboxArchive',
+
+    // 搜索
+    'search': 'search',
+    'find': 'search',
+
+    // 收藏和标记
+    'favorite': 'star',
+    'bookmark': 'star',
+    'star': 'star',
+    'like': 'heart',
+
+    // 文件夹和目录
+    'folder': 'folder',
+    'directory': 'folder',
+    'category': 'folder',
+
+    // 安全和权限
+    'security': 'security',
+    'permission': 'security',
+    'auth': 'security',
+    'login': 'security',
+
+    // 财务相关
+    'payment': 'wallet',
+    'billing': 'wallet',
+    'finance': 'wallet',
+    'money': 'wallet',
+    'wallet': 'wallet',
+
+    // 操作相关
+    'edit': 'edit',
+    'delete': 'delete',
+    'remove': 'delete',
+    'save': 'save',
+    'download': 'download',
+    'upload': 'upload',
+    'refresh': 'refresh',
+    'logout': 'logout',
+    'signin': 'login',
+    'signout': 'logout',
+    'exit': 'logout',
+
+    // 工具和实用程序
+    'clipboard': 'clipboard',
+    'link': 'link',
+    'menu': 'menu',
+    'close': 'close',
+    'check': 'check',
+    'help': 'help',
+    'support': 'help',
+};
+
+/**
+ * 根据 href 自动推断图标名称
+ * @param href 链接地址
+ * @param fallbackIcon 如果匹配失败时使用的默认图标
+ * @returns 图标名称
+ */
+export function getIconFromHref(href: string, fallbackIcon: string = 'folder'): string {
+    // 将 href 转换为小写并移除路径分隔符
+    const normalizedHref = href.toLowerCase().replace(/[\/\-_]/g, '');
+
+    // 遍历映射表，找到匹配的关键词
+    for (const [keyword, iconName] of Object.entries(hrefToIconMap)) {
+        if (normalizedHref.includes(keyword)) {
+            return iconName;
+        }
+    }
+
+    return fallbackIcon;
+}
+
+/**
+ * 根据 NavItem 获取完整的图标信息
+ * @param item 导航项
+ * @returns 图标名称
+ */
+export function getNavItemIcon(item: { href: string; icon?: string }): string {
+    // 如果显式指定了图标，优先使用
+    if (item.icon) {
+        return item.icon;
+    }
+
+    // 否则根据 href 自动推断
+    return getIconFromHref(item.href);
+}
+
+/**
+ * 根据 UserMenuItem 获取完整的图标信息
+ * @param item 用户菜单项
+ * @returns 图标名称
+ */
+export function getUserMenuItemIcon(item: { href: string; text: string; icon?: string }): string {
+    // 如果显式指定了图标，优先使用
+    if (item.icon) {
+        return item.icon;
+    }
+
+    // 否则根据 href 自动推断，用户菜单默认图标为 'user'
+    return getIconFromHref(item.href, 'user');
+}

package/dist/src-astro/layout-dashboard/types.ts

@@ -163,157 +163,4 @@ export function getMainBackgroundTheme(theme: MainBackgroundTheme = 'transparent
     return mainBackgroundThemeMap[theme];
 }
 
-/**
- * 基于 href 关键词匹配图标名称的映射表
- */
-const hrefToIconMap: Record<string, string> = {
-    // 主页相关
-    'dashboard': 'dashboard',
-    'home': 'home',
-    'index': 'home',
-
-    // 用户相关
-    'user': 'user',
-    'users': 'users',
-    'profile': 'user',
-    'account': 'user',
-    'member': 'users',
-    'team': 'users',
-
-    // 设置相关
-    'setting': 'settings',
-    'config': 'settings',
-    'preference': 'settings',
-    'admin': 'settings',
-    'manage': 'settings',
-    'tool': 'tools',
-
-    // 数据相关
-    'chart': 'chart',
-    'analytics': 'chart',
-    'report': 'report',
-    'statistic': 'chart',
-    'data': 'chart',
-
-    // 文档相关
-    'doc': 'document',
-    'document': 'document',
-    'file': 'document',
-    'page': 'document',
-    'article': 'document',
-    'content': 'document',
-
-    // 日历和时间
-    'calendar': 'calendar',
-    'schedule': 'calendar',
-    'event': 'calendar',
-    'date': 'calendar',
-
-    // 通知和消息
-    'notification': 'notification',
-    'message': 'message',
-    'chat': 'message',
-    'mail': 'mail',
-    'email': 'mail',
-    'inbox': 'inboxArchive',
-
-    // 搜索
-    'search': 'search',
-    'find': 'search',
-
-    // 收藏和标记
-    'favorite': 'star',
-    'bookmark': 'star',
-    'star': 'star',
-    'like': 'heart',
-
-    // 文件夹和目录
-    'folder': 'folder',
-    'directory': 'folder',
-    'category': 'folder',
-
-    // 安全和权限
-    'security': 'security',
-    'permission': 'security',
-    'auth': 'security',
-    'login': 'security',
-
-    // 财务相关
-    'payment': 'wallet',
-    'billing': 'wallet',
-    'finance': 'wallet',
-    'money': 'wallet',
-    'wallet': 'wallet',
-
-    // 操作相关
-    'edit': 'edit',
-    'delete': 'delete',
-    'remove': 'delete',
-    'save': 'save',
-    'download': 'download',
-    'upload': 'upload',
-    'refresh': 'refresh',
-    'logout': 'logout',
-    'signin': 'login',
-    'signout': 'logout',
-    'exit': 'logout',
-
-    // 工具和实用程序
-    'clipboard': 'clipboard',
-    'link': 'link',
-    'menu': 'menu',
-    'close': 'close',
-    'check': 'check',
-    'help': 'help',
-    'support': 'help',
-};
-
-/**
- * 根据 href 自动推断图标名称
- * @param href 链接地址
- * @param fallbackIcon 如果匹配失败时使用的默认图标
- * @returns 图标名称
- */
-export function getIconFromHref(href: string, fallbackIcon: string = 'folder'): string {
-    // 将 href 转换为小写并移除路径分隔符
-    const normalizedHref = href.toLowerCase().replace(/[\/\-_]/g, '');
-
-    // 遍历映射表，找到匹配的关键词
-    for (const [keyword, iconName] of Object.entries(hrefToIconMap)) {
-        if (normalizedHref.includes(keyword)) {
-            return iconName;
-        }
-    }
-
-    return fallbackIcon;
-}
-
-/**
- * 根据 NavItem 获取完整的图标信息
- * @param item 导航项
- * @returns 图标名称
- */
-export function getNavItemIcon(item: NavItem): string {
-    // 如果显式指定了图标，优先使用
-    if (item.icon) {
-        return item.icon;
-    }
-
-    // 否则根据 href 自动推断
-    return getIconFromHref(item.href);
-}
-
-/**
- * 根据 UserMenuItem 获取完整的图标信息
- * @param item 用户菜单项
- * @returns 图标名称
- */
-export function getUserMenuItemIcon(item: UserMenuItem): string {
-    // 如果显式指定了图标，优先使用
-    if (item.icon) {
-        return item.icon;
-    }
-
-    // 否则根据 href 自动推断，用户菜单默认图标为 'user'
-    return getIconFromHref(item.href, 'user');
-} 
+export { getIconFromHref, getNavItemIcon, getUserMenuItemIcon } from './tools'; 

package/dist/src-astro/link/index.ts

@@ -5,7 +5,7 @@ import LinkAnimations from './LinkAnimations.astro';
 import BasicSourceCode from './LinkBasic.astro?raw';
 import VariantsSourceCode from './LinkVariants.astro?raw';
 import AnimationsSourceCode from './LinkAnimations.astro?raw';
-import { extractSimpleExample } from '../utils/component';
+import { extractSimpleExample } from '../../src/utils/component';
 
 export { Link, LinkBasic, LinkVariants, LinkAnimations };