@coffic/cosy-ui 0.6.42 → 0.7.2

package/dist/vue/BlogList/index.ts

@@ -1,29 +0,0 @@
-import Basic from './Basic.vue';
-import Empty from './Empty.vue';
-import English from './English.vue';
-import EmptyEnglish from './EmptyEnglish.vue';
-import BasicSource from './Basic.vue?raw';
-import EmptySource from './Empty.vue?raw';
-import EnglishSource from './English.vue?raw';
-import EmptyEnglishSource from './EmptyEnglish.vue?raw';
-import { extractSimpleExample } from '../../utils/component';
-
-// 导出主组件
-export { default as BlogList } from './BlogList.vue';
-export type { IBlog } from './BlogList.vue';
-
-// 将示例组件整合为一个对象导出
-export const BlogListExamples = {
-	Basic,
-	Empty,
-	English,
-	EmptyEnglish,
-};
-
-// 导出示例组件的源代码（简化版本）
-export const BlogListExampleCodes = {
-	Basic: extractSimpleExample(BasicSource, 'BlogList'),
-	Empty: extractSimpleExample(EmptySource, 'BlogList'),
-	English: extractSimpleExample(EnglishSource, 'BlogList'),
-	EmptyEnglish: extractSimpleExample(EmptyEnglishSource, 'BlogList'),
-};

package/dist/vue/ConfirmDialog/Basic.vue

@@ -1,57 +0,0 @@
-<!--
-@component ConfirmDialog.Basic
-
-@description
-ConfirmDialog 组件的基础示例，展示最基本的确认对话框用法。
-
-@usage
-```vue
-<ConfirmDialogExamples.Basic />
-```
--->
-
-<script lang="ts">
-import '../../app.css'
-import { ref, defineComponent } from 'vue'
-import ConfirmDialog from './ConfirmDialog.vue'
-
-export default defineComponent({
-    name: 'ConfirmDialogBasicExample',
-    components: {
-        ConfirmDialog
-    },
-    setup() {
-        const isShow = ref(false)
-        const result = ref('')
-
-        const handleConfirm = () => {
-            result.value = '用户已确认操作'
-
-            // 3秒后清除结果
-            setTimeout(() => {
-                result.value = ''
-            }, 3000)
-        }
-
-        return {
-            isShow,
-            result,
-            handleConfirm
-        }
-    }
-})
-</script>
-
-<template>
-    <div class="cosy:flex cosy:flex-col cosy:gap-4">
-        <button @click="isShow = true" class="cosy:btn cosy:btn-primary">
-            显示确认对话框
-        </button>
-
-        <div v-if="result" class="cosy:alert cosy:alert-success cosy:shadow-lg">
-            <span>{{ result }}</span>
-        </div>
-    </div>
-
-    <ConfirmDialog v-model="isShow" title="确认操作" message="您确定要执行此操作吗？此操作无法撤销。" @confirm="handleConfirm" />
-</template>

package/dist/vue/ConfirmDialog/ConfirmDialog.vue

@@ -1,134 +0,0 @@
-<!--
-@component ConfirmDialog
-
-@description
-ConfirmDialog 组件用于显示确认对话框，带有标题、消息内容和两个按钮（确认和取消），支持自定义按钮文本，并带有淡入淡出动画效果。
-
-@usage
-基本用法：
-```vue
-<ConfirmDialog v-model="showDialog" title="确认操作" message="您确定要执行此操作吗？" @confirm="handleConfirm" />
-```
-
-自定义按钮文本：
-```vue
-<ConfirmDialog 
-  v-model="showDialog" 
-  title="删除确认" 
-  message="您确定要删除此项目吗？此操作无法撤销。" 
-  cancel-text="取消" 
-  confirm-text="删除" 
-  @confirm="handleDelete" 
-/>
-```
-
-组合使用：
-```vue
-<template>
-  <button @click="showDialog = true">删除项目</button>
-  <ConfirmDialog v-model="showDialog" title="删除确认" message="此操作无法撤销" @confirm="handleDelete" />
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-import { ConfirmDialog } from 'cosy-ui';
-
-const showDialog = ref(false);
-const handleDelete = () => {
-  // 处理确认删除逻辑
-};
-</script>
-```
-
-@props
-@prop {boolean} modelValue - 控制对话框显示状态，支持v-model双向绑定
-@prop {string} [title='Confirm'] - 对话框标题
-@prop {string} [message='Are you sure you want to confirm this action?'] - 对话框显示的消息内容
-@prop {string} [cancel-text='取消'] - 取消按钮的文本
-@prop {string} [confirm-text='确认'] - 确认按钮的文本
-
-@emits
-@emit {update:modelValue} - 当对话框关闭时触发，用于更新v-model绑定值
-@emit {confirm} - 当用户点击确认按钮时触发
--->
-
-<template>
-    <Transition name="fade" class="cosy:transition-opacity cosy:duration-200 cosy:ease-in-out">
-        <div v-if="modelValue"
-            class="cosy:fixed cosy:inset-0 cosy:z-50 cosy:flex cosy:items-center cosy:justify-center">
-            <!-- 背景遮罩 -->
-            <div class="cosy:absolute cosy:inset-0 cosy:bg-base-200/80 cosy:backdrop-blur-sm"
-                @click="$emit('update:modelValue', false)" />
-
-            <!-- 对话框 -->
-            <div
-                class="cosy:relative cosy:bg-base-100 cosy:rounded-xl cosy:shadow-xl cosy:w-[400px] cosy:transform cosy:transition-all">
-                <!-- 内容区域 -->
-                <div class="cosy:p-6">
-                    <h3 class="cosy:text-lg cosy:font-medium cosy:text-base-content cosy:mb-2">
-                        {{ title }}
-                    </h3>
-                    <p class="cosy:text-base-content/80">
-                        {{ message }}
-                    </p>
-                </div>
-
-                <!-- 按钮区域 -->
-                <div class="cosy:flex cosy:border-t cosy:border-base-300">
-                    <button class="cosy:flex-1 cosy:btn cosy:btn-ghost cosy:rounded-none cosy:rounded-bl-xl"
-                        @click="$emit('update:modelValue', false)">
-                        {{ cancelText }}
-                    </button>
-                    <button
-                        class="cosy:flex-1 cosy:btn cosy:btn-ghost cosy:text-primary cosy:rounded-none cosy:rounded-br-xl cosy:border-l cosy:border-base-300"
-                        @click="handleConfirm">
-                        {{ confirmText }}
-                    </button>
-                </div>
-            </div>
-        </div>
-    </Transition>
-</template>
-
-<script setup lang="ts">
-import '../../style'
-
-defineProps({
-    modelValue: Boolean,
-    title: {
-        type: String,
-        default: 'Confirm'
-    },
-    message: {
-        type: String,
-        default: 'Are you sure you want to confirm this action?'
-    },
-    cancelText: {
-        type: String,
-        default: '取消'
-    },
-    confirmText: {
-        type: String,
-        default: '确认'
-    }
-})
-
-const emit = defineEmits(['update:modelValue', 'confirm'])
-
-const handleConfirm = () => {
-    emit('update:modelValue', false)
-    emit('confirm')
-}
-</script>
-
-<style scoped>
-.fade-enter-active,
-.fade-leave-active {
-    transition: opacity 0.2s ease;
-}
-
-.fade-enter-from,
-.fade-leave-to {
-    opacity: 0;
-}
-</style>

