@coffic/cosy-ui 0.9.18 → 0.9.20

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

@@ -2,11 +2,11 @@
 /**
  * SidebarNav组件
  *
- * 用于渲染侧边栏的导航内容
+ * 用于渲染侧边栏的导航内容，支持无限层级
  */
 
-import { isPathMatch } from '../../src/utils/path.ts';
 import '../../style.ts';
+import NavItem from './NavItem.astro';
 import type { ISidebarItem } from '../types/sidebar.ts';
 
 interface Props {
@@ -61,91 +61,14 @@ const debugClass = debug ? 'cosy:border cosy:border-red-500' : '';
             'cosy:menu cosy:bg-base-200 cosy:rounded-box cosy:w-56 cosy:no-underline',
             debugClass,
           ]}>
-          {section.items?.map((item: ISidebarItem) => {
-            const isActive = isPathMatch(currentPath, item.href);
-            return (
-              <li class:list={[debugClass, 'cosy:no-underline']}>
-                <a
-                  data-sidebar-item
-                  data-current-path={currentPath}
-                  href={item.href}
-                  class:list={[
-                    'cosy:hover:bg-base-300 cosy:no-underline',
-                    { 'cosy:menu-active': isActive },
-                    debugClass,
-                  ]}>
-                  {item.text}
-                  {item.badge !== undefined && item.badge !== null && (
-                    <span class="cosy:badge cosy:badge-sm cosy:ml-2">
-                      {item.badge}
-                    </span>
-                  )}
-                </a>
-                {item.items && (
-                  <ul class:list={[debugClass]}>
-                    {item.items.map((subitem: ISidebarItem) => {
-                      const isSubActive = isPathMatch(
-                        currentPath,
-                        subitem.href
-                      );
-                      return (
-                        <li class:list={[debugClass]}>
-                          <a
-                            data-sidebar-item
-                            data-current-path={currentPath}
-                            href={subitem.href}
-                            class:list={[
-                              'cosy:hover:bg-base-300',
-                              { 'cosy:menu-active': isSubActive },
-                              debugClass,
-                            ]}>
-                            {subitem.text}
-                            {subitem.badge !== undefined &&
-                              subitem.badge !== null && (
-                                <span class="cosy:badge cosy:badge-xs cosy:ml-2">
-                                  {subitem.badge}
-                                </span>
-                              )}
-                          </a>
-                          {subitem.items && (
-                            <ul class:list={[debugClass]}>
-                              {subitem.items.map((subsubitem: ISidebarItem) => {
-                                const isSubSubActive = isPathMatch(
-                                  currentPath,
-                                  subsubitem.href
-                                );
-                                return (
-                                  <li class:list={[debugClass]}>
-                                    <a
-                                      data-sidebar-item
-                                      data-current-path={currentPath}
-                                      href={subsubitem.href}
-                                      class:list={[
-                                        'cosy:hover:bg-base-300',
-                                        { 'cosy:menu-active': isSubSubActive },
-                                        debugClass,
-                                      ]}>
-                                      {subsubitem.text}
-                                      {subsubitem.badge !== undefined &&
-                                        subsubitem.badge !== null && (
-                                          <span class="cosy:badge cosy:badge-xs cosy:ml-2">
-                                            {subsubitem.badge}
-                                          </span>
-                                        )}
-                                    </a>
-                                  </li>
-                                );
-                              })}
-                            </ul>
-                          )}
-                        </li>
-                      );
-                    })}
-                  </ul>
-                )}
-              </li>
-            );
-          })}
+          {section.items?.map((item: ISidebarItem) => (
+            <NavItem
+              item={item}
+              currentPath={currentPath}
+              level={0}
+              debug={debug}
+            />
+          ))}
         </ul>
       </div>
     ))

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

@@ -1,4 +1,6 @@
 import Sidebar from './Sidebar.astro';
 import SidebarNav from './SidebarNav.astro';
+import MobileNav from './MobileNav.astro';
+import NavItem from './NavItem.astro';
 
-export { Sidebar, SidebarNav };
+export { Sidebar, SidebarNav, MobileNav, NavItem };

package/dist/src-astro/sidebar/utils.ts

