@coffic/cosy-ui 0.7.4 → 0.8.6

package/dist/button/ButtonIconRight.astro

@@ -1,8 +0,0 @@
----
-import Button from './Button.astro';
----
-
-<Button>
-	右侧图标按钮
-	<span slot="icon-right">→</span>
-</Button>

package/dist/button/ButtonLinkContainer.astro

@@ -1,19 +0,0 @@
----
-import { CodeContainer } from '../index';
-import ButtonLink from './ButtonLink.astro';
-import ButtonLinkExternal from './ButtonLinkExternal.astro';
-import ButtonLinkSourceCode from './ButtonLink.astro?raw';
-import ButtonLinkExternalSourceCode from './ButtonLinkExternal.astro?raw';
----
-
-<CodeContainer
-	titles={['基础链接', '外部链接', 'Vue']}
-	codes={[ButtonLinkSourceCode, ButtonLinkExternalSourceCode]}>
-	<div id="tab-1">
-		<ButtonLink />
-	</div>
-
-	<div id="tab-2">
-		<ButtonLinkExternal />
-	</div>
-</CodeContainer>

package/dist/button/ButtonLinkExternal.astro

@@ -1,8 +0,0 @@
----
-import Button from './Button.astro';
----
-
-<Button href="https://example.com" target="_blank" variant="primary">
-	外部链接
-	<span slot="icon-right">↗</span>
-</Button>

package/dist/button/ButtonShapes.astro

@@ -1,23 +0,0 @@
----
-import Button from './Button.astro';
----
-
-<div class="cosy:flex cosy:flex-wrap cosy:gap-2">
-	<Button>默认形状</Button>
-
-	<Button shape="circle" variant="primary">
-		<span slot="icon-left">🔄</span>
-	</Button>
-
-	<Button shape="square" variant="success">
-		<span slot="icon-left">✨</span>
-	</Button>
-
-	<Button shape="circle" variant="warning" size="lg">
-		<span slot="icon-left">⚡</span>
-	</Button>
-
-	<Button shape="square" variant="error" size="sm">
-		<span slot="icon-left">❌</span>
-	</Button>
-</div>

package/dist/button/ButtonShapesContainer.astro

@@ -1,25 +0,0 @@
----
-import { CodeContainer } from '../index';
-import ButtonShapeCircle from './ButtonShapeCircle.astro';
-import ButtonShapeSquare from './ButtonShapeSquare.astro';
-import ButtonShapeDefault from './ButtonShapeDefault.astro';
-import ButtonShapeCircleSourceCode from './ButtonShapeCircle.astro?raw';
-import ButtonShapeSquareSourceCode from './ButtonShapeSquare.astro?raw';
-import ButtonShapeDefaultSourceCode from './ButtonShapeDefault.astro?raw';
----
-
-<CodeContainer
-	titles={['圆形', '方形', '默认']}
-	codes={[ButtonShapeCircleSourceCode, ButtonShapeSquareSourceCode, ButtonShapeDefaultSourceCode]}>
-	<div id="tab-1">
-		<ButtonShapeCircle />
-	</div>
-
-	<div id="tab-2">
-		<ButtonShapeSquare />
-	</div>
-
-	<div id="tab-3">
-		<ButtonShapeDefault />
-	</div>
-</CodeContainer>

package/dist/button/ButtonSizes.astro

@@ -1,15 +0,0 @@
----
-import Button from './Button.astro';
----
-
-<div class="cosy:flex cosy:items-center cosy:gap-2">
-	<Button size="xs">超小按钮</Button>
-	<Button size="sm">小型按钮</Button>
-	<Button size="md">中等按钮</Button>
-	<Button size="lg">大型按钮</Button>
-</div>
-
-<div class="cosy:mt-4 cosy:flex cosy:flex-col cosy:items-center cosy:gap-2">
-	<Button size="lg" wide>宽按钮</Button>
-	<Button block>块级按钮</Button>
-</div>

package/dist/button/ButtonSizesContainer.astro

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

package/dist/button/ButtonStates.astro

@@ -1,12 +0,0 @@
----
-import Button from './Button.astro';
----
-
-<div class="cosy:flex cosy:flex-wrap cosy:gap-2">
-	<Button>正常按钮</Button>
-	<Button disabled>禁用按钮</Button>
-	<Button loading>加载中</Button>
-	<Button variant="primary" loading>加载中</Button>
-	<Button variant="success" disabled>禁用成功按钮</Button>
-	<Button variant="error" loading>处理错误中</Button>
-</div>

