@coffic/cosy-ui 0.7.4 → 0.8.7

package/dist/integration.ts

@@ -1,14 +0,0 @@
-import { defineIntegration } from 'astro-integration-kit';
-
-export const integration = defineIntegration({
-	name: 'cosy-ui',
-	setup() {
-		return {
-			hooks: {
-				'astro:config:setup': ({ logger }) => {
-					logger.info('cosy-ui integration setup');
-				},
-			},
-		};
-	},
-});

package/dist/language-switcher/LanguageSwitcher.astro

@@ -1,64 +0,0 @@
----
-/**
- * @component LanguageSwitcher
- *
- * @description
- * LanguageSwitcher 组件提供一个语言切换下拉菜单，支持多语言网站的语言切换功能。
- * 组件会自动处理 URL 路径，确保在切换语言时保留当前页面路径。
- *
- * @design
- * 设计理念：
- * 1. 简洁直观 - 清晰显示当前语言和可选语言
- * 2. 无缝集成 - 自动处理 URL 路由，保持用户浏览上下文
- * 3. 可定制性 - 支持自定义语言列表和当前语言设置
- * 4. 一致的视觉风格 - 使用与整体设计系统一致的下拉菜单样式
- *
- * @usage
- * 基本用法：
- * ```astro
- * <LanguageSwitcher />
- * ```
- *
- * 自定义语言列表：
- * ```astro
- * <LanguageSwitcher
- *   languages={['zh-cn', 'en']}
- * />
- * ```
- */
-
-import { ChevronDownIcon, LanguageUtil } from '../index';
-import '../style.ts';
-
-interface Props {
-	languages: string[];
-}
-
-const { languages = ['zh-cn', 'en'] } = Astro.props;
-
-const currentLocale = Astro.currentLocale;
-const currentLanguageName = LanguageUtil.getLanguageName(currentLocale);
----
-
-<!-- 语言切换按钮 -->
-<div class="cosy:dropdown cosy:dropdown-end">
-	<div tabindex="0" role="button" class:list={['cosy:btn cosy:btn-ghost']}>
-		<span class="cosy:mr-1">{currentLanguageName}</span>
-		<ChevronDownIcon size="16px" class="cosy:w-4 cosy:h-4" />
-	</div>
-	<ul
-		tabindex="0"
-		class="cosy:z-[1] cosy:bg-base-100 cosy:shadow cosy:p-2 cosy:rounded-box cosy:w-32 cosy:dropdown-content cosy:menu">
-		{
-			languages.map((lang) => (
-				<li class={currentLocale === lang ? 'cosy:disabled' : ''}>
-					<a
-						href={LanguageUtil.getRelativeLink(lang, Astro)}
-						class={currentLocale === lang ? 'cosy:active' : ''}>
-						{LanguageUtil.getLanguageName(lang)}
-					</a>
-				</li>
-			))
-		}
-	</ul>
-</div>

package/dist/language-switcher/LanguageSwitcherBasic.astro

@@ -1,7 +0,0 @@
----
-import LanguageSwitcher from './LanguageSwitcher.astro';
----
-
-<div class="cosy:flex cosy:justify-center">
-	<LanguageSwitcher languages={['zh-cn', 'en']} />
-</div>

package/dist/language-switcher/index.ts

@@ -1,11 +0,0 @@
-import LanguageSwitcher from './LanguageSwitcher.astro';
-import LanguageSwitcherBasic from './LanguageSwitcherBasic.astro';
-import BasicSourceCode from './LanguageSwitcherBasic.astro?raw';
-import { extractSimpleExample } from '../utils/component';
-
-export { LanguageSwitcher, LanguageSwitcherBasic };
-
-// 导出示例源代码
-export const LanguageSwitcherExampleCodes = {
-	Basic: extractSimpleExample(BasicSourceCode, 'LanguageSwitcher'),
-};

package/dist/layout-app/AppLayout.astro

