@coffic/cosy-ui 0.7.2 → 0.8.6

package/dist/link/LinkAnimations.astro

@@ -1,21 +0,0 @@
----
-import Link from './Link.astro';
----
-
-<div class="cosy:space-y-4">
-	<div class="cosy:flex cosy:gap-4">
-		<Link href="/hover-lift" animation="hover-lift" variant="primary"> 上浮效果 </Link>
-
-		<Link href="/hover-glow" animation="hover-glow" variant="secondary"> 发光效果 </Link>
-
-		<Link href="/hover-scale" animation="hover-scale" variant="cta"> 缩放效果 </Link>
-	</div>
-
-	<div class="cosy:flex cosy:gap-4">
-		<Link href="/block-link" block centerText variant="primary"> 块级居中链接 </Link>
-	</div>
-
-	<div class="cosy:bg-base-200 cosy:p-4">
-		<Link href="/light-variant" variant="light"> 浅色背景中的链接 </Link>
-	</div>
-</div>

package/dist/link/LinkBasic.astro

@@ -1,17 +0,0 @@
----
-import Link from './Link.astro';
----
-
-<div class="cosy:space-y-4">
-	<div>
-		<Link href="/about">默认链接</Link>
-	</div>
-
-	<div>
-		<Link href="https://example.com" external>外部链接</Link>
-	</div>
-
-	<div>
-		<p>这是一段文字，其中包含一个<Link href="/inline">内联链接</Link>。</p>
-	</div>
-</div>

package/dist/link/LinkVariants.astro

@@ -1,20 +0,0 @@
----
-import Link from './Link.astro';
----
-
-<div class="cosy:space-y-4">
-	<div class="cosy:flex cosy:gap-4">
-		<Link href="/signup" variant="primary">主要链接</Link>
-		<Link href="/learn-more" variant="secondary">次要链接</Link>
-		<Link href="/docs" variant="text">文本链接</Link>
-		<Link href="/get-started" variant="cta">行动号召</Link>
-		<Link href="/preview" variant="ghost">幽灵链接</Link>
-		<Link href="/help" variant="light">浅色链接</Link>
-	</div>
-
-	<div class="cosy:flex cosy:gap-4">
-		<Link href="/small" size="sm">小型链接</Link>
-		<Link href="/medium" size="md">中型链接</Link>
-		<Link href="/large" size="lg">大型链接</Link>
-	</div>
-</div>

package/dist/main/index.ts

@@ -1 +0,0 @@
-export { default as Main } from     './Main.astro';

package/dist/modal/Modal.astro

@@ -1,119 +0,0 @@
----
-/**
- * @component Modal
- *
- * @description
- * Modal 组件是一个模态对话框，用于在不离开当前页面的情况下显示内容、通知或请求用户输入。
- * 它会覆盖在页面内容上方，并提供一个聚焦的交互环境。
- *
- * @design
- * 设计理念：
- * 1. 聚焦交互 - 通过遮罩层和动画效果引导用户注意力
- * 2. 灵活布局 - 支持标题、内容和操作按钮的灵活组合
- * 3. 可访问性 - 支持键盘导航和屏幕阅读器
- * 4. 响应式设计 - 在不同屏幕尺寸下保持良好的用户体验
- *
- * @usage
- * 基本用法：
- * ```astro
- * <Modal id="my-modal" title="提示">
- *   <p>这是一个模态对话框的内容。</p>
- *   <button slot="actions" data-modal-target="my-modal">关闭</button>
- * </Modal>
- *
- * <!-- 触发按钮 -->
- * <button data-modal-target="my-modal">打开模态框</button>
- * ```
- *
- * 自定义操作按钮：
- * ```astro
- * <Modal id="confirm-modal" title="确认操作">
- *   <p>您确定要执行此操作吗？</p>
- *   <div slot="actions">
- *     <button class="btn btn-primary">确认</button>
- *     <button class="btn" data-modal-target="confirm-modal">取消</button>
- *   </div>
- * </Modal>
- * ```
- *
- * 不带标题的模态框：
- * ```astro
- * <Modal id="image-modal">
- *   <img src="/images/large-image.jpg" alt="大图预览" />
- * </Modal>
- * ```
- */
-
-import '../style.ts';
-import { Button } from '../index';
-
-interface Props {
-	/**
-	 * Modal 的唯一标识符
-	 */
-	id: string;
-	/**
-	 * 模态框的标题
-	 */
-	title?: string;
-	/**
-	 * 是否显示关闭按钮
-	 * @default true
-	 */
-	showCloseButton?: boolean;
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-}
-
-const { id, title, showCloseButton = true, class: className = '' } = Astro.props;
----
-
-<dialog id={id} class="cosy:modal">
-	<div class:list={['cosy:modal-box', className]}>
-		{
-			showCloseButton && (
-				<form method="dialog">
-					<Button
-						variant="ghost"
-						size="sm"
-						shape="circle"
-						formmethod="dialog"
-						class="cosy:modal-close-button">
-						✕
-					</Button>
-				</form>
-			)
-		}
-
-		{title && <h3 class="cosy:modal-title">{title}</h3>}
-
-		<div class="cosy:modal-content">
-			<slot />
-		</div>
-
-		<div class="cosy:modal-action">
-			<slot name="actions" />
-		</div>
-	</div>
-
-	<form method="dialog" class="cosy:modal-backdrop">
-		<button>关闭</button>
-	</form>
-</dialog>
-
-<script is:inline define:vars={{ id }}>
-	// 为了方便使用，我们提供一些辅助方法
-	document.addEventListener('DOMContentLoaded', () => {
-		const modal = document.getElementById(id);
-		if (!modal) return;
-
-		// 为所有触发这个模态框的按钮添加点击事件
-		document.querySelectorAll(`[data-modal-target="${id}"]`).forEach((trigger) => {
-			trigger.addEventListener('click', () => {
-				modal.showModal();
-			});
-		});
-	});
-</script>

