@coffic/cosy-ui 0.6.26 → 0.6.30

package/dist/vue/iPhone/index.ts

@@ -6,20 +6,7 @@ import BasicSource from './Basic.vue?raw';
 import NoFrameSource from './NoFrame.vue?raw';
 import CustomBackgroundSource from './CustomBackground.vue?raw';
 import WeatherAppSource from './WeatherApp.vue?raw';
-
-// 转换Vue SFC组件为简化的示例代码（只保留template和setup script）
-function extractSimpleExample(source: string): string {
-	// 提取模板部分
-	const templateMatch = source.match(/<template>([\s\S]*?)<\/template>/);
-	const template = templateMatch ? templateMatch[1].trim() : '';
-
-	// 创建简化版本的代码
-	return `<template>${template}</template>
-
-<script setup>
-import { iPhoneWindow } from 'cosy-ui';
-</script>`;
-}
+import { extractSimpleExample } from '../../utils/component';
 
 // 导出主组件
 export { default as iPhoneWindow } from './iPhoneWindow.vue';
@@ -34,8 +21,8 @@ export const iPhoneWindowExamples = {
 
 // 导出示例组件的源代码（简化版本）
 export const iPhoneWindowExampleCodes = {
-	Basic: extractSimpleExample(BasicSource),
-	NoFrame: extractSimpleExample(NoFrameSource),
-	CustomBackground: extractSimpleExample(CustomBackgroundSource),
-	WeatherApp: extractSimpleExample(WeatherAppSource),
+	Basic: extractSimpleExample(BasicSource, 'iPhoneWindow'),
+	NoFrame: extractSimpleExample(NoFrameSource, 'iPhoneWindow'),
+	CustomBackground: extractSimpleExample(CustomBackgroundSource, 'iPhoneWindow'),
+	WeatherApp: extractSimpleExample(WeatherAppSource, 'iPhoneWindow'),
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@coffic/cosy-ui",
-    "version": "0.6.26",
+    "version": "0.6.30",
     "description": "An astro component library",
     "author": {
         "name": "nookery",
@@ -58,20 +58,20 @@
         "@astrojs/mdx": "^4.2.6",
         "@astrojs/ts-plugin": "^1.10.4",
         "@astrojs/vue": "^5.0.13",
-        "@eslint/js": "^9.26.0",
+        "@eslint/js": "^9.27.0",
         "@tailwindcss/typography": "^0.5.16",
-        "@tailwindcss/vite": "^4.1.6",
+        "@tailwindcss/vite": "^4.1.7",
         "@types/chai": "^5.2.2",
         "@types/eslint": "^9.6.1",
         "@types/fs-extra": "^11.0.4",
         "@types/mocha": "^10.0.10",
-        "@types/node": "^22.15.18",
+        "@types/node": "^22.15.19",
         "@types/react": "^19.1.4",
         "@typescript-eslint/parser": "^8.32.1",
         "astro": "^5.7.13",
         "chai": "^4.5.0",
         "daisyui": "^5.0.35",
-        "eslint": "^9.26.0",
+        "eslint": "^9.27.0",
         "eslint-plugin-astro": "^1.3.1",
         "globals": "^16.1.0",
         "mocha": "^10.8.2",
@@ -79,12 +79,12 @@
         "prettier-plugin-astro": "^0.14.1",
         "rollup-plugin-copy": "^3.5.0",
         "sharp": "^0.33.5",
-        "tailwindcss": "^4.1.6",
+        "tailwindcss": "^4.1.7",
         "tsx": "^4.19.4",
         "typescript": "^5.8.3",
         "typescript-eslint": "^8.32.1",
         "vite": "^6.3.5",
-        "vue": "^3.5.13",
+        "vue": "^3.5.14",
         "vue-eslint-parser": "^10.1.3"
     }
 }

package/dist/components/base/Module.astro

@@ -1,18 +0,0 @@
----
-import { Image } from 'astro:assets';
-import type { ImageMetadata } from 'astro';
-
-interface Props {
-  title: string;
-  description: string;
-  image: ImageMetadata;
-}
-
-const { title, description, image } = Astro.props;
----
-
-<div class="flex flex-col items-center gap-4">
-  <Image src={image} alt={title} class="w-48 h-48 object-contain" />
-  <h3 class="text-xl font-semibold">{title}</h3>
-  <p class="text-gray-600">{description}</p>
-</div>

package/dist/components/base/Speak.astro

@@ -1,22 +0,0 @@
----
-import { Image } from 'astro:assets';
-import type { ImageMetadata } from 'astro';
-
-interface Props {
-  speakerName: string;
-  speakerTitle: string;
-  image: ImageMetadata;
-  words: string;
-}
-
-const { speakerName, speakerTitle, image, words } = Astro.props;
----
-
-<div class="flex flex-col items-center gap-4 p-6 bg-white rounded-lg shadow-lg">
-  <Image src={image} alt={speakerName} class="w-32 h-32 object-contain" width={128} height={128} />
-  <div class="text-center">
-    <h3 class="text-xl font-semibold">{speakerName}</h3>
-    <p class="text-gray-600">{speakerTitle}</p>
-  </div>
-  <p class="text-gray-700 italic">{words}</p>
-</div>

package/dist/components/base/ThemeItem.astro

@@ -1,21 +0,0 @@
----
-import Button from './Button.astro';
-
-interface Props {
-	theme: string;
-	label: string;
-}
-
-const { theme, label } = Astro.props;
----
-
-<Button
-	variant="ghost"
-	size="sm"
-	block
-	class="text-left justify-start"
-	data-set-theme={theme}
->
-	{label}
-</Button>
-

package/dist/components/layouts/NavSection.astro

@@ -1,32 +0,0 @@
----
-/**
- * @component NavSection
- * 
- * @description
- * NavSection 组件用于在页脚中创建一个导航部分。
- * 
- * @props
- * @prop {string} title - 导航部分的标题
- * @prop {Array<Object>} links - 链接数组，每个对象包含name、href和可选的external属性
- * 
- */
-
-import Link from '../base/Link.astro';
-
-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>