@ithinkdt/ui 4.0.0-50 → 4.0.0-501

package/dist/components.js

@@ -1,5 +1,5 @@
-import "./use-i18n-Dx7V4KrY.js";
-import "./directives-DUuJW647.js";
-import "./use-style-DcT-1dj4.js";
-import { a as NRadios, c as DataSelection, d as useLocaleEdit, f as DataFilter, g as NCheckboxes, h as DataActions, i as renderUsers, l as DataPagination, m as DataCustom, n as DtUserDept, o as DataTable, p as DataForm, r as DtUserRender, s as useDataTableDrag, t as DtDeptRender, u as DataLocaleInput } from "./components-BC8oa62b.js";
-export { DataActions, DataCustom, DataFilter, DataForm, DataLocaleInput, DataPagination, DataSelection, DataTable, DtDeptRender, DtUserDept, DtUserRender, NCheckboxes, NRadios, renderUsers, useDataTableDrag, useLocaleEdit };
+import "./use-i18n-D-AJ8KbA.js";
+import "./directives-Bpfh9AKg.js";
+import "./use-style-mj2B1q0l.js";
+import { _ as dataFormActionsProps, a as DtUserRender, b as DataActions, c as DataTable, d as DataPagination, f as DataLocaleInput, g as DataFormActions, h as DataForm, i as DtUserDept, l as useDataTableDrag, m as DataFilter, n as StateButtonProps, o as renderUsers, p as useLocaleEdit, r as DtDeptRender, s as NRadios, t as NStateButton, u as DataSelection, v as DataDescriptions, x as NCheckboxes, y as DataCustom } from "./components-C-o-dBCE.js";
+export { DataActions, DataCustom, DataDescriptions, DataFilter, DataForm, DataFormActions, DataLocaleInput, DataPagination, DataSelection, DataTable, DtDeptRender, DtUserDept, DtUserRender, NCheckboxes, NRadios, NStateButton, StateButtonProps, dataFormActionsProps, renderUsers, useDataTableDrag, useLocaleEdit };

package/dist/{directives-DUuJW647.js → directives-Bpfh9AKg.js}

@@ -1,11 +1,12 @@
-import { g as useStyle, i as cM, n as cB, r as cE, t as c } from "./use-style-DcT-1dj4.js";
+import { g as useStyle, i as cM, n as cB, r as cE, t as c } from "./use-style-mj2B1q0l.js";
 import { Fragment, createVNode, defineComponent, h, nextTick, reactive, ref, shallowRef, toRef, watch } from "vue";
 import { promiseTimeout, useEventListener } from "@vueuse/core";
 import { NTooltip } from "ithinkdt-ui";
+import { nanoid } from "nanoid";
+import { debounce, throttle } from "@ithinkdt/common/fn";
 import { useElementIntersectionRect } from "@ithinkdt/common/composables";
 import { string2dom } from "@ithinkdt/common/dom";
