@coffic/cosy-ui 0.6.6 → 0.6.10

package/dist/entities/Banner.ts

@@ -0,0 +1,105 @@
+import Feature from './Feature';
+import type { Component } from 'vue';
+
+class Banner {
+    private translations: Map<string, {
+        title: string,
+        description: string
+    }>;
+    private features: Feature[];
+    private component: Component | null;
+    private componentProps: Record<string, unknown>;
+
+    constructor() {
+        this.translations = new Map();
+        this.features = [];
+        this.component = null;
+        this.componentProps = {};
+        // Initialize empty entries for both languages
+        this.translations.set('zh-cn', { title: '', description: '' });
+        this.translations.set('en', { title: '', description: '' });
+    }
+
+    static create(): Banner {
+        return new Banner();
+    }
+
+    public setZhTitle(title: string): Banner {
+        const current = this.translations.get('zh-cn') || { title: '', description: '' };
+        this.translations.set('zh-cn', { ...current, title });
+        return this;
+    }
+
+    public setEnTitle(title: string): Banner {
+        const current = this.translations.get('en') || { title: '', description: '' };
+        this.translations.set('en', { ...current, title });
+        return this;
+    }
+
+    public setZhDescription(description: string): Banner {
+        const current = this.translations.get('zh-cn') || { title: '', description: '' };
+        this.translations.set('zh-cn', { ...current, description });
+        return this;
+    }
+
+    public setEnDescription(description: string): Banner {
+        const current = this.translations.get('en') || { title: '', description: '' };
+        this.translations.set('en', { ...current, description });
+        return this;
+    }
+
+    public appendFeature(feature: Feature): Banner {
+        this.features.push(feature);
+        return this;
+    }
+
+    public withFeatures(features: Feature[]): Banner {
+        this.features.push(...features);
+        return this;
+    }
+
+    // 获取指定语言的标题
+    public getTitle(lang: string): string {
+        return this.translations.get(lang)?.title || '';
+    }
+
+    // 获取指定语言的描述
+    public getDescription(lang: string): string {
+        return this.translations.get(lang)?.description || '';
+    }
+
+    // 获取指定语言的特性列表
+    public getFeatures(): Feature[] {
+        return this.features;
+    }
+
+    // 检查是否支持某种语言
+    public hasLanguage(lang: string): boolean {
+        return this.translations.has(lang);
+    }
+
+    // 获取所有支持的语言
+    public getSupportedLanguages(): string[] {
+        return Array.from(this.translations.keys());
+    }
+
+    public setComponent(component: Component): Banner {
+        this.component = component;
+        return this;
+    }
+
+    public getComponent(): Component | null {
+        return this.component;
+    }
+
+    public setComponentProps(props: Record<string, unknown>): Banner {
+        this.componentProps = props;
+        return this;
+    }
+
+    public getComponentProps(): Record<string, unknown> {
+        return this.componentProps;
+    }
+}
+
+export default Banner;

package/dist/entities/BaseDoc.ts

