@coffic/cosy-ui 0.6.42 → 0.7.4

package/dist/container/EContainerSizes.astro

@@ -0,0 +1,36 @@
+---
+/**
+ * @component Container.Sizes
+ *
+ * @description
+ * 展示Container组件的不同尺寸选项：xs、sm、md、lg、xl、full。
+ */
+import '../style.ts';
+import { Container } from '../index';
+---
+
+<div class="cosy:space-y-4">
+	<Container size="xs" border>
+		<p class="cosy:text-center">超小尺寸容器 (xs)</p>
+	</Container>
+
+	<Container size="sm" border>
+		<p class="cosy:text-center">小尺寸容器 (sm)</p>
+	</Container>
+
+	<Container size="md" border>
+		<p class="cosy:text-center">中等尺寸容器 (md) - 默认</p>
+	</Container>
+
+	<Container size="lg" border>
+		<p class="cosy:text-center">大尺寸容器 (lg)</p>
+	</Container>
+
+	<Container size="xl" border>
+		<p class="cosy:text-center">超大尺寸容器 (xl)</p>
+	</Container>
+
+	<Container size="full" border>
+		<p class="cosy:text-center">全宽容器 (full)</p>
+	</Container>
+</div>

package/dist/container/EContainerSizesContainer.astro

@@ -0,0 +1,11 @@
+---
+import { CodeContainer } from '../index';
+import ContainerSizes from './EContainerSizes.astro';
+import ContainerSizesSourceCode from './EContainerSizes.astro?raw';
+---
+
+<CodeContainer codes={[ContainerSizesSourceCode]}>
+	<div id="tab-1">
+		<ContainerSizes />
+	</div>
+</CodeContainer>

package/dist/container/index.ts

@@ -1 +1,16 @@
-export { default as Container } from './Container.astro';
+import Container from './Container.astro';
+import ContainerBasicContainer from './EContainerBasicContainer.astro';
+import ContainerSizesContainer from './EContainerSizesContainer.astro';
+import ContainerPaddingContainer from './EContainerPaddingContainer.astro';
+import ContainerFlexContainer from './EContainerFlexContainer.astro';
+
+export { default as Container } from './Container.astro';
+export const ContainerPackage = {
+    Container,
+    ContainerContainers: {
+        Basic: ContainerBasicContainer,
+        Sizes: ContainerSizesContainer,
+        Padding: ContainerPaddingContainer,
+        Flex: ContainerFlexContainer,
+    },
+}

package/dist/counter-vue/index.ts

@@ -0,0 +1 @@
+export { default as VueCounter } from './VueCounter.vue'

package/dist/footer/{FooterBasic.astro → EFooterBasic.astro}

@@ -1,5 +1,11 @@
 ---
-import Footer from './Footer.astro';
+/**
+ * @component Footer.Basic
+ *
+ * @description
+ * 基础Footer组件示例，展示最简单的页脚用法。
+ */
+import { Footer } from '../index';
 ---
 
 <Footer

package/dist/footer/EFooterBasicContainer.astro

@@ -0,0 +1,11 @@
+---
+import { CodeContainer } from '../index';
+import FooterBasic from './EFooterBasic.astro';
+import FooterBasicSourceCode from './EFooterBasic.astro?raw';
+---
+
+<CodeContainer codes={[FooterBasicSourceCode]}>
+	<div id="tab-1">
+		<FooterBasic />
+	</div>
+</CodeContainer>

package/dist/footer/EFooterComplete.astro

