@coffic/cosy-ui 0.8.10 → 0.8.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (157) hide show
  1. package/dist/app.css +1 -1
  2. package/dist/src-astro/alert/index.ts +7 -15
  3. package/dist/src-astro/assets/iconData.ts +100 -0
  4. package/dist/src-astro/button/index_astro.ts +2 -56
  5. package/dist/src-astro/card/CardCourse.astro +31 -11
  6. package/dist/src-astro/card/index.ts +15 -25
  7. package/dist/src-astro/code-container/CodeContainer.astro +205 -5
  8. package/dist/src-astro/code-container/index.ts +9 -13
  9. package/dist/src-astro/contact/index.ts +16 -20
  10. package/dist/src-astro/errors/index.ts +0 -62
  11. package/dist/src-astro/footer/index.ts +1 -30
  12. package/dist/src-astro/header/Header.astro +1 -2
  13. package/dist/src-astro/header/index.ts +1 -40
  14. package/dist/src-astro/hero/index.ts +1 -39
  15. package/dist/src-astro/icons/ChartIcon.astro +28 -0
  16. package/dist/src-astro/icons/DashboardIcon.astro +28 -0
  17. package/dist/src-astro/icons/DeleteIcon.astro +28 -0
  18. package/dist/src-astro/icons/DocumentIcon.astro +28 -0
  19. package/dist/src-astro/icons/DownloadIcon.astro +28 -0
  20. package/dist/src-astro/icons/EditIcon.astro +28 -0
  21. package/dist/src-astro/icons/FolderIcon.astro +28 -0
  22. package/dist/src-astro/icons/HeartIcon.astro +28 -0
  23. package/dist/src-astro/icons/HomeIcon.astro +28 -0
  24. package/dist/src-astro/icons/MailIcon.astro +28 -0
  25. package/dist/src-astro/icons/MessageIcon.astro +28 -0
  26. package/dist/src-astro/icons/NotificationIcon.astro +28 -0
  27. package/dist/src-astro/icons/ReportIcon.astro +28 -0
  28. package/dist/src-astro/icons/SaveIcon.astro +28 -0
  29. package/dist/src-astro/icons/SecurityIcon.astro +28 -0
  30. package/dist/src-astro/icons/StarIcon.astro +28 -0
  31. package/dist/src-astro/icons/ToolsIcon.astro +28 -0
  32. package/dist/src-astro/icons/UploadIcon.astro +28 -0
  33. package/dist/src-astro/icons/UsersIcon.astro +28 -0
  34. package/dist/src-astro/icons/WalletIcon.astro +28 -0
  35. package/dist/src-astro/icons/index.ts +20 -0
  36. package/dist/src-astro/layout-app/index.ts +5 -9
  37. package/dist/src-astro/layout-dashboard/DashboardLayout.astro +101 -555
  38. package/dist/src-astro/layout-dashboard/DashboardSidebar.astro +206 -0
  39. package/dist/src-astro/layout-dashboard/DashboardTopNavbar.astro +132 -0
  40. package/dist/src-astro/layout-dashboard/index.ts +14 -8
  41. package/dist/src-astro/layout-dashboard/tools.ts +0 -0
  42. package/dist/src-astro/layout-dashboard/types.ts +313 -0
  43. package/package.json +1 -1
  44. package/dist/src-astro/alert/EAlertBasic.astro +0 -11
  45. package/dist/src-astro/alert/EAlertBasicContainer.astro +0 -11
  46. package/dist/src-astro/alert/EAlertCustomStyle.astro +0 -16
  47. package/dist/src-astro/alert/EAlertCustomStyleContainer.astro +0 -11
  48. package/dist/src-astro/alert/EAlertError.astro +0 -6
  49. package/dist/src-astro/alert/EAlertInfo.astro +0 -6
  50. package/dist/src-astro/alert/EAlertSuccess.astro +0 -6
  51. package/dist/src-astro/alert/EAlertTypesContainer.astro +0 -43
  52. package/dist/src-astro/alert/EAlertWarning.astro +0 -6
  53. package/dist/src-astro/alert/EAlertWithTitle.astro +0 -12
  54. package/dist/src-astro/alert/EAlertWithTitleContainer.astro +0 -11
  55. package/dist/src-astro/button/ButtonBasic.astro +0 -18
  56. package/dist/src-astro/button/ButtonBasicContainer.astro +0 -11
  57. package/dist/src-astro/button/ButtonBlock.astro +0 -5
  58. package/dist/src-astro/button/ButtonError.astro +0 -5
  59. package/dist/src-astro/button/ButtonGhost.astro +0 -5
  60. package/dist/src-astro/button/ButtonIconBoth.astro +0 -9
  61. package/dist/src-astro/button/ButtonIconLeft.astro +0 -8
  62. package/dist/src-astro/button/ButtonIconRight.astro +0 -8
  63. package/dist/src-astro/button/ButtonInfo.astro +0 -5
  64. package/dist/src-astro/button/ButtonLinkContainer.astro +0 -19
  65. package/dist/src-astro/button/ButtonNeutral.astro +0 -5
  66. package/dist/src-astro/button/ButtonOutline.astro +0 -5
  67. package/dist/src-astro/button/ButtonShapeCircle.astro +0 -5
  68. package/dist/src-astro/button/ButtonShapeDefault.astro +0 -5
  69. package/dist/src-astro/button/ButtonShapeSquare.astro +0 -5
  70. package/dist/src-astro/button/ButtonShapes.astro +0 -23
  71. package/dist/src-astro/button/ButtonShapesContainer.astro +0 -29
  72. package/dist/src-astro/button/ButtonSizes.astro +0 -15
  73. package/dist/src-astro/button/ButtonSizesContainer.astro +0 -11
  74. package/dist/src-astro/button/ButtonStates.astro +0 -12
  75. package/dist/src-astro/button/ButtonStatesContainer.astro +0 -11
  76. package/dist/src-astro/button/ButtonSuccess.astro +0 -5
  77. package/dist/src-astro/button/ButtonVariantsContainer.astro +0 -73
  78. package/dist/src-astro/button/ButtonWarning.astro +0 -5
  79. package/dist/src-astro/button/ButtonWide.astro +0 -5
  80. package/dist/src-astro/button/ButtonWidth.astro +0 -8
  81. package/dist/src-astro/button/ButtonWidthContainer.astro +0 -19
  82. package/dist/src-astro/button/ButtonWithIcons.astro +0 -25
  83. package/dist/src-astro/button/ButtonWithIconsContainer.astro +0 -29
  84. package/dist/src-astro/card/CardBasic.astro +0 -5
  85. package/dist/src-astro/card/ECardBasic.astro +0 -13
  86. package/dist/src-astro/card/ECardBasicContainer.astro +0 -11
  87. package/dist/src-astro/card/ECardClickable.astro +0 -16
  88. package/dist/src-astro/card/ECardClickableContainer.astro +0 -11
  89. package/dist/src-astro/card/ECardCompact.astro +0 -13
  90. package/dist/src-astro/card/ECardCompactContainer.astro +0 -11
  91. package/dist/src-astro/card/ECardCustomStyle.astro +0 -17
  92. package/dist/src-astro/card/ECardCustomStyleContainer.astro +0 -11
  93. package/dist/src-astro/card/ECardWithImage.astro +0 -16
  94. package/dist/src-astro/card/ECardWithImageContainer.astro +0 -11
  95. package/dist/src-astro/card/ECardWithSubtitle.astro +0 -13
  96. package/dist/src-astro/card/ECardWithSubtitleContainer.astro +0 -11
  97. package/dist/src-astro/code-container/ECodeContainerBasic.astro +0 -19
  98. package/dist/src-astro/code-container/ECodeContainerMultiple.astro +0 -49
  99. package/dist/src-astro/contact/EContactBasic.astro +0 -15
  100. package/dist/src-astro/contact/EContactBasicContainer.astro +0 -11
  101. package/dist/src-astro/contact/EContactCompact.astro +0 -11
  102. package/dist/src-astro/contact/EContactCompactContainer.astro +0 -11
  103. package/dist/src-astro/contact/EContactCustomStyle.astro +0 -21
  104. package/dist/src-astro/contact/EContactCustomStyleContainer.astro +0 -11
  105. package/dist/src-astro/contact/EContactSocial.astro +0 -20
  106. package/dist/src-astro/contact/EContactSocialContainer.astro +0 -11
  107. package/dist/src-astro/contact/EContactWithTitle.astro +0 -17
  108. package/dist/src-astro/contact/EContactWithTitleContainer.astro +0 -11
  109. package/dist/src-astro/errors/E403Basic.astro +0 -11
  110. package/dist/src-astro/errors/E403BasicContainer.astro +0 -20
  111. package/dist/src-astro/errors/E404Basic.astro +0 -11
  112. package/dist/src-astro/errors/E404BasicContainer.astro +0 -20
  113. package/dist/src-astro/errors/E404WithDebug.astro +0 -18
  114. package/dist/src-astro/errors/E500Basic.astro +0 -11
  115. package/dist/src-astro/errors/E500BasicContainer.astro +0 -20
  116. package/dist/src-astro/errors/E503Maintenance.astro +0 -20
  117. package/dist/src-astro/errors/E503MaintenanceContainer.astro +0 -21
  118. package/dist/src-astro/errors/EErrorPageCustomStyle.astro +0 -21
  119. package/dist/src-astro/errors/EErrorPageCustomStyleContainer.astro +0 -21
  120. package/dist/src-astro/errors/EErrorPageShowcase.astro +0 -68
  121. package/dist/src-astro/errors/EErrorPageShowcaseContainer.astro +0 -21
  122. package/dist/src-astro/footer/EFooterBasic.astro +0 -18
  123. package/dist/src-astro/footer/EFooterBasicContainer.astro +0 -11
  124. package/dist/src-astro/footer/EFooterComplete.astro +0 -50
  125. package/dist/src-astro/footer/EFooterCompleteContainer.astro +0 -11
  126. package/dist/src-astro/footer/EFooterFeaturesContainer.astro +0 -40
  127. package/dist/src-astro/footer/EFooterWithLogo.astro +0 -28
  128. package/dist/src-astro/footer/EFooterWithLogoContainer.astro +0 -11
  129. package/dist/src-astro/footer/EFooterWithNavigation.astro +0 -24
  130. package/dist/src-astro/footer/EFooterWithNavigationContainer.astro +0 -11
  131. package/dist/src-astro/footer/EFooterWithProducts.astro +0 -24
  132. package/dist/src-astro/footer/EFooterWithProductsContainer.astro +0 -11
  133. package/dist/src-astro/footer/EFooterWithSocial.astro +0 -24
  134. package/dist/src-astro/footer/EFooterWithSocialContainer.astro +0 -11
  135. package/dist/src-astro/header/HeaderBasic.astro +0 -19
  136. package/dist/src-astro/header/HeaderCustomNavbarCenter.astro +0 -28
  137. package/dist/src-astro/header/HeaderCustomNavbarEnd.astro +0 -25
  138. package/dist/src-astro/header/HeaderCustomNavbarStart.astro +0 -27
  139. package/dist/src-astro/header/HeaderCustomPosition.astro +0 -34
  140. package/dist/src-astro/header/HeaderWithNavigation.astro +0 -27
  141. package/dist/src-astro/hero/EHeroAlignCenter.astro +0 -13
  142. package/dist/src-astro/hero/EHeroAlignContainer.astro +0 -27
  143. package/dist/src-astro/hero/EHeroAlignLeft.astro +0 -13
  144. package/dist/src-astro/hero/EHeroAlignRight.astro +0 -13
  145. package/dist/src-astro/hero/EHeroBackgroundContainer.astro +0 -18
  146. package/dist/src-astro/hero/EHeroBackgroundImage.astro +0 -16
  147. package/dist/src-astro/hero/EHeroBackgroundImageContainer.astro +0 -11
  148. package/dist/src-astro/hero/EHeroBasic.astro +0 -12
  149. package/dist/src-astro/hero/EHeroBasicContainer.astro +0 -11
  150. package/dist/src-astro/hero/EHeroGradientBackground.astro +0 -10
  151. package/dist/src-astro/hero/EHeroPlainBackground.astro +0 -10
  152. package/dist/src-astro/hero/EHeroWithButton.astro +0 -14
  153. package/dist/src-astro/hero/EHeroWithButtonContainer.astro +0 -11
  154. package/dist/src-astro/hero/EHeroWithImage.astro +0 -16
  155. package/dist/src-astro/hero/EHeroWithImageContainer.astro +0 -11
  156. package/dist/src-astro/layout-app/AppLayoutBasic.astro +0 -54
  157. package/dist/src-astro/layout-dashboard/DashboardLayoutBasic.astro +0 -51