@@ -1,259 +0,0 @@
----
-/**
- * AppLayout组件
- *
- * 适用于页面布局，包含侧边栏导航和目录
- *
- * 布局效果：
- *
- * 移动端：
- * ```
- * +------------------+
- * |     Header      |
- * +------------------+
- * | Sidebar (1 line) |
- * +------------------+
- * |                  |
- * |   Main Content   |
- * |                  |
- * |                  |
- * +------------------+
- * |     Footer      |
- * +------------------+
- * ```
- *
- * 桌面端：
- * ```
- * +------------------+
- * |      Header     |
- * +--------+---------+
- * |        |         |
- * |Sidebar | Content |
- * |        |         |
- * |        |         |
- * +--------+---------+
- * |      Footer     |
- * +------------------+
- * ```
- *
- * @param {Object} sidebarConfig - 侧边栏配置
- * @param {boolean} [showHeader=true] - 是否显示头部
- * @param {boolean} [showFooter=true] - 是否显示页脚
- * @param {boolean} [showSidebar=true] - 是否显示侧边栏
- * @param {string} [className] - 自定义类名
- * @param {Array} [classList] - 自定义类名列表
- * @param {boolean} [debug=true] - 是否启用调试模式
- * @param {Object} mainContentConfig - 主内容区域配置
- * @param {Object} footerConfig - 页脚配置
- * @param {Object} headerConfig - 头部配置
- * @param {Object} metaConfig - 元数据配置
- * @param {Object} rest - 其他属性
- *
- * @example
- * ```astro
- * ---
- * import AppLayout from '../layouts/AppLayout.astro';
- *
- * const sidebarItems = [
- *   { title: "入门", items: [
- *     { href: "/docs/getting-started", text: "快速开始" },
- *     { href: "/docs/installation", text: "安装" }
- *   ]},
- *   { title: "组件", items: [
- *     { href: "/docs/components/button", text: "Button 按钮" },
- *     { href: "/docs/components/card", text: "Card 卡片" }
- *   ]}
- * ];
- * ---
- *
- * <AppLayout
- *   metaConfig={{
- *     title: "文档标题",
- *     description: "文档描述"
- *   }}
- *   sidebarConfig={{
- *     sidebarItems: sidebarItems
- *   }}
- * >
- *   <h1>文档内容</h1>
- *   <p>这是文档的主要内容</p>
- * </AppLayout>
- * ```
- *
- * 自定义页脚示例：
- * ```astro
- * <AppLayout
- *   metaConfig={{
- *     title: "文档标题",
- *     description: "文档描述"
- *   }}
- *   sidebarConfig={{
- *     sidebarItems: sidebarItems
- *   }}
- *   footerConfig={{
- *     slogan: "简单而强大的组件库",
- *     inspirationalSlogan: "让开发更加愉悦",
- *     socialLinks: [
- *       "https://github.com/myorg/myrepo",
- *       "https://twitter.com/myorg"
- *     ],
- *     products: [
- *       { name: "组件库", href: "/components" },
- *       { name: "模板", href: "/templates" }
- *     ]
- *   }}
- * >
- *   <h1>文档内容</h1>
- *   <p>这是文档的主要内容</p>
- * </AppLayout>
- * ```
- *
- * 组件支持多种页脚相关的配置参数，可以通过以 `footer` 为前缀的属性来自定义页脚的内容和链接。
- * 所有这些参数都是可选的，组件会为常用参数提供默认值。
- *
- * 全宽内容区域示例：
- * ```astro
- * <AppLayout
- *   metaConfig={{
- *     title: "文档标题",
- *     description: "文档描述"
- *   }}
- *   sidebarConfig={{
- *     sidebarItems: sidebarItems
- *   }}
- *   mainContentConfig={{
- *     fullWidth: true
- *   }}
- * >
- *   <!-- 全宽Hero部分，无需容器限制 -->
- *   <div class="cosy:bg-primary cosy:p-10 cosy:text-white cosy:text-center">
- *     <h1 class="cosy:text-3xl">全宽Hero部分</h1>
- *     <p class="cosy:mt-4">没有容器限制，宽度可以100%占满</p>
- *   </div>
- *
- *   <!-- 自定义容器部分 -->
- *   <div class="cosy:mx-auto cosy:p-6 cosy:container">
- *     <p>在全宽模式下，您可以自行控制内容的容器和间距</p>
- *     <p>这使得创建全宽背景的同时，保持内容在合适的宽度内</p>
- *   </div>
- *
- *   <!-- 另一个全宽部分 -->
- *   <div class="cosy:bg-accent cosy:mt-8 cosy:p-10">
- *     <div class="cosy:mx-auto cosy:container">
- *       <h2 class="cosy:text-2xl">灵活的布局</h2>
- *       <p>您可以自由组合全宽区域和容器限制区域</p>
- *     </div>
- *   </div>
- * </AppLayout>
- * ```
- *
- * 调试模式示例：
- * ```astro
- * <AppLayout
- *   metaConfig={{
- *     title: "文档标题",
- *     description: "文档描述"
- *   }}
- *   sidebarConfig={{
- *     sidebarItems: sidebarItems
- *   }}
- *   debug={true}
- * >
- *   <h1>文档内容</h1>
- *   <p>这是文档的主要内容</p>
- * </AppLayout>
- * ```
- */
-
-import '../style.ts';
-import {
-	BaseLayout,
-	type IAppLayoutProps,
-	Footer,
-	Header,
-	Container,
-	Main,
-	Sidebar,
-} from '../index';
-import { ClientRouter } from 'astro:transitions';
-
-interface Props extends IAppLayoutProps {}
-
-const {
-	sidebarConfig,
-	showHeader = true,
-	showFooter = true,
-	showSidebar = true,
-	class: className,
-	'class:list': classList,
-	debug = false,
-	mainContentConfig,
-	footerConfig,
-	headerConfig,
-	metaConfig,
-	...rest
-}: Props = Astro.props;
----
-
-<BaseLayout
-	title={metaConfig.title}
-	description={metaConfig.description}
-	keywords={metaConfig.keywords}
-	author={metaConfig.author}
-	robots={metaConfig.robots}
-	head={metaConfig.head}
-	favicon={metaConfig.favicon}
-	debug={debug}
-	{...rest}>
-	<ClientRouter />
-	{
-		showHeader && (
-			<Header {...headerConfig} debug={debug} transition:persist>
-				<div slot="navbar-start">
-					<slot name="navbar-start" />
-				</div>
-				<div slot="navbar-center">
-					<slot name="navbar-center" />
-				</div>
-				<div slot="navbar-end">
-					<slot name="navbar-end" />
-				</div>
-			</Header>
-		)
-	}
-
-	<Container flex="row" gap="md" size="full" padding="none">
-		<!-- 侧边栏容器 -->
-		{showSidebar && <Sidebar {...sidebarConfig} transition:name="sidebar" transition:persist />}
-
-		<!-- 主内容区域 -->
-		<Main {...mainContentConfig}>
-			<slot />
-		</Main>
-	</Container>
-
-	<!-- Footer -->
-	{
-		showFooter && (
-			<Container size="full" padding="none" transition:persist>
-				<Footer {...footerConfig} />
-			</Container>
-		)
-	}
-
-	<script>
-		// Handle sidebar toggle
-		const sidebarToggle = document.getElementById('sidebar-toggle');
-		const sidebar = document.getElementById('sidebar-mobile');
-		const sidebarOverlay = document.getElementById('sidebar-overlay');
-
-		function toggleSidebar() {
-			sidebar?.classList.toggle('cosy:hidden');
-			sidebarOverlay?.classList.toggle('cosy:hidden');
-			document.body.classList.toggle('cosy:overflow-hidden');
-		}
-
-		sidebarToggle?.addEventListener('click', toggleSidebar);
-		sidebarOverlay?.addEventListener('click', toggleSidebar);
-	</script>
-</BaseLayout>

