@ithinkdt/ui 4.0.1 → 4.0.2

package/dist/use-i18n-Cmb7Xx7d.js

@@ -0,0 +1,6 @@
+import { inject as e } from "vue";
+const t = "__UI_I18N__";
+function n() {
+	return e(t).value();
+}
+export { n, t };

package/dist/use-style.js

@@ -1,2 +1,29 @@
-import { a as flex, c as flexDirCol, d as flexJustifySB, f as fullHeight, g as useStyle, h as useMergedClsPrefix, i as cM, l as flexGap, m as fullWidth, n as cB, o as flexAlignCenter, p as fullWH, r as cE, s as flexCenter, t as c, u as flexJustifyCenter } from "./use-style-BGq0HdRK.js";
-export { c, cB, cE, cM, useStyle as default, flex, flexAlignCenter, flexCenter, flexDirCol, flexGap, flexJustifyCenter, flexJustifySB, fullHeight, fullWH, fullWidth, useMergedClsPrefix as useClsPrefix };
+import { useMergedClsPrefix as e } from "ithinkdt-ui/es/_mixins/use-config";
+import t from "ithinkdt-ui/es/_mixins/use-style";
+import { c as n, cB as r, cE as i, cM as a } from "ithinkdt-ui/es/_utils/cssr/index";
+function o(n, r, i, a) {
+	return i ??= e(), t(n, r, i, a), i;
+}
+const s = { width: "100%" }, c = { height: "100%" }, l = {
+	...s,
+	...c
+}, u = { display: "flex" }, d = {
+	...u,
+	flexDirection: "column"
+}, f = {
+	...u,
+	alignItems: "center"
+}, p = {
+	...u,
+	justifyContent: "center"
+}, m = {
+	...u,
+	justifyContent: "space-between"
+}, h = {
+	...f,
+	...p
+}, g = (e) => ({
+	...u,
+	gap: e
+});
+export { n as c, r as cB, i as cE, a as cM, o as default, u as flex, f as flexAlignCenter, h as flexCenter, d as flexDirCol, g as flexGap, p as flexJustifyCenter, m as flexJustifySB, c as fullHeight, l as fullWH, s as fullWidth, e as useClsPrefix };

package/esm/page.d.ts

@@ -119,6 +119,8 @@ declare module '@ithinkdt/page' {
                 formatText?: ((value: string) => VNodeChild) | undefined
                 copyable?: boolean | undefined
                 onCopy?: (value: string) => void | undefined
+                drawerWidth?: MaybeRef<number | string | undefined>
+                drawerFooter?: (value: string, record: unknown) => VNodeChild
             }
         }
         number: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ithinkdt/ui",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "type": "module",
   "license": "MIT",
   "description": "iThinkDT UI",
@@ -58,13 +58,13 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@vueuse/core": "^14.2.0",
+    "@vueuse/core": "^14.2.1",
     "date-fns": "^4.1.0",
     "vueuc": "^0.4.65",
-    "sortablejs": "^1.15.6",
+    "sortablejs": "^1.15.7",
     "@types/sortablejs": "^1.15.9",
     "nanoid": "^5.1.6",
