@coffic/cosy-ui 0.7.4 → 0.8.6

package/dist/contact/EContactWithTitle.astro

@@ -1,18 +0,0 @@
----
-/**
- * @component Contact.WithTitle
- *
- * @description
- * 带标题和描述的Contact组件示例。
- */
-import Contact from './Contact.astro';
----
-
-<Contact
-	title="联系我们"
-	description="欢迎随时与我们取得联系，我们将尽快回复您"
-	email="contact@company.com"
-	phone="+1 (555) 123-4567"
-	address="123 Business St, City, State 12345"
-/>
-

package/dist/contact/EContactWithTitleContainer.astro

@@ -1,12 +0,0 @@
----
-import { CodeContainer } from '../index';
-import ContactWithTitle from './EContactWithTitle.astro';
-import ContactWithTitleSourceCode from './EContactWithTitle.astro?raw';
----
-
-<CodeContainer codes={[ContactWithTitleSourceCode]}>
-	<div id="tab-1">
-		<ContactWithTitle />
-	</div>
-</CodeContainer>
-

package/dist/contact/index.ts

@@ -1,21 +0,0 @@
-import Contact from './Contact.astro';
-
-// Container components
-import ContactBasicContainer from './EContactBasicContainer.astro';
-import ContactWithTitleContainer from './EContactWithTitleContainer.astro';
-import ContactSocialContainer from './EContactSocialContainer.astro';
-import ContactCompactContainer from './EContactCompactContainer.astro';
-import ContactCustomStyleContainer from './EContactCustomStyleContainer.astro';
-
-export { Contact };
-
-export const ContactPackage = {
-    Contact,
-    ContactContainers: {
-        Basic: ContactBasicContainer,
-        WithTitle: ContactWithTitleContainer,
-        Social: ContactSocialContainer,
-        Compact: ContactCompactContainer,
-        CustomStyle: ContactCustomStyleContainer,
-    },
-}; 

package/dist/container/Container.astro

