增加了插件市场的区分展示

2025-04-05 06:22:43 +08:00 · 2024-08-14 11:04:21 +08:00 · 2024-08-14 11:04:21 +08:00 · da871fda8f
commit da871fda8f
parent 25dc922ccf
3 changed files with 46 additions and 42 deletions
--- a/.fes.predev.js
+++ b/.fes.predev.js
@ -4,7 +4,7 @@
 * @Autor: 地虎降天龙
 * @Date: 2023-10-16 10:53:09
 * @LastEditors: 地虎降天龙
- * @LastEditTime: 2024-05-31 11:45:17
+ * @LastEditTime: 2024-08-14 10:58:20
 */
 import { defineBuildConfig } from '@fesjs/fes'
 import addExtraScriptPlugin from './src/common/addExtraScriptPlugin'
@ -48,12 +48,16 @@ export default defineBuildConfig({
                ],
            },
            {
-                path: 'https://icegl.cn/',
-                title: '🧊 ICEGL官网',
+                path: 'https://www.bilibili.com/video/BV1LH4y1p7Yn',
+                title: '📀 TvT视频教程',
            },
            {
-                path: 'https://space.bilibili.com/410503457',
-                title: '🅱️ B站主页',
+                path: 'https://www.icegl.cn/tvtstore',
+                title: '🧩 插件市场',
+            },
+            {
+                path: 'https://icegl.cn/',
+                title: '🧊 ICEGL官网',
            },
            {
                title: '👨‍🏫 课程中心',
--- a/src/components/forPreview/filterComFixed.vue
+++ b/src/components/forPreview/filterComFixed.vue
@ -30,10 +30,9 @@
 		<a target="_black" href="https://gitee.com/ice-gl/icegl-three-vue-tres">
 			<img src="https://gitee.com/ice-gl/icegl-three-vue-tres/badge/star.svg?theme=dark" alt="gitee-starts">
 		</a>
-		<a target="_black" href="https://space.bilibili.com/410503457" style="top: -1px;">
-			<img alt="bilibili"
-				src="https://img.shields.io/badge/dynamic/json?url=https://api.bilibili.com/x/relation/stat?vmid=410503457&amp;query=data.follower&amp;color=282c34&amp;label=B%E7%AB%99&amp;labelColor=FE7398&amp;logo=data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAD7ElEQVR4nO2dW9WrMBCFK6ESkFAJSKiESqgEHCABCZWAhEpAAhL2ecik5dDc%2FpXLBDLfWnlqy0xmJ5BMQnq5CIIgCIIgCIIgCIIgCEIBAHQAemYfrgCunD6wAKAHsEKxALgx+bCQD8%2FS9tmgVqeDr1lLigDgZvDhXso+K9TyTBQRwRJ8AHjntl0Flh5QRAQK%2FmKxPeayWx2OXpBNBKiHvi34b7T2MC4pAvW6twR%2FRwkRKPizBN8CgEcuESj4Lwm+BwBjahEk+H8EwJRKhOaCDzW8e1JLfkUUH1NgmR3XmHffHR1l+72BSs8d7w8U+JDAnZERQMcV+CtUi7dNqFqibB4J7vtrq7xKCuAasbTMXCL4T+5aVk6+2xHUrWdhruAR6HIJcOeu2UHI8zyAe2ytWfEdWz9PVvQ8YAmIQ5dDAB9LFsMVAv8oMO2zAGrC5WNIarRiAuKR9jYEd9pY08aa6uUzIHGRdkgKd8pY0yc1WjEBAqypDYoAG0QAZkQAZkQAZkQAZk4vANQenjsSzS3I%2FwcSbXU5jQBUkRtdf4Rar90v8kSv3+I3ffCCSpk8I%2Fw+lgDkdI%2Fv2rEp2CaiWm1AsDQLlDAD+dlFXLMeAaCSeLZdaSFE5VUQNot38cKuEeBgAsSuG0flVZBmEanbXfNQAsS0fgBYIn2fIu3%2FBBMHEyBmDXlFfA8IzeHb+Ems4WAChKykrVA9ZfsQTL57jXzRg4A5wC%2FA8N4ADiZAZwm2XjW75Qh2KOTfA0p4kygPw28OJcCVgn3nDnYo2EwEYRgGH0qAMyICMCMCMCMCMCMCMCMCMCMCfP3qwHDOQ4AAUekTk8FaBRihJnZdYbvtCGC7LvmkM63GjVDINPFrQgCq5ETXfmMzI90FXzPvfqt7x4rEu%2FZaEcCUxFvgz2zO+BUn6UkoaEEAsptiMSX5e8FoRYCN7cVgb4Vq7U%2FH50Pq4JNP7Qiw8UFnJwcK+tXy+Wj6PLEvPgHSHv5UgwA1IQIwwyFAyLJin9RoxYgAzAQIkPwNmf26busC+OIx5TDqo5nDT+F%2FSS%2F9CYzwb+No49zNy2evkYv0LywGGAXUvp6eSneycqOic0w20k7CNgKE7jJunSGLACTCxF27ylmQc98T5MQUH49swd+I0HPXslLKnT0N+wnkrTKi9JZL%2FL9i1SorMmdeQ4TQQ7OFMxIMzGD45w8nUL1im7efENZLJpgPSw0pfz0cdt4U3230Td%2FTvx2R6d2FrHhEWLkq5PELOMsRPHCPnAZGv1xJteL7jbJiaW3sB2nDvPC%2FosSYvjRQz4cJ6n7KO3rYQL7M+L6nVtfDVRAEQRAEQRAEQRAEIZ5%2FSAXmdfXaoQsAAAAASUVORK5CYII%3D&amp;cacheSeconds=3600">
-		</a>
+    <a target="_black" href="https://space.bilibili.com/410503457">
+       <img alt="bilibili" src="https://img.shields.io/badge/dynamic/json?url=https://api.bilibili.com/x/relation/stat?vmid=410503457&query=data.follower&color=282c34&label=冰哥B站&labelColor=FE7398&logo=data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAD7ElEQVR4nO2dW9WrMBCFK6ESkFAJSKiESqgEHCABCZWAhEpAAhL2ecik5dDc%2FpXLBDLfWnlqy0xmJ5BMQnq5CIIgCIIgCIIgCIIgCEIBAHQAemYfrgCunD6wAKAHsEKxALgx+bCQD8%2FS9tmgVqeDr1lLigDgZvDhXso+K9TyTBQRwRJ8AHjntl0Flh5QRAQK%2FmKxPeayWx2OXpBNBKiHvi34b7T2MC4pAvW6twR%2FRwkRKPizBN8CgEcuESj4Lwm+BwBjahEk+H8EwJRKhOaCDzW8e1JLfkUUH1NgmR3XmHffHR1l+72BSs8d7w8U+JDAnZERQMcV+CtUi7dNqFqibB4J7vtrq7xKCuAasbTMXCL4T+5aVk6+2xHUrWdhruAR6HIJcOeu2UHI8zyAe2ytWfEdWz9PVvQ8YAmIQ5dDAB9LFsMVAv8oMO2zAGrC5WNIarRiAuKR9jYEd9pY08aa6uUzIHGRdkgKd8pY0yc1WjEBAqypDYoAG0QAZkQAZkQAZkQAZk4vANQenjsSzS3I%2FwcSbXU5jQBUkRtdf4Rar90v8kSv3+I3ffCCSpk8I%2Fw+lgDkdI%2Fv2rEp2CaiWm1AsDQLlDAD+dlFXLMeAaCSeLZdaSFE5VUQNot38cKuEeBgAsSuG0flVZBmEanbXfNQAsS0fgBYIn2fIu3%2FBBMHEyBmDXlFfA8IzeHb+Ems4WAChKykrVA9ZfsQTL57jXzRg4A5wC%2FA8N4ADiZAZwm2XjW75Qh2KOTfA0p4kygPw28OJcCVgn3nDnYo2EwEYRgGH0qAMyICMCMCMCMCMCMCMCMCMCMCfP3qwHDOQ4AAUekTk8FaBRihJnZdYbvtCGC7LvmkM63GjVDINPFrQgCq5ETXfmMzI90FXzPvfqt7x4rEu%2FZaEcCUxFvgz2zO+BUn6UkoaEEAsptiMSX5e8FoRYCN7cVgb4Vq7U%2FH50Pq4JNP7Qiw8UFnJwcK+tXy+Wj6PLEvPgHSHv5UgwA1IQIwwyFAyLJin9RoxYgAzAQIkPwNmf26busC+OIx5TDqo5nDT+F%2FSS%2F9CYzwb+No49zNy2evkYv0LywGGAXUvp6eSneycqOic0w20k7CNgKE7jJunSGLACTCxF27ylmQc98T5MQUH49swd+I0HPXslLKnT0N+wnkrTKi9JZL%2FL9i1SorMmdeQ4TQQ7OFMxIMzGD45w8nUL1im7efENZLJpgPSw0pfz0cdt4U3230Td%2FTvx2R6d2FrHhEWLkq5PELOMsRPHCPnAZGv1xJteL7jbJiaW3sB2nDvPC%2FosSYvjRQz4cJ6n7KO3rYQL7M+L6nVtfDVRAEQRAEQRAEQRAEIZ5%2FSAXmdfXaoQsAAAAASUVORK5CYII%3D&cacheSeconds=3600">
+    </a>
 		<a href="https://github.com/hawk86104/icegl-three-vue-tres" target="_blank">
 			<img src="https://img.shields.io/github/stars/hawk86104/icegl-three-vue-tres" />
 		</a>
@ -43,6 +42,9 @@
 		<a href="https://github.com/hawk86104/icegl-three-vue-tres" target="_blank">
 			<img src="https://img.shields.io/github/license/hawk86104/icegl-three-vue-tres" />
 		</a>
+		<a target="_black" href="https://space.bilibili.com/384558900">
+       <img alt="bilibili" src="https://img.shields.io/badge/dynamic/json?url=https://api.bilibili.com/x/relation/stat?vmid=384558900&query=data.follower&color=282c34&label=地虎B站&labelColor=FE7398&logo=data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAD7ElEQVR4nO2dW9WrMBCFK6ESkFAJSKiESqgEHCABCZWAhEpAAhL2ecik5dDc%2FpXLBDLfWnlqy0xmJ5BMQnq5CIIgCIIgCIIgCIIgCEIBAHQAemYfrgCunD6wAKAHsEKxALgx+bCQD8%2FS9tmgVqeDr1lLigDgZvDhXso+K9TyTBQRwRJ8AHjntl0Flh5QRAQK%2FmKxPeayWx2OXpBNBKiHvi34b7T2MC4pAvW6twR%2FRwkRKPizBN8CgEcuESj4Lwm+BwBjahEk+H8EwJRKhOaCDzW8e1JLfkUUH1NgmR3XmHffHR1l+72BSs8d7w8U+JDAnZERQMcV+CtUi7dNqFqibB4J7vtrq7xKCuAasbTMXCL4T+5aVk6+2xHUrWdhruAR6HIJcOeu2UHI8zyAe2ytWfEdWz9PVvQ8YAmIQ5dDAB9LFsMVAv8oMO2zAGrC5WNIarRiAuKR9jYEd9pY08aa6uUzIHGRdkgKd8pY0yc1WjEBAqypDYoAG0QAZkQAZkQAZkQAZk4vANQenjsSzS3I%2FwcSbXU5jQBUkRtdf4Rar90v8kSv3+I3ffCCSpk8I%2Fw+lgDkdI%2Fv2rEp2CaiWm1AsDQLlDAD+dlFXLMeAaCSeLZdaSFE5VUQNot38cKuEeBgAsSuG0flVZBmEanbXfNQAsS0fgBYIn2fIu3%2FBBMHEyBmDXlFfA8IzeHb+Ems4WAChKykrVA9ZfsQTL57jXzRg4A5wC%2FA8N4ADiZAZwm2XjW75Qh2KOTfA0p4kygPw28OJcCVgn3nDnYo2EwEYRgGH0qAMyICMCMCMCMCMCMCMCMCMCMCfP3qwHDOQ4AAUekTk8FaBRihJnZdYbvtCGC7LvmkM63GjVDINPFrQgCq5ETXfmMzI90FXzPvfqt7x4rEu%2FZaEcCUxFvgz2zO+BUn6UkoaEEAsptiMSX5e8FoRYCN7cVgb4Vq7U%2FH50Pq4JNP7Qiw8UFnJwcK+tXy+Wj6PLEvPgHSHv5UgwA1IQIwwyFAyLJin9RoxYgAzAQIkPwNmf26busC+OIx5TDqo5nDT+F%2FSS%2F9CYzwb+No49zNy2evkYv0LywGGAXUvp6eSneycqOic0w20k7CNgKE7jJunSGLACTCxF27ylmQc98T5MQUH49swd+I0HPXslLKnT0N+wnkrTKi9JZL%2FL9i1SorMmdeQ4TQQ7OFMxIMzGD45w8nUL1im7efENZLJpgPSw0pfz0cdt4U3230Td%2FTvx2R6d2FrHhEWLkq5PELOMsRPHCPnAZGv1xJteL7jbJiaW3sB2nDvPC%2FosSYvjRQz4cJ6n7KO3rYQL7M+L6nVtfDVRAEQRAEQRAEQRAEIZ5%2FSAXmdfXaoQsAAAAASUVORK5CYII%3D&cacheSeconds=3600">
+    </a>
 	</div>
 </template>
 <script setup lang="ts">
--- a/src/plugins/preview.vue
+++ b/src/plugins/preview.vue
@ -4,7 +4,7 @@
 * @Autor: 地虎降天龙
 * @Date: 2023-11-18 22:17:49
 * @LastEditors: 地虎降天龙
- * @LastEditTime: 2024-08-14 09:40:10
+ * @LastEditTime: 2024-08-14 10:51:05
 -->
 <template>
    <div class="absolute menuSelf">
@ -29,14 +29,9 @@
    </FDrawer>
    <div class="flex h-full w-full">
        <div style="background-color: #0f1222">
-            <FMenu
-                mode="vertical"
-                expandTrigger="click"
-                :defaultExpandAll="detectDeviceType() === 'PC'"
-                :collapsed="detectDeviceType() !== 'PC'"
-                :inverted="true"
-                @select="goto"
-            >
+            <FMenu mode="vertical" expandTrigger="click"
+            :defaultExpandAll="detectDeviceType() === 'PC'"
+            :collapsed="detectDeviceType() !== 'PC'" :inverted="true" @select="goto">
                <f-sub-menu value="1">
                    <template #icon>
                        <AppstoreOutlined />
@ -77,6 +72,20 @@
                        </f-menu-item>
                    </template>
                </f-sub-menu>
+                <f-sub-menu value="3">
+                    <template #icon>
+                        <ClusterOutlined />
+                    </template>
+                    <template #label>插件应用管理</template>
+                    <f-menu-item value="tvtPluginUrl">
+                        <template #label>
+                            <div class="flex absolute" style="left: 1px; flex-direction: column; top: 2px">
+                                <f-badge value="tvtstore" class="tag-fbdge" type="danger" size="small" />
+                            </div>
+                            <span class="left-m-text">插件应用市场</span>
+                        </template>
+                    </f-menu-item>
+                </f-sub-menu>
            </FMenu>
        </div>
        <div
@ -106,7 +115,7 @@
 import { ref, provide, watch } from 'vue'
 import { defineRouteMeta, useModel } from '@fesjs/fes'
 import { FBadge, FDrawer, FMenu, FSubMenu, FMenuItem } from '@fesjs/fes-design'
-import { AppstoreOutlined, PictureOutlined, UpCircleOutlined, MoreCircleOutlined } from '@fesjs/fes-design/icon'
+import { AppstoreOutlined, PictureOutlined, UpCircleOutlined, MoreCircleOutlined, ClusterOutlined } from '@fesjs/fes-design/icon'
 import { getPluginsConfig, getOnlinePluginConfig } from '../common/utils'
 import cardList from '../components/forPreview/cardList.vue'
 import filterComFixed from '../components/forPreview/filterComFixed.vue'
@ -116,7 +125,6 @@ defineRouteMeta({
    title: '开源框架展示',
 })

-// console.log(window.layoutConfig)
 const layoutConfigMenus = window.layoutConfig.menus
 const menuGoto = (value: any) => {
    console.log(value)
@ -134,29 +142,18 @@ const pluginsConfig = ref({})
 pluginsConfig.value = getPluginsConfig() as any
 getOnlinePluginConfig(pluginsConfig)
 const goto = (value: string) => {
-    tabListRef.value[value.value]?.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'nearest' })
+    if (value.value === 'tvtPluginUrl') {
+        window.open('https://www.icegl.cn/tvtstore', '_blank')
+    } else {
+        tabListRef.value[value.value]?.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'nearest' })
+    }
 }
