baai-components 1.0.0

package/dist/index.esm.js

@@ -0,0 +1,934 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString, renderSlot, createTextVNode, createCommentVNode, computed, normalizeClass, inject, ref, resolveComponent, createBlock, withCtx, createVNode, unref, provide, watch, onMounted, onUnmounted, nextTick } from "vue";
+import { useRouter } from "vue-router";
+import { ElMessage } from "element-plus";
+import throttle from "lodash/throttle";
+const _sfc_main$7 = defineComponent({
+  name: "MyTable",
+  props: {
+    columns: {
+      type: Array,
+      required: true
+    },
+    data: {
+      type: Array,
+      default: () => []
+    },
+    rowKey: {
+      type: String,
+      default: ""
+    }
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1$6 = { class: "w-full overflow-auto" };
+const _hoisted_2$4 = { class: "w-full border-collapse table-fixed" };
+const _hoisted_3$1 = { key: 0 };
+const _hoisted_4$1 = ["colspan"];
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$6, [
+    createElementVNode("table", _hoisted_2$4, [
+      createElementVNode("thead", null, [
+        createElementVNode("tr", null, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (column) => {
+            return openBlock(), createElementBlock("th", {
+              key: column.key,
+              style: normalizeStyle({ width: column.width }),
+              class: "p-3 text-left bg-gray-100 text-gray-700 font-medium text-sm border-b border-gray-200"
+            }, toDisplayString(column.title), 5);
+          }), 128))
+        ])
+      ]),
+      createElementVNode("tbody", null, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (row, rowIndex) => {
+          return openBlock(), createElementBlock("tr", {
+            key: _ctx.rowKey ? row[_ctx.rowKey] : rowIndex,
+            class: "hover:bg-gray-50"
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (column) => {
+              return openBlock(), createElementBlock("td", {
+                key: column.key,
+                class: "p-3 text-left border-b border-gray-200 text-sm"
+              }, [
+                renderSlot(_ctx.$slots, column.key, {
+                  row,
+                  index: rowIndex
+                }, () => [
+                  createTextVNode(toDisplayString(row[column.key]), 1)
+                ])
+              ]);
+            }), 128))
+          ]);
+        }), 128)),
+        !_ctx.data || _ctx.data.length === 0 ? (openBlock(), createElementBlock("tr", _hoisted_3$1, [
+          createElementVNode("td", {
+            colspan: _ctx.columns.length,
+            class: "p-8 text-center text-gray-500"
+          }, [
+            renderSlot(_ctx.$slots, "empty", {}, () => [
+              _cache[0] || (_cache[0] = createTextVNode("\u6682\u65E0\u6570\u636E"))
+            ])
+          ], 8, _hoisted_4$1)
+        ])) : createCommentVNode("", true)
+      ])
+    ])
+  ]);
+}
+const MyTable = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$3]]);
+const _sfc_main$6 = defineComponent({
+  name: "MyButton",
+  props: {
+    type: {
+      type: String,
+      default: "default"
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["click"],
+  setup(props, { emit }) {
+    const typeClasses = computed(() => {
+      switch (props.type) {
+        case "primary":
+          return "bg-primary hover:bg-blue-500 text-white border-transparent";
+        case "success":
+          return "bg-success hover:bg-green-500 text-white border-transparent";
+        case "warning":
+          return "bg-warning hover:bg-yellow-500 text-white border-transparent";
+        case "danger":
+          return "bg-danger hover:bg-red-500 text-white border-transparent";
+        case "info":
+          return "bg-info hover:bg-gray-500 text-white border-transparent";
+        default:
+          return "bg-white hover:bg-gray-100 text-gray-700 border border-gray-300";
+      }
+    });
+    const handleClick = (e) => {
+      if (props.disabled || props.loading)
+        return;
+      emit("click", e);
+    };
+    return {
+      typeClasses,
+      handleClick
+    };
+  }
+});
+const index_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$5 = ["disabled"];
+const _hoisted_2$3 = {
+  key: 0,
+  class: "mr-2 w-4 h-4 i-svg-spinners-270-ring-with-bg"
+};
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("button", {
+    class: normalizeClass(["inline-flex justify-center items-center h-8 px-4 py-2 rounded-md text-sm font-medium transition-colors duration-200 focus:outline-none", [
+      _ctx.typeClasses,
+      {
+        "opacity-50 cursor-not-allowed": _ctx.disabled,
+        "relative": _ctx.loading
+      }
+    ]]),
+    disabled: _ctx.disabled || _ctx.loading,
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+  }, [
+    _ctx.loading ? (openBlock(), createElementBlock("span", _hoisted_2$3)) : createCommentVNode("", true),
+    renderSlot(_ctx.$slots, "default")
+  ], 10, _hoisted_1$5);
+}
+const MyButton = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$2]]);
+var LocaleTypeEnum = /* @__PURE__ */ ((LocaleTypeEnum2) => {
+  LocaleTypeEnum2["English"] = "en";
+  LocaleTypeEnum2["Chinese"] = "zh-CN";
+  return LocaleTypeEnum2;
+})(LocaleTypeEnum || {});
+const NAV_TEXTS_KEY = Symbol("nav-texts");
+const buildNavTexts = (lang) => {
+  const isZh = lang === LocaleTypeEnum.Chinese;
+  return {
+    loginText: isZh ? "\u767B\u5F55/\u6CE8\u518C" : "Log In / Sign Up",
+    logoutText: isZh ? "\u9000\u51FA\u767B\u5F55" : "Log Out"
+  };
+};
+const _sfc_main$5 = {};
+const _hoisted_1$4 = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$4, _cache[0] || (_cache[0] = [
+    createElementVNode("g", { id: "icon/down" }, [
+      createElementVNode("path", {
+        id: "Union",
+        d: "M12.1382 5.86191C11.8778 5.60156 11.4557 5.60156 11.1954 5.86191L8.0001 9.05717L4.80484 5.86191C4.54449 5.60156 4.12238 5.60156 3.86203 5.86191C3.60168 6.12226 3.60168 6.54437 3.86203 6.80472L7.29299 10.2357C7.68352 10.6262 8.31668 10.6262 8.70721 10.2357L12.1382 6.80472C12.3985 6.54437 12.3985 6.12226 12.1382 5.86191Z",
+        fill: "#2C364B"
+      })
+    ], -1)
+  ]));
+}
+const Down = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1]]);
+const _sfc_main$4 = {};
+const _hoisted_1$3 = {
+  width: "19px",
+  height: "20px",
+  viewBox: "0 0 19 20",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink"
+};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$3, _cache[0] || (_cache[0] = [
+    createElementVNode("title", null, "yonghu-2", -1),
+    createElementVNode("g", {
+      id: "\u9875\u9762-1",
+      stroke: "none",
+      "stroke-width": "1",
+      fill: "none",
+      "fill-rule": "evenodd"
+    }, [
+      createElementVNode("g", {
+        id: "flagos\u9996\u9875\u5907\u4EFD-4",
+        transform: "translate(-1187, -32)",
+        fill: "#FFFFFF",
+        "fill-rule": "nonzero"
+      }, [
+        createElementVNode("g", {
+          id: "yonghu-2",
+          transform: "translate(1187, 32)"
+        }, [
+          createElementVNode("path", {
+            d: "M4.16667254,6.66658844 C4.16667254,3.9091208 6.40897956,1.66664712 9.1664472,1.66664712 C11.9239148,1.66664712 14.1663885,3.9091208 14.1663885,6.66658844 C14.1663885,9.42388942 11.9239148,11.6665298 9.1664472,11.6665298 C6.40897956,11.6665298 4.16650588,9.42388942 4.16650588,6.66658844 M18.3046733,18.9521109 C17.4853496,15.8829803 15.3253749,13.4830084 12.6130734,12.3621883 C14.5387175,11.192202 15.8330356,9.08056012 15.8330356,6.66642176 C15.832869,2.99079823 12.8420707,0 9.16628054,0 C5.49049035,0 2.4996921,2.99079823 2.4996921,6.66658844 C2.4996921,9.08056012 3.79384359,11.192202 5.72048764,12.3621883 C3.00801947,13.4838418 0.848044811,15.8829803 0.028221107,18.9521109 C-0.0900085115,19.3963877 0.174049854,19.8524478 0.618214182,19.971099 C1.06293982,20.0897021 1.51968816,19.8256771 1.63886887,19.3811059 C2.59002437,15.820481 5.68498805,13.3331769 9.16661386,13.3331769 C12.6482397,13.3331769 15.74387,15.8206477 16.6948589,19.3814392 C16.7515138,19.5951643 16.8909444,19.7775312 17.0823388,19.8882397 C17.2737332,19.9989483 17.5013346,20.0288842 17.7148469,19.9714323 C18.1590942,19.8527834 18.423176,19.3966084 18.30484,18.9522776",
+            id: "\u5F62\u72B6"
+          })
+        ])
+      ])
+    ], -1)
+  ]));
+}
+const Header$1 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render]]);
+const _hoisted_1$2 = { class: "flex items-center cursor-pointer" };
+const _hoisted_2$2 = { class: "w-24 h-24 rounded-50% font-600 flex-center mr-8" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "Avatar",
+  props: {
+    userNickName: {},
+    currentPath: {},
+    logout: { type: Function }
+  },
+  setup(__props) {
+    const navTexts = inject(NAV_TEXTS_KEY);
+    const dropdownVisible = ref(false);
+    const onVisibleChange = (visible) => {
+      dropdownVisible.value = visible;
+    };
+    return (_ctx, _cache) => {
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
+      const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
+      const _component_el_dropdown = resolveComponent("el-dropdown");
+      return openBlock(), createBlock(_component_el_dropdown, {
+        "popper-class": "custom-dropdown",
+        size: "large",
+        ref: "dropdown",
+        trigger: "click",
+        "show-arrow": false,
+        onVisibleChange
+      }, {
+        dropdown: withCtx(() => [
+          createVNode(_component_el_dropdown_menu, null, {
+            default: withCtx(() => [
+              createVNode(_component_el_dropdown_item, null, {
+                default: withCtx(() => {
+                  var _a;
+                  return [
+                    createElementVNode("div", {
+                      class: "flex items-center w-full text-14 mb-4",
+                      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.logout && _ctx.logout(...args))
+                    }, toDisplayString((_a = unref(navTexts)) == null ? void 0 : _a.logoutText), 1)
+                  ];
+                }),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1$2, [
+            createElementVNode("div", _hoisted_2$2, [
+              createVNode(Header$1)
+            ]),
+            createElementVNode("span", null, toDisplayString(_ctx.userNickName), 1),
+            createVNode(_component_el_icon, {
+              class: normalizeClass(["el-icon--right !ml-16 transition-all duration-200", {
+                " rotate-180": dropdownVisible.value
+              }]),
+              size: 16
+            }, {
+              default: withCtx(() => [
+                createVNode(Down)
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+});
+const Avatar_vue_vue_type_style_index_0_scoped_35cafb1a_lang = "";
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-35cafb1a"]]);
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "Login",
+  setup(__props) {
+    const navTexts = inject(NAV_TEXTS_KEY);
+    const router = useRouter();
+    const login = () => {
+      router.push({ path: "/login", query: { redirect_url: encodeURIComponent(location.href) } });
+    };
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      return openBlock(), createBlock(_component_el_button, {
+        type: "primary",
+        class: "!rounded-4",
+        onClick: login
+      }, {
+        default: withCtx(() => {
+          var _a;
+          return [
+            createTextVNode(toDisplayString((_a = unref(navTexts)) == null ? void 0 : _a.loginText), 1)
+          ];
+        }),
+        _: 1
+      });
+    };
+  }
+});
+const NAV_LOCALE_OPTIONS = [
+  { value: LocaleTypeEnum.Chinese, label: "\u4E2D\u6587" },
+  { value: LocaleTypeEnum.English, label: "English" }
+];
+const NAV_LOCALE_TO_LANG = {
+  [LocaleTypeEnum.Chinese]: "cn",
+  [LocaleTypeEnum.English]: "en"
+};
+const NAV_LANG_TO_LOCALE = {
+  cn: LocaleTypeEnum.Chinese,
+  en: LocaleTypeEnum.English
+};
+const NAV_WIKI_LANG_BY_LOCALE = {
+  [LocaleTypeEnum.Chinese]: "zh",
+  [LocaleTypeEnum.English]: "en"
+};
+const _hoisted_1$1 = {
+  width: "20px",
+  height: "20px",
+  viewBox: "0 0 20 20",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2$1 = ["fill"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "Locale",
+  props: {
+    isWhiteTheme: { type: Boolean, default: false },
+    currentLocale: {},
+    localeOptions: { default: () => NAV_LOCALE_OPTIONS }
+  },
+  emits: ["change-language"],
+  setup(__props, { emit: __emit }) {
+    const active = ref(false);
+    const handleChange = (val) => {
+      active.value = val;
+    };
+    const props = __props;
+    const emits = __emit;
+    const isWhite = computed(() => props.isWhiteTheme);
+    const currentLocale = computed(() => props.currentLocale);
+    const localeOptions = computed(() => props.localeOptions);
+    const emitChangeLanguage = (locale) => {
+      if (locale === currentLocale.value) {
+        return;
+      }
+      emits("change-language", locale);
+    };
+    return (_ctx, _cache) => {
+      const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
+      const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
+      const _component_el_dropdown = resolveComponent("el-dropdown");
+      return openBlock(), createBlock(_component_el_dropdown, {
+        class: "cursor-pointer",
+        trigger: "click",
+        "popper-class": "custom-dropdown",
+        placement: "bottom",
+        onVisibleChange: handleChange
+      }, {
+        dropdown: withCtx(() => [
+          createVNode(_component_el_dropdown_menu, null, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(localeOptions.value, (locale) => {
+                return openBlock(), createBlock(_component_el_dropdown_item, {
+                  key: locale.value,
+                  class: normalizeClass({ "is-active": locale.value === currentLocale.value }),
+                  onClick: ($event) => emitChangeLanguage(locale.value)
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("span", {
+                      class: normalizeClass({ "color-primary": locale.value === currentLocale.value })
+                    }, toDisplayString(locale.label), 3)
+                  ]),
+                  _: 2
+                }, 1032, ["class", "onClick"]);
+              }), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        default: withCtx(() => [
+          (openBlock(), createElementBlock("svg", _hoisted_1$1, [
+            _cache[0] || (_cache[0] = createElementVNode("rect", {
+              fill: "#D8D8D8",
+              opacity: "0",
+              x: "0",
+              y: "0",
+              width: "20",
+              height: "20"
+            }, null, -1)),
+            createElementVNode("path", {
+              fill: isWhite.value ? "#ffffff" : "#2C364B",
+              "fill-rule": "nonzero",
+              d: "M10,0 C4.48583334,0 0,4.48583334 0,10 C0,15.5141667 4.48583334,20 10,20 C15.5141667,20 20,15.5141667 20,10 C20,4.48583334 15.5141667,0 10,0 Z M18.6966667,10.9491667 L18.6925,10.9741667 C18.6575,11.2791667 18.6075,11.5791667 18.5425,11.8741667 L18.5425,11.875 L15.5258333,11.875 C15.657032,10.6284426 15.657032,9.37155738 15.5258333,8.125 L18.5425,8.125 C18.6075,8.42 18.6566667,8.72 18.6925,9.025 C18.6925,9.03333334 18.695,9.04166666 18.6966667,9.05083334 C18.7675,9.68166668 18.7675,10.3183333 18.6966667,10.9491667 L18.6966667,10.9491667 Z M13.34,18.0833333 C14.2783333,16.8683333 14.9891667,15.1491667 15.3516667,13.1241667 L18.1633333,13.1241667 C17.3009588,15.3668017 15.5579816,17.158563 13.34,18.0825 L13.34,18.0833333 Z M18.1625,6.87333334 L15.3516667,6.87333334 C14.9891667,4.84833334 14.2783333,3.13 13.34,1.915 C15.5576659,2.83912386 17.3003173,4.63085972 18.1625,6.87333334 L18.1625,6.87333334 Z M14.2658333,8.12333334 C14.4114344,9.36909341 14.4114344,10.6275733 14.2658333,11.8733333 L10.6241667,11.8733333 L10.6241667,8.12333334 L14.2658333,8.12333334 Z M10.6241667,6.87333334 L10.6241667,1.355 C12.1825,1.825 13.5008333,4.0025 14.07,6.87583334 L10.625,6.87583334 L10.6241667,6.87333334 Z M10.6241667,13.1233333 L14.07,13.1233333 C13.5008333,15.9983333 12.1825,18.175 10.625,18.645 L10.625,13.125 L10.6241667,13.1233333 Z M1.8375,13.1241667 L4.64833334,13.1241667 C5.01083334,15.1491667 5.72166668,16.8683333 6.66,18.0825 C4.44233408,17.1583761 2.69968275,15.3666403 1.8375,13.1241667 L1.8375,13.1241667 Z M6.66,1.91666666 C5.72166666,3.13 5.01083334,4.85 4.64833334,6.875 L1.83666666,6.875 C2.69923303,4.63220345 4.44253606,2.84041679 6.66083334,1.91666666 L6.66,1.91666666 Z M5.73416666,11.875 C5.58856559,10.6292399 5.58856559,9.37076007 5.73416666,8.125 L9.375,8.125 L9.375,11.875 L5.73333334,11.875 L5.73416666,11.875 Z M9.375,13.125 L9.375,18.6458333 C7.81666666,18.1758333 6.49916666,15.9983333 5.93,13.125 L9.375,13.125 Z M9.375,6.875 L5.93,6.875 C6.49916666,4.00166666 7.81666666,1.825 9.375,1.35416666 L9.375,6.875 Z M1.30416666,9.05 C1.30416666,9.04333334 1.30666666,9.03583334 1.3075,9.02833334 C1.34166666,8.725 1.39166666,8.42333334 1.4575,8.125 L4.47416666,8.125 C4.34243809,9.37152952 4.34243809,10.6284705 4.47416666,11.875 L1.4575,11.875 C1.39166666,11.5766667 1.34166666,11.275 1.3075,10.9716667 L1.30416666,10.9491667 C1.23220566,10.3184348 1.23220566,9.68156522 1.30416666,9.05083334 L1.30416666,9.05 Z"
+            }, null, 8, _hoisted_2$1)
+          ]))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const matchPath = (path, targetPath) => {
+  if (!path || !targetPath)
+    return false;
+  return path.toLowerCase().indexOf(targetPath.toLowerCase()) >= 0;
+};
+const matchAnyPath = (path, targetPaths) => {
+  return targetPaths.some((targetPath) => matchPath(path, targetPath));
+};
+const __uno = "";
+const _hoisted_1 = { class: "flex-center" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { class: "flex gap-48 ml-80" };
+const _hoisted_4 = ["index"];
+const _hoisted_5 = { class: "text-16" };
+const _hoisted_6 = { class: "text-14 mb-16 !font-500" };
+const _hoisted_7 = { class: "text-14 whitespace-normal !font-400" };
+const _hoisted_8 = { class: "text-16" };
+const _hoisted_9 = { class: "text-14 mb-16 !font-500" };
+const _hoisted_10 = { class: "text-14 whitespace-normal !font-400" };
+const _hoisted_11 = { class: "text-16" };
+const _hoisted_12 = { class: "text-14 text-#bbbbbb leading-22 mb-20" };
+const _hoisted_13 = { class: "text-14 mb-16 !font-500" };
+const _hoisted_14 = { class: "text-14 whitespace-normal !font-400" };
+const _hoisted_15 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Header",
+  props: {
+    routePath: {},
+    menuList: {},
+    isWhiteTheme: { type: Boolean },
+    isScrolledTheme: { type: Boolean },
+    currentLocale: {},
+    userName: {},
+    userNickName: {},
+    onLogoClick: { type: Function },
+    onJumpPage: { type: Function },
+    onChangeLanguage: { type: Function },
+    onLogout: { type: Function }
+  },
+  setup(__props) {
+    const props = __props;
+    provide(
+      NAV_TEXTS_KEY,
+      computed(() => buildNavTexts(props.currentLocale))
+    );
+    return (_ctx, _cache) => {
+      const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
+      const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
+      const _component_el_dropdown = resolveComponent("el-dropdown");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["w-[calc(100vw-160px)] header-wrapper h-64px pl-120 pr-120 py-19 backdrop-blur-[14px] flex items-center justify-between text-#000 fixed left-0 top-0 z-99 bg-transparent overflow-x-scroll", {
+          "theme-white": _ctx.isWhiteTheme,
+          "theme-scrolled": _ctx.isScrolledTheme,
+          "!b-0": unref(matchPath)(_ctx.routePath, "/CommunityMembers")
+        }])
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("img", {
+            class: "logo",
+            src: _ctx.isWhiteTheme ? "https://flagos.ks3-cn-beijing.ksyuncs.com/images/logo.svg" : "https://flagos.ks3-cn-beijing.ksyuncs.com/images/logo-black.svg",
+            onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onLogoClick && _ctx.onLogoClick(...args))
+          }, null, 8, _hoisted_2),
+          createElementVNode("div", _hoisted_3, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuList, (menu, index2) => {
+              return openBlock(), createElementBlock("div", {
+                index: index2,
+                class: normalizeClass(["menu-item cursor-pointer whitespace-nowrap", { active: menu.active }])
+              }, [
+                menu.dropdownList && menu.id === "learn" ? (openBlock(), createBlock(_component_el_dropdown, {
+                  key: 0,
+                  "popper-class": "custom-dropdown-new",
+                  "show-arrow": false
+                }, {
+                  dropdown: withCtx(() => [
+                    createVNode(_component_el_dropdown_menu, { class: "flex-row" }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(menu.dropdownList, (childMenu, idx) => {
+                          return openBlock(), createBlock(_component_el_dropdown_item, {
+                            key: idx,
+                            class: normalizeClass({ active: unref(matchPath)(_ctx.routePath, childMenu.path) }),
+                            onClick: ($event) => _ctx.onJumpPage(menu, childMenu)
+                          }, {
+                            default: withCtx(() => [
+                              createElementVNode("span", _hoisted_6, toDisplayString(childMenu.label), 1),
+                              createElementVNode("span", _hoisted_7, toDisplayString(childMenu.desc), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["class", "onClick"]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  default: withCtx(() => [
+                    createElementVNode("span", _hoisted_5, toDisplayString(menu.label), 1)
+                  ]),
+                  _: 2
+                }, 1024)) : menu.dropdownList && menu.id === "tools" ? (openBlock(), createBlock(_component_el_dropdown, {
+                  key: 1,
+                  "popper-class": "custom-dropdown-new",
+                  "show-arrow": false
+                }, {
+                  dropdown: withCtx(() => [
+                    createVNode(_component_el_dropdown_menu, null, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(menu.dropdownList, (childMenu, idx) => {
+                          return openBlock(), createBlock(_component_el_dropdown_item, {
+                            key: idx,
+                            onClick: ($event) => _ctx.onJumpPage(menu, childMenu)
+                          }, {
+                            default: withCtx(() => [
+                              createElementVNode("span", _hoisted_9, toDisplayString(childMenu.label), 1),
+                              createElementVNode("span", _hoisted_10, toDisplayString(childMenu.desc), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["onClick"]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  default: withCtx(() => [
+                    createElementVNode("span", _hoisted_8, toDisplayString(menu.label), 1)
+                  ]),
+                  _: 2
+                }, 1024)) : menu.dropdownGroups && menu.id === "projects" ? (openBlock(), createBlock(_component_el_dropdown, {
+                  key: 2,
+                  "popper-class": "custom-dropdown-new",
+                  "show-arrow": false
+                }, {
+                  dropdown: withCtx(() => [
+                    createVNode(_component_el_dropdown_menu, { class: "flex gap-20 el-dropdown-menu_out" }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(menu.dropdownGroups, (group, idx) => {
+                          return openBlock(), createElementBlock("ul", {
+                            key: idx,
+                            class: "flex-1 el-dropdown-menu !w-[50%] !max-h-560px"
+                          }, [
+                            createElementVNode("span", _hoisted_12, toDisplayString(group.label), 1),
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(group.list, (childMenu, cidx) => {
+                              return openBlock(), createBlock(_component_el_dropdown_item, {
+                                key: cidx,
+                                class: "el-dropdown-menu__item !w-full",
+                                onClick: ($event) => _ctx.onJumpPage(menu, childMenu)
+                              }, {
+                                default: withCtx(() => [
+                                  createElementVNode("span", _hoisted_13, toDisplayString(childMenu.label), 1),
+                                  createElementVNode("span", _hoisted_14, toDisplayString(childMenu.desc), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["onClick"]);
+                            }), 128))
+                          ]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  default: withCtx(() => [
+                    createElementVNode("span", _hoisted_11, toDisplayString(menu.label), 1)
+                  ]),
+                  _: 2
+                }, 1024)) : (openBlock(), createElementBlock("span", {
+                  key: 3,
+                  onClick: ($event) => _ctx.onJumpPage(menu)
+                }, toDisplayString(menu.label), 9, _hoisted_15))
+              ], 10, _hoisted_4);
+            }), 256))
+          ])
+        ]),
+        createElementVNode("div", {
+          class: normalizeClass(["flex-center", _ctx.isWhiteTheme ? "text-#ffffff" : "text-#262642"])
+        }, [
+          createVNode(_sfc_main$1, {
+            isWhiteTheme: _ctx.isWhiteTheme,
+            "current-locale": _ctx.currentLocale,
+            onChangeLanguage: _ctx.onChangeLanguage
+          }, null, 8, ["isWhiteTheme", "current-locale", "onChangeLanguage"]),
+          !_ctx.userName ? (openBlock(), createBlock(_sfc_main$2, {
+            key: 0,
+            class: "ml-20"
+          })) : createCommentVNode("", true),
+          _ctx.userName ? (openBlock(), createBlock(Avatar, {
+            key: 1,
+            class: normalizeClass(["header_avatar ml-20", _ctx.isWhiteTheme ? "text-#ffffff" : "text-#262642"]),
+            "user-nick-name": _ctx.userNickName,
+            "current-path": _ctx.routePath,
+            logout: _ctx.onLogout
+          }, null, 8, ["class", "user-nick-name", "current-path", "logout"])) : createCommentVNode("", true)
+        ], 2)
+      ], 2);
+    };
+  }
+});
+const Header_vue_vue_type_style_index_0_scoped_0da7041c_lang = "";
+const Header_vue_vue_type_style_index_1_lang = "";
+const Header = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0da7041c"]]);
+const mainDevHost = ["platform-aiintegration-dev.baai.ac.cn"];
+const mainProdHost = ["flagos.io", "flagos.net", "www.flagos.io", "www.flagos.net"];
+const mainHost = [...mainProdHost, ...mainDevHost];
+const isMainApp = () => {
+  return mainHost.includes(location.host);
+};
+const buildMenu = (lang) => {
+  const isZh = lang === LocaleTypeEnum.Chinese;
+  NAV_WIKI_LANG_BY_LOCALE[lang];
+  return [
+    {
+      id: "home",
+      label: isZh ? "\u9996\u9875" : "Home",
+      path: "/Home"
+    },
+    {
+      id: "projects",
+      label: isZh ? "\u8F6F\u4EF6\u6808" : "Software Stack",
+      dropdownGroups: [
+        {
+          id: "coreLib",
+          label: isZh ? "\u5F00\u6E90\u6838\u5FC3\u5E93" : "Open-Source Core Libraries",
+          list: [
+            {
+              id: "flagscale",
+              label: "FlagScale",
+              path: "/FlagScale",
+              desc: isZh ? "\u7EDF\u4E00\u591A\u82AF\u7247\u3001\u591A\u540E\u7AEF\u7684\u5927\u6A21\u578B\u6846\u67B6\uFF0C\u63D0\u4F9B\u8986\u76D6\u8BAD\u7EC3\u3001\u5FAE\u8C03\u4E0E\u63A8\u7406\u90E8\u7F72\u7684\u5168\u6D41\u7A0B\u80FD\u529B" : "A unified multi-backend large model framework across diverse chips, providing end-to-end capabilities spanning training, fine-tuning, and inference deployment.",
+              type: "route"
+            },
+            {
+              id: "flaggems",
+              label: "FlagGems",
+              path: "/FlagGems",
+              desc: isZh ? "\u57FA\u4E8ETriton\u5B9E\u73B0\u7684\u9AD8\u6027\u80FD\u901A\u7528\u7B97\u5B50\u5E93" : "A high-performance general operator library built on Triton.",
+              type: "route"
+            },
+            {
+              id: "flagtree",
+              label: "FlagTree",
+              path: "/FlagTree",
+              desc: isZh ? "\u9762\u5411\u591A\u79CD\u786C\u4EF6\u7684\u5F00\u6E90\u3001\u7EDF\u4E00AI\u7F16\u8BD1\u5668" : "An open-source unified AI compiler for diverse hardware.",
+              type: "route"
+            },
+            {
+              id: "flagcx",
+              label: "FlagCX",
+              path: "/FlagCX",
+              desc: isZh ? "\u4E00\u6B3E\u4E13\u4E3A\u5927\u89C4\u6A21AI\u7CFB\u7EDF\u8BBE\u8BA1\u7684\u53EF\u6269\u5C55\u3001\u81EA\u9002\u5E94\u9AD8\u6027\u80FD\u8DE8\u82AF\u7247\u901A\u4FE1\u5E93" : "A scalable, adaptive, high-performance cross-chip communication library designed for large-scale AI systems.",
+              type: "route"
+            }
+          ]
+        },
+        {
+          id: "ecosystem",
+          label: isZh ? "\u751F\u6001\u4F7F\u80FD\u9879\u76EE" : "FlagOS Ecosystem Enablement Project",
+          list: [
+            {
+              id: "megatronfl",
+              label: "Megatron-FL",
+              path: "https://github.com/flagos-ai/Megatron-LM-FL",
+              desc: isZh ? "\u4E3AMegatron-LM\u6253\u9020\u7684\u591A\u82AF\u7247\u63D2\u4EF6\uFF0C\u5B9E\u73B0\u5927\u6A21\u578B\u591A\u82AF\u7247\u9AD8\u6548\u8BAD\u7EC3" : "A multi-chip plugin for Megatron-LM, enabling efficient large-scale training across diverse chips.",
+              type: "link"
+            },
+            {
+              id: "vllmpluginfl",
+              label: "vLLM-plugin-FL",
+              path: "https://github.com/flagos-ai/vllm-plugin-FL",
+              desc: isZh ? "\u4E3AvLLM\u6253\u9020\u7684\u591A\u82AF\u7247\u63D2\u4EF6\uFF0C\u5B9E\u73B0\u5927\u6A21\u578B\u591A\u82AF\u7247\u9AD8\u6548\u63A8\u7406\u90E8\u7F72" : "A multi-chip plugin for vLLM, enabling efficient large model inference and deployment across diverse chips.",
+              type: "link"
+            },
+            {
+              id: "transformerenginefl",
+              label: "TransformerEngine-FL",
+              path: "https://github.com/flagos-ai/TransformerEngine-FL",
+              desc: isZh ? "\u4E3ATransformerEngine\u6253\u9020\u7684\u591A\u82AF\u7247\u63D2\u4EF6\uFF0C\u5B9E\u73B0\u591A\u79CD\u82AF\u7247\u4E0A\u5206\u5E03\u5F0F\u7B97\u5B50" : "A multi-chip plugin for TransformerEngine, enabling distributed operators across diverse chip architectures.",
+              type: "link"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      id: "tools",
+      label: isZh ? "\u5DE5\u5177" : "Tools",
+      dropdownList: [
+        {
+          id: "skill",
+          label: isZh ? "Skill\u5E7F\u573A" : "SkillHub",
+          path: resolvePath("/SkillHub"),
+          desc: isZh ? "\u4E00\u7AD9\u5F0FAI\u8BA1\u7B97\u6280\u80FD\u5E93" : "One-stop AI computing skills library.",
+          type: "route"
+        },
+        {
+          id: "onlinelab",
+          label: isZh ? "\u7EBF\u4E0A\u5B9E\u9A8C\u5BA4" : "Online Laboratory",
+          path: isMainApp() ? "/OnlineLab" : resolvePath("/OnlineLab"),
+          desc: isZh ? "\u5F00\u7BB1\u5373\u7528\u7684\u5728\u7EBF\u5B9E\u9A8C\u73AF\u5883" : "Ready-to-use online experiment environment.",
+          type: "route"
+        },
+        {
+          id: "modelplatform",
+          label: isZh ? "\u6A21\u578B\u670D\u52A1\u5E73\u53F0" : "MaaS",
+          path: "",
+          desc: isZh ? "\u5168\u751F\u547D\u5468\u671F\u5927\u6A21\u578BAPI\u670D\u52A1\u5E73\u53F0" : "A full-lifecycle API service platform for large models.",
+          type: "unopen"
+        },
+        {
+          id: "kernelgen",
+          label: "KernelGen",
+          path: "https://kernelgen.flagos.io/",
+          desc: isZh ? "\u5206\u949F\u7EA7\u6784\u5EFAKernel\uFF0C\u652F\u6301\u591A\u82AF\u7247\u540E\u7AEF" : "Build Kernels in Minutes with Multi-Backend Support.",
+          type: "link"
+        },
+        {
+          id: "flagrelease",
+          label: "FlagRelease",
+          path: "",
+          desc: isZh ? "\u4E00\u5957\u81EA\u52A8\u5316\u8FC1\u79FB\u5927\u6A21\u578B\u81F3\u4E0D\u540C\u786C\u4EF6\u4EA7\u54C1\u7684\u5DE5\u5177\u5E73\u53F0" : "An automated tool platform for migrating large model to diverse hardware.",
+          type: "unopen"
+        },
+        {
+          id: "flagcicd",
+          label: "FlagCICD",
+          path: "",
+          desc: isZh ? "\u9762\u5411 AI \u5F00\u53D1\u7684\u6301\u7EED\u96C6\u6210 / \u6301\u7EED\u90E8\u7F72\u5DE5\u5177\u94FE" : "A CI/CD toolchain for AI development.",
+          type: "unopen"
+        },
+        {
+          id: "flagmodelhub",
+          label: isZh ? "\u4E5D\u9F0EAI\u4E00\u4F53\u5316\u5E73\u53F0" : "Jiuding AI Integrated Platform",
+          path: "",
+          desc: isZh ? "\u6574\u5408 FlagOS \u5168\u6808\u80FD\u529B\uFF0C\u63D0\u4F9B\u4ECE\u6A21\u578B\u5F00\u53D1\u3001\u8BAD\u7EC3\u5230\u90E8\u7F72\u7684\u4E00\u7AD9\u5F0F AI \u5DE5\u7A0B\u5316\u5E73\u53F0" : "Jiuding AI Platform.",
+          type: "unopen"
+        }
+      ]
+    },
+    {
+      id: "docs",
+      label: isZh ? "\u6587\u6863" : "Docs"
+    },
+    {
+      id: "learn",
+      label: isZh ? "\u5B66\u4E60" : "Learn",
+      dropdownList: [
+        {
+          id: "wiki",
+          label: "Wiki",
+          desc: isZh ? "\u667A\u80FD\u6587\u6863\uFF0C\u8FB9\u770B\u8FB9\u95EE\u8FB9\u5B66" : "AI-powered interactive docs: query and learn in real-time.",
+          path: `https://wiki.flagos.io`,
+          type: "link"
+        },
+        { id: "professionalcourse", label: isZh ? "\u4E13\u4E1A\u8BFE" : "Core Courses", desc: isZh ? "\u4F17\u667AFlagOS\u7CFB\u5217\u5F00\u6E90\u8BFE\u7A0B" : "The official open-source course series for the FlagOS ecosystem.", path: "https://flagos.educoder.net/paths", type: "link" },
+        { id: "course", label: isZh ? "\u8BB2\u5EA7" : "Tech Talks", desc: isZh ? "\u5927\u5496\u5206\u4EAB\uFF0C\u4E1A\u754C\u524D\u6CBF\u8BB2\u5EA7" : "Cutting-edge insights and deep dives from industry leaders.", path: "/LearnCenter", type: "route" }
+      ]
+    },
+    {
+      id: "events",
+      label: isZh ? "\u6D3B\u52A8\u8D5B\u4E8B" : "Event & Competition",
+      path: isMainApp() ? "/events" : resolvePath("/events")
+    },
+    {
+      id: "onlinelab-top",
+      label: isZh ? "\u7EBF\u4E0A\u5B9E\u9A8C\u5BA4" : "Online Laboratory",
+      path: isMainApp() ? "/OnlineLab" : resolvePath("/OnlineLab")
+    }
+  ];
+};
+const resolvePath = (path) => {
+  if (mainProdHost.includes(location.hostname)) {
+    return `https://${location.hostname}${path}`;
+  } else {
+    return `${location.protocol}//${path.slice(1).toLocaleLowerCase()}.${mainDevHost[0]}`;
+  }
+};
+const resolveMenuPaths = (items) => {
+  return items;
+};
+const getNavMenuApi = (lang) => {
+  return resolveMenuPaths(buildMenu(lang));
+};
+const openLink = (url) => {
+  window.open(url, "_blank");
+};
+function useHeaderMenu(currentLocale, route, router, unopenTip) {
+  const menuList = ref([]);
+  const fetchMenu = (lang) => {
+    var _a;
+    const data = getNavMenuApi(lang);
+    const activeId = (_a = menuList.value.find((m) => m.active)) == null ? void 0 : _a.id;
+    menuList.value = data.map((m) => ({ ...m, active: m.id === activeId }));
+  };
+  watch(currentLocale, (lang) => fetchMenu(lang), { immediate: true });
+  const syncActiveMenu = () => {
+    menuList.value.forEach((item) => item.active = false);
+    const curIdx = menuList.value.findIndex((item) => {
+      if (item.dropdownList) {
+        return item.dropdownList.some((child) => matchPath(route == null ? void 0 : route.path, child.path));
+      }
+      if (item.dropdownGroups) {
+        return item.dropdownGroups.some(
+          (group) => group.list.some((child) => matchPath(route == null ? void 0 : route.path, child.path))
+        );
+      }
+      if (matchPath(item.path, "/events") && matchAnyPath(route == null ? void 0 : route.path, ["/EventDetail", "/RaceDetail"]))
+        return true;
+      if (item.id === "onlinelab-top" && matchPath(route == null ? void 0 : route.path, "/OnlineLab"))
+        return true;
+      return matchPath(route == null ? void 0 : route.path, item.path);
+    });
+    if (curIdx >= 0)
+      menuList.value[curIdx].active = true;
+  };
+  const handleJumpPage = (menu, childMenu) => {
+    const tip = typeof unopenTip === "string" ? unopenTip : unopenTip.value;
+    if (["tools", "projects", "learn"].includes(menu.id)) {
+      if (!childMenu)
+        return;
+      if (childMenu.path.startsWith("http"))
+        return openLink(childMenu.path);
+      if (childMenu.path)
+        return router.push(childMenu.path);
+      if (childMenu.type === "unopen")
+        return ElMessage.warning(tip);
+    }
+    if (menu.id === "docs")
+      return openLink("https://docs.flagos.io/");
+    menuList.value.forEach((item) => item.active = false);
+    menu.active = true;
+    router.push(childMenu ? childMenu.path : menu.path);
+  };
+  return { menuList, syncActiveMenu, handleJumpPage };
+}
+function useHeaderTheme(route) {
+  const lastScrollTop = ref(0);
+  const isWhiteTheme = ref(false);
+  const isScrolledTheme = ref(false);
+  const SCROLL_THRESHOLDS = {
+    home: { getThreshold: () => window.innerHeight - 80 },
+    events: { getThreshold: () => 390 - 80 },
+    onlineLab: { getThreshold: () => 180 - 80 }
+  };
+  const updateThemeByScroll = (scrollTop, threshold) => {
+    if (scrollTop > threshold) {
+      isWhiteTheme.value = false;
+      isScrolledTheme.value = true;
+    } else {
+      isWhiteTheme.value = true;
+      isScrolledTheme.value = false;
+    }
+    lastScrollTop.value = scrollTop <= 0 ? 0 : scrollTop;
+  };
+  const handleScroll = throttle(() => {
+    const scrollTop = window.scrollY || document.documentElement.scrollTop || 0;
+    updateThemeByScroll(scrollTop, SCROLL_THRESHOLDS.home.getThreshold());
+  }, 200);
+  const handleEventsScroll = throttle(() => {
+    const scrollTop = window.scrollY || document.documentElement.scrollTop || 0;
+    const threshold = matchPath(route == null ? void 0 : route.path, "/OnlineLab") ? SCROLL_THRESHOLDS.onlineLab.getThreshold() : SCROLL_THRESHOLDS.events.getThreshold();
+    updateThemeByScroll(scrollTop, threshold);
+  }, 200);
+  const bindByRoute = () => {
+    window.removeEventListener("scroll", handleScroll);
+    window.removeEventListener("scroll", handleEventsScroll);
+    if (matchPath(route == null ? void 0 : route.path, "/Home")) {
+      isWhiteTheme.value = true;
+      isScrolledTheme.value = false;
+      window.addEventListener("scroll", handleScroll);
+      nextTick(() => handleScroll());
+    } else if (matchAnyPath(route == null ? void 0 : route.path, ["/events", "/EventDetail", "/RaceDetail", "/OnlineLab"])) {
+      isWhiteTheme.value = true;
+      isScrolledTheme.value = false;
+      window.addEventListener("scroll", handleEventsScroll);
+      nextTick(() => handleEventsScroll());
+    } else {
+      isWhiteTheme.value = false;
+      isScrolledTheme.value = false;
+    }
+  };
+  onMounted(() => bindByRoute());
+  onUnmounted(() => {
+    window.removeEventListener("scroll", handleScroll);
+    window.removeEventListener("scroll", handleEventsScroll);
+  });
+  return { lastScrollTop, isWhiteTheme, isScrolledTheme, bindByRoute, handleScroll, handleEventsScroll };
+}
+const index = {
+  install(app) {
+    app.component("MyButton", MyButton);
+    app.component("MyTable", MyTable);
+  }
+};
+export {
+  Header,
+  LocaleTypeEnum,
+  MyButton,
+  MyTable,
+  NAV_LANG_TO_LOCALE,
+  NAV_LOCALE_OPTIONS,
+  NAV_LOCALE_TO_LANG,
+  NAV_TEXTS_KEY,
+  NAV_WIKI_LANG_BY_LOCALE,
+  Avatar as NavAvatar,
+  Header as NavHeader,
+  _sfc_main$1 as NavLocale,
+  _sfc_main$2 as NavLogin,
+  buildNavTexts,
+  index as default,
+  getNavMenuApi,
+  matchAnyPath,
+  matchPath,
+  useHeaderMenu,
+  useHeaderTheme
+};
+//# sourceMappingURL=index.esm.js.map