@otwb/ui 2.0.23 → 2.0.24

package/dist/index.js

@@ -3,7 +3,7 @@ import { i as vTooltip, n as vSpin, r as TooltipDirectiveProvider, t as SpinDire
 import { g as useStyle, i as cM, n as cB, r as cE, t as c } from "./use-style-DcT-1dj4.js";
 import { Fragment, computed, createVNode, defineComponent, inject, isVNode, mergeProps, provide, reactive, ref, renderSlot, shallowRef, toRef, toValue, unref, useTemplateRef, watch, withDirectives } from "vue";
 import { computedAsync, promiseTimeout, useElementHover, useElementSize, useEventListener, useFullscreen, watchDebounced } from "@vueuse/core";
-import { NAvatar, NBadge, NBreadcrumb, NBreadcrumbItem, NButton, NDrawer, NDrawerContent, NDropdown, NEmpty, NIcon, NList, NListItem, NMenu, NPagination, NPopover, NScrollbar, NTabPane, NTabs, NText, NThing, useThemeVars } from "ithinkdt-ui";
+import { NAvatar, NBadge, NBreadcrumb, NBreadcrumbItem, NButton, NDrawer, NDrawerContent, NDropdown, NEmpty, NIcon, NList, NListItem, NMenu, NPagination, NPopover, NScrollbar, NTabPane, NTabs, NText, NThing, NTooltip, useThemeVars } from "ithinkdt-ui";
 import { useAtomicBroadcast } from "@otwb/common/composables";
 import { RouterLink, useRouter } from "vue-router";
 import { walkTree } from "@otwb/common/tree";
@@ -550,6 +550,9 @@ const AppMenu = /* @__PURE__ */ defineComponent({
 	},
 	setup(d) {
 		let z = shallowRef([]);
+		function V(d, z) {
+			return d.length > 7;
+		}
 		watch([() => d.menus, () => d.single], ([B, V]) => {
 			if (z.value = [], !B?.length) return;
 			let H = (z, B = 0) => {
@@ -573,19 +576,40 @@ const AppMenu = /* @__PURE__ */ defineComponent({
 		}, { immediate: !0 }), watch([useTemplateRef("menu"), () => d.current], ([d, z]) => {
 			d?.showOption(z);
 		}, { immediate: !0 });
-		let V = inject(COLLAPSED_INJECTION_KEY, !1), H = (z) => {
-			let H = d.collapsed ?? unref(V), U;
-			if (z._.type === "view") if (z.isExternal && z.externalEmbed) U = createVNode("a", {
+		let H = inject(COLLAPSED_INJECTION_KEY, !1), U = (z) => {
+			let U = d.collapsed ?? unref(H), W;
+			if (z._.type === "view") if (z.isExternal && z.externalEmbed) W = createVNode("a", {
 				href: z.externalLink,
 				target: "_blank",
 				onClick: (d) => d.stopPropagation()
 			}, [z.label()]);
 			else {
-				let d;
-				U = createVNode(RouterLink, { to: z.path }, _isSlot$1(d = z.label()) ? d : { default: () => [d] });
+				let d, B = createVNode(RouterLink, { to: z.path }, _isSlot$1(d = z.label()) ? d : { default: () => [d] }), H = createVNode("span", null, [z.label()]);
+				W = createVNode(NTooltip, {
+					placement: "top",
+					trigger: "hover",
+					showArrow: !0,
+					delay: 300,
+					disabled: !V(z.label(), z)
+				}, {
+					default: () => H,
+					trigger: () => B
+				});
+			}
+			else {
+				let d = createVNode("span", null, [z.label()]);
+				W = createVNode(NTooltip, {
+					placement: "top",
+					trigger: "hover",
+					showArrow: !0,
+					delay: 300,
+					disabled: !V(z.label(), z)
+				}, {
+					default: () => d,
+					trigger: () => d
+				});
 			}
-			else U = createVNode("span", null, [z.label()]);
-			return U.key = `${z.key}:${H ? 1 : 0}`, z.depth === 0 && !H && (U = withDirectives(U, [[
+			return W.key = `${z.key}:${U ? 1 : 0}`, z.depth === 0 && !U && (W = withDirectives(W, [[
 				vTooltip,
 				z.label(),
 				void 0,
@@ -593,7 +617,7 @@ const AppMenu = /* @__PURE__ */ defineComponent({
 					auto: !0,
 					right: !0
 				}
-			]])), z.isNew && (U = createVNode("div", { style: "display: flex; width: 100%" }, [createVNode("span", { style: "flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis" }, [U]), createVNode("svg", {
+			]])), z.isNew && (W = createVNode("div", { style: "display: flex; width: 100%" }, [createVNode("span", { style: "flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis" }, [W]), createVNode("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				width: "24",
 				height: "24",
@@ -602,7 +626,7 @@ const AppMenu = /* @__PURE__ */ defineComponent({
 			}, [createVNode("path", {
 				d: "M245.76 286.72h552.96c124.928 0 225.28 100.352 225.28 225.28s-100.352 225.28-225.28 225.28H0V532.48c0-135.168 110.592-245.76 245.76-245.76z m133.12 348.16V401.408H348.16v178.176l-112.64-178.176H204.8V634.88h30.72v-178.176L348.16 634.88h30.72z m182.272-108.544v-24.576h-96.256v-75.776h110.592v-24.576h-141.312V634.88h143.36v-24.576h-112.64v-83.968h96.256z m100.352 28.672l-34.816-151.552h-34.816l55.296 233.472H675.84l47.104-161.792 4.096-20.48 4.096 20.48 47.104 161.792h28.672l57.344-233.472h-34.816l-32.768 151.552-4.096 30.72-6.144-30.72-40.96-151.552h-30.72l-40.96 151.552-6.144 30.72-6.144-30.72z",
 				fill: "var(--color-danger)"
-			}, null)])])), U;
+			}, null)])])), W;
 		};
 		return () => {
 			let B = createVNode(NMenu, {
@@ -610,11 +634,11 @@ const AppMenu = /* @__PURE__ */ defineComponent({
 				options: z.value,
 				rootIndent: 16,
 				accordion: d.accordion,
-				collapsed: d.collapsed ?? unref(V),
+				collapsed: d.collapsed ?? unref(H),
 				dropdownProps: { showArrow: !0 },
 				mode: d.horizontal ? "horizontal" : "vertical",
 				value: d.current ?? null,
-				renderLabel: H,
+				renderLabel: U,
 				responsive: !0,
 				collapsedWidth: d.collapsedWidth,
 				width: d.width

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@otwb/ui",
-  "version": "2.0.23",
+  "version": "2.0.24",
   "type": "module",
   "license": "MIT",
   "description": "otwb UI",