vue-layout-gitcode 1.3.21 → 1.3.23

package/GloabarSearch-DYx5z1Da.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-GfreO8FI.js";
+import { u as useReportRepo, S as SearchRepoCard, f as formatNameSpace } from "./index-HOUvAjiR.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-BrzA0b_C.js → ProjectSearch-ButAm79X.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-87RBtMC-.js";
+import { a as i18n, h as headRequest, G as GIcon, r as reqCatch } from "./index-GfreO8FI.js";
 import { useRoute, useRouter } from "vue-router";
 import "vue-devui-lal/icon";
 import "vue-devui-lal/icon/style.css";

package/{SearchHistoryList-D85H9EfO.js → SearchHistoryList-DonFthJ7.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-87RBtMC-.js";
+import { a as i18n, G as GIcon, _ as _export_sfc } from "./index-GfreO8FI.js";
 import "vue-devui-lal/icon";
 import "vue-devui-lal/icon/style.css";
 const _hoisted_1 = { class: "history-list" };

package/{SearchPrefixTag-CpzEuqqQ.js → SearchPrefixTag-BlgJeNxu.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-87RBtMC-.js";
+import { G as GIcon, _ as _export_sfc } from "./index-GfreO8FI.js";
 import "vue-devui-lal/icon";
 import "vue-devui-lal/icon/style.css";
 const _hoisted_1 = { class: "ellipsis" };

package/{SearchRecommed-Cb1c_RU-.js → SearchRecommed-DNpdx6oz.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-nYg3u1KW.js";
-import { a as i18n, h as headRequest, R as REPO_MODULE, c as REPO_EVENT, l as localStorage, _ as _export_sfc } from "./index-87RBtMC-.js";
+import { u as useReportRepo, S as SearchRepoCard } from "./index-HOUvAjiR.js";
+import { a as i18n, h as headRequest, R as REPO_MODULE, b as REPO_EVENT, l as localStorage, _ as _export_sfc } from "./index-GfreO8FI.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-DWEAlbyb.js → SearchScopeList-DTdzfdMH.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-87RBtMC-.js";
+import { a as i18n, G as GIcon, _ as _export_sfc } from "./index-GfreO8FI.js";
 import "vue-devui-lal/icon";
 import "vue-devui-lal/icon/style.css";
 const _hoisted_1 = ["onClick"];

package/{UserSearch-2kdPcdBp.js → UserSearch-BKDVmCTW.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-87RBtMC-.js";
+import { a as i18n, h as headRequest, G as GIcon } from "./index-GfreO8FI.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-DwykrdhW.js → index-DKFp1NIJ.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-87RBtMC-.js";
+import { w as useLayoutConfig, _ as _export_sfc } from "./index-GfreO8FI.js";
 import "vue-devui-lal/overlay/style.css";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -49,7 +49,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => _cache[0] || (_cache[0] = [
           createElementVNode("div", { id: "captcha-box" }, null, -1)
         ])),
-        _: 1
+        _: 1,
+        __: [0]
       });
     };
   }