-    "@ithinkdt/common": "^4.0.0"
+    "@ithinkdt/common": "^4.0.2"
   },
   "peerDependencies": {
     "@ithinkdt/page": ">=4.0",
@@ -83,13 +83,13 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue-jsx": "^5.1.4",
-    "ithinkdt-ui": "^1.8.3",
+    "ithinkdt-ui": "^1.8.5",
     "typescript": "~5.9.3",
     "unocss": ">=66.6.0",
-    "vite": "^8.0.0-beta.11",
-    "vue": "^3.5.27",
-    "vue-router": "^5.0.2",
-    "@ithinkdt/page": "^4.0.0"
+    "vite": "^8.0.0-beta.15",
+    "vue": "^3.5.29",
+    "vue-router": "^5.0.3",
+    "@ithinkdt/page": "^4.0.3"
   },
   "scripts": {
     "dev": "vite build --watch",

package/dist/directives-pc2Vi93X.js

@@ -1,240 +0,0 @@
-import { g as useStyle, i as cM, n as cB, r as cE, t as c } from "./use-style-BGq0HdRK.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";
-var SUPPORT_LINE_CLAMP = [
-	2,
-	3,
-	5
-], style$1 = /* @__PURE__ */ c([
-	c(({ props: e }) => `:where(span${e.bPrefix}tooltip-host)`, { display: "inline-block" }),
-	c(({ props: e }) => `:where(${e.bPrefix}tooltip-host)`, {
-		maxWidth: "100%",
-		whiteSpace: "nowrap",
-		overflow: "hidden",
-		textOverflow: "ellipsis"
-	}),
-	...SUPPORT_LINE_CLAMP.map((e) => c(({ props: t }) => `:where(${t.bPrefix}tooltip-ell${e}:not(${t.bPrefix}tooltip-expanded))`, {
-		display: "-webkit-box",
-		WebkitLineClamp: e,
-		WebkitBoxOrient: "vertical",
-		whiteSpace: "normal"
-	})),
-	c(({ props: e }) => `:where(${e.bPrefix}tooltip-expandable)`, { cursor: "pointer" }),
-	c(({ props: e }) => `:where(${e.bPrefix}tooltip-expanded)`, {
-		cursor: "pointer",
-		whiteSpace: "normal",
-		lineHeight: "1.25"
-	})
-]), Tooltip = /* @__PURE__ */ Symbol("tooltip-dir"), current = /* @__PURE__ */ shallowRef();
-function detectOverflow(e) {
-	let t = e.firstChild;
-	if (!t) return !1;
-	let n = t instanceof Text ? {
-		width: e.scrollWidth,
-		height: e.scrollHeight
-	} : t.getBoundingClientRect?.() ?? {
-		width: t.clientWidth,
-		height: t.clientHeight
-	};
-	return n.width >= e.clientWidth + 1 || n.height >= e.clientHeight + 2;
-}
-var _update, _current, clsPrefix$1;
-const TooltipDirectiveProvider = /* @__PURE__ */ defineComponent({
-	name: "TooltipDirectiveProvider",
-	props: { delay: {
-		type: Number,
-		default: 180
-	} },
-	setup(t) {
-		clsPrefix$1 = useStyle("-tooltip-directive", style$1);
-		let n = shallowRef(), r = reactive({
-			show: !1,
-			tip: void 0,
-			placement: "top",
-			x: 0,
-			y: 0
-		});
-		_update = async () => {
-			if (!current.value) return;
-			t.delay > 0 && await promiseTimeout(t.delay);
-			let e = current.value;
-			if (e?.classList.contains(`${clsPrefix$1.value}-tooltip-expanded`)) {
-				r.show = !1;
-				return;
-			}
-			let i = e?.[Tooltip];
-			if (!i) return;
-			i.binding.modifiers.expandable && e.classList.remove(`${clsPrefix$1.value}-tooltip-expandable`);
-			let a = i.tip;
-			if (n.value = typeof a == "function" ? a : () => a || e.attributes.getNamedItem("title") || e.textContent, !i.binding.modifiers?.auto || detectOverflow(e)) {
-				r.show = !0, i.binding.modifiers.expandable && e.classList.add(`${clsPrefix$1.value}-tooltip-expandable`);
-				let t = e.getBoundingClientRect();
-				switch (r.placement = Object.keys(i.binding.modifiers).find((e) => [
-					"top",
-					"right",
-					"left",
-					"bottom"
-				].find((t) => e.startsWith(t))) ?? "top", r.placement.split("-")[0]) {
-					case "top":
-						r.x = t.left + t.width / 2, r.y = t.top;
-						break;
-					case "right":
-						r.x = t.left + t.width, r.y = t.top + t.height / 2;
-						break;
-					case "left":
-						r.x = t.left, r.y = t.top + t.height / 2;
-						break;
-					case "bottom":
-						r.x = t.left + t.width / 2, r.y = t.bottom;
-						break;
-				}
-			} else r.show &&= !1;
-		};
-		let i = `ithinkdt-tooltip-${nanoid()}`, a = throttle((e) => {
-			!_current || _current.contains(e) || e.closest(`.${i}`) || (r.show = !1, current.value = void 0);
-		}, 100, { leading: !1 });
-		return useEventListener("mouseover", (e) => {
-			_current = current.value, a(e.target);
-		}, { capture: !0 }), () => createVNode(NTooltip, {
-			trigger: "manual",
-			show: !!current.value && r.show,
-			scrollable: !0,
-			flip: !1,
-			x: r.x,
-			y: r.y,
-			placement: r.placement,
-			style: "max-width: 61.8vw; max-height: 61.8vh"
-		}, { default: () => [createVNode("div", { class: i }, [n.value?.()])] });
-	}
-});
-var _mouseenter = (e) => {
-	_current = void 0, current.value = e.target, _update?.();
-}, _click = (e) => {
-	e.target.classList.contains(`${clsPrefix$1.value}-tooltip-expandable`) ? (e.target.classList.remove(`${clsPrefix$1.value}-tooltip-expandable`), e.target.classList.add(`${clsPrefix$1.value}-tooltip-expanded`), _update()) : e.target.classList.contains(`${clsPrefix$1.value}-tooltip-expanded`) && (e.target.classList.remove(`${clsPrefix$1.value}-tooltip-expanded`), e.target.classList.add(`${clsPrefix$1.value}-tooltip-expandable`), _update());
-};
-const vTooltip = {
-	mounted(e, t) {
-		e[Tooltip] = {
-			binding: t,
-			tip: t.value
-		}, e.addEventListener("mouseenter", _mouseenter), t.modifiers.auto && e.classList.add(`${clsPrefix$1.value}-tooltip-host`), t.modifiers.expandable && (e.bindClick = !0, e.addEventListener("click", _click));
-		for (let n of SUPPORT_LINE_CLAMP) t.modifiers[`ell${n}`] && e.classList.add(`${clsPrefix$1.value}-tooltip-ell${n}`);
-	},
-	updated(e, t) {
-		if (e[Tooltip]) {
-			e[Tooltip].binding = t, e[Tooltip].tip = t.value, e.classList.toggle(`${clsPrefix$1.value}-tooltip-host`, t.modifiers.auto || !1);
-			for (let n of SUPPORT_LINE_CLAMP) e.classList.toggle(`${clsPrefix$1.value}-tooltip-ell${n}`, t.modifiers[`ell${n}`] || !1);
-			t.modifiers.expandable && !e.bindClick ? (e.bindClick = !0, e.addEventListener("click", _click)) : e.bindClick && (e.bindClick = !1, e.removeEventListener("click", _click)), current.value === e && _update();
-		}
-	},
-	beforeUnmount(e) {
-		current.value === e && (current.value = void 0), e[Tooltip] && (e.removeEventListener("mouseenter", _mouseenter), e.bindClick = !1, e.removeEventListener("click", _click), e.classList.remove(`${clsPrefix$1.value}-tooltip-host`, `${clsPrefix$1.value}-tooltip-expandable`, `${clsPrefix$1.value}-tooltip-expanded`, ...SUPPORT_LINE_CLAMP.map((e) => `${clsPrefix$1.value}-tooltip-ell${e}`)), delete e[Tooltip]);
-	}
-};
-var clsPrefix, isDark, style = /* @__PURE__ */ c([c(({ props: e }) => `:where(${e.bPrefix}spin-host)`, { position: "relative" }), cB("spin-directive", {
-	zIndex: "999999",
-	position: "absolute",
-	color: "var(--color-primary)",
-	display: "flex",
-	flexDirection: "column",
-	justifyContent: "center",
-	alignItems: "center",
-	gap: "4px",
-	willChange: "background-color",
-	backgroundColor: "rgb(var(--host-bg, 255 255 255) / 0)",
-	transition: "background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
-}, [
-	cE("tip, icon", {
-		willChange: "opacity",
-		opacity: "0",
-		transition: "opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
-	}),
-	cE("tip:empty", { display: "none" }),
-	cM("spining", { backgroundColor: "rgb(var(--host-bg, 255 255 255) / 0.5)" }, [cE("tip, icon", { opacity: "1" })])
-])]);
-const SpinDirectiveProvider = /* @__PURE__ */ defineComponent({
-	name: "SpinDirectiveProvider",
-	props: { dark: Boolean },
-	setup(t) {
-		return clsPrefix = useStyle("-spin-directive", style), isDark = toRef(t, "dark"), () => h(Fragment);
-	}
-});
-var Spin = /* @__PURE__ */ Symbol("spin-dir"), updateLoading = (e, { value: t, modifiers: n }) => {
-	if (e[Spin].loading.value = !!t, !e[Spin].loading.value) return;
-	let r = n.dark || !n.light && isDark.value;
-	e[Spin].spinEl.style.setProperty("--host-bg", r ? "0 0 0" : "255 255 255");
-};
-const vSpin = {
-	beforeMount(e) {
-		if (e.classList.add(`${clsPrefix.value}-spin-host`), e[Spin]) return;
-		let t = 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>
-                        <animateTransform attributeName="transform" type="rotate" values="0 100 100;270 100 100" begin="0s" dur="1.6s" fill="freeze" repeatCount="indefinite"></animateTransform>
-                        <circle fill="none" stroke="currentColor" stroke-width="18" stroke-linecap="round" cx="100" cy="100" r="92" stroke-dasharray="567" stroke-dashoffset="1848">
-                            <animateTransform attributeName="transform" type="rotate" values="0 100 100;135 100 100;450 100 100" begin="0s" dur="1.6s" fill="freeze" repeatCount="indefinite"></animateTransform>
-                            <animate attributeName="stroke-dashoffset" values="567;142;567" begin="0s" dur="1.6s" fill="freeze" repeatCount="indefinite"></animate>
-                        </circle>
-                    </g>
-                </svg>
-                <div class="${clsPrefix.value}-spin-directive__tip"></div>
-            </div>
-        `.trim()), r, { stop: i, update: a } = useElementIntersectionRect(e, (e) => {
-			r = e, Object.assign(n.style, {
-				left: 0,
-				top: 0,
-				width: r.width + "px",
-				height: r.height + "px"
-			});
-		}, { interval: 1e3 / 30 }), o, s = watch(t, debounce(() => {
-			if (t.value) o === void 0 && (clearTimeout(o), o = void 0), a(), e.append(n), requestAnimationFrame(() => {
-				t.value && n.classList.add(`${clsPrefix.value}-spin-directive--spining`);
-			});
-			else {
-				n.classList.remove(`${clsPrefix.value}-spin-directive--spining`);
-				let e = () => {
-					n.remove(), t && clearTimeout(t), t = null, n.removeEventListener("transitioncancel", e), n.removeEventListener("transitionend", e);
-				};
-				n.addEventListener("transitioncancel", e), n.addEventListener("transitionend", e);
-				let t = setTimeout(e, 300);
-			}
-		}, 30));
-		e[Spin] = {
-			loading: t,
-			spinEl: n,
-			updateTip: () => {
-				let t = n.querySelector(`.${clsPrefix.value}-spin-directive__tip`);
-				t.textContent = e.dataset.spinTip;
-			},
-			stop: () => {
-				i(), s();
-			}
-		};
-	},
-	mounted(e, t) {
-		e[Spin] && (updateLoading(e, t), e[Spin].updateTip(), !e[Spin].observer && nextTick().then(() => {
-			(e[Spin].observer = new MutationObserver((t) => {
-				for (let n of t) if (n.type === "attributes" && n.attributeName === "data-spin-tip") {
-					e[Spin].updateTip();
-					return;
-				}
-			})).observe(e, {
-				attributes: !0,
-				attributeFilter: ["data-spin-tip"]
-			});
-		}));
-	},
-	updated(e, t) {
-		e[Spin] && updateLoading(e, t);
-	},
-	beforeUnmount(e) {
-		e[Spin] && (e[Spin].loading.value = !1, e[Spin].stop(), e[Spin].observer?.disconnect(), delete e[Spin]);
-	}
-};
-export { vTooltip as i, vSpin as n, TooltipDirectiveProvider as r, SpinDirectiveProvider as t };

package/dist/use-i18n-D-AJ8KbA.js

@@ -1,6 +0,0 @@
-import { inject } from "vue";
-const UI_I18N_INJECTION = "__UI_I18N__";
-function useI18n() {
-	return inject(UI_I18N_INJECTION).value();
-}
-export { useI18n as n, UI_I18N_INJECTION as t };

package/dist/use-style-BGq0HdRK.js

@@ -1,29 +0,0 @@
-import { useMergedClsPrefix } from "ithinkdt-ui/es/_mixins/use-config";
-import _useStyle from "ithinkdt-ui/es/_mixins/use-style";
-import { c, cB, cE, cM } from "ithinkdt-ui/es/_utils/cssr/index";
-function useStyle(t, n, r, i) {
-	return r ??= useMergedClsPrefix(), _useStyle(t, n, r, i), r;
-}
-const fullWidth = { width: "100%" }, fullHeight = { height: "100%" }, fullWH = {
-	...fullWidth,
-	...fullHeight
-}, flex = { display: "flex" }, flexDirCol = {
-	...flex,
-	flexDirection: "column"
-}, flexAlignCenter = {
-	...flex,
-	alignItems: "center"
-}, flexJustifyCenter = {
-	...flex,
-	justifyContent: "center"
-}, flexJustifySB = {
-	...flex,
-	justifyContent: "space-between"
-}, flexCenter = {
-	...flexAlignCenter,
-	...flexJustifyCenter
-}, flexGap = (e) => ({
-	...flex,
-	gap: e
-});
-export { flex as a, flexDirCol as c, flexJustifySB as d, fullHeight as f, useStyle as g, useMergedClsPrefix as h, cM as i, flexGap as l, fullWidth as m, cB as n, flexAlignCenter as o, fullWH as p, cE as r, flexCenter as s, c as t, flexJustifyCenter as u };