vue-layout-gitcode 1.3.24 → 1.3.26

package/GloabarSearch-jFuTLWIT.js

@@ -0,0 +1,216 @@
+import { defineComponent, inject, createElementBlock, openBlock, Fragment, createElementVNode, toDisplayString, createVNode, unref, renderList, withDirectives, createBlock, ref, watch, onMounted, createCommentVNode } from "vue";
+import "vue-devui-lal/icon";
+import "vue-devui-lal/icon/style.css";
+import { h as headRequest, R as REPO_MODULE, a as i18n, G as GIcon, b as REPO_EVENT, _ as _export_sfc, c as REPO_TYPE, e as extractRepoInfoWithURL } from "./index-BYT6vV5V.js";
+import { u as useReportRepo, S as SearchRepoCard, f as formatNameSpace } from "./index-D3q4EUnq.js";
+import "vue-devui-lal/tooltip";
+import "vue-devui-lal/tooltip/style.css";
+import "vue-router";
+import "vue-devui-lal/grid";
+import "vue-devui-lal/skeleton";
+import "vue-devui-lal/grid/style.css";
+import "vue-devui-lal/skeleton/style.css";
+import "@vueuse/core";
+const vElementExposure = {
+  mounted(el, binding) {
+    let observer = new IntersectionObserver(function(entries, observer2) {
+      entries.forEach(function(entry) {
+        var _a;
+        if (entry.isIntersecting) {
+          (_a = binding.value) == null ? void 0 : _a.trigger("expo");
+          observer2.unobserve(entry.target);
+        }
+      });
+    }, { threshold: 0 });
+    observer.observe(el);
+  },
+  beforeUnmount() {
+  }
+};
+const _hoisted_1$1 = { class: "mb-[4px] mt-[16px] flex justify-between" };
+const _hoisted_2$1 = { class: "title" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "SearchRepoCardList",
+  props: {
+    dataList: {
+      type: Array,
+      default: () => []
+    },
+    searchStr: {
+      type: String,
+      default: ""
+    },
+    type: {
+      type: String,
+      default: ""
+    },
+    name: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["report"],
+  setup(__props, { emit: __emit }) {
+    const API = headRequest(inject("request"));
+    const { triggerReport } = useReportRepo({ moduleName: REPO_MODULE.SEARCH_SUGGESTION_CARD }, API.viewReport);
+    const { t: $t } = i18n.global;
+    const useReport = inject("useReport");
+    const emits = __emit;
+    const handleReport = (item) => {
+      useReport(REPO_EVENT.CLICK, { module_name: REPO_MODULE.SEARCH_SUGGESTION_CARD, repo_id: item.id });
+    };
+    const handleMore = () => {
+      emits("more");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", _hoisted_1$1, [
+          createElementVNode("p", _hoisted_2$1, toDisplayString(__props.name), 1),
+          createElementVNode("a", {
+            class: "more-btn",
+            onClick: handleMore
+          }, [
+            createElementVNode("span", null, toDisplayString(unref($t)("gitCodeLayout.common.more")), 1),
+            createVNode(GIcon, {
+              name: "gt-line-right",
+              color: "var(--theme-placeholder)"
+            })
+          ])
+        ]),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.dataList, (item, index) => {
+          return withDirectives((openBlock(), createBlock(SearchRepoCard, {
+            key: item.id,
+            class: "mb-[8px]",
+            info: { ...item, index },
+            keyword: __props.searchStr,
+            hover: "",
+            hideTopicTags: "",
+            hideStarBtn: "",
+            hideFooter: "",
+            hideDescription: "",
+            onReport: () => handleReport(item),
+            cardType: __props.type,
+            "url-params": { source_module: "search_project" }
+          }, null, 8, ["info", "keyword", "onReport", "cardType"])), [
+            [unref(vElementExposure), { trigger: (type) => unref(triggerReport)(type, item) }]
+          ]);
+        }), 128))
+      ], 64);
+    };
+  }
+});
+const SearchRepoCardList = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-gitcode-layout-lib"]]);
+const _hoisted_1 = {
+  key: 0,
+  class: "px-[8px] history-list-project pl-[8px]"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "px-[8px] history-list-project pl-[8px]"
+};
+const _hoisted_3 = {
+  key: 2,
+  class: "px-[8px] history-list-project pl-[8px]"
+};
+const _sfc_main = {
+  __name: "GloabarSearch",
+  props: ["searchStr"],
+  emits: ["searchMore"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const { t: $t } = i18n.global;
+    const API = headRequest(inject("request"));
+    const useReport = inject("useReport");
+    const projectList = ref([]);
+    const datasetList = ref([]);
+    const modelList = ref([]);
+    const origin = window.location.origin;
+    const props = __props;
+    let timer = null;
+    const convertDataList = (dataList) => {
+      return dataList == null ? void 0 : dataList.slice(0, 5).map((item) => {
+        const isGitcodeRepo = REPO_TYPE.GITCODE === item.is_mirrors;
+        const repoName = (!isGitcodeRepo ? extractRepoInfoWithURL(item.import_url) : item.name_with_namespace) || item.name_with_namespace;
+        const displayName = formatNameSpace(repoName).join("/");
+        return {
+          ...item,
+          path: `${origin}/${item.path_with_namespace}`,
+          displayName,
+          web_url: `${origin}/${item.path_with_namespace}`
+        };
+      });
+    };
+    const handleMore = (type) => {
+      emits("searchMore", type);
+    };
+    const getData = async () => {
+      if (!props.searchStr) {
+        return;
+      }
+      try {
+        useReport("search-project", {});
+        const res = await API.getGloabarSearchKeyLink({ q: props.searchStr });
+        const { recommend_project = [], recommend_model = [], recommend_dataset = [] } = res.data || {};
+        projectList.value = convertDataList(recommend_project);
+        modelList.value = convertDataList(recommend_model);
+        datasetList.value = convertDataList(recommend_dataset);
+      } catch (error) {
+        console.error("Failed to fetch search results:", error);
+        projectList.value = [];
+        modelList.value = [];
+        datasetList.value = [];
+      }
+    };
+    if (props.searchStr) {
+      getData();
+    }
+    watch(
+      () => props.searchStr,
+      () => {
+        if (timer) {
+          clearTimeout(timer);
+        }
+        timer = setTimeout(() => {
+          getData();
+        }, 300);
+      }
+    );
+    onMounted(() => {
+      console.log("GloabarSearch");
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        projectList.value.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createVNode(SearchRepoCardList, {
+            "data-list": projectList.value,
+            "search-str": __props.searchStr,
+            name: unref($t)("gitCodeLayout.header.repo"),
+            type: "repo",
+            onMore: _cache[0] || (_cache[0] = () => handleMore("repo"))
+          }, null, 8, ["data-list", "search-str", "name"])
+        ])) : createCommentVNode("", true),
+        modelList.value.length ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(SearchRepoCardList, {
+            "data-list": modelList.value,
+            "search-str": __props.searchStr,
+            name: unref($t)("gitCodeLayout.aihub.model"),
+            type: "model",
+            onMore: _cache[1] || (_cache[1] = () => handleMore("model"))
+          }, null, 8, ["data-list", "search-str", "name"])
+        ])) : createCommentVNode("", true),
+        datasetList.value.length ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          createVNode(SearchRepoCardList, {
+            "data-list": datasetList.value,
+            "search-str": __props.searchStr,
+            name: unref($t)("gitCodeLayout.aihub.dataSet"),
+            type: "dataset",
+            onMore: _cache[2] || (_cache[2] = () => handleMore("dataset"))
+          }, null, 8, ["data-list", "search-str", "name"])
+        ])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};