package/dist/modal/index.ts

@@ -1 +0,0 @@
-export { default as Modal } from    './Modal.astro';

package/dist/module/ModuleBasic.astro

@@ -1,12 +0,0 @@
----
-import { Module } from '../index';
-import demoImage from '../assets/logo-rounded.png';
----
-
-<div class="cosy:grid cosy:grid-cols-1 cosy:gap-8 cosy:max-w-xl">
-	<Module
-		title="基础模块示例"
-		description="这是一个基础的模块示例，展示了标题、描述和图片的基本布局。"
-		image={demoImage}
-	/>
-</div>

package/dist/module/ModuleCustom.astro

@@ -1,14 +0,0 @@
----
-import Module from './Module.astro';
-import customImage from '../assets/logo-rounded.png';
----
-
-<div class="cosy:bg-base-200 cosy:p-8 cosy:rounded-xl">
-	<div class="cosy:max-w-2xl cosy:mx-auto">
-		<Module
-			title="自定义样式模块"
-			description="这个模块展示了如何通过容器添加自定义样式，比如背景色、内边距和圆角等。"
-			image={customImage}
-		/>
-	</div>
-</div>

package/dist/module/ModuleGrid.astro

@@ -1,26 +0,0 @@
----
-import { Module } from '../index';
-import featureImage1 from '../assets/logo-rounded.png';
-import featureImage2 from '../assets/logo-rounded.png';
-import featureImage3 from '../assets/logo-rounded.png';
----
-
-<div class="cosy:grid cosy:grid-cols-1 md:cosy:grid-cols-2 lg:cosy:grid-cols-3 cosy:gap-8">
-	<Module
-		title="特性一"
-		description="这是第一个特性的详细描述，介绍了该功能的主要优点和使用场景。"
-		image={featureImage1}
-	/>
-
-	<Module
-		title="特性二"
-		description="这是第二个特性的详细描述，展示了该功能如何帮助用户解决问题。"
-		image={featureImage2}
-	/>
-
-	<Module
-		title="特性三"
-		description="这是第三个特性的详细描述，说明了该功能带来的独特价值。"
-		image={featureImage3}
-	/>
-</div>

package/dist/nav-item/NavItems.astro

@@ -1,44 +0,0 @@
----
-/**
- * @component NavItems
- *
- * @description
- * NavItems 组件用于渲染导航栏中的导航项目列表。
- *
- * @usage
- * ```astro
- * <NavItems
- *   navItems={navItems}
- *   activeLink={activeLink}
- *   linkHeightClass={linkHeightClass}
- * />
- * ```
- */
-import '../style.ts';
-import { type INavItem, Link } from '../index';
-
-interface Props {
-	navItems: INavItem[];
-	activeLink: string;
-	linkHeightClass: string;
-}
-
-const { navItems, activeLink, linkHeightClass } = Astro.props;
----
-
-<ul
-	data-active-link={activeLink}
-	class:list={['cosy:px-1 cosy:menu cosy:menu-horizontal', linkHeightClass]}>
-	{
-		navItems.map((item) => (
-			<li>
-				<Link
-					variant={activeLink === item.href ? 'primary' : 'default'}
-					href={item.href}
-					class:list={[linkHeightClass]}>
-					{item.label}
-				</Link>
-			</li>
-		))
-	}
-</ul>

package/dist/nav-item/NavItemsBasic.astro

@@ -1,27 +0,0 @@
----
-import NavItems from './NavItems.astro';
-
-const navItems = [
-	{
-		label: '首页',
-		href: '/',
-	},
-	{
-		label: '文档',
-		href: '/docs',
-	},
-	{
-		label: '组件',
-		href: '/components',
-	},
-	{
-		label: '博客',
-		href: '/blog',
-	},
-];
----
-
-<div class="cosy:bg-base-100 cosy:p-4">
-	<NavItems navItems={navItems} activeLink="/docs" linkHeightClass="cosy:h-10" />
-</div>
-

package/dist/nav-section/NavSection.astro

@@ -1,42 +0,0 @@
----
-/**
- * @component NavSection
- *
- * @description
- * NavSection 组件用于在页脚中创建一个导航部分。
- *
- * @props
- * @prop {string} title - 导航部分的标题
- * @prop {Array<Object>} links - 链接数组，每个对象包含name、href和可选的external属性
- *
- */
-
-import { Link } from '../index';
-
-interface NavSectionProps {
-	title: string;
-	links: Array<{ name: string; href: string; external?: boolean }>;
-}
-
-const props = Astro.props as NavSectionProps;
-const { title, links } = props;
----
-
-<nav
-	class="cosy:flex cosy:flex-col cosy:items-center cosy:gap-3 cosy:hover:bg-base-300 cosy:hover:shadow-lg cosy:p-4 cosy:rounded cosy:h-full! cosy:hover:scale-105 cosy:transition-transform cosy:duration-300">
-	<h6 class="cosy:footer-title">{title}</h6>
-	{
-		links.map((link) => (
-			<Link
-				href={link.href}
-				external={link.external}
-				size="sm"
-				block
-				animation="hover-lift"
-				centerText>
-				{link.name}
-			</Link>
-		))
-	}
-</nav>
-

package/dist/nav-section/NavSectionBasic.astro

@@ -1,12 +0,0 @@
----
-import NavSection from './NavSection.astro';
----
-
-<NavSection
-	title="产品"
-	links={[
-		{ name: '首页', href: '/' },
-		{ name: '文档', href: '/docs' },
-		{ name: '组件', href: '/components', external: true },
-	]}
-/>