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

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

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import HeaderFlatten_vue_vue_type_script_setup_true_lang_default from "./HeaderFlatten.vue_vue_type_script_setup_true_lang.mjs";
+import './HeaderFlatten.vue_vue_type_style_index_0_scoped_edcea052_lang.css';
+// src/components/header/components/HeaderFlatten.vue
+var HeaderFlatten_default = /*#__PURE__*/ _plugin_vue_export_helper_default(HeaderFlatten_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-edcea052"]]);
+export { HeaderFlatten_default as default };

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

@@ -0,0 +1,19 @@
+import { NavLiT } from '../types.ts';
+export interface OHeaderEmitsT {
+    (e: 'handle-mouseenter', val: any): void;
+    (e: 'handle-mouseleave', val: any): void;
+    (e: 'handle-click', val: any): void;
+}
+declare const _default: import('vue').DefineComponent<NavLiT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "handle-mouseenter": (val: any) => any;
+    "handle-mouseleave": (val: any) => any;
+    "handle-click": (val: any) => any;
+}, string, import('vue').PublicProps, Readonly<NavLiT> & Readonly<{
+    "onHandle-mouseenter"?: ((val: any) => any) | undefined;
+    "onHandle-mouseleave"?: ((val: any) => any) | undefined;
+    "onHandle-click"?: ((val: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    navRef: HTMLDivElement;
+    navListRef: HTMLUListElement;
+}, HTMLElement>;
+export default _default;

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

@@ -0,0 +1,247 @@
+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, nextTick, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderList, resolveDirective, resolveDynamicComponent, toDisplayString, unref, withCtx, withDirectives } from "vue";
+import { OIcon, OTag } from "@opensig/opendesign";
+import { useDebounceFn } from "@vueuse/core";
+// src/components/header/components/HeaderFlatten.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 = [
+	"id",
+	"onMouseenter",
+	"onMouseleave"
+];
+var _hoisted_4 = ["id", "onClick"];
+var _hoisted_5 = { class: "nav-text" };
+var _hoisted_6 = [
+	"id",
+	"href",
+	"target",
+	"rel"
+];
+var _hoisted_7 = { class: "nav-text" };
+var _hoisted_8 = {
+	key: 2,
+	class: "nav-item"
+};
+var _hoisted_9 = { class: "nav-text" };
+var _hoisted_10 = { class: "dropdown-wrapper" };
+var _hoisted_11 = { class: "dropdown-body" };
+var _hoisted_12 = ["onClick"];
+var _hoisted_13 = [
+	"href",
+	"target",
+	"rel"
+];
+var _hoisted_14 = {
+	key: 1,
+	class: "right-icon"
+};
+var HeaderFlatten_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "HeaderFlatten",
+	props: {
+		navData: {},
+		community: {},
+		activeIndex: {},
+		hoverId: {}
+	},
+	emits: [
+		"handle-mouseenter",
+		"handle-mouseleave",
+		"handle-click"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		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 navRef = ref();
+		const navListRef = ref();
+		const resizeTimer = ref();
+		const navVisibleRight = ref(false);
+		const navVisibleLeft = ref(false);
+		const scrollNavRight = () => {
+			navVisibleLeft.value = true;
+			nextTick(() => {
+				navRef.value.scrollTo({
+					left: navRef.value.clientWidth,
+					behavior: "smooth"
+				});
+			});
+		};
+		const scrollNavLeft = () => {
+			navRef.value.scrollTo({
+				left: 0,
+				behavior: "smooth"
+			});
+			navVisibleLeft.value = false;
+		};
+		const calculateLayout = () => {
+			if (navRef.value?.clientWidth < navListRef.value?.clientWidth) navVisibleRight.value = true;
+			else navVisibleRight.value = false;
+		};
+		let lastHoverTime = 0;
+		let steps = 0;
+		const onRedirect = (navItem) => {
+			const timeUsed = Date.now() - lastHoverTime;
+			const _steps = steps + 1;
+			lastHoverTime = 0;
+			steps = 0;
+			if (navItem._path) {
+				const levels = {};
+				navItem._path.forEach((name, idx) => {
+					levels[`level${idx + 1}`] = name;
+				});
+				return { properties: {
+					module: "navigation",
+					timeUsed,
+					steps: _steps,
+					...levels
+				} };
+			}
+		};
+		const onNavHover = (navItem) => {
+			steps++;
+			if (lastHoverTime) return;
+			lastHoverTime = Date.now();
+			return {
+				event: "hover",
+				properties: {
+					module: "navigation",
+					target: navItem.label
+				}
+			};
+		};
+		const onCancelNav = () => {
+			lastHoverTime = 0;
+			steps = 0;
+		};
+		onMounted(() => {
+			window.addEventListener("resize", calculateLayout);
+			nextTick(() => {
+				calculateLayout();
+				resizeTimer.value = setTimeout(() => {
+					calculateLayout();
+				}, 1e3);
+			});
+		});
+		onUnmounted(() => {
+			window.removeEventListener("resize", calculateLayout);
+			clearTimeout(resizeTimer.value);
+		});
+		return (_ctx, _cache) => {
+			const _directive_analytics = resolveDirective("analytics");
+			return openBlock(), createElementBlock("nav", _hoisted_1, [createElementVNode("div", { class: normalizeClass(["header-nav", { "header-nav-scroll": navVisibleLeft.value }]) }, [
+				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: "nav-list",
+					onMouseleave: onCancelNav
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.navData, (item, idx) => {
+					return withDirectives((openBlock(), createElementBlock("li", {
+						key: item.id,
+						id: item.id,
+						class: normalizeClass(["nav-item-li", {
+							"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.href && !item.children?.length ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						id: "tour_headerNav_" + item.id,
+						class: "nav-item",
+						onClick: ($event) => handleClick(item)
+					}, [createElementVNode("span", _hoisted_5, toDisplayString(item.label), 1), item.tag && !unref(isTagExpired)(item.tagExpire) ? (openBlock(), createBlock(unref(OTag), {
+						key: 0,
+						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_4)) : !item.children?.length && item.href ? (openBlock(), createElementBlock("a", {
+						key: 1,
+						id: "tour_headerNav_" + item.id,
+						class: "nav-item nav-item-link",
+						href: item.href,
+						target: item?.target || (item.href?.startsWith("http") ? "_blank" : void 0),
+						rel: item.href.startsWith("http") ? "noopener noreferrer" : ""
+					}, [createElementVNode("span", _hoisted_7, toDisplayString(item.label), 1)], 8, _hoisted_6)) : (openBlock(), createElementBlock("div", _hoisted_8, [createElementVNode("span", _hoisted_9, toDisplayString(item.label), 1), createElementVNode("div", _hoisted_10, [createElementVNode("div", _hoisted_11, [(openBlock(true), createElementBlock(Fragment, null, renderList(item.children, (childTab, index) => {
+						return openBlock(), createElementBlock("div", { key: index }, [!childTab.href ? (openBlock(), createElementBlock("div", {
+							key: 0,
+							class: normalizeClass(["dropdown-item", { "dropdown-item-disabled": childTab?.disabled }]),
+							onClick: ($event) => handleClick(childTab)
+						}, [createElementVNode("span", null, toDisplayString(childTab.label), 1), childTab.tag && !unref(isTagExpired)(childTab.tagExpire) ? (openBlock(), createBlock(unref(OTag), {
+							key: 0,
+							color: "danger",
+							size: "small",
+							round: "pill",
+							class: normalizeClass(`tag-${childTab?.tag?.toLowerCase()}`)
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(childTab.tag), 1)]),
+							_: 2
+						}, 1032, ["class"])) : createCommentVNode("", true)], 10, _hoisted_12)) : withDirectives((openBlock(), createElementBlock("div", {
+							key: 1,
+							class: normalizeClass(["dropdown-item", { "dropdown-item-disabled": childTab?.disabled }])
+						}, [createElementVNode("a", {
+							href: childTab.href,
+							class: "dropdown-link",
+							target: childTab?.target || (childTab.href?.startsWith("http") ? "_blank" : void 0),
+							rel: childTab.href.startsWith("http") ? "noopener noreferrer" : ""
+						}, [
+							createElementVNode("span", null, toDisplayString(childTab.label), 1),
+							childTab.icon ? (openBlock(), createBlock(unref(OIcon), { key: 0 }, {
+								default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(childTab.icon)))]),
+								_: 2
+							}, 1024)) : createCommentVNode("", true),
+							childTab.tag && !unref(isTagExpired)(childTab.tagExpire) ? (openBlock(), createBlock(unref(OTag), {
+								key: 1,
+								color: "danger",
+								size: "small",
+								round: "pill",
+								class: normalizeClass(`tag-${childTab?.tag?.toLowerCase()}`)
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(childTab.tag), 1)]),
+								_: 2
+							}, 1032, ["class"])) : createCommentVNode("", true)
+						], 8, _hoisted_13)], 2)), [[_directive_analytics, () => onRedirect(childTab)]])]);
+					}), 128))])])]))], 42, _hoisted_3)), [[
+						_directive_analytics,
+						() => onNavHover(item),
+						"mouseenter"
+					]]);
+				}), 128))], 544)], 2),
+				navVisibleRight.value && !navVisibleLeft.value ? (openBlock(), createElementBlock("div", _hoisted_14, [createVNode(unref(OIcon), { onClick: scrollNavRight }, {
+					default: withCtx(() => [createVNode(unref(icon_caret_right_default))]),
+					_: 1
+				})])) : createCommentVNode("", true)
+			], 2)]);
+		};
+	}
+});
+export { HeaderFlatten_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/header/components/HeaderFlatten.vue_vue_type_style_index_0_scoped_edcea052_lang.css

@@ -0,0 +1,301 @@
+.hover-icon-rotate .o-icon[data-v-edcea052] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-edcea052] {
+    transform: rotate(-180deg);
+}
+}
+.header-nav-wrap[data-v-edcea052] {
+  height: 100%;
+}
+.header-nav-wrap .header-nav[data-v-edcea052] {
+  height: 100%;
+  display: flex;
+  justify-content: space-between;
+  width: calc(100% - 64px);
+  align-items: center;
+}
+.header-nav-wrap .header-nav-scroll[data-v-edcea052] {
+  width: calc(100% - 64px - 24px);
+}
+.o-nav[data-v-edcea052] {
+  --o-before-left: 0;
+  height: 100%;
+  position: relative;
+  z-index: 8;
+}
+.o-nav[data-v-edcea052]::-webkit-scrollbar {
+  display: none;
+}
+.left-icon[data-v-edcea052],
+.right-icon[data-v-edcea052] {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  position: relative;
+  width: 16px;
+  height: 16px;
+  border-radius: var(--o-radius-xs);
+}
+.left-icon .o-icon[data-v-edcea052],
+.right-icon .o-icon[data-v-edcea052] {
+  --icon-size: 16px;
+  position: relative;
+  z-index: 11;
+}
+@media (hover: hover) {
+.left-icon[data-v-edcea052]:hover,
+  .right-icon[data-v-edcea052]:hover {
+    background-color: var(--o-color-control2-light);
+    color: var(--o-color-link2);
+}
+}
+.left-icon[data-v-edcea052]:active,
+.right-icon[data-v-edcea052]:active {
+  color: var(--o-color-link3);
+}
+.left-icon[data-v-edcea052]::before {
+  content: "";
+  position: absolute;
+  width: 50px;
+  height: var(--o-header-height);
+  top: -28px;
+  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;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.left-icon[data-v-edcea052]::before {
+    top: -24px;
+}
+}
+@media (max-width: 1200px) {
+.left-icon[data-v-edcea052]::before {
+    top: -20px;
+}
+}
+.right-icon[data-v-edcea052]::before {
+  content: "";
+  position: absolute;
+  width: 50px;
+  height: var(--o-header-height);
+  top: -28px;
+  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;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.right-icon[data-v-edcea052]::before {
+    top: -24px;
+}
+}
+@media (max-width: 1200px) {
+.right-icon[data-v-edcea052]::before {
+    top: -20px;
+}
+}
+[data-o-theme*=dark] .left-icon[data-v-edcea052] {
+  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-edcea052] {
+  background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 0) 0%, rgba(var(--o-grey-4), 1) 100%);
+}
+.o-nav-scroll[data-v-edcea052]::after {
+  display: none;
+}
+.o-nav-scroll[data-v-edcea052]::before {
+  left: var(--o-before-left);
+  display: block;
+}
+.nav-list[data-v-edcea052] {
+  display: flex;
+  height: 100%;
+  width: fit-content;
+  flex-wrap: nowrap;
+  white-space: nowrap;
+  padding: 0;
+  margin: 0;
+}
+.nav-item-li[data-v-edcea052] {
+  position: relative;
+  display: flex;
+  align-items: center;
+  height: 100%;
+  color: var(--o-color-info1);
+  pointer-events: auto;
+  transition: color var(--o-duration-s) var(--o-easing-standard);
+}
+.nav-item-li .nav-item[data-v-edcea052] {
+  cursor: default;
+  display: flex;
+  align-items: center;
+  --padding-x: var(--o-gap-4);
+  padding-left: var(--padding-x);
+  padding-right: var(--padding-x);
+  position: relative;
+  height: 100%;
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.nav-item-li .nav-item[data-v-edcea052] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.nav-item-li .nav-item[data-v-edcea052] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.nav-item-li .nav-item[data-v-edcea052] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.nav-item-li .nav-item[data-v-edcea052] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 1680px) {
+.nav-item-li .nav-item[data-v-edcea052] {
+    --padding-x: var(--o-gap-4);
+}
+}
+@media (max-width: 1440px) {
+.nav-item-li .nav-item[data-v-edcea052] {
+    --padding-x: var(--o-gap-3);
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.nav-item-li .nav-item[data-v-edcea052] {
+    --padding-x: var(--o-gap-2);
+}
+}
+.nav-item-li .nav-item[data-v-edcea052]::after {
+  content: "";
+  position: absolute;
+  left: var(--padding-x);
+  right: var(--padding-x);
+  opacity: 0;
+  bottom: 0;
+  height: 2px;
+  border-radius: 1px;
+  background: var(--o-color-primary1);
+  transition: all var(--o-duration-s) var(--o-easing-standard);
+}
+.nav-item-li .nav-item-link[data-v-edcea052] {
+  cursor: pointer;
+}
+.nav-item-li.is-active .nav-item[data-v-edcea052]::after {
+  opacity: 1;
+}
+.nav-item-li.is-active .nav-text[data-v-edcea052] {
+  color: var(--o-color-primary1);
+  font-weight: 600;
+}
+.nav-item-li.is-selected .nav-text[data-v-edcea052] {
+  color: var(--o-color-primary2);
+  font-weight: 600;
+}
+.nav-item-li.is-disabled[data-v-edcea052] {
+  color: var(--o-color-info4);
+  pointer-events: none;
+}
+.dropdown-wrapper[data-v-edcea052] {
+  position: absolute;
+  top: calc(100% - 4px);
+  left: 0;
+  display: none;
+  padding-top: 8px;
+  transition: opacity var(--o-duration-s) var(--o-easing-standard);
+}
+.dropdown-wrapper .dropdown-body[data-v-edcea052] {
+  padding: 6px;
+  background-color: var(--o-color-fill2);
+  border-radius: var(--o-radius-xs);
+  box-shadow: var(--o-shadow-2);
+}
+.dropdown-wrapper .dropdown-item[data-v-edcea052] {
+  font-weight: 400;
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  padding: 6px 12px;
+  min-width: 100px;
+  border-radius: var(--o-radius-xs);
+  color: var(--o-color-info2);
+  background-color: transparent;
+  transition: background-color var(--o-duration-s) var(--o-easing-standard);
+  cursor: pointer;
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.dropdown-wrapper .dropdown-item[data-v-edcea052] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.dropdown-wrapper .dropdown-item[data-v-edcea052] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.dropdown-wrapper .dropdown-item[data-v-edcea052] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.dropdown-wrapper .dropdown-item[data-v-edcea052] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (hover: hover) {
+.dropdown-wrapper .dropdown-item[data-v-edcea052]:hover {
+    background-color: var(--o-color-control2-light);
+    color: var(--o-color-primary1);
+}
+}
+.dropdown-wrapper .dropdown-item-disabled[data-v-edcea052] {
+  color: var(--o-color-info4);
+  pointer-events: none;
+}
+.dropdown-wrapper .dropdown-link[data-v-edcea052] {
+  color: inherit;
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+.dropdown-wrapper .dropdown-link .o-tag[data-v-edcea052] {
+  margin-left: var(--o-gap-2);
+  transform: scale(0.75);
+  transform-origin: left center;
+}
+.dropdown-wrapper[data-v-edcea052] .jump-out-icon {
+  font-size: 16px;
+  margin-left: 4px;
+}
+.dropdown-wrapper[data-v-edcea052] .jump-out-icon path {
+  fill: currentColor;
+  stroke: transparent;
+}
+.dropdown-wrapper[data-v-edcea052] .jump-out-icon path[fill=none] {
+  display: none;
+}
+@media (hover: hover) {
+.nav-item:hover .dropdown-wrapper[data-v-edcea052] {
+    display: block;
+}
+}

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

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import HeaderNav_vue_vue_type_script_setup_true_lang_default from "./HeaderNav.vue_vue_type_script_setup_true_lang.mjs";
+import './HeaderNav.vue_vue_type_style_index_0_scoped_01bf1a8c_lang.css';
+// src/components/header/components/HeaderNav.vue
+var HeaderNav_default = /*#__PURE__*/ _plugin_vue_export_helper_default(HeaderNav_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-01bf1a8c"]]);
+export { HeaderNav_default as default };

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

@@ -0,0 +1,25 @@
+import { NavLiT } from '../types.ts';
+export interface OHeaderEmitsT {
+    (e: 'handle-mouseenter', val: any): void;
+    (e: 'handle-mouseleave', val: any): void;
+    (e: 'handle-click', val: any): void;
+    (e: 'nav-layout', val: any): void;
+}
+declare const _default: import('vue').DefineComponent<NavLiT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "handle-mouseenter": (val: any) => any;
+    "handle-mouseleave": (val: any) => any;
+    "handle-click": (val: any) => any;
+    "nav-layout": (val: any) => any;
+}, string, import('vue').PublicProps, Readonly<NavLiT> & Readonly<{
+    "onHandle-mouseenter"?: ((val: any) => any) | undefined;
+    "onHandle-mouseleave"?: ((val: any) => any) | undefined;
+    "onHandle-click"?: ((val: any) => any) | undefined;
+    "onNav-layout"?: ((val: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    headerNavRef: HTMLDivElement;
+    navRef: HTMLDivElement;
+    navListRef: HTMLUListElement;
+    navStartRef: HTMLLIElement;
+    navEndRef: HTMLLIElement;
+}, HTMLDivElement>;
+export default _default;