package/dist/button/ButtonStatesContainer.astro

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

package/dist/button/ButtonVariants.astro

@@ -1,14 +0,0 @@
----
-import Button from './Button.astro';
----
-
-<div class="cosy:flex cosy:flex-wrap cosy:gap-2">
-	<Button variant="info">信息按钮</Button>
-	<Button variant="success">成功按钮</Button>
-	<Button variant="warning">警告按钮</Button>
-	<Button variant="error">错误按钮</Button>
-	<Button variant="ghost">幽灵按钮</Button>
-	<Button variant="link">链接按钮</Button>
-	<Button variant="outline">描边按钮</Button>
-	<Button variant="neutral">中性按钮</Button>
-</div>

package/dist/button/ButtonVariantsContainer.astro

@@ -1,64 +0,0 @@
----
-import { CodeContainer } from '../index';
-import ButtonInfo from './ButtonInfo.astro';
-import ButtonSuccess from './ButtonSuccess.astro';
-import ButtonWarning from './ButtonWarning.astro';
-import ButtonError from './ButtonError.astro';
-import ButtonGhost from './ButtonGhost.astro';
-import ButtonLink from './ButtonLink.astro';
-import ButtonOutline from './ButtonOutline.astro';
-import ButtonNeutral from './ButtonNeutral.astro';
-import ButtonInfoSourceCode from './ButtonInfo.astro?raw';
-import ButtonSuccessSourceCode from './ButtonSuccess.astro?raw';
-import ButtonWarningSourceCode from './ButtonWarning.astro?raw';
-import ButtonErrorSourceCode from './ButtonError.astro?raw';
-import ButtonGhostSourceCode from './ButtonGhost.astro?raw';
-import ButtonLinkSourceCode from './ButtonLink.astro?raw';
-import ButtonOutlineSourceCode from './ButtonOutline.astro?raw';
-import ButtonNeutralSourceCode from './ButtonNeutral.astro?raw';
----
-
-<CodeContainer
-	titles={['Info', 'Success', 'Warning', 'Error', 'Ghost', 'Link', 'Outline', 'Neutral']}
-	codes={[
-		ButtonInfoSourceCode,
-		ButtonSuccessSourceCode,
-		ButtonWarningSourceCode,
-		ButtonErrorSourceCode,
-		ButtonGhostSourceCode,
-		ButtonLinkSourceCode,
-		ButtonOutlineSourceCode,
-		ButtonNeutralSourceCode,
-	]}>
-	<div id="tab-1">
-		<ButtonInfo />
-	</div>
-
-	<div id="tab-2">
-		<ButtonSuccess />
-	</div>
-
-	<div id="tab-3">
-		<ButtonWarning />
-	</div>
-
-	<div id="tab-4">
-		<ButtonError />
-	</div>
-
-	<div id="tab-5">
-		<ButtonGhost />
-	</div>
-
-	<div id="tab-6">
-		<ButtonLink />
-	</div>
-
-	<div id="tab-7">
-		<ButtonOutline />
-	</div>
-
-	<div id="tab-8">
-		<ButtonNeutral />
-	</div>
-</CodeContainer>

package/dist/button/ButtonWidth.astro

@@ -1,8 +0,0 @@
----
-import Button from './Button.astro';
----
-
-<div class="cosy:flex cosy:flex-col cosy:gap-2">
-	<Button wide>宽按钮</Button>
-	<Button block>块级按钮</Button>
-</div>

package/dist/button/ButtonWidthContainer.astro

@@ -1,19 +0,0 @@
----
-import { CodeContainer } from '../index';
-import ButtonWide from './ButtonWide.astro';
-import ButtonBlock from './ButtonBlock.astro';
-import ButtonWideSourceCode from './ButtonWide.astro?raw';
-import ButtonBlockSourceCode from './ButtonBlock.astro?raw';
----
-
-<CodeContainer
-	titles={['宽按钮', '块级按钮']}
-	codes={[ButtonWideSourceCode, ButtonBlockSourceCode]}>
-	<div id="tab-1">
-		<ButtonWide />
-	</div>
-
-	<div id="tab-2">
-		<ButtonBlock />
-	</div>
-</CodeContainer>

package/dist/button/ButtonWithIcons.astro

