mirror of
https://github.com/DavidHDev/vue-bits.git
synced 2026-03-07 14:39:30 -07:00
chore: remove comments on folder
This commit is contained in:
@@ -36,7 +36,6 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref, computed } from 'vue'
|
import { ref, computed } from 'vue'
|
||||||
|
|
||||||
// Definir tipos
|
|
||||||
interface PaperOffset {
|
interface PaperOffset {
|
||||||
x: number
|
x: number
|
||||||
y: number
|
y: number
|
||||||
@@ -49,7 +48,6 @@ interface Props {
|
|||||||
class?: string
|
class?: string
|
||||||
}
|
}
|
||||||
|
|
||||||
// Props con valores por defecto
|
|
||||||
const props = withDefaults(defineProps<Props>(), {
|
const props = withDefaults(defineProps<Props>(), {
|
||||||
color: '#5227FF',
|
color: '#5227FF',
|
||||||
size: 1,
|
size: 1,
|
||||||
@@ -57,7 +55,6 @@ const props = withDefaults(defineProps<Props>(), {
|
|||||||
class: ''
|
class: ''
|
||||||
})
|
})
|
||||||
|
|
||||||
// Función para oscurecer colores
|
|
||||||
const darkenColor = (hex: string, percent: number): string => {
|
const darkenColor = (hex: string, percent: number): string => {
|
||||||
let color = hex.startsWith('#') ? hex.slice(1) : hex
|
let color = hex.startsWith('#') ? hex.slice(1) : hex
|
||||||
if (color.length === 3) {
|
if (color.length === 3) {
|
||||||
@@ -79,14 +76,12 @@ const darkenColor = (hex: string, percent: number): string => {
|
|||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
// Estado reactivo
|
|
||||||
const open = ref(false)
|
const open = ref(false)
|
||||||
const maxItems = 3
|
const maxItems = 3
|
||||||
const paperOffsets = ref<PaperOffset[]>(
|
const paperOffsets = ref<PaperOffset[]>(
|
||||||
Array.from({ length: maxItems }, () => ({ x: 0, y: 0 }))
|
Array.from({ length: maxItems }, () => ({ x: 0, y: 0 }))
|
||||||
)
|
)
|
||||||
|
|
||||||
// Computed properties
|
|
||||||
const papers = computed(() => {
|
const papers = computed(() => {
|
||||||
const result = props.items.slice(0, maxItems)
|
const result = props.items.slice(0, maxItems)
|
||||||
while (result.length < maxItems) {
|
while (result.length < maxItems) {
|
||||||
@@ -114,7 +109,6 @@ const scaleStyle = computed(() => ({
|
|||||||
transform: `scale(${props.size})`
|
transform: `scale(${props.size})`
|
||||||
}))
|
}))
|
||||||
|
|
||||||
// Métodos
|
|
||||||
const handleClick = () => {
|
const handleClick = () => {
|
||||||
open.value = !open.value
|
open.value = !open.value
|
||||||
if (!open.value) {
|
if (!open.value) {
|
||||||
|
|||||||
Reference in New Issue
Block a user