@coffic/cosy-ui 0.8.10 → 0.8.12

package/dist/src-astro/button/ButtonShapesContainer.astro

@@ -1,29 +0,0 @@
----
-import { CodeContainer } from '../../index-astro';
-import ButtonShapeCircle from './ButtonShapeCircle.astro';
-import ButtonShapeSquare from './ButtonShapeSquare.astro';
-import ButtonShapeDefault from './ButtonShapeDefault.astro';
-import ButtonShapeCircleSourceCode from './ButtonShapeCircle.astro?raw';
-import ButtonShapeSquareSourceCode from './ButtonShapeSquare.astro?raw';
-import ButtonShapeDefaultSourceCode from './ButtonShapeDefault.astro?raw';
----
-
-<CodeContainer
-  titles={['圆形', '方形', '默认']}
-  codes={[
-    ButtonShapeCircleSourceCode,
-    ButtonShapeSquareSourceCode,
-    ButtonShapeDefaultSourceCode,
-  ]}>
-  <div id="tab-1">
-    <ButtonShapeCircle />
-  </div>
-
-  <div id="tab-2">
-    <ButtonShapeSquare />
-  </div>
-
-  <div id="tab-3">
-    <ButtonShapeDefault />
-  </div>
-</CodeContainer>

package/dist/src-astro/button/ButtonSizes.astro

@@ -1,15 +0,0 @@
----
-import Button from './Button.astro';
----
-
-<div class="cosy:flex cosy:items-center cosy:gap-2">
-  <Button size="xs">超小按钮</Button>
-  <Button size="sm">小型按钮</Button>
-  <Button size="md">中等按钮</Button>
-  <Button size="lg">大型按钮</Button>
-</div>
-
-<div class="cosy:mt-4 cosy:flex cosy:flex-col cosy:items-center cosy:gap-2">
-  <Button size="lg" wide>宽按钮</Button>
-  <Button block>块级按钮</Button>
-</div>

package/dist/src-astro/button/ButtonSizesContainer.astro

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

package/dist/src-astro/button/ButtonStates.astro

@@ -1,12 +0,0 @@
----
-import Button from './Button.astro';
----
-
-<div class="cosy:flex cosy:flex-wrap cosy:gap-2">
-  <Button>正常按钮</Button>
-  <Button disabled>禁用按钮</Button>
-  <Button loading>加载中</Button>
-  <Button variant="primary" loading>加载中</Button>
-  <Button variant="success" disabled>禁用成功按钮</Button>
-  <Button variant="error" loading>处理错误中</Button>
-</div>

package/dist/src-astro/button/ButtonStatesContainer.astro

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

package/dist/src-astro/button/ButtonSuccess.astro

@@ -1,5 +0,0 @@
----
-import Button from './Button.astro';
----
-
-<Button variant="success">成功按钮</Button>

package/dist/src-astro/button/ButtonVariantsContainer.astro

@@ -1,73 +0,0 @@
----
-import { CodeContainer } from '../../index-astro';
-import ButtonInfo from './ButtonInfo.astro';
-import ButtonSuccess from './ButtonSuccess.astro';
-import ButtonWarning from './ButtonWarning.astro';
-import ButtonError from './ButtonError.astro';
-import ButtonGhost from './ButtonGhost.astro';
-import ButtonLink from './ButtonLink.astro';
-import ButtonOutline from './ButtonOutline.astro';
-import ButtonNeutral from './ButtonNeutral.astro';
-import ButtonInfoSourceCode from './ButtonInfo.astro?raw';
-import ButtonSuccessSourceCode from './ButtonSuccess.astro?raw';
-import ButtonWarningSourceCode from './ButtonWarning.astro?raw';
-import ButtonErrorSourceCode from './ButtonError.astro?raw';
-import ButtonGhostSourceCode from './ButtonGhost.astro?raw';
-import ButtonLinkSourceCode from './ButtonLink.astro?raw';
-import ButtonOutlineSourceCode from './ButtonOutline.astro?raw';
-import ButtonNeutralSourceCode from './ButtonNeutral.astro?raw';
----
-
-<CodeContainer
-  titles={[
-    'Info',
-    'Success',
-    'Warning',
-    'Error',
-    'Ghost',
-    'Link',
-    'Outline',
-    'Neutral',
-  ]}
-  codes={[
-    ButtonInfoSourceCode,
-    ButtonSuccessSourceCode,
-    ButtonWarningSourceCode,
-    ButtonErrorSourceCode,
-    ButtonGhostSourceCode,
-    ButtonLinkSourceCode,
-    ButtonOutlineSourceCode,
-    ButtonNeutralSourceCode,
-  ]}>
-  <div id="tab-1">
-    <ButtonInfo />
-  </div>
-
-  <div id="tab-2">
-    <ButtonSuccess />
-  </div>
-
-  <div id="tab-3">
-    <ButtonWarning />
-  </div>
-
-  <div id="tab-4">
-    <ButtonError />
-  </div>
-
-  <div id="tab-5">
-    <ButtonGhost />
-  </div>
-
-  <div id="tab-6">
-    <ButtonLink />
-  </div>
-
-  <div id="tab-7">
-    <ButtonOutline />
-  </div>
-
-  <div id="tab-8">
-    <ButtonNeutral />
-  </div>
-</CodeContainer>