@@ -1,211 +0,0 @@
----
-/**
- * @component Container
- *
- * @description
- * Container 组件是一个基础的布局容器，用于限制内容宽度并居中显示。
- * 它提供了多种尺寸和内边距选项，适用于各种布局需求。
- *
- * @design
- * 设计理念：
- * 1. 内容约束 - 限制内容宽度，提高可读性和视觉美感
- * 2. 响应式设计 - 在不同屏幕尺寸下自动调整内边距
- * 3. 灵活配置 - 支持多种尺寸和内边距选项
- * 4. 简单易用 - 提供直观的API，易于集成到各种页面布局中
- *
- * @usage
- * 基本用法：
- * ```astro
- * <Container>
- *   <p>内容将被限制在一个合理的宽度内并居中显示</p>
- * </Container>
- * ```
- *
- * 自定义尺寸和内边距：
- * ```astro
- * <Container size="sm" padding="lg">
- *   <p>小尺寸容器，大内边距</p>
- * </Container>
- * ```
- *
- * 全宽容器：
- * ```astro
- * <Container size="full" padding="none">
- *   <p>全宽容器，无内边距</p>
- * </Container>
- * ```
- *
- * 不居中的容器：
- * ```astro
- * <Container centered={false}>
- *   <p>不居中的容器，靠左对齐</p>
- * </Container>
- * ```
- *
- * 带边框的容器：
- * ```astro
- * <Container border>
- *   <p>带有边框的容器</p>
- * </Container>
- * ```
- *
- * Flex布局容器（按行排列）：
- * ```astro
- * <Container flex="row" gap="md">
- *   <div>第一项</div>
- *   <div>第二项</div>
- * </Container>
- * ```
- *
- * Flex布局容器（按列排列）：
- * ```astro
- * <Container flex="col" gap="md" items="center" justify="between">
- *   <div>第一项</div>
- *   <div>第二项</div>
- * </Container>
- * ```
- */
-
-import type { HTMLAttributes } from 'astro/types';
-import '../style.ts';
-
-interface Props extends HTMLAttributes<'div'> {
-	/**
-	 * 容器尺寸
-	 * @default "md"
-	 */
-	size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
-
-	/**
-	 * 内边距大小
-	 * @default "md"
-	 */
-	padding?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
-
-	/**
-	 * 是否居中显示
-	 * @default true
-	 */
-	centered?: boolean;
-
-	/**
-	 * 是否显示边框
-	 * @default false
-	 */
-	border?: boolean;
-
-	/**
-	 * flex布局方向，不设置则不启用flex布局
-	 */
-	flex?: 'row' | 'col' | 'row-reverse' | 'col-reverse';
-
-	/**
-	 * flex项目间距
-	 * @default "none"
-	 */
-	gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-
-	/**
-	 * flex项目水平对齐方式
-	 */
-	items?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
-
-	/**
-	 * flex项目垂直对齐方式
-	 */
-	justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
-
-	/**
-	 * 自定义类名
-	 */
-	class?: string;
-
-	/**
-	 * 类名列表
-	 */
-	'class:list'?: any;
-}
-
-const {
-	size = 'md',
-	padding = 'md',
-	centered = true,
-	border = false,
-	flex,
-	gap = 'none',
-	items,
-	justify,
-	class: className = '',
-	'class:list': classList,
-	...rest
-} = Astro.props;
-
-// 静态类名映射
-const sizeClasses = {
-	xs: 'cosy:max-w-xs',
-	sm: 'cosy:max-w-sm',
-	md: 'cosy:max-w-2xl',
-	lg: 'cosy:max-w-4xl',
-	xl: 'cosy:max-w-6xl',
-	full: 'cosy:w-full',
-} as const;
-
-const paddingClasses = {
-	none: 'cosy:p-0',
-	sm: 'cosy:p-2',
-	md: 'cosy:p-4',
-	lg: 'cosy:p-6',
-	xl: 'cosy:p-8',
-} as const;
-
-const flexClasses = {
-	row: 'cosy:flex cosy:flex-row',
-	col: 'cosy:flex cosy:flex-col',
-	'row-reverse': 'cosy:flex cosy:flex-row-reverse',
-	'col-reverse': 'cosy:flex cosy:flex-col-reverse',
-} as const;
-
-const gapClasses = {
-	none: 'cosy:gap-0',
-	xs: 'cosy:gap-1',
-	sm: 'cosy:gap-2',
-	md: 'cosy:gap-4',
-	lg: 'cosy:gap-6',
-	xl: 'cosy:gap-8',
-} as const;
-
-const itemsClasses = {
-	start: 'cosy:items-start',
-	end: 'cosy:items-end',
-	center: 'cosy:items-center',
-	baseline: 'cosy:items-baseline',
-	stretch: 'cosy:items-stretch',
-} as const;
-
-const justifyClasses = {
-	start: 'cosy:justify-start',
-	end: 'cosy:justify-end',
-	center: 'cosy:justify-center',
-	between: 'cosy:justify-between',
-	around: 'cosy:justify-around',
-	evenly: 'cosy:justify-evenly',
-} as const;
-
-// 构建CSS类名
-const containerClasses = [
-	'cosy:w-full',
-	centered ? 'cosy:mx-auto' : '',
-	sizeClasses[size],
-	paddingClasses[padding],
-	border ? 'cosy:border cosy:rounded-lg' : '',
-	flex ? flexClasses[flex] : '',
-	flex ? gapClasses[gap] : '',
-	items && flex ? itemsClasses[items] : '',
-	justify && flex ? justifyClasses[justify] : '',
-	className,
-];
----
-
-<section class:list={[containerClasses, classList]} {...rest}>
-	<slot />
-</section>

package/dist/container/EContainerBasic.astro

@@ -1,13 +0,0 @@
----
-/**
- * @component Container.Basic
- *
- * @description
- * 基础Container组件示例，展示最简单的容器用法。
- */
-import { Container } from '../index';
----
-
-<Container>
-	<p class="cosy:text-center">这是一个基础容器，内容会被限制在一个合理的宽度内并居中显示</p>
-</Container>

package/dist/container/EContainerBasicContainer.astro

@@ -1,11 +0,0 @@
----
-import { CodeContainer } from '../index';
-import ContainerBasic from './EContainerBasic.astro';
-import ContainerBasicSourceCode from './EContainerBasic.astro?raw';
----
-
-<CodeContainer codes={[ContainerBasicSourceCode]}>
-	<div id="tab-1">
-		<ContainerBasic />
-	</div>
-</CodeContainer>

package/dist/container/EContainerFlexBetween.astro

@@ -1,16 +0,0 @@
----
-/**
- * @component Container.FlexBetween
- *
- * @description
- * 展示Container组件的两端对齐(justify="between")布局功能。
- */
-import '../style.ts';
-import { Container } from '../index';
----
-
-<Container flex="row" justify="between" border padding="md">
-	<div class="cosy:bg-primary cosy:text-primary-content cosy:p-4 cosy:rounded">左侧</div>
-	<div class="cosy:bg-secondary cosy:text-secondary-content cosy:p-4 cosy:rounded">中间</div>
-	<div class="cosy:bg-accent cosy:text-accent-content cosy:p-4 cosy:rounded">右侧</div>
-</Container>

