@coffic/cosy-ui 0.7.2 → 0.7.4

package/dist/icons-vue/CloseIcon.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import Icon from './VueIcon.vue';
+
+interface Props {
+    /**
+     * 图标的大小
+     * @default "24px"
+     */
+    size?: string;
+    /**
+     * 图标的颜色
+     * @default "currentColor"
+     */
+    color?: string;
+    /**
+     * 自定义类名
+     */
+    class?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    size: '24px',
+    color: 'currentColor',
+    class: ''
+});
+</script>
+
+<template>
+    <Icon name="close" :size="size" :color="color" :class="props.class" />
+</template>

package/dist/icons-vue/InboxArchiveIcon.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import Icon from './VueIcon.vue';
+
+interface Props {
+    /**
+     * 图标的大小
+     * @default "24px"
+     */
+    size?: string;
+    /**
+     * 图标的颜色
+     * @default "currentColor"
+     */
+    color?: string;
+    /**
+     * 自定义类名
+     */
+    class?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    size: '24px',
+    color: 'currentColor',
+    class: ''
+});
+</script>
+
+<template>
+    <Icon name="inboxArchive" :size="size" :color="color" :class="props.class" />
+</template>

package/dist/icons-vue/InfoCircleIcon.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import Icon from './VueIcon.vue';
+
+interface Props {
+    /**
+     * 图标的大小
+     * @default "24px"
+     */
+    size?: string;
+    /**
+     * 图标的颜色
+     * @default "currentColor"
+     */
+    color?: string;
+    /**
+     * 自定义类名
+     */
+    class?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    size: '24px',
+    color: 'currentColor',
+    class: ''
+});
+</script>
+
+<template>
+    <Icon name="infoCircle" :size="size" :color="color" :class="props.class" />
+</template>

package/dist/icons-vue/InfoIcon.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import Icon from './VueIcon.vue';
+
+interface Props {
+    /**
+     * 图标的大小
+     * @default "24px"
+     */
+    size?: string;
+    /**
+     * 图标的颜色
+     * @default "currentColor"
+     */
+    color?: string;
+    /**
+     * 自定义类名
+     */
+    class?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    size: '24px',
+    color: 'currentColor',
+    class: ''
+});
+</script>
+
+<template>
+    <Icon name="info" :size="size" :color="color" :class="props.class" />
+</template>

package/dist/icons-vue/LinkIcon.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import Icon from './VueIcon.vue';
+
+interface Props {
+    /**
+     * 图标的大小
+     * @default "24px"
+     */
+    size?: string;
+    /**
+     * 图标的颜色
+     * @default "currentColor"
+     */
+    color?: string;
+    /**
+     * 自定义类名
+     */
+    class?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    size: '24px',
+    color: 'currentColor',
+    class: ''
+});
+</script>
+
+<template>
+    <Icon name="link" :size="size" :color="color" :class="props.class" />
+</template>

package/dist/icons-vue/MenuIcon.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import Icon from './VueIcon.vue';
+
+interface Props {
+    /**
+     * 图标的大小
+     * @default "24px"
+     */
+    size?: string;
+    /**
+     * 图标的颜色
+     * @default "currentColor"
+     */
+    color?: string;
+    /**
+     * 自定义类名
+     */
+    class?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    size: '24px',
+    color: 'currentColor',
+    class: ''
+});
+</script>
+
+<template>
+    <Icon name="menu" :size="size" :color="color" :class="props.class" />
+</template>

package/dist/icons-vue/SearchIcon.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import Icon from './VueIcon.vue';
+
+interface Props {
+    /**
+     * 图标的大小
+     * @default "24px"
+     */
+    size?: string;
+    /**
+     * 图标的颜色
+     * @default "currentColor"
+     */
+    color?: string;
+    /**
+     * 自定义类名
+     */
+    class?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    size: '24px',
+    color: 'currentColor',
+    class: ''
+});
+</script>
+
+<template>
+    <Icon name="search" :size="size" :color="color" :class="props.class" />
+</template>

package/dist/icons-vue/SettingsIcon.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import Icon from './VueIcon.vue';
+
+interface Props {
+    /**
+     * 图标的大小
+     * @default "24px"
+     */
+    size?: string;
+    /**
+     * 图标的颜色
+     * @default "currentColor"
+     */
+    color?: string;
+    /**
+     * 自定义类名
+     */
+    class?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    size: '24px',
+    color: 'currentColor',
+    class: ''
+});
+</script>
+
+<template>
+    <Icon name="settings" :size="size" :color="color" :class="props.class" />
+</template>

package/dist/icons-vue/UserIcon.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import Icon from './VueIcon.vue';
+
+interface Props {
+    /**
+     * 图标的大小
+     * @default "24px"
+     */
+    size?: string;
+    /**
+     * 图标的颜色
+     * @default "currentColor"
+     */
+    color?: string;
+    /**
+     * 自定义类名
+     */
+    class?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    size: '24px',
+    color: 'currentColor',
+    class: ''
+});
+</script>
+
+<template>
+    <Icon name="user" :size="size" :color="color" :class="props.class" />
+</template>