package/dist/src-astro/button/ButtonWarning.astro

@@ -1,5 +0,0 @@
----
-import Button from './Button.astro';
----
-
-<Button variant="warning">警告按钮</Button>

package/dist/src-astro/button/ButtonWide.astro

@@ -1,5 +0,0 @@
----
-import Button from './Button.astro';
----
-
-<Button wide>宽按钮</Button>

package/dist/src-astro/button/ButtonWidth.astro

@@ -1,8 +0,0 @@
----
-import Button from './Button.astro';
----
-
-<div class="cosy:flex cosy:flex-col cosy:gap-2">
-  <Button wide>宽按钮</Button>
-  <Button block>块级按钮</Button>
-</div>

package/dist/src-astro/button/ButtonWidthContainer.astro

@@ -1,19 +0,0 @@
----
-import { CodeContainer } from '../../index-astro';
-import ButtonWide from './ButtonWide.astro';
-import ButtonBlock from './ButtonBlock.astro';
-import ButtonWideSourceCode from './ButtonWide.astro?raw';
-import ButtonBlockSourceCode from './ButtonBlock.astro?raw';
----
-
-<CodeContainer
-  titles={['宽按钮', '块级按钮']}
-  codes={[ButtonWideSourceCode, ButtonBlockSourceCode]}>
-  <div id="tab-1">
-    <ButtonWide />
-  </div>
-
-  <div id="tab-2">
-    <ButtonBlock />
-  </div>
-</CodeContainer>

package/dist/src-astro/button/ButtonWithIcons.astro

@@ -1,25 +0,0 @@
----
-import Button from './Button.astro';
----
-
-<div class="cosy:flex cosy:flex-wrap cosy:gap-2">
-  <Button variant="primary">
-    <span slot="icon-left">👈</span>
-    返回
-  </Button>
-
-  <Button variant="success">
-    确认
-    <span slot="icon-right">✅</span>
-  </Button>
-
-  <Button variant="info">
-    <span slot="icon-left">💾</span>
-    保存
-    <span slot="icon-right">📁</span>
-  </Button>
-
-  <Button variant="warning" shape="circle">
-    <span slot="icon-left">⚠️</span>
-  </Button>
-</div>

package/dist/src-astro/button/ButtonWithIconsContainer.astro

@@ -1,29 +0,0 @@
----
-import { CodeContainer } from '../../index-astro';
-import ButtonIconLeft from './ButtonIconLeft.astro';
-import ButtonIconRight from './ButtonIconRight.astro';
-import ButtonIconBoth from './ButtonIconBoth.astro';
-import ButtonIconLeftSourceCode from './ButtonIconLeft.astro?raw';
-import ButtonIconRightSourceCode from './ButtonIconRight.astro?raw';
-import ButtonIconBothSourceCode from './ButtonIconBoth.astro?raw';
----
-
-<CodeContainer
-  titles={['左侧图标', '右侧图标', '两侧图标']}
-  codes={[
-    ButtonIconLeftSourceCode,
-    ButtonIconRightSourceCode,
-    ButtonIconBothSourceCode,
-  ]}>
-  <div id="tab-1">
-    <ButtonIconLeft />
-  </div>
-
-  <div id="tab-2">
-    <ButtonIconRight />
-  </div>
-
-  <div id="tab-3">
-    <ButtonIconBoth />
-  </div>
-</CodeContainer>

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

@@ -1,5 +0,0 @@
----
-import Card from './Card.astro';
----
-
-<Card title="卡片标题" subtitle="卡片描述文本" />

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

@@ -1,13 +0,0 @@
----
-/**
- * @component Card.Basic
- *
- * @description
- * 基础Card组件示例，展示最简单的卡片用法。
- */
-import { Card } from '../../index-astro';
----
-
-<Card title="基础卡片">
-  这是一个基础的卡片内容，展示了Card组件的最简单用法。
-</Card>

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

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

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

@@ -1,16 +0,0 @@
----
-/**
- * @component Card.Clickable
- *
- * @description
- * 可点击的Card组件示例，展示如何使用href属性创建链接卡片。
- */
-import { Card } from '../../index-astro';
----
-
-<Card
-  title="可点击的卡片"
-  subtitle="点击整个卡片区域可以跳转到指定链接"
-  href="#">
-  这是一个可点击的卡片，鼠标悬停时会有缩放效果，点击可以跳转到指定页面。
-</Card>

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

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

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"
-/>