@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.
- package/dist/app.css +1 -1
- package/dist/src-astro/alert/index.ts +7 -15
- package/dist/src-astro/assets/iconData.ts +100 -0
- package/dist/src-astro/button/index_astro.ts +2 -56
- package/dist/src-astro/card/CardCourse.astro +31 -11
- package/dist/src-astro/card/index.ts +15 -25
- package/dist/src-astro/code-container/CodeContainer.astro +205 -5
- package/dist/src-astro/code-container/index.ts +9 -13
- package/dist/src-astro/contact/index.ts +16 -20
- package/dist/src-astro/errors/index.ts +0 -62
- package/dist/src-astro/footer/index.ts +1 -30
- package/dist/src-astro/header/Header.astro +1 -2
- package/dist/src-astro/header/index.ts +1 -40
- package/dist/src-astro/hero/index.ts +1 -39
- package/dist/src-astro/icons/ChartIcon.astro +28 -0
- package/dist/src-astro/icons/DashboardIcon.astro +28 -0
- package/dist/src-astro/icons/DeleteIcon.astro +28 -0
- package/dist/src-astro/icons/DocumentIcon.astro +28 -0
- package/dist/src-astro/icons/DownloadIcon.astro +28 -0
- package/dist/src-astro/icons/EditIcon.astro +28 -0
- package/dist/src-astro/icons/FolderIcon.astro +28 -0
- package/dist/src-astro/icons/HeartIcon.astro +28 -0
- package/dist/src-astro/icons/HomeIcon.astro +28 -0
- package/dist/src-astro/icons/MailIcon.astro +28 -0
- package/dist/src-astro/icons/MessageIcon.astro +28 -0
- package/dist/src-astro/icons/NotificationIcon.astro +28 -0
- package/dist/src-astro/icons/ReportIcon.astro +28 -0
- package/dist/src-astro/icons/SaveIcon.astro +28 -0
- package/dist/src-astro/icons/SecurityIcon.astro +28 -0
- package/dist/src-astro/icons/StarIcon.astro +28 -0
- package/dist/src-astro/icons/ToolsIcon.astro +28 -0
- package/dist/src-astro/icons/UploadIcon.astro +28 -0
- package/dist/src-astro/icons/UsersIcon.astro +28 -0
- package/dist/src-astro/icons/WalletIcon.astro +28 -0
- package/dist/src-astro/icons/index.ts +20 -0
- package/dist/src-astro/layout-app/index.ts +5 -9
- package/dist/src-astro/layout-dashboard/DashboardLayout.astro +101 -555
- package/dist/src-astro/layout-dashboard/DashboardSidebar.astro +206 -0
- package/dist/src-astro/layout-dashboard/DashboardTopNavbar.astro +132 -0
- package/dist/src-astro/layout-dashboard/index.ts +14 -8
- package/dist/src-astro/layout-dashboard/tools.ts +0 -0
- package/dist/src-astro/layout-dashboard/types.ts +313 -0
- package/package.json +1 -1
- package/dist/src-astro/alert/EAlertBasic.astro +0 -11
- package/dist/src-astro/alert/EAlertBasicContainer.astro +0 -11
- package/dist/src-astro/alert/EAlertCustomStyle.astro +0 -16
- package/dist/src-astro/alert/EAlertCustomStyleContainer.astro +0 -11
- package/dist/src-astro/alert/EAlertError.astro +0 -6
- package/dist/src-astro/alert/EAlertInfo.astro +0 -6
- package/dist/src-astro/alert/EAlertSuccess.astro +0 -6
- package/dist/src-astro/alert/EAlertTypesContainer.astro +0 -43
- package/dist/src-astro/alert/EAlertWarning.astro +0 -6
- package/dist/src-astro/alert/EAlertWithTitle.astro +0 -12
- package/dist/src-astro/alert/EAlertWithTitleContainer.astro +0 -11
- package/dist/src-astro/button/ButtonBasic.astro +0 -18
- package/dist/src-astro/button/ButtonBasicContainer.astro +0 -11
- package/dist/src-astro/button/ButtonBlock.astro +0 -5
- package/dist/src-astro/button/ButtonError.astro +0 -5
- package/dist/src-astro/button/ButtonGhost.astro +0 -5
- package/dist/src-astro/button/ButtonIconBoth.astro +0 -9
- package/dist/src-astro/button/ButtonIconLeft.astro +0 -8
- package/dist/src-astro/button/ButtonIconRight.astro +0 -8
- package/dist/src-astro/button/ButtonInfo.astro +0 -5
- package/dist/src-astro/button/ButtonLinkContainer.astro +0 -19
- package/dist/src-astro/button/ButtonNeutral.astro +0 -5
- package/dist/src-astro/button/ButtonOutline.astro +0 -5
- package/dist/src-astro/button/ButtonShapeCircle.astro +0 -5
- package/dist/src-astro/button/ButtonShapeDefault.astro +0 -5
- package/dist/src-astro/button/ButtonShapeSquare.astro +0 -5
- package/dist/src-astro/button/ButtonShapes.astro +0 -23
- package/dist/src-astro/button/ButtonShapesContainer.astro +0 -29
- package/dist/src-astro/button/ButtonSizes.astro +0 -15
- package/dist/src-astro/button/ButtonSizesContainer.astro +0 -11
- package/dist/src-astro/button/ButtonStates.astro +0 -12
- package/dist/src-astro/button/ButtonStatesContainer.astro +0 -11
- package/dist/src-astro/button/ButtonSuccess.astro +0 -5
- package/dist/src-astro/button/ButtonVariantsContainer.astro +0 -73
- package/dist/src-astro/button/ButtonWarning.astro +0 -5
- package/dist/src-astro/button/ButtonWide.astro +0 -5
- package/dist/src-astro/button/ButtonWidth.astro +0 -8
- package/dist/src-astro/button/ButtonWidthContainer.astro +0 -19
- package/dist/src-astro/button/ButtonWithIcons.astro +0 -25
- package/dist/src-astro/button/ButtonWithIconsContainer.astro +0 -29
- package/dist/src-astro/card/CardBasic.astro +0 -5
- package/dist/src-astro/card/ECardBasic.astro +0 -13
- package/dist/src-astro/card/ECardBasicContainer.astro +0 -11
- package/dist/src-astro/card/ECardClickable.astro +0 -16
- package/dist/src-astro/card/ECardClickableContainer.astro +0 -11
- package/dist/src-astro/card/ECardCompact.astro +0 -13
- package/dist/src-astro/card/ECardCompactContainer.astro +0 -11
- package/dist/src-astro/card/ECardCustomStyle.astro +0 -17
- package/dist/src-astro/card/ECardCustomStyleContainer.astro +0 -11
- package/dist/src-astro/card/ECardWithImage.astro +0 -16
- package/dist/src-astro/card/ECardWithImageContainer.astro +0 -11
- package/dist/src-astro/card/ECardWithSubtitle.astro +0 -13
- package/dist/src-astro/card/ECardWithSubtitleContainer.astro +0 -11
- package/dist/src-astro/code-container/ECodeContainerBasic.astro +0 -19
- package/dist/src-astro/code-container/ECodeContainerMultiple.astro +0 -49
- package/dist/src-astro/contact/EContactBasic.astro +0 -15
- package/dist/src-astro/contact/EContactBasicContainer.astro +0 -11
- package/dist/src-astro/contact/EContactCompact.astro +0 -11
- package/dist/src-astro/contact/EContactCompactContainer.astro +0 -11
- package/dist/src-astro/contact/EContactCustomStyle.astro +0 -21
- package/dist/src-astro/contact/EContactCustomStyleContainer.astro +0 -11
- package/dist/src-astro/contact/EContactSocial.astro +0 -20
- package/dist/src-astro/contact/EContactSocialContainer.astro +0 -11
- package/dist/src-astro/contact/EContactWithTitle.astro +0 -17
- package/dist/src-astro/contact/EContactWithTitleContainer.astro +0 -11
- package/dist/src-astro/errors/E403Basic.astro +0 -11
- package/dist/src-astro/errors/E403BasicContainer.astro +0 -20
- package/dist/src-astro/errors/E404Basic.astro +0 -11
- package/dist/src-astro/errors/E404BasicContainer.astro +0 -20
- package/dist/src-astro/errors/E404WithDebug.astro +0 -18
- package/dist/src-astro/errors/E500Basic.astro +0 -11
- package/dist/src-astro/errors/E500BasicContainer.astro +0 -20
- package/dist/src-astro/errors/E503Maintenance.astro +0 -20
- package/dist/src-astro/errors/E503MaintenanceContainer.astro +0 -21
- package/dist/src-astro/errors/EErrorPageCustomStyle.astro +0 -21
- package/dist/src-astro/errors/EErrorPageCustomStyleContainer.astro +0 -21
- package/dist/src-astro/errors/EErrorPageShowcase.astro +0 -68
- package/dist/src-astro/errors/EErrorPageShowcaseContainer.astro +0 -21
- package/dist/src-astro/footer/EFooterBasic.astro +0 -18
- package/dist/src-astro/footer/EFooterBasicContainer.astro +0 -11
- package/dist/src-astro/footer/EFooterComplete.astro +0 -50
- package/dist/src-astro/footer/EFooterCompleteContainer.astro +0 -11
- package/dist/src-astro/footer/EFooterFeaturesContainer.astro +0 -40
- package/dist/src-astro/footer/EFooterWithLogo.astro +0 -28
- package/dist/src-astro/footer/EFooterWithLogoContainer.astro +0 -11
- package/dist/src-astro/footer/EFooterWithNavigation.astro +0 -24
- package/dist/src-astro/footer/EFooterWithNavigationContainer.astro +0 -11
- package/dist/src-astro/footer/EFooterWithProducts.astro +0 -24
- package/dist/src-astro/footer/EFooterWithProductsContainer.astro +0 -11
- package/dist/src-astro/footer/EFooterWithSocial.astro +0 -24
- package/dist/src-astro/footer/EFooterWithSocialContainer.astro +0 -11
- package/dist/src-astro/header/HeaderBasic.astro +0 -19
- package/dist/src-astro/header/HeaderCustomNavbarCenter.astro +0 -28
- package/dist/src-astro/header/HeaderCustomNavbarEnd.astro +0 -25
- package/dist/src-astro/header/HeaderCustomNavbarStart.astro +0 -27
- package/dist/src-astro/header/HeaderCustomPosition.astro +0 -34
- package/dist/src-astro/header/HeaderWithNavigation.astro +0 -27
- package/dist/src-astro/hero/EHeroAlignCenter.astro +0 -13
- package/dist/src-astro/hero/EHeroAlignContainer.astro +0 -27
- package/dist/src-astro/hero/EHeroAlignLeft.astro +0 -13
- package/dist/src-astro/hero/EHeroAlignRight.astro +0 -13
- package/dist/src-astro/hero/EHeroBackgroundContainer.astro +0 -18
- package/dist/src-astro/hero/EHeroBackgroundImage.astro +0 -16
- package/dist/src-astro/hero/EHeroBackgroundImageContainer.astro +0 -11
- package/dist/src-astro/hero/EHeroBasic.astro +0 -12
- package/dist/src-astro/hero/EHeroBasicContainer.astro +0 -11
- package/dist/src-astro/hero/EHeroGradientBackground.astro +0 -10
- package/dist/src-astro/hero/EHeroPlainBackground.astro +0 -10
- package/dist/src-astro/hero/EHeroWithButton.astro +0 -14
- package/dist/src-astro/hero/EHeroWithButtonContainer.astro +0 -11
- package/dist/src-astro/hero/EHeroWithImage.astro +0 -16
- package/dist/src-astro/hero/EHeroWithImageContainer.astro +0 -11
- package/dist/src-astro/layout-app/AppLayoutBasic.astro +0 -54
- 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,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,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,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,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,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,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,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>
|