@@ -0,0 +1,45 @@
+---
+/**
+ * @component Footer.Complete
+ *
+ * @description
+ * 展示完整功能的页脚示例，包含所有主要属性。
+ */
+import { Footer } from '../index';
+import { getExampleImage } from '../utils/image';
+---
+
+<Footer
+	siteName="我的网站"
+	homeLink="/"
+	slogan="简单而强大"
+	company="我的公司"
+	copyright="保留所有权利"
+	inspirationalSlogan="构建美好的数字体验"
+	logo={{
+		src: getExampleImage({ width: 100, height: 100, provider: 'robohash', tag: 'logo' }),
+		alt: '网站Logo',
+	}}
+	products={[
+		{ name: '产品A', href: '/products/a' },
+		{ name: '产品B', href: '/products/b' },
+		{ name: '产品C', href: '/products/c' },
+		{ name: '外部产品', href: 'https://example.com', external: true },
+	]}
+	socialLinks={[
+		'https://github.com/myusername',
+		'https://twitter.com/myusername',
+		'https://linkedin.com/in/myusername',
+		'https://facebook.com/myusername',
+	]}
+	aboutLink="/about"
+	contactLink="/contact"
+	termsLink="/terms"
+	privacyLink="/privacy"
+	teamLink="/team"
+	careersLink="/careers"
+	newsLink="/news"
+	blogLink="/blog"
+	faqLink="/faq"
+	icp="京ICP备12345678号"
+/>

package/dist/footer/EFooterCompleteContainer.astro

@@ -0,0 +1,11 @@
+---
+import { CodeContainer } from '../index';
+import FooterComplete from './EFooterComplete.astro';
+import FooterCompleteSourceCode from './EFooterComplete.astro?raw';
+---
+
+<CodeContainer codes={[FooterCompleteSourceCode]}>
+	<div id="tab-1">
+		<FooterComplete />
+	</div>
+</CodeContainer>

package/dist/footer/EFooterFeaturesContainer.astro

@@ -0,0 +1,40 @@
+---
+import { CodeContainer } from '../index';
+import FooterBasic from './EFooterBasic.astro';
+import FooterWithSocial from './EFooterWithSocial.astro';
+import FooterWithProducts from './EFooterWithProducts.astro';
+import FooterWithLogo from './EFooterWithLogo.astro';
+import FooterWithNavigation from './EFooterWithNavigation.astro';
+
+import FooterBasicSourceCode from './EFooterBasic.astro?raw';
+import FooterWithSocialSourceCode from './EFooterWithSocial.astro?raw';
+import FooterWithProductsSourceCode from './EFooterWithProducts.astro?raw';
+import FooterWithLogoSourceCode from './EFooterWithLogo.astro?raw';
+import FooterWithNavigationSourceCode from './EFooterWithNavigation.astro?raw';
+---
+
+<CodeContainer
+	titles={['基础', '社交媒体', '产品链接', 'Logo', '导航链接']}
+	codes={[
+		FooterBasicSourceCode,
+		FooterWithSocialSourceCode,
+		FooterWithProductsSourceCode,
+		FooterWithLogoSourceCode,
+		FooterWithNavigationSourceCode,
+	]}>
+	<div id="tab-1">
+		<FooterBasic />
+	</div>
+	<div id="tab-2">
+		<FooterWithSocial />
+	</div>
+	<div id="tab-3">
+		<FooterWithProducts />
+	</div>
+	<div id="tab-4">
+		<FooterWithLogo />
+	</div>
+	<div id="tab-5">
+		<FooterWithNavigation />
+	</div>
+</CodeContainer>

package/dist/footer/EFooterWithLogo.astro

@@ -0,0 +1,23 @@
+---
+/**
+ * @component Footer.WithLogo
+ *
+ * @description
+ * 展示带有Logo的页脚示例。
+ */
+import { Footer } from '../index';
+import { getExampleImage } from '../utils/image';
+---
+
+<Footer
+	siteName="我的网站"
+	homeLink="/"
+	slogan="简单而强大"
+	company="我的公司"
+	copyright="保留所有权利"
+	inspirationalSlogan="构建美好的数字体验"
+	logo={{
+		src: getExampleImage({ width: 100, height: 100, provider: 'robohash', tag: 'logo' }),
+		alt: '网站Logo',
+	}}
+/>

package/dist/footer/EFooterWithLogoContainer.astro

