@coffic/cosy-ui 0.6.16 → 0.6.20

package/dist/vue/ConfirmDialog.vue

@@ -1,76 +0,0 @@
-<template>
-  <Transition name="fade">
-    <div
-      v-if="modelValue"
-      class="fixed inset-0 z-50 flex items-center justify-center"
-    >
-      <!-- 背景遮罩 -->
-      <div
-        class="absolute inset-0 bg-black/20 dark:bg-black/40 backdrop-blur-sm"
-        @click="$emit('update:modelValue', false)"
-      />
-
-      <!-- 对话框 -->
-      <div class="relative bg-white dark:bg-gray-800 rounded-xl shadow-xl w-[400px] transform transition-all">
-        <!-- 内容区域 -->
-        <div class="p-6">
-          <h3 class="text-lg font-medium text-gray-900 dark:text-gray-100 mb-2">
-            {{ title }}
-          </h3>
-          <p class="text-gray-600 dark:text-gray-300">
-            {{ message }}
-          </p>
-        </div>
-
-        <!-- 按钮区域 -->
-        <div class="flex border-t border-gray-200 dark:border-gray-700">
-          <button
-            class="flex-1 px-4 py-3 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors rounded-bl-xl"
-            @click="$emit('update:modelValue', false)"
-          >
-            取消
-          </button>
-          <button
-            class="flex-1 px-4 py-3 text-blue-600 dark:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/30 transition-colors border-l border-gray-200 dark:border-gray-700 rounded-br-xl font-medium"
-            @click="handleConfirm"
-          >
-            确认
-          </button>
-        </div>
-      </div>
-    </div>
-  </Transition>
-</template>
-
-<script setup>
-defineProps({
-    modelValue: Boolean,
-    title: {
-        type: String,
-        default: 'Confirm'
-    },
-    message: {
-        type: String,
-        default: 'Are you sure you want to confirm this action?'
-    }
-})
-
-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/SmartHero.vue

@@ -1,88 +0,0 @@
-<template>
-    <div class="py-16 px-8 text-center w-full min-h-screen relative overflow-hidden
-               ">
-        <div class="relative z-10  rounded-lg w-full h-full">
-            <template v-if="image.src">
-                <img :src="image.src" :alt="image.alt" class="h-1/2 mx-auto mb-8 drop-shadow-xl">
-            </template>
-
-            <h2 class="text-4xl mb-4 animate-fade-up">
-                {{ title }}
-            </h2>
-            <p class="text-lg mb-12 text-center max-w-2xl mx-auto">
-                {{ description }}
-            </p>
-
-            <div class="my-12 w-full">
-                <slot name="app" />
-            </div>
-
-            <div class="flex flex-row justify-center gap-8 mx-auto w-full">
-                <a v-for="link in links" :key="link.text" :href="link.href" target="_blank" class="px-6 py-3 rounded-lg bg-blue-600 text-white font-medium
-                           transition-all duration-300 ease-in-out
-                           hover:bg-blue-700 hover:shadow-lg hover:-translate-y-0.5
-                           focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2
-                           active:bg-blue-800 active:translate-y-0">
-                    {{ link.text }}
-                </a>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import type { PropType } from 'vue'
-
-interface Link {
-    text: string;
-    href: string;
-}
-
-defineProps({
-    title: {
-        type: String,
-        required: true
-    },
-    description: {
-        type: String,
-        required: true
-    },
-    image: {
-        type: Object,
-        required: false,
-        default: () => ({
-            src: '',
-            alt: ''
-        })
-    },
-    links: {
-        type: Array as PropType<Link[]>,
-        required: true,
-        default: () => []
-    }
-})
-</script>
-
-<style scoped>
-@keyframes fade-up {
-    from {
-        opacity: 0;
-        transform: translateY(-20px);
-    }
-
-    to {
-        opacity: 1;
-        transform: translateY(0);
-    }
-}
-
-.animate-fade-up {
-    animation: fade-up 0.8s ease-out forwards;
-}
-</style>
-
-<script lang="ts">
-export default {
-    name: 'SmartHero'
-}
-</script>