vue-layout-gitcode 1.0.0

package/GloabarSearch-37405ec8.js

@@ -0,0 +1,141 @@
+import { inject, ref, watch, onMounted, openBlock, createElementBlock, createElementVNode, toDisplayString, Fragment, renderList, unref, createVNode, createCommentVNode } from "vue";
+import { h as headRequest, R as REPO_MODULE, t as transWebUrl, I as Icon, a as useReport, b as REPO_EVENT, c as REPO_TYPE, e as extractRepoInfoWithURL } from "./index-36595f17.js";
+import { u as useReportRepo, f as formatNameSpace } from "./formatNameSpace-d87daa04.js";
+import "vue-devui-lal/icon";
+import "vue-devui-lal/icon/style.css";
+import "vue-devui-lal/button";
+import "vue-devui-lal/popover";
+import "vue-devui-lal/tooltip";
+import "vue-devui-lal/textarea";
+import "vue-devui-lal/button/style.css";
+import "vue-devui-lal/popover/style.css";
+import "vue-devui-lal/tooltip/style.css";
+import "vue-devui-lal/textarea/style.css";
+import "vue-i18n";
+import "vue-router";
+import "@vueuse/core";
+import "vue-devui-lal/avatar";
+import "vue-devui-lal/avatar/style.css";
+import "vue-devui-lal/select";
+import "vue-devui-lal/input";
+import "vue-devui-lal/skeleton";
+import "vue-devui-lal/menu";
+import "vue-devui-lal/select/style.css";
+import "vue-devui-lal/input/style.css";
+import "vue-devui-lal/skeleton/style.css";
+import "vue-devui-lal/menu/style.css";
+import "vue-devui-lal/dropdown";
+import "vue-devui-lal/dropdown/style.css";
+import "vue-devui-lal/drawer";
+import "vue-devui-lal/layout";
+import "vue-devui-lal/drawer/style.css";
+import "vue-devui-lal/layout/style.css";
+import "dayjs";
+import "vue-devui-lal/message";
+import "vue-devui-lal/message/style.css";
+import "vue-devui-lal/badge";
+import "vue-devui-lal/badge/style.css";
+import "vue-devui-lal/tabs";
+import "vue-devui-lal/tabs/style.css";
+import "vue-devui-lal/radio";
+import "vue-devui-lal/radio/style.css";
+import "vue-devui-lal/form";
+import "vue-devui-lal/form/style.css";
+import "vue-devui-lal/checkbox";
+import "vue-devui-lal/checkbox/style.css";
+import "vue-devui-lal/modal";
+import "vue-devui-lal/modal/style.css";
+import "vue-devui-lal/notification";
+import "vue-devui-lal/notification/style.css";
+const GloabarSearch_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1 = {
+  key: 0,
+  class: "px-[8px] history-list-project pl-[8px]"
+};
+const _hoisted_2 = { class: "history-list-project-globartitle mb-[4px] mt-[16px]" };
+const _hoisted_3 = ["href", "onClick"];
+const _hoisted_4 = { class: "flex history-list-project-globarbox" };
+const _hoisted_5 = { class: "ml-[8px] ellipsis" };
+const _sfc_main = {
+  __name: "GloabarSearch",
+  props: ["searchStr"],
+  setup(__props) {
+    const API = headRequest(inject("request"));
+    const { triggerReport } = useReportRepo({ moduleName: REPO_MODULE.SEARCH_SUGGESTION_CARD }, API.viewReport);
+    const searchFileList = ref([]);
+    const origin = window.location.origin;
+    const props = __props;
+    let timer = null;
+    const handleClick = (item) => {
+      useReport(REPO_EVENT.CLICK, { module_name: REPO_MODULE.SEARCH_SUGGESTION_CARD, repo_id: item.id });
+    };
+    const getData = async () => {
+      if (!props.searchStr) {
+        return;
+      }
+      try {
+        useReport("search-project", {});
+        const res = await API.getGloabarSearchKeyLink({ q: props.searchStr });
+        const { recommend_project = [] } = res.data || {};
+        searchFileList.value = recommend_project.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
+          };
+        });
+        searchFileList.value.forEach((item, index) => {
+          triggerReport("expo", { ...item, index });
+        });
+      } catch (error) {
+        console.error("Failed to fetch search results:", error);
+        searchFileList.value = [];
+      }
+    };
+    if (props.searchStr) {
+      getData();
+    }
+    watch(
+      () => props.searchStr,
+      () => {
+        if (timer) {
+          clearTimeout(timer);
+        }
+        timer = setTimeout(() => {
+          getData();
+        }, 300);
+      }
+    );
+    onMounted(() => {
+      console.log("GloabarSearch");
+    });
+    return (_ctx, _cache) => {
+      return searchFileList.value.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("p", _hoisted_2, toDisplayString(_ctx.$t("header.repo")), 1),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(searchFileList.value, (item) => {
+          return openBlock(), createElementBlock("a", {
+            href: unref(transWebUrl)(item.path, { source_module: "search_project" }),
+            key: item.path,
+            target: "_blank",
+            onClick: ($event) => handleClick(item)
+          }, [
+            createElementVNode("p", _hoisted_4, [
+              createVNode(Icon, {
+                name: "gt-line-repositories",
+                color: "var(--theme-placeholder)",
+                style: { "flex-shrink": "0" }
+              }),
+              createElementVNode("span", _hoisted_5, toDisplayString(item.displayName), 1)
+            ])
+          ], 8, _hoisted_3);
+        }), 128))
+      ])) : createCommentVNode("", true);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};