@@ -0,0 +1,11 @@
+---
+import { CodeContainer } from '../index';
+import FooterWithLogo from './EFooterWithLogo.astro';
+import FooterWithLogoSourceCode from './EFooterWithLogo.astro?raw';
+---
+
+<CodeContainer codes={[FooterWithLogoSourceCode]}>
+	<div id="tab-1">
+		<FooterWithLogo />
+	</div>
+</CodeContainer>

package/dist/footer/EFooterWithNavigation.astro

@@ -0,0 +1,24 @@
+---
+/**
+ * @component Footer.WithNavigation
+ *
+ * @description
+ * 展示带有导航链接的页脚示例。
+ */
+import { Footer } from '../index';
+---
+
+<Footer
+	siteName="我的网站"
+	homeLink="/"
+	slogan="简单而强大"
+	company="我的公司"
+	copyright="保留所有权利"
+	inspirationalSlogan="构建美好的数字体验"
+	aboutLink="/about"
+	contactLink="/contact"
+	termsLink="/terms"
+	privacyLink="/privacy"
+	blogLink="/blog"
+	faqLink="/faq"
+/>

package/dist/footer/EFooterWithNavigationContainer.astro

@@ -0,0 +1,11 @@
+---
+import { CodeContainer } from '../index';
+import FooterWithNavigation from './EFooterWithNavigation.astro';
+import FooterWithNavigationSourceCode from './EFooterWithNavigation.astro?raw';
+---
+
+<CodeContainer codes={[FooterWithNavigationSourceCode]}>
+	<div id="tab-1">
+		<FooterWithNavigation />
+	</div>
+</CodeContainer>

package/dist/footer/EFooterWithProducts.astro

@@ -0,0 +1,24 @@
+---
+/**
+ * @component Footer.WithProducts
+ *
+ * @description
+ * 展示带有产品链接的页脚示例。
+ */
+import { Footer } from '../index';
+---
+
+<Footer
+	siteName="我的网站"
+	homeLink="/"
+	slogan="简单而强大"
+	company="我的公司"
+	copyright="保留所有权利"
+	inspirationalSlogan="构建美好的数字体验"
+	products={[
+		{ name: '产品A', href: '/products/a' },
+		{ name: '产品B', href: '/products/b' },
+		{ name: '产品C', href: '/products/c' },
+		{ name: '外部产品', href: 'https://example.com', external: true },
+	]}
+/>

package/dist/footer/EFooterWithProductsContainer.astro

@@ -0,0 +1,11 @@
+---
+import { CodeContainer } from '../index';
+import FooterWithProducts from './EFooterWithProducts.astro';
+import FooterWithProductsSourceCode from './EFooterWithProducts.astro?raw';
+---
+
+<CodeContainer codes={[FooterWithProductsSourceCode]}>
+	<div id="tab-1">
+		<FooterWithProducts />
+	</div>
+</CodeContainer>

package/dist/footer/EFooterWithSocial.astro

@@ -0,0 +1,24 @@
+---
+/**
+ * @component Footer.WithSocial
+ *
+ * @description
+ * 展示带有社交媒体链接的页脚示例。
+ */
+import { Footer } from '../index';
+---
+
+<Footer
+	siteName="我的网站"
+	homeLink="/"
+	slogan="简单而强大"
+	company="我的公司"
+	copyright="保留所有权利"
+	inspirationalSlogan="构建美好的数字体验"
+	socialLinks={[
+		'https://github.com/myusername',
+		'https://twitter.com/myusername',
+		'https://linkedin.com/in/myusername',
+		'https://facebook.com/myusername',
+	]}
+/>

package/dist/footer/EFooterWithSocialContainer.astro

@@ -0,0 +1,11 @@
+---
+import { CodeContainer } from '../index';
+import FooterWithSocial from './EFooterWithSocial.astro';
+import FooterWithSocialSourceCode from './EFooterWithSocial.astro?raw';
+---
+
+<CodeContainer codes={[FooterWithSocialSourceCode]}>
+	<div id="tab-1">
+		<FooterWithSocial />
+	</div>
+</CodeContainer>

package/dist/footer/FooterSection.astro

