@opendesign-plus/components 0.0.1-rc.10 → 0.0.1-rc.100

package/dist/treeshaking/components/header/components/HeaderNav.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,210 @@
+import icon_caret_left_default from "../../../_virtual/~icons/components/icon-caret-left.mjs";
+import icon_caret_right_default from "../../../_virtual/~icons/components/icon-caret-right.mjs";
+import { isTagExpired } from "../utils.mjs";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, ref, renderList, resolveDirective, toDisplayString, unref, withCtx, withDirectives } from "vue";
+import { OIcon, OTag } from "@opensig/opendesign";
+import { useDebounceFn, useElementSize, useIntersectionObserver, watchDebounced } from "@vueuse/core";
+// src/components/header/components/HeaderNav.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "header-nav-wrap" };
+var _hoisted_2 = {
+	key: 0,
+	class: "left-icon"
+};
+var _hoisted_3 = ["onMouseenter", "onMouseleave"];
+var _hoisted_4 = ["id"];
+var _hoisted_5 = { class: "nav-text" };
+var _hoisted_6 = ["id", "onClick"];
+var _hoisted_7 = { class: "nav-text" };
+var _hoisted_8 = {
+	key: 1,
+	class: "right-icon"
+};
+var HeaderNav_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "HeaderNav",
+	props: {
+		navData: {},
+		community: {},
+		activeIndex: {},
+		hoverId: {}
+	},
+	emits: [
+		"handle-mouseenter",
+		"handle-mouseleave",
+		"handle-click",
+		"nav-layout"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		const navRef = ref();
+		const navVisibleRight = ref(false);
+		const navVisibleLeft = ref(false);
+		const hoverIndex = ref();
+		const toggleDebounced = useDebounceFn((item, id) => {
+			hoverIndex.value = item?.id;
+			if (id === "mouseenter") emit("handle-mouseenter", item);
+			if (id === "mouseleave") {
+				hoverIndex.value = "";
+				emit("handle-mouseleave", item);
+			}
+		}, 100);
+		const handleClick = (item) => {
+			emit("handle-click", item);
+		};
+		const headerNavRef = ref();
+		const navListRef = ref();
+		const { width: headerNavWidth } = useElementSize(headerNavRef);
+		const { width: navListWidth } = useElementSize(navListRef);
+		const headerUserFullWidth = inject("headerUserFullWidth");
+		const isSearchHidden = inject("isSearchHidden");
+		const shrinkUserOrSearch = inject("shrinkUserOrSearch");
+		const expandUser = inject("expandUser");
+		const expandSearch = inject("expandSearch");
+		watchDebounced(() => Math.floor(headerNavWidth.value - navListWidth.value), (diffWidth) => {
+			if (diffWidth <= 0) {
+				shrinkUserOrSearch?.();
+				return;
+			}
+			if (diffWidth > 161 && isSearchHidden?.value) {
+				expandSearch?.();
+				return;
+			}
+			if (headerUserFullWidth?.value && diffWidth > headerUserFullWidth.value) expandUser?.();
+		}, {
+			debounce: 100,
+			immediate: true
+		});
+		const navStartRef = ref();
+		const navEndRef = ref();
+		const scrollNavRight = () => {
+			navRef.value.scrollTo({
+				left: navRef.value.clientWidth,
+				behavior: "smooth"
+			});
+		};
+		const scrollNavLeft = () => {
+			navRef.value.scrollTo({
+				left: 0,
+				behavior: "smooth"
+			});
+		};
+		let hasEmittedOverflow = false;
+		useIntersectionObserver([navStartRef, navEndRef], (entries) => {
+			entries.forEach((entry) => {
+				if (entry.target === navStartRef.value) navVisibleLeft.value = !entry.isIntersecting;
+				if (entry.target === navEndRef.value) navVisibleRight.value = !entry.isIntersecting;
+			});
+			const hasOverflow = navVisibleLeft.value || navVisibleRight.value;
+			if (hasOverflow !== hasEmittedOverflow) {
+				hasEmittedOverflow = hasOverflow;
+				emit("nav-layout", hasOverflow);
+			}
+		}, {
+			root: navRef,
+			threshold: 0
+		});
+		const navFirstHoverTime = inject("navFirstHoverTime");
+		const navStepCount = inject("navStepCount");
+		const increNavStepCount = inject("increNavStepCount");
+		const updateNavFirstHoverTime = inject("updateNavFirstHoverTime");
+		const clearNavHandleTrace = inject("clearNavHandleTrace");
+		const onHoverHeader = () => clearNavHandleTrace?.();
+		const onHoverNav = (name) => {
+			updateNavFirstHoverTime?.();
+			increNavStepCount?.();
+			return {
+				event: "hover",
+				properties: {
+					module: "navigation",
+					level1: name,
+					target: name
+				}
+			};
+		};
+		const onClickNavItem = (item) => {
+			return { properties: {
+				module: "navigation",
+				level1: item.label,
+				target: item.label,
+				...navStepCount && { steps: navStepCount.value },
+				url: item.href,
+				...navFirstHoverTime?.value && { duration: Date.now() - navFirstHoverTime.value }
+			} };
+		};
+		return (_ctx, _cache) => {
+			const _directive_analytics = resolveDirective("analytics");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
+				ref_key: "headerNavRef",
+				ref: headerNavRef,
+				class: "header-nav"
+			}, [
+				navVisibleLeft.value ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(OIcon), { onClick: scrollNavLeft }, {
+					default: withCtx(() => [createVNode(unref(icon_caret_left_default))]),
+					_: 1
+				})])) : createCommentVNode("", true),
+				createElementVNode("div", {
+					ref_key: "navRef",
+					ref: navRef,
+					class: normalizeClass(["o-nav", { "o-nav-scroll": navVisibleLeft.value || !navVisibleRight.value }])
+				}, [createElementVNode("ul", {
+					ref_key: "navListRef",
+					ref: navListRef,
+					class: normalizeClass(["o-nav-list", [props.community?.toLowerCase()]]),
+					onMouseenter: onHoverHeader
+				}, [
+					createElementVNode("li", {
+						ref_key: "navStartRef",
+						ref: navStartRef,
+						class: "nav-sentinel",
+						"aria-hidden": "true"
+					}, null, 512),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(__props.navData, (item, idx) => {
+						return withDirectives((openBlock(), createElementBlock("li", {
+							key: item.id,
+							class: normalizeClass({
+								"is-selected": hoverIndex.value === item.id || props.hoverId === item.id,
+								"is-active": props.activeIndex === idx || props.activeIndex === item.id,
+								"is-disabled": item?.disabled
+							}),
+							onMouseenter: ($event) => unref(toggleDebounced)(item, "mouseenter"),
+							onMouseleave: ($event) => unref(toggleDebounced)(item, "mouseleave")
+						}, [item?.children?.length ? (openBlock(), createElementBlock("div", {
+							key: 0,
+							id: "tour_headerNav_" + item.id,
+							class: "nav-item"
+						}, [createElementVNode("span", _hoisted_5, toDisplayString(item.label), 1)], 8, _hoisted_4)) : (openBlock(), createElementBlock("div", {
+							key: 1,
+							id: "tour_headerNav_" + item.id,
+							class: "nav-item item-other",
+							onClick: ($event) => handleClick(item)
+						}, [createElementVNode("span", _hoisted_7, toDisplayString(item.label), 1), item.tag && !unref(isTagExpired)(item.tagExpire) ? (openBlock(), createBlock(unref(OTag), {
+							key: 0,
+							color: "danger",
+							size: "small",
+							round: "pill",
+							class: normalizeClass(["content-tag", `tag-${item?.tag?.toLowerCase()}`])
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(item.tag), 1)]),
+							_: 2
+						}, 1032, ["class"])) : createCommentVNode("", true)], 8, _hoisted_6))], 42, _hoisted_3)), [[
+							_directive_analytics,
+							() => onHoverNav(item.label),
+							"mouseenter"
+						], [_directive_analytics, () => onClickNavItem(item)]]);
+					}), 128)),
+					createElementVNode("li", {
+						ref_key: "navEndRef",
+						ref: navEndRef,
+						class: "nav-sentinel",
+						"aria-hidden": "true"
+					}, null, 512)
+				], 34)], 2),
+				navVisibleRight.value ? (openBlock(), createElementBlock("div", _hoisted_8, [createVNode(unref(OIcon), { onClick: scrollNavRight }, {
+					default: withCtx(() => [createVNode(unref(icon_caret_right_default))]),
+					_: 1
+				})])) : createCommentVNode("", true)
+			], 512)]);
+		};
+	}
+});
+export { HeaderNav_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/header/components/HeaderNav.vue_vue_type_style_index_0_scoped_01bf1a8c_lang.css

@@ -0,0 +1,237 @@
+.hover-icon-rotate .o-icon[data-v-01bf1a8c] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-01bf1a8c] {
+    transform: rotate(-180deg);
+}
+}
+.header-nav-wrap[data-v-01bf1a8c] {
+  height: 100%;
+  --nav-right: 64px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.header-nav-wrap[data-v-01bf1a8c] {
+    --nav-right: 48px;
+}
+}
+@media (max-width: 1200px) {
+.header-nav-wrap[data-v-01bf1a8c] {
+    --nav-right: 32px;
+}
+}
+.header-nav-wrap .header-nav[data-v-01bf1a8c] {
+  position: relative;
+  height: 100%;
+  display: flex;
+  justify-content: space-between;
+  width: calc(100% - var(--nav-right));
+  align-items: center;
+}
+.o-nav[data-v-01bf1a8c] {
+  height: 100%;
+  position: relative;
+  overflow-y: hidden;
+  overflow-x: auto;
+  z-index: 8;
+}
+.o-nav[data-v-01bf1a8c]::-webkit-scrollbar {
+  display: none;
+}
+.left-icon[data-v-01bf1a8c],
+.right-icon[data-v-01bf1a8c] {
+  display: flex;
+  background-color: var(--o-color-fill2);
+  align-items: center;
+  cursor: pointer;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 10;
+  width: 16px;
+  height: 100%;
+}
+.left-icon .o-icon[data-v-01bf1a8c],
+.right-icon .o-icon[data-v-01bf1a8c] {
+  --icon-size: 16px;
+  position: relative;
+  z-index: 11;
+}
+@media (hover: hover) {
+.left-icon[data-v-01bf1a8c]:hover,
+  .right-icon[data-v-01bf1a8c]:hover {
+    background-color: var(--o-color-control2-light);
+    color: var(--o-color-link2);
+}
+}
+.left-icon[data-v-01bf1a8c]:active,
+.right-icon[data-v-01bf1a8c]:active {
+  color: var(--o-color-link3);
+}
+.left-icon[data-v-01bf1a8c] {
+  left: 0;
+}
+.left-icon[data-v-01bf1a8c]::before {
+  content: "";
+  position: absolute;
+  width: 50px;
+  height: 100%;
+  top: 0;
+  left: 16px;
+  z-index: 9;
+  background-image: linear-gradient(90deg, rgba(var(--o-grey-1), 1) 0%, rgba(var(--o-grey-1), 0) 100%);
+  cursor: default;
+}
+.right-icon[data-v-01bf1a8c] {
+  right: 0;
+}
+.right-icon[data-v-01bf1a8c]::before {
+  content: "";
+  position: absolute;
+  width: 50px;
+  height: 100%;
+  top: 0;
+  right: 16px;
+  z-index: 9;
+  background-image: linear-gradient(90deg, rgba(var(--o-grey-1), 0) 0%, rgba(var(--o-grey-1), 1) 100%);
+  cursor: default;
+}
+[data-o-theme*=dark] .left-icon[data-v-01bf1a8c]::before {
+  background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 1) 0%, rgba(var(--o-grey-4), 0) 100%);
+}
+[data-o-theme*=dark] .right-icon[data-v-01bf1a8c]::before {
+  background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 0) 0%, rgba(var(--o-grey-4), 1) 100%);
+}
+.o-nav-scroll[data-v-01bf1a8c]::after {
+  display: none;
+}
+.o-nav-list[data-v-01bf1a8c] {
+  display: flex;
+  height: 100%;
+  width: fit-content;
+  flex-wrap: nowrap;
+  white-space: nowrap;
+  padding: 0;
+  margin: 0;
+}
+.o-nav-list .nav-sentinel[data-v-01bf1a8c] {
+  flex: 0 0 2px;
+  width: 2px;
+  padding: 0;
+  pointer-events: none;
+}
+.o-nav-list li[data-v-01bf1a8c] {
+  position: relative;
+  display: flex;
+  align-items: center;
+  height: 100%;
+  color: var(--o-color-info1);
+  transition: all var(--o-duration-s) var(--o-easing-standard);
+}
+.o-nav-list li .nav-text[data-v-01bf1a8c] {
+  position: relative;
+}
+.o-nav-list li .nav-text[data-v-01bf1a8c]::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  opacity: 0;
+  bottom: -24px;
+  width: 100%;
+  height: 2px;
+  border-radius: 1px;
+  background: var(--o-color-primary1);
+  transition: all var(--o-duration-s) var(--o-easing-standard);
+}
+@media (max-width: 1440px) {
+.o-nav-list li .nav-text[data-v-01bf1a8c]::after {
+    bottom: -21px;
+}
+}
+@media (max-width: 1200px) {
+.o-nav-list li .nav-text[data-v-01bf1a8c]::after {
+    bottom: -17px;
+}
+}
+.o-nav-list li.is-selected .nav-text[data-v-01bf1a8c] {
+  color: var(--o-color-primary2);
+}
+.o-nav-list li.is-active .nav-text[data-v-01bf1a8c] {
+  color: var(--o-color-primary1);
+  z-index: 99;
+  font-weight: 600;
+}
+.o-nav-list li.is-active .nav-text[data-v-01bf1a8c]::after {
+  content: "";
+  opacity: 1;
+}
+.o-nav-list li.is-disabled[data-v-01bf1a8c] {
+  color: var(--o-color-info4);
+  pointer-events: none;
+}
+.o-nav-list .nav-item[data-v-01bf1a8c] {
+  cursor: default;
+  display: flex;
+  align-items: center;
+  padding: 22px var(--o-gap-4);
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-nav-list .nav-item[data-v-01bf1a8c] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-nav-list .nav-item[data-v-01bf1a8c] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-nav-list .nav-item[data-v-01bf1a8c] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-nav-list .nav-item[data-v-01bf1a8c] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 1440px) {
+.o-nav-list .nav-item[data-v-01bf1a8c] {
+    padding: 18px 12px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-nav-list .nav-item[data-v-01bf1a8c] {
+    padding: 14px 8px;
+}
+}
+@media (min-width: 841px) and (max-width: 1000px) {
+.o-nav-list .nav-item.en[data-v-01bf1a8c] {
+    padding: var(--o-gap-2);
+}
+}
+.o-nav-list .item-other[data-v-01bf1a8c] {
+  cursor: pointer;
+}
+.o-nav-list .item-other .content-tag[data-v-01bf1a8c] {
+  margin-left: var(--o-gap-2);
+  --layout-pkg-radius: var(--o-radius-xs);
+}
+.o-nav-list .item-other:active .nav-text[data-v-01bf1a8c] {
+  color: var(--o-color-primary1);
+  z-index: 99;
+  font-weight: 600;
+}
+.o-nav-list .item-other:active .nav-text[data-v-01bf1a8c]::after {
+  content: "";
+  opacity: 1;
+}
+.mindspore .item-other .content-tag[data-v-01bf1a8c] {
+  --layout-pkg-radius: 100vh;
+}

package/dist/treeshaking/components/header/components/HeaderNavMobile.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import HeaderNavMobile_vue_vue_type_script_setup_true_lang_default from "./HeaderNavMobile.vue_vue_type_script_setup_true_lang.mjs";
+import './HeaderNavMobile.vue_vue_type_style_index_0_scoped_5c72051b_lang.css';
+// src/components/header/components/HeaderNavMobile.vue
+var HeaderNavMobile_default = /*#__PURE__*/ _plugin_vue_export_helper_default(HeaderNavMobile_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5c72051b"]]);
+export { HeaderNavMobile_default as default };

package/dist/treeshaking/components/header/components/HeaderNavMobile.vue.d.ts

@@ -0,0 +1,34 @@
+import { NavMobileItemT, LangItemT } from '../types.ts';
+export interface OHeaderEmitsT {
+    (e: 'on-click'): void;
+    (e: 'lang-click', val: LangItemT): void;
+    (e: 'handle-click', val: any): void;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        tool?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<NavMobileItemT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "handle-click": (val: any) => any;
+    "on-click": () => any;
+    "lang-click": (val: LangItemT) => any;
+}, string, import('vue').PublicProps, Readonly<NavMobileItemT> & Readonly<{
+    "onHandle-click"?: ((val: any) => any) | undefined;
+    "onOn-click"?: (() => any) | undefined;
+    "onLang-click"?: ((val: LangItemT) => any) | undefined;
+}>, {
+    navData: import('../../../index.ts').NavItemT[];
+    menuShow: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/treeshaking/components/header/components/HeaderNavMobile.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,197 @@
+import { isCodeItem, isTagExpired, linkTarget } from "../utils.mjs";
+import { NavType } from "../types.mjs";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, watch, withCtx } from "vue";
+import { OIcon, OTag } from "@opensig/opendesign";
+// src/components/header/components/HeaderNavMobile.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-nav" };
+var _hoisted_2 = { class: "o-nav-list" };
+var _hoisted_3 = ["onClick"];
+var _hoisted_4 = { class: "header-tool" };
+var _hoisted_5 = {
+	key: 2,
+	class: "other-tool"
+};
+var _hoisted_6 = {
+	key: 0,
+	class: "nav-aside-wrapper"
+};
+var _hoisted_7 = ["value"];
+var _hoisted_8 = { class: "content-label" };
+var _hoisted_9 = { class: "container-mobile" };
+var _hoisted_10 = ["href", "target"];
+var _hoisted_11 = { class: "item-label" };
+var _hoisted_12 = { class: "desc-container" };
+var _hoisted_13 = { class: "item-desc" };
+var _hoisted_14 = ["href", "target"];
+var _hoisted_15 = { class: "item-label" };
+var _hoisted_16 = {
+	key: 1,
+	class: "nav-aside-wrapper"
+};
+var _hoisted_17 = [
+	"href",
+	"target",
+	"onClick"
+];
+var HeaderNavMobile_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "HeaderNavMobile",
+	props: {
+		menuShow: {
+			type: Boolean,
+			default: false
+		},
+		navData: { default: () => [] },
+		codeData: {},
+		langData: {},
+		activeIndex: {},
+		community: {}
+	},
+	emits: [
+		"on-click",
+		"lang-click",
+		"handle-click"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		const navActive = ref("");
+		const navInfo = ref();
+		const handleNavClick = (item, val) => {
+			if (val === NavType.NAV) {
+				if (item?.children?.length) {
+					navActive.value = item.id;
+					navInfo.value = item;
+				} else emit("handle-click", item);
+			} else if (val === NavType.CODE) {
+				navActive.value = val;
+				navInfo.value = props.codeData;
+			} else if (val === NavType.LANG) {
+				navActive.value = val;
+				navInfo.value = props.langData;
+			}
+		};
+		const onClick = () => {
+			emit("on-click");
+		};
+		const onClickNav = (val) => {
+			if (isCodeItem(val)) emit("on-click");
+			else emit("lang-click", val);
+		};
+		watch(() => props.activeIndex, (newVal) => {
+			const activeItem = props.navData.find((item, index) => item.id === newVal || index === newVal);
+			navActive.value = activeItem ? activeItem.id : props.navData[0]?.id;
+			navInfo.value = activeItem || props.navData[0];
+		}, { immediate: true });
+		watch(() => [
+			props.navData,
+			props.codeData,
+			props.langData
+		], () => {
+			if (navActive.value === NavType.CODE) navInfo.value = props.codeData;
+			else if (navActive.value === NavType.LANG) navInfo.value = props.langData;
+			else {
+				const activeItem = props.navData.find((item, index) => item.id === props.activeIndex || index === props.activeIndex);
+				navActive.value = activeItem ? activeItem.id : props.navData[0]?.id;
+				navInfo.value = activeItem || props.navData[0];
+			}
+		}, { deep: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["header-nav", { active: __props.menuShow }]) }, [createElementVNode("div", _hoisted_1, [createElementVNode("ul", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.navData, (item) => {
+				return openBlock(), createElementBlock("li", {
+					key: item.id,
+					class: normalizeClass({
+						active: navActive.value === item.id,
+						"is-disabled": item?.disabled
+					})
+				}, [createElementVNode("span", {
+					class: "text-label",
+					onClick: ($event) => handleNavClick(item, "nav")
+				}, toDisplayString(item.label), 9, _hoisted_3)], 2);
+			}), 128))]), createElementVNode("div", _hoisted_4, [
+				__props.codeData?.label ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(["header-tool-item", { active: navActive.value === "code" }]),
+					onClick: _cache[0] || (_cache[0] = ($event) => handleNavClick(null, "code"))
+				}, toDisplayString(__props.codeData.label), 3)) : createCommentVNode("", true),
+				__props.langData?.label ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(["header-tool-item", { active: navActive.value === "lang" }]),
+					onClick: _cache[1] || (_cache[1] = ($event) => handleNavClick(null, "lang"))
+				}, toDisplayString(__props.langData.label), 3)) : createCommentVNode("", true),
+				_ctx.$slots.tool ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "tool", {}, void 0, true)])) : createCommentVNode("", true)
+			])]), navInfo.value?.children?.length ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(["nav-aside", [props.community?.toLowerCase()]])
+			}, [navActive.value !== "code" && navActive.value !== "lang" ? (openBlock(), createElementBlock("ul", _hoisted_6, [(openBlock(true), createElementBlock(Fragment, null, renderList(navInfo.value.children, (item) => {
+				return openBlock(), createElementBlock("li", {
+					value: item.label,
+					key: item.label,
+					class: "nav-aside-content"
+				}, [item?.children ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("p", _hoisted_8, toDisplayString(item.label), 1), createElementVNode("div", _hoisted_9, [(openBlock(true), createElementBlock(Fragment, null, renderList(item?.children, (subItem) => {
+					return openBlock(), createElementBlock("div", {
+						key: subItem.label,
+						class: normalizeClass(["content-container-mobile", { "content-item-disabled": subItem?.disabled }])
+					}, [createElementVNode("a", {
+						href: subItem.href,
+						target: unref(linkTarget)(subItem.href, subItem?.target),
+						rel: "noopener noreferrer",
+						class: "content-subtitle",
+						onClick
+					}, [
+						createElementVNode("span", _hoisted_11, toDisplayString(subItem.label), 1),
+						subItem.icon ? (openBlock(), createBlock(unref(OIcon), { key: 0 }, {
+							default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(subItem.icon), { class: "icon" }))]),
+							_: 2
+						}, 1024)) : createCommentVNode("", true),
+						subItem.tag && !unref(isTagExpired)(subItem.tagExpire) ? (openBlock(), createBlock(unref(OTag), {
+							key: 1,
+							color: "danger",
+							size: "small",
+							round: "pill",
+							class: normalizeClass(["content-tag", `tag-${subItem?.tag?.toLowerCase()}`])
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(subItem.tag), 1)]),
+							_: 2
+						}, 1032, ["class"])) : createCommentVNode("", true)
+					], 8, _hoisted_10), createElementVNode("div", _hoisted_12, [createElementVNode("p", _hoisted_13, toDisplayString(subItem.description), 1)])], 2);
+				}), 128))])], 64)) : (openBlock(), createElementBlock("a", {
+					key: 1,
+					href: item.href,
+					target: unref(linkTarget)(item.href, item?.target),
+					rel: "noopener noreferrer",
+					class: "content-subtitle item-not-children",
+					onClick
+				}, [
+					createElementVNode("span", _hoisted_15, toDisplayString(item.label), 1),
+					item.icon ? (openBlock(), createBlock(unref(OIcon), { key: 0 }, {
+						default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "icon" }))]),
+						_: 2
+					}, 1024)) : createCommentVNode("", true),
+					item.tag && !unref(isTagExpired)(item.tagExpire) ? (openBlock(), createBlock(unref(OTag), {
+						key: 1,
+						color: "danger",
+						size: "small",
+						round: "pill",
+						class: normalizeClass(`tag-${item?.tag?.toLowerCase()}`)
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(item.tag), 1)]),
+						_: 2
+					}, 1032, ["class"])) : createCommentVNode("", true)
+				], 8, _hoisted_14))], 8, _hoisted_7);
+			}), 128))])) : (openBlock(), createElementBlock("div", _hoisted_16, [(openBlock(true), createElementBlock(Fragment, null, renderList(navInfo.value.children, (item) => {
+				return openBlock(), createElementBlock("a", {
+					key: item.label,
+					href: unref(isCodeItem)(item) ? item.href : void 0,
+					target: unref(isCodeItem)(item) ? unref(linkTarget)(item.href, item.target) : void 0,
+					rel: "noopener noreferrer",
+					class: "source-code-item",
+					onClick: ($event) => onClickNav(item)
+				}, [createElementVNode("span", null, toDisplayString(item.label), 1), item.icon ? (openBlock(), createBlock(unref(OIcon), { key: 0 }, {
+					default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "icon" }))]),
+					_: 2
+				}, 1024)) : createCommentVNode("", true)], 8, _hoisted_17);
+			}), 128))]))], 2)) : createCommentVNode("", true)], 2);
+		};
+	}
+});
+export { HeaderNavMobile_vue_vue_type_script_setup_true_lang_default as default };