From 56429b19a410c39ebc73c801240896cecee70053 Mon Sep 17 00:00:00 2001
From: expdsn <18111002318@163.com>
Date: Wed, 23 Oct 2024 14:57:27 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E8=A7=86=E9=A2=91=E5=B0=8F?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/icons/game_video.png         | Bin 0 -> 13145 bytes
 src/layout/adder/WidgetAdder.tsx    |  16 ++++-
 src/layout/grid/BlockWrapper.tsx    |  52 +++++++-------
 src/layout/useLayoutStore.ts        |  11 ++-
 src/utils/tool.ts                   |   9 +++
 src/widgets/gameVideo/Large.tsx     | 103 ++++++++++++++++++++++++++++
 src/widgets/gameVideo/index.ts      |  18 +++++
 src/widgets/index.ts                |   3 +-
 src/widgets/video/Large.tsx         |   9 ---
 src/widgets/video/Middle.tsx        |  10 ---
 src/widgets/video/Modal.tsx         |  12 ----
 src/widgets/video/Small.tsx         |  14 ----
 src/widgets/video/index.ts          |  30 --------
 src/widgets/video/useVideoStore.tsx |  34 ---------
 14 files changed, 181 insertions(+), 140 deletions(-)
 create mode 100644 public/icons/game_video.png
 create mode 100644 src/utils/tool.ts
 create mode 100644 src/widgets/gameVideo/Large.tsx
 create mode 100644 src/widgets/gameVideo/index.ts
 delete mode 100644 src/widgets/video/Large.tsx
 delete mode 100644 src/widgets/video/Middle.tsx
 delete mode 100644 src/widgets/video/Modal.tsx
 delete mode 100644 src/widgets/video/Small.tsx
 delete mode 100644 src/widgets/video/index.ts
 delete mode 100644 src/widgets/video/useVideoStore.tsx