package/dist/icons-vue/VueIcon.vue

@@ -0,0 +1,76 @@
+<!--
+@component Icon
+
+@description
+Icon 组件是一个可重用的SVG图标组件，用于显示各种图标。
+使用共享的图标数据，便于维护和一致性。
+
+@usage
+```vue
+<template>
+  <Icon name="alertTriangle" />
+  
+  <Icon name="settings" size="32px" color="red" />
+  
+  <Icon name="check" class="cosy:w-6 cosy:h-6 cosy:text-success" />
+</template>
+
+<script setup>
+import { Icon } from 'cosy-ui';
+</script>
+```
+
+@props
+@prop {string} name - 图标名称，必须在iconData中存在
+@prop {string} [size='24px'] - 图标大小
+@prop {string} [color='currentColor'] - 图标颜色
+@prop {string} [class=''] - 自定义类名
+-->
+
+<script setup lang="ts">
+import '../../style.ts'
+import { computed } from 'vue'
+import { iconData } from '../../assets/iconData'
+
+interface Props {
+    /**
+     * 图标名称，必须在iconData中存在
+     */
+    name: string;
+    /**
+     * 图标大小
+     * @default "24px"
+     */
+    size?: string;
+    /**
+     * 图标颜色
+     * @default "currentColor"
+     */
+    color?: string;
+    /**
+     * 自定义类名
+     */
+    class?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    size: '24px',
+    color: 'currentColor',
+    class: ''
+})
+
+const icon = computed(() => {
+    return iconData[props.name] || null
+})
+
+const viewBox = computed(() => {
+    return icon.value?.viewBox || '0 0 24 24'
+})
+</script>
+
+<template>
+    <svg xmlns="http://www.w3.org/2000/svg" :width="size" :height="size" :viewBox="viewBox" fill="none" :stroke="color"
+        stroke-width="2" stroke-linecap="round" stroke-linejoin="round" :class="props.class">
+        <path v-if="icon" :d="icon.path" />
+    </svg>
+</template>

package/dist/icons-vue/XCircleIcon.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import Icon from './VueIcon.vue';
+
+interface Props {
+    /**
+     * 图标的大小
+     * @default "24px"
+     */
+    size?: string;
+    /**
+     * 图标的颜色
+     * @default "currentColor"
+     */
+    color?: string;
+    /**
+     * 自定义类名
+     */
+    class?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    size: '24px',
+    color: 'currentColor',
+    class: ''
+});
+</script>
+
+<template>
+    <Icon name="xCircle" :size="size" :color="color" :class="props.class" />
+</template>

package/dist/icons-vue/index.ts

@@ -0,0 +1 @@
+export { default as List } from './InfoIcon.vue'

package/dist/index_astro.ts

@@ -1,57 +1,61 @@
-export * from './button/index_astro';
+// 基础组件和功能模块 (按字母顺序)
+export * from './alert';
+export * from './article';
 export * from './banner';
 export * from './blog';
+export * from './button/index_astro';
 export * from './card';
+export * from './code-block';
 export * from './code-container';
-export * from './article';
-export * from './link';
-export * from './image';
-export * from './alert';
-export * from './footer';
-export * from './layout-app';
-export * from './layout-basic';
-export * from './speak';
-export * from './module';
-export * from './nav-item';
-export * from './language-switcher';
-export * from './toc';
-export * from './sidebar';
-export * from './sidebar-nav';
-export * from './theme-switcher';
-export * from './header';
+export * from './code-example';
+export * from './contact';
+export * from './container';
 export * from './errors';
 export * from './flex';
+export * from './footer';
 export * from './grid';
+export * from './header';
 export * from './heading';
-export * from './stack';
-export * from './text';
-export * from './nav-section';
-export * from './team-member';
-export * from './code-block';
-export * from './modal';
 export * from './hero';
-export * from './code-example';
 export * from './icons';
-export * from './products';
-export * from './blog';
+export * from './image';
+export * from './index_icons';
+export * from './language-switcher';
+export * from './layout-app';
+export * from './layout-basic';
 export * from './layout-basic/BaseLayout.astro';
 export * from './layout-dashboard';
-export * from './index_icons';
-export * from './container';
+export * from './link';
 export * from './main';
+export * from './modal';
+export * from './module';
+export * from './nav-item';
+export * from './nav-section';
+export * from './products';
 export * from './section';
-export * from './types/sidebar';
-export * from './types/main';
+export * from './sidebar';
+export * from './sidebar-nav';
+export * from './speak';
+export * from './stack';
+export * from './team-member';
+export * from './text';
+export * from './theme-switcher';
+export * from './toc';
+
+// 类型定义 (按字母顺序)
 export * from './types/article';
-export * from './types/layout';
+export * from './types/footer';
 export * from './types/header';
 export * from './types/heading';