package/{ProjectSearch-Dp3UEGf6.js → ProjectSearch-DRqIYuRa.js}

@@ -1,5 +1,5 @@
 import { ref, inject, computed, withDirectives, createElementBlock, openBlock, createElementVNode, toDisplayString, unref, Fragment, renderList, createVNode, vShow } from "vue";
-import { a as i18n, h as headRequest, G as GIcon, r as reqCatch } from "./index-DC9YPjPv.js";
+import { a as i18n, h as headRequest, G as GIcon, r as reqCatch } from "./index-BYT6vV5V.js";
 import { useRoute, useRouter } from "vue-router";
 import "vue-devui-lal/icon";
 import "vue-devui-lal/icon/style.css";

package/{SearchHistoryList-D2XYb905.js → SearchHistoryList-B2bIvzab.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, Fragment, renderList, normalizeClass, createElementVNode, createVNode, toDisplayString, withModifiers } from "vue";
-import { a as i18n, G as GIcon, _ as _export_sfc } from "./index-DC9YPjPv.js";
+import { a as i18n, G as GIcon, _ as _export_sfc } from "./index-BYT6vV5V.js";
 import "vue-devui-lal/icon";
 import "vue-devui-lal/icon/style.css";
 const _hoisted_1 = { class: "history-list" };

