@coffic/cosy-ui 0.8.10 → 0.8.11

package/dist/src-astro/footer/EFooterBasicContainer.astro

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

package/dist/src-astro/footer/EFooterComplete.astro

@@ -1,50 +0,0 @@
----
-/**
- * @component Footer.Complete
- *
- * @description
- * 展示完整功能的页脚示例，包含所有主要属性。
- */
-import { Footer } from '../../index-astro';
-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/src-astro/footer/EFooterCompleteContainer.astro

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

package/dist/src-astro/footer/EFooterFeaturesContainer.astro

@@ -1,40 +0,0 @@
----
-import { CodeContainer } from '../../index-astro';
-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/src-astro/footer/EFooterWithLogo.astro

@@ -1,28 +0,0 @@
----
-/**
- * @component Footer.WithLogo
- *
- * @description
- * 展示带有Logo的页脚示例。
- */
-import { Footer } from '../../index-astro';
-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/src-astro/footer/EFooterWithLogoContainer.astro

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

package/dist/src-astro/footer/EFooterWithNavigation.astro

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

package/dist/src-astro/footer/EFooterWithNavigationContainer.astro

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

package/dist/src-astro/footer/EFooterWithProducts.astro

@@ -1,24 +0,0 @@
----
-/**
- * @component Footer.WithProducts
- *
- * @description
- * 展示带有产品链接的页脚示例。
- */
-import { Footer } from '../../index-astro';
----
-
-<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/src-astro/footer/EFooterWithProductsContainer.astro

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

package/dist/src-astro/footer/EFooterWithSocial.astro

@@ -1,24 +0,0 @@
----
-/**
- * @component Footer.WithSocial
- *
- * @description
- * 展示带有社交媒体链接的页脚示例。
- */
-import { Footer } from '../../index-astro';
----
-
-<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/src-astro/footer/EFooterWithSocialContainer.astro

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

package/dist/src-astro/header/HeaderBasic.astro

@@ -1,19 +0,0 @@
----
-/**
- * @component Header.Basic
- *
- * @description
- * Header组件的基础示例，展示最基本的顶部导航栏，包含logo和语言切换功能。
- */
-import Header from './Header.astro';
-import { getExampleImage } from '../utils/image';
-
-const logo = getExampleImage({
-  width: 100,
-  height: 100,
-  provider: 'picsum',
-  tag: 'tech',
-});
----
-
-<Header logoHref={logo} rounded="lg" sticky={false} />

package/dist/src-astro/header/HeaderCustomNavbarCenter.astro

@@ -1,28 +0,0 @@
----
-/**
- * @component Header.CustomNavbarCenter
- *
- * @description
- * 自定义导航栏中间内容的Header组件示例，展示如何使用slot自定义中间内容。
- */
-import '../../style.ts';
-import Header from './Header.astro';
-import { getExampleImage } from '../utils/image.ts';
-
-const logo = getExampleImage({
-  width: 100,
-  height: 100,
-  provider: 'picsum',
-  tag: 'tech',
-});
----
-
-<Header logoHref={logo} rounded="lg" sticky={false}>
-  <div slot="navbar-center" class="cosy:flex cosy:items-center cosy:gap-4">
-    <span class="cosy:badge cosy:badge-accent">新功能</span>
-    <div class="cosy:divider cosy:divider-horizontal"></div>
-    <span class="cosy:badge cosy:badge-secondary">热门</span>
-    <div class="cosy:divider cosy:divider-horizontal"></div>
-    <span class="cosy:badge">推荐</span>
-  </div>
-</Header>

package/dist/src-astro/header/HeaderCustomNavbarEnd.astro

@@ -1,25 +0,0 @@
----
-/**
- * @component Header.CustomNavbarEnd
- *
- * @description
- * 自定义导航栏右侧内容的Header组件示例，展示如何使用slot自定义右侧内容。
- */
-import '../../style.ts';
-import Header from './Header.astro';
-import { getExampleImage } from '../utils/image.ts';
-
-const logo = getExampleImage({
-  width: 100,
-  height: 100,
-  provider: 'picsum',
-  tag: 'tech',
-});
----
-
-<Header logoHref={logo} rounded="lg" sticky={false}>
-  <div slot="navbar-end" class="cosy:flex cosy:items-center cosy:gap-2">
-    <button class="cosy:btn cosy:btn-sm cosy:btn-ghost">登录</button>
-    <button class="cosy:btn cosy:btn-sm cosy:btn-primary">注册</button>
-  </div>
-</Header>

package/dist/src-astro/header/HeaderCustomNavbarStart.astro

@@ -1,27 +0,0 @@
----
-/**
- * @component Header.CustomNavbarStart
- *
- * @description
- * 自定义导航栏左侧内容的Header组件示例，展示如何使用slot自定义左侧内容。
- */
-import '../../style.ts';
-import Header from './Header.astro';
-import { getExampleImage } from '../utils/image.ts';
-
-const logo = getExampleImage({
-  width: 100,
-  height: 100,
-  provider: 'picsum',
-  tag: 'tech',
-});
----
-
-<Header logoHref={logo} rounded="lg" sticky={false}>
-  <div
-    slot="navbar-start"
-    class="cosy:flex cosy:items-center cosy:gap-2 cosy:ml-2">
-    <button class="cosy:btn cosy:btn-sm cosy:btn-primary">联系我们</button>
-    <span class="cosy:badge cosy:badge-outline">在线咨询</span>
-  </div>
-</Header>