@@ -0,0 +1,64 @@
+/**
+ * 侧边栏工具函数
+ */
+
+const MARGIN_CLASSES = {
+    none: 'cosy:mt-0',
+    xs: 'cosy:mt-1',
+    sm: 'cosy:mt-2',
+    md: 'cosy:mt-4',
+    lg: 'cosy:mt-6',
+    xl: 'cosy:mt-8',
+    '2xl': 'cosy:mt-10',
+    '3xl': 'cosy:mt-12',
+    '4xl': 'cosy:mt-16',
+    '5xl': 'cosy:mt-20',
+} as const;
+
+const MARGIN_BOTTOM_CLASSES = {
+    none: 'cosy:mb-0',
+    xs: 'cosy:mb-1',
+    sm: 'cosy:mb-2',
+    md: 'cosy:mb-4',
+    lg: 'cosy:mb-6',
+    xl: 'cosy:mb-8',
+    '2xl': 'cosy:mb-10',
+    '3xl': 'cosy:mb-12',
+    '4xl': 'cosy:mb-16',
+    '5xl': 'cosy:mb-20',
+} as const;
+
+/**
+ * 获取顶部外边距类名
+ */
+export function getMarginTopClass(marginTop: string): string {
+    return MARGIN_CLASSES[marginTop as keyof typeof MARGIN_CLASSES] || '';
+}
+
+/**
+ * 获取底部外边距类名
+ */
+export function getMarginBottomClass(marginBottom: string): string {
+    return MARGIN_BOTTOM_CLASSES[marginBottom as keyof typeof MARGIN_BOTTOM_CLASSES] || '';
+}
+
+/**
+ * 保存滚动位置到 localStorage
+ */
+export function saveScrollPosition(container: Element, key: string): void {
+    if (container) {
+        localStorage.setItem(key, container.scrollTop.toString());
+    }
+}
+
+/**
+ * 从 localStorage 恢复滚动位置
+ */
+export function restoreScrollPosition(container: Element, key: string): void {
+    if (container) {
+        const savedPosition = localStorage.getItem(key);
+        if (savedPosition) {
+            container.scrollTop = parseInt(savedPosition, 10);
+        }
+    }
+} 

package/dist/src-astro/theme-switcher/ThemeSwitcher.astro

@@ -52,7 +52,9 @@ const themes = [
 ---
 
 <!-- 主题切换按钮 -->
-<div class:list={['cosy:dropdown-end cosy:dropdown', className]}>
+<div
+  transition:persist
+  class:list={['cosy:dropdown-end cosy:dropdown', className]}>
   <div tabindex="0" role="button" class:list={['cosy:btn cosy:btn-ghost']}>
     <SunCloudyIcon size="16px" class="cosy:w-4 cosy:h-4" />
   </div>

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

@@ -68,4 +68,9 @@ export interface IAppLayoutProps {
      * 页脚相关配置
      */
     footerConfig: IFooterProps;
+
+    /**
+     * 加载中界面延迟显示的时间
+     */
+    loadingDelay?: number;
 }

package/dist/src-astro/types/meta.ts

@@ -66,10 +66,4 @@ export interface IMetaProps {
      * @default 'default'
      */
     background?: 'default' | 'white' | 'gray' | 'dark' | 'gradient-blue' | 'gradient-pink' | 'gradient-green';
-
-    /**
-     * 加载延迟时间（毫秒），默认1000ms
-     * @default 1000
-     */
-    loadingDelay?: number;
 }

package/package.json

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

package/dist/src-astro/layout-basic/BaseLayoutBasic.astro

@@ -1,17 +0,0 @@
----
-import BaseLayout from './BaseLayout.astro';
----
-
-<BaseLayout
-  title="基本布局示例"
-  description="这是一个基本布局的示例页面"
-  keywords="布局,示例,基本布局"
-  author="CofficLab"
-  robots="noindex,nofollow"
->
-  <main class="cosy:p-4">
-    <h1 class="cosy:text-2xl cosy:font-bold cosy:mb-4">欢迎使用基本布局</h1>
-    <p class="cosy:mb-2">这是一个简单的页面内容示例。</p>
-    <p>基本布局提供了完整的 HTML 结构和元数据设置。</p>
-  </main>
-</BaseLayout>

package/dist/src-astro/loading-overlay/types.ts

@@ -1,12 +0,0 @@
-export interface LoadingOverlayProps {
-    /** 加载文本 */
-    text?: string;
-    /** 自定义 CSS 类名 */
-    class?: string;
-    /** 是否显示加载动画 */
-    showSpinner?: boolean;
-    /** 加载动画类型 */
-    spinnerType?: 'dots' | 'spinner' | 'pulse';
-    /** 延迟显示时间（毫秒），默认1000ms */
-    delay?: number;
-}