@coffic/cosy-ui 0.9.20 → 0.9.22
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/index-astro.ts +1 -0
- package/dist/src-astro/alert/Alert.astro +28 -1
- package/dist/src-astro/container/Container.astro +40 -0
- package/dist/src-astro/container/index.ts +0 -15
- package/dist/src-astro/errors/404.astro +4 -8
- package/dist/src-astro/heading/Heading.astro +202 -83
- package/dist/src-astro/heading/HeadingAnchor.astro +33 -0
- package/dist/src-astro/language-switcher/LanguageSwitcher.astro +1 -3
- package/dist/src-astro/layout-app/AppLayout.astro +71 -4
- package/dist/src-astro/layout-dashboard/index.ts +1 -1
- package/dist/src-astro/placeholder/PlaceHolder.astro +142 -0
- package/dist/src-astro/placeholder/index.ts +2 -0
- package/dist/src-astro/placeholder/types.ts +16 -0
- package/dist/src-astro/products/ProductCard.astro +3 -1
- package/dist/src-astro/products/Products.astro +48 -0
- package/dist/src-astro/sidebar/Sidebar.astro +19 -20
- package/dist/src-astro/sidebar/SidebarNav.astro +6 -9
- package/package.json +17 -17
- package/dist/src-astro/container/EContainerBasic.astro +0 -15
- package/dist/src-astro/container/EContainerBasicContainer.astro +0 -11
- package/dist/src-astro/container/EContainerFlexBetween.astro +0 -23
- package/dist/src-astro/container/EContainerFlexCenter.astro +0 -30
- package/dist/src-astro/container/EContainerFlexColumn.astro +0 -23
- package/dist/src-astro/container/EContainerFlexContainer.astro +0 -34
- package/dist/src-astro/container/EContainerFlexRow.astro +0 -23
- package/dist/src-astro/container/EContainerPadding.astro +0 -32
- package/dist/src-astro/container/EContainerPaddingContainer.astro +0 -11
- package/dist/src-astro/container/EContainerSizes.astro +0 -36
- package/dist/src-astro/container/EContainerSizesContainer.astro +0 -11
@@ -1,34 +0,0 @@
|
|
1
|
-
---
|
2
|
-
import { CodeContainer } from '../../index-astro';
|
3
|
-
import ContainerFlexRow from './EContainerFlexRow.astro';
|
4
|
-
import ContainerFlexColumn from './EContainerFlexColumn.astro';
|
5
|
-
import ContainerFlexCenter from './EContainerFlexCenter.astro';
|
6
|
-
import ContainerFlexBetween from './EContainerFlexBetween.astro';
|
7
|
-
|
8
|
-
import ContainerFlexRowSourceCode from './EContainerFlexRow.astro?raw';
|
9
|
-
import ContainerFlexColumnSourceCode from './EContainerFlexColumn.astro?raw';
|
10
|
-
import ContainerFlexCenterSourceCode from './EContainerFlexCenter.astro?raw';
|
11
|
-
import ContainerFlexBetweenSourceCode from './EContainerFlexBetween.astro?raw';
|
12
|
-
---
|
13
|
-
|
14
|
-
<CodeContainer
|
15
|
-
titles={['Row', 'Column', 'Center', 'Between']}
|
16
|
-
codes={[
|
17
|
-
ContainerFlexRowSourceCode,
|
18
|
-
ContainerFlexColumnSourceCode,
|
19
|
-
ContainerFlexCenterSourceCode,
|
20
|
-
ContainerFlexBetweenSourceCode,
|
21
|
-
]}>
|
22
|
-
<div id="tab-1">
|
23
|
-
<ContainerFlexRow />
|
24
|
-
</div>
|
25
|
-
<div id="tab-2">
|
26
|
-
<ContainerFlexColumn />
|
27
|
-
</div>
|
28
|
-
<div id="tab-3">
|
29
|
-
<ContainerFlexCenter />
|
30
|
-
</div>
|
31
|
-
<div id="tab-4">
|
32
|
-
<ContainerFlexBetween />
|
33
|
-
</div>
|
34
|
-
</CodeContainer>
|
@@ -1,23 +0,0 @@
|
|
1
|
-
---
|
2
|
-
/**
|
3
|
-
* @component Container.FlexRow
|
4
|
-
*
|
5
|
-
* @description
|
6
|
-
* 展示Container组件的行排列(flex="row")布局功能。
|
7
|
-
*/
|
8
|
-
import '../../style.ts';
|
9
|
-
import { Container } from '../../index-astro';
|
10
|
-
---
|
11
|
-
|
12
|
-
<Container flex="row" gap="md" border padding="md">
|
13
|
-
<div class="cosy:bg-primary cosy:text-primary-content cosy:p-4 cosy:rounded">
|
14
|
-
第一项
|
15
|
-
</div>
|
16
|
-
<div
|
17
|
-
class="cosy:bg-secondary cosy:text-secondary-content cosy:p-4 cosy:rounded">
|
18
|
-
第二项
|
19
|
-
</div>
|
20
|
-
<div class="cosy:bg-accent cosy:text-accent-content cosy:p-4 cosy:rounded">
|
21
|
-
第三项
|
22
|
-
</div>
|
23
|
-
</Container>
|
@@ -1,32 +0,0 @@
|
|
1
|
-
---
|
2
|
-
/**
|
3
|
-
* @component Container.Padding
|
4
|
-
*
|
5
|
-
* @description
|
6
|
-
* 展示Container组件的不同内边距选项:none、sm、md、lg、xl。
|
7
|
-
*/
|
8
|
-
import '../../style.ts';
|
9
|
-
import { Container } from '../../index-astro';
|
10
|
-
---
|
11
|
-
|
12
|
-
<div class="cosy:space-y-4">
|
13
|
-
<Container padding="none" border>
|
14
|
-
<p class="cosy:text-center">无内边距 (none)</p>
|
15
|
-
</Container>
|
16
|
-
|
17
|
-
<Container padding="sm" border>
|
18
|
-
<p class="cosy:text-center">小内边距 (sm)</p>
|
19
|
-
</Container>
|
20
|
-
|
21
|
-
<Container padding="md" border>
|
22
|
-
<p class="cosy:text-center">中等内边距 (md) - 默认</p>
|
23
|
-
</Container>
|
24
|
-
|
25
|
-
<Container padding="lg" border>
|
26
|
-
<p class="cosy:text-center">大内边距 (lg)</p>
|
27
|
-
</Container>
|
28
|
-
|
29
|
-
<Container padding="xl" border>
|
30
|
-
<p class="cosy:text-center">超大内边距 (xl)</p>
|
31
|
-
</Container>
|
32
|
-
</div>
|
@@ -1,11 +0,0 @@
|
|
1
|
-
---
|
2
|
-
import { CodeContainer } from '../../index-astro';
|
3
|
-
import ContainerPadding from './EContainerPadding.astro';
|
4
|
-
import ContainerPaddingSourceCode from './EContainerPadding.astro?raw';
|
5
|
-
---
|
6
|
-
|
7
|
-
<CodeContainer codes={[ContainerPaddingSourceCode]}>
|
8
|
-
<div id="tab-1">
|
9
|
-
<ContainerPadding />
|
10
|
-
</div>
|
11
|
-
</CodeContainer>
|
@@ -1,36 +0,0 @@
|
|
1
|
-
---
|
2
|
-
/**
|
3
|
-
* @component Container.Sizes
|
4
|
-
*
|
5
|
-
* @description
|
6
|
-
* 展示Container组件的不同尺寸选项:xs、sm、md、lg、xl、full。
|
7
|
-
*/
|
8
|
-
import '../../style.ts';
|
9
|
-
import { Container } from '../../index-astro';
|
10
|
-
---
|
11
|
-
|
12
|
-
<div class="cosy:space-y-4">
|
13
|
-
<Container size="xs" border>
|
14
|
-
<p class="cosy:text-center">超小尺寸容器 (xs)</p>
|
15
|
-
</Container>
|
16
|
-
|
17
|
-
<Container size="sm" border>
|
18
|
-
<p class="cosy:text-center">小尺寸容器 (sm)</p>
|
19
|
-
</Container>
|
20
|
-
|
21
|
-
<Container size="md" border>
|
22
|
-
<p class="cosy:text-center">中等尺寸容器 (md) - 默认</p>
|
23
|
-
</Container>
|
24
|
-
|
25
|
-
<Container size="lg" border>
|
26
|
-
<p class="cosy:text-center">大尺寸容器 (lg)</p>
|
27
|
-
</Container>
|
28
|
-
|
29
|
-
<Container size="xl" border>
|
30
|
-
<p class="cosy:text-center">超大尺寸容器 (xl)</p>
|
31
|
-
</Container>
|
32
|
-
|
33
|
-
<Container size="full" border>
|
34
|
-
<p class="cosy:text-center">全宽容器 (full)</p>
|
35
|
-
</Container>
|
36
|
-
</div>
|
@@ -1,11 +0,0 @@
|
|
1
|
-
---
|
2
|
-
import { CodeContainer } from '../../index-astro';
|
3
|
-
import ContainerSizes from './EContainerSizes.astro';
|
4
|
-
import ContainerSizesSourceCode from './EContainerSizes.astro?raw';
|
5
|
-
---
|
6
|
-
|
7
|
-
<CodeContainer codes={[ContainerSizesSourceCode]}>
|
8
|
-
<div id="tab-1">
|
9
|
-
<ContainerSizes />
|
10
|
-
</div>
|
11
|
-
</CodeContainer>
|