package/dist/container/EContainerFlexCenter.astro

@@ -1,23 +0,0 @@
----
-/**
- * @component Container.FlexCenter
- *
- * @description
- * 展示Container组件的居中对齐(items="center" justify="center")布局功能。
- */
-import '../style.ts';
-import { Container } from '../index';
----
-
-<Container
-	flex="row"
-	gap="md"
-	items="center"
-	justify="center"
-	border
-	padding="md"
-	class="cosy:h-32">
-	<div class="cosy:bg-primary cosy:text-primary-content cosy:p-4 cosy:rounded">居中项</div>
-	<div class="cosy:bg-secondary cosy:text-secondary-content cosy:p-6 cosy:rounded">较大项</div>
-	<div class="cosy:bg-accent cosy:text-accent-content cosy:p-2 cosy:rounded">较小项</div>
-</Container>

package/dist/container/EContainerFlexColumn.astro

@@ -1,16 +0,0 @@
----
-/**
- * @component Container.FlexColumn
- *
- * @description
- * 展示Container组件的列排列(flex="col")布局功能。
- */
-import '../style.ts';
-import { Container } from '../index';
----
-
-<Container flex="col" gap="md" border padding="md">
-	<div class="cosy:bg-primary cosy:text-primary-content cosy:p-4 cosy:rounded">第一项</div>
-	<div class="cosy:bg-secondary cosy:text-secondary-content cosy:p-4 cosy:rounded">第二项</div>
-	<div class="cosy:bg-accent cosy:text-accent-content cosy:p-4 cosy:rounded">第三项</div>
-</Container>

package/dist/container/EContainerFlexContainer.astro

@@ -1,34 +0,0 @@
----
-import { CodeContainer } from '../index';
-import ContainerFlexRow from './EContainerFlexRow.astro';
-import ContainerFlexColumn from './EContainerFlexColumn.astro';
-import ContainerFlexCenter from './EContainerFlexCenter.astro';
-import ContainerFlexBetween from './EContainerFlexBetween.astro';
-
-import ContainerFlexRowSourceCode from './EContainerFlexRow.astro?raw';
-import ContainerFlexColumnSourceCode from './EContainerFlexColumn.astro?raw';
-import ContainerFlexCenterSourceCode from './EContainerFlexCenter.astro?raw';
-import ContainerFlexBetweenSourceCode from './EContainerFlexBetween.astro?raw';
----
-
-<CodeContainer
-	titles={['Row', 'Column', 'Center', 'Between']}
-	codes={[
-		ContainerFlexRowSourceCode,
-		ContainerFlexColumnSourceCode,
-		ContainerFlexCenterSourceCode,
-		ContainerFlexBetweenSourceCode,
-	]}>
-	<div id="tab-1">
-		<ContainerFlexRow />
-	</div>
-	<div id="tab-2">
-		<ContainerFlexColumn />
-	</div>
-	<div id="tab-3">
-		<ContainerFlexCenter />
-	</div>
-	<div id="tab-4">
-		<ContainerFlexBetween />
-	</div>
-</CodeContainer>

package/dist/container/EContainerFlexRow.astro

@@ -1,16 +0,0 @@
----
-/**
- * @component Container.FlexRow
- *
- * @description
- * 展示Container组件的行排列(flex="row")布局功能。
- */
-import '../style.ts';
-import { Container } from '../index';
----
-
-<Container flex="row" gap="md" border padding="md">
-	<div class="cosy:bg-primary cosy:text-primary-content cosy:p-4 cosy:rounded">第一项</div>
-	<div class="cosy:bg-secondary cosy:text-secondary-content cosy:p-4 cosy:rounded">第二项</div>
-	<div class="cosy:bg-accent cosy:text-accent-content cosy:p-4 cosy:rounded">第三项</div>
-</Container>

package/dist/container/EContainerPadding.astro

@@ -1,32 +0,0 @@
----
-/**
- * @component Container.Padding
- *
- * @description
- * 展示Container组件的不同内边距选项：none、sm、md、lg、xl。
- */
-import '../style.ts';
-import { Container } from '../index';
----
-
-<div class="cosy:space-y-4">
-	<Container padding="none" border>
-		<p class="cosy:text-center">无内边距 (none)</p>
-	</Container>
-
-	<Container padding="sm" border>
-		<p class="cosy:text-center">小内边距 (sm)</p>
-	</Container>
-
-	<Container padding="md" border>
-		<p class="cosy:text-center">中等内边距 (md) - 默认</p>
-	</Container>
-
-	<Container padding="lg" border>
-		<p class="cosy:text-center">大内边距 (lg)</p>
-	</Container>
-
-	<Container padding="xl" border>
-		<p class="cosy:text-center">超大内边距 (xl)</p>
-	</Container>
-</div>

