@coffic/cosy-ui 0.3.15 → 0.3.35

package/dist/components/layouts/Footer.astro

@@ -220,7 +220,7 @@ const debugClasses = debug ? {
 };
 ---
 
-<footer class:list={["cosy:footer cosy:sm:footer-horizontal cosy:bg-base-200 cosy:text-base-content cosy:p-10", debugClasses.footer]}>
+<footer class:list={["cosy:footer cosy:z-50 cosy:sm:footer-horizontal cosy:bg-base-200 cosy:text-base-content cosy:p-10", debugClasses.footer]}>
 	<div class:list={["cosy:flex cosy:flex-col cosy:md:h-56 cosy:gap-8 cosy:container cosy:mx-auto cosy:items-center cosy:w-full cosy:md:flex-row cosy:md:justify-between", debugClasses.section]}>
 		{/* 品牌区域 */}
 		<aside class:list={["cosy:max-w-xs cosy:text-center", debugClasses.aside]}>

package/dist/components/layouts/Sidebar.astro

@@ -1,14 +1,14 @@
 ---
 /**
  * Sidebar组件
- * 
+ *
  * 用于文档页面的侧边栏导航
- * 
+ *
  * @example
  * ```astro
  * ---
  * import Sidebar from './Sidebar.astro';
- * 
+ *
  * const sidebarItems = [
  *   { title: "入门", items: [
  *     { href: "/docs/getting-started", text: "快速开始" },
@@ -16,104 +16,81 @@
  *   ]}
  * ];
  * ---
- * 
+ *
  * <Sidebar sidebarItems={sidebarItems} currentPath="/docs/getting-started" />
  * ```
  */
 
 import { isPathMatch } from '../../utils/path';
 import Modal from '../display/Modal.astro';
-import Button from '../base/Button.astro';
 import SidebarNav from './SidebarNav.astro';
 import MenuIcon from '../icons/MenuIcon.astro';
-import "../../app.css"
+import '../../app.css';
 
-export interface SidebarItem {
-  href: string;
-  text: string;
-  items?: SidebarItem[];
-}
-
-export interface SidebarSection {
-  title: string;
-  items: SidebarItem[];
-}
+import type { SidebarSection } from '../../types/layout';
 
 export interface Props {
-  /**
-   * 侧边栏项目
-   */
-  sidebarItems: SidebarSection[];
-  
-  /**
-   * 当前路径
-   */
-  currentPath: string;
+	/**
+	 * 侧边栏项目
+	 */
+	sidebarItems: SidebarSection[];
+
+	/**
+	 * 当前路径
+	 */
+	currentPath: string;
 
-  /**
-   * 桌面端类名
-   */
-  class?: string;
+	/**
+	 * 桌面端类名
+	 */
+	class?: string;
 
-  /**
-   * 是否开启调试模式，显示边框
-   * @default false
-   */
-  debug?: boolean;
+	/**
+	 * 是否开启调试模式，显示边框
+	 * @default false
+	 */
+	debug?: boolean;
 }
 
-const { 
-  sidebarItems, 
-  currentPath, 
-  class: className,
-  debug = false
-} = Astro.props;
+const { sidebarItems, currentPath, class: className, debug = false } = Astro.props;
 
-const debugClass = debug ? "cosy:border cosy:border-red-500" : "";
+const debugClass = debug ? 'cosy:border cosy:border-red-500' : '';
 
 // 获取当前活动的一级导航项
