@coffic/cosy-ui 0.7.2 → 0.8.6

package/dist/hero/HeroAlignRight.astro

@@ -1,13 +0,0 @@
----
-import Hero from './Hero.astro';
----
-
-<Hero
-	title="右对齐标题"
-	description="这是一个右对齐的Hero组件示例。"
-	align="right"
-	links={[
-		{ text: '主要操作', href: '#' },
-		{ text: '次要操作', href: '#' },
-	]}
-/>

package/dist/hero/HeroBackgroundImage.astro

@@ -1,12 +0,0 @@
----
-import Hero from './Hero.astro';
-import { getLandscapeImage } from '../index_utils';
----
-
-<Hero
-	title="背景图片"
-	description="使用背景图片增强视觉效果。"
-	backgroundImage={getLandscapeImage({ width: 800, height: 400, provider: 'picsum' })}
-	backgroundOverlay="dark"
-	links={[{ text: '了解更多', href: '/about' }]}
-/>

package/dist/hero/HeroBasic.astro

@@ -1,12 +0,0 @@
----
-import Hero from './Hero.astro';
----
-
-<Hero
-	title="欢迎使用我们的产品"
-	description="这是一个简短的描述，介绍产品的主要特点和价值。"
-	links={[
-		{ text: '开始使用', href: '/getting-started' },
-		{ text: '了解更多', href: '/about' },
-	]}
-/>

package/dist/hero/HeroGradientBackground.astro

@@ -1,10 +0,0 @@
----
-import Hero from './Hero.astro';
----
-
-<Hero
-	title="渐变色背景"
-	description="这个例子使用了渐变色背景样式。"
-	background="gradient"
-	links={[{ text: '了解更多', href: '/about' }]}
-/>

package/dist/hero/HeroPlainBackground.astro

@@ -1,10 +0,0 @@
----
-import Hero from './Hero.astro';
----
-
-<Hero
-	title="纯色背景"
-	description="这个例子使用了纯色背景样式。"
-	background="plain"
-	links={[{ text: '了解更多', href: '/about' }]}
-/>

package/dist/hero/HeroWithButton.astro

@@ -1,11 +0,0 @@
----
-import Hero from './Hero.astro';
-import Button from '../button/Button.astro';
----
-
-<Hero title="带自定义按钮的Hero" description="这是一个带有自定义按钮的Hero组件示例。" links={[]}>
-	<div slot="actions" class="cosy:flex cosy:gap-4">
-		<Button variant="primary">主要操作</Button>
-		<Button variant="secondary">次要操作</Button>
-	</div>
-</Hero>

package/dist/hero/HeroWithImage.astro

@@ -1,16 +0,0 @@
----
-import Hero from './Hero.astro';
-import { getExampleImage } from '../index_utils';
-
-const image = {
-	src: getExampleImage({ width: 400, height: 300, provider: 'picsum' }),
-	alt: '示例图片',
-};
----
-
-<Hero
-	title="带图片的Hero"
-	description="这是一个带有图片的Hero组件示例。"
-	image={image}
-	links={[{ text: '查看详情', href: '#' }]}
-/>

package/dist/icons/AlertTriangle.astro

@@ -1,24 +0,0 @@
----
-import AstroIcon from './AstroIcon.astro';
-
-interface Props {
-	/**
-	 * 图标的大小
-	 * @default "24px"
-	 */
-	size?: string;
-	/**
-	 * 图标的颜色
-	 * @default "currentColor"
-	 */
-	color?: string;
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-}
-
-const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
----
-
-<AstroIcon name="alertTriangle" size={size} stroke={color} class={className} />

package/dist/icons/AstroIcon.astro

@@ -1,61 +0,0 @@
----
-import { iconData } from '../assets/iconData';
-
-interface Props {
-	/**
-	 * 图标名称，必须在iconData中存在
-	 */
-	name: string;
-
-	/**
-	 * 图标的大小
-	 * @default "24px"
-	 */
-	size?: string;
-
-	/**
-	 * 描边颜色
-	 * @default "currentColor"
-	 */
-	stroke?: string;
-
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-
-	/**
-	 * 是否填充图标
-	 * @default false
-	 */
-	fill?: boolean;
-}
-
-const {
-	name,
-	size = '24px',
-	stroke = 'currentColor',
-	class: className = '',
-	fill = false,
-} = Astro.props;
-const icon = iconData[name];
-const viewBox = icon?.viewBox || '0 0 24 24';
----
-
-{
-	icon && (
-		<svg
-			xmlns="http://www.w3.org/2000/svg"
-			width={size}
-			height={size}
-			viewBox={viewBox}
-			fill={fill ? 'currentColor' : 'none'}
-			stroke={stroke}
-			stroke-width="2"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-			class={className}>
-			<path d={icon.path} />
-		</svg>
-	)
-}