package/ProjectSearch-cbd30a7b.js

@@ -0,0 +1,131 @@
+import { ref, computed, withDirectives, openBlock, createElementBlock, createElementVNode, toDisplayString, Fragment, renderList, createVNode, vShow } from "vue";
+import { h as headRequest, I as Icon, r as reqCatch } from "./index-36595f17.js";
+import { useRoute, useRouter } from "vue-router";
+import "vue-devui-lal/icon";
+import "vue-devui-lal/icon/style.css";
+import "vue-devui-lal/button";
+import "vue-devui-lal/popover";
+import "vue-devui-lal/tooltip";
+import "vue-devui-lal/textarea";
+import "vue-devui-lal/button/style.css";
+import "vue-devui-lal/popover/style.css";
+import "vue-devui-lal/tooltip/style.css";
+import "vue-devui-lal/textarea/style.css";
+import "vue-i18n";
+import "@vueuse/core";
+import "vue-devui-lal/avatar";
+import "vue-devui-lal/avatar/style.css";
+import "vue-devui-lal/select";
+import "vue-devui-lal/input";
+import "vue-devui-lal/skeleton";
+import "vue-devui-lal/menu";
+import "vue-devui-lal/select/style.css";
+import "vue-devui-lal/input/style.css";
+import "vue-devui-lal/skeleton/style.css";
+import "vue-devui-lal/menu/style.css";
+import "vue-devui-lal/dropdown";
+import "vue-devui-lal/dropdown/style.css";
+import "vue-devui-lal/drawer";
+import "vue-devui-lal/layout";
+import "vue-devui-lal/drawer/style.css";
+import "vue-devui-lal/layout/style.css";
+import "dayjs";
+import "vue-devui-lal/message";
+import "vue-devui-lal/message/style.css";
+import "vue-devui-lal/badge";
+import "vue-devui-lal/badge/style.css";
+import "vue-devui-lal/tabs";
+import "vue-devui-lal/tabs/style.css";
+import "vue-devui-lal/radio";
+import "vue-devui-lal/radio/style.css";
+import "vue-devui-lal/form";
+import "vue-devui-lal/form/style.css";
+import "vue-devui-lal/checkbox";
+import "vue-devui-lal/checkbox/style.css";
+import "vue-devui-lal/modal";
+import "vue-devui-lal/modal/style.css";
+import "vue-devui-lal/notification";
+import "vue-devui-lal/notification/style.css";
+const ProjectSearch_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1 = { class: "px-[8px] history-list-project pl-[8px]" };
+const _hoisted_2 = { class: "history-list-project-globartitle mb-[4px] mt-[16px]" };
+const _hoisted_3 = ["href"];
+const _hoisted_4 = { class: "flex history-list-project-globarbox" };
+const _hoisted_5 = { class: "ml-[8px] ellipsis" };
+const _sfc_main = /* @__PURE__ */ Object.assign({ name: "SearchFileList" }, {
+  __name: "ProjectSearch",
+  props: ["searchStr", "searchInfo", "isSearchPage"],
+  setup(__props) {
+    const props = __props;
+    const filedList = ref([]);
+    const route = useRoute();
+    const router = useRouter();
+    const API = headRequest(inject("request"));
+    const loadFileList = async () => {
+      var _a, _b, _c;
+      if (!((_a = props == null ? void 0 : props.searchInfo) == null ? void 0 : _a.searchScopeName))
+        return;
+      const params = {
+        repoId: encodeURIComponent(props.searchInfo.searchScopeName),
+        ref_name: ((_b = props.searchInfo) == null ? void 0 : _b.branch) || ""
+      };
+      const res = await reqCatch(API.getRepoFileList, params);
+      filedList.value = ((_c = res == null ? void 0 : res.data) == null ? void 0 : _c.data) || [];
+    };
+    loadFileList();
+    const searchFileList = computed(() => {
+      return filedList.value.filter((item) => {
+        var _a;
+        return (_a = item == null ? void 0 : item.toLowerCase()) == null ? void 0 : _a.includes(props.searchStr);
+      }).splice(0, 5);
+    });
+    const getRoutePath = (filePath) => {
+      let params = {};
+      if (props.isSearchPage) {
+        const [namespace, repoName] = decodeURIComponent(props.searchInfo.repo).split("/");
+        params.namespace = namespace;
+        params.repoName = repoName;
+      } else {
+        params = route.params;
+      }
+      const defaultBranch = props.searchInfo.branch;
+      const branchName = Array.isArray(defaultBranch) ? defaultBranch : defaultBranch == null ? void 0 : defaultBranch.split("/");
+      const routerPath = router.resolve({
+        name: "repoFile",
+        params: {
+          ...params,
+          branchName,
+          filePath: filePath.split("/")
+        },
+        query: {
+          init: "initTree"
+        }
+      }).href;
+      return routerPath;
+    };
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("p", _hoisted_2, toDisplayString(_ctx.$t("header.file")), 1),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(searchFileList.value, (item, index) => {
+          return openBlock(), createElementBlock("a", {
+            key: index,
+            href: getRoutePath(item)
+          }, [
+            createElementVNode("p", _hoisted_4, [
+              createVNode(Icon, {
+                name: "gt-file-c",
+                style: { "flex-shrink": "0" }
+              }),
+              createElementVNode("span", _hoisted_5, toDisplayString(item), 1)
+            ])
+          ], 8, _hoisted_3);
+        }), 128))
+      ], 512)), [
+        [vShow, searchFileList.value.length]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/SearchHistoryList-6fa78d5b.js

@@ -0,0 +1,144 @@
+import { defineComponent, computed, openBlock, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, createVNode, toDisplayString, withModifiers, createCommentVNode } from "vue";
+import { d as i18n, I as Icon, _ as _export_sfc } from "./index-36595f17.js";
+import "vue-devui-lal/icon";
+import "vue-devui-lal/icon/style.css";
+import "vue-devui-lal/button";
+import "vue-devui-lal/popover";
+import "vue-devui-lal/tooltip";
+import "vue-devui-lal/textarea";
+import "vue-devui-lal/button/style.css";
+import "vue-devui-lal/popover/style.css";
+import "vue-devui-lal/tooltip/style.css";
+import "vue-devui-lal/textarea/style.css";
+import "vue-i18n";
+import "vue-router";
+import "@vueuse/core";
+import "vue-devui-lal/avatar";
+import "vue-devui-lal/avatar/style.css";
+import "vue-devui-lal/select";
+import "vue-devui-lal/input";
+import "vue-devui-lal/skeleton";
+import "vue-devui-lal/menu";
+import "vue-devui-lal/select/style.css";
+import "vue-devui-lal/input/style.css";
+import "vue-devui-lal/skeleton/style.css";
+import "vue-devui-lal/menu/style.css";
+import "vue-devui-lal/dropdown";
+import "vue-devui-lal/dropdown/style.css";
+import "vue-devui-lal/drawer";
+import "vue-devui-lal/layout";
+import "vue-devui-lal/drawer/style.css";
+import "vue-devui-lal/layout/style.css";
+import "dayjs";
+import "vue-devui-lal/message";
+import "vue-devui-lal/message/style.css";
+import "vue-devui-lal/badge";
+import "vue-devui-lal/badge/style.css";
+import "vue-devui-lal/tabs";
+import "vue-devui-lal/tabs/style.css";
+import "vue-devui-lal/radio";
+import "vue-devui-lal/radio/style.css";
+import "vue-devui-lal/form";
+import "vue-devui-lal/form/style.css";
+import "vue-devui-lal/checkbox";
+import "vue-devui-lal/checkbox/style.css";
+import "vue-devui-lal/modal";
+import "vue-devui-lal/modal/style.css";
+import "vue-devui-lal/notification";
+import "vue-devui-lal/notification/style.css";
+const _hoisted_1 = { class: "history-list" };
+const _hoisted_2 = ["onClick", "onMouseenter"];
+const _hoisted_3 = { class: "history-list-box__content flex items-center w-full" };
+const _hoisted_4 = ["title"];
+const _hoisted_5 = ["title"];
+const _hoisted_6 = { class: "item-tx" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SearchHistoryList",
+  props: {
+    searchHistoryList: {},
+    visitHistoryList: {},
+    activeIndex: {}
+  },
+  emits: [
+    "clearHistoryData",
+    "toSearch",
+    "onDeleteHistory",
+    "onDeleteVist",
+    "onVistPage",
+    "onSearchEnter",
+    "resetIndex"
+  ],
+  setup(__props, { emit: __emit }) {
+    const { t } = i18n.global;
+    const props = __props;
+    const emits = __emit;
+    const historyList = computed(() => {
+      var _a;
+      return (_a = props.searchHistoryList) == null ? void 0 : _a.map((item) => {
+        const repoTitle = item.repo ? `${t("header.repo")} ${decodeURIComponent(item.repo)}：` : "";
+        const namespaceTitle = item.namespace ? `${item.scope === "group" ? t("header.org") : t("header.user")} ${decodeURIComponent(item.namespace)}：` : "";
+        return { ...item, repoTitle, namespaceTitle };
+      });
+    });
+    computed(() => {
+      return props.visitHistoryList;
+    });
+    const resetIndex = () => {
+      emits("resetIndex");
+    };
+    const toSearch = (item) => {
+      emits("toSearch", item);
+    };
+    const onDeleteHistory = (index) => {
+      emits("onDeleteHistory", index);
+    };
+    const onSearchEnter = (index) => {
+      emits("onSearchEnter", index);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.searchHistoryList.length ? (openBlock(), createElementBlock("ul", {
+          key: 0,
+          class: "history-list-box mt-[16px]",
+          onMouseleave: resetIndex
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(historyList.value, (item, index) => {
+            return openBlock(), createElementBlock("li", {
+              key: item,
+              class: normalizeClass(_ctx.activeIndex === index ? "hoverbg" : ""),
+              onClick: ($event) => toSearch(item),
+              onMouseenter: ($event) => onSearchEnter(index)
+            }, [
+              createElementVNode("div", _hoisted_3, [
+                createVNode(Icon, {
+                  name: "gt-line-time",
+                  color: "var(--devui-aide-text)",
+                  class: "mr-[8px]"
+                }),
+                createElementVNode("span", {
+                  class: "whitespace-nowrap overflow-hidden text-ellipsis",
+                  title: item.repoTitle
+                }, toDisplayString(item.repoTitle), 9, _hoisted_4),
+                createElementVNode("span", {
+                  class: "whitespace-nowrap overflow-hidden text-ellipsis",
+                  title: item.namespaceTitle
+                }, toDisplayString(item.namespaceTitle), 9, _hoisted_5),
+                createElementVNode("span", _hoisted_6, toDisplayString(item.q || item), 1)
+              ]),
+              createVNode(Icon, {
+                name: "gt-line-close",
+                class: "itemClose",
+                onClick: withModifiers(($event) => onDeleteHistory(index), ["stop"])
+              }, null, 8, ["onClick"])
+            ], 42, _hoisted_2);
+          }), 128))
+        ], 32)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const SearchHistoryList_vue_vue_type_style_index_0_scoped_09e45f4e_lang = "";
+const SearchHistoryList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-09e45f4e"]]);
+export {
+  SearchHistoryList as default
+};

package/SearchPrefixTag-d6298d77.js

@@ -0,0 +1,91 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, withDirectives, withModifiers, createVNode, vShow } from "vue";
+import { I as Icon, _ as _export_sfc } from "./index-36595f17.js";
+import "vue-devui-lal/icon";
+import "vue-devui-lal/icon/style.css";
+import "vue-devui-lal/button";
+import "vue-devui-lal/popover";
+import "vue-devui-lal/tooltip";
+import "vue-devui-lal/textarea";
+import "vue-devui-lal/button/style.css";
+import "vue-devui-lal/popover/style.css";
+import "vue-devui-lal/tooltip/style.css";
+import "vue-devui-lal/textarea/style.css";
+import "vue-i18n";
+import "vue-router";
+import "@vueuse/core";
+import "vue-devui-lal/avatar";
+import "vue-devui-lal/avatar/style.css";
+import "vue-devui-lal/select";
+import "vue-devui-lal/input";
+import "vue-devui-lal/skeleton";
+import "vue-devui-lal/menu";
+import "vue-devui-lal/select/style.css";
+import "vue-devui-lal/input/style.css";
+import "vue-devui-lal/skeleton/style.css";
+import "vue-devui-lal/menu/style.css";
+import "vue-devui-lal/dropdown";
+import "vue-devui-lal/dropdown/style.css";
+import "vue-devui-lal/drawer";
+import "vue-devui-lal/layout";
+import "vue-devui-lal/drawer/style.css";
+import "vue-devui-lal/layout/style.css";
+import "dayjs";
+import "vue-devui-lal/message";
+import "vue-devui-lal/message/style.css";
+import "vue-devui-lal/badge";
+import "vue-devui-lal/badge/style.css";
+import "vue-devui-lal/tabs";
+import "vue-devui-lal/tabs/style.css";
+import "vue-devui-lal/radio";
+import "vue-devui-lal/radio/style.css";
+import "vue-devui-lal/form";
+import "vue-devui-lal/form/style.css";
+import "vue-devui-lal/checkbox";
+import "vue-devui-lal/checkbox/style.css";
+import "vue-devui-lal/modal";
+import "vue-devui-lal/modal/style.css";
+import "vue-devui-lal/notification";
+import "vue-devui-lal/notification/style.css";
+const _hoisted_1 = { class: "ellipsis" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SearchPrefixTag",
+  props: {
+    tag: {},
+    closeVisible: { type: Boolean }
+  },
+  emits: ["inputClick", "closeTag"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const onInputClick = () => {
+      emits("inputClick");
+    };
+    const onCloseTag = () => {
+      emits("closeTag");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("p", {
+        class: "g-header-search-projectname flex items-center px-[16px]",
+        onClick: onInputClick
+      }, [
+        createElementVNode("span", _hoisted_1, toDisplayString(_ctx.tag), 1),
+        withDirectives(createElementVNode("span", {
+          class: "g-header-search-projectname-close ml-[12px] flex",
+          onClick: withModifiers(onCloseTag, ["stop"])
+        }, [
+          createVNode(Icon, {
+            name: "icon-close",
+            color: "#fff",
+            size: "7px"
+          })
+        ], 512), [
+          [vShow, _ctx.closeVisible]
+        ])
+      ]);
+    };
+  }
+});
+const SearchPrefixTag_vue_vue_type_style_index_0_scoped_ebf3b8a6_lang = "";
+const SearchPrefixTag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ebf3b8a6"]]);
+export {
+  SearchPrefixTag as default
+};