@coffic/cosy-ui 0.8.10 → 0.8.11

package/dist/src-astro/card/ECardCompact.astro

@@ -1,13 +0,0 @@
----
-/**
- * @component Card.Compact
- *
- * @description
- * 紧凑模式的Card组件示例，展示如何使用compact属性。
- */
-import { Card } from '../../index-astro';
----
-
-<Card title="紧凑卡片" subtitle="使用compact模式可以减少内边距" compact>
-  这是一个紧凑模式的卡片，适合在空间有限的情况下使用。
-</Card>

package/dist/src-astro/card/ECardCompactContainer.astro

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

package/dist/src-astro/card/ECardCustomStyle.astro

@@ -1,17 +0,0 @@
----
-/**
- * @component Card.CustomStyle
- *
- * @description
- * 展示如何使用class属性自定义Card组件的样式。
- */
-import '../../style.ts';
-import { Card } from '../../index-astro';
----
-
-<Card
-  title="自定义样式卡片"
-  subtitle="这个卡片使用了自定义的背景色和边框"
-  class="cosy:bg-gradient-to-r cosy:from-blue-50 cosy:to-indigo-100 cosy:border-2 cosy:border-blue-200">
-  这是一个自定义样式的卡片，展示了如何通过class属性来覆盖默认样式。
-</Card>

package/dist/src-astro/card/ECardCustomStyleContainer.astro

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

package/dist/src-astro/card/ECardWithImage.astro

@@ -1,16 +0,0 @@
----
-/**
- * @component Card.WithImage
- *
- * @description
- * 带图片的Card组件示例，展示如何使用imageUrl属性。
- */
-import { Card } from '../../index-astro';
----
-
-<Card
-  title="带图片的卡片"
-  subtitle="这张卡片展示了如何添加顶部图片"
-  imageUrl="https://picsum.photos/400/200?random=1">
-  这是一个带有图片的卡片，图片会自动显示在卡片顶部，并适配卡片宽度。
-</Card>

package/dist/src-astro/card/ECardWithImageContainer.astro

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

package/dist/src-astro/card/ECardWithSubtitle.astro

@@ -1,13 +0,0 @@
----
-/**
- * @component Card.WithSubtitle
- *
- * @description
- * 带副标题的Card组件示例，展示如何使用subtitle属性。
- */
-import { Card } from '../../index-astro';
----
-
-<Card title="带副标题的卡片" subtitle="这是卡片的副标题，用于提供更多描述信息">
-  卡片的主要内容区域，可以包含更详细的信息和其他元素。
-</Card>

package/dist/src-astro/card/ECardWithSubtitleContainer.astro

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

package/dist/src-astro/code-container/ECodeContainerBasic.astro

@@ -1,19 +0,0 @@
----
-/**
- * CodeContainerBasic - 基础代码容器示例组件
- * 展示CodeContainer的基本用法
- */
-
-import { CodeContainer } from './index';
-import { Alert } from '../alert';
-
-const code = `<Alert type="info">
-  这是一个基础示例
-</Alert>`;
----
-
-<CodeContainer codes={[code]}>
-  <div id="tab-1">
-    <Alert type="info"> 这是一个基础示例 </Alert>
-  </div>
-</CodeContainer>

package/dist/src-astro/code-container/ECodeContainerMultiple.astro

@@ -1,49 +0,0 @@
----
-/**
- * CodeContainerMultiple - 多标签代码容器示例组件
- * 展示CodeContainer的多标签用法
- */
-
-import { CodeContainer } from './index';
-import { Alert } from '../alert';
-
-const infoCode = `<Alert type="info" title="信息提示">
-  这是一条信息提示
-</Alert>`;
-
-const successCode = `<Alert type="success" title="成功提示">
-  操作已成功完成
-</Alert>`;
-
-const warningCode = `<Alert type="warning" title="警告提示">
-  请注意可能的风险
-</Alert>`;
-
-const errorCode = `<Alert type="error" title="错误提示">
-  操作失败，请重试
-</Alert>`;
-
-const titles = ['信息', '成功', '警告', '错误'];
-const descriptions = [
-  '用于展示一般信息',
-  '用于展示成功状态',
-  '用于展示警告信息',
-  '用于展示错误信息',
-];
-const codes = [infoCode, successCode, warningCode, errorCode];
----
-
-<CodeContainer titles={titles} descriptions={descriptions} codes={codes}>
-  <div id="tab-1">
-    <Alert type="info" title="信息提示"> 这是一条信息提示 </Alert>
-  </div>
-  <div id="tab-2">
-    <Alert type="success" title="成功提示"> 操作已成功完成 </Alert>
-  </div>
-  <div id="tab-3">
-    <Alert type="warning" title="警告提示"> 请注意可能的风险 </Alert>
-  </div>
-  <div id="tab-4">
-    <Alert type="error" title="错误提示"> 操作失败，请重试 </Alert>
-  </div>
-</CodeContainer>