@@ -1,25 +0,0 @@
----
-import Button from './Button.astro';
----
-
-<div class="cosy:flex cosy:flex-wrap cosy:gap-2">
-	<Button variant="primary">
-		<span slot="icon-left">👈</span>
-		返回
-	</Button>
-
-	<Button variant="success">
-		确认
-		<span slot="icon-right">✅</span>
-	</Button>
-
-	<Button variant="info">
-		<span slot="icon-left">💾</span>
-		保存
-		<span slot="icon-right">📁</span>
-	</Button>
-
-	<Button variant="warning" shape="circle">
-		<span slot="icon-left">⚠️</span>
-	</Button>
-</div>

package/dist/button/ButtonWithIconsContainer.astro

@@ -1,25 +0,0 @@
----
-import { CodeContainer } from '../index';
-import ButtonIconLeft from './ButtonIconLeft.astro';
-import ButtonIconRight from './ButtonIconRight.astro';
-import ButtonIconBoth from './ButtonIconBoth.astro';
-import ButtonIconLeftSourceCode from './ButtonIconLeft.astro?raw';
-import ButtonIconRightSourceCode from './ButtonIconRight.astro?raw';
-import ButtonIconBothSourceCode from './ButtonIconBoth.astro?raw';
----
-
-<CodeContainer
-	titles={['左侧图标', '右侧图标', '两侧图标']}
-	codes={[ButtonIconLeftSourceCode, ButtonIconRightSourceCode, ButtonIconBothSourceCode]}>
-	<div id="tab-1">
-		<ButtonIconLeft />
-	</div>
-
-	<div id="tab-2">
-		<ButtonIconRight />
-	</div>
-
-	<div id="tab-3">
-		<ButtonIconBoth />
-	</div>
-</CodeContainer>

package/dist/button/index_astro.ts

@@ -1,62 +0,0 @@
-import Button from './Button.astro';
-import ButtonBasicContainer from './ButtonBasicContainer.astro';
-import ButtonShapesContainer from './ButtonShapesContainer.astro';
-import ButtonSizesContainer from './ButtonSizesContainer.astro';
-import ButtonStatesContainer from './ButtonStatesContainer.astro';
-import ButtonWithIconsContainer from './ButtonWithIconsContainer.astro';
-import ButtonWidthContainer from './ButtonWidthContainer.astro';
-import ButtonVariantsContainer from './ButtonVariantsContainer.astro';
-import ButtonLinkContainer from './ButtonLinkContainer.astro';
-import ButtonWide from './ButtonWide.astro';
-import ButtonBlock from './ButtonBlock.astro';
-import ButtonIconLeft from './ButtonIconLeft.astro';
-import ButtonIconRight from './ButtonIconRight.astro';
-import ButtonIconBoth from './ButtonIconBoth.astro';
-import ButtonShapeCircle from './ButtonShapeCircle.astro';
-import ButtonShapeSquare from './ButtonShapeSquare.astro';
-import ButtonShapeDefault from './ButtonShapeDefault.astro';
-import ButtonInfo from './ButtonInfo.astro';
-import ButtonSuccess from './ButtonSuccess.astro';
-import ButtonWarning from './ButtonWarning.astro';
-import ButtonError from './ButtonError.astro';
-import ButtonGhost from './ButtonGhost.astro';
-import ButtonLink from './ButtonLink.astro';
-import ButtonLinkExternal from './ButtonLinkExternal.astro';
-import ButtonOutline from './ButtonOutline.astro';
-import ButtonNeutral from './ButtonNeutral.astro';
-
-export {
-	Button
-};
-
-export const ButtonPackage = {
-	Button,
-	ButtonWide,
-	ButtonBlock,
-	ButtonIconLeft,
-	ButtonIconRight,
-	ButtonIconBoth,
-	ButtonShapeCircle,
-	ButtonShapeSquare,
-	ButtonShapeDefault,
-	ButtonInfo,
-	ButtonSuccess,
-	ButtonWarning,
-	ButtonError,
-	ButtonGhost,
-	ButtonLink,
-	ButtonLinkExternal,
-	ButtonOutline,
-	ButtonNeutral,
-
-	ButtonContainers: {
-		Basic: ButtonBasicContainer,
-		Shapes: ButtonShapesContainer,
-		Sizes: ButtonSizesContainer,
-		States: ButtonStatesContainer,
-		WithIcons: ButtonWithIconsContainer,
-		Width: ButtonWidthContainer,
-		Variants: ButtonVariantsContainer,
-		Link: ButtonLinkContainer,
-	}
-};

package/dist/buttons-vue/Button.vue

