@coffic/cosy-ui 0.6.12 → 0.6.16
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/assets/iconData.ts +93 -0
- package/dist/components/base/Alert.astro +1 -1
- package/dist/components/base/Button.astro +102 -91
- package/dist/components/base/Image.astro +1 -1
- package/dist/components/base/Link.astro +1 -1
- package/dist/components/containers/Container.astro +1 -1
- package/dist/components/containers/Main.astro +1 -1
- package/dist/components/containers/Section.astro +96 -94
- package/dist/components/data-display/Blog.astro +1 -1
- package/dist/components/data-display/ProductCard.astro +2 -4
- package/dist/components/data-display/Products.astro +2 -2
- package/dist/components/data-display/TeamMember.astro +2 -4
- package/dist/components/data-display/TeamMembers.astro +1 -1
- package/dist/components/display/Banner.astro +1 -1
- package/dist/components/display/Card.astro +1 -1
- package/dist/components/display/CodeBlock.astro +1 -1
- package/dist/components/display/CodeExample.astro +1 -1
- package/dist/components/display/Hero.astro +1 -1
- package/dist/components/display/Modal.astro +1 -1
- package/dist/components/layouts/AppLayout.astro +2 -6
- package/dist/components/layouts/BaseLayout.astro +1 -1
- package/dist/components/layouts/DashboardLayout.astro +1 -1
- package/dist/components/layouts/Footer.astro +2 -5
- package/dist/components/layouts/Grid.astro +1 -1
- package/dist/components/layouts/Header.astro +1 -1
- package/dist/components/layouts/NavItems.astro +1 -1
- package/dist/components/layouts/Sidebar.astro +2 -2
- package/dist/components/layouts/SidebarNav.astro +1 -1
- package/dist/components/layouts/Stack.astro +72 -70
- package/dist/components/navigation/LanguageSwitcher.astro +2 -2
- package/dist/components/navigation/TableOfContents.astro +1 -1
- package/dist/components/navigation/ThemeSwitcher.astro +2 -2
- package/dist/components/typography/Article.astro +2 -2
- package/dist/components/typography/Heading.astro +2 -2
- package/dist/components/typography/Text.astro +1 -1
- package/dist/icons/AlertTriangle.astro +24 -0
- package/dist/icons/AstroIcon.astro +46 -0
- package/dist/icons/CalendarIcon.astro +24 -0
- package/dist/icons/CheckCircle.astro +23 -0
- package/dist/icons/CheckIcon.astro +27 -0
- package/dist/{components/icons → icons}/ChevronDownIcon.astro +3 -13
- package/dist/icons/ClipboardIcon.astro +27 -0
- package/dist/icons/CloseIcon.astro +27 -0
- package/dist/icons/ErrorIcon.astro +24 -0
- package/dist/icons/GithubIcon.astro +24 -0
- package/dist/icons/InfoCircle.astro +24 -0
- package/dist/icons/InfoIcon.astro +26 -0
- package/dist/icons/LinkIcon.astro +27 -0
- package/dist/icons/LinkedinIcon.astro +23 -0
- package/dist/icons/MenuIcon.astro +27 -0
- package/dist/icons/SearchIcon.astro +23 -0
- package/dist/icons/SettingsIcon.astro +18 -0
- package/dist/{components/icons → icons}/SocialIcon.astro +14 -14
- package/dist/icons/SuccessIcon.astro +24 -0
- package/dist/icons/SunCloudyIcon.astro +23 -0
- package/dist/icons/TwitterIcon.astro +24 -0
- package/dist/icons/UserIcon.astro +24 -0
- package/dist/icons/WarningIcon.astro +27 -0
- package/dist/icons/XCircle.astro +24 -0
- package/dist/index.ts +1 -1
- package/dist/index_icons.ts +23 -0
- package/dist/index_vue.ts +41 -0
- package/dist/vue/{AlertDialog.vue → AlertDialog/AlertDialog.vue} +1 -1
- package/dist/vue/AlertDialog/Basic.vue +38 -0
- package/dist/vue/AlertDialog/Multilang.vue +48 -0
- package/dist/vue/AlertDialog/index.ts +58 -0
- package/dist/vue/BannerBox/BannerBox.vue +296 -0
- package/dist/vue/BannerBox/DownloadButton.vue +202 -0
- package/dist/vue/BannerBox/ExampleBasic.vue +32 -0
- package/dist/vue/BannerBox/ExampleCustomBg.vue +32 -0
- package/dist/vue/BannerBox/ExampleDisplayModeAlways.vue +34 -0
- package/dist/vue/BannerBox/ExampleDisplayModeHover.vue +34 -0
- package/dist/vue/BannerBox/ExampleDisplayModeNever.vue +34 -0
- package/dist/vue/BannerBox/ExampleImageExport.vue +37 -0
- package/dist/vue/BannerBox/ExampleSizePreset.vue +35 -0
- package/dist/vue/{FeatureCard.vue → BannerBox/FeatureCard.vue} +28 -47
- package/dist/vue/BannerBox/SmartBanner.vue +44 -0
- package/dist/vue/BannerBox/bgStyles.ts +55 -0
- package/dist/vue/BannerBox/index.ts +83 -0
- package/dist/vue/BannerBox/sizePresets.ts +23 -0
- package/dist/vue/FeatureButton.vue +25 -26
- package/dist/vue/Icons/AlertTriangleIcon.vue +30 -0
- package/dist/vue/Icons/CalendarIcon.vue +30 -0
- package/dist/vue/Icons/CheckCircleIcon.vue +30 -0
- package/dist/vue/Icons/CheckIcon.vue +30 -0
- package/dist/vue/Icons/ChevronDownIcon.vue +30 -0
- package/dist/vue/Icons/ClipboardIcon.vue +30 -0
- package/dist/vue/Icons/CloseIcon.vue +30 -0
- package/dist/vue/Icons/InfoCircleIcon.vue +30 -0
- package/dist/vue/Icons/InfoIcon.vue +30 -0
- package/dist/vue/Icons/LinkIcon.vue +30 -0
- package/dist/vue/Icons/MenuIcon.vue +30 -0
- package/dist/vue/Icons/SearchIcon.vue +30 -0
- package/dist/vue/Icons/SettingsIcon.vue +30 -0
- package/dist/vue/Icons/UserIcon.vue +30 -0
- package/dist/vue/Icons/VueIcon.vue +76 -0
- package/dist/vue/Icons/XCircleIcon.vue +30 -0
- package/dist/vue/MacWindow/Basic.vue +11 -0
- package/dist/vue/MacWindow/CustomHeight.vue +13 -0
- package/dist/vue/{MacWindow.vue → MacWindow/MacWindow.vue} +70 -38
- package/dist/vue/MacWindow/WithEvents.vue +34 -0
- package/dist/vue/MacWindow/WithSidebar.vue +21 -0
- package/dist/vue/MacWindow/WithTabs.vue +21 -0
- package/dist/vue/MacWindow/WithToolbar.vue +43 -0
- package/dist/vue/MacWindow/index.ts +50 -0
- package/dist/vue/SmartHero.vue +28 -34
- package/dist/vue/VueCounter.vue +29 -0
- package/dist/vue/iPhone/Basic.vue +33 -0
- package/dist/vue/iPhone/CustomBackground.vue +33 -0
- package/dist/vue/iPhone/NoFrame.vue +33 -0
- package/dist/vue/iPhone/WeatherApp.vue +97 -0
- package/dist/vue/iPhone/assets/iPhone 14 Pro - Deep Purple - Landscape.png +0 -0
- package/dist/vue/iPhone/assets/iPhone 14 Pro - Deep Purple - Portrait.png +0 -0
- package/dist/vue/iPhone/assets/iPhone 14 Pro - Gold - Landscape.png +0 -0
- package/dist/vue/iPhone/assets/iPhone 14 Pro - Gold - Portrait.png +0 -0
- package/dist/vue/iPhone/assets/iPhone 14 Pro - Silver - Landscape.png +0 -0
- package/dist/vue/iPhone/assets/iPhone 14 Pro - Silver - Portrait.png +0 -0
- package/dist/vue/iPhone/assets/iPhone 14 Pro - Space Black - Landscape.png +0 -0
- package/dist/vue/iPhone/assets/iPhone 14 Pro - Space Black - Portrait.png +0 -0
- package/dist/vue/{iPhoneWindow.vue → iPhone/iPhoneWindow.vue} +11 -7
- package/dist/vue/iPhone/index.ts +41 -0
- package/package.json +13 -12
- package/dist/components/icons/AlertTriangle.astro +0 -35
- package/dist/components/icons/CalendarIcon.astro +0 -38
- package/dist/components/icons/CheckCircle.astro +0 -36
- package/dist/components/icons/CheckIcon.astro +0 -38
- package/dist/components/icons/ClipboardIcon.astro +0 -39
- package/dist/components/icons/CloseIcon.astro +0 -38
- package/dist/components/icons/ErrorIcon.astro +0 -35
- package/dist/components/icons/GithubIcon.astro +0 -31
- package/dist/components/icons/InfoCircle.astro +0 -37
- package/dist/components/icons/InfoIcon.astro +0 -38
- package/dist/components/icons/LinkIcon.astro +0 -39
- package/dist/components/icons/LinkedinIcon.astro +0 -31
- package/dist/components/icons/MenuIcon.astro +0 -38
- package/dist/components/icons/SearchIcon.astro +0 -36
- package/dist/components/icons/SettingsIcon.astro +0 -36
- package/dist/components/icons/SuccessIcon.astro +0 -35
- package/dist/components/icons/SunCloudyIcon.astro +0 -41
- package/dist/components/icons/TwitterIcon.astro +0 -31
- package/dist/components/icons/UserIcon.astro +0 -35
- package/dist/components/icons/WarningIcon.astro +0 -38
- package/dist/components/icons/XCircle.astro +0 -37
- package/dist/entities/Banner.ts +0 -105
- package/dist/icons.ts +0 -22
- package/dist/vue/BannerBox.vue +0 -267
- package/dist/vue/FeatureGroup.vue +0 -22
- package/dist/vue/SmartBanner.vue +0 -45
- package/dist/vue/WildBanner.vue +0 -15
- package/dist/vue.ts +0 -14
- /package/dist/{collection.ts → index_collection.ts} +0 -0
@@ -1,38 +0,0 @@
|
|
1
|
-
---
|
2
|
-
/**
|
3
|
-
* 检查图标组件
|
4
|
-
*/
|
5
|
-
interface Props {
|
6
|
-
/**
|
7
|
-
* 图标的大小
|
8
|
-
* @default "24px"
|
9
|
-
*/
|
10
|
-
size?: string;
|
11
|
-
/**
|
12
|
-
* 图标的颜色
|
13
|
-
* @default "currentColor"
|
14
|
-
*/
|
15
|
-
color?: string;
|
16
|
-
/**
|
17
|
-
* 自定义类名
|
18
|
-
*/
|
19
|
-
class?: string;
|
20
|
-
}
|
21
|
-
|
22
|
-
const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
|
23
|
-
---
|
24
|
-
|
25
|
-
<svg
|
26
|
-
xmlns="http://www.w3.org/2000/svg"
|
27
|
-
width={size}
|
28
|
-
height={size}
|
29
|
-
viewBox="0 0 24 24"
|
30
|
-
fill="none"
|
31
|
-
stroke={color}
|
32
|
-
stroke-width="2"
|
33
|
-
stroke-linecap="round"
|
34
|
-
stroke-linejoin="round"
|
35
|
-
class={className}
|
36
|
-
>
|
37
|
-
<polyline points="20 6 9 17 4 12"></polyline>
|
38
|
-
</svg>
|
@@ -1,39 +0,0 @@
|
|
1
|
-
---
|
2
|
-
/**
|
3
|
-
* 剪贴板图标组件
|
4
|
-
*/
|
5
|
-
interface Props {
|
6
|
-
/**
|
7
|
-
* 图标的大小
|
8
|
-
* @default "24px"
|
9
|
-
*/
|
10
|
-
size?: string;
|
11
|
-
/**
|
12
|
-
* 图标的颜色
|
13
|
-
* @default "currentColor"
|
14
|
-
*/
|
15
|
-
color?: string;
|
16
|
-
/**
|
17
|
-
* 自定义类名
|
18
|
-
*/
|
19
|
-
class?: string;
|
20
|
-
}
|
21
|
-
|
22
|
-
const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
|
23
|
-
---
|
24
|
-
|
25
|
-
<svg
|
26
|
-
xmlns="http://www.w3.org/2000/svg"
|
27
|
-
width={size}
|
28
|
-
height={size}
|
29
|
-
viewBox="0 0 24 24"
|
30
|
-
fill="none"
|
31
|
-
stroke={color}
|
32
|
-
stroke-width="2"
|
33
|
-
stroke-linecap="round"
|
34
|
-
stroke-linejoin="round"
|
35
|
-
class={className}
|
36
|
-
>
|
37
|
-
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
|
38
|
-
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
|
39
|
-
</svg>
|
@@ -1,38 +0,0 @@
|
|
1
|
-
---
|
2
|
-
/**
|
3
|
-
* 关闭图标组件
|
4
|
-
*/
|
5
|
-
interface Props {
|
6
|
-
/**
|
7
|
-
* 图标的大小
|
8
|
-
* @default "16px"
|
9
|
-
*/
|
10
|
-
size?: string;
|
11
|
-
/**
|
12
|
-
* 图标的颜色
|
13
|
-
* @default "currentColor"
|
14
|
-
*/
|
15
|
-
color?: string;
|
16
|
-
/**
|
17
|
-
* 自定义类名
|
18
|
-
*/
|
19
|
-
class?: string;
|
20
|
-
}
|
21
|
-
|
22
|
-
const { size = '16px', color = 'currentColor', class: className = '' } = Astro.props;
|
23
|
-
---
|
24
|
-
|
25
|
-
<svg
|
26
|
-
xmlns="http://www.w3.org/2000/svg"
|
27
|
-
width={size}
|
28
|
-
height={size}
|
29
|
-
viewBox="0 0 24 24"
|
30
|
-
fill="none"
|
31
|
-
stroke={color}
|
32
|
-
stroke-width="2"
|
33
|
-
stroke-linecap="round"
|
34
|
-
stroke-linejoin="round"
|
35
|
-
class={className}
|
36
|
-
>
|
37
|
-
<path d="M6 18L18 6M6 6l12 12" />
|
38
|
-
</svg>
|
@@ -1,35 +0,0 @@
|
|
1
|
-
---
|
2
|
-
interface Props {
|
3
|
-
/**
|
4
|
-
* 图标的大小
|
5
|
-
* @default "24px"
|
6
|
-
*/
|
7
|
-
size?: string;
|
8
|
-
/**
|
9
|
-
* 图标的颜色
|
10
|
-
* @default "currentColor"
|
11
|
-
*/
|
12
|
-
color?: string;
|
13
|
-
/**
|
14
|
-
* 自定义类名
|
15
|
-
*/
|
16
|
-
class?: string;
|
17
|
-
}
|
18
|
-
|
19
|
-
const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
|
20
|
-
---
|
21
|
-
|
22
|
-
<svg
|
23
|
-
xmlns="http://www.w3.org/2000/svg"
|
24
|
-
width={size}
|
25
|
-
height={size}
|
26
|
-
viewBox="0 0 24 24"
|
27
|
-
fill="none"
|
28
|
-
stroke={color}
|
29
|
-
stroke-width="2"
|
30
|
-
stroke-linecap="round"
|
31
|
-
stroke-linejoin="round"
|
32
|
-
class={className}
|
33
|
-
>
|
34
|
-
<path d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
|
35
|
-
</svg>
|
@@ -1,31 +0,0 @@
|
|
1
|
-
---
|
2
|
-
interface Props {
|
3
|
-
/**
|
4
|
-
* 图标的大小
|
5
|
-
* @default "24px"
|
6
|
-
*/
|
7
|
-
size?: string;
|
8
|
-
/**
|
9
|
-
* 图标的颜色
|
10
|
-
* @default "currentColor"
|
11
|
-
*/
|
12
|
-
color?: string;
|
13
|
-
/**
|
14
|
-
* 自定义类名
|
15
|
-
*/
|
16
|
-
class?: string;
|
17
|
-
}
|
18
|
-
|
19
|
-
const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
|
20
|
-
---
|
21
|
-
|
22
|
-
<svg
|
23
|
-
xmlns="http://www.w3.org/2000/svg"
|
24
|
-
width={size}
|
25
|
-
height={size}
|
26
|
-
viewBox="0 0 24 24"
|
27
|
-
fill={color}
|
28
|
-
class={className}
|
29
|
-
>
|
30
|
-
<path d="M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z" />
|
31
|
-
</svg>
|
@@ -1,37 +0,0 @@
|
|
1
|
-
---
|
2
|
-
interface Props {
|
3
|
-
/**
|
4
|
-
* 图标的大小
|
5
|
-
* @default "24px"
|
6
|
-
*/
|
7
|
-
size?: string;
|
8
|
-
/**
|
9
|
-
* 图标的颜色
|
10
|
-
* @default "currentColor"
|
11
|
-
*/
|
12
|
-
color?: string;
|
13
|
-
/**
|
14
|
-
* 自定义类名
|
15
|
-
*/
|
16
|
-
class?: string;
|
17
|
-
}
|
18
|
-
|
19
|
-
const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
|
20
|
-
---
|
21
|
-
|
22
|
-
<svg
|
23
|
-
xmlns="http://www.w3.org/2000/svg"
|
24
|
-
width={size}
|
25
|
-
height={size}
|
26
|
-
viewBox="0 0 24 24"
|
27
|
-
fill="none"
|
28
|
-
stroke={color}
|
29
|
-
stroke-width="2"
|
30
|
-
stroke-linecap="round"
|
31
|
-
stroke-linejoin="round"
|
32
|
-
class={className}
|
33
|
-
>
|
34
|
-
<circle cx="12" cy="12" r="10"></circle>
|
35
|
-
<line x1="12" y1="16" x2="12" y2="12"></line>
|
36
|
-
<line x1="12" y1="8" x2="12.01" y2="8"></line>
|
37
|
-
</svg>
|
@@ -1,38 +0,0 @@
|
|
1
|
-
---
|
2
|
-
/**
|
3
|
-
* 信息图标组件
|
4
|
-
*/
|
5
|
-
interface Props {
|
6
|
-
/**
|
7
|
-
* 图标的大小
|
8
|
-
* @default "24px"
|
9
|
-
*/
|
10
|
-
size?: string;
|
11
|
-
/**
|
12
|
-
* 图标的颜色
|
13
|
-
* @default "currentColor"
|
14
|
-
*/
|
15
|
-
color?: string;
|
16
|
-
/**
|
17
|
-
* 自定义类名
|
18
|
-
*/
|
19
|
-
class?: string;
|
20
|
-
}
|
21
|
-
|
22
|
-
const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
|
23
|
-
---
|
24
|
-
|
25
|
-
<svg
|
26
|
-
xmlns="http://www.w3.org/2000/svg"
|
27
|
-
width={size}
|
28
|
-
height={size}
|
29
|
-
viewBox="0 0 24 24"
|
30
|
-
fill="none"
|
31
|
-
stroke={color}
|
32
|
-
stroke-width="2"
|
33
|
-
stroke-linecap="round"
|
34
|
-
stroke-linejoin="round"
|
35
|
-
class={className}
|
36
|
-
>
|
37
|
-
<path d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
38
|
-
</svg>
|
@@ -1,39 +0,0 @@
|
|
1
|
-
---
|
2
|
-
/**
|
3
|
-
* 链接图标组件
|
4
|
-
*/
|
5
|
-
interface Props {
|
6
|
-
/**
|
7
|
-
* 图标的大小
|
8
|
-
* @default "24px"
|
9
|
-
*/
|
10
|
-
size?: string;
|
11
|
-
/**
|
12
|
-
* 图标的颜色
|
13
|
-
* @default "currentColor"
|
14
|
-
*/
|
15
|
-
color?: string;
|
16
|
-
/**
|
17
|
-
* 自定义类名
|
18
|
-
*/
|
19
|
-
class?: string;
|
20
|
-
}
|
21
|
-
|
22
|
-
const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
|
23
|
-
---
|
24
|
-
|
25
|
-
<svg
|
26
|
-
xmlns="http://www.w3.org/2000/svg"
|
27
|
-
width={size}
|
28
|
-
height={size}
|
29
|
-
viewBox="0 0 24 24"
|
30
|
-
fill="none"
|
31
|
-
stroke={color}
|
32
|
-
stroke-width="2"
|
33
|
-
stroke-linecap="round"
|
34
|
-
stroke-linejoin="round"
|
35
|
-
class={className}
|
36
|
-
>
|
37
|
-
<path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path>
|
38
|
-
<path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
|
39
|
-
</svg>
|
@@ -1,31 +0,0 @@
|
|
1
|
-
---
|
2
|
-
interface Props {
|
3
|
-
/**
|
4
|
-
* 图标的大小
|
5
|
-
* @default "24px"
|
6
|
-
*/
|
7
|
-
size?: string;
|
8
|
-
/**
|
9
|
-
* 图标的颜色
|
10
|
-
* @default "currentColor"
|
11
|
-
*/
|
12
|
-
color?: string;
|
13
|
-
/**
|
14
|
-
* 自定义类名
|
15
|
-
*/
|
16
|
-
class?: string;
|
17
|
-
}
|
18
|
-
|
19
|
-
const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
|
20
|
-
---
|
21
|
-
|
22
|
-
<svg
|
23
|
-
xmlns="http://www.w3.org/2000/svg"
|
24
|
-
width={size}
|
25
|
-
height={size}
|
26
|
-
viewBox="0 0 24 24"
|
27
|
-
fill={color}
|
28
|
-
class={className}
|
29
|
-
>
|
30
|
-
<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" />
|
31
|
-
</svg>
|
@@ -1,38 +0,0 @@
|
|
1
|
-
---
|
2
|
-
/**
|
3
|
-
* 菜单图标组件
|
4
|
-
*/
|
5
|
-
interface Props {
|
6
|
-
/**
|
7
|
-
* 图标的大小
|
8
|
-
* @default "24px"
|
9
|
-
*/
|
10
|
-
size?: string;
|
11
|
-
/**
|
12
|
-
* 图标的颜色
|
13
|
-
* @default "currentColor"
|
14
|
-
*/
|
15
|
-
color?: string;
|
16
|
-
/**
|
17
|
-
* 自定义类名
|
18
|
-
*/
|
19
|
-
class?: string;
|
20
|
-
}
|
21
|
-
|
22
|
-
const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
|
23
|
-
---
|
24
|
-
|
25
|
-
<svg
|
26
|
-
xmlns="http://www.w3.org/2000/svg"
|
27
|
-
width={size}
|
28
|
-
height={size}
|
29
|
-
viewBox="0 0 24 24"
|
30
|
-
fill="none"
|
31
|
-
stroke={color}
|
32
|
-
stroke-width="2"
|
33
|
-
stroke-linecap="round"
|
34
|
-
stroke-linejoin="round"
|
35
|
-
class={className}
|
36
|
-
>
|
37
|
-
<path d="M4 6h16M4 12h16M4 18h16" />
|
38
|
-
</svg>
|
@@ -1,36 +0,0 @@
|
|
1
|
-
---
|
2
|
-
interface Props {
|
3
|
-
/**
|
4
|
-
* 图标的大小
|
5
|
-
* @default "24px"
|
6
|
-
*/
|
7
|
-
size?: string;
|
8
|
-
/**
|
9
|
-
* 图标的颜色
|
10
|
-
* @default "currentColor"
|
11
|
-
*/
|
12
|
-
color?: string;
|
13
|
-
/**
|
14
|
-
* 自定义类名
|
15
|
-
*/
|
16
|
-
class?: string;
|
17
|
-
}
|
18
|
-
|
19
|
-
const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
|
20
|
-
---
|
21
|
-
|
22
|
-
<svg
|
23
|
-
xmlns="http://www.w3.org/2000/svg"
|
24
|
-
width={size}
|
25
|
-
height={size}
|
26
|
-
viewBox="0 0 24 24"
|
27
|
-
fill="none"
|
28
|
-
stroke={color}
|
29
|
-
stroke-width="2"
|
30
|
-
stroke-linecap="round"
|
31
|
-
stroke-linejoin="round"
|
32
|
-
class={className}>
|
33
|
-
<circle cx="11" cy="11" r="8"></circle>
|
34
|
-
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
|
35
|
-
</svg>
|
36
|
-
|
@@ -1,36 +0,0 @@
|
|
1
|
-
---
|
2
|
-
interface Props {
|
3
|
-
class?: string;
|
4
|
-
width?: string;
|
5
|
-
height?: string;
|
6
|
-
stroke?: string;
|
7
|
-
fill?: string;
|
8
|
-
strokeWidth?: string;
|
9
|
-
}
|
10
|
-
|
11
|
-
const {
|
12
|
-
class: className,
|
13
|
-
width = '24',
|
14
|
-
height = '24',
|
15
|
-
stroke = 'currentColor',
|
16
|
-
fill = 'none',
|
17
|
-
strokeWidth = '2',
|
18
|
-
} = Astro.props;
|
19
|
-
---
|
20
|
-
|
21
|
-
<svg
|
22
|
-
xmlns="http://www.w3.org/2000/svg"
|
23
|
-
class={className}
|
24
|
-
width={width}
|
25
|
-
height={height}
|
26
|
-
viewBox="0 0 24 24"
|
27
|
-
fill={fill}
|
28
|
-
stroke={stroke}
|
29
|
-
stroke-width={strokeWidth}
|
30
|
-
stroke-linecap="round"
|
31
|
-
stroke-linejoin="round">
|
32
|
-
<circle cx="12" cy="12" r="3"></circle>
|
33
|
-
<path
|
34
|
-
d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"
|
35
|
-
></path>
|
36
|
-
</svg>
|
@@ -1,35 +0,0 @@
|
|
1
|
-
---
|
2
|
-
interface Props {
|
3
|
-
/**
|
4
|
-
* 图标的大小
|
5
|
-
* @default "24px"
|
6
|
-
*/
|
7
|
-
size?: string;
|
8
|
-
/**
|
9
|
-
* 图标的颜色
|
10
|
-
* @default "currentColor"
|
11
|
-
*/
|
12
|
-
color?: string;
|
13
|
-
/**
|
14
|
-
* 自定义类名
|
15
|
-
*/
|
16
|
-
class?: string;
|
17
|
-
}
|
18
|
-
|
19
|
-
const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
|
20
|
-
---
|
21
|
-
|
22
|
-
<svg
|
23
|
-
xmlns="http://www.w3.org/2000/svg"
|
24
|
-
width={size}
|
25
|
-
height={size}
|
26
|
-
viewBox="0 0 24 24"
|
27
|
-
fill="none"
|
28
|
-
stroke={color}
|
29
|
-
stroke-width="2"
|
30
|
-
stroke-linecap="round"
|
31
|
-
stroke-linejoin="round"
|
32
|
-
class={className}
|
33
|
-
>
|
34
|
-
<path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
|
35
|
-
</svg>
|
@@ -1,41 +0,0 @@
|
|
1
|
-
---
|
2
|
-
interface Props {
|
3
|
-
/**
|
4
|
-
* 图标的大小
|
5
|
-
* @default "24px"
|
6
|
-
*/
|
7
|
-
size?: string;
|
8
|
-
/**
|
9
|
-
* 图标的颜色
|
10
|
-
* @default "currentColor"
|
11
|
-
*/
|
12
|
-
color?: string;
|
13
|
-
/**
|
14
|
-
* 自定义类名
|
15
|
-
*/
|
16
|
-
class?: string;
|
17
|
-
}
|
18
|
-
|
19
|
-
const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
|
20
|
-
---
|
21
|
-
|
22
|
-
<svg
|
23
|
-
xmlns="http://www.w3.org/2000/svg"
|
24
|
-
width={size}
|
25
|
-
height={size}
|
26
|
-
viewBox="0 0 24 24"
|
27
|
-
fill="none"
|
28
|
-
stroke={color}
|
29
|
-
stroke-width="2"
|
30
|
-
stroke-linecap="round"
|
31
|
-
stroke-linejoin="round"
|
32
|
-
class={className}>
|
33
|
-
<path d="M12 2v2"></path>
|
34
|
-
<path d="M2 12h2"></path>
|
35
|
-
<path d="M20 12h2"></path>
|
36
|
-
<path d="M4.93 4.93l1.41 1.41"></path>
|
37
|
-
<path d="M17.66 4.93l-1.41 1.41"></path>
|
38
|
-
<path d="M12 19a4 4 0 100-8 4 4 0 000 8z"></path>
|
39
|
-
<path d="M12 15a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path>
|
40
|
-
</svg>
|
41
|
-
|
@@ -1,31 +0,0 @@
|
|
1
|
-
---
|
2
|
-
interface Props {
|
3
|
-
/**
|
4
|
-
* 图标的大小
|
5
|
-
* @default "24px"
|
6
|
-
*/
|
7
|
-
size?: string;
|
8
|
-
/**
|
9
|
-
* 图标的颜色
|
10
|
-
* @default "currentColor"
|
11
|
-
*/
|
12
|
-
color?: string;
|
13
|
-
/**
|
14
|
-
* 自定义类名
|
15
|
-
*/
|
16
|
-
class?: string;
|
17
|
-
}
|
18
|
-
|
19
|
-
const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
|
20
|
-
---
|
21
|
-
|
22
|
-
<svg
|
23
|
-
xmlns="http://www.w3.org/2000/svg"
|
24
|
-
width={size}
|
25
|
-
height={size}
|
26
|
-
viewBox="0 0 24 24"
|
27
|
-
fill={color}
|
28
|
-
class={className}
|
29
|
-
>
|
30
|
-
<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
|
31
|
-
</svg>
|
@@ -1,35 +0,0 @@
|
|
1
|
-
---
|
2
|
-
interface Props {
|
3
|
-
/**
|
4
|
-
* 图标的大小
|
5
|
-
* @default "24px"
|
6
|
-
*/
|
7
|
-
size?: string;
|
8
|
-
/**
|
9
|
-
* 图标的颜色
|
10
|
-
* @default "currentColor"
|
11
|
-
*/
|
12
|
-
color?: string;
|
13
|
-
/**
|
14
|
-
* 自定义类名
|
15
|
-
*/
|
16
|
-
class?: string;
|
17
|
-
}
|
18
|
-
|
19
|
-
const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
|
20
|
-
---
|
21
|
-
|
22
|
-
<svg
|
23
|
-
xmlns="http://www.w3.org/2000/svg"
|
24
|
-
width={size}
|
25
|
-
height={size}
|
26
|
-
viewBox="0 0 24 24"
|
27
|
-
fill="none"
|
28
|
-
stroke={color}
|
29
|
-
stroke-width="2"
|
30
|
-
stroke-linecap="round"
|
31
|
-
stroke-linejoin="round"
|
32
|
-
class={className}
|
33
|
-
>
|
34
|
-
<path d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
|
35
|
-
</svg>
|
@@ -1,38 +0,0 @@
|
|
1
|
-
---
|
2
|
-
/**
|
3
|
-
* 警告图标组件
|
4
|
-
*/
|
5
|
-
interface Props {
|
6
|
-
/**
|
7
|
-
* 图标的大小
|
8
|
-
* @default "24px"
|
9
|
-
*/
|
10
|
-
size?: string;
|
11
|
-
/**
|
12
|
-
* 图标的颜色
|
13
|
-
* @default "currentColor"
|
14
|
-
*/
|
15
|
-
color?: string;
|
16
|
-
/**
|
17
|
-
* 自定义类名
|
18
|
-
*/
|
19
|
-
class?: string;
|
20
|
-
}
|
21
|
-
|
22
|
-
const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
|
23
|
-
---
|
24
|
-
|
25
|
-
<svg
|
26
|
-
xmlns="http://www.w3.org/2000/svg"
|
27
|
-
width={size}
|
28
|
-
height={size}
|
29
|
-
viewBox="0 0 24 24"
|
30
|
-
fill="none"
|
31
|
-
stroke={color}
|
32
|
-
stroke-width="2"
|
33
|
-
stroke-linecap="round"
|
34
|
-
stroke-linejoin="round"
|
35
|
-
class={className}
|
36
|
-
>
|
37
|
-
<path d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
|
38
|
-
</svg>
|
@@ -1,37 +0,0 @@
|
|
1
|
-
---
|
2
|
-
interface Props {
|
3
|
-
/**
|
4
|
-
* 图标的大小
|
5
|
-
* @default "24px"
|
6
|
-
*/
|
7
|
-
size?: string;
|
8
|
-
/**
|
9
|
-
* 图标的颜色
|
10
|
-
* @default "currentColor"
|
11
|
-
*/
|
12
|
-
color?: string;
|
13
|
-
/**
|
14
|
-
* 自定义类名
|
15
|
-
*/
|
16
|
-
class?: string;
|
17
|
-
}
|
18
|
-
|
19
|
-
const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
|
20
|
-
---
|
21
|
-
|
22
|
-
<svg
|
23
|
-
xmlns="http://www.w3.org/2000/svg"
|
24
|
-
width={size}
|
25
|
-
height={size}
|
26
|
-
viewBox="0 0 24 24"
|
27
|
-
fill="none"
|
28
|
-
stroke={color}
|
29
|
-
stroke-width="2"
|
30
|
-
stroke-linecap="round"
|
31
|
-
stroke-linejoin="round"
|
32
|
-
class={className}
|
33
|
-
>
|
34
|
-
<circle cx="12" cy="12" r="10"></circle>
|
35
|
-
<line x1="15" y1="9" x2="9" y2="15"></line>
|
36
|
-
<line x1="9" y1="9" x2="15" y2="15"></line>
|
37
|
-
</svg>
|