vue-layout-gitcode 1.5.40 → 1.5.41

package/ProjectMenuListV2-jgMBlbf8.js

@@ -0,0 +1,209 @@
+import { defineComponent, inject, ref, reactive, computed, watch, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, createCommentVNode, withDirectives, toDisplayString, unref, withModifiers, normalizeClass, withCtx, Fragment, renderList, createTextVNode, vShow } from "vue";
+import { a as i18n, G as GIcon, s as setLoginTriggerSource, d as useRequestReport, _ as _export_sfc } from "./index-B0UuQjML.js";
+import { useRouter } from "vue-router";
+import { t as transWebUrl } from "./transWebUrl-C4ZsGLzN.js";
+import { Input } from "vue-devui-lal/input";
+import { Skeleton } from "vue-devui-lal/skeleton";
+import { MenuItem } from "vue-devui-lal/menu";
+import { Button } from "vue-devui-lal/button";
+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/button/style.css";
+const _hoisted_1 = { class: "devui-submenu layer_2 my-work-platform submenu-item relative" };
+const _hoisted_2 = {
+  class: "devui-submenu-title layer_2",
+  style: { "padding": "0px 24px" }
+};
+const _hoisted_3 = { class: "devui-submenu-title-content cursor-auto" };
+const _hoisted_4 = { class: "project-label" };
+const _hoisted_5 = { class: "project-label flex-1 min-w-0 ellipsis" };
+const INIT_SHOW_COUNT = 4;
+const LOAD_MORE_COUNT = 10;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ProjectMenuListV2",
+  props: {
+    buttonText: { default: "" },
+    subShow: { type: Boolean, default: false },
+    defaultData: {},
+    isLogin: { type: Boolean, default: false },
+    username: { default: "" }
+  },
+  setup(__props) {
+    const { t } = i18n.global;
+    const request = inject("request");
+    const globalStore = inject("globalStore");
+    const { useReport } = useRequestReport(request, globalStore);
+    const props = __props;
+    const btnLoading = ref(false);
+    const pageQuery = reactive({
+      size: INIT_SHOW_COUNT
+    });
+    const firstLoading = ref(false);
+    const showSearch = ref(false);
+    const searchKey = ref("");
+    const totalNum = ref(0);
+    const inputIng = ref(false);
+    const originList = ref([]);
+    const filteredList = computed(() => {
+      if (!searchKey.value) return originList.value;
+      const key = searchKey.value.toLowerCase();
+      return originList.value.filter((item) => {
+        return item.label && item.label.toLowerCase().includes(key) || item.namespace && item.namespace.toLowerCase().includes(key);
+      });
+    });
+    const projectList = computed(() => {
+      return filteredList.value.slice(0, pageQuery.size);
+    });
+    watch(
+      () => props.defaultData,
+      () => {
+        firstLoading.value = !!props.defaultData.loading;
+        if (props.defaultData && props.defaultData.list) {
+          originList.value = [...props.defaultData.list];
+          totalNum.value = props.defaultData.totalNum || 0;
+          pageQuery.size = INIT_SHOW_COUNT;
+          searchKey.value = "";
+        }
+      },
+      { immediate: true, deep: true }
+    );
+    watch(
+      searchKey,
+      () => {
+        if (inputIng.value) return;
+        pageQuery.size = INIT_SHOW_COUNT;
+      },
+      { flush: "post" }
+    );
+    const showExpandMore = computed(() => {
+      return filteredList.value.length > pageQuery.size;
+    });
+    const loadMoreData = () => {
+      btnLoading.value = true;
+      setTimeout(() => {
+        const remain = filteredList.value.length - pageQuery.size;
+        if (remain > 0) {
+          if (pageQuery.size === INIT_SHOW_COUNT) {
+            const target = LOAD_MORE_COUNT * 2;
+            pageQuery.size = Math.min(target, filteredList.value.length);
+          } else {
+            pageQuery.size = Math.min(pageQuery.size + LOAD_MORE_COUNT, filteredList.value.length);
+          }
+        }
+        btnLoading.value = false;
+      }, 200);
+    };
+    const router = useRouter();
+    const fastToLink = () => {
+      router.push({ name: "userRepos", params: { namespace: props.username } });
+    };
+    const createRepoOrOrg = () => {
+      if (!props.isLogin) {
+        setLoginTriggerSource("aside_createRepo");
+        useReport("login_exposure", { source: "aside_createRepo" });
+      }
+      router.push({
+        name: "newRepo",
+        query: { position: "nav_top" }
+      });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("ul", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          _cache[6] || (_cache[6] = createElementVNode("span", { class: "devui-menu-icon" }, null, -1)),
+          createElementVNode("span", _hoisted_3, [
+            createElementVNode("div", {
+              class: "fast-click-button",
+              onClick: _cache[0] || (_cache[0] = ($event) => fastToLink())
+            }, toDisplayString(unref(t)("gitCodeLayout.org.project")), 1)
+          ])
+        ]),
+        createVNode(GIcon, {
+          class: "my-work-platform-searchicon",
+          color: "var(--theme-menu-icon-fill)",
+          name: "gt-search",
+          onClick: _cache[1] || (_cache[1] = withModifiers(($event) => showSearch.value = !showSearch.value, ["stop"]))
+        }),
+        createElementVNode("div", {
+          class: normalizeClass(["flex flex-col pl-[0] my-work-platform-inputbox", showSearch.value ? "" : "my-work-platform-hideInputBox"]),
+          onClick: _cache[5] || (_cache[5] = withModifiers(() => {
+          }, ["stop"]))
+        }, [
+          createVNode(unref(Input), {
+            modelValue: searchKey.value,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => searchKey.value = $event),
+            placeholder: unref(t)("gitCodeLayout.common.search"),
+            onCompositionstart: _cache[3] || (_cache[3] = ($event) => inputIng.value = true),
+            onCompositionend: _cache[4] || (_cache[4] = ($event) => inputIng.value = false)
+          }, {
+            prefix: withCtx(() => [
+              createVNode(GIcon, {
+                name: "gt-search",
+                color: "var(--theme-menu-icon-fill)"
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue", "placeholder"])
+        ], 2),
+        firstLoading.value ? (openBlock(), createBlock(unref(Skeleton), {
+          key: 0,
+          rows: 4
+        })) : createCommentVNode("", true),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(projectList.value, (item) => {
+          return openBlock(), createBlock(unref(MenuItem), {
+            key: item.key,
+            "data-openBlank": true,
+            "data-href": unref(transWebUrl)(item.web_url),
+            class: "text",
+            title: `${item.namespace}/${item.label}`
+          }, {
+            icon: withCtx(() => [
+              createVNode(GIcon, {
+                name: "gt-line-project",
+                color: "var(--theme-menu-icon-fill)",
+                size: "16"
+              })
+            ]),
+            default: withCtx(() => [
+              createElementVNode("span", null, [
+                createElementVNode("span", _hoisted_4, toDisplayString((item.namespace || "").slice(0, 10)) + toDisplayString((item.namespace || "").length > 10 ? "..." : ""), 1),
+                createElementVNode("span", _hoisted_5, "/" + toDisplayString(item.label), 1)
+              ])
+            ]),
+            _: 2
+          }, 1032, ["data-href", "title"]);
+        }), 128)),
+        !totalNum.value && !firstLoading.value ? (openBlock(), createBlock(unref(Button), {
+          key: 1,
+          variant: "text",
+          class: "more-btn",
+          onClick: withModifiers(createRepoOrOrg, ["stop"])
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.buttonText), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        withDirectives(createVNode(unref(Button), {
+          variant: "text",
+          class: "more-btn",
+          onClick: withModifiers(loadMoreData, ["stop"]),
+          loading: btnLoading.value,
+          disabled: btnLoading.value
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("gitCodeLayout.org.expand_more")), 1)
+          ]),
+          _: 1
+        }, 8, ["loading", "disabled"]), [
+          [vShow, showExpandMore.value && props.subShow]
+        ])
+      ]);
+    };
+  }
+});
+const ProjectMenuListV2 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-gitcode-layout-lib"]]);
+export {
+  ProjectMenuListV2 as default
+};

