@coffic/cosy-ui 0.8.10 → 0.8.12

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: '#' }]}
-/>

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

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

package/dist/src-astro/layout-app/AppLayoutBasic.astro

@@ -1,54 +0,0 @@
----
-import AppLayout from './AppLayout.astro';
-import type { ISidebarItem } from '../types/sidebar';
-
-const sidebarItems: ISidebarItem[] = [
-  {
-    text: '入门',
-    href: '/docs/getting-started',
-    items: [
-      { href: '/docs/getting-started', text: '快速开始' },
-      { href: '/docs/installation', text: '安装' },
-    ],
-  },
-  {
-    text: '组件',
-    href: '/docs/components',
-    items: [
-      { href: '/docs/components/button', text: 'Button 按钮' },
-      { href: '/docs/components/card', text: 'Card 卡片' },
-    ],
-  },
-];
----
-
-<AppLayout
-  metaConfig={{
-    title: '应用布局示例',
-    description: '这是一个应用布局的示例页面',
-    keywords: '布局,示例,应用布局',
-    author: 'CofficLab',
-    robots: 'noindex,nofollow',
-  }}
-  sidebarConfig={{
-    sidebarItems: sidebarItems,
-  }}
-  headerConfig={{
-    height: 'md',
-  }}
-  footerConfig={{
-    siteName: '我的文档站点',
-    homeLink: '/',
-    slogan: '简单而强大的组件库',
-    company: 'CofficLab',
-    copyright: '保留所有权利',
-    inspirationalSlogan: '让开发更加愉悦',
-  }}
-  mainContentConfig={{
-    padding: 'md',
-  }}
->
-  <h1 class="cosy:text-2xl cosy:font-bold cosy:mb-4">欢迎使用应用布局</h1>
-  <p class="cosy:mb-2">这是一个包含侧边栏、头部和页脚的完整布局示例。</p>
-  <p>应用布局适合用于文档站点、管理后台等场景。</p>
-</AppLayout>

package/dist/src-astro/layout-dashboard/DashboardLayoutBasic.astro

@@ -1,51 +0,0 @@
----
-import DashboardLayout from './DashboardLayout.astro';
-import type { IMenuItem } from '../types/menu';
-
-const menuItems: IMenuItem[] = [
-  {
-    text: '仪表盘',
-    href: '/dashboard',
-    icon: 'dashboard',
-  },
-  {
-    text: '用户管理',
-    href: '/dashboard/users',
-    icon: 'users',
-  },
-  {
-    text: '设置',
-    href: '/dashboard/settings',
-    icon: 'settings',
-  },
-];
----
-
-<DashboardLayout
-  title="仪表盘布局示例"
-  description="这是一个仪表盘布局的示例页面"
-  navItems={menuItems}
->
-  <div
-    class="cosy:grid cosy:grid-cols-1 cosy:md:grid-cols-2 cosy:lg:grid-cols-3 cosy:gap-4"
-  >
-    <div class="cosy:card cosy:bg-base-100 cosy:shadow-xl">
-      <div class="cosy:card-body">
-        <h2 class="cosy:card-title">总用户数</h2>
-        <p class="cosy:text-4xl cosy:font-bold">1,234</p>
-      </div>
-    </div>
-    <div class="cosy:card cosy:bg-base-100 cosy:shadow-xl">
-      <div class="cosy:card-body">
-        <h2 class="cosy:card-title">今日活跃</h2>
-        <p class="cosy:text-4xl cosy:font-bold">567</p>
-      </div>
-    </div>
-    <div class="cosy:card cosy:bg-base-100 cosy:shadow-xl">
-      <div class="cosy:card-body">
-        <h2 class="cosy:card-title">转化率</h2>
-        <p class="cosy:text-4xl cosy:font-bold">45.8%</p>
-      </div>
-    </div>
-  </div>
-</DashboardLayout>