@@ -43,7 +43,7 @@ export abstract class BaseDoc<
 	 */
 	getAncestorIds(): string[] {
 		const parts = this.entry.id.split('/');
-		return parts.slice(0, -1).map((part, index) => parts.slice(0, index + 1).join('/'));
+		return parts.slice(0, -1).map((_part, index) => parts.slice(0, index + 1).join('/'));
 	}
 
 	/**

package/dist/entities/BlogDoc.ts

@@ -3,7 +3,7 @@ import { LinkUtil } from '../utils/link';
 import Tag from './Tag';
 import { BaseDoc } from './BaseDoc';
 import { COLLECTION_BLOG } from '../database/BlogDB';
-import blogDB from '../database/BlogDB';
+import { blogDB } from '../database/BlogDB';
 
 export default class BlogDoc extends BaseDoc<typeof COLLECTION_BLOG, BlogEntry> {
 	private constructor(entry: BlogEntry) {

package/dist/entities/ExperimentDoc.ts

@@ -1,5 +1,5 @@
 import type { ExperimentEntry } from '../database/ExperimentDB';
-import experimentDB from '../database/ExperimentDB';
+import { experimentDB } from '../database/ExperimentDB';
 import { logger } from '../utils/logger';
 import { SidebarItemEntity } from './SidebarItem';
 import { LinkUtil } from '../utils/link';
@@ -17,7 +17,7 @@ export default class ExperimentDoc extends BaseDoc<typeof COLLECTION_EXPERIMENT,
 	}
 
 	async getBookId(): Promise<string> {
-		return await this.getTopDocId();
+		return this.getTopDocId();
 	}
 
 	async getBook(): Promise<ExperimentDoc | null> {

package/dist/entities/Feature.ts

@@ -0,0 +1,53 @@
+class Feature {
+    private translations: Map<string, string>;
+    public emoji: string = '';
+    public link: string = '';
+    public presetIcon: string = '';
+
+    private constructor() {
+        this.translations = new Map();
+        this.translations.set('zh-cn', '');
+        this.translations.set('en', '');
+    }
+
+    public static createWithIcon(emoji: string): Feature {
+        const feature = new Feature();
+        feature.emoji = emoji;
+        return feature;
+    }
+
+    public static createWithPresetIcon(presetIcon: string): Feature {
+        const feature = new Feature();
+        feature.presetIcon = presetIcon;
+        return feature;
+    }
+
+    public setTitle(title: string, lang: string): Feature {
+        this.translations.set(lang, title);
+        return this;
+    }
+
+    public setLink(link: string): Feature {
+        this.link = link;
+        return this;
+    }
+
+    public setPresetIcon(presetIcon: string): Feature {
+        this.presetIcon = presetIcon;
+        return this;
+    }
+
+    public setZh(title: string): Feature {
+        return this.setTitle(title, 'zh-cn');
+    }
+
+    public setEn(title: string): Feature {
+        return this.setTitle(title, 'en');
+    }
+
+    public getTitle(lang: string): string {
+        return this.translations.get(lang) || '';
+    }
+}
+
+export default Feature;

package/dist/entities/LessonDoc.ts

@@ -1,5 +1,5 @@
 import type { LessonEntry } from '../database/LessonDB';
-import lessonDB from '../database/LessonDB';
+import { lessonDB } from '../database/LessonDB';
 import { logger } from '../utils/logger';
 import { SidebarItemEntity } from './SidebarItem';
 import { LinkUtil } from '../utils/link';
@@ -17,7 +17,7 @@ export default class LessonDoc extends BaseDoc<typeof COLLECTION_LESSON, LessonE
 	}
 
 	async getBookId(): Promise<string> {
-		return await this.getTopDocId();
+		return this.getTopDocId();
 	}
 
 	async getBook(): Promise<LessonDoc | null> {

package/dist/entities/MetaDoc.ts

@@ -2,7 +2,7 @@ import { SidebarItemEntity } from './SidebarItem';
 import type { MetaEntry } from '../database/MetaDB';
 import { LinkUtil } from '../utils/link';
 import { BaseDoc } from './BaseDoc';
-import metaDB from '../database/MetaDB';
+import { metaDB } from '../database/MetaDB';
 import { COLLECTION_META } from '../database/MetaDB';
 
 export default class MetaDoc extends BaseDoc<typeof COLLECTION_META, MetaEntry> {
@@ -14,6 +14,14 @@ export default class MetaDoc extends BaseDoc<typeof COLLECTION_META, MetaEntry>
 		return new MetaDoc(entry);
 	}
 
+	getTopDoc(): Promise<MetaDoc | null> {
+		return Promise.resolve(null);
+	}
+
+	getChildren(): Promise<MetaDoc[]> {
+		return Promise.resolve([]);
+	}
+
 	getLink(): string {
 		return LinkUtil.getMetaLink(this.getLang(), this.getSlug());
 	}

package/dist/entities/Tag.ts

@@ -1,4 +1,4 @@
-import blogDB from '../database/BlogDB';
+import { blogDB } from '../database/BlogDB';
 import { SidebarItemEntity } from './SidebarItem';
 import { type ITagStaticPath } from '../types/static-path';
 import { LinkUtil } from '../utils/link';

package/dist/icons.ts

@@ -0,0 +1,22 @@
+export { default as SocialIcon } from './components/icons/SocialIcon.astro';
+export { default as TwitterIcon } from './components/icons/TwitterIcon.astro';
+export { default as UserIcon } from './components/icons/UserIcon.astro';
+export { default as WarningIcon } from './components/icons/WarningIcon.astro';
+export { default as XCircle } from './components/icons/XCircle.astro';
+export { default as InfoIcon } from './components/icons/InfoIcon.astro';
+export { default as LinkIcon } from './components/icons/LinkIcon.astro';
+export { default as LinkedinIcon } from './components/icons/LinkedinIcon.astro';
+export { default as MenuIcon } from './components/icons/MenuIcon.astro';
+export { default as SearchIcon } from './components/icons/SearchIcon.astro';
+export { default as SuccessIcon } from './components/icons/SuccessIcon.astro';
+export { default as SunCloudyIcon } from './components/icons/SunCloudyIcon.astro';
+export { default as AlertTriangle } from './components/icons/AlertTriangle.astro';
+export { default as CalendarIcon } from './components/icons/CalendarIcon.astro';
+export { default as CheckCircle } from './components/icons/CheckCircle.astro';
+export { default as CheckIcon } from './components/icons/CheckIcon.astro';
+export { default as ClipboardIcon } from './components/icons/ClipboardIcon.astro';
+export { default as CloseIcon } from './components/icons/CloseIcon.astro';
+export { default as ErrorIcon } from './components/icons/ErrorIcon.astro';
+export { default as GithubIcon } from './components/icons/GithubIcon.astro';
+export { default as InfoCircle } from './components/icons/InfoCircle.astro';
+export { default as SettingsIcon } from './components/icons/SettingsIcon.astro';

package/dist/index.ts

@@ -46,27 +46,7 @@ export { default as Heading } from './components/typography/Heading.astro';
 export { default as ErrorPage404 } from './components/errors/404.astro';
 
 // Icons
-export { default as SocialIcon } from './components/icons/SocialIcon.astro';
-export { default as TwitterIcon } from './components/icons/TwitterIcon.astro';
-export { default as UserIcon } from './components/icons/UserIcon.astro';
-export { default as WarningIcon } from './components/icons/WarningIcon.astro';
-export { default as XCircle } from './components/icons/XCircle.astro';
-export { default as InfoIcon } from './components/icons/InfoIcon.astro';
-export { default as LinkIcon } from './components/icons/LinkIcon.astro';
-export { default as LinkedinIcon } from './components/icons/LinkedinIcon.astro';
-export { default as MenuIcon } from './components/icons/MenuIcon.astro';
-export { default as SearchIcon } from './components/icons/SearchIcon.astro';
-export { default as SuccessIcon } from './components/icons/SuccessIcon.astro';
-export { default as SunCloudyIcon } from './components/icons/SunCloudyIcon.astro';
-export { default as AlertTriangle } from './components/icons/AlertTriangle.astro';
-export { default as CalendarIcon } from './components/icons/CalendarIcon.astro';
-export { default as CheckCircle } from './components/icons/CheckCircle.astro';
-export { default as CheckIcon } from './components/icons/CheckIcon.astro';
-export { default as ClipboardIcon } from './components/icons/ClipboardIcon.astro';
-export { default as CloseIcon } from './components/icons/CloseIcon.astro';
-export { default as ErrorIcon } from './components/icons/ErrorIcon.astro';
-export { default as GithubIcon } from './components/icons/GithubIcon.astro';
-export { default as InfoCircle } from './components/icons/InfoCircle.astro';
+export * from './icons';
 
 // Containers
 export { default as Container } from './components/containers/Container.astro';

package/dist/vue/AlertDialog.vue

@@ -0,0 +1,120 @@
+<!--
+@component AlertDialog
+
+@description
+AlertDialog 组件用于显示简单的确认对话框，支持国际化，带有淡入淡出动画效果。
+
+@usage
+基本用法：
+```vue
+<AlertDialog v-model="showDialog" message="操作已完成" />
+```
+
+指定语言：
+```vue
+<AlertDialog v-model="showDialog" message="Operation completed" lang="en" />
+```
+
+组合使用：
+```vue
+<template>
+  <button @click="showDialog = true">显示对话框</button>
+  <AlertDialog v-model="showDialog" message="确认要继续吗？" />
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import { AlertDialog } from 'cosy-ui';
+
+const showDialog = ref(false);
+</script>
+```
+
+@props
+@prop {boolean} modelValue - 控制对话框显示状态，支持v-model双向绑定
+@prop {string} message - 对话框显示的消息内容
+@prop {('zh-cn'|'en')} [lang='zh-cn'] - 语言设置，影响按钮文本
+
+@emits
+@emit {update:modelValue} - 当对话框关闭时触发，用于更新v-model绑定值
+-->
+
+<script lang="ts">
+import '../app.css'
+import { defineComponent } from 'vue'
+
+type MessageKey = 'confirm';
+
+interface Messages {
+    [key: string]: {
+        [key in MessageKey]: string;
+    };
+}
+
+export default defineComponent({
+    name: 'AlertDialog',
+    props: {
+        modelValue: {
+            type: Boolean,
+            required: true
+        },
+        message: {
+            type: String,
+            required: true
+        },
+        lang: {
+            type: String as () => 'zh-cn' | 'en',
+            default: 'zh-cn'
+        }
+    },
+    emits: ['update:modelValue'],
+    setup(props) {
+        // 多语言文本
+        const t = (key: MessageKey) => {
+            const messages: Messages = {
+                'zh-cn': {
+                    confirm: '确定'
+                },
+                'en': {
+                    confirm: 'OK'
+                }
+            };
+            return messages[props.lang][key];
+        };
+
+        return {
+            t
+        };
+    }
+})
+</script>
+
+<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 cosy:opacity-100 cosy:enter:opacity-0 cosy:leave:opacity-0">
+            <!-- 背景遮罩 -->
+            <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-lg cosy:w-[400px] cosy:transform cosy:transition-all">
+                <!-- 内容区域 -->
+                <div class="cosy:p-6">
+                    <p class="cosy:text-base-content">
+                        {{ message }}
+                    </p>
+                </div>
+
+                <!-- 按钮区域 -->
+                <div class="cosy:flex cosy:border-t cosy:border-base-300">
+                    <button class="cosy:btn cosy:btn-ghost cosy:flex-1 cosy:rounded-none cosy:rounded-b-xl"
+                        @click="$emit('update:modelValue', false)">
+                        {{ t('confirm') }}
+                    </button>
+                </div>
+            </div>
+        </div>
+    </Transition>
+</template>