vue-layout-gitcode 1.0.0

package/SearchRecommed-bbea8abe.js

@@ -0,0 +1,724 @@
+import { defineComponent, toDisplayString, inject, ref, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, withDirectives, vShow, createVNode, computed, unref, normalizeStyle, createCommentVNode, createTextVNode, onMounted, onUnmounted, Fragment, createBlock, renderList, reactive, resolveComponent, withCtx } from "vue";
+import { h as headRequest, I as Icon, r as reqCatch, _ as _export_sfc, T as TOPIC_TYPE, f as useTimeFormat, g as usePageResize, d as i18n, j as highlightWords, t as transWebUrl, k as _frEventTrack, E as EVENT_NAME, c as REPO_TYPE, e as extractRepoInfoWithURL, R as REPO_MODULE, a as useReport, b as REPO_EVENT } from "./index-36595f17.js";
+import { f as formatNameSpace, u as useReportRepo } from "./formatNameSpace-d87daa04.js";
+import { useRouter } from "vue-router";
+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-devui-lal/icon";
+import "vue-devui-lal/icon/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 _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    number: {},
+    fixed: { default: 2 },
+    byte: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const DECIMAL_PACE = [
+      { unit: "K", base: 1e3 },
+      { unit: "M", base: 1e6 }
+      // 百万
+    ];
+    const BYTE_PACE = [
+      { unit: "B", base: 1 },
+      { unit: "KB", base: Math.pow(2, 10) },
+      { unit: "MB", base: Math.pow(2, 20) },
+      { unit: "GB", base: Math.pow(2, 30) }
+    ];
+    const transfer = (val) => {
+      try {
+        const pace = props.byte ? BYTE_PACE : DECIMAL_PACE;
+        return pace.reduce((res, { base, unit }) => {
+          if (val >= base) {
+            const fixedBase = Math.pow(10, props.fixed);
+            res = `${parseFloat((Math.round(val * fixedBase / base) / fixedBase).toFixed(props.fixed))} ${unit}`;
+          }
+          return res;
+        }, `${val}`);
+      } catch (err) {
+      }
+      return `${val}`;
+    };
+    return (_ctx, _cache) => {
+      return toDisplayString(transfer(_ctx.number));
+    };
+  }
+});
+const _hoisted_1$6 = {
+  class: "mr-[4px]",
+  style: { "width": "15px", "height": "15px" }
+};
+const _hoisted_2$5 = { class: "i-star-tag__text" };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    starInfo: { default: () => ({
+      starred: false,
+      starCount: 0
+    }) }
+  },
+  emits: ["report"],
+  setup(__props, { emit: __emit }) {
+    const API = headRequest(inject("request"));
+    const props = __props;
+    const emits = __emit;
+    const running = ref(false);
+    const starred = ref(props.starInfo.starred);
+    const starCount = ref(props.starInfo.starCount);
+    const starLoading = ref(false);
+    const handleStar = async (e) => {
+      e.preventDefault();
+      try {
+        if (starLoading.value)
+          return;
+        starLoading.value = true;
+        const params = { repoId: props.starInfo.id };
+        let res;
+        if (starred.value) {
+          res = await reqCatch(API.unstarRepo, params);
+        } else {
+          res = await reqCatch(API.starRepo, params);
+          running.value = true;
+        }
+        if (res && !(res == null ? void 0 : res.error)) {
+          starred.value = !starred.value;
+          starred.value ? starCount.value++ : starCount.value--;
+          starCount.value < 0 && (starCount.value = 0);
+          if (starred.value) {
+            emits("report");
+          }
+        }
+      } finally {
+        starLoading.value = false;
+      }
+    };
+    const animationend = () => {
+      setTimeout(() => {
+        running.value = false;
+      }, 100);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["i-star", {
+          "i-star__active": starred.value
+        }])
+      }, [
+        createElementVNode("span", {
+          class: normalizeClass(["i-star-tag hover:bg-[var(--theme-btn-default-hover)]", {
+            "i-star-tag__active": starred.value
+          }]),
+          onClick: withModifiers(handleStar, ["stop", "prevent"])
+        }, [
+          withDirectives(createElementVNode("div", {
+            class: "star",
+            onAnimationend: animationend
+          }, null, 544), [
+            [vShow, running.value]
+          ]),
+          createElementVNode("div", _hoisted_1$6, [
+            withDirectives(createVNode(Icon, {
+              size: "15",
+              name: starred.value ? "gt-a-star_open_16px1" : "gt-line-new-star",
+              style: {
+                transition: "all 0.2s"
+              }
+            }, null, 8, ["name"]), [
+              [vShow, !running.value]
+            ])
+          ]),
+          createElementVNode("span", _hoisted_2$5, [
+            createVNode(_sfc_main$8, {
+              number: Number(starCount.value || 0)
+            }, null, 8, ["number"])
+          ])
+        ], 2)
+      ], 2);
+    };
+  }
+});
+const index_vue_vue_type_style_index_0_scoped_6d9f98e2_lang = "";
+const StarTag = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-6d9f98e2"]]);
+const _hoisted_1$5 = { class: "fork-tag" };
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    count: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+        createVNode(Icon, {
+          class: "mr-[4px]",
+          name: "gt-line-fork",
+          color: "var(--theme-home-card-color-placeholder)",
+          size: "14"
+        }),
+        createElementVNode("span", null, [
+          createVNode(_sfc_main$8, {
+            number: _ctx.count || 0
+          }, null, 8, ["number"])
+        ])
+      ]);
+    };
+  }
+});
+const index_vue_vue_type_style_index_0_scoped_cb84d9d8_lang = "";
+const ForkTag = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-cb84d9d8"]]);
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    tagInfo: { default: [] },
+    type: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const isTag = computed(() => props.type === "tag");
+    const languageTag = props.tagInfo[0] || "";
+    const tagColor = props.tagInfo[1] || "#00ADD8";
+    computed(() => {
+      if (isTag.value) {
+        return {
+          background: tagColor,
+          opacity: 0.1
+        };
+      }
+      return {};
+    });
+    const tagFontColor = computed(() => {
+      if (isTag.value) {
+        return { color: tagColor };
+      }
+      return { color: "var(--theme-home-card-color-placeholder)" };
+    });
+    return (_ctx, _cache) => {
+      return unref(languageTag) ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        class: normalizeClass(["i-language-tag", { "text-tag": !isTag.value }]),
+        style: normalizeStyle(tagFontColor.value)
+      }, [
+        isTag.value ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          style: normalizeStyle({ background: unref(tagColor), opacity: 0.1 })
+        }, null, 4)) : createCommentVNode("", true),
+        createElementVNode("i", {
+          class: "mr-[4px]",
+          style: normalizeStyle({ background: unref(tagColor) })
+        }, null, 4),
+        createTextVNode(toDisplayString(unref(languageTag)), 1)
+      ], 6)) : createCommentVNode("", true);
+    };
+  }
+});
+const index_vue_vue_type_style_index_0_scoped_f41c9ade_lang = "";
+const LanguageTag = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-f41c9ade"]]);
+const _hoisted_1$4 = { class: "star-count-one" };
+const _hoisted_2$4 = { key: 0 };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...{ name: "star-count-one" },
+  __name: "index",
+  props: {
+    starCountOne: {},
+    hideText: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+        createVNode(Icon, {
+          name: "gt-line-new-star",
+          color: "var(--theme-home-card-color-placeholder)",
+          size: "14"
+        }),
+        !_ctx.hideText ? (openBlock(), createElementBlock("span", _hoisted_2$4, toDisplayString(_ctx.$t("components.repo.today")), 1)) : createCommentVNode("", true),
+        createVNode(_sfc_main$8, {
+          number: _ctx.starCountOne || 0
+        }, null, 8, ["number"])
+      ]);
+    };
+  }
+});
+const index_vue_vue_type_style_index_0_scoped_b13b2143_lang = "";
+const StarCountOne = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-b13b2143"]]);
+const _hoisted_1$3 = { class: "github-star-num" };
+const _hoisted_2$3 = { class: "leading-none" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...{ name: "GithubStarNum" },
+  __name: "index",
+  props: {
+    count: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+        createVNode(Icon, {
+          name: "gt-line-github",
+          color: "var(--theme-home-card-color-placeholder)",
+          size: "14"
+        }),
+        createElementVNode("span", _hoisted_2$3, [
+          _cache[0] || (_cache[0] = createTextVNode("Star ")),
+          createVNode(_sfc_main$8, {
+            number: _ctx.count || 0
+          }, null, 8, ["number"])
+        ])
+      ]);
+    };
+  }
+});
+const index_vue_vue_type_style_index_0_scoped_49819ac3_lang = "";
+const GithubStarNum = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-49819ac3"]]);
+const _hoisted_1$2 = { class: "repo-card-footer mt-[4px]" };
+const _hoisted_2$2 = {
+  key: 3,
+  class: "line-separator"
+};
+const _hoisted_3$2 = {
+  key: 4,
+  class: "repo-card-footer-timer"
+};
+const _hoisted_4$2 = ["onClick"];
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    repoInfo: {},
+    hideTopicTags: { type: Boolean },
+    tagInfo: {},
+    hideUpdateTime: { type: Boolean },
+    hideStarIncrease: { type: Boolean },
+    hideStarCount: { type: Boolean },
+    searchCard: { type: Boolean }
+  },
+  emits: ["topicClick"],
+  setup(__props, { emit: __emit }) {
+    const { formatTimeFromNow } = useTimeFormat();
+    const props = __props;
+    const emits = __emit;
+    const topicTagsRef = ref();
+    const topicNames = computed(() => {
+      var _a;
+      return ((_a = props.repoInfo.tags) == null ? void 0 : _a.filter((item) => item.type === TOPIC_TYPE.USER)) || [];
+    });
+    ref(topicNames.value);
+    const visibleCount = ref(0);
+    ref(false);
+    computed(() => {
+      return topicNames.value.length - visibleCount.value + 1;
+    });
+    const handleTopicClick = (topic) => {
+      emits("topicClick", topic);
+    };
+    onMounted(() => {
+    });
+    onUnmounted(() => {
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", null, [
+          createElementVNode("div", _hoisted_1$2, [
+            _ctx.tagInfo ? (openBlock(), createBlock(LanguageTag, {
+              key: 0,
+              "tag-info": _ctx.tagInfo
+            }, null, 8, ["tag-info"])) : createCommentVNode("", true),
+            !_ctx.hideStarCount ? (openBlock(), createBlock(StarCountOne, {
+              key: 1,
+              hideText: "",
+              starCountOne: _ctx.repoInfo.star_count
+            }, null, 8, ["starCountOne"])) : createCommentVNode("", true),
+            _ctx.repoInfo.forks_count ? (openBlock(), createBlock(ForkTag, {
+              key: 2,
+              count: _ctx.repoInfo.forks_count
+            }, null, 8, ["count"])) : createCommentVNode("", true),
+            !_ctx.hideUpdateTime ? (openBlock(), createElementBlock("div", _hoisted_2$2)) : createCommentVNode("", true),
+            !_ctx.hideUpdateTime ? (openBlock(), createElementBlock("div", _hoisted_3$2, toDisplayString(unref(formatTimeFromNow)((_ctx.searchCard ? _ctx.repoInfo.last_repository_updated_at : _ctx.repoInfo.last_activity_at) || _ctx.repoInfo.last_activity_at)), 1)) : createCommentVNode("", true),
+            !_ctx.hideStarIncrease && _ctx.repoInfo.star_count_one ? (openBlock(), createBlock(StarCountOne, {
+              key: 5,
+              starCountOne: _ctx.repoInfo.star_count_one
+            }, null, 8, ["starCountOne"])) : createCommentVNode("", true),
+            _ctx.repoInfo.show_recommend_icon ? (openBlock(), createBlock(GithubStarNum, {
+              key: 6,
+              count: _ctx.repoInfo.import_star_count
+            }, null, 8, ["count"])) : createCommentVNode("", true)
+          ])
+        ]),
+        !_ctx.hideTopicTags && topicNames.value.length && _ctx.searchCard ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "topic-tags",
+          ref_key: "topicTagsRef",
+          ref: topicTagsRef
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(topicNames.value, (topic) => {
+            return openBlock(), createElementBlock("div", {
+              class: "topic-tag",
+              key: topic.topic_id,
+              onClick: withModifiers(($event) => handleTopicClick(topic), ["stop"])
+            }, toDisplayString(topic.name), 9, _hoisted_4$2);
+          }), 128))
+        ], 512)) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+const index_vue_vue_type_style_index_0_scoped_145cdce2_lang = "";
+const RepoCardFooter = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-145cdce2"]]);
+const _hoisted_1$1 = ["innerHTML"];
+const _hoisted_2$1 = {
+  key: 0,
+  class: "is-recommend ml-[8px]"
+};
+const _hoisted_3$1 = ["innerHTML"];
+const _hoisted_4$1 = { key: 0 };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    info: {},
+    keyword: {},
+    cardType: {},
+    noborder: { type: Boolean },
+    hover: { type: Boolean },
+    hideTopicTags: { type: Boolean },
+    urlParams: {}
+  },
+  emits: ["report"],
+  setup(__props, { emit: __emit }) {
+    const API = headRequest(inject("request"));
+    const emits = __emit;
+    const router = useRouter();
+    const { widthType } = usePageResize();
+    const { t: $t } = i18n.global;
+    const handleClick = () => {
+      window.open(transWebUrl(props.info.web_url, props.urlParams), "_blank");
+      emits("report");
+      _frEventTrack(EVENT_NAME.CLICK_SEARCH_RESULT);
+    };
+    const handleStarReport = () => {
+      emits("report", "starReport");
+    };
+    const rowSpan = reactive({ xxl: 8, xl: 12, md: 12, lg: 24, sm: 24 });
+    const repoIcon = { repo: "gt-line-repositories", model: "gt-line-Models", dataset: "gt-line-Datasets" };
+    const props = __props;
+    const iconName = computed(() => {
+      var _a;
+      if ((_a = props.info) == null ? void 0 : _a.is_gh_mirrors) {
+        return "gt-line-github";
+      }
+      return repoIcon[props.cardType] || "gt-line-repositories";
+    });
+    const graphInfo = reactive({ commit_stat: null, trends: null });
+    const starInfo = computed(() => {
+      return { id: props.info.id, starred: props.info.starred, starCount: props.info.star_count };
+    });
+    const tagInfo = computed(() => {
+      return props.info.main_repository_language || [];
+    });
+    const handleTopicClick = (topic) => {
+      router.push({
+        path: "/search",
+        query: {
+          q: topic.name,
+          type: "tag"
+        }
+      });
+    };
+    const queryLoading = ref(true);
+    function handleQueryGraph() {
+      API.queryGraph({ repoId: props.info.id, p: 1 }).then((res) => {
+        var _a;
+        const { commit_stat = [], trends = {} } = ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.data) || {};
+        graphInfo.commit_stat = commit_stat;
+        graphInfo.trends = trends;
+      }).finally(() => {
+        queryLoading.value = false;
+      });
+    }
+    const preHandWord = () => {
+      var _a;
+      const { keyword, info } = props;
+      const {
+        name_with_namespace: nameWithSpace,
+        path_with_namespace: path,
+        import_url: importUrl,
+        is_gh_mirrors: isGhMirrors,
+        is_mirrors: isMirrors
+      } = info || {};
+      const isGitcodeRepo = REPO_TYPE.GITCODE === isMirrors;
+      const content = (!isGitcodeRepo ? extractRepoInfoWithURL(importUrl) : nameWithSpace) || nameWithSpace;
+      const contentArr = formatNameSpace(content);
+      const pathArr = ((_a = path == null ? void 0 : path.replace(/\s+/g, "")) == null ? void 0 : _a.split("/")) || [];
+      if (pathArr[0] === "gh_mirrors" && pathArr.length === 3 && contentArr.length === 3) {
+        contentArr.splice(1, 1);
+      }
+      return highlightWords(keyword, contentArr.join("/"), true);
+    };
+    onMounted(() => {
+      if (props.info.is_recommend && props.info.index === 0)
+        handleQueryGraph();
+    });
+    return (_ctx, _cache) => {
+      const _component_d_col = resolveComponent("d-col");
+      const _component_d_row = resolveComponent("d-row");
+      const _component_DSkeletonItem = resolveComponent("DSkeletonItem");
+      const _component_d_skeleton = resolveComponent("d-skeleton");
+      return openBlock(), createElementBlock("a", {
+        class: normalizeClass(["i-search-projects-card", { noborder: _ctx.noborder, "full-hover": _ctx.hover }]),
+        onClick: handleClick
+      }, [
+        createVNode(_component_d_row, { class: "i-search-projects-card-title mb-[8px]" }, {
+          default: withCtx(() => [
+            createVNode(_component_d_col, {
+              class: "ellipsis",
+              flex: "auto"
+            }, {
+              default: withCtx(() => [
+                createVNode(Icon, {
+                  class: normalizeClass(["mr-[8px]", { "align-middle": _ctx.info.is_gh_mirrors }]),
+                  name: iconName.value,
+                  color: "var(--theme-placeholder)"
+                }, null, 8, ["name", "class"]),
+                createElementVNode("span", {
+                  class: "repo-title",
+                  innerHTML: preHandWord()
+                }, null, 8, _hoisted_1$1),
+                _ctx.info.show_recommend_icon ? (openBlock(), createElementBlock("span", _hoisted_2$1, toDisplayString(unref($t)("search.recommendTag")), 1)) : createCommentVNode("", true)
+              ]),
+              _: 1
+            }),
+            createVNode(_component_d_col, { flex: "none" }, {
+              default: withCtx(() => [
+                createVNode(StarTag, {
+                  "star-info": starInfo.value,
+                  onReport: handleStarReport
+                }, null, 8, ["star-info"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        createElementVNode("div", {
+          innerHTML: unref(highlightWords)("", _ctx.info.description),
+          class: "i-search-projects-card-desc ellipsis"
+        }, null, 8, _hoisted_3$1),
+        _ctx.info.index === 0 && _ctx.info.is_recommend ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+          queryLoading.value ? (openBlock(), createBlock(_component_d_skeleton, { key: 0 }, {
+            placeholder: withCtx(() => [
+              createVNode(_component_d_row, {
+                gutter: 16,
+                wrap: true
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_d_col, {
+                    span: rowSpan[unref(widthType)]
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_DSkeletonItem, { class: "h-[110px] mt-[16px]" })
+                    ]),
+                    _: 1
+                  }, 8, ["span"]),
+                  createVNode(_component_d_col, {
+                    span: rowSpan[unref(widthType)]
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_DSkeletonItem, { class: "h-[110px] mt-[16px]" })
+                    ]),
+                    _: 1
+                  }, 8, ["span"]),
+                  createVNode(_component_d_col, {
+                    span: rowSpan[unref(widthType)]
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_DSkeletonItem, { class: "h-[110px] mt-[16px]" })
+                    ]),
+                    _: 1
+                  }, 8, ["span"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ])) : (openBlock(), createBlock(RepoCardFooter, {
+          key: 1,
+          hideTopicTags: _ctx.hideTopicTags,
+          hideStarCount: "",
+          tagInfo: tagInfo.value,
+          repoInfo: _ctx.info,
+          searchCard: "",
+          class: "i-search-projects-card-bottom mt-[8px]",
+          onTopicClick: handleTopicClick
+        }, null, 8, ["hideTopicTags", "tagInfo", "repoInfo"]))
+      ], 2);
+    };
+  }
+});
+const index_vue_vue_type_style_index_0_scoped_d350880d_lang = "";
+const SearchRepoCard = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-d350880d"]]);
+const _hoisted_1 = { class: "g-header-search-recommed" };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { class: "g-header-search-recommed-title" };
+const _hoisted_4 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SearchRecommed",
+  setup(__props) {
+    const API = headRequest(inject("request"));
+    const { triggerReport } = useReportRepo({ moduleName: REPO_MODULE.SEARCH_SUGGESTION_CARD }, API.viewReport);
+    const recommendRepoList = ref([]);
+    const handleReport = (repo, index, evt) => {
+      const params = evt === "starReport" ? {
+        module_name: REPO_MODULE.SEARCH_RECOMMEND_CARD,
+        repo_id: repo.id,
+        Project_card_star: "star",
+        repo_index: index
+      } : { module_name: REPO_MODULE.SEARCH_RECOMMEND_CARD, repo_id: repo.id, repo_index: index };
+      useReport(REPO_EVENT.CLICK, params, () => {
+      });
+    };
+    const getRecommendRepo = async () => {
+      var _a;
+      const channel_id = "67bc3f5f97a0293d6bfebd01";
+      const params = { channel_id, sub_channel_id: "", page: 1, per_page: 20, sort: "star_cnt_desc", repo_type: -1 };
+      const res = await API.openSourceProject(params);
+      const data = (((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.content) || []).filter((item) => item.source_type !== "github-trending").slice(0, 5);
+      data.forEach((item, index) => {
+        triggerReport("expo", { ...item, index });
+      });
+      recommendRepoList.value = data;
+    };
+    onMounted(() => {
+      console.log("onMounted");
+      getRecommendRepo();
+    });
+    return (_ctx, _cache) => {
+      const _component_DSkeletonItem = resolveComponent("DSkeletonItem");
+      const _component_d_col = resolveComponent("d-col");
+      const _component_d_row = resolveComponent("d-row");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        recommendRepoList.value.length ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, toDisplayString(_ctx.$t("search.trendingToday")), 1),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(recommendRepoList.value, (item, index) => {
+            return openBlock(), createBlock(SearchRepoCard, {
+              key: item.id,
+              class: "mb-[8px]",
+              info: { ...item, index },
+              keyword: "",
+              hover: "",
+              hideTopicTags: "",
+              onReport: (evt) => handleReport(item, index, evt),
+              cardType: "repo",
+              "url-params": { source_module: "today_trending" }
+            }, null, 8, ["info", "onReport"]);
+          }), 128))
+        ])) : (openBlock(), createElementBlock("div", _hoisted_4, [
+          (openBlock(), createElementBlock(Fragment, null, renderList(5, (item) => {
+            return createElementVNode("div", {
+              class: "pt-[8px] pb-[16px]",
+              key: item
+            }, [
+              createVNode(_component_d_row, {
+                align: "middle",
+                gutter: 16
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_d_col, { flex: "auto" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_DSkeletonItem, { style: { "width": "50%", "height": "20px" } })
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_d_col, { flex: "none" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_DSkeletonItem, { style: { "width": "40px", "height": "20px" } })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              createVNode(_component_d_row, {
+                class: "mt-[12px]",
+                align: "middle",
+                gutter: 16
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_d_col, { flex: "auto" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_DSkeletonItem, { style: { "width": "80%", "height": "20px" } })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              createVNode(_component_d_row, {
+                class: "mt-[12px]",
+                align: "middle",
+                gutter: 16
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_d_col, { flex: "none" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_DSkeletonItem, { style: { "width": "50px", "height": "20px", "border-radius": "20px" } })
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_d_col, { flex: "none" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_DSkeletonItem, { style: { "width": "60px", "height": "20px" } })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]);
+          }), 64))
+        ]))
+      ]);
+    };
+  }
+});
+const SearchRecommed_vue_vue_type_style_index_0_scoped_b0c9e3bd_lang = "";
+const SearchRecommed = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b0c9e3bd"]]);
+export {
+  SearchRecommed as default
+};