package/dist/src-astro/contact/EContactBasic.astro

@@ -1,15 +0,0 @@
----
-/**
- * @component Contact.Basic
- *
- * @description
- * 基础Contact组件示例，展示最简单的联系信息用法。
- */
-import Contact from './Contact.astro';
----
-
-<Contact
-  email="contact@company.com"
-  phone="+1 (555) 123-4567"
-  address="123 Business St, City, State 12345"
-/>

package/dist/src-astro/contact/EContactBasicContainer.astro

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

package/dist/src-astro/contact/EContactCompact.astro

@@ -1,11 +0,0 @@
----
-/**
- * @component Contact.Compact
- *
- * @description
- * 紧凑模式的Contact组件示例。
- */
-import Contact from './Contact.astro';
----
-
-<Contact email="contact@company.com" phone="+1 (555) 123-4567" compact />

package/dist/src-astro/contact/EContactCompactContainer.astro

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

package/dist/src-astro/contact/EContactCustomStyle.astro

@@ -1,21 +0,0 @@
----
-/**
- * @component Contact.CustomStyle
- *
- * @description
- * 展示如何使用class属性自定义Contact组件的样式。
- */
-import '../../style.ts';
-import Contact from './Contact.astro';
----
-
-<Contact
-  title="联系我们"
-  description="自定义样式的联系信息卡片"
-  email="contact@company.com"
-  phone="+1 (555) 123-4567"
-  address="123 Business St, City, State 12345"
-  github="https://github.com/company"
-  twitter="https://twitter.com/company"
-  class="cosy:bg-gradient-to-br cosy:from-blue-50 cosy:to-purple-50 cosy:border-2 cosy:border-blue-200 cosy:shadow-2xl"
-/>

package/dist/src-astro/contact/EContactCustomStyleContainer.astro

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

package/dist/src-astro/contact/EContactSocial.astro

@@ -1,20 +0,0 @@
----
-/**
- * @component Contact.Social
- *
- * @description
- * 带社交媒体链接的Contact组件示例。
- */
-import Contact from './Contact.astro';
----
-
-<Contact
-  title="联系我们"
-  email="contact@company.com"
-  phone="+1 (555) 123-4567"
-  website="https://www.company.com"
-  github="https://github.com/company"
-  twitter="https://twitter.com/company"
-  facebook="https://facebook.com/company"
-  linkedin="https://linkedin.com/company/company"
-/>

package/dist/src-astro/contact/EContactSocialContainer.astro

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

package/dist/src-astro/contact/EContactWithTitle.astro

@@ -1,17 +0,0 @@
----
-/**
- * @component Contact.WithTitle
- *
- * @description
- * 带标题和描述的Contact组件示例。
- */
-import Contact from './Contact.astro';
----
-
-<Contact
-  title="联系我们"
-  description="欢迎随时与我们取得联系，我们将尽快回复您"
-  email="contact@company.com"
-  phone="+1 (555) 123-4567"
-  address="123 Business St, City, State 12345"
-/>

package/dist/src-astro/contact/EContactWithTitleContainer.astro

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

package/dist/src-astro/errors/E403Basic.astro

@@ -1,11 +0,0 @@
----
-/**
- * @component Error403.Basic
- *
- * @description
- * 基础的403禁止访问错误页面示例。
- */
-import Error403 from './403.astro';
----
-
-<Error403 />

package/dist/src-astro/errors/E403BasicContainer.astro

@@ -1,20 +0,0 @@
----
-/**
- * @component Error403BasicContainer
- *
- * @description
- * 403错误页面基础示例的容器组件，用于展示代码和预览。
- */
-import { CodeContainer } from '../../index-astro';
-import E403Basic from './E403Basic.astro';
-import BasicSourceCode from './E403Basic.astro?raw';
----
-
-<CodeContainer
-  titles={['403错误页面']}
-  descriptions={['基础的403禁止访问错误页面示例']}
-  codes={[BasicSourceCode]}>
-  <div id="tab-1">
-    <E403Basic />
-  </div>
-</CodeContainer>

package/dist/src-astro/errors/E404Basic.astro

@@ -1,11 +0,0 @@
----
-/**
- * @component Error404.Basic
- *
- * @description
- * 基础的404错误页面示例，展示最简单的404错误页面用法。
- */
-import Error404 from './404.astro';
----
-
-<Error404 />