package/{SearchPrefixTag-Cw2YCQw5.js → SearchPrefixTag-B-kq4k0s.js}

@@ -1,5 +1,5 @@
 import { defineComponent, createElementBlock, openBlock, createElementVNode, withDirectives, toDisplayString, withModifiers, createVNode, vShow } from "vue";
-import { G as GIcon, _ as _export_sfc } from "./index-DC9YPjPv.js";
+import { G as GIcon, _ as _export_sfc } from "./index-BYT6vV5V.js";
 import "vue-devui-lal/icon";
 import "vue-devui-lal/icon/style.css";
 const _hoisted_1 = { class: "ellipsis" };

package/{SearchRecommed-hZ6Qy0Vx.js → SearchRecommed-MiT0AQ3u.js}

@@ -1,6 +1,6 @@
 import { defineComponent, inject, ref, onMounted, createElementBlock, openBlock, createElementVNode, toDisplayString, unref, Fragment, renderList, createBlock, createVNode, withCtx } from "vue";
-import { u as useReportRepo, S as SearchRepoCard } from "./index-243BN_SR.js";
-import { a as i18n, h as headRequest, R as REPO_MODULE, c as REPO_EVENT, l as localStorage, _ as _export_sfc } from "./index-DC9YPjPv.js";
+import { u as useReportRepo, S as SearchRepoCard } from "./index-D3q4EUnq.js";
+import { a as i18n, h as headRequest, R as REPO_MODULE, b as REPO_EVENT, l as localStorage, _ as _export_sfc } from "./index-BYT6vV5V.js";
 import { Row, Col } from "vue-devui-lal/grid";
 import { SkeletonItem } from "vue-devui-lal/skeleton";
 import "vue-devui-lal/grid/style.css";

package/{SearchScopeList-DPJlDv5L.js → SearchScopeList-BkrASZDr.js}

@@ -1,5 +1,5 @@
 import { defineComponent, createElementBlock, openBlock, Fragment, renderList, createElementVNode, createVNode, createCommentVNode, toDisplayString, unref } from "vue";
-import { a as i18n, G as GIcon, _ as _export_sfc } from "./index-DC9YPjPv.js";
+import { a as i18n, G as GIcon, _ as _export_sfc } from "./index-BYT6vV5V.js";
 import "vue-devui-lal/icon";
 import "vue-devui-lal/icon/style.css";
 const _hoisted_1 = ["onClick"];

package/{UserSearch-U0Atsr6S.js → UserSearch-CoYIxR82.js}

@@ -1,5 +1,5 @@
 import { inject, ref, watch, withDirectives, createElementBlock, openBlock, createElementVNode, toDisplayString, unref, Fragment, renderList, createVNode, vShow } from "vue";
-import { a as i18n, h as headRequest, G as GIcon } from "./index-DC9YPjPv.js";
+import { a as i18n, h as headRequest, G as GIcon } from "./index-BYT6vV5V.js";
 import "vue-devui-lal/icon";
 import "vue-devui-lal/icon/style.css";
 const _hoisted_1 = { class: "px-[8px] history-list-project pl-[8px]" };