package/dist/layout-app/AppLayoutBasic.astro

@@ -1,53 +0,0 @@
----
-import AppLayout from './AppLayout.astro';
-import type { ISidebarItem } from '../types/sidebar';
-
-const sidebarItems: ISidebarItem[] = [
-	{
-		text: '入门',
-		href: '/docs/getting-started',
-		items: [
-			{ href: '/docs/getting-started', text: '快速开始' },
-			{ href: '/docs/installation', text: '安装' },
-		],
-	},
-	{
-		text: '组件',
-		href: '/docs/components',
-		items: [
-			{ href: '/docs/components/button', text: 'Button 按钮' },
-			{ href: '/docs/components/card', text: 'Card 卡片' },
-		],
-	},
-];
----
-
-<AppLayout
-	metaConfig={{
-		title: '应用布局示例',
-		description: '这是一个应用布局的示例页面',
-		keywords: '布局,示例,应用布局',
-		author: 'CofficLab',
-		robots: 'noindex,nofollow',
-	}}
-	sidebarConfig={{
-		sidebarItems: sidebarItems,
-	}}
-	headerConfig={{
-		height: 'md',
-	}}
-	footerConfig={{
-		siteName: '我的文档站点',
-		homeLink: '/',
-		slogan: '简单而强大的组件库',
-		company: 'CofficLab',
-		copyright: '保留所有权利',
-		inspirationalSlogan: '让开发更加愉悦',
-	}}
-	mainContentConfig={{
-		padding: 'md',
-	}}>
-	<h1 class="cosy:text-2xl cosy:font-bold cosy:mb-4">欢迎使用应用布局</h1>
-	<p class="cosy:mb-2">这是一个包含侧边栏、头部和页脚的完整布局示例。</p>
-	<p>应用布局适合用于文档站点、管理后台等场景。</p>
-</AppLayout>