package/dist/icons/CalendarIcon.astro

@@ -1,24 +0,0 @@
----
-import AstroIcon from './AstroIcon.astro';
-
-interface Props {
-	/**
-	 * 图标的大小
-	 * @default "24px"
-	 */
-	size?: string;
-	/**
-	 * 图标的颜色
-	 * @default "currentColor"
-	 */
-	color?: string;
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-}
-
-const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
----
-
-<AstroIcon name="calendar" size={size} stroke={color} class={className} />

package/dist/icons/CheckCircle.astro

@@ -1,23 +0,0 @@
----
-import AstroIcon from './AstroIcon.astro';
-interface Props {
-	/**
-	 * 图标的大小
-	 * @default "24px"
-	 */
-	size?: string;
-	/**
-	 * 图标的颜色
-	 * @default "currentColor"
-	 */
-	color?: string;
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-}
-
-const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
----
-
-<AstroIcon name="checkCircle" size={size} stroke={color} class={className} />

package/dist/icons/CheckIcon.astro

@@ -1,27 +0,0 @@
----
-import AstroIcon from './AstroIcon.astro';
-
-/**
- * 检查图标组件
- */
-interface Props {
-	/**
-	 * 图标的大小
-	 * @default "24px"
-	 */
-	size?: string;
-	/**
-	 * 图标的颜色
-	 * @default "currentColor"
-	 */
-	color?: string;
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-}
-
-const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
----
-
-<AstroIcon name="check" size={size} stroke={color} class={className} />

package/dist/icons/ChevronDownIcon.astro

@@ -1,24 +0,0 @@
----
-import AstroIcon from './AstroIcon.astro';
-
-interface Props {
-	/**
-	 * 图标的大小
-	 * @default "24px"
-	 */
-	size?: string;
-	/**
-	 * 图标的颜色
-	 * @default "currentColor"
-	 */
-	color?: string;
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-}
-
-const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
----
-
-<AstroIcon name="chevronDown" size={size} stroke={color} class={className} />

package/dist/icons/ClipboardIcon.astro

@@ -1,27 +0,0 @@
----
-import AstroIcon from './AstroIcon.astro';
-
-/**
- * 剪贴板图标组件
- */
-interface Props {
-	/**
-	 * 图标的大小
-	 * @default "24px"
-	 */
-	size?: string;
-	/**
-	 * 图标的颜色
-	 * @default "currentColor"
-	 */
-	color?: string;
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-}
-
-const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
----
-
-<AstroIcon name="clipboard" size={size} stroke={color} class={className} />

package/dist/icons/CloseIcon.astro

@@ -1,27 +0,0 @@
----
-import AstroIcon from './AstroIcon.astro';
-
-/**
- * 关闭图标组件
- */
-interface Props {
-	/**
-	 * 图标的大小
-	 * @default "16px"
-	 */
-	size?: string;
-	/**
-	 * 图标的颜色
-	 * @default "currentColor"
-	 */
-	color?: string;
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-}
-
-const { size = '16px', color = 'currentColor', class: className = '' } = Astro.props;
----
-
-<AstroIcon name="close" size={size} stroke={color} class={className} />

package/dist/icons/ErrorIcon.astro

@@ -1,24 +0,0 @@
----
-import AstroIcon from './AstroIcon.astro';
-
-interface Props {
-	/**
-	 * 图标的大小
-	 * @default "24px"
-	 */
-	size?: string;
-	/**
-	 * 图标的颜色
-	 * @default "currentColor"
-	 */
-	color?: string;
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-}
-
-const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
----
-
-<AstroIcon name="error" size={size} stroke={color} class={className} />

package/dist/icons/GithubIcon.astro

@@ -1,19 +0,0 @@
----
-import AstroIcon from './AstroIcon.astro';
-
-interface Props {
-	/**
-	 * 图标的大小
-	 * @default "24px"
-	 */
-	size?: string;
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-}
-
-const { size = '24px', class: className = '' } = Astro.props;
----
-
-<AstroIcon name="github" size={size} fill={true} stroke="none" class={className} />

package/dist/icons/InboxArchive.astro

@@ -1,23 +0,0 @@
----
-import AstroIcon from './AstroIcon.astro';
-interface Props {
-	/**
-	 * 图标的大小
-	 * @default "24px"
-	 */
-	size?: string;
-	/**
-	 * 图标的颜色
-	 * @default "currentColor"
-	 */
-	color?: string;
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-}
-
-const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
----
-
-<AstroIcon name="inboxArchive" size={size} stroke={color} class={className} />

package/dist/icons/InfoCircle.astro