package/dist/src-astro/errors/E404BasicContainer.astro

@@ -1,20 +0,0 @@
----
-/**
- * @component Error404BasicContainer
- *
- * @description
- * 404错误页面基础示例的容器组件，用于展示代码和预览。
- */
-import { CodeContainer } from '../../index-astro';
-import E404Basic from './E404Basic.astro';
-import BasicSourceCode from './E404Basic.astro?raw';
----
-
-<CodeContainer
-  titles={['404错误页面']}
-  descriptions={['基础的404错误页面示例']}
-  codes={[BasicSourceCode]}>
-  <div id="tab-1">
-    <E404Basic />
-  </div>
-</CodeContainer>

package/dist/src-astro/errors/E404WithDebug.astro

@@ -1,18 +0,0 @@
----
-/**
- * @component Error404.WithDebug
- *
- * @description
- * 带调试信息的404错误页面示例，展示如何显示调试信息。
- */
-import Error404 from './404.astro';
----
-
-<Error404
-  debugKVs={{
-    reason: '页面不存在',
-    suggestedAction: '请检查URL拼写',
-    timestamp: new Date().toISOString(),
-    requestId: 'REQ_2024_001',
-  }}
-/>

package/dist/src-astro/errors/E500Basic.astro

@@ -1,11 +0,0 @@
----
-/**
- * @component Error500.Basic
- *
- * @description
- * 基础的500服务器内部错误页面示例。
- */
-import Error500 from './500.astro';
----
-
-<Error500 />

package/dist/src-astro/errors/E500BasicContainer.astro

@@ -1,20 +0,0 @@
----
-/**
- * @component Error500BasicContainer
- *
- * @description
- * 500错误页面基础示例的容器组件，用于展示代码和预览。
- */
-import { CodeContainer } from '../../index-astro';
-import E500Basic from './E500Basic.astro';
-import BasicSourceCode from './E500Basic.astro?raw';
----
-
-<CodeContainer
-  titles={['500错误页面']}
-  descriptions={['基础的500服务器内部错误页面示例']}
-  codes={[BasicSourceCode]}>
-  <div id="tab-1">
-    <E500Basic />
-  </div>
-</CodeContainer>

package/dist/src-astro/errors/E503Maintenance.astro

@@ -1,20 +0,0 @@
----
-/**
- * @component Error503.Maintenance
- *
- * @description
- * 503服务不可用错误页面的维护模式示例，展示系统维护时的页面。
- */
-import Error503 from './503.astro';
----
-
-<Error503
-  maintenanceMode={true}
-  estimatedRecovery="2024-12-25 10:00"
-  statusPageUrl="https://status.example.com"
-  debugKVs={{
-    reason: '系统升级',
-    startTime: '2024-12-25 08:00',
-    version: 'v2.1.0',
-  }}
-/>

package/dist/src-astro/errors/E503MaintenanceContainer.astro

@@ -1,21 +0,0 @@
----
-/**
- * @component Error503MaintenanceContainer
- *
- * @description
- * 503错误页面维护模式示例的容器组件，用于展示代码和预览。
- */
-import { CodeContainer } from '../../index-astro';
-import E503Maintenance from './E503Maintenance.astro';
-
-import MaintenanceSourceCode from './E503Maintenance.astro?raw';
----
-
-<CodeContainer
-  titles={['503维护模式页面']}
-  descriptions={['503服务不可用错误页面的维护模式示例']}
-  codes={[MaintenanceSourceCode]}>
-  <div id="tab-1">
-    <E503Maintenance />
-  </div>
-</CodeContainer>

package/dist/src-astro/errors/EErrorPageCustomStyle.astro

@@ -1,21 +0,0 @@
----
-/**
- * @component ErrorPage.CustomStyle
- *
- * @description
- * 错误页面的自定义样式示例，展示如何通过class属性自定义错误页面的样式。
- */
-import Error404 from './404.astro';
----
-
-<div
-  class="cosy:bg-gradient-to-br cosy:from-purple-50 cosy:to-pink-50 cosy:dark:from-purple-900/20 cosy:dark:to-pink-900/20 cosy:p-8 cosy:rounded-xl"
->
-  <Error404
-    debugKVs={{
-      customization: '自定义渐变背景',
-      style: '紫色到粉色渐变',
-      note: '这是一个自定义样式的示例',
-    }}
-  />
-</div>

package/dist/src-astro/errors/EErrorPageCustomStyleContainer.astro

