fulldev-ui 0.4.0-beta.0 → 0.4.10
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/README.md +1 -2
- package/package.json +10 -9
- package/pnpm-lock.yaml +2877 -3591
- package/public/images/og-image.png +0 -0
- package/src/components/Head.astro +2 -3
- package/src/components/Search.astro +1 -1
- package/src/components/Table.astro +84 -75
- package/src/components/docs/PropsTable.astro +7 -0
- package/src/components/experimental/Prose.astro +2 -2
- package/src/content/pages/index.mdx +2 -1
- package/src/content/settings/base.yml +3 -0
- package/src/integration/index.ts +2 -2
|
Binary file
|
|
@@ -11,9 +11,8 @@ const { title, description, image, seo, code } = data || {}
|
|
|
11
11
|
const renderTitle = render && (await render()).headings[0]?.text
|
|
12
12
|
const mergedTitle = seo?.title || title || renderTitle
|
|
13
13
|
const mergedDescription = seo?.description || description
|
|
14
|
-
const mergedImage =
|
|
15
|
-
?
|
|
16
|
-
: seo?.image || image
|
|
14
|
+
const mergedImage =
|
|
15
|
+
seo?.image || image ? Astro.url.origin + (seo?.image || image) : undefined
|
|
17
16
|
---
|
|
18
17
|
|
|
19
18
|
<head>
|
|
@@ -15,107 +15,116 @@ const { header, body, footer, radius = 'auto', ...rest } = Astro.props
|
|
|
15
15
|
---
|
|
16
16
|
|
|
17
17
|
<Root
|
|
18
|
-
class="table"
|
|
19
|
-
as="table"
|
|
20
|
-
{radius}
|
|
18
|
+
class:list="table"
|
|
21
19
|
{...rest}
|
|
22
20
|
>
|
|
23
|
-
<Root
|
|
24
|
-
|
|
25
|
-
|
|
21
|
+
<Root
|
|
22
|
+
as="table"
|
|
23
|
+
{radius}
|
|
24
|
+
>
|
|
25
|
+
<Root as="thead">
|
|
26
|
+
<Root as="tr">
|
|
27
|
+
{header?.map((cell: string) => <Root as="th">{cell}</Root>)}
|
|
28
|
+
</Root>
|
|
26
29
|
</Root>
|
|
27
|
-
|
|
28
|
-
<Root as="tbody">
|
|
29
|
-
{
|
|
30
|
-
body?.map((row: string[]) => (
|
|
31
|
-
<Root as="tr">
|
|
32
|
-
{row.map((cell: string) => (
|
|
33
|
-
<Root as="td">{cell}</Root>
|
|
34
|
-
))}
|
|
35
|
-
</Root>
|
|
36
|
-
))
|
|
37
|
-
}
|
|
38
|
-
</Root>
|
|
39
|
-
<Root as="tfoot">
|
|
40
|
-
<Root as="tr">
|
|
30
|
+
<Root as="tbody">
|
|
41
31
|
{
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
colspan={cell.colspan}
|
|
50
|
-
>
|
|
51
|
-
{cell.text}
|
|
52
|
-
</Root>
|
|
53
|
-
)
|
|
54
|
-
}
|
|
55
|
-
})
|
|
32
|
+
body?.map((row: string[]) => (
|
|
33
|
+
<Root as="tr">
|
|
34
|
+
{row.map((cell: string) => (
|
|
35
|
+
<Root as="td">{cell}</Root>
|
|
36
|
+
))}
|
|
37
|
+
</Root>
|
|
38
|
+
))
|
|
56
39
|
}
|
|
57
40
|
</Root>
|
|
41
|
+
<Root as="tfoot">
|
|
42
|
+
<Root as="tr">
|
|
43
|
+
{
|
|
44
|
+
footer?.map((cell) => {
|
|
45
|
+
if (typeof cell === 'string') {
|
|
46
|
+
return <Root as="td">{cell}</Root>
|
|
47
|
+
} else {
|
|
48
|
+
return (
|
|
49
|
+
<Root
|
|
50
|
+
as="td"
|
|
51
|
+
colspan={cell.colspan}
|
|
52
|
+
>
|
|
53
|
+
{cell.text}
|
|
54
|
+
</Root>
|
|
55
|
+
)
|
|
56
|
+
}
|
|
57
|
+
})
|
|
58
|
+
}
|
|
59
|
+
</Root>
|
|
60
|
+
</Root>
|
|
58
61
|
</Root>
|
|
59
62
|
</Root>
|
|
60
63
|
|
|
61
64
|
<style is:global lang="scss">
|
|
62
65
|
.table {
|
|
63
|
-
display: table;
|
|
64
66
|
box-shadow: 0 0 0 1px var(--color-6);
|
|
65
67
|
border-radius: var(--radius-1);
|
|
66
|
-
|
|
67
|
-
width: 100%;
|
|
68
|
-
caption-side: bottom;
|
|
69
|
-
overflow: hidden;
|
|
68
|
+
overflow-x: auto;
|
|
70
69
|
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
70
|
+
table {
|
|
71
|
+
display: table;
|
|
72
|
+
margin: 0;
|
|
73
|
+
border-collapse: collapse;
|
|
74
|
+
width: 100%;
|
|
75
|
+
caption-side: bottom;
|
|
76
|
+
white-space: nowrap;
|
|
74
77
|
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
+
&.radius-none {
|
|
79
|
+
border-radius: 0;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
&.radius-auto {
|
|
83
|
+
border-radius: var(--radius-1);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
thead {
|
|
87
|
+
background-color: var(--color-3);
|
|
78
88
|
|
|
79
|
-
|
|
80
|
-
|
|
89
|
+
&:not(:last-child) {
|
|
90
|
+
border-bottom: 1px solid var(--color-6);
|
|
91
|
+
}
|
|
81
92
|
|
|
82
|
-
|
|
83
|
-
|
|
93
|
+
th {
|
|
94
|
+
color: var(--color-12);
|
|
95
|
+
font-weight: 500;
|
|
96
|
+
}
|
|
84
97
|
}
|
|
85
98
|
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
99
|
+
tbody {
|
|
100
|
+
display: table-row-group;
|
|
101
|
+
vertical-align: middle;
|
|
102
|
+
background-color: var(--color-2);
|
|
103
|
+
width: 100%;
|
|
104
|
+
unicode-bidi: isolate;
|
|
89
105
|
}
|
|
90
|
-
}
|
|
91
106
|
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
unicode-bidi: isolate;
|
|
97
|
-
}
|
|
107
|
+
tfoot {
|
|
108
|
+
display: table-footer-group;
|
|
109
|
+
background-color: var(--color-3);
|
|
110
|
+
color: var(--color-12);
|
|
98
111
|
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
112
|
+
&:not(:last-child) {
|
|
113
|
+
border-top: 1px solid var(--color-6);
|
|
114
|
+
}
|
|
115
|
+
}
|
|
103
116
|
|
|
104
|
-
|
|
117
|
+
tr + tr {
|
|
105
118
|
border-top: 1px solid var(--color-6);
|
|
106
119
|
}
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
tr + tr {
|
|
110
|
-
border-top: 1px solid var(--color-6);
|
|
111
|
-
}
|
|
112
120
|
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
121
|
+
th,
|
|
122
|
+
td {
|
|
123
|
+
vertical-align: middle;
|
|
124
|
+
padding: var(--space-3) var(--space-4);
|
|
125
|
+
font-size: var(--text-2);
|
|
126
|
+
text-align: left;
|
|
127
|
+
}
|
|
119
128
|
}
|
|
120
129
|
}
|
|
121
130
|
</style>
|
|
@@ -78,6 +78,7 @@ const asDefault = extractAsDefault(componentFileContent)
|
|
|
78
78
|
|
|
79
79
|
<Table
|
|
80
80
|
size="md"
|
|
81
|
+
class:list={['props-table']}
|
|
81
82
|
header={['Prop', 'Type', 'Default']}
|
|
82
83
|
body={[
|
|
83
84
|
...parsedProps.map((item) => [
|
|
@@ -93,3 +94,9 @@ const asDefault = extractAsDefault(componentFileContent)
|
|
|
93
94
|
: []),
|
|
94
95
|
]}
|
|
95
96
|
/>
|
|
97
|
+
|
|
98
|
+
<style is:global lang="scss">
|
|
99
|
+
.props-table {
|
|
100
|
+
overflow: auto;
|
|
101
|
+
}
|
|
102
|
+
</style>
|
|
@@ -18,7 +18,6 @@ const { as = 'div', ...rest } = Astro.props
|
|
|
18
18
|
<style is:global lang="scss">
|
|
19
19
|
.prose {
|
|
20
20
|
width: 100%;
|
|
21
|
-
max-width: 768px;
|
|
22
21
|
scroll-margin-top: var(--space-6);
|
|
23
22
|
color: var(--color-11);
|
|
24
23
|
font-weight: var(--font-weight);
|
|
@@ -28,7 +27,8 @@ const { as = 'div', ...rest } = Astro.props
|
|
|
28
27
|
|
|
29
28
|
> {
|
|
30
29
|
.astro-code,
|
|
31
|
-
.window
|
|
30
|
+
.window,
|
|
31
|
+
.table {
|
|
32
32
|
margin-top: var(--space-5);
|
|
33
33
|
}
|
|
34
34
|
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
seo:
|
|
3
3
|
title: Fulldev UI - Astro component and block library, open-source
|
|
4
4
|
description: Make websites rapidly with pre-built components and blocks.
|
|
5
|
+
image: /images/og-image.png
|
|
5
6
|
|
|
6
7
|
sections:
|
|
7
8
|
hero:
|
|
@@ -9,7 +10,7 @@ sections:
|
|
|
9
10
|
color: brand
|
|
10
11
|
badge:
|
|
11
12
|
as: a
|
|
12
|
-
text: We just released
|
|
13
|
+
text: We just released our biggest update yet 🎉
|
|
13
14
|
href: https://discord.gg/vXZqMbadm8
|
|
14
15
|
heading: The Astro UI library to build content sites
|
|
15
16
|
text: Make websites with prebuilt components and blocks
|
package/src/integration/index.ts
CHANGED
|
@@ -29,8 +29,8 @@ const defaultConfig: Config = {
|
|
|
29
29
|
},
|
|
30
30
|
},
|
|
31
31
|
}
|
|
32
|
-
export default function
|
|
33
|
-
userConfig
|
|
32
|
+
export default function fulldevIntegration(
|
|
33
|
+
userConfig?: Partial<Config>
|
|
34
34
|
): AstroIntegration {
|
|
35
35
|
const config = merge(defaultConfig ?? {}, userConfig ?? {})
|
|
36
36
|
|