@ithinkdt/ui 4.0.18 → 4.1.0

package/esm/{DataTable-CMFYAmRF.js → DataTable-BVifHuTW.js}

@@ -1,14 +1,14 @@
 import e, { c as t, cB as n, cE as r, cM as i, useClsPrefix as a } from "./use-style.js";
-import { i as o } from "./directives-Chz4DK1u.js";
-import { C as s } from "./components-BHfgt7FW.js";
-import { computed as c, createVNode as l, defineComponent as u, inject as d, isVNode as f, ref as p, shallowRef as m, toValue as h, useTemplateRef as g, watch as _, withDirectives as v } from "vue";
-import { toReactive as y, until as b } from "@vueuse/core";
-import { NButton as x, NDataTable as S, NFlex as C, NIcon as w, NTooltip as T, dataTableProps as E } from "ithinkdt-ui";
-import { useTableRangeSelect as D } from "@ithinkdt/common/composables";
+import { i as o } from "./directives-G7hy3akL.js";
+import { C as s } from "./components-Gbs1QIjp.js";
+import { t as c } from "./use-table-range-select-BTC3NnsD.js";
+import { computed as l, createVNode as u, defineComponent as d, inject as f, isVNode as p, ref as m, shallowRef as h, toValue as g, useTemplateRef as _, watch as v, withDirectives as y } from "vue";
+import { toReactive as b, until as x } from "@vueuse/core";
+import { NButton as S, NDataTable as C, NFlex as w, NIcon as T, NTooltip as E, dataTableProps as D } from "ithinkdt-ui";
 import { PAGE_INJECTION as O } from "@ithinkdt/page";
 //#region src/components/DataTable.jsx
 function k(e) {
-	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !f(e);
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !p(e);
 }
 function A(e, t) {
 	return (e ?? []).map((e) => {
@@ -16,23 +16,23 @@ function A(e, t) {
 			csvTitle: e.exportTitle,
 			...e,
 			title: () => {
-				let t = h(e.title), n = t && v(l("div", null, [t]), [[
+				let t = g(e.title), n = t && y(u("div", null, [t]), [[
 					o,
-					() => h(e.title),
+					() => g(e.title),
 					void 0,
 					{ auto: !0 }
 				]]);
-				return e.tooltip ? l(C, {
+				return e.tooltip ? u(w, {
 					size: 3,
 					wrap: !1,
 					inline: !0,
 					style: "max-width: 100%"
-				}, { default: () => [n, l(T, null, {
-					default: h(e.tooltip),
-					trigger: () => l(x, {
+				}, { default: () => [n, u(E, null, {
+					default: g(e.tooltip),
+					trigger: () => u(S, {
 						text: !0,
 						style: "font-size: 1.25em; opacity: 0.8"
-					}, { default: () => [l(w, null, { default: () => [l(s, null, null)] })] })
+					}, { default: () => [u(T, null, { default: () => [u(s, null, null)] })] })
 				})] }) : n;
 			}
 		};
@@ -42,9 +42,9 @@ function A(e, t) {
 			let r = e.render ?? ((e) => e);
 			e.ellipsis !== !1 && (n.ellipsis = !1, n.render = (...t) => {
 				let n = r(...t);
-				return n && (f(n) || ((function() {
+				return n && (p(n) || ((function() {
 					return n;
-				})(), n = l("span", null, [n])), v(n, [[
+				})(), n = u("span", null, [n])), y(n, [[
 					o,
 					() => e.ellipsisTooltip ? e.ellipsisTooltip(...t) : n,
 					void 0,
@@ -64,7 +64,7 @@ function A(e, t) {
 		return n.key === "$actions" && (n.cellProps ??= () => ({ style: { padding: "0 2px" } })), n;
 	}).filter((e) => e?.hidden !== !0);
 }
-var j = /* @__PURE__ */ u({
+var j = /* @__PURE__ */ d({
 	name: "DataTable",
 	props: {
 		data: {
@@ -99,8 +99,8 @@ var j = /* @__PURE__ */ u({
 			type: String,
 			default: "normal"
 		},
-		rowClassName: E.rowClassName,
-		rowProps: E.rowProps,
+		rowClassName: D.rowClassName,
+		rowProps: D.rowProps,
 		maxHeight: [String, Number]
 	},
 	emits: [
@@ -110,58 +110,58 @@ var j = /* @__PURE__ */ u({
 		"highlight"
 	],
 	setup(t, { slots: n, emit: r, expose: i }) {
-		let { keyField: o } = d(O), s = a(), u = `${s.value}-datatable`;
+		let { keyField: o } = f(O), s = a(), d = `${s.value}-datatable`;
 		e("-datatable", M, s);
-		let f = g("table-ref"), h = ({ sortField: e, sortOrder: t } = {}, n) => {
-			e == n?.sortField && t == n?.sortOrder || f.value?.sort(e, t ? t + "end" : !1);
+		let p = _("table-ref"), g = ({ sortField: e, sortOrder: t } = {}, n) => {
+			e == n?.sortField && t == n?.sortOrder || p.value?.sort(e, t ? t + "end" : !1);
 		};
-		_(() => ({ ...t.sorter }), h, { deep: !0 });
-		let v = c(() => {
+		v(() => ({ ...t.sorter }), g, { deep: !0 });
+		let y = l(() => {
 			let e = t.keyField || o || "key";
 			return (t) => t[e];
-		}), x = m({
+		}), S = h({
 			cache: [],
 			scrollToView(...e) {
-				this.cache.push(e);
+				S.value.cache.push(e);
 			}
 		});
-		b(f).changed().then(() => {
-			h(t.sorter);
-			let e = x.value.cache;
-			x.value = f.value, x.value.scrollToView = (e) => {
-				let n = t.data.findIndex((t) => v.value(t) === e);
+		x(p).changed().then(() => {
+			g(t.sorter);
+			let e = S.value.cache;
+			S.value = p.value, S.value.scrollToView = (e) => {
+				let n = t.data.findIndex((t) => y.value(t) === e);
 				if (n === -1) return;
-				let r = f.value.$el.querySelector(`.${u}__row-marker:nth-child(${n + 1})`);
-				f.value.scrollTo({
+				let r = p.value.$el.querySelector(`.${d}__row-marker:nth-child(${n + 1})`);
+				p.value.scrollTo({
 					top: r.offsetTop,
 					behavior: "smooth"
 				});
 			};
-			for (let t of e) x.value.scrollToView(...t);
-		}), i(y(x));
-		let C = p(0), w = m([]);
-		_(() => t.columns, () => {
-			C.value = 0, w.value = A(t.columns, C);
+			for (let t of e) S.value.scrollToView(...t);
+		}), i(b(S));
+		let w = m(0), T = h([]);
+		v(() => t.columns, () => {
+			w.value = 0, T.value = A(t.columns, w);
 		}, {
 			immediate: !0,
 			deep: 2
 		});
-		let T = p();
-		_(() => t.highlight, (e) => {
-			T.value = typeof e == "boolean" ? null : e ?? null;
+		let E = m();
+		v(() => t.highlight, (e) => {
+			E.value = typeof e == "boolean" ? null : e ?? null;
 		}, { immediate: !0 });
-		let E = c(() => (e, n) => [
+		let D = l(() => (e, n) => [
 			t.rowClassName?.(e, n) || "",
-			`${u}__row-marker`,
-			T.value != null && v.value(e) === T.value ? `${u}__row-highlight` : ""
-		].join(" ")), j = c(() => (e, n) => {
+			`${d}__row-marker`,
+			E.value != null && y.value(e) === E.value ? `${d}__row-highlight` : ""
+		].join(" ")), j = l(() => (e, n) => {
 			let i = t.rowProps?.(e, n);
 			return {
 				...i,
-				"data-row-key": v.value(e),
+				"data-row-key": y.value(e),
 				onClick: (n) => {
-					let a = v.value(e);
-					t.highlight === !0 && (T.value = a), r("highlight", a), i?.onClick?.(n);
+					let a = y.value(e);
+					t.highlight === !0 && (E.value = a), r("highlight", a), i?.onClick?.(n);
 				}
 			};
 		}), N = (e) => {
@@ -180,25 +180,25 @@ var j = /* @__PURE__ */ u({
 				key: n.key,
 				width: e
 			});
-		}, { range: I, pause: L, resume: R } = D(f, {
+		}, { range: I, pause: L, resume: R } = c(p, {
 			immediate: t.rangeSelect,
-			clsPrefix: c(() => `${s.value}-`)
+			clsPrefix: l(() => `${s.value}-`)
 		});
-		return _(() => t.rangeSelect, (e) => {
+		return v(() => t.rangeSelect, (e) => {
 			e ? R() : L();
-		}), () => l(S, {
+		}), () => u(C, {
 			ref: "table-ref",
 			class: [
-				u,
-				t.appear === "sticky" ? `${u}--sticky` : "",
-				I.value?.ing ? `${u}--cell-selecting` : ""
+				d,
+				t.appear === "sticky" ? `${d}--sticky` : "",
+				I.value?.ing ? `${d}--cell-selecting` : ""
 			],
 			data: t.data,
-			columns: w.value,
-			rowKey: v.value,
+			columns: T.value,
+			rowKey: y.value,
 			tableLayout: "fixed",
-			scrollX: C.value,
-			rowClassName: E.value,
+			scrollX: w.value,
+			rowClassName: D.value,
 			rowProps: j.value,
 			checkedRowKeys: t.selectedKeys,
 			style: { "--n-tr-highlight-color": t.highlightColor },

package/esm/{components-BHfgt7FW.js → components-Gbs1QIjp.js}

@@ -1,6 +1,6 @@
 import { n as e } from "./use-i18n-BUP_StIp.js";
 import t, { cB as n, cE as r, useClsPrefix as i } from "./use-style.js";
-import { i as a } from "./directives-Chz4DK1u.js";
+import { i as a } from "./directives-G7hy3akL.js";
 import { Fragment as o, computed as s, createTextVNode as c, createVNode as l, defineAsyncComponent as u, defineComponent as d, h as f, inject as p, isVNode as m, markRaw as h, mergeProps as g, nextTick as _, onBeforeUnmount as v, reactive as y, ref as b, renderSlot as x, shallowRef as S, toRaw as C, toRef as w, toValue as T, unref as E, useTemplateRef as D, watch as O, withDirectives as k } from "vue";
 import { onClickOutside as A, until as j, useElementHover as M, useFullscreen as N } from "@vueuse/core";
 import { NAnchor as P, NAnchorLink as F, NAvatar as I, NAvatarGroup as ee, NBadge as te, NButton as L, NCard as ne, NCheckbox as R, NCheckboxGroup as re, NDropdown as ie, NEllipsis as ae, NEmpty as oe, NFlex as z, NForm as se, NFormItem as ce, NGi as le, NGrid as ue, NIcon as B, NInput as V, NList as de, NListItem as fe, NPagination as pe, NPopover as H, NRadio as me, NRadioButton as he, NRadioGroup as ge, NScrollbar as _e, NSelect as ve, NSpin as ye, NTag as be, NText as xe, NTooltip as Se, NTransfer as Ce, NTree as we, NTreeSelect as Te, formProps as U, useDialog as Ee } from "ithinkdt-ui";
@@ -1175,7 +1175,7 @@ var bt = /* @__PURE__ */ d({
 			size: "20",
 			depth: "3"
 		}, { default: () => [o.value ? l(Qe, null, null) : l(Ze, null, null)] })] }), u = (t) => {
-			let n = t.split("-")[0];
+			let n = t.split("-", 1)[0];
 			return e.supports.some((e) => e.value !== t && e.value.startsWith(n)) ? t : n;
 		}, d = `__slots${De(6)}`;
 		O(() => e.supports, (e) => {
@@ -1947,12 +1947,8 @@ var jt = /* @__PURE__ */ d({
 			disabled: t.disabled || void 0,
 			value: r,
 			filter: (e, t) => t.label.includes(e) || t.value.includes(e),
-			"onUpdate:value": (e) => {
-				i?.(e);
-			},
-			onUpdateValue: (e) => {
-				a?.(e);
-			}
+			"onUpdate:value": i,
+			onUpdateValue: a
 		}), null), k = ({ option: e, handleClose: n }) => l(be, {
 			type: t.type === "user" ? "primary" : "info",
 			closable: !0,
@@ -1970,7 +1966,7 @@ var jt = /* @__PURE__ */ d({
 				showIcon: !1,
 				title: t.placeholder,
 				style: { width: "700px" },
-				content: () => l("div", { style: { height: "550px" } }, [D({ style: { height: "100%" } }, t.type === "user" ? f.value : p.value, e.value, (t) => e.value = t)]),
+				content: () => l("div", { style: { height: "550px" } }, [D({ style: { height: "100%" } }, t.type === "user" ? f.value : p.value, e.value, (t) => e.value = t, void 0)]),
 				positiveText: a.value.positiveText,
 				negativeText: a.value.negativeText,
 				onPositiveClick() {
@@ -2027,7 +2023,7 @@ var jt = /* @__PURE__ */ d({
 });
 function Q(e, t, { placement: n = "left", size: r = 24, tooltip: i = !0, username: a = !1, renderInfo: o }) {
 	let s = e.nickname.split(" ").at(-1), c = s;
-	if (/^[\u4E00-\u9FA5]+$/.test(s)) {
+	if (/^[\u{4E00}-\u{9FA5}]+$/u.test(s)) {
 		let e = s.length;
 		c = e === 3 || e === 4 ? s.slice(-2) : e > 4 ? s.slice(0, 1) : s;
 	} else s.length > 4 && (c = l(B, null, { default: () => [l(nt, null, null)] }));
@@ -2162,6 +2158,6 @@ var Mt = /* @__PURE__ */ d({
 			});
 		};
 	}
-}), It = u(() => import("./DataTable-CMFYAmRF.js").then((e) => e.DataTable));
+}), It = u(() => import("./DataTable-BVifHuTW.js").then((e) => e.DataTable));
 //#endregion
 export { Re as C, ot as S, gt as _, jt as a, pt as b, At as c, Tt as d, Ct as f, _t as g, yt as h, Mt as i, Ot as l, bt as m, Ft as n, Nt as o, X as p, Pt as r, $ as s, It as t, Et as u, Y as v, Le as w, ct as x, J as y };

package/esm/components.js

@@ -1,2 +1,2 @@
-import { S as e, _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, w as b, x, y as S } from "./components-BHfgt7FW.js";
+import { S as e, _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, w as b, x, y as S } from "./components-Gbs1QIjp.js";
 export { e as DataActions, x as DataCustom, r as DataDescriptions, s as DataFilter, t as DataForm, y as DataFormActions, d as DataLocaleInput, m as DataPagination, a as DataSelection, _ as DataTable, l as DtDeptRender, n as DtUserDept, p as DtUserRender, v as FullscreenButton, u as FullscreenWrapper, b as NCheckboxes, i as NRadios, f as NStateButton, h as StateButtonProps, o as ViewProfile, S as dataFormActionsProps, g as renderUsers, c as useLocaleEdit };

package/esm/composables.d.ts

@@ -1,10 +1,150 @@
+import { MaybeComputedElementRef, Pausable } from '@vueuse/core'
 import Sortable from 'sortablejs'
-import { MaybeRef, TemplateRef } from 'vue'
+import { InjectionKey, MaybeRef, ShallowRef, TemplateRef } from 'vue'
 
 export declare function useDataTableDrag<T>(
     tableRef: TemplateRef<HTMLElement>,
-    { data, onSort, ...options }: {
+    options: Omit<Sortable.Options, 'onSort'> & {
         data: MaybeRef<T[]>
         onSort: (info: { from: number, to: number }) => void
-    } & Omit<Sortable.Options, 'onSort'>,
+    },
 ): void
+
+/**
+ * options for {@link useTableRangeSelect}
+ */
+export interface UseTableRangeSelectOptions {
+    /**
+     * 是否立即启用，默认值从 vue 依赖注入获取
+     */
+    immediate?: boolean
+    /**
+     * 是否复制到剪贴板，默认值从 vue 依赖注入获取
+     */
+    toClipboard?: MaybeRef<boolean | 'onCopy' | undefined>
+
+    /**
+     * 获取单元格内容，默认值从 vue 依赖注入获取
+     *
+     * @param cell - 单元格
+     * @returns 单元格内容
+     */
+    getCellContent?: (cell: HTMLTableCellElement) => string
+
+    /**
+     * 类名前缀
+     * @defaultValue ''
+     */
+    clsPrefix?: MaybeRef<string | undefined>
+
+    /**
+     * 鼠标按下回调
+     * @param event - 鼠标事件
+     * @returns false 阻止选择
+     */
+    onMousedown?: (event: MouseEvent, data: { tr: HTMLTableRowElement, td: HTMLTableCellElement, tbody: HTMLTableSectionElement }) => void | false
+
+    /**
+     * 选中回调
+     * @param data - 选中范围数据
+     * @returns 是否继续复制到剪贴板（toClipboard 为 'auto'）
+     */
+    onSelect?: (data: {
+        /**
+         * 选中范围的起始行
+         */
+        fromRow: number
+        /**
+         * 选中范围的起始列
+         */
+        fromCol: number
+        /**
+         * 选中范围的结束行
+         */
+        toRow: number
+        /**
+         * 选中范围的结束列
+         */
+        toCol: number
+        /**
+         * 获取选中范围的单元格内容
+         */
+        getContent: () => string[][]
+        /**
+         * tbody 元素
+         */
+        tbody: HTMLTableSectionElement
+    }) => void | false
+}
+
+export interface UseTableRangeSelectDefaultOptions {
+    /**
+     * 是否立即启用
+     * @defaultValue true
+     */
+    immediate?: MaybeRef<boolean>
+
+    /**
+     * 是否复制到剪贴板
+     * @defaultValue 'onCopy'
+     */
+    toClipboard?: MaybeRef<'auto' | 'onCopy' | false>
+
+    /**
+     * 获取单元格内容
+     * @defaultValue cell =&gt; cell.textContent
+     *
+     * @param cell - 单元格
+     * @returns 单元格内容
+     */
+    getCellContent?: (cell: HTMLTableCellElement) => string
+
+    /**
+     * 默认类名前缀
+     * @defaultValue ''
+     */
+    clsPrefix?: MaybeRef<string>
+}
+
+type UseTableRangeSelectFn = ((target: MaybeComputedElementRef, options?: UseTableRangeSelectOptions) => Pausable & {
+    range: Readonly<ShallowRef<{
+        /**
+         * 是否正在选择中
+         */
+        ing: boolean
+        /**
+         * 是否按下鼠标
+         */
+        mousedown: boolean
+        /**
+         * 选中范围的起始列
+         */
+        x0: number
+        /**
+         * 选中范围的起始行
+         */
+        y0: number
+        /**
+         * 选中范围的结束列
+         */
+        x1: number
+        /**
+         * 选中范围的结束行
+         */
+        y1: number
+    }>>
+}) & {
+    /**
+     * 默认选项从 vue 注入 Key
+     */
+    DEFAULT_OPTIONS: InjectionKey<UseTableRangeSelectDefaultOptions>
+}
+
+/**
+ * 使用表格范围选择
+ * - vue-composable
+ *
+ * @param target - 目标元素
+ * @param options - 配置
+ */
+export declare const useTableRangeSelect: UseTableRangeSelectFn & {}

package/esm/composables.js

@@ -1,14 +1,15 @@
-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";
+import { t as e } from "./use-table-range-select-BTC3NnsD.js";
+import { nextTick as t, ref as n, watch as r } from "vue";
+import { unrefElement as i } from "@vueuse/core";
+import { Sortable as a } from "sortablejs";
 //#region src/composables/use-data-table-drag.js
-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, {
+function o(e, { data: o, onSort: s, ...c }) {
+	r([n(o), e], async ([e, n]) => {
+		if (e.length === 0) return;
+		await t();
+		let r = i(n)?.querySelector(":scope .n-data-table-base-table-body .n-data-table-tbody");
+		if (!r) return;
+		let o = a.create(r, {
 			animation: 150,
 			...c,
 			onSort(e) {
@@ -24,4 +25,4 @@ function a(a, { data: o, onSort: s, ...c }) {
 	}, { immediate: !0 });
 }
 //#endregion
-export { a as useDataTableDrag };
+export { o as useDataTableDrag, e as useTableRangeSelect };

package/esm/{directives-Chz4DK1u.js → directives-G7hy3akL.js}

@@ -83,7 +83,7 @@ var O, k, A, j = /* @__PURE__ */ s({
 					"right",
 					"left",
 					"bottom"
-				].find((t) => e.startsWith(t))) ?? "top", r.placement.split("-")[0]) {
+				].find((t) => e.startsWith(t))) ?? "top", r.placement.split("-", 1)[0]) {
 					case "top":
 						r.x = t.left + t.width / 2, r.y = t.top;
 						break;

package/esm/directives.js

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

package/esm/index.d.ts

@@ -4,11 +4,11 @@ import { I18nComposable, ParseMessage } from '@ithinkdt/common/i18n'
 
 import { UILocale } from '../locale.js'
 
+export { UILocale } from '../locale.js'
+
 export * from './directives.js'
 export * from './design.js'
 
-export { UILocale }
-
 /** Props for {@link UIProvider} */
 export interface UIProviderProps {
     i18n?: I18nComposable<ParseMessage<UILocale, 'common'>>

package/esm/index.js

@@ -1,6 +1,6 @@
 import { n as e, t } from "./use-i18n-BUP_StIp.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-Chz4DK1u.js";
+import { i as s, n as c, r as l, t as u } from "./directives-G7hy3akL.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 S, toRef as C, toValue as w, unref as T, useTemplateRef as E, watch as D, withDirectives as O } from "vue";
 import { computedAsync as ee, promiseTimeout as k, useElementHover as A, useElementSize as te, useEventListener as ne, watchDebounced as re } from "@vueuse/core";
 import { NAvatar as j, NBadge as ie, NBreadcrumb as ae, NBreadcrumbItem as oe, NButton as M, NDrawer as se, NDrawerContent as ce, NDropdown as N, NEmpty as le, NIcon as P, NInput 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";
@@ -32,7 +32,7 @@ var _e = /* @__PURE__ */ m({
 	},
 	emit: ["logout", "change-pwd"],
 	setup(t, { emit: n, slots: r }) {
-		let i = f(() => /^[\u4E00-\u9FA5]+$/.test(t.nickname) ? t.nickname?.slice(t.nickname?.length > 3 ? 2 : 1) : t.nickname?.split(" ")[0]), { t: a } = e(), o = p(P, { size: "28" }, { default: () => [p("svg", {
+		let i = f(() => /^[\u{4E00}-\u{9FA5}]+$/u.test(t.nickname) ? t.nickname?.slice(t.nickname?.length > 3 ? 2 : 1) : t.nickname?.split(" ", 1)[0]), { t: a } = e(), o = p(P, { size: "28" }, { default: () => [p("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: "1em",
 			height: "1em",

package/esm/page.d.ts

@@ -71,7 +71,7 @@ declare module '@ithinkdt/page' {
         }
 
         file: {
-            fileProps?: ShallowMaybeRef<{
+            fileProps?: ShallowMaybeRef<PublicProps & {
                 type?: 'file' | 'image' | undefined
                 multiple?: boolean | undefined
                 max?: number | undefined
@@ -79,13 +79,13 @@ declare module '@ithinkdt/page' {
                 /** 最大文件大小（单位：KB） */
                 maxSize?: number | undefined
                 onBeforeUpload?: UploadProps['onBeforeUpload']
-            } & PublicProps>
+            }>
             fileSlots?: {
                 default?: (() => VNode[]) | undefined
             }
         }
         upload: {
-            uploadProps?: ShallowMaybeRef<{
+            uploadProps?: ShallowMaybeRef<PublicProps & {
                 type?: 'file' | 'image' | undefined
                 multiple?: boolean | undefined
                 max?: number | undefined
@@ -94,7 +94,7 @@ declare module '@ithinkdt/page' {
                 maxSize?: number | undefined
                 onBeforeUpload?: UploadProps['onBeforeUpload']
                 defaultUpload?: boolean | undefined
-            } & PublicProps>
+            }>
             uploadSlots?: {
                 default?: (() => VNode[]) | undefined
             }

package/esm/page.js

@@ -1,5 +1,5 @@
 import { n as e } from "./use-i18n-BUP_StIp.js";
-import { _ as t, a as n, c as r, i, o as a, w as o } from "./components-BHfgt7FW.js";
+import { _ as t, a as n, c as r, i, o as a, w as o } from "./components-Gbs1QIjp.js";
 import { computed as s, createVNode as c, defineAsyncComponent as l, defineComponent as u, h as d, isVNode as f, mergeProps as p, nextTick as m, ref as h, renderSlot as g, shallowRef as _, toValue as v, unref as y } from "vue";
 import { until as b, useClipboard as x } from "@vueuse/core";
 import { NButton as S, NCheckbox as C, NColorPicker as w, NDrawer as T, NDrawerContent as E, NFlex as D, NIcon as O, NInput as k, NInputNumber as A, NModal as j, NScrollbar as M, NSelect as N, NText as P, NUpload as F, useMessage as I } from "ithinkdt-ui";
@@ -112,7 +112,7 @@ function K({ getDeptsByCode: e, getUsersByUsername: t, getFileInfos: n, previewF
 				if (r == null) return;
 				let { dictType: o, options: l, multiple: u, statusMap: d } = W(a);
 				if (l ? t !== l && (t = l, n = new Map(l.map((e) => [e[a.valueField || "value"], e]))) : e !== o && (e = o, !n && e && (n = U(e))), !u) {
-					if (r = r.toString(), d && r in d) {
+					if (r = r.toString(), d && Object.hasOwn(d, r)) {
 						let e = d[r] ?? "default";
 						return [
 							"primary",
@@ -339,8 +339,15 @@ function X({ getUserGroups: e, getUsersByGroup: t, getDeptsByCode: i, getUsersBy
 					O("");
 				}, k()) : (n = void 0, t = C) : (n = void 0, e !== b && (e = b, !t && e && (t = H(e))));
 				let A = T.multiple ? l?.map(E) : E(l);
-				if (g) if (T.multiple) {
+				if (g) {
 					let e;
+					if (!T.multiple) {
+						let e = y(t)?.find((e) => e[T.valueField || "value"] === A);
+						return c(P, {
+							depth: 2,
+							style: "line-height: 1.25"
+						}, { default: () => [e ? T.renderLabel ? T.renderLabel(e) ?? "" : e[T.labelField || "label"] ?? "" : A ?? ""] });
+					}
 					return c(P, {
 						depth: 2,
 						style: "line-height: 1.25"
@@ -348,12 +355,6 @@ function X({ getUserGroups: e, getUsersByGroup: t, getDeptsByCode: i, getUsersBy
 						let r = e ? T.renderLabel ? T.renderLabel(e) ?? "" : e[T.labelField || "label"] ?? "" : A[t] ?? "";
 						return c("span", { key: e ? e[T.valueField || "value"] : A[t] ?? "" }, [r, t < n.length - 1 ? ", " : ""]);
 					})) ? e : { default: () => [e] });
-				} else {
-					let e = y(t)?.find((e) => e[T.valueField || "value"] === A);
-					return c(P, {
-						depth: 2,
-						style: "line-height: 1.25"
-					}, { default: () => [e ? T.renderLabel ? T.renderLabel(e) ?? "" : e[T.labelField || "label"] ?? "" : A ?? ""] });
 				}
 				return r = T.multiple, i = u, w === "number" && !a && (a = (e, ...t) => {
 					i(r ? e?.map(S) : S(e), ...t);

package/esm/use-style.js

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

package/esm/use-table-range-select-BTC3NnsD.js

@@ -0,0 +1,111 @@
+import { computed as e, inject as t, readonly as n, ref as r, shallowRef as i, unref as a, watch as o } from "vue";
+import { onClickOutside as s, unrefElement as c, useClipboard as l, useEventListener as u } from "@vueuse/core";
+import { isNullish as d } from "@ithinkdt/common/object";
+//#region src/composables/use-table-range-select.js
+var f = Symbol();
+function p(p, m = {}) {
+	let h = i(), g = e(() => c(p)), _ = t(f, {}), v = e(() => a(m.clsPrefix) ?? a(_.clsPrefix) ?? ""), y = e(() => a(m.toClipboard) ?? a(_.toClipboard) ?? "onCopy"), b = m.getCellContent ?? _.getCellContent ?? ((e) => e.textContent), x = r(a(m.immediate) ?? a(_.immediate) ?? !0);
+	u(g, "mousedown", (e) => {
+		if (h.value &&= void 0, !x.value) return;
+		let t = e.target.closest("td"), n = t?.closest("tr"), r = n?.closest("tbody");
+		!t || !n || !r || m?.onMousedown?.(e, {
+			tr: n,
+			td: t,
+			tbody: r
+		}) === !1 || (h.value = {
+			ing: !1,
+			mousedown: !0,
+			x0: t.cellIndex,
+			y0: n.rowIndex
+		});
+	}, {
+		passive: !0,
+		capture: !0
+	}), u(g, "mousemove", (e) => {
+		if (!x.value || !h.value?.mousedown) return;
+		let t = e.target.closest("td"), n = t?.closest("tr"), r = n?.closest("tbody");
+		!t || !n || !r || !h.value.x1 && t.cellIndex === h.value.x0 && n.rowIndex === h.value.y0 || (h.value = {
+			...h.value,
+			ing: !0,
+			x1: t.cellIndex,
+			y1: n.rowIndex
+		}, "getSelection" in globalThis ? getSelection().removeAllRanges() : document.selection && document.selection.empty());
+	}, {
+		passive: !0,
+		capture: !0
+	});
+	let { copy: S } = l({ legacy: !0 });
+	u("mouseup", () => {
+		if (!x.value || !h.value) return;
+		h.value = {
+			...h.value,
+			ing: !1,
+			mousedown: !1
+		};
+		let e = g.value?.querySelector(":scope tbody"), { x0: t, x1: n, y0: r, y1: i } = h.value ?? {};
+		if (!m?.onSelect && y.value !== "auto" || !e || d(n)) return;
+		let [a, o] = [t, n].toSorted((e, t) => e - t), [s, c] = [r, i].toSorted((e, t) => e - t);
+		m?.onSelect?.({
+			fromRow: s,
+			fromCol: a,
+			toRow: c,
+			toCol: o,
+			getContent: C,
+			tbody: e
+		}) !== !1 && y.value === "auto" && S(C().map((e) => e.join("	")).join("\n")).catch(() => {
+			console.warn("[useTableRangeSelect] 复制到剪贴板失败");
+		});
+	}, {
+		passive: !0,
+		capture: !0
+	}), s(g, () => {
+		h.value &&= void 0;
+	});
+	let C = () => {
+		let e = g.value?.querySelector(":scope tbody"), { x0: t, x1: n, y0: r, y1: i } = h.value ?? {};
+		if (!x.value || !e || d(n)) return [];
+		let [a, o] = [t, n].toSorted((e, t) => e - t), [s, c] = [r, i].toSorted((e, t) => e - t), l = [];
+		for (let t = s; t <= c; t++) {
+			let n = e.rows[t];
+			if (!n) continue;
+			let r = [];
+			for (let e = a; e <= o; e++) {
+				let i = n.cells[e];
+				if (i && t >= s && t <= c && e >= a && e <= o) {
+					let e = b(i) || "";
+					e = e.replace(/\t/g, " ").replace(/\r/g, "").replace(/\n/g, ""), r.push(e);
+				}
+			}
+			r.length > 0 && l.push(r);
+		}
+		return l;
+	};
+	return o([g, h], ([e, { x0: t, x1: n, y0: r, y1: i } = {}]) => {
+		let a = e?.querySelector(":scope tbody");
+		if (!a) return;
+		let [o, s] = [t, n].toSorted((e, t) => e - t), [c, l] = [r, i].toSorted((e, t) => e - t);
+		for (let e = 0; e < a.rows.length; e++) {
+			let t = a.rows[e];
+			for (let n = 0; n < t.cells.length; n++) {
+				let r = t.cells[n];
+				r.classList.toggle(`${v.value}cell-selected`, e >= c && e <= l && n >= o && n <= s), r.classList.toggle(`${v.value}cell-selected--first-row`, e === c), r.classList.toggle(`${v.value}cell-selected--first-col`, n === o), r.classList.toggle(`${v.value}cell-selected--last-row`, e === l), r.classList.toggle(`${v.value}cell-selected--last-col`, n === s);
+			}
+		}
+	}), u(document, "copy", (e) => {
+		if (y.value !== "onCopy") return;
+		let t = C();
+		!x.value || t.length === 0 || (e.clipboardData.setData("text/plain", t.map((e) => e.join("	")).join("\n")), e.preventDefault());
+	}, { passive: !1 }), {
+		range: n(h),
+		isActive: n(x),
+		pause: () => {
+			x.value = !1, h.value = void 0;
+		},
+		resume: () => {
+			x.value = !0;
+		}
+	};
+}
+p.DEFAULT_OPTIONS = f;
+//#endregion
+export { p as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ithinkdt/ui",
-  "version": "4.0.18",
+  "version": "4.1.0",
   "type": "module",
   "license": "MIT",
   "description": "iThinkDT UI",
@@ -67,13 +67,13 @@
     "sortablejs": "^1.15.7",
     "@types/sortablejs": "^1.15.9",
     "nanoid": "^5.1.11",
-    "@ithinkdt/common": "^4.0.10"
+    "@ithinkdt/common": "^4.1.0"
   },
   "peerDependencies": {
-    "@ithinkdt/page": ">=4.0",
+    "@ithinkdt/page": ">=4.1",
     "vue": ">=3.5",
-    "vue-router": ">=4.5",
-    "ithinkdt-ui": ">=1.5",
+    "vue-router": ">=5.1",
+    "ithinkdt-ui": ">=1.9",
     "unocss": ">=66"
   },
   "peerDependenciesMeta": {
@@ -88,12 +88,12 @@
     "@vitejs/plugin-vue-jsx": "^5.1.5",
     "ithinkdt-ui": "^1.9.4",
     "typescript": "~6.0.3",
-    "unocss": "^66.7.0",
+    "unocss": "^66.7.2",
     "vite": "^8.0.16",
-    "vue": "^3.5.35",
+    "vue": "^3.5.38",
     "vue-router": "^5.1.0",
     "@vue/test-utils": "^2.4.11",
-    "@ithinkdt/page": "^4.0.22"
+    "@ithinkdt/page": "^4.1.0"
   },
   "scripts": {
     "dev": "vite build --watch",