-const currentSection = sidebarItems.find(section => 
-  section.items.some(item => isPathMatch(currentPath, item.href))
+const currentSection = sidebarItems.find((section) =>
+	section.items.some((item) => isPathMatch(currentPath, item.href))
 );
 ---
 
 {/* 移动端导航栏 */}
-<div class:list={[
-  "cosy:flex cosy:lg:hidden cosy:items-center cosy:justify-between cosy:px-4 cosy:py-2 cosy:border-b cosy:border-base-300 cosy:bg-base-100 cosy:relative cosy:z-10",
-  debugClass
-]}>
-  <div class="cosy:flex cosy:items-center cosy:gap-2">
-    <button
-      type="button"
-      class="cosy:p-2 cosy:btn cosy:btn-ghost cosy:btn-sm"
-      data-modal-target="mobile-sidebar"
-    >
-      <MenuIcon class="cosy:w-5 cosy:h-5" />
-    </button>
-    <span class="cosy:font-medium cosy:text-sm">
-      {currentSection?.title || "导航"}
-    </span>
-  </div>
+<div
+	class:list={[
+		'cosy:flex cosy:lg:hidden cosy:items-center cosy:justify-between cosy:px-4 cosy:py-2 cosy:border-b cosy:border-base-300 cosy:bg-base-100 cosy:relative cosy:z-10',
+		debugClass,
+	]}>
+	<div class="cosy:flex cosy:items-center cosy:gap-2">
+		<button
+			type="button"
+			class="cosy:p-2 cosy:btn cosy:btn-ghost cosy:btn-sm"
+			data-modal-target="mobile-sidebar">
+			<MenuIcon class="cosy:w-5 cosy:h-5" />
+		</button>
+		<span class="cosy:font-medium cosy:text-sm">
+			{currentSection?.title || '导航'}
+		</span>
+	</div>
 </div>
 
 {/* 移动端侧边栏弹出层 */}
 <Modal id="mobile-sidebar" class="cosy:mx-4 cosy:lg:w-80 cosy:w-[calc(100vw-2rem)] cosy:max-w-full">
-  <div class="cosy:h-[calc(100vh-8rem)] cosy:overflow-y-auto">
-    <SidebarNav
-      sidebarItems={sidebarItems}
-      currentPath={currentPath}
-      debug={debug}
-    />
-  </div>
+	<div class="cosy:h-[calc(100vh-8rem)] cosy:overflow-y-auto">
+		<SidebarNav sidebarItems={sidebarItems} currentPath={currentPath} debug={debug} />
+	</div>
 </Modal>
 
 {/* 桌面端侧边栏 */}
-<aside class:list={[className, debugClass, "cosy:hidden cosy:lg:block"]}>
-  <div class="cosy:top-16 cosy:sticky cosy:h-[calc(100vh-4rem)]">
-    <SidebarNav
-      sidebarItems={sidebarItems}
-      currentPath={currentPath}
-      debug={debug}
-    />
-  </div>
-</aside>
+<aside class:list={[className, debugClass, 'cosy:hidden cosy:lg:block']}>
+	<div class="cosy:top-16 cosy:sticky cosy:h-[calc(100vh-4rem)]">
+		<SidebarNav sidebarItems={sidebarItems} currentPath={currentPath} debug={debug} />
+	</div>
+</aside>

package/dist/index.ts

@@ -68,3 +68,5 @@ export { default as Container } from './components/containers/Container.astro';
 export { default as Main } from './components/containers/Main.astro';
 export { default as Section } from './components/containers/Section.astro';
 
+// Types
+export type { SidebarSection } from './types/layout';

package/dist/types/layout.ts

@@ -0,0 +1,10 @@
+export interface SidebarItem {
+    href: string;
+    text: string;
+    items?: SidebarItem[];
+}
+
+export interface SidebarSection {
+    title: string;
+    items: SidebarItem[];
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@coffic/cosy-ui",
-	"version": "0.3.15",
+	"version": "0.3.35",
 	"description": "An astro component library",
 	"author": {
 		"name": "nookery",
@@ -31,10 +31,7 @@
 		"index.ts"
 	],
 	"scripts": {
-		"dev": "astro dev --host 0.0.0.0",
-		"build": "pnpm build:ui && pnpm build:docs",
-		"build:ui": "vite build && tsx scripts/post-build.ts",
-		"build:docs": "astro build"
+		"build": "vite build && tsx scripts/post-build.ts"
 	},
 	"type": "module",
 	"peerDependencies": {