Merge branch 'main' of gitcode.com:git_bot/ai-fe

components/i/Aside.vue

@@ -11,7 +11,7 @@
             >
                 <div class="flex flex-grow justify-between items-center">
                     <span>新主题</span>
-                    <div class="flex items-center gap-0.5">
+                    <div class="flex items-center gap-0.5" v-if="device === 'desktop'">
                         <UKbd>{{ metaSymbol }}</UKbd>
                         <UKbd>K</UKbd>
                     </div>
@@ -32,6 +32,7 @@
 </template>
 <script setup>
 const { metaSymbol } = useShortcuts()
+const device = useDevice()
 const isOpenCreate = ref(false)
 const handleShowCreate = () => {
     isOpenCreate.value = true

components/i/Create.vue

@@ -12,6 +12,7 @@
             />
             <div class="flex justify-between">
                 <USelectMenu
+                    :ui-menu="menuUI"
                     v-model="selectedRepo"
                     :options="$repos"
                     placeholder="选择 GitHub 项目"
@@ -31,12 +32,18 @@
     </div>
 </template>
 <script setup>
-const { $setRepo, $repos } = useReposStore()
+const { $setRepo } = useReposStore()
+const { $repos } = storeToRefs(useReposStore())
 const { fetchRequest } = useFetchRequest()
 const emits = defineEmits([ 'search' ])
 const query = ref('')
 const selectedRepo = ref('keycloak')
 const loading = ref(false)
+
+const menuUI = {
+    width: 'w-auto'
+}
+
 const handleSearch = async () => {
     if (loading.value || query.value === '') return
     loading.value = true
@@ -54,22 +61,23 @@ const handleSearch = async () => {
         })
     }    
 }
-
-if (!$repos.length) {
-    let repoData = await fetchRequest('/v1/chat/repository', {
-        headers: {
-            'Content-Type': 'application/x-www-form-urlencoded'
-        }
-    })
-    repoData = repoData.data.map(item => {
-        return {
-            label: item.name,
-            url: item.path,
-            branch: item.branch
-        }
-    })
-    $setRepo(repoData)
-}
+onMounted(async () => {
+    if (!$repos.length) {
+        let repoData = await fetchRequest('/v1/chat/repository', {
+            headers: {
+                'Content-Type': 'application/x-www-form-urlencoded'
+            }
+        })
+        repoData = repoData.data.map(item => {
+            return {
+                label: item.name,
+                url: item.path,
+                branch: item.branch
+            }
+        })
+        $setRepo(repoData)
+    }
+})
 
 defineShortcuts({
     meta_enter: {

components/i/search/Ask.vue

@@ -12,7 +12,7 @@
                 :maxrows="10"
                 autoresize
                 v-model="continueQuestion"
-                :placeholder="'提出后续问题（' + metaSymbol + 'L）'"
+                :placeholder="placeholder"
                 size="xl"
                 :padded="false"
                 variant="none"
@@ -42,6 +42,7 @@
 </template>
 <script setup>
 const { metaSymbol } = useShortcuts()
+const placeholder = computed(() => `提出后续问题${useDevice() === 'desktop' ? '（' + metaSymbol.value + 'L）' : ''}`)
 const props = defineProps({
     asking: {
         type: Boolean,

composables/useFetch2.js

+const BASE_URL = 'https://gpu-pod656e861afe3d944d6b3ce77e-7862.node.inscode.run'
+
+const request = async (url, options = {}) => {
+    console.log(8989)
+    const fullUrl = BASE_URL + url
+    const config = {
+        method: options.method || 'get',
+        headers: {
+            'Content-Type': 'application/x-www-form-urlencoded'
+        },
+        onRequest({ request, options }) {
+            // 设置请求头
+        },
+        onRequestError({ request, options, error }) {
+            // 处理请求错误
+            error && console.error(error)
+        },
+        onResponse({ request, response, options }) {
+            // 处理响应数据
+            return response.data
+        },
+        onResponseError({ request, response, options }) {
+            // 处理响应错误
+            console.log('onResponseError ~ request:', request)
+        }
+    }
+
+    return await useFetch(fullUrl, config)
+}
+
+export default request

pages/test.vue

+<template>
+    <div>Test</div>
+    <div>{{ data }}</div>
+</template>
+<script setup>
+const { data } = await useFetch2('/v1/chat/repository')
+</script>

utils/useDevice.js

+function isMobile() {
+    let userAgentInfo = navigator ? navigator.userAgent : null
+    if (!userAgentInfo) return false
+    let Agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod']
+    let flag = false
+    for (let v = 0; v < Agents.length; v++) {
+        if (userAgentInfo.indexOf(Agents[v]) > 0) {
+            flag = true
+            break
+        }
+    }
+    return flag
+}
+
+const device = isMobile() ? 'mobile' : 'desktop'
+
+export default () => device