package/dist/src-astro/header/HeaderCustomPosition.astro

@@ -1,34 +0,0 @@
----
-/**
- * @component Header.CustomPosition
- *
- * @description
- * 自定义导航菜单位置的Header组件示例，展示如何设置导航菜单在左侧、中间或右侧。
- */
-import '../../style.ts';
-import Header from './Header.astro';
-import { getExampleImage } from '../utils/image.ts';
-
-const logo = getExampleImage({
-  width: 100,
-  height: 100,
-  provider: 'picsum',
-  tag: 'tech',
-});
-
-const navItems = [
-  { href: '/docs', label: '文档' },
-  { href: '/components', label: '组件' },
-];
-
-// 可以通过navPosition属性设置导航菜单位置：start(左侧)、center(中间)、end(右侧)
-const navPosition = 'start';
----
-
-<Header
-  logoHref={logo}
-  navItems={navItems}
-  navPosition={navPosition}
-  rounded="lg"
-  sticky={false}
-/>

package/dist/src-astro/header/HeaderWithNavigation.astro

@@ -1,27 +0,0 @@
----
-/**
- * @component Header.WithNavigation
- *
- * @description
- * 带导航菜单的Header组件示例，展示如何添加导航菜单项。
- */
-import '../../style.ts';
-import Header from './Header.astro';
-import { getExampleImage } from '../utils/image.ts';
-
-const logo = getExampleImage({
-  width: 100,
-  height: 100,
-  provider: 'picsum',
-  tag: 'tech',
-});
-
-const navItems = [
-  { href: '/', label: '首页' },
-  { href: '/docs', label: '文档' },
-  { href: '/components', label: '组件' },
-  { href: '/about', label: '关于' },
-];
----
-
-<Header logoHref={logo} navItems={navItems} rounded="lg" sticky={false} />

package/dist/src-astro/hero/EHeroAlignCenter.astro

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

package/dist/src-astro/hero/EHeroAlignContainer.astro

@@ -1,27 +0,0 @@
----
-import { CodeContainer } from '../../index-astro';
-import HeroAlignCenter from './EHeroAlignCenter.astro';
-import HeroAlignLeft from './EHeroAlignLeft.astro';
-import HeroAlignRight from './EHeroAlignRight.astro';
-import HeroAlignCenterSourceCode from './EHeroAlignCenter.astro?raw';
-import HeroAlignLeftSourceCode from './EHeroAlignLeft.astro?raw';
-import HeroAlignRightSourceCode from './EHeroAlignRight.astro?raw';
----
-
-<CodeContainer
-  titles={['居中对齐', '左对齐', '右对齐']}
-  codes={[
-    HeroAlignCenterSourceCode,
-    HeroAlignLeftSourceCode,
-    HeroAlignRightSourceCode,
-  ]}>
-  <div id="tab-1">
-    <HeroAlignCenter />
-  </div>
-  <div id="tab-2">
-    <HeroAlignLeft />
-  </div>
-  <div id="tab-3">
-    <HeroAlignRight />
-  </div>
-</CodeContainer>

package/dist/src-astro/hero/EHeroAlignLeft.astro

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

package/dist/src-astro/hero/EHeroAlignRight.astro

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

package/dist/src-astro/hero/EHeroBackgroundContainer.astro

@@ -1,18 +0,0 @@
----
-import { CodeContainer } from '../../index-astro';
-import HeroPlainBackground from './EHeroPlainBackground.astro';
-import HeroGradientBackground from './EHeroGradientBackground.astro';
-import HeroPlainBackgroundSourceCode from './EHeroPlainBackground.astro?raw';
-import HeroGradientBackgroundSourceCode from './EHeroGradientBackground.astro?raw';
----
-
-<CodeContainer
-  titles={['纯色背景', '渐变色背景']}
-  codes={[HeroPlainBackgroundSourceCode, HeroGradientBackgroundSourceCode]}>
-  <div id="tab-1">
-    <HeroPlainBackground />
-  </div>
-  <div id="tab-2">
-    <HeroGradientBackground />
-  </div>
-</CodeContainer>

package/dist/src-astro/hero/EHeroBackgroundImage.astro

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

package/dist/src-astro/hero/EHeroBackgroundImageContainer.astro

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

package/dist/src-astro/hero/EHeroBasic.astro

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

package/dist/src-astro/hero/EHeroBasicContainer.astro

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

package/dist/src-astro/hero/EHeroGradientBackground.astro

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

package/dist/src-astro/hero/EHeroPlainBackground.astro

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

package/dist/src-astro/hero/EHeroWithButton.astro

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

package/dist/src-astro/hero/EHeroWithButtonContainer.astro

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

package/dist/src-astro/hero/EHeroWithImage.astro

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