@coffic/cosy-ui 0.7.4 → 0.8.7

package/dist/icons/XCircle.astro

@@ -1,24 +0,0 @@
----
-import AstroIcon from './AstroIcon.astro';
-
-interface Props {
-	/**
-	 * 图标的大小
-	 * @default "24px"
-	 */
-	size?: string;
-	/**
-	 * 图标的颜色
-	 * @default "currentColor"
-	 */
-	color?: string;
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-}
-
-const { size = '24px', color = 'currentColor', class: className = '' } = Astro.props;
----
-
-<AstroIcon name="xCircle" size={size} stroke={color} class={className} />

package/dist/icons/index.ts

@@ -1,3 +0,0 @@
-
-// 导出所有图标组件
-export * from '../index_icons';

package/dist/icons-vue/AlertTriangleIcon.vue

@@ -1,30 +0,0 @@
-<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="alertTriangle" :size="size" :color="color" :class="props.class" />
-</template>

package/dist/icons-vue/CalendarIcon.vue

@@ -1,30 +0,0 @@
-<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="calendar" :size="size" :color="color" :class="props.class" />
-</template>

package/dist/icons-vue/CheckCircleIcon.vue

@@ -1,30 +0,0 @@
-<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="checkCircle" :size="size" :color="color" :class="props.class" />
-</template>

package/dist/icons-vue/CheckIcon.vue

@@ -1,30 +0,0 @@
-<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="check" :size="size" :color="color" :class="props.class" />
-</template>

package/dist/icons-vue/ChevronDownIcon.vue

@@ -1,30 +0,0 @@
-<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="chevronDown" :size="size" :color="color" :class="props.class" />
-</template>

package/dist/icons-vue/ClipboardIcon.vue

@@ -1,30 +0,0 @@
-<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="clipboard" :size="size" :color="color" :class="props.class" />
-</template>

package/dist/icons-vue/CloseIcon.vue

@@ -1,30 +0,0 @@
-<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

@@ -1,30 +0,0 @@
-<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

@@ -1,30 +0,0 @@
-<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

@@ -1,30 +0,0 @@
-<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

@@ -1,30 +0,0 @@
-<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

@@ -1,30 +0,0 @@
-<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

@@ -1,30 +0,0 @@
-<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

@@ -1,30 +0,0 @@
-<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

@@ -1,30 +0,0 @@
-<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

@@ -1,76 +0,0 @@
-<!--
-@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

@@ -1,30 +0,0 @@
-<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

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