vue-layout-gitcode 1.5.71 → 1.5.72

package/{GloabarSearch-BVc018QM.js → GloabarSearch-BGHVFOpy.js}

@@ -1,8 +1,10 @@
 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, v as vElementExposure, b as REPO_EVENT, _ as _export_sfc, c as REPO_TYPE, e as extractRepoInfoWithURL } from "./index-Ba99LRw5.js";
-import { u as useReportRepo, S as SearchRepoCard, f as formatNameSpace } from "./index-Cqo1SLWx.js";
+import { h as headRequest, R as REPO_MODULE, a as i18n, G as GIcon, v as vElementExposure, b as REPO_EVENT, _ as _export_sfc, c as REPO_TYPE, e as extractRepoInfoWithURL } from "./index-B66_WJIL.js";
+import "lodash/debounce";
+import { u as useReportRepo, S as SearchRepoCard, f as formatNameSpace } from "./index-CN1Ye7W1.js";
+import "./transWebUrl-CdGkJDeO.js";
 import "vue-devui-lal/tooltip";
 import "vue-devui-lal/tooltip/style.css";
 import "vue-router";
@@ -85,7 +87,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SearchRepoCardList = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-gitcode-layout-lib"]]);
+const SearchRepoCardList = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-vue-layout-gitcode"]]);
 const _hoisted_1 = {
   key: 0,
   class: "px-[8px] history-list-project pl-[8px]"

package/MenuItem-DgySN0tc.js

@@ -0,0 +1,156 @@
+import { defineComponent, inject, useSlots, ref, computed, createBlock, openBlock, unref, withCtx, createElementVNode, normalizeClass, createElementBlock, createTextVNode, createCommentVNode, toDisplayString, renderSlot } from "vue";
+import { q as useLayoutConfig, w as ThemeType, x as currentTheme, g as LANG_ZH, y as LANG_EN, z as getLocaleLang, G as GIcon, A as emitEvent, B as isHttps, b as REPO_EVENT, _ as _export_sfc } from "./index-B66_WJIL.js";
+import { useRouter } from "vue-router";
+import { Popover } from "vue-devui-lal/popover";
+import "vue-devui-lal/popover/style.css";
+const _hoisted_1 = ["src"];
+const _hoisted_2 = { class: "relative" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MenuItem",
+  props: {
+    item: {
+      type: Object,
+      default: () => {
+      }
+    },
+    active: {
+      type: Boolean,
+      default: false
+    },
+    isLogin: {
+      type: Boolean,
+      default: false
+    },
+    slotKeys: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(__props) {
+    const layoutConfig = useLayoutConfig();
+    const asideSetShow = inject("asideSetShow");
+    const slots = useSlots();
+    const useReport = inject("useReport");
+    const independence = inject("independence");
+    const router = useRouter();
+    const props = __props;
+    const isHover = ref(false);
+    const isSelected = computed(() => {
+      return props.active || isHover.value;
+    });
+    const currentImg = computed(() => {
+      const imgMap = {
+        [ThemeType.WHITE]: {
+          selected: props.item.left_menu_logo_hover,
+          unselected: props.item.left_menu_logo
+        },
+        [ThemeType.BLACK]: {
+          selected: props.item.left_menu_logo_hover_black,
+          unselected: props.item.left_menu_logo_black
+        }
+      };
+      if (isSelected.value) {
+        return imgMap[currentTheme.value].selected;
+      } else {
+        return imgMap[currentTheme.value].unselected;
+      }
+    });
+    const currentName = computed(() => {
+      const nameMap = {
+        [LANG_EN]: props.item.left_menu_name_en,
+        [LANG_ZH]: props.item.left_menu_name_cn
+      };
+      return nameMap[getLocaleLang()] || props.item.left_menu_name_cn;
+    });
+    const isShowPopover = computed(() => {
+      return props.item.is_show_popup && props.slotKeys.includes(props.item.popup_key) && slots[props.item.popup_key] && asideSetShow.value;
+    });
+    const handleMouseEnter = () => {
+      isHover.value = true;
+    };
+    const handleMouseLeave = () => {
+      isHover.value = false;
+    };
+    const clickMenuReport = () => {
+      if (!useReport) {
+        return;
+      }
+      const reportName = props.item.left_menu_name_cn;
+      if (reportName) {
+        useReport(REPO_EVENT.CLICK, { module_name: `侧边栏_${reportName}` });
+      }
+    };
+    const handleMenuClick = () => {
+      const currentHref = window.location.href;
+      if (props.item.left_menu_url === currentHref) {
+        return;
+      }
+      if (props.item.is_need_login && !props.isLogin) {
+        emitEvent("login", { loginTriggerSource: `aside_${props.item.left_menu_url}` });
+        return;
+      }
+      if (props.item.is_open_new_tab) {
+        window.open(props.item.left_menu_url, "_blank");
+      } else if (isHttps(props.item.left_menu_url)) {
+        window.open(props.item.left_menu_url, "_self");
+      } else {
+        if (independence) {
+          window.open(layoutConfig.VITE_HOST + props.item.left_menu_url, "_self");
+          return;
+        }
+        router.push({
+          path: props.item.left_menu_url
+        });
+      }
+      clickMenuReport();
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Popover), {
+        class: "menu-item-popover",
+        trigger: "hover",
+        position: ["right-start"],
+        disabled: !isShowPopover.value
+      }, {
+        content: withCtx(() => [
+          renderSlot(_ctx.$slots, __props.item.popup_key, {}, void 0, true)
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(["menu-item", { "menu-item__selected": isSelected.value }]),
+            onMouseenter: handleMouseEnter,
+            onMouseleave: handleMouseLeave,
+            onClick: handleMenuClick
+          }, [
+            props.item.isIcon ? (openBlock(), createBlock(GIcon, {
+              key: 0,
+              name: currentImg.value,
+              class: "default-icon",
+              size: "16",
+              color: "var(--theme-menu-icon-fill)"
+            }, null, 8, ["name"])) : (openBlock(), createElementBlock("img", {
+              key: 1,
+              class: "menu-item__icon",
+              src: currentImg.value,
+              alt: ""
+            }, null, 8, _hoisted_1)),
+            createElementVNode("span", _hoisted_2, [
+              createTextVNode(toDisplayString(currentName.value) + " ", 1),
+              isShowPopover.value ? (openBlock(), createBlock(GIcon, {
+                key: 0,
+                class: "side-bar-icon",
+                size: "12",
+                name: "gt-line-right-tianqi",
+                color: "var(--theme-text)"
+              })) : createCommentVNode("", true)
+            ])
+          ], 34)
+        ]),
+        _: 3
+      }, 8, ["disabled"]);
+    };
+  }
+});
+const MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-vue-layout-gitcode"]]);
+export {
+  MenuItem as default
+};

