@ithinkdt/ui 4.0.0-601 → 4.0.0-700

package/dist/use-style.js

@@ -1,2 +1,2 @@
-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-D9hLG26i.js";
+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-DrH-89qR.js";
 export { c, cB, cE, cM, useStyle as default, flex, flexAlignCenter, flexCenter, flexDirCol, flexGap, flexJustifyCenter, flexJustifySB, fullHeight, fullWH, fullWidth, useMergedClsPrefix as useClsPrefix };

package/esm/components.d.ts

@@ -211,9 +211,12 @@ export type DataTableProps<Data extends {}, KeyField extends keyof Data>
         keyField?: KeyField | undefined
         selectedKeys?: Data[KeyField][] | undefined
         highlight?: boolean | Data[KeyField] | undefined
+        highlightColor?: string | undefined
+        appear?: 'normal' | 'sticky' | undefined
         sorter?: SortParams<Data> | undefined
         onSort?: MaybeArray<(param: SortParams<Data>) => void> | undefined
         onSelect?: MaybeArray<(param: NonNullable<Data[KeyField]>[]) => void> | undefined
+
     }
 
 export type DataTableEmits<Data extends {}, KeyField extends keyof Data> = {

package/esm/directives.d.ts

@@ -21,12 +21,18 @@ export declare const TooltipDirectiveProvider: (props: { delay?: number }) => VN
  *
  * 支持的修饰符
  * - 'auto' 当内容溢出来容器时自动展示，否则隐藏
+ * - 'expandable' 当内容溢出来容器时支持展开
+ * - `ell${number}` 多行省略
  * - 'left-end'、'left'、'left-start'、'top-start'、'top'、'top-end'、'right-start'、'right'、'right-end'、'bottom-end'、'bottom'、'bottom-start' 弹出内容的位置
  */
 export declare const vTooltip: Directive<
     HTMLElement,
     VNodeChild,
     | 'auto'
+    | 'expandable'
+    | 'ell2'
+    | 'ell3'
+    | 'ell5'
     | 'left-end'
     | 'left'
     | 'left-start'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ithinkdt/ui",
-  "version": "4.0.0-601",
+  "version": "4.0.0-700",
   "type": "module",
   "license": "MIT",
   "description": "iThinkDT UI",
@@ -64,7 +64,7 @@
     "sortablejs": "^1.15.6",
     "@types/sortablejs": "^1.15.9",
     "nanoid": "^5.1.6",
-    "@ithinkdt/common": "^4.0.0-600"
+    "@ithinkdt/common": "^4.0.0-700"
   },
   "peerDependencies": {
     "@ithinkdt/page": ">=4.0",
@@ -86,14 +86,14 @@
     "ithinkdt-ui": "^1.8.1",
     "typescript": "~5.9.3",
     "unocss": ">=66.5.10",
-    "vite": "npm:rolldown-vite@7.1.20",
+    "vite": "^8.0.0-beta.3",
     "vue": "^3.5.25",
-    "vue-router": "^4.6.3",
-    "@ithinkdt/page": "^4.0.0-601"
+    "vue-router": "^4.6.4",
+    "@ithinkdt/page": "^4.0.0-700"
   },
   "scripts": {
     "dev": "vite build --watch",
     "build": "vite build",
-    "release": "pnpm run build && pnpm publish --no-git-checks --tag rc"
+    "release": "pnpm run build && pnpm publish --no-git-checks"
   }
 }

package/dist/directives-8VsgmCuO.js

