@jc-times/business-ui 0.2.43 → 0.2.53

package/dist/SortableList.js

@@ -1,45 +1,118 @@
-import { GripVertical as e } from "lucide-react";
-import { useMemo as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Button as i, GridList as a, GridListItem as o, useDragAndDrop as s } from "react-aria-components";
+import { activeSortableTransfer as e, beginSortableTransfer as t, consumeSortableTransfer as n, endSortableTransfer as r, registerSortableTarget as i, routeSortableTarget as a, useSortableTransferScope as o } from "./sortable-transfer-scope.js";
+import { GripVertical as s } from "lucide-react";
+import { useEffect as c, useLayoutEffect as l, useMemo as u, useRef as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Button as m, GridList as h, GridListItem as g, useDragAndDrop as _ } from "react-aria-components";
 //#region src/SortableList.tsx
-function c(c) {
-	let u = t(() => c.items.map((e, t) => ({
+function v(o) {
+	let v = d(/* @__PURE__ */ new Set()), b = d({ mime: `application/x-ui-sortable-${Math.random().toString(36).slice(2)}` }).current, x = o.transferScope?.mime ?? b.mime, S = d(o);
+	S.current = o, c(() => () => {
+		r(o.transferScope, b);
+	}, [o.transferScope, b]), c(() => {
+		o.disabled && (v.current.clear(), r(o.transferScope, b));
+	}, [
+		o.disabled,
+		o.transferScope,
+		b
+	]);
+	let C = u(() => o.items.map((e, t) => ({
 		item: e,
 		index: t,
-		key: c.getKey(e)
-	})), [c.items, c.getKey]), { dragAndDropHooks: d } = s({
-		isDisabled: c.disabled,
-		getItems: (e) => [...e].map((e) => ({ "text/plain": String(e) })),
+		key: o.getKey(e)
+	})), [o.items, o.getKey]);
+	function w() {
+		let t = e(o.transferScope), n = t?.keys ?? v.current;
+		return {
+			keys: n,
+			moving: t ? t.consumed ? [] : t.resolve() : o.items.filter((e) => n.has(o.getKey(e))),
+			external: !!(t && t.source !== b)
+		};
+	}
+	function T(e, t) {
+		let { keys: n, moving: r, external: i } = w(), a = o.items.find((t) => o.getKey(t) === e);
+		if (o.disabled || !a || !r.length || r.length !== n.size || n.has(e)) return null;
+		if (t === "on") {
+			if (!o.onDropOnItem || o.canDropOnItem && !o.canDropOnItem(r, a)) return null;
+		} else if (i && (!o.onDropBetweenItems || o.canDropBetweenItems && !o.canDropBetweenItems(r, a, t))) return null;
+		return {
+			moving: r,
+			target: a,
+			keys: n,
+			external: i
+		};
+	}
+	let E = d(D);
+	E.current = D, l(() => i(o.transferScope, b, {
+		accepts: (e) => S.current.items.some((t) => S.current.getKey(t) === e),
+		commit: (e, t) => E.current(e, t)
+	}), [o.transferScope, b]);
+	function D(e, t) {
+		let r = T(e, t);
+		if (!r) {
+			o.items.some((t) => o.getKey(t) === e) || a(o.transferScope, b, e, t);
+			return;
+		}
+		n(o.transferScope), t === "on" ? o.onDropOnItem?.(r.moving, r.target) : r.external ? o.onDropBetweenItems?.(r.moving, r.target, t) : o.onReorder(y(o.items, r.keys, e, t, o.getKey));
+	}
+	function O(e) {
+		let n = new Set(e);
+		v.current = n, t(o.transferScope, {
+			source: b,
+			keys: n,
+			resolve: () => S.current.disabled ? [] : S.current.items.filter((e) => n.has(S.current.getKey(e)))
+		});
+	}
+	let { dragAndDropHooks: k } = _({
+		isDisabled: o.disabled,
+		getItems: (e) => (O(e), [...e].map((e) => ({
+			"text/plain": String(e),
+			[x]: String(e)
+		}))),
 		getAllowedDropOperations: () => ["move"],
-		onReorder: (e) => c.onReorder(l(c.items, e.keys, e.target.key, e.target.dropPosition, c.getKey))
+		onDragStart: (e) => O(e.keys),
+		onDragEnd: () => {
+			v.current.clear(), r(o.transferScope, b);
+		},
+		shouldAcceptItemDrop: (e, t) => t.has(x) && !!T(e.key, "on"),
+		getDropOperation: (e, t) => t.has(x) && e.type === "item" && T(e.key, e.dropPosition) ? "move" : "cancel",
+		onMove: (e) => D(e.target.key, e.target.dropPosition),
+		onInsert: o.transferScope && o.onDropBetweenItems ? (e) => D(e.target.key, e.target.dropPosition) : void 0,
+		onItemDrop: o.transferScope && o.onDropOnItem ? (e) => D(e.target.key, "on") : void 0
 	});
-	return /* @__PURE__ */ n(a, {
-		"aria-label": c["aria-label"],
-		items: u,
+	return /* @__PURE__ */ f(h, {
+		"aria-label": o["aria-label"],
+		items: C,
 		selectionMode: "none",
-		dragAndDropHooks: d,
-		className: ["ui-sortable-list", c.className].filter(Boolean).join(" "),
-		children: ({ item: t, index: a, key: s }) => /* @__PURE__ */ r(o, {
-			id: s,
-			textValue: c.getTextValue(t, a),
+		dragAndDropHooks: o.disabled ? void 0 : k,
+		className: ["ui-sortable-list", o.className].filter(Boolean).join(" "),
+		children: ({ item: e, index: t, key: n }) => /* @__PURE__ */ p(g, {
+			id: n,
+			textValue: o.getTextValue(e, t),
 			className: "ui-sortable-item",
-			children: [!c.disabled && /* @__PURE__ */ n(i, {
-				slot: "drag",
-				className: "ui-sortable-handle",
-				"aria-label": c.dragLabel?.(t, a) ?? `拖动第 ${a + 1} 项排序`,
-				children: /* @__PURE__ */ n(e, {
+			children: [
+				!o.disabled && /* @__PURE__ */ f("span", {
+					className: "ui-sortable-placeholder",
 					"aria-hidden": "true",
-					size: 18
+					children: o.draggingLabel ?? "原位置保留，松开后移动"
+				}),
+				!o.disabled && /* @__PURE__ */ f(m, {
+					slot: "drag",
+					className: "ui-sortable-handle",
+					"aria-label": o.dragLabel?.(e, t) ?? `拖动第 ${t + 1} 项排序`,
+					children: /* @__PURE__ */ f(s, {
+						"aria-hidden": "true",
+						size: 18
+					})
+				}),
+				/* @__PURE__ */ f("div", {
+					className: "ui-sortable-content",
+					children: o.renderItem(e, t)
 				})
-			}), /* @__PURE__ */ n("div", {
-				className: "ui-sortable-content",
-				children: c.renderItem(t, a)
-			})]
+			]
 		})
-	});
+	}, o.disabled ? "static" : "sortable");
 }
-function l(e, t, n, r, i) {
+function y(e, t, n, r, i) {
 	let a = e.filter((e) => t.has(i(e)));
 	if (!a.length || r === "on") return e;
 	let o = e.filter((e) => !t.has(i(e))), s = o.findIndex((e) => i(e) === n);
@@ -52,4 +125,4 @@ function l(e, t, n, r, i) {
 	];
 }
 //#endregion
-export { c as SortableList, l as moveSortableItems };
+export { v as SortableList, y as moveSortableItems, o as useSortableTransferScope };

package/dist/UserProfilePopover.js

@@ -0,0 +1,69 @@
+import { Popover as e } from "./FloatingControls.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/UserProfilePopover.tsx
+function r({ name: e, url: n, large: r = !1 }) {
+	return /* @__PURE__ */ t("span", {
+		className: `ui-user-avatar${r ? " ui-user-avatar-large" : ""}`,
+		"aria-hidden": "true",
+		children: n ? /* @__PURE__ */ t("img", {
+			src: n,
+			alt: ""
+		}) : Array.from(e.trim())[0] ?? "?"
+	});
+}
+function i({ name: i, code: a, department: o, tag: s, avatarUrl: c, avatarColor: l, trigger: u, codeLabel: d = "编号", departmentLabel: f = "部门", side: p = "bottom", align: m = "start", open: h, defaultOpen: g, onOpenChange: _, className: v = "" }) {
+	let y = l ? { "--ui-user-avatar-bg": l } : void 0;
+	return /* @__PURE__ */ t(e, {
+		trigger: u ?? /* @__PURE__ */ n("button", {
+			type: "button",
+			className: "ui-user-chip",
+			style: y,
+			children: [/* @__PURE__ */ t(r, {
+				name: i,
+				url: c
+			}), /* @__PURE__ */ t("span", {
+				className: "ui-user-chip-name",
+				children: i
+			})]
+		}),
+		side: p,
+		align: m,
+		open: h,
+		defaultOpen: g,
+		onOpenChange: _,
+		contentLabel: `${i}的用户资料`,
+		contentClassName: `ui-user-profile-popover ${v}`.trim(),
+		children: /* @__PURE__ */ n("div", {
+			className: "ui-user-profile",
+			style: y,
+			children: [/* @__PURE__ */ n("div", {
+				className: "ui-user-profile-header",
+				children: [/* @__PURE__ */ t(r, {
+					name: i,
+					url: c,
+					large: !0
+				}), /* @__PURE__ */ n("div", {
+					className: "ui-user-profile-heading",
+					children: [/* @__PURE__ */ t("strong", {
+						className: "ui-user-profile-name",
+						children: i
+					}), s == null ? null : /* @__PURE__ */ t("span", {
+						className: "ui-user-profile-tag",
+						children: s
+					})]
+				})]
+			}), a == null && o == null ? null : /* @__PURE__ */ n("dl", {
+				className: "ui-user-profile-details",
+				children: [a == null ? null : /* @__PURE__ */ n("div", {
+					className: "ui-user-profile-row",
+					children: [/* @__PURE__ */ t("dt", { children: d }), /* @__PURE__ */ t("dd", { children: a })]
+				}), o == null ? null : /* @__PURE__ */ n("div", {
+					className: "ui-user-profile-row",
+					children: [/* @__PURE__ */ t("dt", { children: f }), /* @__PURE__ */ t("dd", { children: o })]
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+export { i as UserProfilePopover };

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1,17 @@
+//#region \0rolldown/runtime.js
+var e = Object.defineProperty, t = Object.getOwnPropertyDescriptor, n = Object.getOwnPropertyNames, r = Object.prototype.hasOwnProperty, i = (t, n) => {
+	let r = {};
+	for (var i in t) e(r, i, {
+		get: t[i],
+		enumerable: !0
+	});
+	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
+}, a = (i, a, o, s) => {
+	if (a && typeof a == "object" || typeof a == "function") for (var c = n(a), l = 0, u = c.length, d; l < u; l++) d = c[l], !r.call(i, d) && d !== o && e(i, d, {
+		get: ((e) => a[e]).bind(null, d),
+		enumerable: !(s = t(a, d)) || s.enumerable
+	});
+	return i;
+}, o = (e, t, n) => (a(e, t, "default"), n && a(n, t, "default"));
+//#endregion
+export { i as __exportAll, o as __reExport };

package/dist/business-ui.js

@@ -4,41 +4,44 @@ import { Alert as r } from "./Alert.js";
 import { EmptyState as i } from "./EmptyState.js";
 import { Skeleton as a, SkeletonText as o } from "./Skeleton.js";
 import { Popconfirm as s, Popover as c, Tooltip as l } from "./FloatingControls.js";
-import { Checkbox as u, FormField as d, SelectInput as f, TextArea as p, TextInput as m } from "./FormField.js";
-import { Select as h } from "./Select.js";
-import { Combobox as g } from "./Combobox.js";
-import { AutoComplete as _, Autocomplete as v } from "./AutoComplete.js";
-import { ToastProvider as y, useToast as b } from "./Toast.js";
-import { DataTableTheme as x } from "./DataTableTheme.js";
-import { DataTableMergedRows as S } from "./DataTableMergedRows.js";
-import { DataTable as C, DataTableView as w, sortRows as T, useDataTable as E } from "./data-table.js";
-import { ExplainableButton as D } from "./ExplainableButton.js";
-import { Dialog as O, ModalShell as k } from "./ModalShell.js";
-import { DateInput as A, calendarDays as j, parseDate as M } from "./DateInput.js";
-import { Pagination as N, clampPage as P, pageCount as F, visiblePages as I } from "./Pagination.js";
-import { RovingTabList as L, RovingTabPanel as R, nextRovingTabValue as z } from "./RovingTabs.js";
-import { ToggleSwitch as B } from "./ToggleSwitch.js";
-import { SegmentedControl as V } from "./SegmentedControl.js";
-import { AsyncState as H, RecoverableAsyncState as U } from "./RecoverableAsyncState.js";
-import { useModalFocusTrap as W } from "./useModalFocusTrap.js";
-import { AsyncSearchPicker as G } from "./AsyncSearchPicker.js";
-import { AsyncDirectoryPicker as K } from "./AsyncDirectoryPicker.js";
-import { DropdownMenu as q, Menu as J } from "./DropdownMenu.js";
-import { ConfirmDialog as Y } from "./ConfirmDialog.js";
-import { useDebouncedValue as X } from "./useDebouncedValue.js";
-import { Badge as Z } from "./Badge.js";
-import { MetricCard as Q } from "./MetricCard.js";
-import { PageHeader as $ } from "./PageHeader.js";
-import { SectionCard as ee } from "./SectionCard.js";
-import { SortableList as te, moveSortableItems as ne } from "./SortableList.js";
-import { TreeSelect as re, buildTreeSelectTree as ie, filterTreeSelectTree as ae } from "./TreeSelect.js";
-import { Cascader as oe, buildCascaderOptions as se, indexCascaderPaths as ce } from "./Cascader.js";
-import { StructuredAddressInput as le, findAddressRegionPath as ue, flattenAddressRegions as de, searchAddressRegions as fe } from "./StructuredAddressInput.js";
-import { FileDropzone as pe, acceptsFile as me } from "./FileDropzone.js";
-import { useFilePreparation as he } from "./useFilePreparation.js";
-import { FilePreparationDialog as ge } from "./FilePreparationDialog.js";
-import { PreparedFileDropzone as _e } from "./PreparedFileDropzone.js";
-import { formatDecimalAmount as ve, formatScaledMoney as ye } from "./amount-format.js";
-import { NumericInput as be, ScaledNumericInput as xe } from "./NumericInput.js";
-import { MultiSelect as Se } from "./MultiSelect.js";
-export { r as Alert, K as AsyncDirectoryPicker, G as AsyncSearchPicker, H as AsyncState, _ as AutoComplete, v as Autocomplete, Z as Badge, e as Button, oe as Cascader, u as Checkbox, g as Combobox, Y as ConfirmDialog, C as DataTable, S as DataTableMergedRows, x as DataTableTheme, w as DataTableView, A as DateInput, O as Dialog, q as DropdownMenu, i as EmptyState, D as ExplainableButton, pe as FileDropzone, ge as FilePreparationDialog, d as FormField, t as LinkButton, J as Menu, Q as MetricCard, k as ModalShell, Se as MultiSelect, be as NumericInput, $ as PageHeader, N as Pagination, s as Popconfirm, c as Popover, _e as PreparedFileDropzone, U as RecoverableAsyncState, L as RovingTabList, R as RovingTabPanel, xe as ScaledNumericInput, ee as SectionCard, V as SegmentedControl, h as Select, f as SelectInput, a as Skeleton, o as SkeletonText, te as SortableList, le as StructuredAddressInput, p as TextArea, m as TextInput, y as ToastProvider, B as ToggleSwitch, l as Tooltip, re as TreeSelect, me as acceptsFile, se as buildCascaderOptions, ie as buildTreeSelectTree, n as buttonClassName, j as calendarDays, P as clampPage, ae as filterTreeSelectTree, ue as findAddressRegionPath, de as flattenAddressRegions, ve as formatDecimalAmount, ye as formatScaledMoney, ce as indexCascaderPaths, ne as moveSortableItems, z as nextRovingTabValue, F as pageCount, M as parseDate, fe as searchAddressRegions, T as sortRows, E as useDataTable, X as useDebouncedValue, he as useFilePreparation, W as useModalFocusTrap, b as useToast, I as visiblePages };
+import { UserProfilePopover as u } from "./UserProfilePopover.js";
+import { Checkbox as d, FormField as f, SelectInput as p, TextArea as m, TextInput as h } from "./FormField.js";
+import { Select as g } from "./Select.js";
+import { Combobox as _ } from "./Combobox.js";
+import { AutoComplete as v, Autocomplete as y } from "./AutoComplete.js";
+import { ToastProvider as b, useToast as x } from "./Toast.js";
+import { DataTableTheme as S } from "./DataTableTheme.js";
+import { DataTableMergedRows as C } from "./DataTableMergedRows.js";
+import { DataTable as w, DataTableView as T, sortRows as E, useDataTable as D } from "./data-table.js";
+import { ExplainableButton as O } from "./ExplainableButton.js";
+import { Dialog as k, ModalShell as A } from "./ModalShell.js";
+import { DateInput as j, calendarDays as M, parseDate as N } from "./DateInput.js";
+import { Pagination as P, clampPage as F, pageCount as I, visiblePages as L } from "./Pagination.js";
+import { RovingTabList as R, RovingTabPanel as z, nextRovingTabValue as B } from "./RovingTabs.js";
+import { ToggleSwitch as V } from "./ToggleSwitch.js";
+import { SegmentedControl as H } from "./SegmentedControl.js";
+import { AsyncState as U, RecoverableAsyncState as W } from "./RecoverableAsyncState.js";
+import { useModalFocusTrap as G } from "./useModalFocusTrap.js";
+import { AsyncSearchPicker as K } from "./AsyncSearchPicker.js";
+import { AsyncDirectoryPicker as q } from "./AsyncDirectoryPicker.js";
+import { DropdownMenu as J, Menu as Y } from "./DropdownMenu.js";
+import { ConfirmDialog as X } from "./ConfirmDialog.js";
+import { useDebouncedValue as Z } from "./useDebouncedValue.js";
+import { Badge as Q } from "./Badge.js";
+import { MetricCard as $ } from "./MetricCard.js";
+import { PageHeader as ee } from "./PageHeader.js";
+import { SectionCard as te } from "./SectionCard.js";
+import { useSortableTransferScope as ne } from "./sortable-transfer-scope.js";
+import { SortableList as re, moveSortableItems as ie } from "./SortableList.js";
+import { TreeSelect as ae, buildTreeSelectTree as oe, filterTreeSelectTree as se } from "./TreeSelect.js";
+import { Cascader as ce, buildCascaderOptions as le, indexCascaderPaths as ue } from "./Cascader.js";
+import { StructuredAddressInput as de, findAddressRegionPath as fe, flattenAddressRegions as pe, searchAddressRegions as me } from "./StructuredAddressInput.js";
+import { FileDropzone as he, acceptsFile as ge } from "./FileDropzone.js";
+import { useFilePreparation as _e } from "./useFilePreparation.js";
+import { FilePreparationDialog as ve } from "./FilePreparationDialog.js";
+import { PreparedFileDropzone as ye } from "./PreparedFileDropzone.js";
+import { formatDecimalAmount as be, formatScaledMoney as xe } from "./amount-format.js";
+import { NumericInput as Se, ScaledNumericInput as Ce } from "./NumericInput.js";
+import { MultiSelect as we } from "./MultiSelect.js";
+import { MultilineAutoComplete as Te } from "./MultilineAutoComplete.js";
+export { r as Alert, q as AsyncDirectoryPicker, K as AsyncSearchPicker, U as AsyncState, v as AutoComplete, y as Autocomplete, Q as Badge, e as Button, ce as Cascader, d as Checkbox, _ as Combobox, X as ConfirmDialog, w as DataTable, C as DataTableMergedRows, S as DataTableTheme, T as DataTableView, j as DateInput, k as Dialog, J as DropdownMenu, i as EmptyState, O as ExplainableButton, he as FileDropzone, ve as FilePreparationDialog, f as FormField, t as LinkButton, Y as Menu, $ as MetricCard, A as ModalShell, we as MultiSelect, Te as MultilineAutoComplete, Se as NumericInput, ee as PageHeader, P as Pagination, s as Popconfirm, c as Popover, ye as PreparedFileDropzone, W as RecoverableAsyncState, R as RovingTabList, z as RovingTabPanel, Ce as ScaledNumericInput, te as SectionCard, H as SegmentedControl, g as Select, p as SelectInput, a as Skeleton, o as SkeletonText, re as SortableList, de as StructuredAddressInput, m as TextArea, h as TextInput, b as ToastProvider, V as ToggleSwitch, l as Tooltip, ae as TreeSelect, u as UserProfilePopover, ge as acceptsFile, le as buildCascaderOptions, oe as buildTreeSelectTree, n as buttonClassName, M as calendarDays, F as clampPage, se as filterTreeSelectTree, fe as findAddressRegionPath, pe as flattenAddressRegions, be as formatDecimalAmount, xe as formatScaledMoney, ue as indexCascaderPaths, ie as moveSortableItems, B as nextRovingTabValue, I as pageCount, N as parseDate, me as searchAddressRegions, E as sortRows, D as useDataTable, Z as useDebouncedValue, _e as useFilePreparation, G as useModalFocusTrap, ne as useSortableTransferScope, x as useToast, L as visiblePages };

package/dist/document-viewer/PdfWorkspace.js

@@ -4,21 +4,23 @@ import { createContext as r, useContext as i, useEffect as a, useState as o } fr
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/document-viewer/PdfWorkspace.tsx
 var l = r(!1), u = () => i(l);
-function d({ rail: r, children: i, className: u = "", ...d }) {
-	let [f, p] = o(() => typeof window < "u" && window.matchMedia("(max-width: 900px)").matches);
+function d({ rail: r, children: i, defaultRailCollapsed: u, className: d = "", ...f }) {
+	let [p, m] = o(() => u ?? (typeof window < "u" && window.matchMedia("(max-width: 900px)").matches));
 	return a(() => {
-		let e = window.matchMedia("(max-width: 900px)"), t = () => p(e.matches);
+		let e = window.matchMedia("(max-width: 900px)"), t = () => {
+			(e.matches || u === void 0) && m(e.matches);
+		};
 		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
-	}, []), /* @__PURE__ */ c("div", {
-		...d,
-		className: `ui-pdf-workspace ${f ? "ui-rail-collapsed" : ""} ${u}`,
+	}, [u]), /* @__PURE__ */ c("div", {
+		...f,
+		className: `ui-pdf-workspace ${p ? "ui-rail-collapsed" : ""} ${d}`,
 		children: [
 			/* @__PURE__ */ s("aside", {
 				className: "ui-viewer-rail",
-				hidden: f,
+				hidden: p,
 				"aria-label": "页面缩略图",
 				children: /* @__PURE__ */ s(l.Provider, {
-					value: f,
+					value: p,
 					children: r
 				})
 			}),
@@ -26,10 +28,10 @@ function d({ rail: r, children: i, className: u = "", ...d }) {
 				variant: "secondary",
 				size: "compact",
 				className: "ui-viewer-rail-toggle",
-				"aria-expanded": !f,
-				"aria-label": f ? "显示页面缩略图" : "隐藏页面缩略图",
-				onClick: () => p((e) => !e),
-				children: [s(f ? n : t, { size: 17 }), /* @__PURE__ */ s("span", { children: f ? "页面" : "收起" })]
+				"aria-expanded": !p,
+				"aria-label": p ? "显示页面缩略图" : "隐藏页面缩略图",
+				onClick: () => m((e) => !e),
+				children: [s(p ? n : t, { size: 17 }), /* @__PURE__ */ s("span", { children: p ? "页面" : "收起" })]
 			}),
 			/* @__PURE__ */ s("div", {
 				className: "ui-viewer-stage",