@coffic/cosy-ui 0.7.2 → 0.8.6

package/dist/entities/SidebarItem.ts

@@ -1,89 +0,0 @@
-import { type ISidebarItem } from '../types/sidebar';
-
-/**
- * 侧边栏项目类
- * 用于构建网站的侧边栏导航
- */
-export class SidebarItemEntity implements ISidebarItem {
-	text: string;
-	href: string;
-	items: ISidebarItem[];
-
-	constructor(props: { text: string; link?: string; items?: ISidebarItem[] }) {
-		this.text = props.text;
-		this.href = props.link || '';
-		this.items = props.items || [];
-	}
-
-	/**
-	 * 添加子项目
-	 * @param item 要添加的子项目
-	 */
-	addItem(item: SidebarItemEntity): void {
-		this.items.push(item);
-	}
-
-	/**
-	 * 获取所有子项目
-	 * @returns 子项目数组
-	 */
-	getItems(): SidebarItemEntity[] {
-		return this.items.map((item) => new SidebarItemEntity(item));
-	}
-
-	/**
-	 * 获取项目标签
-	 * @returns 项目标签
-	 */
-	getLabel(): string {
-		return this.text;
-	}
-
-	/**
-	 * 获取项目链接
-	 * @returns 项目链接
-	 */
-	getLink(): string {
-		return this.href;
-	}
-
-	/**
-	 * 获取包括自身在内的所有项目
-	 * @returns 包括自身在内的所有项目
-	 */
-	getItemsIncludingSelf(): SidebarItemEntity[] {
-		return [this, ...this.getItems()];
-	}
-
-	/**
-	 * 判断是否是分组（有子项目）
-	 * @returns 是否是分组
-	 */
-	isGroup(): boolean {
-		return this.items.length > 0;
-	}
-
-	/**
-	 * 判断是否不是分组
-	 * @returns 是否不是分组
-	 */
-	isNotGroup(): boolean {
-		return !this.isGroup();
-	}
-}
-
-/**
- * 侧边栏提供者接口
- * 实现此接口的类可以提供侧边栏项目
- */
-export interface SidebarProvider {
-	/**
-	 * 转换为侧边栏项目
-	 */
-	toSidebarItem(): Promise<SidebarItemEntity>;
-
-	/**
-	 * 获取顶级侧边栏项目
-	 */
-	getTopSidebarItem?(): Promise<SidebarItemEntity>;
-}

package/dist/entities/Tag.ts

@@ -1,42 +0,0 @@
-import { blogDB } from '../database/BlogDB';
-import { SidebarItemEntity } from './SidebarItem';
-import { type ITagStaticPath } from '../types/static-path';
-import { LinkUtil } from '../utils/link';
-
-export class Tag {
-	name: string;
-	lang: string;
-	count: number;
-
-	constructor(name: string, count: number, lang: string) {
-		this.name = name;
-		this.count = count;
-		this.lang = lang;
-	}
-
-	toSidebarItem(lang: string): SidebarItemEntity {
-		return new SidebarItemEntity({
-			text: this.name,
-			link: LinkUtil.getTagLink(lang, this.name),
-		});
-	}
-
-	toTagPath(): ITagStaticPath {
-		return {
-			params: { slug: this.lang + '/blogs/tag/' + this.name },
-			props: { tag: this.name },
-		};
-	}
-
-	static async makeRootSidebarItem(lang: string): Promise<SidebarItemEntity> {
-		const tags = await blogDB.getTagsByLang(lang);
-
-		return new SidebarItemEntity({
-			text: 'Tags',
-			link: LinkUtil.getTagLink(lang, ''),
-			items: tags.map((tag: Tag) => tag.toSidebarItem(lang)),
-		});
-	}
-}
-
-export default Tag;

package/dist/env.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="vite/client" />
-
-declare module '*.vue?raw' {
-	const content: string;
-	export default content;
-}
-
-// 添加图片模块声明
-declare module '*.png' {
-	const value: string;
-	export default value;
-}
-
-declare module '*.jpg' {
-	const value: string;
-	export default value;
-}
-
-declare module '*.jpeg' {
-	const value: string;
-	export default value;
-}
-
-declare module '*.svg' {
-	const value: string;
-	export default value;
-}
-
-declare module '*.gif' {
-	const value: string;
-	export default value;
-}