@@ -1,24 +0,0 @@
----
-import AstroIcon from './AstroIcon.astro';
-
-interface Props {
-	/**
-	 * 图标的大小
-	 * @default "24px"
-	 */
-	size?: string;
-	/**
-	 * 图标的颜色
-	 * @default "currentColor"
-	 */
-	color?: string;
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-}
-
-const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
----
-
-<AstroIcon name="infoCircle" size={size} stroke={color} class={className} />

package/dist/icons/InfoIcon.astro

@@ -1,26 +0,0 @@
----
-import AstroIcon from './AstroIcon.astro';
-/**
- * 信息图标组件
- */
-interface Props {
-	/**
-	 * 图标的大小
-	 * @default "24px"
-	 */
-	size?: string;
-	/**
-	 * 图标的颜色
-	 * @default "currentColor"
-	 */
-	color?: string;
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-}
-
-const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
----
-
-<AstroIcon name="info" size={size} stroke={color} class={className} />

package/dist/icons/LinkIcon.astro

@@ -1,27 +0,0 @@
----
-import AstroIcon from './AstroIcon.astro';
-
-/**
- * 链接图标组件
- */
-interface Props {
-	/**
-	 * 图标的大小
-	 * @default "24px"
-	 */
-	size?: string;
-	/**
-	 * 图标的颜色
-	 * @default "currentColor"
-	 */
-	color?: string;
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-}
-
-const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
----
-
-<AstroIcon name="link" size={size} stroke={color} class={className} />

package/dist/icons/LinkedinIcon.astro

@@ -1,23 +0,0 @@
----
-import AstroIcon from './AstroIcon.astro';
-interface Props {
-	/**
-	 * 图标的大小
-	 * @default "24px"
-	 */
-	size?: string;
-	/**
-	 * 图标的颜色
-	 * @default "currentColor"
-	 */
-	color?: string;
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-}
-
-const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
----
-
-<AstroIcon name="linkedin" size={size} stroke={color} class={className} />

package/dist/icons/MenuIcon.astro

@@ -1,27 +0,0 @@
----
-import AstroIcon from './AstroIcon.astro';
-
-/**
- * 菜单图标组件
- */
-interface Props {
-	/**
-	 * 图标的大小
-	 * @default "24px"
-	 */
-	size?: string;
-	/**
-	 * 图标的颜色
-	 * @default "currentColor"
-	 */
-	color?: string;
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-}
-
-const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
----
-
-<AstroIcon name="menu" size={size} stroke={color} class={className} />

package/dist/icons/SearchIcon.astro

@@ -1,23 +0,0 @@
----
-import AstroIcon from './AstroIcon.astro';
-interface Props {
-	/**
-	 * 图标的大小
-	 * @default "24px"
-	 */
-	size?: string;
-	/**
-	 * 图标的颜色
-	 * @default "currentColor"
-	 */
-	color?: string;
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-}
-
-const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
----
-
-<AstroIcon name="search" size={size} stroke={color} class={className} />

package/dist/icons/SuccessIcon.astro

@@ -1,24 +0,0 @@
----
-import AstroIcon from './AstroIcon.astro';
-
-interface Props {
-	/**
-	 * 图标的大小
-	 * @default "24px"
-	 */
-	size?: string;
-	/**
-	 * 图标的颜色
-	 * @default "currentColor"
-	 */
-	color?: string;
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-}
-
-const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
----
-
-<AstroIcon name="success" size={size} stroke={color} class={className} />

package/dist/icons/SunCloudyIcon.astro

@@ -1,23 +0,0 @@
----
-import AstroIcon from './AstroIcon.astro';
-interface Props {
-	/**
-	 * 图标的大小
-	 * @default "24px"
-	 */
-	size?: string;
-	/**
-	 * 图标的颜色
-	 * @default "currentColor"
-	 */
-	color?: string;
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-}
-
-const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
----
-
-<AstroIcon name="sunCloudy" size={size} stroke={color} class={className} />

package/dist/icons/TwitterIcon.astro

@@ -1,24 +0,0 @@
----
-import AstroIcon from './AstroIcon.astro';
-
-interface Props {
-	/**
-	 * 图标的大小
-	 * @default "24px"
-	 */
-	size?: string;
-	/**
-	 * 图标的颜色
-	 * @default "currentColor"
-	 */
-	color?: string;
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-}
-
-const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
----
-
-<AstroIcon name="twitter" size={size} stroke={color} class={className} />

package/dist/icons/UserIcon.astro

@@ -1,24 +0,0 @@
----
-import AstroIcon from './AstroIcon.astro';
-
-interface Props {
-	/**
-	 * 图标的大小
-	 * @default "24px"
-	 */
-	size?: string;
-	/**
-	 * 图标的颜色
-	 * @default "currentColor"
-	 */
-	color?: string;
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-}
-
-const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
----
-
-<AstroIcon name="user" size={size} stroke={color} class={className} />