package/{index-DmtOCma-.js → index-B4_q-aJ0.js}

@@ -1,6 +1,6 @@
 import { defineComponent, onMounted, createBlock, openBlock, unref, withCtx, createElementVNode } from "vue";
 import { FixedOverlay } from "vue-devui-lal/overlay";
-import { w as useLayoutConfig, _ as _export_sfc } from "./index-DC9YPjPv.js";
+import { w as useLayoutConfig, _ as _export_sfc } from "./index-BYT6vV5V.js";
 import "vue-devui-lal/overlay/style.css";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",

package/{index-DC9YPjPv.js → index-BYT6vV5V.js}

@@ -7659,6 +7659,7 @@ const gitCodeLayout$1 = {
       theme: "主题",
       preSetting: "偏好设置"
     },
+    more: "查看更多",
     search: "搜索",
     organize: "组织",
     all: "全部",
@@ -7942,6 +7943,7 @@ const gitCodeLayout = {
       theme: "Theme",
       preSetting: "Preferences"
     },
+    more: "More",
     search: "Search",
     organize: "Organizations",
     all: "All",
@@ -16832,17 +16834,24 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     });
     const request = inject("request");
     const API = asideRequest(request);
+    const loaded = ref(false);
     const getTianqiRouteConfig = async () => {
       var _a;
-      const res = await API.getTianqiRouteConfig();
-      const data = ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.data) || {};
-      const { top_button: topButton } = data;
-      if (topButton) {
-        tianqiButtonConfig.value = {
-          img: topButton.img,
-          img_black: topButton.img_black,
-          url: topButton.url
-        };
+      try {
+        const res = await API.getTianqiRouteConfig();
+        const data = ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.data) || {};
+        const { top_button: topButton } = data;
+        if (topButton) {
+          tianqiButtonConfig.value = {
+            img: topButton.img,
+            img_black: topButton.img_black,
+            url: topButton.url
+          };
+        }
+        loaded.value = true;
+      } catch (error) {
+        console.error(error);
+        loaded.value = true;
       }
     };
     getTianqiRouteConfig();
@@ -16852,21 +16861,27 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       }
       return currentTheme.value === ThemeType.BLACK ? logoBlack : logoWhite;
     });
+    const customClass = computed(() => {
+      return {
+        "custom": tianqiButtonConfig.value.img
+      };
+    });
     function goPage() {
       const url = tianqiButtonConfig.value.url || layoutConfig2.VITE_HOST_TIANQI + "?utm_source=toolbar";
       window.open(url);
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "agent-tips",
+        class: normalizeClass(["agent-tips", customClass.value]),
         onClick: withModifiers(goPage, ["stop"])
       }, [
-        createElementVNode("img", {
+        loaded.value ? (openBlock(), createElementBlock("img", {
+          key: 0,
           src: logo.value,
           alt: "logo",
           class: "w-[108px] cursor-pointer"
-        }, null, 8, _hoisted_1$p)
-      ]);
+        }, null, 8, _hoisted_1$p)) : createCommentVNode("", true)
+      ], 2);
     };
   }
 });
