@coffic/cosy-ui 0.9.20 → 0.9.23

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

@@ -27,14 +27,19 @@ import { getMarginTopClass, getMarginBottomClass } from './utils.ts';
 import MobileNav from './MobileNav.astro';
 import type { ISidebarProps } from '../../index-astro';
 
-export interface Props extends ISidebarProps {}
+export interface Props extends ISidebarProps {
+  topClass?: string;
+  heightClass?: string;
+}
 
 const {
   sidebarItems,
   class: className,
   debug = false,
-  marginTop = 'md',
-  marginBottom = 'md',
+  marginTop = 'none',
+  marginBottom = 'none',
+  topClass = 'cosy:top-12',
+  heightClass = 'cosy:h-[calc(100vh-3rem)]',
 } = Astro.props;
 
 // 自动获取当前路径
@@ -67,26 +72,24 @@ const debugClass = debug ? 'cosy:border cosy:border-red-500' : '';
 
 {/* 桌面端侧边栏 */}
 <aside
-  data-sidebar
+  data-desktop-sidebar
   data-current-path={currentPath}
   data-margin-top={marginTop}
   data-margin-bottom={marginBottom}
   class:list={[
     className,
     debugClass,
-    'cosy:hidden cosy:lg:block',
+    'cosy:hidden cosy:w-60 cosy:lg:block cosy:bg-base-200 cosy:px-4 cosy:overflow-y-auto cosy:sticky',
+    topClass,
+    heightClass,
     getMarginTopClass(marginTop),
     getMarginBottomClass(marginBottom),
   ]}>
-  <div
-    class="cosy:top-16 cosy:sticky cosy:pb-48 cosy:h-[calc(100vh-0rem)] cosy:overflow-y-auto"
-    data-desktop-sidebar-content>
-    <SidebarNav
-      sidebarItems={sidebarItems}
-      currentPath={currentPath}
-      debug={debug}
-    />
-  </div>
+  <SidebarNav
+    sidebarItems={sidebarItems}
+    currentPath={currentPath}
+    debug={debug}
+  />
 </aside>
 
 <script>