diff --git a/public/icons/game_video.png b/public/icons/game_video.png
new file mode 100644
index 0000000000000000000000000000000000000000..78ac72c14312dbb7a14482d98f497163882db2de
GIT binary patch
literal 13145
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
Zzz!$I>Dak&{>RM$GM^PBs>BQe{ttuI;fDYK

literal 0
HcmV?d00001

diff --git a/src/layout/adder/WidgetAdder.tsx b/src/layout/adder/WidgetAdder.tsx
index 10d3ec0..d1bb661 100644
--- a/src/layout/adder/WidgetAdder.tsx
+++ b/src/layout/adder/WidgetAdder.tsx
@@ -34,7 +34,13 @@ export const WidgetItem = defineComponent({
                 'text-black/80': !isGame.value
               })}
             >
-              {props.content.label}
+              {props.content.name === 'gameVideo'
+                ? useLayoutStore().state.current === 0
+                  ? '游戏视频'
+                  : useLayoutStore().state.current === 1
+                    ? '学习视频'
+                    : '娱乐视频'
+                : props.content.label}
             </div>
             <div
               class={clsx('text-[12px]', {
@@ -42,7 +48,13 @@ export const WidgetItem = defineComponent({
                 'text-black/60': !isGame.value
               })}
             >
-              {props.content.description}
+              {props.content.description === 'gameVideoDesc'
+                ? useLayoutStore().state.current === 0
+                  ? '热门游戏视频'
+                  : useLayoutStore().state.current === 1
+                    ? '热门学习视频'
+                    : '热门娱乐视频'
+                : props.content.description}
             </div>
           </div>
         </div>
diff --git a/src/layout/grid/BlockWrapper.tsx b/src/layout/grid/BlockWrapper.tsx
index ba1fe5d..2183e1a 100644
--- a/src/layout/grid/BlockWrapper.tsx
+++ b/src/layout/grid/BlockWrapper.tsx
@@ -26,7 +26,7 @@ export default defineComponent({
     const hover = ref(false)
     return () => (
       <div
-        class="w-full h-full p-[var(--block-padding)] relative rounded-lg "
+        class="w-full h-full p-[var(--block-padding)] relative rounded-lg"
         key={props.block.id}
         id={props.block.id}
         style={{
@@ -111,35 +111,33 @@ export default defineComponent({
           }
         }}
       >
-        <div class={'w-full h-full relative'}>
-          <div
-            class="w-full h-full overflow-hidden relative cursor-pointer shadow-lg"
-            style={{
-              borderRadius: `calc(var(--block-radius) * var(--block-size))`
-            }}
-          >
-            {props.block.link ? (
-              props.block.link.startsWith('id:') ? (
-                // 文件夹
-                <DirBlock block={props.block} big={props.block.w !== 1 || props.block.h !== 1} />
-              ) : (
-                // 链接
-                <LinkBlock block={props.block} />
-              )
+        <div
+          class="w-full h-full overflow-hidden relative cursor-pointer shadow-lg hover-move"
+          style={{
+            borderRadius: `calc(var(--block-radius) * var(--block-size))`
+          }}
+        >
+          {props.block.link ? (
+            props.block.link.startsWith('id:') ? (
+              // 文件夹
+              <DirBlock block={props.block} big={props.block.w !== 1 || props.block.h !== 1} />
             ) : (
-              // 小组件
-              <WidgetBlock block={props.block} />
-            )}
-          </div>
-          {settings.state.showBlockLabel && (
-            <div
-              class="absolute left-0 -bottom-7 text-sm text-white text-center w-full overflow-hidden text-ellipsis whitespace-nowrap break-all font-bold"
-              style="text-shadow: 0 0 4px rgba(0,0,0,.6)"
-            >
-              {layout.getLabel(props.block)}
-            </div>
+              // 链接
+              <LinkBlock block={props.block} />
+            )
+          ) : (
+            // 小组件
+            <WidgetBlock block={props.block} />
           )}
         </div>
+        {settings.state.showBlockLabel && (
+          <div
+            class="absolute left-0 -bottom-3 text-sm text-white text-center w-full overflow-hidden text-ellipsis whitespace-nowrap break-all font-bold"
+            style="text-shadow: 0 0 4px rgba(0,0,0,.6)"
+          >
+            {layout.getLabel(props.block)}
+          </div>
+        )}
       </div>
     )
   }
diff --git a/src/layout/useLayoutStore.ts b/src/layout/useLayoutStore.ts
index 2e3198e..0000802 100644
--- a/src/layout/useLayoutStore.ts
+++ b/src/layout/useLayoutStore.ts
@@ -22,6 +22,7 @@ const defaultLayout: Layout = {
 export default defineStore('layout', () => {
   const state = reactive(defaultLayout)
   const ready = ref(false)
+
   db.getItem<Layout>('layout').then((res) => {
     if (res) {
       Object.assign(state, res)
@@ -96,10 +97,18 @@ export default defineStore('layout', () => {
       const dir = state.dir[block.link.slice(3)]
       if (dir) return dir.label
     }
+    // 处理不同的组件的名称
+    if (block.name === 'gameVideo') {
+      console.log(state.currentPage);
+      console.log(block);
+      
+      return state.current === 0 ? '游戏视频' : state.current === 1 ? '学习视频' : '娱乐视频'
+    }
     return block.label || ''
   }
+
   const changeBackground = (url: string) => {
-    state.content[state.current].background = url 
+    state.content[state.current].background = url
   }
   return {
     state,
diff --git a/src/utils/tool.ts b/src/utils/tool.ts
new file mode 100644
index 0000000..97ab530
--- /dev/null
+++ b/src/utils/tool.ts
@@ -0,0 +1,9 @@
+/**
+ * 生成随机数
+ * @param min 最小值
+ * @param max 最大值
+ * @returns 随机数
+ */
+export function randomNum(min: number, max: number) {
+  return Math.floor(Math.random() * (max - min + 1)) + min;
+}
\ No newline at end of file
diff --git a/src/widgets/gameVideo/Large.tsx b/src/widgets/gameVideo/Large.tsx
new file mode 100644
index 0000000..cccbd51
--- /dev/null
+++ b/src/widgets/gameVideo/Large.tsx
@@ -0,0 +1,103 @@
+import useLayoutStore from '@/layout/useLayoutStore'
+import request from '@/utils/request'
+import { addIcons, OhVueIcon } from 'oh-vue-icons'
+import { computed, defineComponent, onMounted, ref, watch, type CSSProperties } from 'vue'
+import { FaChevronLeft } from 'oh-vue-icons/icons'
+import type { CarouselRef } from 'ant-design-vue/es/carousel'
+import { randomNum } from '@/utils/tool'
+addIcons(FaChevronLeft)
+interface Owner {
+  face: string
+  mid: number
+  name: string
+}
+
+interface GameData {
+  _id: string
+  aid: number
+  ctime: number
+  duration: number
+  owner: Owner
+  pic: string
+  rid: string
+  time: string
+  title: string
+  type: string
+}
+export default defineComponent(() => {
+  const list = ref<GameData[]>([])
+  const currentIndex = ref(-1)
+
+  const current = computed(() => {
+    if (currentIndex.value === -1) {
+      return null
+    } else {
+      return list.value[currentIndex.value]
+    }
+  })
+  watch(
+    () => useLayoutStore().state.current,
+    (val) => {
+      const type = val === 0 ? 'game' : val === 1 ? 'study' : 'entertainment'
+      request<GameData[]>('GET', `/api/hotVideo?type=${type}`).then((res) => {
+        list.value = res
+        currentIndex.value = randomNum(0, list.value.length)
+      })
+    },
+    {
+      immediate: true
+    }
+  )
+  onMounted(() => {
+    setInterval(() => {
+      currentIndex.value = currentIndex.value === list.value.length - 1 ? 0 : currentIndex.value + 1
+    }, 5000)
+  })
+  return () => (
+    <div class="w-full h-full p-2  bg-[#17212d] ">
+      {
+        <div
+          class={'w-full h-full rounded-xl relative group'}
+          style={{
+            backgroundImage: `url('https://uetab.com/countdown-img/pic2.jpg')`,
+            backgroundSize: 'cover',
+            backgroundPosition: 'center',
+            backgroundRepeat: 'no-repeat'
+          }}
+        >
+          <div
+            class={
+              'absolute bottom-0 left-1/2 -translate-x-1/2 pb-2 w-[300px] flex flex-col text-white '
+            }
+          >
+            <span class="text-[14px] text-ellipsis overflow-hidden whitespace-nowrap">
+              {current.value?.title}
+            </span>
+            <span class="text-[12px] opacity-60">{current.value?.owner.name}</span>
+          </div>
+          <div
+            onClick={(e) => {
+              e.stopPropagation()
+
+              currentIndex.value =
+                currentIndex.value === 0 ? list.value.length - 1 : currentIndex.value - 1
+            }}
+            class="absolute hidden bottom-[20px] group-hover:flex items-center justify-center  left-[0px] w-[22px] h-[22px] bg-white/30 rounded"
+          >
+            <OhVueIcon name={FaChevronLeft.name} class={'text-white/80'}></OhVueIcon>
+          </div>
+          <div
+            onClick={(e) => {
+              e.stopPropagation()
+              currentIndex.value =
+                currentIndex.value === list.value.length - 1 ? 0 : currentIndex.value + 1
+            }}
+            class="absolute hidden bottom-[20px] group-hover:flex items-center justify-center  right-[0px] rotate-180 w-[22px] h-[22px] bg-white/30 rounded"
+          >
+            <OhVueIcon name={FaChevronLeft.name} class={'text-white/80'}></OhVueIcon>
+          </div>
+        </div>
+      }
+    </div>
+  )
+})
diff --git a/src/widgets/gameVideo/index.ts b/src/widgets/gameVideo/index.ts
new file mode 100644
index 0000000..93d74e8
--- /dev/null
+++ b/src/widgets/gameVideo/index.ts
@@ -0,0 +1,18 @@
+import asyncLoader from '@/utils/asyncLoader'
+import type { Widget } from '..'
+
+export default {
+  name: 'gameVideo',
+  label: 'gameVideo',
+  description: 'gameVideoDesc',
+  icon: '/icons/game_video.png',
+  modal: null,
+  list: [
+    {
+      w: 4,
+      h: 2,
+      label: '大',
+      component: asyncLoader(() => import('./Large'))
+    }
+  ]
+} as Widget
diff --git a/src/widgets/index.ts b/src/widgets/index.ts
index 3afb210..1b6e83f 100644
--- a/src/widgets/index.ts
+++ b/src/widgets/index.ts
@@ -7,6 +7,7 @@ import eat from './eat'
 import discount from './discount'
 import hotspot from './hotspot'
 import constellation from './constellation'
+import gameVideo from './gameVideo'
 export interface Widget {
   name: string // 小组件类型唯一标识
   label: string // 小组件名称
@@ -21,4 +22,4 @@ export interface Widget {
   }[] // 不同尺寸小组件块
 }
 
-export default [calendar, weather, weApply, gameNews, eat, discount, hotspot, constellation] as Widget[]
+export default [calendar, weather, weApply, gameNews, eat, discount, hotspot, constellation, gameVideo] as Widget[]
diff --git a/src/widgets/video/Large.tsx b/src/widgets/video/Large.tsx
deleted file mode 100644
index b83de91..0000000
--- a/src/widgets/video/Large.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { defineComponent } from 'vue'
-
-export default defineComponent(() => {
-  return () => (
-    <div class="w-full h-full bg-[#ecfbff] flex flex-col">
-      large
-    </div>
-  )
-})
diff --git a/src/widgets/video/Middle.tsx b/src/widgets/video/Middle.tsx
deleted file mode 100644
index 53edc23..0000000
--- a/src/widgets/video/Middle.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { defineComponent } from 'vue'
-
-export default defineComponent(() => {
-
-  return () => (
-    <div class="w-full h-full bg-[#ecfbff] flex flex-col">
-      middle
-    </div>
-  )
-})
diff --git a/src/widgets/video/Modal.tsx b/src/widgets/video/Modal.tsx
deleted file mode 100644
index 9890740..0000000
--- a/src/widgets/video/Modal.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { defineComponent } from 'vue'
-
-export default defineComponent(() => {
-  return () => (
-    <div
-      class="w-full h-full bg-red-50 flex "
-      style={{
-        background: 'linear-gradient(180deg,#dcefff 0%,#e7ecff 100%)'
-      }}
-    ></div>
-  )
-})
diff --git a/src/widgets/video/Small.tsx b/src/widgets/video/Small.tsx
deleted file mode 100644
index bf0a763..0000000
--- a/src/widgets/video/Small.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { defineComponent } from 'vue'
-
-export default defineComponent(() => {
-  return () => (
-    <div
-      class="w-full h-full items-center pl-3 gap-x-2 flex py-3 text-white"
-      style={{
-        background: 'linear-gradient(135deg,#5996ff 0%,#4862ff 100%)'
-      }}
-    >
-    
-    </div>
-  )
-})
diff --git a/src/widgets/video/index.ts b/src/widgets/video/index.ts
deleted file mode 100644
index 46a5db7..0000000
--- a/src/widgets/video/index.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import asyncLoader from '@/utils/asyncLoader'
-import type { Widget } from '..'
-
-export default {
-  name: 'gameNews',
-  label: '游戏资讯',
-  description: '游戏资讯',
-  icon: '/icons/game_news_icon.png',
-  modal: asyncLoader(() => import('./Modal')),
-  list: [
-    {
-      w: 2,
-      h: 1,
-      label: '小',
-      component: asyncLoader(() => import('./Small'))
-    },
-    {
-      w: 2,
-      h: 2,
-      label: '中',
-      component: asyncLoader(() => import('./Middle'))
-    },
-    {
-      w: 4,
-      h: 2,
-      label: '大',
-      component: asyncLoader(() => import('./Large'))
-    }
-  ]
-} as Widget
diff --git a/src/widgets/video/useVideoStore.tsx b/src/widgets/video/useVideoStore.tsx
deleted file mode 100644
index fc596da..0000000
--- a/src/widgets/video/useVideoStore.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import useLayoutStore from '@/layout/useLayoutStore'
-import request from '@/utils/request'
-import { defineStore } from 'pinia'
-import { computed, ref, watch } from 'vue'
-
-type HotType = {
-  desc: string
-  hotScore: string
-  index: number
-  picurl: string
-  title: string
-  url: string
-}
-export const PlatformList = new Map<string, string>([
-  ['baidu', '百度'],
-  ['weibo', '微博'],
-  ['bilibili', 'B站']
-] as const)
-
-export default defineStore('video', () => {
-  const videoList = ref([])
-  const layout = useLayoutStore()
-  const type = ref('baidu')
-  const getNews = async (type: string) => {
-    const res = request('GET', `/api/hotList?type=${type}`)
-  }
-  watch(
-    () => layout.state.current,
-    (val) => {
-      console.log('videoList', val)
-    }
-  )
-  return {}
-})