@@ -1,105 +0,0 @@
-<script setup lang="ts">
-import { computed } from 'vue'
-
-interface Props {
-  variant?: 
-    | 'primary'
-    | 'secondary'
-    | 'accent'
-    | 'info'
-    | 'success'
-    | 'warning'
-    | 'error'
-    | 'ghost'
-    | 'link'
-    | 'outline'
-    | 'neutral'
-  size?: 'lg' | 'md' | 'sm' | 'xs'
-  shape?: 'circle' | 'square'
-  wide?: boolean
-  block?: boolean
-  loading?: boolean
-  disabled?: boolean
-  type?: 'button' | 'submit' | 'reset'
-  href?: string
-  target?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  variant: 'primary',
-  size: 'md',
-  wide: false,
-  block: false,
-  loading: false,
-  disabled: false,
-  type: 'button'
-})
-
-const buttonClasses = computed(() => {
-  const classes = ['cosy:btn']
-
-  // Variant classes
-  const variantClasses = {
-    primary: 'cosy:btn-primary',
-    secondary: 'cosy:btn-secondary',
-    accent: 'cosy:btn-accent',
-    info: 'cosy:btn-info',
-    success: 'cosy:btn-success',
-    warning: 'cosy:btn-warning',
-    error: 'cosy:btn-error',
-    ghost: 'cosy:btn-ghost',
-    link: 'cosy:btn-link',
-    outline: 'cosy:btn-outline',
-    neutral: 'cosy:btn-neutral',
-  }
-
-  // Size classes
-  const sizeClasses = {
-    lg: 'cosy:btn-lg',
-    md: 'cosy:btn-md',
-    sm: 'cosy:btn-sm',
-    xs: 'cosy:btn-xs',
-  }
-
-  // Shape classes
-  const shapeClasses = {
-    circle: 'cosy:btn-circle',
-    square: 'cosy:btn-square',
-  }
-
-  if (variantClasses[props.variant]) {
-    classes.push(variantClasses[props.variant])
-  }
-
-  if (sizeClasses[props.size]) {
-    classes.push(sizeClasses[props.size])
-  }
-
-  if (props.shape && shapeClasses[props.shape]) {
-    classes.push(shapeClasses[props.shape])
-  }
-
-  if (props.wide) classes.push('cosy:btn-wide')
-  if (props.block) classes.push('cosy:btn-block')
-  if (props.loading) classes.push('cosy:loading')
-
-  return classes
-})
-</script>
-
-<template>
-  <component
-    :is="props.href ? 'a' : 'button'"
-    :class="buttonClasses"
-    :type="props.href ? undefined : props.type"
-    :disabled="props.disabled"
-    :href="props.href"
-    :target="props.target"
-  >
-    <span class="cosy:flex cosy:items-center cosy:gap-2">
-      <slot name="icon-left" />
-      <slot />
-      <slot name="icon-right" />
-    </span>
-  </component>
-</template>

package/dist/buttons-vue/ButtonBasic.vue

@@ -1,11 +0,0 @@
-<script setup lang="ts">
-import Button from './Button.vue'
-</script>
-
-<template>
-  <div class="cosy:flex cosy:gap-2">
-    <Button>默认按钮</Button>
-    <Button variant="primary">主要按钮</Button>
-    <Button variant="secondary">次要按钮</Button>
-  </div>
-</template>

package/dist/buttons-vue/ButtonFeature.vue