@@ -95,9 +98,7 @@ const debugClass = debug ? 'cosy:border cosy:border-red-500' : '';
   // 处理侧边栏滚动位置保存和恢复
   document.addEventListener('astro:before-preparation', () => {
     // 保存桌面端滚动位置
-    const desktopContent = document.querySelector(
-      '[data-desktop-sidebar-content]'
-    );
+    const desktopContent = document.querySelector('[data-desktop-sidebar]');
     if (desktopContent) {
       saveScrollPosition(desktopContent, 'sidebarScrollPosition');
     }
@@ -113,9 +114,7 @@ const debugClass = debug ? 'cosy:border cosy:border-red-500' : '';
 
   document.addEventListener('astro:page-load', () => {
     // 恢复桌面端滚动位置
-    const desktopContent = document.querySelector(
-      '[data-desktop-sidebar-content]'
-    );
+    const desktopContent = document.querySelector('[data-desktop-sidebar]');
     if (desktopContent) {
       restoreScrollPosition(desktopContent, 'sidebarScrollPosition');
     }

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

@@ -8,6 +8,7 @@
 import '../../style.ts';
 import NavItem from './NavItem.astro';
 import type { ISidebarItem } from '../types/sidebar.ts';
+import { Heading } from '../../index-astro.ts';
 
 interface Props {
   /**
@@ -45,20 +46,16 @@ const debugClass = debug ? 'cosy:border cosy:border-red-500' : '';
 <nav
   data-sidebar-nav
   data-current-path={currentPath}
-  class:list={['cosy:p-4', debugClass, className]}>
+  class:list={['cosy:p-0', debugClass, className]}>
   {
     sidebarItems.map((section: ISidebarItem) => (
-      <div class:list={['cosy:mb-6', debugClass]}>
-        <h3
-          class:list={[
-            'cosy:font-bold cosy:mb-2 cosy:text-base-content/70',
-            debugClass,
-          ]}>
+      <div class:list={[debugClass]}>
+        <Heading level={5} align="center" href={section.href}>
           {section.text}
-        </h3>
+        </Heading>
         <ul
           class:list={[
-            'cosy:menu cosy:bg-base-200 cosy:rounded-box cosy:w-56 cosy:no-underline',
+            'cosy:menu cosy:rounded-box cosy:w-full cosy:no-underline',
             debugClass,
           ]}>
           {section.items?.map((item: ISidebarItem) => (

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

@@ -1,7 +1,7 @@
 import type { IFooterProps } from './footer';
 import type { IHeaderProps } from './header';
 import type { IMainContentProps } from './main';
-import type { IMetaProps } from './meta';
+import type { IMetaProps } from '../layout-basic/meta';
 import type { ISidebarProps } from './sidebar';
 
 export interface IAppLayoutProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coffic/cosy-ui",
-  "version": "0.9.20",
+  "version": "0.9.23",
   "description": "An astro component library",
   "author": {
     "name": "nookery",
@@ -60,38 +60,38 @@
     "astro-integration-kit": "^0.18.0",
     "fs-extra": "^11.3.0",
     "html-to-image": "^1.11.13",
-    "shiki": "^3.7.0"
+    "shiki": "^3.9.1"
   },
   "devDependencies": {
     "@astrojs/check": "^0.9.4",
-    "@astrojs/mdx": "^4.2.6",
+    "@astrojs/mdx": "^4.3.3",
     "@astrojs/ts-plugin": "^1.10.4",
-    "@eslint/js": "^9.27.0",
+    "@eslint/js": "^9.32.0",
     "@tailwindcss/typography": "^0.5.16",
-    "@tailwindcss/vite": "^4.1.7",
+    "@tailwindcss/vite": "^4.1.11",
     "@tsconfig/node22": "^22.0.2",
     "@types/chai": "^5.2.2",
     "@types/eslint": "^9.6.1",
     "@types/fs-extra": "^11.0.4",
     "@types/mocha": "^10.0.10",
-    "@types/node": "^22.15.19",
-    "@types/react": "^19.1.4",
-    "@typescript-eslint/parser": "^8.32.1",
-    "astro": "^5.7.13",
+    "@types/node": "^22.17.0",
+    "@types/react": "^19.1.9",
+    "@typescript-eslint/parser": "^8.38.0",
+    "astro": "^5.12.8",
     "chai": "^4.5.0",
-    "daisyui": "^5.0.35",
-    "eslint": "^9.27.0",
+    "daisyui": "^5.0.50",
+    "eslint": "^9.32.0",
     "eslint-plugin-astro": "^1.3.1",
-    "globals": "^16.1.0",
+    "globals": "^16.3.0",
     "mocha": "^10.8.2",
-    "prettier": "^3.5.3",
+    "prettier": "^3.6.2",
     "prettier-plugin-astro": "^0.14.1",
     "rollup-plugin-copy": "^3.5.0",
     "sharp": "^0.33.5",
-    "tailwindcss": "^4.1.7",
-    "tsx": "^4.19.4",
-    "typescript": "^5.8.3",
-    "typescript-eslint": "^8.32.1",
+    "tailwindcss": "^4.1.11",
+    "tsx": "^4.20.3",
+    "typescript": "^5.9.2",
+    "typescript-eslint": "^8.38.0",
     "vite": "^6.3.5"
   }
 }

package/dist/src-astro/container/EContainerBasic.astro

@@ -1,15 +0,0 @@
----
-/**
- * @component Container.Basic
- *
- * @description
- * 基础Container组件示例，展示最简单的容器用法。
- */
-import { Container } from '../../index-astro';
----
-
-<Container>
-  <p class="cosy:text-center">
-    这是一个基础容器，内容会被限制在一个合理的宽度内并居中显示
-  </p>
-</Container>

package/dist/src-astro/container/EContainerBasicContainer.astro

@@ -1,11 +0,0 @@
----
-import { CodeContainer } from '../../index-astro';
-import ContainerBasic from './EContainerBasic.astro';
-import ContainerBasicSourceCode from './EContainerBasic.astro?raw';
----
-
-<CodeContainer codes={[ContainerBasicSourceCode]}>
-  <div id="tab-1">
-    <ContainerBasic />
-  </div>
-</CodeContainer>

package/dist/src-astro/container/EContainerFlexBetween.astro

@@ -1,23 +0,0 @@
----
-/**
- * @component Container.FlexBetween
- *
- * @description
- * 展示Container组件的两端对齐(justify="between")布局功能。
- */
-import '../../style.ts';
-import { Container } from '../../index-astro';
----
-
-<Container flex="row" justify="between" border padding="md">
-  <div class="cosy:bg-primary cosy:text-primary-content cosy:p-4 cosy:rounded">
-    左侧
-  </div>
-  <div
-    class="cosy:bg-secondary cosy:text-secondary-content cosy:p-4 cosy:rounded">
-    中间
-  </div>
-  <div class="cosy:bg-accent cosy:text-accent-content cosy:p-4 cosy:rounded">
-    右侧
-  </div>
-</Container>

package/dist/src-astro/container/EContainerFlexCenter.astro

@@ -1,30 +0,0 @@
----
-/**
- * @component Container.FlexCenter
- *
- * @description
- * 展示Container组件的居中对齐(items="center" justify="center")布局功能。
- */
-import '../../style.ts';
-import { Container } from '../../index-astro';
----
-
-<Container
-  flex="row"
-  gap="md"
-  items="center"
-  justify="center"
-  border
-  padding="md"
-  class="cosy:h-32">
-  <div class="cosy:bg-primary cosy:text-primary-content cosy:p-4 cosy:rounded">
-    居中项
-  </div>
-  <div
-    class="cosy:bg-secondary cosy:text-secondary-content cosy:p-6 cosy:rounded">
-    较大项
-  </div>
-  <div class="cosy:bg-accent cosy:text-accent-content cosy:p-2 cosy:rounded">
-    较小项
-  </div>
-</Container>

package/dist/src-astro/container/EContainerFlexColumn.astro

@@ -1,23 +0,0 @@
----
-/**
- * @component Container.FlexColumn
- *
- * @description
- * 展示Container组件的列排列(flex="col")布局功能。
- */
-import '../../style.ts';
-import { Container } from '../../index-astro';
----
-
-<Container flex="col" gap="md" border padding="md">
-  <div class="cosy:bg-primary cosy:text-primary-content cosy:p-4 cosy:rounded">
-    第一项
-  </div>
-  <div
-    class="cosy:bg-secondary cosy:text-secondary-content cosy:p-4 cosy:rounded">
-    第二项
-  </div>
-  <div class="cosy:bg-accent cosy:text-accent-content cosy:p-4 cosy:rounded">
-    第三项
-  </div>
-</Container>

package/dist/src-astro/container/EContainerFlexContainer.astro

@@ -1,34 +0,0 @@
----
-import { CodeContainer } from '../../index-astro';
-import ContainerFlexRow from './EContainerFlexRow.astro';
-import ContainerFlexColumn from './EContainerFlexColumn.astro';
-import ContainerFlexCenter from './EContainerFlexCenter.astro';
-import ContainerFlexBetween from './EContainerFlexBetween.astro';
-
-import ContainerFlexRowSourceCode from './EContainerFlexRow.astro?raw';
-import ContainerFlexColumnSourceCode from './EContainerFlexColumn.astro?raw';
-import ContainerFlexCenterSourceCode from './EContainerFlexCenter.astro?raw';
-import ContainerFlexBetweenSourceCode from './EContainerFlexBetween.astro?raw';
----
-
-<CodeContainer
-  titles={['Row', 'Column', 'Center', 'Between']}
-  codes={[
-    ContainerFlexRowSourceCode,
-    ContainerFlexColumnSourceCode,
-    ContainerFlexCenterSourceCode,
-    ContainerFlexBetweenSourceCode,
-  ]}>
-  <div id="tab-1">
-    <ContainerFlexRow />
-  </div>
-  <div id="tab-2">
-    <ContainerFlexColumn />
-  </div>
-  <div id="tab-3">
-    <ContainerFlexCenter />
-  </div>
-  <div id="tab-4">
-    <ContainerFlexBetween />
-  </div>
-</CodeContainer>

package/dist/src-astro/container/EContainerFlexRow.astro

@@ -1,23 +0,0 @@
----
-/**
- * @component Container.FlexRow
- *
- * @description
- * 展示Container组件的行排列(flex="row")布局功能。
- */
-import '../../style.ts';
-import { Container } from '../../index-astro';
----
-
-<Container flex="row" gap="md" border padding="md">
-  <div class="cosy:bg-primary cosy:text-primary-content cosy:p-4 cosy:rounded">
-    第一项
-  </div>
-  <div
-    class="cosy:bg-secondary cosy:text-secondary-content cosy:p-4 cosy:rounded">
-    第二项
-  </div>
-  <div class="cosy:bg-accent cosy:text-accent-content cosy:p-4 cosy:rounded">
-    第三项
-  </div>
-</Container>

package/dist/src-astro/container/EContainerPadding.astro

@@ -1,32 +0,0 @@
----
-/**
- * @component Container.Padding
- *
- * @description
- * 展示Container组件的不同内边距选项：none、sm、md、lg、xl。
- */
-import '../../style.ts';
-import { Container } from '../../index-astro';
----
-
-<div class="cosy:space-y-4">
-  <Container padding="none" border>
-    <p class="cosy:text-center">无内边距 (none)</p>
-  </Container>
-
-  <Container padding="sm" border>
-    <p class="cosy:text-center">小内边距 (sm)</p>
-  </Container>
-
-  <Container padding="md" border>
-    <p class="cosy:text-center">中等内边距 (md) - 默认</p>
-  </Container>
-
-  <Container padding="lg" border>
-    <p class="cosy:text-center">大内边距 (lg)</p>
-  </Container>
-
-  <Container padding="xl" border>
-    <p class="cosy:text-center">超大内边距 (xl)</p>
-  </Container>
-</div>

package/dist/src-astro/container/EContainerPaddingContainer.astro

@@ -1,11 +0,0 @@
----
-import { CodeContainer } from '../../index-astro';
-import ContainerPadding from './EContainerPadding.astro';
-import ContainerPaddingSourceCode from './EContainerPadding.astro?raw';
----
-
-<CodeContainer codes={[ContainerPaddingSourceCode]}>
-  <div id="tab-1">
-    <ContainerPadding />
-  </div>
-</CodeContainer>

package/dist/src-astro/container/EContainerSizes.astro

@@ -1,36 +0,0 @@
----
-/**
- * @component Container.Sizes
- *
- * @description
- * 展示Container组件的不同尺寸选项：xs、sm、md、lg、xl、full。
- */
-import '../../style.ts';
-import { Container } from '../../index-astro';
----
-
-<div class="cosy:space-y-4">
-  <Container size="xs" border>
-    <p class="cosy:text-center">超小尺寸容器 (xs)</p>
-  </Container>
-
-  <Container size="sm" border>
-    <p class="cosy:text-center">小尺寸容器 (sm)</p>
-  </Container>
-
-  <Container size="md" border>
-    <p class="cosy:text-center">中等尺寸容器 (md) - 默认</p>
-  </Container>
-
-  <Container size="lg" border>
-    <p class="cosy:text-center">大尺寸容器 (lg)</p>
-  </Container>
-
-  <Container size="xl" border>
-    <p class="cosy:text-center">超大尺寸容器 (xl)</p>
-  </Container>
-
-  <Container size="full" border>
-    <p class="cosy:text-center">全宽容器 (full)</p>
-  </Container>
-</div>

package/dist/src-astro/container/EContainerSizesContainer.astro

@@ -1,11 +0,0 @@
----
-import { CodeContainer } from '../../index-astro';
-import ContainerSizes from './EContainerSizes.astro';
-import ContainerSizesSourceCode from './EContainerSizes.astro?raw';
----
-
-<CodeContainer codes={[ContainerSizesSourceCode]}>
-  <div id="tab-1">
-    <ContainerSizes />
-  </div>
-</CodeContainer>