@@ -17822,13 +17837,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   setup(__props) {
     var _a;
     const { t: $t } = i18n.global;
-    const ProjectSearch = defineAsyncComponent(() => import("./ProjectSearch-Dp3UEGf6.js"));
-    const UserSearch = defineAsyncComponent(() => import("./UserSearch-U0Atsr6S.js"));
-    const GloabarSearch = defineAsyncComponent(() => import("./GloabarSearch-ClyjLgMy.js"));
-    const SearchHistoryList = defineAsyncComponent(() => import("./SearchHistoryList-D2XYb905.js"));
-    const SearchScopeList = defineAsyncComponent(() => import("./SearchScopeList-DPJlDv5L.js"));
-    const SearchPrefixTag = defineAsyncComponent(() => import("./SearchPrefixTag-Cw2YCQw5.js"));
-    const SearchRecommed = defineAsyncComponent(() => import("./SearchRecommed-hZ6Qy0Vx.js"));
+    const ProjectSearch = defineAsyncComponent(() => import("./ProjectSearch-DRqIYuRa.js"));
+    const UserSearch = defineAsyncComponent(() => import("./UserSearch-CoYIxR82.js"));
+    const GloabarSearch = defineAsyncComponent(() => import("./GloabarSearch-jFuTLWIT.js"));
+    const SearchHistoryList = defineAsyncComponent(() => import("./SearchHistoryList-B2bIvzab.js"));
+    const SearchScopeList = defineAsyncComponent(() => import("./SearchScopeList-BkrASZDr.js"));
+    const SearchPrefixTag = defineAsyncComponent(() => import("./SearchPrefixTag-B-kq4k0s.js"));
+    const SearchRecommed = defineAsyncComponent(() => import("./SearchRecommed-MiT0AQ3u.js"));
     const props = __props;
     const repoInfo = inject("repoInfo");
     const orgInfo = inject("orgInfo");
@@ -17927,7 +17942,11 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     const projectTagVisible = computed(() => {
       return (isSearchPage.value || isFocus.value) && localSearchInfo.value.searchScopeName;
     });
-    const cnScopeMap = { repo: $t("gitCodeLayout.header.repo"), group: $t("gitCodeLayout.header.org"), user: $t("gitCodeLayout.header.user") };
+    const cnScopeMap = {
+      repo: $t("gitCodeLayout.header.repo"),
+      group: $t("gitCodeLayout.header.org"),
+      user: $t("gitCodeLayout.header.user")
+    };
     const languageTagVisible = computed(() => {
       return (isSearchPage.value || isFocus.value) && searchStr && language.value;
     });
@@ -17947,22 +17966,22 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                 label: localSearchInfo.value.projectType === "user" ? $t("gitCodeLayout.header.user") : $t("gitCodeLayout.header.org"),
                 enLabel: localSearchInfo.value.projectType === "user" ? "user" : "group",
                 value: localSearchInfo.value.nameOrOrg
-              },
-              { title: $t("gitCodeLayout.header.platformSearch") }
+              }
+              // { title: $t('gitCodeLayout.header.platformSearch') }
             ];
           case "group":
             return [
-              { label: cnScopeMap.group, enLabel: "group", value: localSearchInfo.value.searchScopeName },
-              { title: $t("gitCodeLayout.header.platformSearch") }
+              { label: cnScopeMap.group, enLabel: "group", value: localSearchInfo.value.searchScopeName }
+              // { title: $t('gitCodeLayout.header.platformSearch') }
             ];
           case "user":
             return [
-              { label: cnScopeMap.user, enLabel: "user", value: localSearchInfo.value.searchScopeName },
-              { title: $t("gitCodeLayout.header.platformSearch") }
+              { label: cnScopeMap.user, enLabel: "user", value: localSearchInfo.value.searchScopeName }
+              // { title: $t('gitCodeLayout.header.platformSearch') }
             ];
         }
       }
-      return [{ title: $t("gitCodeLayout.header.platformSearch") }];
+      return [];
     });
     let localSearchText = localStorage$2.getItem("localSearchText");
     if (localSearchText) {
@@ -17987,7 +18006,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       isFocus.value = false;
       searchDropDownVisible.value = false;
     };
-    const onScopeSearch = (data) => {
+    const onScopeSearch = (data = {}) => {
       searchParams = { scope: data.enLabel ? data.enLabel : void 0 };
       if (isSearchPage.value && route.query.type && route.query.type !== "commit") {
         searchParams.type = route.query.type;
@@ -18016,6 +18035,11 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         }
       }
     };
