From 9284e81137c3230b15e9ed00f826f7424d9b2938 Mon Sep 17 00:00:00 2001
From: Nexmoe <16796652+nexmoe@users.noreply.github.com>
Date: Sun, 31 Mar 2024 16:09:12 +0800
Subject: [PATCH] chore: delete useless components

---
 src/components/AutoSection.vue      |  21 +----
 src/components/feature/Infinite.vue | 127 ----------------------------
 src/components/layout/Grid.vue      |  11 ---
 src/index.ts                        |   3 -
 4 files changed, 2 insertions(+), 160 deletions(-)
 delete mode 100644 src/components/feature/Infinite.vue
 delete mode 100644 src/components/layout/Grid.vue

diff --git a/src/components/AutoSection.vue b/src/components/AutoSection.vue
index 952d95f..6670a7b 100644
--- a/src/components/AutoSection.vue
+++ b/src/components/AutoSection.vue
@@ -1,9 +1,7 @@
 <script setup lang="ts">
 import {
-    LInfinite,
     LCompare,
     LComment,
-    type LInfiniteProps,
     type LCompareProps,
     type LCommentProps
 } from '../index'
@@ -15,7 +13,6 @@ import LSection, { type LSectionProps } from './layout/Section.vue'
 
 const components = {
     LTileWrap,
-    LInfinite,
     LCompare,
     LComment,
     LGallery
@@ -26,7 +23,6 @@ export interface LAutoSectionProps extends LSectionProps {
     des?: string
     // 全为对象
     props?:
-        | LInfiniteProps
         | LCompareProps
         | LCommentProps
         | LTileWrapProps
@@ -43,26 +39,13 @@ const { color, left, cover, props } = withDefaults(
 )
 
 interface _LAutoSectionTypeList {
-    type: 'LTileWrap' | 'LInfinite' | 'LCompare' | 'LComment' | 'LGallery'
-    props:
-        | LInfiniteProps
-        | LCompareProps
-        | LCommentProps
-        | LTileWrapProps
-        | LGalleryProps
+    type: 'LTileWrap' | 'LCompare' | 'LComment' | 'LGallery'
+    props: LCompareProps | LCommentProps | LTileWrapProps | LGalleryProps
 }
 
 const _typeList: _LAutoSectionTypeList[] = []
 
 if (props) {
-    if ('infinites' in props) {
-        _typeList.push({
-            type: 'LInfinite',
-            props: {
-                infinites: props.infinites
-            }
-        })
-    }
     if ('comments' in props) {
         _typeList.push({
             type: 'LComment',
diff --git a/src/components/feature/Infinite.vue b/src/components/feature/Infinite.vue
deleted file mode 100644
index f1a04a0..0000000
--- a/src/components/feature/Infinite.vue
+++ /dev/null
@@ -1,127 +0,0 @@
-<script setup lang="ts">
-import { defineProps, withDefaults, onMounted } from 'vue'
-import { Fancybox } from '@fancyapps/ui'
-import '@fancyapps/ui/dist/fancybox/fancybox.css'
-import { z } from 'zod'
-
-const ZInfiniteItem = z
-    .object({
-        img: z.string(),
-        title: z.string()
-    })
-    .partial({
-        title: true
-    })
-// .strict()
-
-// https://stackoverflow.com/questions/76470955/unresolvable-type-reference-in-vue-with-typescript
-// const ZInfiniteProps = z.object({
-//     infinites: ZInfiniteItem.array()
-// })
-
-export type LInfiniteItem = z.infer<typeof ZInfiniteItem>
-
-export interface LInfiniteProps {
-    infinites: LInfiniteItem[]
-}
-
-const { infinites } = withDefaults(defineProps<LInfiniteProps>(), {
-    infinites: () => []
-})
-
-const result = ZInfiniteItem.array().safeParse(infinites)
-if (!result.success) {
-    console.error(result.error)
-}
-
-const shuffle = (arr: LInfiniteItem[]) => {
-    return arr.sort(() => Math.random() - 0.5)
-}
-const listShuffled = shuffle(infinites)
-
-onMounted(() => {
-    Fancybox.bind('[data-fancybox]', {
-        Thumbs: {
-            showOnStart: false
-        }
-    })
-})
-</script>
-
-<template>
-    <div class="l-infinite">
-        <div v-for="i in 3" :key="i" class="row">
-            <div v-for="x in 2" :key="x" class="l-infinite-item">
-                <template v-for="(item, index) in listShuffled" :key="index">
-                    <div v-if="(index + 1) % 3 == i - 1" class="card">
-                        <a
-                            :href="item.img"
-                            data-fancybox="gallery"
-                            :data-caption="item.title"
-                        >
-                            <img loading="lazy" :alt="item.title" :src="item.img" />
-                        </a>
-                    </div>
-                </template>
-            </div>
-        </div>
-    </div>
-</template>
-
-<style scoped>
-.l-infinite {
-    @apply w-full overflow-hidden flex flex-col gap-6;
-}
-
-.l-infinite-item {
-    @apply flex flex-row;
-    animation: right-to-left 25s linear infinite;
-}
-
-.row:nth-child(2n + 2) .l-infinite-item {
-    animation: left-to-right 25s linear infinite;
-}
-
-.row:hover .l-infinite-item {
-    animation-play-state: paused;
-}
-
-.row {
-    @apply flex flex-row;
-    height: 50vh;
-}
-
-.card {
-    @apply h-full overflow-hidden block mr-6;
-    font-size: 0;
-}
-
-img {
-    height: 100%;
-    max-width: none;
-}
-
-@keyframes right-to-left {
-    0% {
-        -webkit-transform: translate3d(0, 0, 0);
-        transform: translate3d(0, 0, 0);
-    }
-
-    100% {
-        -webkit-transform: translate3d(-100%, 0, 0);
-        transform: translate3d(-100%, 0, 0);
-    }
-}
-
-@keyframes left-to-right {
-    0% {
-        -webkit-transform: translate3d(-100%, 0, 0);
-        transform: translate3d(-100%, 0, 0);
-    }
-
-    100% {
-        -webkit-transform: translate3d(0, 0, 0);
-        transform: translate3d(0, 0, 0);
-    }
-}
-</style>
diff --git a/src/components/layout/Grid.vue b/src/components/layout/Grid.vue
deleted file mode 100644
index f2a2e29..0000000
--- a/src/components/layout/Grid.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<template>
-    <div class="l-grid">
-        <slot />
-    </div>
-</template>
-
-<style scoped>
-.l-grid {
-    @apply grid gap-6 grid-cols-12;
-}
-</style>
diff --git a/src/index.ts b/src/index.ts
index f7f1220..8a6591d 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -21,9 +21,6 @@ export { default as LTile } from './components/feature/Tile.vue'
 export * from './components/layout/Footer.vue'
 export { default as LFooter } from './components/layout/Footer.vue'
 
-export * from './components/layout/Grid.vue'
-export { default as LGrid } from './components/layout/Grid.vue'
-
 export * from './components/layout/Section.vue'
 export { default as LSection } from './components/layout/Section.vue'