@ithinkdt/ui 4.0.6 → 4.0.7

package/dist/components.js

@@ -6,9 +6,9 @@ import { Fragment as w, computed as T, createTextVNode as E, createVNode as D, d
 import { until as se } from "@vueuse/core";
 import { NAnchor as ce, NAnchorLink as le, NAvatar as R, NAvatarGroup as ue, NButton as z, NCard as de, NCheckbox as B, NCheckboxGroup as fe, NDropdown as V, NEllipsis as pe, NEmpty as me, NFlex as H, NForm as he, NFormItem as ge, NGi as U, NGrid as _e, NIcon as W, NInput as ve, NList as ye, NListItem as be, NPagination as xe, NPopover as Se, NRadio as Ce, NRadioButton as we, NRadioGroup as Te, NSelect as Ee, NSpin as De, NTag as Oe, NText as ke, NTooltip as Ae, NTransfer as je, NTree as Me, NTreeSelect as Ne, formProps as Pe, useDialog as Fe } from "ithinkdt-ui";
 import { nanoid as Ie } from "nanoid";
-import { VOverflow as Le, VResizeObserver as Re } from "vueuc";
-import { Sortable as ze } from "sortablejs/modular/sortable.core.esm.js";
-import { isNullish as Be, pickProps as G } from "@ithinkdt/common/object";
+import { isNullish as Le, pickProps as G } from "@ithinkdt/common/object";
+import { VOverflow as Re, VResizeObserver as ze } from "vueuc";
+import { Sortable as Be } from "sortablejs/modular/sortable.core.esm.js";
 import { useFormItem as Ve } from "ithinkdt-ui/es/_mixins";
 import { measureText as He } from "@ithinkdt/common/string";
 import { useFormModal as Ue } from "@ithinkdt/page";
@@ -130,7 +130,7 @@ const qe = k({
 		}, { default: () => [e.text] }), p = (e, t) => {
 			t.onClick?.();
 		};
-		return () => D(Re, { onResize: r }, { default: () => [D(Le, {
+		return () => D(ze, { onResize: r }, { default: () => [D(Re, {
 			ref: t,
 			getCounter: a,
 			onUpdateCount: s,
@@ -264,7 +264,7 @@ const Xe = k({
 		}
 		let o = F();
 		return L(o, (e) => {
-			e.$el && ze.create(e.$el, {
+			e.$el && Be.create(e.$el, {
 				animation: 150,
 				ghostClass: "ghost",
 				handle: ".icon-drag",
@@ -371,7 +371,7 @@ const tt = k({
 			affix: !0
 		}, e.anchor && typeof e.anchor == "object" ? e.anchor : {}));
 		return () => {
-			let t, { cols: n, title: i, data: a, items: c, anchor: l } = e, u = Be(i) ? void 0 : D("div", { class: `${r}__header` }, [typeof i == "string" ? D("span", null, [i]) : i(a ?? void 0)]), d = c.filter((e) => !e.hiddden).map((e) => et(e, n, a, r)), f = l === !1 ? void 0 : D(ce, s.value, Ze(t = c.map((e) => A(Qe(e, a), { key: e.prop }))) ? t : { default: () => [t] });
+			let t, { cols: n, title: i, data: a, items: c, anchor: l } = e, u = Le(i) ? void 0 : D("div", { class: `${r}__header` }, [typeof i == "string" ? D("span", null, [i]) : i(a ?? void 0)]), d = c.filter((e) => !e.hiddden).map((e) => et(e, n, a, r)), f = l === !1 ? void 0 : D(ce, s.value, Ze(t = c.map((e) => A(Qe(e, a), { key: e.prop }))) ? t : { default: () => [t] });
 			return D("div", {
 				class: r,
 				style: o.value

package/dist/index.js

@@ -7,12 +7,13 @@ import { NAvatar as A, NBadge as oe, NBreadcrumb as se, NBreadcrumbItem as ce, N
 import { useAtomicBroadcast as ue } from "@ithinkdt/common/composables";
 import { RouterLink as de, useRouter as G } from "vue-router";
 import { walkTree as fe } from "@ithinkdt/common/tree";
-import { getOpaqueColor as pe } from "@ithinkdt/common/color";
-import { format as me } from "date-fns";
+import { isNullish as pe } from "@ithinkdt/common/object";
+import { getOpaqueColor as me } from "@ithinkdt/common/color";
+import { format as he } from "date-fns";
 function K(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !g(e);
 }
-const he = m({
+const ge = m({
 	name: "AppAccount",
 	props: {
 		username: String,
@@ -115,7 +116,7 @@ const he = m({
 			]]) : void 0
 		]);
 	}
-}), ge = m({
+}), _e = m({
 	name: "AppAppearance",
 	props: { mode: String },
 	emit: ["update:mode"],
@@ -175,10 +176,10 @@ const he = m({
 	fill: "currentColor",
 	d: "m17 18l-5-2.18L7 18V5h10m0-2H7a2 2 0 0 0-2 2v16l7-3l7 3V5a2 2 0 0 0-2-2Z"
 }, null)]), Y = "__APP_CTX__", X = () => h(Y);
-function _e(e) {
+function ve(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !g(e);
 }
-const ve = m({
+const ye = m({
 	name: "AppBreadcrumb",
 	props: {
 		items: {
@@ -198,7 +199,7 @@ const ve = m({
 			});
 		}, { immediate: !0 }), () => {
 			let n;
-			return p(se, null, _e(n = e.items.map((e) => p(ce, {
+			return p(se, null, ve(n = e.items.map((e) => p(ce, {
 				clickable: e.href?.length > 0,
 				separator: e.separator,
 				onClick: e.href && ((n) => {
@@ -207,7 +208,7 @@ const ve = m({
 			}, { default: () => [e.icon ? p(d, null, [p(F, { component: e[r] }, null), " "]) : void 0, C(e.title)] }))) ? n : { default: () => [n] });
 		};
 	}
-}), ye = m({
+}), be = m({
 	name: "AppFullscreen",
 	props: {},
 	emit: ["change"],
@@ -250,7 +251,7 @@ const ve = m({
 			{ bottom: !0 }
 		]]);
 	}
-}), be = m({
+}), xe = m({
 	name: "AppLanguage",
 	props: {
 		lang: String,
@@ -282,7 +283,7 @@ const ve = 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 = r([
+var Se = r([
 	i("layout", {
 		display: "grid",
 		gridTemplateAreas: "\n                'sider header'\n                'sider content'\n                'sider footer'\n            ",
@@ -333,7 +334,7 @@ var xe = r([
 		textAlign: "center",
 		color: "gray"
 	})
-]), Se = () => p("svg", {
+]), Ce = () => p("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "1em",
 	height: "1em",
@@ -346,7 +347,7 @@ var xe = r([
 	"stroke-width": "1.5",
 	d: "M11.5 18s-6-4.419-6-6s6-6 6-6m7 12s-6-4.419-6-6s6-6 6-6",
 	color: "currentColor"
-}, null)]), Ce = () => p("svg", {
+}, null)]), we = () => p("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "1em",
 	height: "1em",
@@ -360,7 +361,7 @@ var xe = 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 = m({
+const Te = m({
 	name: "AppLayout",
 	props: {
 		layout: {
@@ -370,7 +371,7 @@ const we = m({
 		fullContent: Boolean
 	},
 	setup(e, { slots: t }) {
-		n("-layout", xe, b("app"), !1);
+		n("-layout", Se, b("app"), !1);
 		let r = y({
 			siderWidth: "0px",
 			headerHeight: "0px",
@@ -393,7 +394,7 @@ const we = m({
 			}, [x(t, "default")]);
 		};
 	}
-}), Te = m({
+}), Ee = m({
 	name: "AppHeader",
 	props: { height: {
 		type: Number,
@@ -403,7 +404,7 @@ const we = m({
 		let n = X();
 		return () => (n.headerHeight = e.height + "px", p("div", { class: "app-header" }, [x(t, "default")]));
 	}
-}), Ee = m({
+}), De = m({
 	name: "AppSidebar",
 	props: {
 		showCollapseBtn: {
@@ -430,14 +431,14 @@ const we = m({
 			onClick: () => {
 				n("update:collapsed", !t.collapsed);
 			}
-		}, { 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]));
+		}, { default: () => [p(F, { size: "20" }, { default: () => [t.collapsed ? p(we, null, null) : p(Ce, null, null)] })] }), [[s, t.collapsed ? i("common.layout.sider.expand") : i("common.layout.sider.collapse")]]) : void 0]));
 	}
-}), De = m({
+}), Oe = m({
 	name: "AppContent",
 	setup(e, { slots: t }) {
 		return () => p("div", { class: "app-content" }, [x(t, "default")]);
 	}
-}), Oe = m({
+}), ke = m({
 	name: "AppFooter",
 	props: { height: {
 		type: Number,
@@ -448,10 +449,10 @@ const we = m({
 		return () => (n.footerHeight = e.height + "px", p("div", { class: "app-footer" }, [x(t, "default")]));
 	}
 });
-function ke(e) {
+function Z(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !g(e);
 }
-const Z = m({
+const Ae = m({
 	name: "AppLogo",
 	props: {
 		src: [String, Function],
@@ -504,14 +505,14 @@ const Z = m({
 			}, null)]), i ? p(H, {
 				class: "app-logo__name",
 				style: "font-size: var(--app-logo-name-size); font-weight: bold; white-space: nowrap; flex: 0 1 auto; overflow: hidden"
-			}, ke(i) ? i : { default: () => [i] }) : ""]);
+			}, Z(i) ? i : { default: () => [i] }) : ""]);
 		};
 	}
 });
 function Q(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !g(e);
 }
-const Ae = m({
+const je = m({
 	name: "AppMenu",
 	props: {
 		menus: Array,
@@ -546,7 +547,7 @@ const Ae = m({
 						_: o,
 						key: o.key,
 						label: () => e.renderLabel?.(o) ?? o.name,
-						icon: n === 0 || o.icon ? typeof o.icon == "string" ? e.getIcon?.(o.icon, o) ?? J : o.icon : void 0,
+						icon: n === 0 || o.icon ? pe(o.icon) || typeof o.icon == "string" ? e.getIcon?.(o.icon, o) ?? J : o.icon : void 0,
 						children: r ? void 0 : t,
 						path: o.path || (r ? t?.[0]?.path : void 0),
 						depth: n
@@ -609,7 +610,7 @@ const Ae = m({
 		};
 	}
 });
-function je(t, n, r) {
+function Me(t, n, r) {
 	let { t: i } = e(), a = y({
 		visible: !1,
 		x: 0,
@@ -781,7 +782,7 @@ function je(t, n, r) {
 		}
 	};
 }
-function Me(e, t, n) {
+function Ne(e, t, n) {
 	function r(n) {
 		if (n === -1 || !t.value?.children.length) return;
 		let r = t.value.children[n];
@@ -799,7 +800,7 @@ function Me(e, t, n) {
 		content: t
 	};
 }
-var Ne = (e) => p("svg", e, [
+var Pe = (e) => p("svg", e, [
 	p("defs", null, [
 		p("symbol", {
 			id: "geometry-left",
@@ -835,7 +836,7 @@ var Ne = (e) => p("svg", e, [
 		height: "36",
 		fill: "currentColor"
 	}, null)])])
-]), Pe = m({
+]), Fe = m({
 	name: "AppTab",
 	props: {
 		path: String,
@@ -862,7 +863,7 @@ var Ne = (e) => p("svg", e, [
 			top: "0",
 			left: "-14px",
 			zIndex: e.isCurrent ? -1 : -2,
-			color: e.isCurrent ? pe(c.value.primaryColor, e.dark ? .3 : .12, e.dark ? "#000" : "#fff") : i.value ? c.value.borderColor : "transparent"
+			color: e.isCurrent ? me(c.value.primaryColor, e.dark ? .3 : .12, e.dark ? "#000" : "#fff") : i.value ? c.value.borderColor : "transparent"
 		}));
 		return () => p("div", {
 			ref: r,
@@ -889,11 +890,11 @@ var Ne = (e) => p("svg", e, [
 				d: "m6.4 18.308l-.708-.708l5.6-5.6l-5.6-5.6l.708-.708l5.6 5.6l5.6-5.6l.708.708l-5.6 5.6l5.6 5.6l-.708.708l-5.6-5.6z"
 			}, null)])] })] })]) : void 0])]),
 			p("span", { style: "height: 50%; width: 1px; background: #aaa; display: inline-block; position: absolute; top: 20%; right: -4px; z-index: -3" }, null),
-			p(Ne, { style: u.value }, null)
+			p(Pe, { style: u.value }, null)
 		]);
 	}
 });
-const Fe = m({
+const Ie = m({
 	name: "AppMultiTabs",
 	props: {
 		fullTab: Boolean,
@@ -906,8 +907,8 @@ const Fe = m({
 	setup(e, { emit: t, slots: n }) {
 		let r = X();
 		r.hasMultiTab = !0;
-		let i = G(), { ctx: a, onCtx: o, onClickOutside: s, options: c, onSelect: l } = je(S(e, "tabs"), f(() => e.current?.key), () => t("update:fullTab", !e.fullTab)), u = f(() => e.current ? e.tabs.findIndex((t) => t.key === e.current?.key) : -1), d = b(), m = b();
-		return Me(d, m, u), () => p("div", { style: "width: 100%; height: 100%; overflow: hidden; display: flex; justify-content: space-between" }, [p("div", {
+		let i = G(), { ctx: a, onCtx: o, onClickOutside: s, options: c, onSelect: l } = Me(S(e, "tabs"), f(() => e.current?.key), () => t("update:fullTab", !e.fullTab)), u = f(() => e.current ? e.tabs.findIndex((t) => t.key === e.current?.key) : -1), d = b(), m = b();
+		return Ne(d, m, u), () => p("div", { style: "width: 100%; height: 100%; overflow: hidden; display: flex; justify-content: space-between" }, [p("div", {
 			ref: d,
 			style: "flex: 1 1 100%; height: 100%; display: flex; overflow: hidden; align-items: center; position: relative"
 		}, [
@@ -918,7 +919,7 @@ const Fe = m({
 				onContextmenu: (e) => o(e)
 			}, [e.tabs.map((t, r, a) => {
 				let s = e.current?.key === t.key, c = t.title ?? t.path;
-				return p(Pe, {
+				return p(Fe, {
 					key: t.key,
 					isCurrent: s,
 					isLast: r === a.length - 1,
@@ -951,7 +952,7 @@ const Fe = m({
 function $(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !g(e);
 }
-const Ie = m({
+const Le = m({
 	name: "AppNotification",
 	inheritAttrs: !1,
 	props: {
@@ -1086,7 +1087,7 @@ const Ie = m({
 					}, $(r = i("common.notification.markDelete")) ? r : { default: () => [r] })]) : void 0;
 				},
 				default: e.content,
-				footer: () => p("span", { style: "color: gray" }, [e.hover ? me(e.date, i("common.notification.time")) : i("common.timeago", { time: e.date })])
+				footer: () => p("span", { style: "color: gray" }, [e.hover ? he(e.date, i("common.notification.time")) : i("common.timeago", { time: e.date })])
 			})] }), h = () => {
 				let e;
 				return D(l.records.length > 0 ? p(I, {
@@ -1143,7 +1144,7 @@ const Ie = m({
 		};
 	}
 });
-var Le = (e) => p("svg", _({
+var Re = (e) => p("svg", _({
 	xmlns: "http://www.w3.org/2000/svg",
 	"xmlns:xlink": "http://www.w3.org/1999/xlink",
 	role: "img",
@@ -1154,7 +1155,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 = m({
+const ze = m({
 	name: "AppTenant",
 	props: {
 		options: Array,
@@ -1166,7 +1167,7 @@ const Re = m({
 			round: !0,
 			size: 22,
 			color: "var(--color-primary-hover)"
-		}, { default: () => [e.icon?.() || e.name[0]] }), p("span", { style: e.id === t.current ? "color: var(--color-primary)" : "" }, [e.name])]), e.id === t.current ? p(Le, { style: "color: var(--color-primary); font-size: 20px" }, null) : p("div", null, null)]), a = f(() => [{
+		}, { default: () => [e.icon?.() || e.name[0]] }), p("span", { style: e.id === t.current ? "color: var(--color-primary)" : "" }, [e.name])]), e.id === t.current ? p(Re, { style: "color: var(--color-primary); font-size: 20px" }, null) : p("div", null, null)]), a = f(() => [{
 			id: "___",
 			name: r("common.account.changeTenant"),
 			disabled: !0
@@ -1201,11 +1202,11 @@ const Re = m({
 			})] });
 		};
 	}
-}), ze = m({
+}), Be = m({
 	name: "UIProvider",
 	props: { i18n: Function },
 	setup(e, { slots: n }) {
 		return v(t, S(e, "i18n")), () => n.default();
 	}
 });
-export { he as AppAccount, ge as AppAppearance, ve as AppBreadcrumb, De as AppContent, Oe as AppFooter, ye as AppFullscreen, Te as AppHeader, be as AppLanguage, we as AppLayout, Z as AppLogo, Ae as AppMenu, Fe as AppMultiTabs, Ie as AppNotification, Ee as AppSidebar, Re as AppTenant, u as SpinDirectiveProvider, l as TooltipDirectiveProvider, ze as UIProvider, c as vSpin, s as vTooltip };
+export { ge as AppAccount, _e as AppAppearance, ye as AppBreadcrumb, Oe as AppContent, ke as AppFooter, be as AppFullscreen, Ee as AppHeader, xe as AppLanguage, Te as AppLayout, Ae as AppLogo, je as AppMenu, Ie as AppMultiTabs, Le as AppNotification, De as AppSidebar, ze as AppTenant, u as SpinDirectiveProvider, l as TooltipDirectiveProvider, Be as UIProvider, c as vSpin, s as vTooltip };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ithinkdt/ui",
-  "version": "4.0.6",
+  "version": "4.0.7",
   "type": "module",
   "license": "MIT",
   "description": "iThinkDT UI",