@@ -1,11 +0,0 @@
1
- ---
2
- import { CodeContainer } from '../../index-astro';
3
- import AlertBasic from './EAlertBasic.astro';
4
- import AlertBasicSourceCode from './EAlertBasic.astro?raw';
5
- ---
6
-
7
- <CodeContainer codes={[AlertBasicSourceCode]}>
8
- <div id="tab-1">
9
- <AlertBasic />
10
- </div>
11
- </CodeContainer>
@@ -1,16 +0,0 @@
1
- ---
2
- /**
3
- * @component Alert.CustomStyle
4
- *
5
- * @description
6
- * 展示如何使用class属性自定义Alert组件的样式。
7
- */
8
- import '../../style.ts';
9
- import { Alert } from '../../index-astro';
10
- ---
11
-
12
- <Alert
13
- type="info"
14
- class="cosy:bg-purple-100 cosy:text-purple-800 cosy:border-purple-300">
15
- 这是一个自定义样式的提示框
16
- </Alert>
@@ -1,11 +0,0 @@
1
- ---
2
- import { CodeContainer } from '../../index-astro';
3
- import AlertCustomStyle from './EAlertCustomStyle.astro';
4
- import AlertCustomStyleSourceCode from './EAlertCustomStyle.astro?raw';
5
- ---
6
-
7
- <CodeContainer codes={[AlertCustomStyleSourceCode]}>
8
- <div id="tab-1">
9
- <AlertCustomStyle />
10
- </div>
11
- </CodeContainer>
@@ -1,6 +0,0 @@
1
- ---
2
- import '../../style.ts';
3
- import { Alert } from '../../index-astro';
4
- ---
5
-
6
- <Alert type="error">这是一条错误提示</Alert>
@@ -1,6 +0,0 @@
1
- ---
2
- import '../../style.ts';
3
- import { Alert } from '../../index-astro';
4
- ---
5
-
6
- <Alert type="info">这是一条信息提示</Alert>
@@ -1,6 +0,0 @@
1
- ---
2
- import '../../style.ts';
3
- import { Alert } from '../../index-astro';
4
- ---
5
-
6
- <Alert type="success">这是一条成功提示</Alert>
@@ -1,43 +0,0 @@
1
- ---
2
- /**
3
- * @component Alert.Types
4
- *
5
- * @description
6
- * 展示Alert组件的所有类型:info、success、warning、error。
7
- */
8
- import '../../style.ts';
9
- import { CodeContainer } from '../../index-astro';
10
- import AlertInfo from './EAlertInfo.astro';
11
- import AlertSuccess from './EAlertSuccess.astro';
12
- import AlertWarning from './EAlertWarning.astro';
13
- import AlertError from './EAlertError.astro';
14
- import AlertInfoSourceCode from './EAlertInfo.astro?raw';
15
- import AlertSuccessSourceCode from './EAlertSuccess.astro?raw';
16
- import AlertWarningSourceCode from './EAlertWarning.astro?raw';
17
- import AlertErrorSourceCode from './EAlertError.astro?raw';
18
- ---
19
-
20
- <CodeContainer
21
- titles={['Info', 'Success', 'Warning', 'Error']}
22
- codes={[
23
- AlertInfoSourceCode,
24
- AlertSuccessSourceCode,
25
- AlertWarningSourceCode,
26
- AlertErrorSourceCode,
27
- ]}>
28
- <div id="tab-1">
29
- <AlertInfo />
30
- </div>
31
-
32
- <div id="tab-2">
33
- <AlertSuccess />
34
- </div>
35
-
36
- <div id="tab-3">
37
- <AlertWarning />
38
- </div>
39
-
40
- <div id="tab-4">
41
- <AlertError />
42
- </div>
43
- </CodeContainer>
@@ -1,6 +0,0 @@
1
- ---
2
- import '../../style.ts';
3
- import { Alert } from '../../index-astro';
4
- ---
5
-
6
- <Alert type="warning">这是一条警告提示</Alert>
@@ -1,12 +0,0 @@
1
- ---
2
- /**
3
- * @component Alert.WithTitle
4
- *
5
- * @description
6
- * 带标题的Alert组件示例,展示如何使用title属性添加标题。
7
- */
8
- import '../../style.ts';
9
- import { Alert } from '../../index-astro';
10
- ---
11
-
12
- <Alert type="success" title="操作成功">您的操作已成功完成</Alert>
@@ -1,11 +0,0 @@
1
- ---
2
- import { CodeContainer } from '../../index-astro';
3
- import AlertWithTitle from './EAlertWithTitle.astro';
4
- import WithTitleSourceCode from './EAlertWithTitle.astro?raw';
5
- ---
6
-
7
- <CodeContainer codes={[WithTitleSourceCode]}>
8
- <div id="tab-1">
9
- <AlertWithTitle />
10
- </div>
11
- </CodeContainer>
@@ -1,18 +0,0 @@
1
- ---
2
- import Button from './Button.astro';
3
- ---
4
-
5
- <div class="cosy:flex cosy:flex-wrap cosy:gap-2">
6
- <Button>默认按钮</Button>
7
- <Button variant="primary">主要按钮</Button>
8
- <Button variant="secondary">次要按钮</Button>
9
- <Button variant="accent">强调按钮</Button>
10
- <Button variant="info">信息按钮</Button>
11
- <Button variant="success">成功按钮</Button>
12
- <Button variant="warning">警告按钮</Button>
13
- <Button variant="error">错误按钮</Button>
14
- <Button variant="ghost">幽灵按钮</Button>
15
- <Button variant="link">链接按钮</Button>
16
- <Button variant="outline">轮廓按钮</Button>
17
- <Button variant="neutral">中性按钮</Button>
18
- </div>
@@ -1,11 +0,0 @@
1
- ---
2
- import { CodeContainer } from '../../index-astro';
3
- import ButtonBasic from './ButtonBasic.astro';
4
- import ButtonBasicSourceCode from './ButtonBasic.astro?raw';
5
- ---
6
-
7
- <CodeContainer codes={[ButtonBasicSourceCode]} titles={['Basic']}>
8
- <div id="tab-1">
9
- <ButtonBasic />
10
- </div>
11
- </CodeContainer>
@@ -1,5 +0,0 @@
1
- ---
2
- import Button from './Button.astro';
3
- ---
4
-
5
- <Button block>块级按钮</Button>
@@ -1,5 +0,0 @@
1
- ---
2
- import Button from './Button.astro';
3
- ---
4
-
5
- <Button variant="error">错误按钮</Button>
@@ -1,5 +0,0 @@
1
- ---
2
- import Button from './Button.astro';
3
- ---
4
-
5
- <Button variant="ghost">幽灵按钮</Button>
@@ -1,9 +0,0 @@
1
- ---
2
- import Button from './Button.astro';
3
- ---
4
-
5
- <Button>
6
- <span slot="icon-left">←</span>
7
- 两侧图标按钮
8
- <span slot="icon-right">→</span>
9
- </Button>
@@ -1,8 +0,0 @@
1
- ---
2
- import Button from './Button.astro';
3
- ---
4
-
5
- <Button>
6
- <span slot="icon-left">←</span>
7
- 左侧图标按钮
8
- </Button>
@@ -1,8 +0,0 @@
1
- ---
2
- import Button from './Button.astro';
3
- ---
4
-
5
- <Button>
6
- 右侧图标按钮
7
- <span slot="icon-right">→</span>
8
- </Button>
@@ -1,5 +0,0 @@
1
- ---
2
- import Button from './Button.astro';
3
- ---
4
-
5
- <Button variant="info">信息按钮</Button>
@@ -1,19 +0,0 @@
1
- ---
2
- import { CodeContainer } from '../../index-astro';
3
- import ButtonLink from './ButtonLink.astro';
4
- import ButtonLinkExternal from './ButtonLinkExternal.astro';
5
- import ButtonLinkSourceCode from './ButtonLink.astro?raw';
6
- import ButtonLinkExternalSourceCode from './ButtonLinkExternal.astro?raw';
7
- ---
8
-
9
- <CodeContainer
10
- titles={['基础链接', '外部链接', 'Vue']}
11
- codes={[ButtonLinkSourceCode, ButtonLinkExternalSourceCode]}>
12
- <div id="tab-1">
13
- <ButtonLink />
14
- </div>
15
-
16
- <div id="tab-2">
17
- <ButtonLinkExternal />
18
- </div>
19
- </CodeContainer>
@@ -1,5 +0,0 @@
1
- ---
2
- import Button from './Button.astro';
3
- ---
4
-
5
- <Button variant="neutral">中性按钮</Button>
@@ -1,5 +0,0 @@
1
- ---
2
- import Button from './Button.astro';
3
- ---
4
-
5
- <Button variant="outline">描边按钮</Button>
@@ -1,5 +0,0 @@
1
- ---
2
- import Button from './Button.astro';
3
- ---
4
-
5
- <Button shape="circle">圆</Button>
@@ -1,5 +0,0 @@
1
- ---
2
- import Button from './Button.astro';
3
- ---
4
-
5
- <Button>默认</Button>
@@ -1,5 +0,0 @@
1
- ---
2
- import Button from './Button.astro';
3
- ---
4
-
5
- <Button shape="square">方</Button>
@@ -1,23 +0,0 @@
1
- ---
2
- import Button from './Button.astro';
3
- ---
4
-
5
- <div class="cosy:flex cosy:flex-wrap cosy:gap-2">
6
- <Button>默认形状</Button>
7
-
8
- <Button shape="circle" variant="primary">
9
- <span slot="icon-left">🔄</span>
10
- </Button>
11
-
12
- <Button shape="square" variant="success">
13
- <span slot="icon-left">✨</span>
14
- </Button>
15
-
16
- <Button shape="circle" variant="warning" size="lg">
17
- <span slot="icon-left">⚡</span>
18
- </Button>
19
-
20
- <Button shape="square" variant="error" size="sm">
21
- <span slot="icon-left">❌</span>
22
- </Button>
23
- </div>
@@ -1,29 +0,0 @@
1
- ---
2
- import { CodeContainer } from '../../index-astro';
3
- import ButtonShapeCircle from './ButtonShapeCircle.astro';
4
- import ButtonShapeSquare from './ButtonShapeSquare.astro';
5
- import ButtonShapeDefault from './ButtonShapeDefault.astro';
6
- import ButtonShapeCircleSourceCode from './ButtonShapeCircle.astro?raw';
7
- import ButtonShapeSquareSourceCode from './ButtonShapeSquare.astro?raw';
8
- import ButtonShapeDefaultSourceCode from './ButtonShapeDefault.astro?raw';
9
- ---
10
-
11
- <CodeContainer
12
- titles={['圆形', '方形', '默认']}
13
- codes={[
14
- ButtonShapeCircleSourceCode,
15
- ButtonShapeSquareSourceCode,
16
- ButtonShapeDefaultSourceCode,
17
- ]}>
18
- <div id="tab-1">
19
- <ButtonShapeCircle />
20
- </div>
21
-
22
- <div id="tab-2">
23
- <ButtonShapeSquare />
24
- </div>
25
-
26
- <div id="tab-3">
27
- <ButtonShapeDefault />
28
- </div>
29
- </CodeContainer>
@@ -1,15 +0,0 @@
1
- ---
2
- import Button from './Button.astro';
3
- ---
4
-
5
- <div class="cosy:flex cosy:items-center cosy:gap-2">
6
- <Button size="xs">超小按钮</Button>
7
- <Button size="sm">小型按钮</Button>
8
- <Button size="md">中等按钮</Button>
9
- <Button size="lg">大型按钮</Button>
10
- </div>
11
-
12
- <div class="cosy:mt-4 cosy:flex cosy:flex-col cosy:items-center cosy:gap-2">
13
- <Button size="lg" wide>宽按钮</Button>
14
- <Button block>块级按钮</Button>
15
- </div>
@@ -1,11 +0,0 @@
1
- ---
2
- import { CodeContainer } from '../../index-astro';
3
- import ButtonSizes from './ButtonSizes.astro';
4
- import ButtonSizesSourceCode from './ButtonSizes.astro?raw';
5
- ---
6
-
7
- <CodeContainer codes={[ButtonSizesSourceCode]}>
8
- <div id="tab-1">
9
- <ButtonSizes />
10
- </div>
11
- </CodeContainer>
@@ -1,12 +0,0 @@
1
- ---
2
- import Button from './Button.astro';
3
- ---
4
-
5
- <div class="cosy:flex cosy:flex-wrap cosy:gap-2">
6
- <Button>正常按钮</Button>
7
- <Button disabled>禁用按钮</Button>
8
- <Button loading>加载中</Button>
9
- <Button variant="primary" loading>加载中</Button>
10
- <Button variant="success" disabled>禁用成功按钮</Button>
11
- <Button variant="error" loading>处理错误中</Button>
12
- </div>
@@ -1,11 +0,0 @@
1
- ---
2
- import { CodeContainer } from '../../index-astro';
3
- import ButtonStates from './ButtonStates.astro';
4
- import ButtonStatesSourceCode from './ButtonStates.astro?raw';
5
- ---
6
-
7
- <CodeContainer codes={[ButtonStatesSourceCode]}>
8
- <div id="tab-1">
9
- <ButtonStates />
10
- </div>
11
- </CodeContainer>
@@ -1,5 +0,0 @@
1
- ---
2
- import Button from './Button.astro';
3
- ---
4
-
5
- <Button variant="success">成功按钮</Button>
@@ -1,73 +0,0 @@
1
- ---
2
- import { CodeContainer } from '../../index-astro';
3
- import ButtonInfo from './ButtonInfo.astro';
4
- import ButtonSuccess from './ButtonSuccess.astro';
5
- import ButtonWarning from './ButtonWarning.astro';
6
- import ButtonError from './ButtonError.astro';
7
- import ButtonGhost from './ButtonGhost.astro';
8
- import ButtonLink from './ButtonLink.astro';
9
- import ButtonOutline from './ButtonOutline.astro';
10
- import ButtonNeutral from './ButtonNeutral.astro';
11
- import ButtonInfoSourceCode from './ButtonInfo.astro?raw';
12
- import ButtonSuccessSourceCode from './ButtonSuccess.astro?raw';
13
- import ButtonWarningSourceCode from './ButtonWarning.astro?raw';
14
- import ButtonErrorSourceCode from './ButtonError.astro?raw';
15
- import ButtonGhostSourceCode from './ButtonGhost.astro?raw';
16
- import ButtonLinkSourceCode from './ButtonLink.astro?raw';
17
- import ButtonOutlineSourceCode from './ButtonOutline.astro?raw';
18
- import ButtonNeutralSourceCode from './ButtonNeutral.astro?raw';
19
- ---
20
-
21
- <CodeContainer
22
- titles={[
23
- 'Info',
24
- 'Success',
25
- 'Warning',
26
- 'Error',
27
- 'Ghost',
28
- 'Link',
29
- 'Outline',
30
- 'Neutral',
31
- ]}
32
- codes={[
33
- ButtonInfoSourceCode,
34
- ButtonSuccessSourceCode,
35
- ButtonWarningSourceCode,
36
- ButtonErrorSourceCode,
37
- ButtonGhostSourceCode,
38
- ButtonLinkSourceCode,
39
- ButtonOutlineSourceCode,
40
- ButtonNeutralSourceCode,
41
- ]}>
42
- <div id="tab-1">
43
- <ButtonInfo />
44
- </div>
45
-
46
- <div id="tab-2">
47
- <ButtonSuccess />
48
- </div>
49
-
50
- <div id="tab-3">
51
- <ButtonWarning />
52
- </div>
53
-
54
- <div id="tab-4">
55
- <ButtonError />
56
- </div>
57
-
58
- <div id="tab-5">
59
- <ButtonGhost />
60
- </div>
61
-
62
- <div id="tab-6">
63
- <ButtonLink />
64
- </div>
65
-
66
- <div id="tab-7">
67
- <ButtonOutline />
68
- </div>
69
-
70
- <div id="tab-8">
71
- <ButtonNeutral />
72
- </div>
73
- </CodeContainer>
@@ -1,5 +0,0 @@
1
- ---
2
- import Button from './Button.astro';
3
- ---
4
-
5
- <Button variant="warning">警告按钮</Button>
@@ -1,5 +0,0 @@
1
- ---
2
- import Button from './Button.astro';
3
- ---
4
-
5
- <Button wide>宽按钮</Button>
@@ -1,8 +0,0 @@
1
- ---
2
- import Button from './Button.astro';
3
- ---
4
-
5
- <div class="cosy:flex cosy:flex-col cosy:gap-2">
6
- <Button wide>宽按钮</Button>
7
- <Button block>块级按钮</Button>
8
- </div>
@@ -1,19 +0,0 @@
1
- ---
2
- import { CodeContainer } from '../../index-astro';
3
- import ButtonWide from './ButtonWide.astro';
4
- import ButtonBlock from './ButtonBlock.astro';
5
- import ButtonWideSourceCode from './ButtonWide.astro?raw';
6
- import ButtonBlockSourceCode from './ButtonBlock.astro?raw';
7
- ---
8
-
9
- <CodeContainer
10
- titles={['宽按钮', '块级按钮']}
11
- codes={[ButtonWideSourceCode, ButtonBlockSourceCode]}>
12
- <div id="tab-1">
13
- <ButtonWide />
14
- </div>
15
-
16
- <div id="tab-2">
17
- <ButtonBlock />
18
- </div>
19
- </CodeContainer>
@@ -1,25 +0,0 @@
1
- ---
2
- import Button from './Button.astro';
3
- ---
4
-
5
- <div class="cosy:flex cosy:flex-wrap cosy:gap-2">
6
- <Button variant="primary">
7
- <span slot="icon-left">👈</span>
8
- 返回
9
- </Button>
10
-
11
- <Button variant="success">
12
- 确认
13
- <span slot="icon-right">✅</span>
14
- </Button>
15
-
16
- <Button variant="info">
17
- <span slot="icon-left">💾</span>
18
- 保存
19
- <span slot="icon-right">📁</span>
20
- </Button>
21
-
22
- <Button variant="warning" shape="circle">
23
- <span slot="icon-left">⚠️</span>
24
- </Button>
25
- </div>
@@ -1,29 +0,0 @@
1
- ---
2
- import { CodeContainer } from '../../index-astro';
3
- import ButtonIconLeft from './ButtonIconLeft.astro';
4
- import ButtonIconRight from './ButtonIconRight.astro';
5
- import ButtonIconBoth from './ButtonIconBoth.astro';
6
- import ButtonIconLeftSourceCode from './ButtonIconLeft.astro?raw';
7
- import ButtonIconRightSourceCode from './ButtonIconRight.astro?raw';
8
- import ButtonIconBothSourceCode from './ButtonIconBoth.astro?raw';
9
- ---
10
-
11
- <CodeContainer
12
- titles={['左侧图标', '右侧图标', '两侧图标']}
13
- codes={[
14
- ButtonIconLeftSourceCode,
15
- ButtonIconRightSourceCode,
16
- ButtonIconBothSourceCode,
17
- ]}>
18
- <div id="tab-1">
19
- <ButtonIconLeft />
20
- </div>
21
-
22
- <div id="tab-2">
23
- <ButtonIconRight />
24
- </div>
25
-
26
- <div id="tab-3">
27
- <ButtonIconBoth />
28
- </div>
29
- </CodeContainer>
@@ -1,5 +0,0 @@
1
- ---
2
- import Card from './Card.astro';
3
- ---
4
-
5
- <Card title="卡片标题" subtitle="卡片描述文本" />
@@ -1,13 +0,0 @@
1
- ---
2
- /**
3
- * @component Card.Basic
4
- *
5
- * @description
6
- * 基础Card组件示例,展示最简单的卡片用法。
7
- */
8
- import { Card } from '../../index-astro';
9
- ---
10
-
11
- <Card title="基础卡片">
12
- 这是一个基础的卡片内容,展示了Card组件的最简单用法。
13
- </Card>
@@ -1,11 +0,0 @@
1
- ---
2
- import { CodeContainer } from '../../index-astro';
3
- import CardBasic from './ECardBasic.astro';
4
- import CardBasicSourceCode from './ECardBasic.astro?raw';
5
- ---
6
-
7
- <CodeContainer codes={[CardBasicSourceCode]}>
8
- <div id="tab-1">
9
- <CardBasic />
10
- </div>
11
- </CodeContainer>
@@ -1,16 +0,0 @@
1
- ---
2
- /**
3
- * @component Card.Clickable
4
- *
5
- * @description
6
- * 可点击的Card组件示例,展示如何使用href属性创建链接卡片。
7
- */
8
- import { Card } from '../../index-astro';
9
- ---
10
-
11
- <Card
12
- title="可点击的卡片"
13
- subtitle="点击整个卡片区域可以跳转到指定链接"
14
- href="#">
15
- 这是一个可点击的卡片,鼠标悬停时会有缩放效果,点击可以跳转到指定页面。
16
- </Card>
@@ -1,11 +0,0 @@
1
- ---
2
- import { CodeContainer } from '../../index-astro';
3
- import CardClickable from './ECardClickable.astro';
4
- import CardClickableSourceCode from './ECardClickable.astro?raw';
5
- ---
6
-
7
- <CodeContainer codes={[CardClickableSourceCode]}>
8
- <div id="tab-1">
9
- <CardClickable />
10
- </div>
11
- </CodeContainer>