@@ -31,9 +31,11 @@ const { title, links } = Astro.props;
 	<ul class="cosy:flex cosy:flex-col cosy:gap-2">
 		{
 			links.map((link) => (
-				<li>
+				<li class="cosy:list-none">
 					{link.href ? (
-						<a href={link.href} class="cosy:link cosy:link-hover">
+						<a
+							href={link.href}
+							class="cosy:link cosy:link-hover cosy:no-underline cosy:hover:no-underline">
 							{link.name}
 						</a>
 					) : (

package/dist/footer/index.ts

@@ -1,11 +1,31 @@
 import Footer from './Footer.astro';
-import FooterBasic from './FooterBasic.astro';
-import BasicSourceCode from './FooterBasic.astro?raw';
+import FooterBasicContainer from './EFooterBasicContainer.astro';
+import FooterWithSocialContainer from './EFooterWithSocialContainer.astro';
+import FooterWithProductsContainer from './EFooterWithProductsContainer.astro';
+import FooterWithLogoContainer from './EFooterWithLogoContainer.astro';
+import FooterWithNavigationContainer from './EFooterWithNavigationContainer.astro';
+import FooterCompleteContainer from './EFooterCompleteContainer.astro';
+import FooterFeaturesContainer from './EFooterFeaturesContainer.astro';
+import EFooterBasicSourceCode from './EFooterBasic.astro?raw';
 import { extractSimpleExample } from '../utils/component';
 
-export { Footer, FooterBasic };
+export { default as Footer } from './Footer.astro';
 
 // 导出示例源代码
 export const FooterExampleCodes = {
-	Basic: extractSimpleExample(BasicSourceCode, 'Footer'),
+    Basic: extractSimpleExample(EFooterBasicSourceCode, 'Footer'),
+};
+
+// 导出页脚包
+export const FooterPackage = {
+    Footer,
+    FooterContainers: {
+        Basic: FooterBasicContainer,
+        WithSocial: FooterWithSocialContainer,
+        WithProducts: FooterWithProductsContainer,
+        WithLogo: FooterWithLogoContainer,
+        WithNavigation: FooterWithNavigationContainer,
+        Complete: FooterCompleteContainer,
+        Features: FooterFeaturesContainer,
+    },
 };

package/dist/icons/index.ts

@@ -0,0 +1,3 @@
+
+// 导出所有图标组件
+export * from '../index_icons';

package/dist/icons-vue/index.ts

@@ -0,0 +1 @@
+export { default as List } from './InfoIcon.vue'

package/dist/index_astro.ts

@@ -1,56 +1,61 @@
-export * from './button/index_astro';
+// 基础组件和功能模块 (按字母顺序)
+export * from './alert';
+export * from './article';
 export * from './banner';
 export * from './blog';
+export * from './button/index_astro';
 export * from './card';
+export * from './code-block';
 export * from './code-container';
-export * from './article';
-export * from './link';
-export * from './image';
-export * from './alert';
-export * from './footer';
-export * from './layout-app';
-export * from './layout-basic';
-export * from './speak';
-export * from './module';
-export * from './nav-item';
-export * from './language-switcher';
-export * from './toc';
-export * from './sidebar';
-export * from './sidebar-nav';
-export * from './theme-switcher';
-export * from './header';
+export * from './code-example';
+export * from './contact';
+export * from './container';
 export * from './errors';
 export * from './flex';
+export * from './footer';
 export * from './grid';
+export * from './header';
 export * from './heading';
-export * from './stack';
-export * from './text';
-export * from './nav-section';
-export * from './team-member';
-export * from './code-block';
-export * from './modal';
 export * from './hero';
-export * from './code-example';
-export * from './products';
-export * from './blog';
+export * from './icons';
+export * from './image';
+export * from './index_icons';
+export * from './language-switcher';
+export * from './layout-app';
+export * from './layout-basic';
 export * from './layout-basic/BaseLayout.astro';
 export * from './layout-dashboard';
-export * from './index_icons';
-export * from './container';
+export * from './link';
 export * from './main';
+export * from './modal';
+export * from './module';
+export * from './nav-item';
+export * from './nav-section';
+export * from './products';
 export * from './section';
-export * from './types/sidebar';
-export * from './types/main';
+export * from './sidebar';
+export * from './sidebar-nav';
+export * from './speak';
+export * from './stack';
+export * from './team-member';
+export * from './text';
+export * from './theme-switcher';
+export * from './toc';
+
+// 类型定义 (按字母顺序)
 export * from './types/article';
-export * from './types/layout';
+export * from './types/footer';
 export * from './types/header';
 export * from './types/heading';
+export * from './types/layout';
+export * from './types/main';
 export * from './types/meta';
 export * from './types/nav';
 export * from './types/product';
-export * from './types/footer';
+export * from './types/sidebar';
 export * from './types/static-path';
-export type { ImageProvider, ImageOptions } from './utils/image';
+
+// 实体类 (按字母顺序)
 export * from './entities/BaseDoc';
 export * from './entities/BlogDoc';
 export * from './entities/CourseDoc';
@@ -59,9 +64,14 @@ export * from './entities/LessonDoc';
 export * from './entities/MetaDoc';
 export * from './entities/SidebarItem';
 export * from './entities/Tag';
+
+// 数据库类 (按字母顺序)
 export * from './database/BaseDB';
 export * from './database/BlogDB';
 export * from './database/CourseDB';
 export * from './database/ExperimentDB';
 export * from './database/LessonDB';
 export * from './database/MetaDB';
+
+// 工具类型
+export type { ImageProvider, ImageOptions } from './utils/image';

package/dist/index_vue.ts

@@ -1,44 +1,33 @@
 // AlertDialog
-export { AlertDialogExamples, AlertDialogExampleCodes, AlertDialog } from './vue/AlertDialog';
+export * from './alert-dialog-vue/index';
 
 // Banner
-export { BannerBoxExamples, BannerBoxExampleCodes, BannerBox } from './vue/BannerBox';
+export * from './banner-box-vue/index';
 
 // BlogList
-export * from './vue/BlogList';
+export * from './blog-vue/index';
 
 // Counter
-export { default as VueCounter } from './vue/VueCounter.vue';
+export * from './counter-vue/index';
 
 // ConfirmDialog
-export { default as ConfirmDialog } from './vue/ConfirmDialog/ConfirmDialog.vue';
-export { ConfirmDialogExamples, ConfirmDialogExampleCodes } from './vue/ConfirmDialog';
+export * from './confirm-dialog-vue/index';
 
 // Buttons
-export * from './button/index_vue';
-
-export { default as FeatureCard } from './vue/BannerBox/FeatureCard.vue';
+export * from './buttons-vue/index';
 
 // Icons
-export { default as SearchIcon } from './vue/Icons/SearchIcon.vue';
-export { default as SettingsIcon } from './vue/Icons/SettingsIcon.vue';
-export { default as InfoIcon } from './vue/Icons/InfoIcon.vue';
-export { default as InfoCircleIcon } from './vue/Icons/InfoCircleIcon.vue';
-export { default as LinkIcon } from './vue/Icons/LinkIcon.vue';
-export { default as MenuIcon } from './vue/Icons/MenuIcon.vue';
-export { default as UserIcon } from './vue/Icons/UserIcon.vue';
-export { default as XCircleIcon } from './vue/Icons/XCircleIcon.vue';
-export { default as InboxArchiveIcon } from './vue/Icons/InboxArchiveIcon.vue';
+export * from './icons-vue/index';
 
 // List
-export { default as ListItem } from './vue/ListItem.vue';
+export * from './list-vue/index';
 
 // Windows
-export { MacWindowExamples, MacWindowExampleCodes, MacWindow } from './vue/MacWindow';
-export { iPhoneWindowExamples, iPhoneWindowExampleCodes, iPhoneWindow } from './vue/iPhone';
+// export { MacWindowExamples, MacWindowExampleCodes, MacWindow } from './vue/MacWindow';
+// export { iPhoneWindowExamples, iPhoneWindowExampleCodes, iPhoneWindow } from './vue/iPhone';
 
 // SmartLink
-export { default as SmartLink } from './vue/SmartLink.vue';
+// export { default as SmartLink } from './vue/SmartLink.vue';
 
 // TagList
-export { default as TagList } from './vue/TagList.vue';
+// export { default as TagList } from './vue/TagList.vue';

package/dist/list-vue/index.ts

@@ -0,0 +1 @@
+export { default as ListItem } from './ListItem.vue'

package/dist/{vue/MacWindow → mac-window-vue}/MacWindow.vue

@@ -96,7 +96,7 @@ const activeTab = ref('外观');
 
 <script lang="ts">
 import '../../style.ts'
-import AlertDialog from '../AlertDialog/AlertDialog.vue'
+import AlertDialog from '../alert-dialog-vue/AlertDialog.vue'
 import { ref, defineComponent, type PropType } from 'vue'
 
 export default defineComponent({

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@coffic/cosy-ui",
-    "version": "0.6.42",
+    "version": "0.7.4",
     "description": "An astro component library",
     "author": {
         "name": "nookery",
@@ -34,7 +34,7 @@
         "index.ts"
     ],
     "scripts": {
-        "dev": "astro dev --host 0.0.0.0 --port 6677",
+        "dev": "astro dev --host 0.0.0.0 --port 6688",
         "preview:docs": "astro preview --host 0.0.0.0 --port 4330 --outDir dist-docs",
         "preview": "npm run preview:docs",
         "build": "npm run build:cosy && npm run build:docs",
@@ -48,7 +48,6 @@
         "astro": "^5.1.3"
     },
     "dependencies": {
-        "@remixicon/vue": "^4.6.0",
         "astro-integration-kit": "^0.18.0",
         "fs-extra": "^11.3.0",
         "html-to-image": "^1.11.13"
@@ -57,7 +56,6 @@
         "@astrojs/check": "^0.9.4",
         "@astrojs/mdx": "^4.2.6",
         "@astrojs/ts-plugin": "^1.10.4",
-        "@astrojs/vue": "^5.0.13",
         "@eslint/js": "^9.27.0",
         "@tailwindcss/typography": "^0.5.16",
         "@tailwindcss/vite": "^4.1.7",
@@ -69,8 +67,6 @@
         "@types/node": "^22.15.19",
         "@types/react": "^19.1.4",
         "@typescript-eslint/parser": "^8.32.1",
-        "@vitejs/plugin-vue": "^5.2.4",
-        "@vue/tsconfig": "^0.7.0",
         "astro": "^5.7.13",
         "chai": "^4.5.0",
         "daisyui": "^5.0.35",
@@ -86,9 +82,6 @@
         "tsx": "^4.19.4",
         "typescript": "^5.8.3",
         "typescript-eslint": "^8.32.1",
-        "vite": "^6.3.5",
-        "vite-plugin-vue-devtools": "^7.7.6",
-        "vue": "^3.5.14",
-        "vue-eslint-parser": "^10.1.3"
+        "vite": "^6.3.5"
     }
 }

package/dist/button/ButtonFeatureContainer.astro

@@ -1,18 +0,0 @@
----
-import { CodeContainer } from '../index';
-import ButtonFeatureBasic from './ButtonFeatureBasic.vue';
-import ButtonFeatureWithTips from './ButtonFeatureWithTips.vue';
-import ButtonFeatureBasicSourceCode from './ButtonFeatureBasic.vue?raw';
-import ButtonFeatureWithTipsSourceCode from './ButtonFeatureWithTips.vue?raw';
----
-
-<CodeContainer
-	titles={['Vue-基础用法', 'Vue-带提示功能']}
-	codes={[ButtonFeatureBasicSourceCode, ButtonFeatureWithTipsSourceCode]}>
-	<div id="tab-1">
-		<ButtonFeatureBasic client:load />
-	</div>
-	<div id="tab-2">
-		<ButtonFeatureWithTips client:load />
-	</div>
-</CodeContainer>