@@ -1,21 +0,0 @@
----
-/**
- * @component ErrorPageCustomStyleContainer
- *
- * @description
- * 错误页面自定义样式示例的容器组件，用于展示代码和预览。
- */
-import { CodeContainer } from '../../index-astro';
-import EErrorPageCustomStyle from './EErrorPageCustomStyle.astro';
-
-import CustomStyleSourceCode from './EErrorPageCustomStyle.astro?raw';
----
-
-<CodeContainer
-  titles={['自定义样式错误页面']}
-  descriptions={['展示如何自定义错误页面的样式外观']}
-  codes={[CustomStyleSourceCode]}>
-  <div id="tab-1">
-    <EErrorPageCustomStyle />
-  </div>
-</CodeContainer>

package/dist/src-astro/errors/EErrorPageShowcase.astro

@@ -1,68 +0,0 @@
----
-/**
- * @component ErrorPage.Showcase
- *
- * @description
- * 展示所有错误页面的组件示例，用于演示和测试不同类型的错误页面。
- */
-import ErrorPage from './ErrorPage.astro';
-import { Container, Stack } from '../../index-astro';
----
-
-<Container size="lg" padding="lg">
-  <Stack gap="xl">
-    <div class="cosy:text-center cosy:mb-8">
-      <h1 class="cosy:text-3xl cosy:font-bold cosy:mb-4">错误页面展示</h1>
-      <p class="cosy:text-base-content/70">
-        以下是不同HTTP错误状态码对应的错误页面
-      </p>
-    </div>
-
-    <!-- 404错误 -->
-    <section class="cosy:border cosy:border-base-300 cosy:rounded-lg cosy:p-6">
-      <h2 class="cosy:text-xl cosy:font-semibold cosy:mb-4">
-        404 - 页面未找到
-      </h2>
-      <ErrorPage errorCode={404} debugKVs={{ example: 'demo' }} />
-    </section>
-
-    <!-- 403错误 -->
-    <section class="cosy:border cosy:border-base-300 cosy:rounded-lg cosy:p-6">
-      <h2 class="cosy:text-xl cosy:font-semibold cosy:mb-4">403 - 禁止访问</h2>
-      <ErrorPage
-        errorCode={403}
-        loginUrl="/login"
-        contactUrl="/contact"
-        debugKVs={{ requiredRole: 'admin', currentRole: 'user' }}
-      />
-    </section>
-
-    <!-- 500错误 -->
-    <section class="cosy:border cosy:border-base-300 cosy:rounded-lg cosy:p-6">
-      <h2 class="cosy:text-xl cosy:font-semibold cosy:mb-4">
-        500 - 服务器内部错误
-      </h2>
-      <ErrorPage
-        errorCode={500}
-        supportUrl="/support"
-        statusPageUrl="/status"
-        debugKVs={{ errorId: 'ERR_2024_001', serverInfo: 'Server-01' }}
-      />
-    </section>
-
-    <!-- 503错误 -->
-    <section class="cosy:border cosy:border-base-300 cosy:rounded-lg cosy:p-6">
-      <h2 class="cosy:text-xl cosy:font-semibold cosy:mb-4">
-        503 - 服务不可用
-      </h2>
-      <ErrorPage
-        errorCode={503}
-        maintenanceMode={true}
-        estimatedRecovery="2024-12-25 10:00"
-        statusPageUrl="/status"
-        notificationUrl="/notifications"
-        debugKVs={{ reason: '系统升级', startTime: '2024-12-25 08:00' }}
-      />
-    </section>
-  </Stack>
-</Container>

package/dist/src-astro/errors/EErrorPageShowcaseContainer.astro

@@ -1,21 +0,0 @@
----
-/**
- * @component ErrorPageShowcaseContainer
- *
- * @description
- * 错误页面展示示例的容器组件，用于展示代码和预览。
- */
-import { CodeContainer } from '../../index-astro';
-import EErrorPageShowcase from './EErrorPageShowcase.astro';
-
-import ShowcaseSourceCode from './EErrorPageShowcase.astro?raw';
----
-
-<CodeContainer
-  titles={['错误页面展示']}
-  descriptions={['展示所有错误页面类型的综合示例']}
-  codes={[ShowcaseSourceCode]}>
-  <div id="tab-1">
-    <EErrorPageShowcase />
-  </div>
-</CodeContainer>

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

@@ -1,18 +0,0 @@
----
-/**
- * @component Footer.Basic
- *
- * @description
- * 基础Footer组件示例，展示最简单的页脚用法。
- */
-import { Footer } from '../../index-astro';
----
-
-<Footer
-  siteName="我的网站"
-  homeLink="/"
-  slogan="简单而强大"
-  company="我的公司"
-  copyright="保留所有权利"
-  inspirationalSlogan="构建美好的数字体验"
-/>