package/dist/errors/404.astro

@@ -1,27 +0,0 @@
----
-import { LinkUtil } from '../utils/link';
-const baseUrl = LinkUtil.getBaseUrl();
-const path = Astro.url.pathname;
-
-interface Error404Props {
-	debugKVs: Record<string, string>;
-}
-
-const { debugKVs = {} } = Astro.props as Error404Props;
----
-
-<div class="flex flex-col items-center justify-center h-screen">
-	<div class="flex flex-col justify-center items-center min-h-[50vh] text-center">
-		<h1 class="mb-4 font-bold text-4xl">404 - 页面未找到</h1>
-		<p class="mb-8 text-lg">抱歉，您要找的文档不存在。</p>
-		<p class="mb-8 text-lg">路径：{path}</p>
-		{
-			Object.entries(debugKVs).map(([key, value]) => (
-				<p class="mb-8 text-lg">
-					{key}: {value}
-				</p>
-			))
-		}
-		<a href={baseUrl} class="btn btn-primary"> 返回首页 </a>
-	</div>
-</div>

package/dist/errors/404Basic.astro

@@ -1,5 +0,0 @@
----
-import Error404 from './404.astro';
----
-
-<Error404 debugKVs={{ reason: '示例：页面不存在', try: '请检查链接是否正确' }} />

package/dist/errors/index.ts

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

package/dist/flex/FlexBasic.astro

@@ -1,9 +0,0 @@
----
-import Flex from './Flex.astro';
----
-
-<Flex gap="md" justify="center" align="center" style="height: 200px; background: #f3f4f6;">
-	<div style="background: #60a5fa; color: white; padding: 16px; border-radius: 8px;">元素 1</div>
-	<div style="background: #34d399; color: white; padding: 16px; border-radius: 8px;">元素 2</div>
-	<div style="background: #f59e42; color: white; padding: 16px; border-radius: 8px;">元素 3</div>
-</Flex>

package/dist/footer/EFooterBasic.astro

@@ -1,18 +0,0 @@
----
-/**
- * @component Footer.Basic
- *
- * @description
- * 基础Footer组件示例，展示最简单的页脚用法。
- */
-import { Footer } from '../index';
----
-
-<Footer
-	siteName="我的网站"
-	homeLink="/"
-	slogan="简单而强大"
-	company="我的公司"
-	copyright="保留所有权利"
-	inspirationalSlogan="构建美好的数字体验"
-/>

package/dist/footer/EFooterComplete.astro

@@ -1,45 +0,0 @@
----
-/**
- * @component Footer.Complete
- *
- * @description
- * 展示完整功能的页脚示例，包含所有主要属性。
- */
-import { Footer } from '../index';
-import { getExampleImage } from '../utils/image';
----
-
-<Footer
-	siteName="我的网站"
-	homeLink="/"
-	slogan="简单而强大"
-	company="我的公司"
-	copyright="保留所有权利"
-	inspirationalSlogan="构建美好的数字体验"
-	logo={{
-		src: getExampleImage({ width: 100, height: 100, provider: 'robohash', tag: 'logo' }),
-		alt: '网站Logo',
-	}}
-	products={[
-		{ name: '产品A', href: '/products/a' },
-		{ name: '产品B', href: '/products/b' },
-		{ name: '产品C', href: '/products/c' },
-		{ name: '外部产品', href: 'https://example.com', external: true },
-	]}
-	socialLinks={[
-		'https://github.com/myusername',
-		'https://twitter.com/myusername',
-		'https://linkedin.com/in/myusername',
-		'https://facebook.com/myusername',
-	]}
-	aboutLink="/about"
-	contactLink="/contact"
-	termsLink="/terms"
-	privacyLink="/privacy"
-	teamLink="/team"
-	careersLink="/careers"
-	newsLink="/news"
-	blogLink="/blog"
-	faqLink="/faq"
-	icp="京ICP备12345678号"
-/>

package/dist/footer/EFooterWithLogo.astro