@@ -1,91 +0,0 @@
-
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-const props = defineProps({
-    title: {
-        type: String,
-        required: false,
-        default: 'Feature Button'
-    },
-    size: {
-        type: String,
-        default: 'w-64',
-        validator: (value: string) => ['w-64', 'w-32', 'w-16', 'w-12', 'w-8'].includes(value)
-    },
-    lang: {
-        type: String,
-        default: 'en',
-        validator: (value: string) => ['en', 'zh'].includes(value)
-    },
-    showTips: {
-        type: Boolean,
-        default: false
-    }
-})
-
-const isPopupVisible = ref(false)
-
-const showPopup = () => {
-    if (props.showTips) {
-        isPopupVisible.value = true
-        setTimeout(hidePopup, 2000) // Auto-hide after 2 seconds
-    }
-}
-
-const hidePopup = () => {
-    isPopupVisible.value = false
-}
-</script>
-<template>
-    <div>
-        <!-- Button with hover effects -->
-        <button :class="[
-            'cosy:bg-cyan-500/20 cosy:text-cyan-500 cosy:border-cyan-500 cosy:border-2 cosy:hover:bg-cyan-500/30 cosy:hover:text-white cosy:hover:border-cyan-500/30 cosy:hover:scale-105 cosy:transition-all cosy:duration-300 cosy:rounded-2xl cosy:text-center cosy:backdrop-blur-lg cosy:text-2xl',
-            props.size
-        ]" @click="showPopup">
-            <slot />
-            {{ props.title }}
-        </button>
-
-        <!-- Popup message -->
-        <Transition name="fade">
-            <div v-if="isPopupVisible"
-                class="cosy:fixed cosy:inset-0 cosy:flex cosy:items-center cosy:justify-center cosy:z-50"
-                @click="hidePopup">
-                <div
-                    class="cosy:bg-black/80 cosy:backdrop-blur-sm cosy:p-6 cosy:rounded-xl cosy:text-white cosy:animate-popup">
-                    {{ lang === 'zh' ? '这是展示图，不支持操作' : 'This is a preview image, no operation is supported' }}
-                </div>
-            </div>
-        </Transition>
-    </div>
-</template>
-<style scoped>
-.fade-enter-active,
-.fade-leave-active {
-    transition: opacity 0.3s ease;
-}
-
-.fade-enter-from,
-.fade-leave-to {
-    opacity: 0;
-}
-
-.animate-popup {
-    animation: popup 0.3s ease-out;
-}
-
-@keyframes popup {
-    from {
-        transform: scale(0.95);
-        opacity: 0;
-    }
-
-    to {
-        transform: scale(1);
-        opacity: 1;
-    }
-}
-</style>

package/dist/buttons-vue/ButtonFeatureBasic.vue

@@ -1,8 +0,0 @@
-<template>
-    <FeatureButton title="特性按钮" />
-</template>
-
-<script setup lang="ts">
-import '../style';
-import FeatureButton from './ButtonFeature.vue';
-</script>

package/dist/buttons-vue/ButtonFeatureWithTips.vue

@@ -1,7 +0,0 @@
-<template>
-    <FeatureButton title="带提示特性" showTips />
-</template>
-
-<script setup lang="ts">
-import FeatureButton from './ButtonFeature.vue';
-</script>

package/dist/buttons-vue/ButtonLink.vue

@@ -1,13 +0,0 @@
-<script setup lang="ts">
-import VueButton from './Button.vue'
-</script>
-
-<template>
-  <div class="cosy:flex cosy:gap-2">
-    <VueButton href="#" variant="primary">内部链接</VueButton>
-    <VueButton href="https://example.com" target="_blank" variant="primary">
-      外部链接
-      <template #icon-right>↗</template>
-    </VueButton>
-  </div>
-</template>

package/dist/buttons-vue/ButtonSizes.vue

@@ -1,12 +0,0 @@
-<script setup lang="ts">
-import VueButton from './Button.vue'
-</script>
-
-<template>
-  <div class="cosy:flex cosy:items-center cosy:gap-2">
-    <VueButton size="xs">超小按钮</VueButton>
-    <VueButton size="sm">小型按钮</VueButton>
-    <VueButton size="md">中等按钮</VueButton>
-    <VueButton size="lg">大型按钮</VueButton>
-  </div>
-</template>

package/dist/buttons-vue/ButtonVariants.vue

@@ -1,16 +0,0 @@
-<script setup lang="ts">
-import VueButton from './Button.vue'
-</script>
-
-<template>
-  <div class="cosy:flex cosy:flex-wrap cosy:gap-2">
-    <VueButton variant="info">信息按钮</VueButton>
-    <VueButton variant="success">成功按钮</VueButton>
-    <VueButton variant="warning">警告按钮</VueButton>
-    <VueButton variant="error">错误按钮</VueButton>
-    <VueButton variant="ghost">幽灵按钮</VueButton>
-    <VueButton variant="link">链接按钮</VueButton>
-    <VueButton variant="outline">描边按钮</VueButton>
-    <VueButton variant="neutral">中性按钮</VueButton>
-  </div>
-</template>

package/dist/buttons-vue/ButtonWithIcons.vue

@@ -1,21 +0,0 @@
-<script setup lang="ts">
-import VueButton from './Button.vue'
-</script>
-
-<template>
-  <div class="cosy:flex cosy:gap-2">
-    <VueButton>
-      <template #icon-left>👈</template>
-      左侧图标
-    </VueButton>
-    <VueButton>
-      右侧图标
-      <template #icon-right>👉</template>
-    </VueButton>
-    <VueButton>
-      <template #icon-left>👈</template>
-      两侧图标
-      <template #icon-right>👉</template>
-    </VueButton>
-  </div>
-</template>

package/dist/buttons-vue/index.ts

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