vue-layout-gitcode 1.3.22 → 1.3.24

package/GloabarSearch-czVRz73u.js

@@ -1,216 +0,0 @@
-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-CqAiepjz.js";
-import { u as useReportRepo, S as SearchRepoCard, f as formatNameSpace } from "./index-CHIT0RIe.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
-};