@@ -1,23 +0,0 @@
----
-/**
- * @component Footer.WithLogo
- *
- * @description
- * 展示带有Logo的页脚示例。
- */
-import { Footer } from '../index';
-import { getExampleImage } from '../utils/image';
----
-
-<Footer
-	siteName="我的网站"
-	homeLink="/"
-	slogan="简单而强大"
-	company="我的公司"
-	copyright="保留所有权利"
-	inspirationalSlogan="构建美好的数字体验"
-	logo={{
-		src: getExampleImage({ width: 100, height: 100, provider: 'robohash', tag: 'logo' }),
-		alt: '网站Logo',
-	}}
-/>

package/dist/footer/EFooterWithNavigation.astro

@@ -1,24 +0,0 @@
----
-/**
- * @component Footer.WithNavigation
- *
- * @description
- * 展示带有导航链接的页脚示例。
- */
-import { Footer } from '../index';
----
-
-<Footer
-	siteName="我的网站"
-	homeLink="/"
-	slogan="简单而强大"
-	company="我的公司"
-	copyright="保留所有权利"
-	inspirationalSlogan="构建美好的数字体验"
-	aboutLink="/about"
-	contactLink="/contact"
-	termsLink="/terms"
-	privacyLink="/privacy"
-	blogLink="/blog"
-	faqLink="/faq"
-/>

package/dist/footer/EFooterWithProducts.astro

@@ -1,24 +0,0 @@
----
-/**
- * @component Footer.WithProducts
- *
- * @description
- * 展示带有产品链接的页脚示例。
- */
-import { Footer } from '../index';
----
-
-<Footer
-	siteName="我的网站"
-	homeLink="/"
-	slogan="简单而强大"
-	company="我的公司"
-	copyright="保留所有权利"
-	inspirationalSlogan="构建美好的数字体验"
-	products={[
-		{ name: '产品A', href: '/products/a' },
-		{ name: '产品B', href: '/products/b' },
-		{ name: '产品C', href: '/products/c' },
-		{ name: '外部产品', href: 'https://example.com', external: true },
-	]}
-/>

package/dist/footer/EFooterWithSocial.astro

@@ -1,24 +0,0 @@
----
-/**
- * @component Footer.WithSocial
- *
- * @description
- * 展示带有社交媒体链接的页脚示例。
- */
-import { Footer } from '../index';
----
-
-<Footer
-	siteName="我的网站"
-	homeLink="/"
-	slogan="简单而强大"
-	company="我的公司"
-	copyright="保留所有权利"
-	inspirationalSlogan="构建美好的数字体验"
-	socialLinks={[
-		'https://github.com/myusername',
-		'https://twitter.com/myusername',
-		'https://linkedin.com/in/myusername',
-		'https://facebook.com/myusername',
-	]}
-/>

package/dist/footer/FooterSection.astro

@@ -1,48 +0,0 @@
----
-/**
- * @component FooterSection
- *
- * @description
- * FooterSection 组件用于在页脚中显示一组链接，通常用于导航、产品列表等。
- */
-
-interface Link {
-	name: string;
-	href?: string;
-}
-
-interface Props {
-	/**
-	 * 区块标题
-	 */
-	title: string;
-
-	/**
-	 * 链接列表
-	 */
-	links: Link[];
-}
-
-const { title, links } = Astro.props;
----
-
-<nav class="cosy:flex cosy:flex-col cosy:gap-2">
-	<h6 class="cosy:footer-title">{title}</h6>
-	<ul class="cosy:flex cosy:flex-col cosy:gap-2">
-		{
-			links.map((link) => (
-				<li class="cosy:list-none">
-					{link.href ? (
-						<a
-							href={link.href}
-							class="cosy:link cosy:link-hover cosy:no-underline cosy:hover:no-underline">
-							{link.name}
-						</a>
-					) : (
-						<span class="cosy:opacity-50">{link.name}</span>
-					)}
-				</li>
-			))
-		}
-	</ul>
-</nav>

package/dist/grid/GridBasic.astro