package/{ProjectSearch-Dk7fNm1o.js → ProjectSearch-uKBHewSu.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-B811122P.js";
+import { a as i18n, h as headRequest, G as GIcon, r as reqCatch } from "./index-B0UuQjML.js";
 import { useRoute, useRouter } from "vue-router";
 import "vue-devui-lal/icon";
 import "vue-devui-lal/icon/style.css";

package/{SearchHistoryList-CMwsyUtO.js → SearchHistoryList-OoymGUmE.js}

@@ -1,13 +1,15 @@
 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-B811122P.js";
+import { a as i18n, G as GIcon, _ as _export_sfc } from "./index-B0UuQjML.js";
 import "vue-devui-lal/icon";
 import "vue-devui-lal/icon/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_3 = { class: "history-list-box__content flex items-center justify-between w-full" };
+const _hoisted_4 = { class: "flex items-center" };
 const _hoisted_5 = ["title"];
-const _hoisted_6 = { class: "item-tx" };
+const _hoisted_6 = ["title"];
+const _hoisted_7 = { class: "item-tx" };
+const _hoisted_8 = { class: "flex items-center gap-[8px]" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SearchHistoryList",
   props: {
@@ -28,6 +30,56 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { t } = i18n.global;
     const props = __props;
     const emits = __emit;
+    const getRepoType = (item) => {
+      const typeMap = {
+        repo: {
+          text: t("gitCodeLayout.header.repo"),
+          icon: "gt-plane-project",
+          hoverIcon: "gt-plane-project-red"
+        },
+        model: {
+          text: t("gitCodeLayout.aihub.model"),
+          icon: "gt-plane-Models",
+          hoverIcon: "gt-plane-Models-red"
+        },
+        dataset: {
+          text: t("gitCodeLayout.aihub.dataSet"),
+          icon: "gt-plane-Datasets",
+          hoverIcon: "gt-plane-Datasets-red"
+        },
+        issue: {
+          text: "Issues",
+          icon: "gt-plane-issues",
+          hoverIcon: "gt-plane-issues-red"
+        },
+        pullrequest: {
+          text: "Pull requests",
+          icon: "gt-plane-pullRequest",
+          hoverIcon: "gt-plane-pullRequest-red"
+        },
+        group: {
+          text: t("gitCodeLayout.header.org"),
+          icon: "gt-plane-users",
+          hoverIcon: "gt-plane-users-red"
+        },
+        user: {
+          text: t("gitCodeLayout.header.user"),
+          icon: "gt-plane-user",
+          hoverIcon: "gt-plane-user-red"
+        },
+        tag: {
+          text: t("gitCodeLayout.header.tags"),
+          icon: "gt-plane-topics",
+          hoverIcon: "gt-plane-topics-red"
+        },
+        topic: {
+          text: t("gitCodeLayout.header.topic"),
+          icon: "gt-plane-topic",
+          hoverIcon: "gt-plane-topic-red"
+        }
+      };
+      return typeMap[item.type] || typeMap["repo"];
+    };
     const historyList = computed(() => {
       var _a;
       return (_a = props.searchHistoryList) == null ? void 0 : _a.map((item) => {
@@ -66,20 +118,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onMouseenter: ($event) => onSearchEnter(index)
             }, [
               createElementVNode("div", _hoisted_3, [
-                createVNode(GIcon, {
-                  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)
+                createElementVNode("div", _hoisted_4, [
+                  createVNode(GIcon, {
+                    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_5),
+                  createElementVNode("span", {
+                    class: "whitespace-nowrap overflow-hidden text-ellipsis",
+                    title: item.namespaceTitle
+                  }, toDisplayString(item.namespaceTitle), 9, _hoisted_6),
+                  createElementVNode("span", _hoisted_7, toDisplayString(item.q || item), 1)
+                ]),
+                createElementVNode("div", _hoisted_8, [
+                  createVNode(GIcon, {
+                    name: _ctx.activeIndex === index ? getRepoType(item).hoverIcon : getRepoType(item).icon
+                  }, null, 8, ["name"]),
+                  createElementVNode("span", {
+                    class: normalizeClass(_ctx.activeIndex === index ? "text-[var(--theme-text)]" : "text-[var(--theme-placeholder)]")
+                  }, toDisplayString(getRepoType(item).text), 3)
+                ])
               ]),
               createVNode(GIcon, {
                 name: "gt-line-close",

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

package/{SearchRecommed-CC4IKY86.js → SearchRecommed-CsB3ABLV.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-CRLLxvwN.js";
-import { a as i18n, h as headRequest, R as REPO_MODULE, b as REPO_EVENT, l as localStorage, _ as _export_sfc } from "./index-B811122P.js";
+import { u as useReportRepo, S as SearchRepoCard } from "./index-CJ6wg13B.js";
+import { a as i18n, h as headRequest, R as REPO_MODULE, b as REPO_EVENT, l as localStorage, _ as _export_sfc } from "./index-B0UuQjML.js";
 import { Row, Col } from "vue-devui-lal/grid";
 import { SkeletonItem } from "vue-devui-lal/skeleton";
 import "vue-devui-lal/grid/style.css";
@@ -64,9 +64,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               hover: "",
               hideTopicTags: "",
               onReport: (evt) => handleReport(item, index, evt),
-              cardType: "repo",
+              cardType: (item == null ? void 0 : item.repo_type) || "repo",
               "url-params": { source_module: "today_trending" }
-            }, null, 8, ["info", "onReport"]);
+            }, null, 8, ["info", "onReport", "cardType"]);
           }), 128))
         ])) : (openBlock(), createElementBlock("div", _hoisted_4, [
           (openBlock(), createElementBlock(Fragment, null, renderList(5, (item) => {

package/{SearchScopeList-CchityQU.js → SearchScopeList-hV2eEbg3.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-B811122P.js";
+import { a as i18n, G as GIcon, _ as _export_sfc } from "./index-B0UuQjML.js";
 import "vue-devui-lal/icon";
 import "vue-devui-lal/icon/style.css";
 const _hoisted_1 = ["onClick"];

package/{UserSearch-BQPcYFsF.js → UserSearch-BeOxRcVD.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-B811122P.js";
+import { a as i18n, h as headRequest, G as GIcon } from "./index-B0UuQjML.js";
 import "vue-devui-lal/icon";
 import "vue-devui-lal/icon/style.css";
 const _hoisted_1 = { class: "px-[8px] history-list-project pl-[8px]" };