+export * from './types/layout';
+export * from './types/main';
 export * from './types/meta';
 export * from './types/nav';
 export * from './types/product';
-export * from './types/footer';
+export * from './types/sidebar';
 export * from './types/static-path';
-export type { ImageProvider, ImageOptions } from './utils/image';
+
+// 实体类 (按字母顺序)
 export * from './entities/BaseDoc';
 export * from './entities/BlogDoc';
 export * from './entities/CourseDoc';
@@ -60,9 +64,14 @@ export * from './entities/LessonDoc';
 export * from './entities/MetaDoc';
 export * from './entities/SidebarItem';
 export * from './entities/Tag';
+
+// 数据库类 (按字母顺序)
 export * from './database/BaseDB';
 export * from './database/BlogDB';
 export * from './database/CourseDB';
 export * from './database/ExperimentDB';
 export * from './database/LessonDB';
 export * from './database/MetaDB';
+
+// 工具类型
+export type { ImageProvider, ImageOptions } from './utils/image';

package/dist/index_vue.ts

@@ -1,44 +1,33 @@
 // AlertDialog
-export { AlertDialogExamples, AlertDialogExampleCodes, AlertDialog } from './vue/AlertDialog';
+export * from './alert-dialog-vue/index';
 
 // Banner
-export { BannerBoxExamples, BannerBoxExampleCodes, BannerBox } from './vue/BannerBox';
+export * from './banner-box-vue/index';
 
 // BlogList
-export * from './vue/BlogList';
+export * from './blog-vue/index';
 
 // Counter
-export { default as VueCounter } from './vue/VueCounter.vue';
+export * from './counter-vue/index';
 
 // ConfirmDialog
-export { default as ConfirmDialog } from './vue/ConfirmDialog/ConfirmDialog.vue';
-export { ConfirmDialogExamples, ConfirmDialogExampleCodes } from './vue/ConfirmDialog';
+export * from './confirm-dialog-vue/index';
 
 // Buttons
-export * from './button/index_vue';
-
-export { default as FeatureCard } from './vue/BannerBox/FeatureCard.vue';
+export * from './buttons-vue/index';
 
 // Icons
-export { default as SearchIcon } from './vue/Icons/SearchIcon.vue';
-export { default as SettingsIcon } from './vue/Icons/SettingsIcon.vue';
-export { default as InfoIcon } from './vue/Icons/InfoIcon.vue';
-export { default as InfoCircleIcon } from './vue/Icons/InfoCircleIcon.vue';
-export { default as LinkIcon } from './vue/Icons/LinkIcon.vue';
-export { default as MenuIcon } from './vue/Icons/MenuIcon.vue';
-export { default as UserIcon } from './vue/Icons/UserIcon.vue';
-export { default as XCircleIcon } from './vue/Icons/XCircleIcon.vue';
-export { default as InboxArchiveIcon } from './vue/Icons/InboxArchiveIcon.vue';
+export * from './icons-vue/index';
 
 // List
-export { default as ListItem } from './vue/ListItem.vue';
+export * from './list-vue/index';
 
 // Windows
-export { MacWindowExamples, MacWindowExampleCodes, MacWindow } from './vue/MacWindow';
-export { iPhoneWindowExamples, iPhoneWindowExampleCodes, iPhoneWindow } from './vue/iPhone';
+// export { MacWindowExamples, MacWindowExampleCodes, MacWindow } from './vue/MacWindow';
+// export { iPhoneWindowExamples, iPhoneWindowExampleCodes, iPhoneWindow } from './vue/iPhone';
 
 // SmartLink
-export { default as SmartLink } from './vue/SmartLink.vue';
+// export { default as SmartLink } from './vue/SmartLink.vue';
 
 // TagList
-export { default as TagList } from './vue/TagList.vue';
+// export { default as TagList } from './vue/TagList.vue';

package/dist/list-vue/ListItem.vue

@@ -0,0 +1,5 @@
+<template>
+  <li class="mb-2 rounded-md p-2 flex items-center gap-3 hover:bg-accent">
+    <slot />
+  </li>
+</template>

package/dist/list-vue/index.ts

@@ -0,0 +1 @@
+export { default as ListItem } from './ListItem.vue'

package/dist/mac-window-vue/Basic.vue

@@ -0,0 +1,11 @@
+<script setup>
+import { MacWindow } from './index';
+</script>
+
+<template>
+    <MacWindow title="代码编辑器">
+        <div class="cosy:p-4">
+            窗口内容区域
+        </div>
+    </MacWindow>
+</template>

package/dist/mac-window-vue/CustomHeight.vue

@@ -0,0 +1,13 @@
+<script setup>
+import { MacWindow } from './index';
+</script>
+
+<template>
+    <MacWindow title="终端" height="cosy:h-64">
+        <div class="cosy:p-4 cosy:bg-gray-900 cosy:text-green-400 cosy:font-mono">
+            $ echo "Hello, World!"<br />
+            Hello, World!<br />
+            $ _
+        </div>
+    </MacWindow>
+</template>