@coffic/cosy-ui 0.7.4 → 0.8.7

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/SettingsIcon.astro

@@ -1,18 +0,0 @@
----
-import AstroIcon from './AstroIcon.astro';
-
-interface Props {
-	class?: string;
-	width?: string;
-	height?: string;
-	stroke?: string;
-	fill?: string;
-	size?: string;
-	color?: string;
-	strokeWidth?: string;
-}
-
-const { class: className, size = '24', color = 'currentColor' } = Astro.props;
----
-
-<AstroIcon name="settings" size={size} stroke={color} class={className} />

package/dist/icons/SocialIcon.astro

@@ -1,100 +0,0 @@
----
-/**
- * @component SocialIcon
- *
- * @description
- * SocialIcon 组件用于显示社交媒体平台的图标，支持多种常见的社交媒体平台。
- * 它提供了一致的样式和交互效果，同时支持自定义大小和颜色。
- *
- * @design
- * 设计理念：
- * 1. 简洁明了 - 使用清晰易识别的图标表示社交媒体平台
- * 2. 一致性 - 保持统一的样式和交互效果
- * 3. 可定制性 - 支持自定义大小、颜色和样式
- * 4. 可访问性 - 提供适当的 aria 标签，确保屏幕阅读器可以识别
- *
- * @usage
- * 基本用法：
- * ```astro
- * <SocialIcon platform="github" />
- * <SocialIcon platform="twitter" />
- * <SocialIcon platform="linkedin" />
- * ```
- *
- * 自定义大小和颜色：
- * ```astro
- * <SocialIcon platform="github" size="32px" color="#333" />
- * ```
- *
- * 使用自定义类名：
- * ```astro
- * <SocialIcon platform="twitter" class="my-custom-class" />
- * ```
- */
-
-// 导入样式
-import '../app.css';
-
-import GithubIcon from './GithubIcon.astro';
-import TwitterIcon from './TwitterIcon.astro';
-import LinkedinIcon from './LinkedinIcon.astro';
-
-interface Props {
-	/**
-	 * 社交媒体平台名称
-	 * @default "default"
-	 */
-	platform: string;
-
-	/**
-	 * 图标的大小
-	 * @default "24px"
-	 */
-	size?: string;
-
-	/**
-	 * 图标的颜色
-	 * @default "currentColor"
-	 */
-	color?: string;
-
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-}
-
-const {
-	platform = 'default',
-	size = '24px',
-	color = 'currentColor',
-	class: className = '',
-} = Astro.props;
-
-// 获取平台名称的首字母大写版本，用于显示
-const platformName = platform.charAt(0).toUpperCase() + platform.slice(1);
-
-// 根据平台名称选择对应的图标组件
-const getIconComponent = (platform: string) => {
-	switch (platform.toLowerCase()) {
-		case 'github':
-			return GithubIcon;
-		case 'twitter':
-			return TwitterIcon;
-		case 'linkedin':
-			return LinkedinIcon;
-		// 其他平台图标可以在这里添加
-		default:
-			return GithubIcon; // 默认使用 GitHub 图标
-	}
-};
-
-const IconComponent = getIconComponent(platform);
-
-// 构建社交图标的类名
-const socialIconClass = `social-icon social-icon-${platform.toLowerCase()} ${className}`;
----
-
-<div class={socialIconClass} aria-label={`${platformName} 图标`}>
-	<IconComponent size={size} color={color} />
-</div>

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} />

package/dist/icons/WarningIcon.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="warning" size={size} stroke={color} class={className} />