+    const handleSearchMore = (type) => {
+      console.log(type);
+      searchParams.type = type;
+      onSearch();
+    };
     const toSearch = (data) => {
       if (typeof data === "string") {
         searchStr.value = data;
@@ -18070,26 +18094,37 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       localSearchInfo.value = {};
     };
     let memorySearchKey = "";
-    watch(() => isFocus.value, () => {
-      if (!isFocus.value && !isSearchPage.value) {
-        memorySearchKey = searchStr.value;
-        searchStr.value = "";
+    watch(
+      () => isFocus.value,
+      () => {
+        if (!isFocus.value && !isSearchPage.value) {
+          memorySearchKey = searchStr.value;
+          searchStr.value = "";
+        }
       }
-    });
-    watch([() => searchStr.value, () => isFocus.value], () => {
-      if (isFocus.value || searchStr.value) {
-        interval.value && clearInterval(interval.value);
-      } else {
-        scrollRecommend();
+    );
+    watch(
+      [() => searchStr.value, () => isFocus.value],
+      () => {
+        if (isFocus.value || searchStr.value) {
+          interval.value && clearInterval(interval.value);
+        } else {
+          scrollRecommend();
+        }
+      },
+      {
+        immediate: true
       }
-    }, {
-      immediate: true
-    });
+    );
     const onFocus = () => {
-      useReport2(REPO_EVENT.CLICK, {
-        module_name: REPO_MODULE.SEARCH_BAR_CLICK
-      }, () => {
-      });
+      useReport2(
+        REPO_EVENT.CLICK,
+        {
+          module_name: REPO_MODULE.SEARCH_BAR_CLICK
+        },
+        () => {
+        }
+      );
       if (isFocus.value) {
         return;
       }
@@ -18185,10 +18220,14 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     getSearchHot();
     onMounted(() => {
       var _a2, _b;
-      useReport2 && useReport2(REPO_EVENT.SHOW, {
-        module_name: REPO_MODULE.SEARCH_BAR_EXPO
-      }, () => {
-      });
+      useReport2 && useReport2(
+        REPO_EVENT.SHOW,
+        {
+          module_name: REPO_MODULE.SEARCH_BAR_EXPO
+        },
+        () => {
+        }
+      );
       searchStr.value = ((_a2 = route == null ? void 0 : route.query) == null ? void 0 : _a2.q) || "";
       const index2 = (_b = searchHotWords.value) == null ? void 0 : _b.findIndex((item) => item === searchStr.value);
       activeSearchKey.value = index2 === -1 ? 0 : index2;
@@ -18260,7 +18299,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                   }, null, 8, ["searchStr", "searchInfo"])) : createCommentVNode("", true),
                   !localSearchInfo.value.searchScope ? (openBlock(), createBlock(unref(GloabarSearch), {
                     key: 2,
-                    searchStr: searchStr.value
+                    searchStr: searchStr.value,
+                    onSearchMore: _cache[5] || (_cache[5] = (type) => handleSearchMore(type))
                   }, null, 8, ["searchStr"])) : createCommentVNode("", true)
                 ], 512), [
                   [vShow, searchStr.value]
@@ -18315,12 +18355,12 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                       ]),
                       showRecommendSearch.value ? (openBlock(), createElementBlock("div", {
                         key: 0,
-                        class: normalizeClass(["g-header-search-recommend-placeholder z-[-1] absolute top-0 left-[44px] w-full h-full leading-[100%] text-[var(--theme-placeholder)]", { "default": !isFocus.value, "focus": isFocus.value }])
+                        class: normalizeClass(["g-header-search-recommend-placeholder z-[-1] absolute top-0 left-[44px] w-full h-full leading-[100%] text-[var(--theme-placeholder)]", { default: !isFocus.value, focus: isFocus.value }])
                       }, [
-                        _cache[6] || (_cache[6] = createElementVNode("div", { class: "absolute top-0 left-0 h-full flex items-center" }, " 🔥 ", -1)),
+                        _cache[7] || (_cache[7] = createElementVNode("div", { class: "absolute top-0 left-0 h-full flex items-center" }, "🔥", -1)),
                         (openBlock(true), createElementBlock(Fragment, null, renderList(searchHotWords.value, (item, index2) => {
                           return openBlock(), createElementBlock("div", {
-                            class: normalizeClass(["g-header-search-recommend-item absolute top-0 left-[24px] h-full flex items-center", { "fadeInUp": activeSearchKey.value === index2, "fadeOutUp": activeSearchKey.value !== index2 }]),
+                            class: normalizeClass(["g-header-search-recommend-item absolute top-0 left-[24px] h-full flex items-center", { fadeInUp: activeSearchKey.value === index2, fadeOutUp: activeSearchKey.value !== index2 }]),
                             key: item
                           }, toDisplayString$1(item.content), 3);
                         }), 128))
@@ -18381,7 +18421,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             placeholder: unref($t)("gitCodeLayout.home.searchPlaceholder"),
             onKeydown: withKeys(searchResult, ["enter"]),
             modelValue: searchStr.value,
-            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => searchStr.value = $event)
+            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => searchStr.value = $event)
           }, {
             prefix: withCtx(() => [
               createVNode(GIcon, {
@@ -18397,7 +18437,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   }
 });
 const Search = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-gitcode-layout-lib"]]);
-const NoticeModal = defineAsyncComponent(() => import("./notice-CvqB4FHy.js"));
+const NoticeModal = defineAsyncComponent(() => import("./notice-C0rOjRir.js"));
 function clearNotice() {
   if (localStorage$2.getItem("validator_email")) {
     localStorage$2.removeItem("validator_email");
@@ -18459,7 +18499,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     bgConfig: { default: () => ({
       index_head: "",
       detail_top: "",
+      detail_top_black: "",
       detail_toolbar: "",
+      detail_toolbar_black: "",
       detail_top_url: "",
       index_head_url: "",
       detail_toolbar_url: ""
@@ -18579,11 +18621,17 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     const isShowStickyNotice = computed(() => {
       return ([SceneValue.repo, SceneValue.org, SceneValue.user, SceneValue.aiRepo].includes(props.sceneValue) || isHome.value && window.location.pathname != "/" && !homeTabPage.includes(window.location.pathname)) && props.bgConfig.detail_toolbar;
     });
+    const detailToolbarImg = computed(() => {
+      return (currentTheme.value === ThemeType.WHITE ? props.bgConfig.detail_toolbar : props.bgConfig.detail_toolbar_black) || props.bgConfig.detail_toolbar;
+    });
+    const detailTopImg = computed(() => {
+      return (currentTheme.value === ThemeType.WHITE ? props.bgConfig.detail_top : props.bgConfig.detail_top_black) || props.bgConfig.detail_top;
+    });
     const stickyNoticeInfo = computed(() => {
-      return isShowStickyNotice.value ? props.bgConfig.detail_top : "";
+      return isShowStickyNotice.value ? detailTopImg.value : "";
     });
     const detailBgInfo = computed(() => {
-      return isShowStickyNotice.value ? props.bgConfig.detail_toolbar : "";
+      return isShowStickyNotice.value ? detailToolbarImg.value : "";
     });
     const detailBgStyle = computed(() => {
       return detailBgInfo.value ? {
@@ -25019,7 +25067,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   }
 });
 const MFA = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-gitcode-layout-lib"]]);
-const SlidCaptcha = defineAsyncComponent(() => import("./index-DmtOCma-.js"));
+const SlidCaptcha = defineAsyncComponent(() => import("./index-B4_q-aJ0.js"));
 const useSlidCaptcha = () => {
   const { mount, unMount } = usePopup("slid-captcha-popup");
   const open = (config) => {
@@ -26617,8 +26665,8 @@ export {
   TOPIC_TYPE as T,
   _export_sfc as _,
   i18n as a,
-  REPO_TYPE as b,
-  REPO_EVENT as c,
+  REPO_EVENT as b,
+  REPO_TYPE as c,
   debounce$1 as d,
   extractRepoInfoWithURL as e,
   useRequestReport as f,