@@ -1,9 +0,0 @@
----
-import Grid from './Grid.astro';
----
-
-<Grid cols={3} gap="md">
-	<div style="background: #60a5fa; color: white; padding: 16px; border-radius: 8px;">第一列</div>
-	<div style="background: #34d399; color: white; padding: 16px; border-radius: 8px;">第二列</div>
-	<div style="background: #f59e42; color: white; padding: 16px; border-radius: 8px;">第三列</div>
-</Grid>

package/dist/header/Header.astro

@@ -1,204 +0,0 @@
----
-/**
- * @component Header
- *
- * @description
- * Header 组件是一个用于网站顶部导航的布局组件，提供了logo、导航菜单、语言切换等功能。
- * 组件支持响应式设计，在不同屏幕尺寸下有良好的显示效果，并可选择固定在页面顶部。
- *
- * @design
- * 设计理念：
- * 1. 简洁实用 - 提供清晰的导航和品牌展示，不过度占用视觉空间
- * 2. 响应式适配 - 在移动端和桌面端都有合适的展现形式
- * 3. 可定制性 - 支持多种配置选项，适应不同网站的风格和需求
- * 4. 多语言支持 - 内置语言切换功能，便于构建国际化网站
- */
-import '../style.ts';
-import {
-	LanguageSwitcher,
-	LinkUtil,
-	type IHeaderProps,
-	type INavItem,
-	NavItems,
-	Link,
-	Image,
-	ThemeSwitcher,
-} from '../index';
-import Logo from '../assets/logo-rounded.png';
-
-export interface Props extends IHeaderProps {
-	debug?: boolean;
-}
-
-const {
-	height = 'md',
-	languages = ['zh-cn', 'en'],
-	logo = Logo,
-	logoHref = '/',
-	navItems = [],
-	sticky = true,
-	debug = false,
-	rounded = 'none',
-	paddingHorizontal = 'none',
-	paddingVertical = 'none',
-	navPosition = 'center',
-	showThemeSwitcher = true,
-} = Astro.props;
-
-// 根据高度设置样式
-const headerHeightClasses = {
-	'3xs': 'cosy:h-4',
-	'2xs': 'cosy:h-6',
-	xs: 'cosy:h-8',
-	sm: 'cosy:h-10',
-	md: 'cosy:h-12',
-	lg: 'cosy:h-16',
-	xl: 'cosy:h-20',
-};
-
-const headerHeightClass = headerHeightClasses[height];
-const linkHeightClasses = {
-	'3xs': 'cosy:py-0',
-	'2xs': 'cosy:py-0',
-	xs: 'cosy:py-0',
-	sm: 'cosy:py-1',
-	md: 'cosy:py-1',
-	lg: 'cosy:py-2',
-	xl: 'cosy:py-3',
-};
-
-// 设置logo大小
-const logoSizeClasses = {
-	'3xs': 'cosy:w-3 cosy:h-3',
-	'2xs': 'cosy:w-4 cosy:h-4',
-	xs: 'cosy:w-5 cosy:h-5',
-	sm: 'cosy:w-6 cosy:h-6',
-	md: 'cosy:w-8 cosy:h-8',
-	lg: 'cosy:w-10 cosy:h-10',
-	xl: 'cosy:w-12 cosy:h-12',
-};
-
-const logoSizeClass = logoSizeClasses[height];
-const linkHeightClass = linkHeightClasses[height];
-const currentPath = Astro.url.pathname;
-const activeLink = LinkUtil.getActiveLink(
-	currentPath,
-	navItems.map((item: INavItem) => item.href)
-);
----
-
-<header
-	class:list={[
-		'cosy:w-full cosy:z-50',
-		{
-			'cosy:fixed cosy:top-0': sticky,
-			'cosy:border cosy:bg-amber-300 cosy:border-dashed cosy:border-green-500': debug,
-		},
-		{
-			'cosy:px-2': paddingHorizontal === 'sm',
-			'cosy:px-4': paddingHorizontal === 'md',
-			'cosy:px-6': paddingHorizontal === 'lg',
-			'cosy:px-8': paddingHorizontal === 'xl',
-			'cosy:px-12': paddingHorizontal === '2xl',
-			'cosy:px-16': paddingHorizontal === '3xl',
-		},
-		{
-			'cosy:py-2': paddingVertical === 'sm',
-			'cosy:py-4': paddingVertical === 'md',
-			'cosy:py-6': paddingVertical === 'lg',
-			'cosy:py-8': paddingVertical === 'xl',
-			'cosy:py-12': paddingVertical === '2xl',
-			'cosy:py-16': paddingVertical === '3xl',
-		},
-	]}>
-	<div
-		class:list={[
-			'cosy:bg-accent/70 cosy:flex cosy:flex-grow cosy:backdrop-blur not-prose cosy:border-base-200',
-			{
-				'cosy:rounded-none': rounded === 'none',
-				'cosy:rounded-sm': rounded === 'sm',
-				'cosy:rounded-md': rounded === 'md',
-				'cosy:rounded-lg': rounded === 'lg',
-				'cosy:rounded-xl': rounded === 'xl',
-				'cosy:rounded-full': rounded === 'full',
-			},
-			headerHeightClass,
-			{ 'cosy:border cosy:border-dashed cosy:border-red-500': debug },
-		]}>
-		<div class="cosy:navbar-start cosy:pl-1">
-			{
-				navPosition === 'start' ? (
-					<div class="cosy:flex cosy:items-center cosy:gap-4">
-						<Link
-							animation="none"
-							debug={debug}
-							href={logoHref}
-							class:list={['cosy:btn cosy:btn-ghost', linkHeightClass]}>
-							<Image
-								rounded="full"
-								showPlaceholder={false}
-								transition="none"
-								lazy={false}
-								src={logo}
-								alt="logo"
-								class={logoSizeClass}
-							/>
-						</Link>
-						<div class="cosy:hidden cosy:lg:flex">
-							<NavItems
-								navItems={navItems}
-								activeLink={activeLink}
-								linkHeightClass={linkHeightClass}
-							/>
-						</div>
-					</div>
-				) : (
-					<Link
-						animation="none"
-						debug={debug}
-						href={logoHref}
-						class:list={['cosy:btn cosy:btn-ghost', linkHeightClass]}>
-						<Image
-							rounded="full"
-							showPlaceholder={false}
-							transition="none"
-							lazy={false}
-							src={logo}
-							alt="logo"
-							class={logoSizeClass}
-						/>
-					</Link>
-				)
-			}
-			<slot name="navbar-start" />
-		</div>
-
-		<div class="cosy:hidden cosy:lg:flex cosy:navbar-center">
-			{
-				navPosition === 'center' && (
-					<NavItems navItems={navItems} activeLink={activeLink} linkHeightClass={linkHeightClass} />
-				)
-			}
-			<slot name="navbar-center" />
-		</div>
-
-		<div class="cosy:navbar-end cosy:pr-1">
-			{
-				navPosition === 'end' && (
-					<div class="cosy:hidden cosy:lg:flex">
-						<NavItems
-							navItems={navItems}
-							activeLink={activeLink}
-							linkHeightClass={linkHeightClass}
-						/>
-					</div>
-				)
-			}
-
-			{showThemeSwitcher && <ThemeSwitcher />}
-			{languages.length > 1 && <LanguageSwitcher languages={languages} />}
-
-			<slot name="navbar-end" />
-		</div>
-	</div>
-</header>

package/dist/header/HeaderCustomNavbarCenter.astro

@@ -1,23 +0,0 @@
----
-/**
- * @component Header.CustomNavbarCenter
- *
- * @description
- * 自定义导航栏中间内容的Header组件示例，展示如何使用slot自定义中间内容。
- */
-import '../style.ts';
-import Header from './Header.astro';
-import { getExampleImage } from '../utils/image';
-
-const logo = getExampleImage({ width: 100, height: 100, provider: 'picsum', tag: 'tech' });
----
-
-<Header logoHref={logo} rounded="lg" sticky={false}>
-	<div slot="navbar-center" class="cosy:flex cosy:items-center cosy:gap-4">
-		<span class="cosy:badge cosy:badge-accent">新功能</span>
-		<div class="cosy:divider cosy:divider-horizontal"></div>
-		<span class="cosy:badge cosy:badge-secondary">热门</span>
-		<div class="cosy:divider cosy:divider-horizontal"></div>
-		<span class="cosy:badge">推荐</span>
-	</div>
-</Header>