package/dist/container/EContainerPaddingContainer.astro

@@ -1,11 +0,0 @@
----
-import { CodeContainer } from '../index';
-import ContainerPadding from './EContainerPadding.astro';
-import ContainerPaddingSourceCode from './EContainerPadding.astro?raw';
----
-
-<CodeContainer codes={[ContainerPaddingSourceCode]}>
-	<div id="tab-1">
-		<ContainerPadding />
-	</div>
-</CodeContainer>

package/dist/container/EContainerSizes.astro

@@ -1,36 +0,0 @@
----
-/**
- * @component Container.Sizes
- *
- * @description
- * 展示Container组件的不同尺寸选项：xs、sm、md、lg、xl、full。
- */
-import '../style.ts';
-import { Container } from '../index';
----
-
-<div class="cosy:space-y-4">
-	<Container size="xs" border>
-		<p class="cosy:text-center">超小尺寸容器 (xs)</p>
-	</Container>
-
-	<Container size="sm" border>
-		<p class="cosy:text-center">小尺寸容器 (sm)</p>
-	</Container>
-
-	<Container size="md" border>
-		<p class="cosy:text-center">中等尺寸容器 (md) - 默认</p>
-	</Container>
-
-	<Container size="lg" border>
-		<p class="cosy:text-center">大尺寸容器 (lg)</p>
-	</Container>
-
-	<Container size="xl" border>
-		<p class="cosy:text-center">超大尺寸容器 (xl)</p>
-	</Container>
-
-	<Container size="full" border>
-		<p class="cosy:text-center">全宽容器 (full)</p>
-	</Container>
-</div>

package/dist/container/EContainerSizesContainer.astro

@@ -1,11 +0,0 @@
----
-import { CodeContainer } from '../index';
-import ContainerSizes from './EContainerSizes.astro';
-import ContainerSizesSourceCode from './EContainerSizes.astro?raw';
----
-
-<CodeContainer codes={[ContainerSizesSourceCode]}>
-	<div id="tab-1">
-		<ContainerSizes />
-	</div>
-</CodeContainer>

package/dist/container/index.ts

@@ -1,16 +0,0 @@
-import Container from './Container.astro';
-import ContainerBasicContainer from './EContainerBasicContainer.astro';
-import ContainerSizesContainer from './EContainerSizesContainer.astro';
-import ContainerPaddingContainer from './EContainerPaddingContainer.astro';
-import ContainerFlexContainer from './EContainerFlexContainer.astro';
-
-export { default as Container } from './Container.astro';
-export const ContainerPackage = {
-    Container,
-    ContainerContainers: {
-        Basic: ContainerBasicContainer,
-        Sizes: ContainerSizesContainer,
-        Padding: ContainerPaddingContainer,
-        Flex: ContainerFlexContainer,
-    },
-}

package/dist/cosy.ts

@@ -1,6 +0,0 @@
-import { Logger } from './utils/logger';
-
-export const NAME = 'Cosy-UI';
-export const ERROR_PREFIX = 'Cosy-UI: ';
-
-export const cosyLogger = new Logger(NAME);

package/dist/counter-vue/VueCounter.vue

@@ -1,29 +0,0 @@
-<!-- 简单的Vue计数器组件 -->
-<script setup lang="ts">
-import { ref } from 'vue';
-
-const count = ref(0);
-
-const increment = () => {
-    count.value++;
-};
-
-const decrement = () => {
-    count.value--;
-};
-</script>
-
-<template>
-    <div class="cosy:p-4 cosy:bg-base-200 cosy:rounded-lg cosy:shadow-md cosy:max-w-xs cosy:mx-auto">
-        <h2 class="cosy:text-xl cosy:font-bold cosy:mb-4 cosy:text-center">Vue 计数器测试</h2>
-        <div class="cosy:flex cosy:items-center cosy:justify-center cosy:gap-4">
-            <button @click="decrement" class="cosy:btn cosy:btn-primary">
-                -
-            </button>
-            <span class="cosy:text-2xl cosy:font-bold">{{ count }}</span>
-            <button @click="increment" class="cosy:btn cosy:btn-primary">
-                +
-            </button>
-        </div>
-    </div>
-</template>

package/dist/counter-vue/index.ts

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