-import { debounce } from "@ithinkdt/common/fn";
-var Tooltip = /* @__PURE__ */ Symbol("tooltip-dir"), current = /* @__PURE__ */ shallowRef(), _update;
+var Tooltip = /* @__PURE__ */ Symbol("tooltip-dir"), current = /* @__PURE__ */ shallowRef(), _update, _current;
 const TooltipDirectiveProvider = /* @__PURE__ */ defineComponent({
 	name: "TooltipDirectiveProvider",
 	props: { delay: {
@@ -13,69 +14,79 @@ const TooltipDirectiveProvider = /* @__PURE__ */ defineComponent({
 		default: 180
 	} },
 	setup(d) {
-		let k = shallowRef(), A = reactive({
+		let M = shallowRef(), N = reactive({
 			show: !1,
 			tip: void 0,
 			placement: "top",
 			x: 0,
 			y: 0
 		});
-		return _update = async () => {
+		_update = async () => {
 			if (!current.value) return;
 			d.delay > 0 && await promiseTimeout(d.delay);
-			let j = current.value, M = j?.[Tooltip];
-			if (!M) return;
-			let N = M.tip;
-			k.value = typeof N == "function" ? N : () => N || j.attributes.getNamedItem("title") || j.textContent;
-			let { auto: P } = M.binding.modifiers;
-			if (!P || j.firstChild.offsetWidth > j.clientWidth || j.firstChild.offsetHeight > j.clientHeight) {
-				A.show = !0;
-				let d = j.getBoundingClientRect();
-				switch (A.placement = Object.keys(M.binding.modifiers).find((d) => [
+			let P = current.value, F = P?.[Tooltip];
+			if (!F) return;
+			let I = F.tip;
+			M.value = typeof I == "function" ? I : () => I || P.attributes.getNamedItem("title") || P.textContent;
+			let { auto: L } = F.binding.modifiers;
+			if (!L || P.firstChild.offsetWidth > P.clientWidth || P.firstChild.offsetHeight > P.clientHeight) {
+				N.show = !0;
+				let d = P.getBoundingClientRect();
+				switch (N.placement = Object.keys(F.binding.modifiers).find((d) => [
 					"top",
 					"right",
 					"left",
 					"bottom"
-				].find((k) => d.startsWith(k))) ?? "top", A.placement.split("-")[0]) {
+				].find((M) => d.startsWith(M))) ?? "top", N.placement.split("-")[0]) {
 					case "top":
-						A.x = d.left + d.width / 2, A.y = d.top;
+						N.x = d.left + d.width / 2, N.y = d.top;
 						break;
 					case "right":
-						A.x = d.left + d.width, A.y = d.top + d.height / 2;
+						N.x = d.left + d.width, N.y = d.top + d.height / 2;
 						break;
 					case "left":
-						A.x = d.left, A.y = d.top + d.height / 2;
+						N.x = d.left, N.y = d.top + d.height / 2;
 						break;
 					case "bottom":
-						A.x = d.left + d.width / 2, A.y = d.bottom;
+						N.x = d.left + d.width / 2, N.y = d.bottom;
 						break;
 				}
-			} else A.show &&= !1;
-		}, useEventListener("mouseover", (d) => {
-			let k = d.target;
-			!current.value || current.value?.contains(k) || (A.show = !1, current.value = void 0);
+			} else N.show &&= !1;
+		};
+		let P = `ithinkdt-tooltip-${nanoid()}`, F = throttle((d) => {
+			!_current || _current.contains(d) || d.closest(`.${P}`) || (N.show = !1, current.value = void 0);
+		}, 100, { leading: !1 });
+		return useEventListener("mouseover", (d) => {
+			_current = current.value, F(d.target);
 		}, { capture: !0 }), () => createVNode(NTooltip, {
 			trigger: "manual",
-			show: !!current.value && A.show,
-			x: A.x,
-			y: A.y,
-			placement: A.placement,
-			keepAliveOnHover: !0
-		}, { default: () => [k.value?.()] });
+			show: !!current.value && N.show,
+			x: N.x,
+			y: N.y,
+			placement: N.placement,
+			internalInheritedEventHandlers: [{
+				onMouseenter: () => {
+					console.log("111");
+				},
+				onMouseleave: () => {
+					console.log("222");
+				}
+			}]
+		}, { default: () => [createVNode("div", { class: P }, [M.value?.()])] });
 	}
 });
 var _listener = (d) => {
-	current.value = d.target, _update?.();
+	_current = void 0, current.value = d.target, _update?.();
 };
 const vTooltip = {
-	mounted(d, k) {
+	mounted(d, M) {
 		d[Tooltip] = {
-			binding: k,
-			tip: k.value
+			binding: M,
+			tip: M.value
 		}, d.addEventListener("mouseenter", _listener);
 	},
-	updated(d, k) {
-		d[Tooltip].binding = k, d[Tooltip].tip = k.value, _update();
+	updated(d, M) {
+		d[Tooltip].binding = M, d[Tooltip].tip = M.value, _update();
 	},
 	beforeUnmount(d) {
 		d[Tooltip] && d.removeEventListener("mouseenter", _listener), current.value === d && (current.value = void 0), delete d[Tooltip];
@@ -105,19 +116,19 @@ var clsPrefix, isDark, style = /* @__PURE__ */ c([c(({ props: d }) => `:where(${
 const SpinDirectiveProvider = /* @__PURE__ */ defineComponent({
 	name: "SpinDirectiveProvider",
 	props: { dark: Boolean },
-	setup(k) {
-		return clsPrefix = useStyle("-spin-directive", style), isDark = toRef(k, "dark"), () => h(Fragment);
+	setup(M) {
+		return clsPrefix = useStyle("-spin-directive", style), isDark = toRef(M, "dark"), () => h(Fragment);
 	}
 });
-var Spin = /* @__PURE__ */ Symbol("spin-dir"), updateLoading = (d, { value: k, modifiers: A }) => {
-	if (d[Spin].loading.value = !!k, !d[Spin].loading.value) return;
-	let j = A.dark || !A.light && isDark.value;
-	d[Spin].spinEl.style.setProperty("--host-bg", j ? "0 0 0" : "255 255 255");
+var Spin = /* @__PURE__ */ Symbol("spin-dir"), updateLoading = (d, { value: M, modifiers: N }) => {
+	if (d[Spin].loading.value = !!M, !d[Spin].loading.value) return;
+	let P = N.dark || !N.light && isDark.value;
+	d[Spin].spinEl.style.setProperty("--host-bg", P ? "0 0 0" : "255 255 255");
 };
 const vSpin = {
 	beforeMount(d) {
 		if (d.classList.add(`${clsPrefix.value}-spin-host`), d[Spin]) return;
-		let k = ref(!1), A = string2dom(`
+		let M = ref(!1), N = string2dom(`
             <div class="${clsPrefix.value}-spin-directive">
                 <svg class="${clsPrefix.value}-spin-directive__icon" width="32" height="32" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
                     <g>
@@ -130,42 +141,42 @@ const vSpin = {
                 </svg>
                 <div class="${clsPrefix.value}-spin-directive__tip"></div>
             </div>
-        `.trim()), j, { stop: M, update: N } = useElementIntersectionRect(d, (d) => {
-			j = d, Object.assign(A.style, {
+        `.trim()), P, { stop: F, update: I } = useElementIntersectionRect(d, (d) => {
+			P = d, Object.assign(N.style, {
 				left: 0,
 				top: 0,
-				width: j.width + "px",
-				height: j.height + "px"
+				width: P.width + "px",
+				height: P.height + "px"
 			});
-		}, { interval: 1e3 / 30 }), P, F = watch(k, debounce(() => {
-			if (k.value) P === void 0 && (clearTimeout(P), P = void 0), N(), d.append(A), requestAnimationFrame(() => {
-				k.value && A.classList.add(`${clsPrefix.value}-spin-directive--spining`);
+		}, { interval: 1e3 / 30 }), L, R = watch(M, debounce(() => {
+			if (M.value) L === void 0 && (clearTimeout(L), L = void 0), I(), d.append(N), requestAnimationFrame(() => {
+				M.value && N.classList.add(`${clsPrefix.value}-spin-directive--spining`);
 			});
 			else {
-				A.classList.remove(`${clsPrefix.value}-spin-directive--spining`);
+				N.classList.remove(`${clsPrefix.value}-spin-directive--spining`);
 				let d = () => {
-					A.remove(), k && clearTimeout(k), k = null, A.removeEventListener("transitioncancel", d), A.removeEventListener("transitionend", d);
+					N.remove(), M && clearTimeout(M), M = null, N.removeEventListener("transitioncancel", d), N.removeEventListener("transitionend", d);
 				};
-				A.addEventListener("transitioncancel", d), A.addEventListener("transitionend", d);
-				let k = setTimeout(d, 300);
+				N.addEventListener("transitioncancel", d), N.addEventListener("transitionend", d);
+				let M = setTimeout(d, 300);
 			}
 		}, 30));
 		d[Spin] = {
-			loading: k,
-			spinEl: A,
+			loading: M,
+			spinEl: N,
 			updateTip: () => {
-				let k = A.querySelector(`.${clsPrefix.value}-spin-directive__tip`);
-				k.textContent = d.dataset.spinTip;
+				let M = N.querySelector(`.${clsPrefix.value}-spin-directive__tip`);
+				M.textContent = d.dataset.spinTip;
 			},
 			stop: () => {
-				M(), F();
+				F(), R();
 			}
 		};
 	},
-	mounted(d, k) {
-		updateLoading(d, k), d[Spin].updateTip(), !d[Spin].observer && nextTick().then(() => {
-			(d[Spin].observer = new MutationObserver((k) => {
-				for (let A of k) if (A.type === "attributes" && A.attributeName === "data-spin-tip") {
+	mounted(d, M) {
+		updateLoading(d, M), d[Spin].updateTip(), !d[Spin].observer && nextTick().then(() => {
+			(d[Spin].observer = new MutationObserver((M) => {
+				for (let N of M) if (N.type === "attributes" && N.attributeName === "data-spin-tip") {
 					d[Spin].updateTip();
 					return;
 				}

package/dist/directives.js

@@ -1,3 +1,3 @@
-import { i as vTooltip, n as vSpin, r as TooltipDirectiveProvider, t as SpinDirectiveProvider } from "./directives-DUuJW647.js";
-import "./use-style-DcT-1dj4.js";
+import { i as vTooltip, n as vSpin, r as TooltipDirectiveProvider, t as SpinDirectiveProvider } from "./directives-Bpfh9AKg.js";
+import "./use-style-mj2B1q0l.js";
 export { SpinDirectiveProvider, TooltipDirectiveProvider, vSpin, vTooltip };

package/dist/index.js

@@ -1,6 +1,6 @@
-import { n as useI18n, t as UI_I18N_INJECTION } from "./use-i18n-Dx7V4KrY.js";
-import { i as vTooltip, n as vSpin, r as TooltipDirectiveProvider, t as SpinDirectiveProvider } from "./directives-DUuJW647.js";
-import { g as useStyle, i as cM, n as cB, r as cE, t as c } from "./use-style-DcT-1dj4.js";
+import { n as useI18n, t as UI_I18N_INJECTION } from "./use-i18n-D-AJ8KbA.js";
+import { i as vTooltip, n as vSpin, r as TooltipDirectiveProvider, t as SpinDirectiveProvider } from "./directives-Bpfh9AKg.js";
+import { g as useStyle, i as cM, n as cB, r as cE, t as c } from "./use-style-mj2B1q0l.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, NText, NThing, useThemeVars } from "ithinkdt-ui";
@@ -630,7 +630,7 @@ function useCtxMenu(z, B, V) {
 			{
 				key: "reload",
 				label: H("common.layout.tabs.reloadTab"),
-				disabled: U.tab && U.tab.key !== B.value,
+				disabled: !U.tab || U.tab.key !== B.value,
 				icon: () => createVNode(NIcon, { size: 20 }, { default: () => [createVNode("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					"xmlns:xlink": "http://www.w3.org/1999/xlink",
@@ -665,7 +665,7 @@ function useCtxMenu(z, B, V) {
 			{
 				key: "open",
 				label: H("common.layout.tabs.openTabBlank"),
-				disabled: U.tab?.key !== B.value,
+				disabled: !U.tab,
 				icon: () => createVNode(NIcon, { size: 20 }, { default: () => [createVNode("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					"xmlns:xlink": "http://www.w3.org/1999/xlink",
@@ -756,19 +756,7 @@ function useCtxMenu(z, B, V) {
 				V();
 				return;
 			}
-			if (!U.tab) {
-				let z = H.find((d) => d.key === B.value);
-				switch (d) {
-					case "open":
-						window.open(z.href, "_blank");
-						break;
-					case "reload":
-						z.reloading ||= (z.reloading = !0, await promiseTimeout(220), !1);
-						break;
-				}
-				return;
-			}
-			switch (d) {
+			if (U.tab) switch (d) {
 				case "open":
 					window.open(U.tab.href, "_blank");
 					break;