-// const isNew = ((time: string) => {
-//     if (time) {
-//         const targetDate = new Date(time)
-//         const currentDate = new Date()
-//         const targetTimestamp = targetDate.getTime()
-//         const currentTimestamp = currentDate.getTime()
-//         const timeDifference = currentTimestamp - targetTimestamp
-//         const millisecondsPerDay = 1000 * 60 * 60 * 24 // 每天的毫秒数
-//         const daysDifference = Math.floor(timeDifference / millisecondsPerDay)
-//         if (daysDifference < 7) { //小于七天 算新插件
-//             return true
-//         }
-//     }
-//     return false
-// })

 const scrollToTop = () => {
    document.querySelector('.right-page-list')?.scrollTo({ top: 0, behavior: 'smooth' })
 }

-const expandedKeys = ref(['1', '2'])
+// const expandedKeys = ref(['1','2','3'])

 const filterFixedInputValue = ref('')
 provide('filterFixedInputValue', filterFixedInputValue)
@ -200,13 +197,12 @@ const filterObjects = (obj: any, searchString: string): any => {
    return result
 }
 let filteredData = ref(pluginsConfig.value)
-
 watch(filterFixedInputValue, (newValue: any) => {
    filteredData.value = filterObjects(pluginsConfig.value, newValue.toLocaleLowerCase())
-    if (!newValue) {
-        expandedKeys.value = ['1', '2']
-    }
-    // console.log('filterFixedInputValue filteredData', filteredData.value)
+    // if (!newValue) {
+    //     expandedKeys.value = ['1', '2', '3']
+    //     console.log('expandedKeys', expandedKeys.value)
+    // }
 })

 const { menuSetup } = useModel('forPreview')
@ -286,6 +282,8 @@ const getleftMenuBadge = (name: string) => {
    // console.log(tagOne)
    return tagOne
 }
+
+//获取设备类型
 function detectDeviceType() {
    const ua = navigator.userAgent
    const width = window.innerWidth