package/ProjectMenuList-poL8mpQl.js

@@ -0,0 +1,402 @@
+import { defineComponent, inject, ref, reactive, watch, computed, createElementBlock, openBlock, createCommentVNode, createBlock, withDirectives, Fragment, createElementVNode, createVNode, toDisplayString, unref, withModifiers, normalizeClass, withCtx, renderList, createTextVNode, vShow } from "vue";
+import { a as i18n, q as useLayoutConfig, G as GIcon, C as _sfc_main$1, D as loadAsideData, A as emitEvent, s as setLoginTriggerSource, d as useRequestReport, F as asideRequest, _ as _export_sfc } from "./index-B66_WJIL.js";
+import { useRouter } from "vue-router";
+import { t as transWebUrl } from "./transWebUrl-CdGkJDeO.js";
+import { Select, Option } from "vue-devui-lal/select";
+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/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/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: "devui-submenu-title layer_2",
+  style: { "padding": "0px 24px" }
+};
+const _hoisted_5 = { class: "devui-submenu-title-content cursor-auto" };
+const _hoisted_6 = { key: 0 };
+const _hoisted_7 = { class: "project-label" };
+const _hoisted_8 = { class: "project-label flex-1 min-w-0 ellipsis" };
+const _hoisted_9 = {
+  key: 1,
+  class: "project-label"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ProjectMenuList",
+  props: {
+    type: { default: "project" },
+    buttonText: { default: "" },
+    subShow: { type: Boolean, default: false },
+    query: { default: {} },
+    defaultData: { default: {} },
+    isLogin: { type: Boolean, default: false },
+    defaultOrg: { default: {} },
+    username: { default: "" }
+  },
+  setup(__props) {
+    const { t } = i18n.global;
+    const request = inject("request");
+    const API = asideRequest(request);
+    const globalStore = inject("globalStore");
+    const { useReport } = useRequestReport(request, globalStore);
+    const layoutConfig = useLayoutConfig();
+    const props = __props;
+    const projectList = ref([]);
+    const loading = ref(false);
+    const pageQuery = reactive({
+      page: 1,
+      size: 10
+    });
+    const firstLoading = ref(false);
+    const showSearch = ref(false);
+    const extendQuery = {};
+    const searchKey = ref("");
+    const nameSpace = ref(0);
+    let storeData = [];
+    const totalNum = ref(0);
+    const router = useRouter();
+    const inputIng = ref(false);
+    const projectRoute = {
+      name: "newRepo",
+      query: { position: "nav_top" }
+    };
+    const teamRoute = {
+      name: "newOrg"
+    };
+    let scTimer = null;
+    let loadMoreTotal = 0;
+    watch(
+      () => props.defaultData,
+      () => {
+        firstLoading.value = !!props.defaultData.loading;
+        if (props.defaultData && props.defaultData.list) {
+          projectList.value = [...props.defaultData.list];
+          if (props.defaultData.storeData) {
+            storeData = [...props.defaultData.storeData];
+          }
+          totalNum.value = props.defaultData.totalNum || 0;
+        }
+      },
+      { immediate: true, deep: true }
+    );
+    const customRequest = (params, type) => {
+      if (type === "project" && params.namespace_id === "my-repo") {
+        const temp = { ...params };
+        delete temp.namespace_id;
+        return {
+          params: {
+            ...temp,
+            repo_query_type: "created",
+            repo_type: "0,1,2"
+          },
+          requestFn: (params2) => API.getMyCreatedProjects(params2)
+        };
+      }
+      return {
+        params,
+        requestFn: type === "project" ? (params2) => API.getMyProjects(params2) : (params2) => API.getMyGroups(params2)
+      };
+    };
+    const loadMoreData = (loadType) => {
+      const data = [...storeData];
+      if (totalNum.value > pageQuery.size * pageQuery.page || loadType === "search") {
+        pageQuery.page = pageQuery.page + 1;
+        loading.value = true;
+        const params = {
+          page: pageQuery.page,
+          per_page: pageQuery.size,
+          ...props.query,
+          ...extendQuery
+        };
+        const { params: newParams, requestFn } = customRequest(params, props.type);
+        loadAsideData(requestFn, newParams, props.type).then(
+          (res) => {
+            if (params.search !== searchKey.value && loadType === "search") {
+              return;
+            }
+            if (res.list) {
+              data.push(...res.list);
+            }
+            if (loadType === "search" && res.storeData) {
+              storeData = [...res.storeData];
+            }
+            totalNum.value = res.totalNum || 0;
+            projectList.value.push(...data);
+            loading.value = false;
+          }
+        );
+      } else {
+        projectList.value.push(...data);
+      }
+      storeData = [];
+    };
+    const selectQuery = {
+      page: 1,
+      size: 10
+    };
+    const moreOrgData = ref([]);
+    const DEFAULT_ORG_FILTER_OPTIONS = [{ id: 0, label: t("gitCodeLayout.common.all") }, { id: "my-repo", label: props.username || t("gitCodeLayout.common.iCreated") }];
+    const teamList = computed(() => {
+      var _a;
+      if (props.defaultOrg.list) {
+        loadMoreTotal = props.defaultOrg.totalNum;
+        const propStoreData = ((_a = props.defaultOrg) == null ? void 0 : _a.storeData) || [];
+        return [...DEFAULT_ORG_FILTER_OPTIONS, ...props.defaultOrg.list, ...propStoreData, ...moreOrgData.value];
+      }
+      return [...DEFAULT_ORG_FILTER_OPTIONS, ...moreOrgData.value];
+    });
+    const fastToLink = (type) => {
+      if (type === "project") {
+        router.push({ name: "userRepos", params: { namespace: props.username } });
+      } else {
+        router.push({ name: "settingOrganization" });
+      }
+    };
+    const loadMoreTeams = () => {
+      loadAsideData(
+        (params) => API.getMyProjects(params),
+        {
+          page: selectQuery.page,
+          per_page: selectQuery.size
+        },
+        "team"
+      ).then((res) => {
+        loadMoreTotal = res.totalNum || 0;
+        if (res.list) {
+          moreOrgData.value.push(...res.list, ...res.storeData || []);
+        }
+      });
+    };
+    const loadTeam = () => {
+      if (loadMoreTotal > selectQuery.size * selectQuery.page) {
+        selectQuery.page++;
+        loadMoreTeams();
+      }
+    };
+    const searchProject = () => {
+      extendQuery.search = searchKey.value;
+      extendQuery.namespace_id = nameSpace.value !== 0 ? nameSpace.value : void 0;
+      pageQuery.page = 0;
+      projectList.value = [];
+      storeData = [];
+      loadMoreData("search");
+    };
+    const searchTeam = () => {
+      extendQuery.search = searchKey.value;
+      pageQuery.page = 0;
+      projectList.value = [];
+      storeData = [];
+      loadMoreData("search");
+    };
+    const valChange = () => {
+      if (inputIng.value) {
+        return;
+      }
+      if (scTimer) clearTimeout(scTimer);
+      scTimer = setTimeout(() => {
+        if (props.type === "project") {
+          searchProject();
+        } else {
+          searchTeam();
+        }
+      }, 200);
+    };
+    const handleOpenSearch = () => {
+      if (!props.isLogin) {
+        emitEvent("login", { loginTriggerSource: "org_search" });
+        return;
+      }
+      showSearch.value = !showSearch.value;
+    };
+    const createRepoOrOrg = () => {
+      if (!props.isLogin) {
+        setLoginTriggerSource(props.type === "project" ? "aside_createRepo" : "aside_createOrg");
+        useReport("login_exposure", { source: props.type === "project" ? "aside_createRepo" : "aside_createOrg" });
+      }
+      const targetRoute = props.type === "project" ? projectRoute : teamRoute;
+      if (router.hasRoute(targetRoute.name)) {
+        router.push(targetRoute);
+      } else {
+        window.location.href = `${layoutConfig.VITE_HOST}/${props.type !== "project" ? "org/" : ""}create?position=nav_top`;
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("ul", _hoisted_1, [
+        _ctx.type === "project" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          createElementVNode("div", _hoisted_2, [
+            _cache[12] || (_cache[12] = 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("project"))
+              }, 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[6] || (_cache[6] = withModifiers(() => {
+            }, ["stop"]))
+          }, [
+            createVNode(unref(Select), {
+              "menu-class": "my-work-platform-select",
+              modelValue: nameSpace.value,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => nameSpace.value = $event),
+              class: "mb-[8px]",
+              placeholder: "",
+              filter: true,
+              onLoadMore: loadTeam,
+              onValueChange: searchProject
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(teamList.value, (item, index) => {
+                  return openBlock(), createBlock(unref(Option), {
+                    key: index,
+                    value: item.id,
+                    name: item.label,
+                    title: item.label
+                  }, null, 8, ["value", "name", "title"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            createVNode(unref(Input), {
+              modelValue: searchKey.value,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => searchKey.value = $event),
+              placeholder: unref(t)("gitCodeLayout.common.search"),
+              onInput: valChange,
+              onCompositionstart: _cache[4] || (_cache[4] = ($event) => inputIng.value = true),
+              onCompositionend: _cache[5] || (_cache[5] = ($event) => inputIng.value = false)
+            }, {
+              prefix: withCtx(() => [
+                createVNode(GIcon, {
+                  name: "gt-search",
+                  color: "var(--theme-menu-icon-fill)"
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue", "placeholder"])
+          ], 2)
+        ], 64)) : createCommentVNode("", true),
+        _ctx.type === "team" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createElementVNode("div", _hoisted_4, [
+            _cache[13] || (_cache[13] = createElementVNode("span", { class: "devui-menu-icon" }, null, -1)),
+            createElementVNode("span", _hoisted_5, [
+              createElementVNode("div", {
+                class: "fast-click-button",
+                onClick: _cache[7] || (_cache[7] = ($event) => fastToLink("team"))
+              }, toDisplayString(unref(t)("gitCodeLayout.common.organize")), 1)
+            ])
+          ]),
+          createVNode(GIcon, {
+            class: "my-work-platform-searchicon",
+            name: "gt-search",
+            onClick: withModifiers(handleOpenSearch, ["stop"]),
+            color: "var(--theme-menu-icon-fill)"
+          }),
+          createElementVNode("div", {
+            class: normalizeClass(["flex flex-col pl-[0] my-work-platform-inputbox", showSearch.value ? "" : "my-work-platform-hideInputBox"]),
+            onClick: _cache[11] || (_cache[11] = withModifiers(() => {
+            }, ["stop"]))
+          }, [
+            createVNode(unref(Input), {
+              modelValue: searchKey.value,
+              "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => searchKey.value = $event),
+              placeholder: unref(t)("gitCodeLayout.common.search"),
+              onInput: valChange,
+              onCompositionstart: _cache[9] || (_cache[9] = ($event) => inputIng.value = true),
+              onCompositionend: _cache[10] || (_cache[10] = ($event) => inputIng.value = false)
+            }, {
+              prefix: withCtx(() => [
+                createVNode(GIcon, {
+                  name: "gt-search",
+                  color: "var(--theme-menu-icon-fill)"
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue", "placeholder"])
+          ], 2)
+        ], 64)) : createCommentVNode("", true),
+        firstLoading.value ? (openBlock(), createBlock(unref(Skeleton), {
+          key: 2,
+          rows: 1
+        })) : 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: _ctx.type === "project" ? `${item.namespace}/${item.label}` : item.label
+          }, {
+            icon: withCtx(() => [
+              _ctx.type === "project" ? (openBlock(), createBlock(GIcon, {
+                key: 0,
+                name: "gt-line-project",
+                color: "var(--theme-menu-icon-fill)",
+                size: "16"
+              })) : (openBlock(), createBlock(_sfc_main$1, {
+                key: 1,
+                src: item.avatar,
+                name: item.key,
+                width: 16,
+                height: 16,
+                class: normalizeClass(!item.avatar ? "avatar" : "avatar1")
+              }, null, 8, ["src", "name", "class"]))
+            ]),
+            default: withCtx(() => [
+              _ctx.type === "project" ? (openBlock(), createElementBlock("span", _hoisted_6, [
+                createElementVNode("span", _hoisted_7, toDisplayString((item.namespace || "").slice(0, 10)) + toDisplayString((item.namespace || "").length > 10 ? "..." : ""), 1),
+                createElementVNode("span", _hoisted_8, "/" + toDisplayString(item.label), 1)
+              ])) : (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(item.label), 1))
+            ]),
+            _: 2
+          }, 1032, ["data-href", "title"]);
+        }), 128)),
+        !totalNum.value && !firstLoading.value ? (openBlock(), createBlock(unref(Button), {
+          key: 3,
+          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: loading.value,
+          disabled: loading.value
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("gitCodeLayout.org.expand_more")), 1)
+          ]),
+          _: 1
+        }, 8, ["loading", "disabled"]), [
+          [vShow, (totalNum.value > pageQuery.size * pageQuery.page || unref(storeData).length) && props.subShow]
+        ])
+      ]);
+    };
+  }
+});
+const ProjectMenuList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-vue-layout-gitcode"]]);
+export {
+  ProjectMenuList as default
+};