package/dist/vue/ConfirmDialog/CustomButtons.vue

@@ -1,69 +0,0 @@
-<!--
-@component ConfirmDialog.CustomButtons
-
-@description
-展示如何自定义 ConfirmDialog 组件的按钮文本。
-
-@usage
-```vue
-<ConfirmDialogExamples.CustomButtons />
-```
--->
-
-<script lang="ts">
-import '../../app.css'
-import { ref, defineComponent } from 'vue'
-import ConfirmDialog from './ConfirmDialog.vue'
-
-export default defineComponent({
-    name: 'ConfirmDialogCustomButtonsExample',
-    components: {
-        ConfirmDialog
-    },
-    setup() {
-        const isShowDelete = ref(false)
-        const isShowSave = ref(false)
-        const result = ref('')
-
-        const handleConfirm = (action: string) => {
-            result.value = `用户已${action}`
-
-            // 3秒后清除结果
-            setTimeout(() => {
-                result.value = ''
-            }, 3000)
-        }
-
-        return {
-            isShowDelete,
-            isShowSave,
-            result,
-            handleConfirm
-        }
-    }
-})
-</script>
-
-<template>
-    <div class="cosy:flex cosy:flex-col cosy:gap-4">
-        <div class="cosy:flex cosy:gap-4">
-            <button @click="isShowDelete = true" class="cosy:btn cosy:btn-error">
-                删除文件
-            </button>
-
-            <button @click="isShowSave = true" class="cosy:btn cosy:btn-success">
-                保存更改
-            </button>
-        </div>
-
-        <div v-if="result" class="cosy:alert cosy:alert-info cosy:shadow-lg">
-            <span>{{ result }}</span>
-        </div>
-    </div>
-
-    <ConfirmDialog v-model="isShowDelete" title="警告" message="您确定要删除这个文件吗？此操作无法撤销。" cancel-text="取消" confirm-text="删除"
-        @confirm="handleConfirm('删除了文件')" />
-
-    <ConfirmDialog v-model="isShowSave" title="保存更改" message="您的更改尚未保存，确定要保存吗？" cancel-text="稍后再说" confirm-text="保存"
-        @confirm="handleConfirm('保存了更改')" />
-</template>

package/dist/vue/ConfirmDialog/index.ts

@@ -1,20 +0,0 @@
-import Basic from './Basic.vue';
-import CustomButtons from './CustomButtons.vue';
-import BasicSource from './Basic.vue?raw';
-import CustomButtonsSource from './CustomButtons.vue?raw';
-import { extractSimpleExample } from '../../utils/component';
-
-// 导出主组件
-export { default as ConfirmDialog } from './ConfirmDialog.vue';
-
-// 导出示例组件
-export const ConfirmDialogExamples = {
-	Basic,
-	CustomButtons,
-};
-
-// 导出示例源代码
-export const ConfirmDialogExampleCodes = {
-	Basic: extractSimpleExample(BasicSource, 'ConfirmDialog'),
-	CustomButtons: extractSimpleExample(CustomButtonsSource, 'ConfirmDialog'),
-};

package/dist/vue/Icons/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/vue/Icons/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/vue/Icons/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/vue/Icons/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/vue/Icons/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/vue/Icons/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/vue/Icons/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/vue/Icons/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/vue/Icons/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/vue/Icons/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/vue/Icons/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/vue/Icons/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>