@ithinkdt/ui 4.0.2 → 4.0.4

package/dist/composables.js

@@ -0,0 +1,25 @@
+import { nextTick as e, ref as t, watch as n } from "vue";
+import { unrefElement as r } from "@vueuse/core";
+import { Sortable as i } from "sortablejs";
+function a(a, { data: o, onSort: s, ...c }) {
+	n([t(o), a], async ([t, n]) => {
+		if (t.length === 0) return;
+		await e();
+		let a = r(n)?.querySelector(".n-data-table-base-table-body .n-data-table-tbody");
+		if (!a) return;
+		let o = i.create(a, {
+			animation: 150,
+			...c,
+			onSort(e) {
+				s({
+					from: e.oldIndex,
+					to: e.newIndex
+				});
+			}
+		});
+		return () => {
+			o.destroy();
+		};
+	}, { immediate: !0 });
+}
+export { a as useDataTableDrag };

package/dist/{directives-pSAvXd5F.js → directives-DXNnV4xc.js}

@@ -10,7 +10,7 @@ var C = [
 	2,
 	3,
 	5
-], w = /* @__PURE__ */ t([
+], w = t([
 	t(({ props: e }) => `:where(span${e.bPrefix}tooltip-host)`, { display: "inline-block" }),
 	t(({ props: e }) => `:where(${e.bPrefix}tooltip-host)`, {
 		maxWidth: "100%",
@@ -30,7 +30,7 @@ var C = [
 		whiteSpace: "normal",
 		lineHeight: "1.25"
 	})
-]), T = /* @__PURE__ */ Symbol("tooltip-dir"), E = /* @__PURE__ */ f();
+]), T = Symbol("tooltip-dir"), E = f();
 function D(e) {
 	let t = e.firstChild;
 	if (!t) return !1;
@@ -44,7 +44,7 @@ function D(e) {
 	return n.width >= e.clientWidth + 1 || n.height >= e.clientHeight + 2;
 }
 var O, k, A;
-const j = /* @__PURE__ */ s({
+const j = s({
 	name: "TooltipDirectiveProvider",
 	props: { delay: {
 		type: Number,
@@ -136,7 +136,7 @@ const P = {
 		E.value === e && (E.value = void 0), e[T] && (e.removeEventListener("mouseenter", M), e.bindClick = !1, e.removeEventListener("click", N), e.classList.remove(`${A.value}-tooltip-host`, `${A.value}-tooltip-expandable`, `${A.value}-tooltip-expanded`, ...C.map((e) => `${A.value}-tooltip-ell${e}`)), delete e[T]);
 	}
 };
-var F, I, L = /* @__PURE__ */ t([t(({ props: e }) => `:where(${e.bPrefix}spin-host)`, { position: "relative" }), n("spin-directive", {
+var F, I, L = t([t(({ props: e }) => `:where(${e.bPrefix}spin-host)`, { position: "relative" }), n("spin-directive", {
 	zIndex: "999999",
 	position: "absolute",
 	color: "var(--color-primary)",
@@ -157,14 +157,14 @@ var F, I, L = /* @__PURE__ */ t([t(({ props: e }) => `:where(${e.bPrefix}spin-ho
 	r("tip:empty", { display: "none" }),
 	i("spining", { backgroundColor: "rgb(var(--host-bg, 255 255 255) / 0.5)" }, [r("tip, icon", { opacity: "1" })])
 ])]);
-const R = /* @__PURE__ */ s({
+const R = s({
 	name: "SpinDirectiveProvider",
 	props: { dark: Boolean },
 	setup(t) {
 		return F = e("-spin-directive", L), I = p(t, "dark"), () => c(a);
 	}
 });
-var z = /* @__PURE__ */ Symbol("spin-dir"), B = (e, { value: t, modifiers: n }) => {
+var z = Symbol("spin-dir"), B = (e, { value: t, modifiers: n }) => {
 	if (e[z].loading.value = !!t, !e[z].loading.value) return;
 	let r = n.dark || !n.light && I.value;
 	e[z].spinEl.style.setProperty("--host-bg", r ? "0 0 0" : "255 255 255");

package/dist/directives.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./directives-pSAvXd5F.js";
+import { i as e, n as t, r as n, t as r } from "./directives-DXNnV4xc.js";
 export { r as SpinDirectiveProvider, n as TooltipDirectiveProvider, t as vSpin, e as vTooltip };

package/dist/index.js

@@ -1,6 +1,6 @@
 import { n as e, t } from "./use-i18n-Cmb7Xx7d.js";
 import n, { c as r, cB as i, cE as a, cM as o } from "./use-style.js";
-import { i as s, n as c, r as l, t as u } from "./directives-pSAvXd5F.js";
+import { i as s, n as c, r as l, t as u } from "./directives-DXNnV4xc.js";
 import { Fragment as d, computed as f, createVNode as p, defineComponent as m, inject as h, isVNode as g, mergeProps as _, provide as v, reactive as y, ref as b, renderSlot as x, shallowRef as ee, toRef as S, toValue as C, unref as w, useTemplateRef as T, watch as E, withDirectives as D } from "vue";
 import { computedAsync as te, promiseTimeout as O, useElementHover as k, useElementSize as ne, useEventListener as re, useFullscreen as ie, watchDebounced as ae } from "@vueuse/core";
 import { NAvatar as A, NBadge as oe, NBreadcrumb as se, NBreadcrumbItem as ce, NButton as j, NDrawer as le, NDrawerContent as M, NDropdown as N, NEmpty as P, NIcon as F, NList as I, NListItem as L, NMenu as R, NPagination as z, NPopover as B, NScrollbar as V, NText as H, NThing as U, useThemeVars as W } from "ithinkdt-ui";
@@ -12,7 +12,7 @@ import { format as me } from "date-fns";
 function K(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !g(e);
 }
-const he = /* @__PURE__ */ m({
+const he = m({
 	name: "AppAccount",
 	props: {
 		username: String,
@@ -115,7 +115,7 @@ const he = /* @__PURE__ */ m({
 			]]) : void 0
 		]);
 	}
-}), ge = /* @__PURE__ */ m({
+}), ge = m({
 	name: "AppAppearance",
 	props: { mode: String },
 	emit: ["update:mode"],
@@ -178,7 +178,7 @@ const he = /* @__PURE__ */ m({
 function _e(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !g(e);
 }
-const ve = /* @__PURE__ */ m({
+const ve = m({
 	name: "AppBreadcrumb",
 	props: {
 		items: {
@@ -207,7 +207,7 @@ const ve = /* @__PURE__ */ m({
 			}, { default: () => [e.icon ? p(d, null, [p(F, { component: e[r] }, null), " "]) : void 0, C(e.title)] }))) ? n : { default: () => [n] });
 		};
 	}
-}), ye = /* @__PURE__ */ m({
+}), ye = m({
 	name: "AppFullscreen",
 	props: {},
 	emit: ["change"],
@@ -250,7 +250,7 @@ const ve = /* @__PURE__ */ m({
 			{ bottom: !0 }
 		]]);
 	}
-}), be = /* @__PURE__ */ m({
+}), be = m({
 	name: "AppLanguage",
 	props: {
 		lang: String,
@@ -282,7 +282,7 @@ const ve = /* @__PURE__ */ m({
 		}, [p("path", { d: "M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2S2 6.477 2 12Z" }, null), p("path", { d: "M13 2.05S16 6 16 12c0 6-3 9.95-3 9.95m-2 0S8 18 8 12c0-6 3-9.95 3-9.95M2.63 15.5h18.74m-18.74-7h18.74" }, null)])])] })] })] });
 	}
 });
-var xe = /* @__PURE__ */ r([
+var xe = r([
 	i("layout", {
 		display: "grid",
 		gridTemplateAreas: "\n                'sider header'\n                'sider content'\n                'sider footer'\n            ",
@@ -360,7 +360,7 @@ var xe = /* @__PURE__ */ r([
 	d: "M12.5 18s6-4.419 6-6s-6-6-6-6m-7 12s6-4.419 6-6s-6-6-6-6",
 	color: "currentColor"
 }, null)]);
-const we = /* @__PURE__ */ m({
+const we = m({
 	name: "AppLayout",
 	props: {
 		layout: {
@@ -393,7 +393,7 @@ const we = /* @__PURE__ */ m({
 			}, [x(t, "default")]);
 		};
 	}
-}), Te = /* @__PURE__ */ m({
+}), Te = m({
 	name: "AppHeader",
 	props: { height: {
 		type: Number,
@@ -403,7 +403,7 @@ const we = /* @__PURE__ */ m({
 		let n = X();
 		return () => (n.headerHeight = e.height + "px", p("div", { class: "app-header" }, [x(t, "default")]));
 	}
-}), Ee = /* @__PURE__ */ m({
+}), Ee = m({
 	name: "AppSidebar",
 	props: {
 		showCollapseBtn: {
@@ -432,12 +432,12 @@ const we = /* @__PURE__ */ m({
 			}
 		}, { default: () => [p(F, { size: "20" }, { default: () => [t.collapsed ? p(Ce, null, null) : p(Se, null, null)] })] }), [[s, t.collapsed ? i("common.layout.sider.expand") : i("common.layout.sider.collapse")]]) : void 0]));
 	}
-}), De = /* @__PURE__ */ m({
+}), De = m({
 	name: "AppContent",
 	setup(e, { slots: t }) {
 		return () => p("div", { class: "app-content" }, [x(t, "default")]);
 	}
-}), Oe = /* @__PURE__ */ m({
+}), Oe = m({
 	name: "AppFooter",
 	props: { height: {
 		type: Number,
@@ -451,7 +451,7 @@ const we = /* @__PURE__ */ m({
 function ke(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !g(e);
 }
-const Z = /* @__PURE__ */ m({
+const Z = m({
 	name: "AppLogo",
 	props: {
 		src: [String, Function],
@@ -511,7 +511,7 @@ const Z = /* @__PURE__ */ m({
 function Q(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !g(e);
 }
-const Ae = /* @__PURE__ */ m({
+const Ae = m({
 	name: "AppMenu",
 	props: {
 		menus: Array,
@@ -835,7 +835,7 @@ var Ne = (e) => p("svg", e, [
 		height: "36",
 		fill: "currentColor"
 	}, null)])])
-]), Pe = /* @__PURE__ */ m({
+]), Pe = m({
 	name: "AppTab",
 	props: {
 		path: String,
@@ -893,7 +893,7 @@ var Ne = (e) => p("svg", e, [
 		]);
 	}
 });
-const Fe = /* @__PURE__ */ m({
+const Fe = m({
 	name: "AppMultiTabs",
 	props: {
 		fullTab: Boolean,
@@ -951,7 +951,7 @@ const Fe = /* @__PURE__ */ m({
 function $(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !g(e);
 }
-const Ie = /* @__PURE__ */ m({
+const Ie = m({
 	name: "AppNotification",
 	inheritAttrs: !1,
 	props: {
@@ -1154,7 +1154,7 @@ var Le = (e) => p("svg", _({
 	fill: "currentColor",
 	d: "m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z"
 }, null)]);
-const Re = /* @__PURE__ */ m({
+const Re = m({
 	name: "AppTenant",
 	props: {
 		options: Array,
@@ -1201,7 +1201,7 @@ const Re = /* @__PURE__ */ m({
 			})] });
 		};
 	}
-}), ze = /* @__PURE__ */ m({
+}), ze = m({
 	name: "UIProvider",
 	props: { i18n: Function },
 	setup(e, { slots: n }) {