@coffic/cosy-ui 0.6.22 → 0.6.26

package/README.md

@@ -4,8 +4,11 @@
 [![简体中文](https://img.shields.io/badge/中文文档-gray)](README-zh.md)
 [![DEV](https://img.shields.io/badge/DEV-gray)](README-dev.md)
 [![NPM](https://img.shields.io/badge/NPM-orange)](https://www.npmjs.com/package/@coffic/cosy-ui)
+![NPM Downloads](https://img.shields.io/npm/dm/%40coffic%2Fcosy-ui)
+![NPM Version](https://img.shields.io/npm/v/%40coffic%2Fcosy-ui)
 [![Coffic](https://img.shields.io/badge/Coffic-green)](https://coffic.cn)
 [![Maintainer](https://img.shields.io/badge/Maintainer-blue)](https://github.com/nookery)
+![GitHub License](https://img.shields.io/github/license/cofficlab/cosy-ui)
 
 This is an Astro component library that provides a unified UI style for multiple projects under the same organization.
 
@@ -24,4 +27,4 @@ Usage in Astro components:
 import { Button } from "@coffic/cosy-ui";
 ---
 <Button>Hi</Button>
-```
+```

package/dist/assets/iconData.ts

@@ -95,4 +95,19 @@ export const iconData: Record<string, IconData> = {
 	inboxArchive: {
 		path: 'M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4',
 	},
+
+	// GitHub 图标
+	github: {
+		path: 'M12.001 2C6.47598 2 2.00098 6.475 2.00098 12C2.00098 16.425 4.86348 20.1625 8.83848 21.4875C9.33848 21.575 9.52598 21.275 9.52598 21.0125C9.52598 20.775 9.51348 19.9875 9.51348 19.15C7.00098 19.6125 6.35098 18.5375 6.15098 17.975C6.03848 17.6875 5.55098 16.8 5.12598 16.5625C4.77598 16.375 4.27598 15.9125 5.11348 15.9C5.90098 15.8875 6.46348 16.625 6.65098 16.925C7.55098 18.4375 8.98848 18.0125 9.56348 17.75C9.65098 17.1 9.91348 16.6625 10.201 16.4125C7.97598 16.1625 5.65098 15.3 5.65098 11.475C5.65098 10.3875 6.03848 9.4875 6.67598 8.7875C6.57598 8.5375 6.22598 7.5125 6.77598 6.1375C6.77598 6.1375 7.61348 5.875 9.52598 7.1625C10.326 6.9375 11.176 6.825 12.026 6.825C12.876 6.825 13.726 6.9375 14.526 7.1625C16.4385 5.8625 17.276 6.1375 17.276 6.1375C17.826 7.5125 17.476 8.5375 17.376 8.7875C18.0135 9.4875 18.401 10.375 18.401 11.475C18.401 15.3125 16.0635 16.1625 13.8385 16.4125C14.201 16.725 14.5135 17.325 14.5135 18.2625C14.5135 19.6 14.501 20.675 14.501 21.0125C14.501 21.275 14.6885 21.5875 15.1885 21.4875C19.259 20.1133 21.9999 16.2963 22.001 12C22.001 6.475 17.526 2 12.001 2Z',
+	},
+
+	// 领英图标
+	linkedin: {
+		path: 'M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z',
+	},
+
+	// Twitter 图标
+	twitter: {
+		path: 'M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z',
+	},
 };

package/dist/env.d.ts

@@ -10,3 +10,29 @@ 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/icons/AlertTriangle.astro

@@ -21,4 +21,4 @@ interface Props {
 const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
 ---
 
-<AstroIcon name="alertTriangle" size={size} color={color} class={className} />
+<AstroIcon name="alertTriangle" size={size} stroke={color} class={className} />

package/dist/icons/AstroIcon.astro

@@ -6,23 +6,38 @@ interface Props {
 	 * 图标名称，必须在iconData中存在
 	 */
 	name: string;
+
 	/**
 	 * 图标的大小
 	 * @default "24px"
 	 */
 	size?: string;
+
 	/**
-	 * 图标的颜色
+	 * 描边颜色
 	 * @default "currentColor"
 	 */
-	color?: string;
+	stroke?: string;
+
 	/**
 	 * 自定义类名
 	 */
 	class?: string;
+
+	/**
+	 * 是否填充图标
+	 * @default false
+	 */
+	fill?: boolean;
 }
 
-const { name, size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
+const {
+	name,
+	size = '24px',
+	stroke = 'currentColor',
+	class: className = '',
+	fill = false,
+} = Astro.props;
 const icon = iconData[name];
 const viewBox = icon?.viewBox || '0 0 24 24';
 ---
@@ -34,12 +49,12 @@ const viewBox = icon?.viewBox || '0 0 24 24';
 			width={size}
 			height={size}
 			viewBox={viewBox}
-			fill="none"
-			stroke={color}
+			fill={fill ? 'currentColor' : 'none'}
+			stroke={stroke}
 			stroke-width="2"
 			stroke-linecap="round"
 			stroke-linejoin="round"
-			className={className}>
+			class={className}>
 			<path d={icon.path} />
 		</svg>
 	)

package/dist/icons/CalendarIcon.astro

@@ -21,4 +21,4 @@ interface Props {
 const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
 ---
 
-<AstroIcon name="calendar" size={size} color={color} class={className} />
+<AstroIcon name="calendar" size={size} stroke={color} class={className} />

package/dist/icons/CheckCircle.astro

@@ -20,4 +20,4 @@ interface Props {
 const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
 ---
 
-<AstroIcon name="checkCircle" size={size} color={color} class={className} />
+<AstroIcon name="checkCircle" size={size} stroke={color} class={className} />

package/dist/icons/CheckIcon.astro

@@ -24,4 +24,4 @@ interface Props {
 const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
 ---
 
-<AstroIcon name="check" size={size} color={color} class={className} />
+<AstroIcon name="check" size={size} stroke={color} class={className} />

package/dist/icons/ChevronDownIcon.astro

@@ -21,4 +21,4 @@ interface Props {
 const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
 ---
 
-<AstroIcon name="chevronDown" size={size} color={color} class={className} />
+<AstroIcon name="chevronDown" size={size} stroke={color} class={className} />

package/dist/icons/ClipboardIcon.astro

@@ -24,4 +24,4 @@ interface Props {
 const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
 ---
 
-<AstroIcon name="clipboard" size={size} color={color} class={className} />
+<AstroIcon name="clipboard" size={size} stroke={color} class={className} />

package/dist/icons/CloseIcon.astro

@@ -24,4 +24,4 @@ interface Props {
 const { size = '16px', color = 'currentColor', class: className = '' } = Astro.props;
 ---
 
-<AstroIcon name="close" size={size} color={color} class={className} />
+<AstroIcon name="close" size={size} stroke={color} class={className} />

package/dist/icons/ErrorIcon.astro

@@ -21,4 +21,4 @@ interface Props {
 const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
 ---
 
-<AstroIcon name="error" size={size} color={color} class={className} />
+<AstroIcon name="error" size={size} stroke={color} class={className} />

package/dist/icons/GithubIcon.astro

@@ -7,18 +7,13 @@ interface Props {
 	 * @default "24px"
 	 */
 	size?: string;
-	/**
-	 * 图标的颜色
-	 * @default "currentColor"
-	 */
-	color?: string;
 	/**
 	 * 自定义类名
 	 */
 	class?: string;
 }
 
-const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
+const { size = '24px', class: className = '' } = Astro.props;
 ---
 
-<AstroIcon name="github" size={size} color={color} class={className} />
+<AstroIcon name="github" size={size} fill={true} stroke="none" class={className} />

package/dist/icons/InboxArchive.astro

@@ -20,4 +20,4 @@ interface Props {
 const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
 ---
 
-<AstroIcon name="inboxArchive" size={size} color={color} class={className} />
+<AstroIcon name="inboxArchive" size={size} stroke={color} class={className} />

package/dist/icons/InfoCircle.astro

@@ -21,4 +21,4 @@ interface Props {
 const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
 ---
 
-<AstroIcon name="infoCircle" size={size} color={color} class={className} />
+<AstroIcon name="infoCircle" size={size} stroke={color} class={className} />

package/dist/icons/InfoIcon.astro

@@ -23,4 +23,4 @@ interface Props {
 const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
 ---
 
-<AstroIcon name="info" size={size} color={color} class={className} />
+<AstroIcon name="info" size={size} stroke={color} class={className} />

package/dist/icons/LinkIcon.astro

@@ -24,4 +24,4 @@ interface Props {
 const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
 ---
 
-<AstroIcon name="link" size={size} color={color} class={className} />
+<AstroIcon name="link" size={size} stroke={color} class={className} />

package/dist/icons/LinkedinIcon.astro

@@ -20,4 +20,4 @@ interface Props {
 const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
 ---
 
-<AstroIcon name="linkedin" size={size} color={color} class={className} />
+<AstroIcon name="linkedin" size={size} stroke={color} class={className} />

package/dist/icons/MenuIcon.astro

@@ -24,4 +24,4 @@ interface Props {
 const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
 ---
 
-<AstroIcon name="menu" size={size} color={color} class={className} />
+<AstroIcon name="menu" size={size} stroke={color} class={className} />

package/dist/icons/SearchIcon.astro

@@ -20,4 +20,4 @@ interface Props {
 const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
 ---
 
-<AstroIcon name="search" size={size} color={color} class={className} />
+<AstroIcon name="search" size={size} stroke={color} class={className} />

package/dist/icons/SettingsIcon.astro

@@ -15,4 +15,4 @@ interface Props {
 const { class: className, size = '24', color = 'currentColor' } = Astro.props;
 ---
 
-<AstroIcon name="settings" size={size} color={color} class={className} />
+<AstroIcon name="settings" size={size} stroke={color} class={className} />

package/dist/icons/SuccessIcon.astro

@@ -21,4 +21,4 @@ interface Props {
 const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
 ---
 
-<AstroIcon name="success" size={size} color={color} class={className} />
+<AstroIcon name="success" size={size} stroke={color} class={className} />

package/dist/icons/SunCloudyIcon.astro

@@ -20,4 +20,4 @@ interface Props {
 const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
 ---
 
-<AstroIcon name="sunCloudy" size={size} color={color} class={className} />
+<AstroIcon name="sunCloudy" size={size} stroke={color} class={className} />

package/dist/icons/TwitterIcon.astro

@@ -21,4 +21,4 @@ interface Props {
 const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
 ---
 
-<AstroIcon name="twitter" size={size} color={color} class={className} />
+<AstroIcon name="twitter" size={size} stroke={color} class={className} />

package/dist/icons/UserIcon.astro

@@ -21,4 +21,4 @@ interface Props {
 const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
 ---
 
-<AstroIcon name="user" size={size} color={color} class={className} />
+<AstroIcon name="user" size={size} stroke={color} class={className} />

package/dist/icons/WarningIcon.astro

@@ -24,4 +24,4 @@ interface Props {
 const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
 ---
 
-<AstroIcon name="warning" size={size} color={color} class={className} />
+<AstroIcon name="warning" size={size} stroke={color} class={className} />

package/dist/icons/XCircle.astro

@@ -21,4 +21,4 @@ interface Props {
 const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
 ---
 
-<AstroIcon name="xCircle" size={size} color={color} class={className} />
+<AstroIcon name="xCircle" size={size} stroke={color} class={className} />

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@coffic/cosy-ui",
-    "version": "0.6.22",
+    "version": "0.6.26",
     "description": "An astro component library",
     "author": {
         "name": "nookery",