@@ -1,203 +0,0 @@
-import { g as useStyle, i as cM, n as cB, r as cE, t as c } from "./use-style-D9hLG26i.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 style$1 = /* @__PURE__ */ c([c(({ props: m }) => `:where(span${m.bPrefix}tooltip-host)`, { display: "inline-block" }), c(({ props: m }) => `:where(${m.bPrefix}tooltip-host)`, {
-	maxWidth: "100%",
-	whiteSpace: "nowrap",
-	overflow: "hidden",
-	textOverflow: "ellipsis"
-})]), Tooltip = /* @__PURE__ */ Symbol("tooltip-dir"), current = /* @__PURE__ */ shallowRef();
-function detactOverflow(m) {
-	let F = m.firstChild;
-	if (!F) return !1;
-	let I = F instanceof Text ? {
-		width: m.scrollWidth,
-		height: m.scrollHeight
-	} : F.getBoundingClientRect?.() ?? {
-		width: F.clientWidth,
-		height: F.clientHeight
-	};
-	return I.width > m.clientWidth + 1 || I.height > m.clientHeight + 2;
-}
-var _update, _current, clsPrefix$1;
-const TooltipDirectiveProvider = /* @__PURE__ */ defineComponent({
-	name: "TooltipDirectiveProvider",
-	props: { delay: {
-		type: Number,
-		default: 180
-	} },
-	setup(F) {
-		clsPrefix$1 = useStyle("-tooltip-directive", style$1);
-		let I = shallowRef(), L = reactive({
-			show: !1,
-			tip: void 0,
-			placement: "top",
-			x: 0,
-			y: 0
-		});
-		_update = async () => {
-			if (!current.value) return;
-			F.delay > 0 && await promiseTimeout(F.delay);
-			let m = current.value, R = m?.[Tooltip];
-			if (!R) return;
-			let z = R.tip;
-			if (I.value = typeof z == "function" ? z : () => z || m.attributes.getNamedItem("title") || m.textContent, !R.binding.modifiers || detactOverflow(m)) {
-				L.show = !0;
-				let F = m.getBoundingClientRect();
-				switch (L.placement = Object.keys(R.binding.modifiers).find((m) => [
-					"top",
-					"right",
-					"left",
-					"bottom"
-				].find((F) => m.startsWith(F))) ?? "top", L.placement.split("-")[0]) {
-					case "top":
-						L.x = F.left + F.width / 2, L.y = F.top;
-						break;
-					case "right":
-						L.x = F.left + F.width, L.y = F.top + F.height / 2;
-						break;
-					case "left":
-						L.x = F.left, L.y = F.top + F.height / 2;
-						break;
-					case "bottom":
-						L.x = F.left + F.width / 2, L.y = F.bottom;
-						break;
-				}
-			} else L.show &&= !1;
-		};
-		let R = `ithinkdt-tooltip-${nanoid()}`, z = throttle((m) => {
-			!_current || _current.contains(m) || m.closest(`.${R}`) || (L.show = !1, current.value = void 0);
-		}, 100, { leading: !1 });
-		return useEventListener("mouseover", (m) => {
-			_current = current.value, z(m.target);
-		}, { capture: !0 }), () => createVNode(NTooltip, {
-			trigger: "manual",
-			show: !!current.value && L.show,
-			x: L.x,
-			y: L.y,
-			placement: L.placement
-		}, { default: () => [createVNode("div", { class: R }, [I.value?.()])] });
-	}
-});
-var _listener = (m) => {
-	_current = void 0, current.value = m.target, _update?.();
-};
-const vTooltip = {
-	mounted(m, F) {
-		m[Tooltip] = {
-			binding: F,
-			tip: F.value
-		}, m.addEventListener("mouseenter", _listener), F.modifiers.auto && m.classList.add(`${clsPrefix$1.value}-tooltip-host`);
-	},
-	updated(m, F) {
-		m[Tooltip].binding = F, m[Tooltip].tip = F.value, m.classList.toggle(`${clsPrefix$1.value}-tooltip-host`, F.modifiers.auto), _update();
-	},
-	beforeUnmount(m) {
-		m[Tooltip] && m.removeEventListener("mouseenter", _listener), m.classList.remove(`${clsPrefix$1.value}-tooltip-host`), current.value === m && (current.value = void 0), delete m[Tooltip];
-	}
-};
-var clsPrefix, isDark, style = /* @__PURE__ */ c([c(({ props: m }) => `:where(${m.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(F) {
-		return clsPrefix = useStyle("-spin-directive", style), isDark = toRef(F, "dark"), () => h(Fragment);
-	}
-});
-var Spin = /* @__PURE__ */ Symbol("spin-dir"), updateLoading = (m, { value: F, modifiers: I }) => {
-	if (m[Spin].loading.value = !!F, !m[Spin].loading.value) return;
-	let L = I.dark || !I.light && isDark.value;
-	m[Spin].spinEl.style.setProperty("--host-bg", L ? "0 0 0" : "255 255 255");
-};
-const vSpin = {
-	beforeMount(m) {
-		if (m.classList.add(`${clsPrefix.value}-spin-host`), m[Spin]) return;
-		let F = ref(!1), I = 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()), L, { stop: R, update: z } = useElementIntersectionRect(m, (m) => {
-			L = m, Object.assign(I.style, {
-				left: 0,
-				top: 0,
-				width: L.width + "px",
-				height: L.height + "px"
-			});
-		}, { interval: 1e3 / 30 }), B, V = watch(F, debounce(() => {
-			if (F.value) B === void 0 && (clearTimeout(B), B = void 0), z(), m.append(I), requestAnimationFrame(() => {
-				F.value && I.classList.add(`${clsPrefix.value}-spin-directive--spining`);
-			});
-			else {
-				I.classList.remove(`${clsPrefix.value}-spin-directive--spining`);
-				let m = () => {
-					I.remove(), F && clearTimeout(F), F = null, I.removeEventListener("transitioncancel", m), I.removeEventListener("transitionend", m);
-				};
-				I.addEventListener("transitioncancel", m), I.addEventListener("transitionend", m);
-				let F = setTimeout(m, 300);
-			}
-		}, 30));
-		m[Spin] = {
-			loading: F,
-			spinEl: I,
-			updateTip: () => {
-				let F = I.querySelector(`.${clsPrefix.value}-spin-directive__tip`);
-				F.textContent = m.dataset.spinTip;
-			},
-			stop: () => {
-				R(), V();
-			}
-		};
-	},
-	mounted(m, F) {
-		updateLoading(m, F), m[Spin].updateTip(), !m[Spin].observer && nextTick().then(() => {
-			(m[Spin].observer = new MutationObserver((F) => {
-				for (let I of F) if (I.type === "attributes" && I.attributeName === "data-spin-tip") {
-					m[Spin].updateTip();
-					return;
-				}
-			})).observe(m, {
-				attributes: !0,
-				attributeFilter: ["data-spin-tip"]
-			});
-		});
-	},
-	updated: updateLoading,
-	beforeUnmount(m) {
-		m[Spin].loading.value = !1, m[Spin].stop(), m[Spin].observer?.disconnect(), delete m[Spin];
-	}
-};
-export { vTooltip as i, vSpin as n, TooltipDirectiveProvider as r, SpinDirectiveProvider as t };