package/dist/layout-app/index.ts

@@ -1,11 +0,0 @@
-import AppLayout from './AppLayout.astro';
-import AppLayoutBasic from './AppLayoutBasic.astro';
-import BasicSourceCode from './AppLayoutBasic.astro?raw';
-import { extractSimpleExample } from '../utils/component';
-
-export { AppLayout, AppLayoutBasic };
-
-// 导出示例源代码
-export const AppLayoutExampleCodes = {
-	Basic: extractSimpleExample(BasicSourceCode, 'AppLayout'),
-};

package/dist/layout-basic/BaseLayout.astro

@@ -1,99 +0,0 @@
----
-/**
- * @component BaseLayout
- *
- * @description
- * BaseLayout 组件是最基础的 HTML 结构布局，提供完整的 HTML 骨架和元数据设置。
- * 它是所有页面布局的基础，处理了基本的 HTML 结构、元数据和全局样式。
- *
- * @design
- * 设计理念：
- * 1. 基础结构 - 提供标准的 HTML5 文档结构
- * 2. 元数据管理 - 集中管理页面的标题、描述和关键词等元数据
- * 3. 全局样式 - 应用基础的重置样式和全局变量
- * 4. 灵活扩展 - 支持自定义头部内容和样式
- *
- * @usage
- * 基本用法：
- * ```astro
- * ---
- * import { BaseLayout } from '@coffic/cosy-ui';
- * ---
- *
- * <BaseLayout title="页面标题" description="页面描述">
- *   <main>
- *     <h1>页面内容</h1>
- *     <p>这是页面的主要内容</p>
- *   </main>
- * </BaseLayout>
- * ```
- *
- * 添加自定义头部内容：
- * ```astro
- * <BaseLayout
- *   title="页面标题"
- *   head={`<link rel="canonical" href="https://example.com" />`}
- * >
- *   <p>页面内容</p>
- * </BaseLayout>
- * ```
- *
- * 自定义样式：
- * ```astro
- * <BaseLayout
- *   title="页面标题"
- *   customStyles={`body { background-color: #f5f5f5; }`}
- * >
- *   <p>页面内容</p>
- * </BaseLayout>
- * ```
- */
-
-import '../style.ts';
-import { type IMetaProps } from '../index';
-
-export interface Props extends IMetaProps {
-	debug?: boolean;
-}
-
-const {
-	title,
-	description = '',
-	keywords = '',
-	lang = 'zh-CN',
-	viewport = true,
-	customStyles = '',
-	head,
-	debug = true,
-	class: className,
-	favicon,
-	'class:list': classList,
-} = Astro.props;
-
-// 处理类名
-let bodyClasses = debug ? 'cosy:border cosy:border-red-500' : className || '';
----
-
-<!doctype html>
-<html lang={lang}>
-	<head>
-		<meta charset="UTF-8" />
-		{viewport && <meta name="viewport" content="width=device-width, initial-scale=1.0" />}
-		<title>{title}</title>
-		{description && <meta name="description" content={description} />}
-		{keywords && <meta name="keywords" content={keywords} />}
-		<meta name="generator" content={Astro.generator} />
-		{favicon && <link rel="icon" type={favicon.format} href={favicon.src} />}
-
-		<!-- 自定义样式 -->
-		{customStyles && <style set:html={customStyles} />}
-
-		<!-- 自定义头部内容 -->
-		{head && <div set:html={head} />}
-
-		<slot name="head" />
-	</head>
-	<body class:list={[bodyClasses, classList, 'min-h-screen']}>
-		<slot />
-	</body>
-</html>

package/dist/layout-basic/BaseLayoutBasic.astro

@@ -1,16 +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/layout-basic/index.ts

@@ -1,11 +0,0 @@
-import BaseLayout from './BaseLayout.astro';
-import BaseLayoutBasic from './BaseLayoutBasic.astro';
-import BasicSourceCode from './BaseLayoutBasic.astro?raw';
-import { extractSimpleExample } from '../utils/component';
-
-export { BaseLayout, BaseLayoutBasic };
-
-// 导出示例源代码
-export const BaseLayoutExampleCodes = {
-	Basic: extractSimpleExample(BasicSourceCode, 'BaseLayout'),
-};