@jc-times/business-ui 0.3.2 → 0.4.1

package/dist/WheelCascader.js

@@ -0,0 +1,123 @@
+import { FormField as e } from "./FormField.js";
+import { enabledWheelOptions as t, resolveWheelPath as n, wheelOptionsKey as r } from "./option-wheel-model.js";
+import { OptionWheelDialog as i } from "./OptionWheelDialog.js";
+import { useCallback as a, useEffect as o, useId as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/WheelCascader.tsx
+function f(f) {
+	let p = s(), m = f.id ?? f.inputProps?.id ?? p, h = c(null), g = a((e) => {
+		h.current = e, typeof f.inputRef == "function" ? f.inputRef(e) : f.inputRef && (f.inputRef.current = e);
+	}, [f.inputRef]), [_, v] = l(!1), [y, b] = l();
+	o(() => {
+		(f.value.length || !f.required) && b(void 0);
+	}, [f.value.length, f.required]);
+	let x = f.error ?? y, S = JSON.stringify([
+		f.value,
+		r(f.options),
+		!!f.disabled,
+		!!f.inputProps?.readOnly
+	]), [C, w] = l(S), T = C !== S, E = f.open ?? _, [D, O] = l(!1), k = E && !f.disabled && !f.inputProps?.readOnly && !T && !D;
+	function A() {
+		v(!1), f.onOpenChange?.(!1);
+	}
+	o(() => {
+		T && (w(S), E && (O(!0), A()));
+	}, [
+		S,
+		T,
+		E
+	]), o(() => {
+		E || O(!1);
+	}, [E]);
+	function j() {
+		f.disabled || f.inputProps?.readOnly || (w(S), O(!1), v(!0), f.onOpenChange?.(!0));
+	}
+	let M = [], N = f.options;
+	for (let e of f.value) {
+		let t = N.find((t) => t.value === e);
+		if (!t) break;
+		M.push(t), N = t.children ?? [];
+	}
+	let { onClick: P, onKeyDown: F, ...I } = f.inputProps ?? {}, L = [
+		I["aria-describedby"],
+		f.helpText !== void 0 && `${m}-help`,
+		x && `${m}-error`
+	].filter(Boolean).join(" ") || void 0;
+	function R(e) {
+		if (f.disabled || f.inputProps?.readOnly || T) return;
+		if (!e.length) {
+			if (f.required || f.allowClear === !1) return;
+			f.onValueChange([], []), A();
+			return;
+		}
+		let r = n(t(f.options), e);
+		if (JSON.stringify(r.value) !== JSON.stringify(e)) return;
+		let i = [], a = f.options;
+		for (let t of e) {
+			let e = a.find((e) => e.value === t);
+			i.push(e), a = e.children ?? [];
+		}
+		JSON.stringify(f.value) !== JSON.stringify(e) && f.onValueChange(e, i), A();
+	}
+	return /* @__PURE__ */ d(e, {
+		controlId: m,
+		label: f.label,
+		helpText: f.helpText,
+		error: x,
+		required: f.required,
+		children: [
+			f.required && /* @__PURE__ */ u("input", {
+				className: "ui-wheel-validation",
+				tabIndex: -1,
+				"aria-hidden": "true",
+				required: !0,
+				disabled: f.disabled,
+				value: f.value.length ? "selected" : "",
+				onChange: () => {},
+				onInvalid: (e) => {
+					e.preventDefault(), b("请选择一个选项"), h.current?.focus();
+				}
+			}),
+			/* @__PURE__ */ u("input", {
+				...I,
+				id: m,
+				ref: g,
+				type: "text",
+				readOnly: !0,
+				inputMode: "none",
+				disabled: f.disabled,
+				className: `ui-input ui-wheel-cascader ${f.className ?? ""}`,
+				value: M.map((e) => e.label).join(" / "),
+				placeholder: f.placeholder ?? "请选择",
+				"aria-haspopup": "dialog",
+				"aria-expanded": k,
+				"aria-required": f.required || void 0,
+				"aria-invalid": x ? !0 : I["aria-invalid"],
+				"aria-describedby": L,
+				onClick: (e) => {
+					P?.(e), e.defaultPrevented || j();
+				},
+				onKeyDown: (e) => {
+					F?.(e), !e.defaultPrevented && [
+						"Enter",
+						" ",
+						"ArrowDown"
+					].includes(e.key) && (e.preventDefault(), j());
+				}
+			}),
+			k && /* @__PURE__ */ u(i, {
+				options: f.options,
+				value: f.value,
+				title: f.label ?? "选择选项",
+				returnFocus: h,
+				clearLabel: f.clearLabel,
+				emptyText: f.emptyText,
+				allowClear: !f.required && f.allowClear !== !1,
+				onClose: A,
+				onConfirm: R
+			})
+		]
+	});
+}
+//#endregion
+export { f as WheelCascader };

package/dist/WheelDateInput.js

@@ -0,0 +1,97 @@
+import { Button as e } from "./Button.js";
+import { useOverlayContainer as t } from "./OverlayContainer.js";
+import { ModalShell as n } from "./ModalShell.js";
+import { initialWheelDate as r, wheelBounds as i, wheelDate as a } from "./date-wheel-model.js";
+import { DateWheelPicker as o } from "./DateWheelPicker.js";
+import { forwardRef as s, useCallback as c, useEffect as l, useId as u, useRef as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { createPortal as g } from "react-dom";
+//#region src/WheelDateInput.tsx
+var _ = s(function({ value: s, onValueChange: _, minDate: v, maxDate: y, min: b, max: x, isDateUnavailable: S, inputRef: C, inputClassName: w, className: T = "", disabled: E, readOnly: D, required: O, onValidationError: k, onKeyDown: A, onClick: j, mobileMode: M, ...N }, P) {
+	let F = u(), I = d(null), L = t(), [R, z] = f(!1), [B, V] = f(""), [H, U] = f(!1), W = v ?? (b === void 0 ? void 0 : String(b)), G = y ?? (x === void 0 ? void 0 : String(x)), K = i(W, G), q = a(B), J = !K || !q || q.compare(K.min) < 0 || q.compare(K.max) > 0 || !!S?.(B), Y = E || D;
+	l(() => {
+		z(!1);
+	}, [s, Y]);
+	let X = c((e) => {
+		I.current = e;
+		for (let t of [P, C]) typeof t == "function" ? t(e) : t && (t.current = e);
+	}, [P, C]);
+	function Z() {
+		Y || (U(!1), V(r(s, W, G).toString()), z(!0));
+	}
+	function Q(e) {
+		Y || (e ? J || H : O) || (k?.(null), _(e), z(!1));
+	}
+	return /* @__PURE__ */ h("span", {
+		className: `ui-wheel-date-input ${T}`,
+		children: [/* @__PURE__ */ m("input", {
+			...N,
+			ref: X,
+			className: w,
+			type: "text",
+			readOnly: !0,
+			inputMode: "none",
+			disabled: E,
+			required: O,
+			value: s.replaceAll("-", "/"),
+			placeholder: N.placeholder ?? "请选择日期",
+			"aria-haspopup": "dialog",
+			"aria-expanded": R && !Y,
+			"aria-controls": R && !Y ? `${F}-panel` : void 0,
+			onClick: (e) => {
+				j?.(e), e.defaultPrevented || Z();
+			},
+			onKeyDown: (e) => {
+				A?.(e), !e.defaultPrevented && [
+					"Enter",
+					" ",
+					"ArrowDown"
+				].includes(e.key) && (e.preventDefault(), Z());
+			}
+		}), R && !Y && g(/* @__PURE__ */ h(n, {
+			titleId: `${F}-title`,
+			title: "选择日期",
+			closeLabel: "关闭日期选择",
+			returnFocus: I,
+			onClose: () => z(!1),
+			backdropClassName: "ui-date-wheel-backdrop",
+			panelClassName: "ui-date-wheel-panel",
+			contentClassName: "ui-date-wheel-content",
+			contentProps: { id: `${F}-panel` },
+			footerClassName: "ui-date-wheel-actions",
+			footer: /* @__PURE__ */ h(p, { children: [
+				/* @__PURE__ */ m(e, {
+					variant: "secondary",
+					onClick: () => z(!1),
+					children: "取消"
+				}),
+				!O && /* @__PURE__ */ m(e, {
+					variant: "secondary",
+					disabled: !s,
+					onClick: () => Q(""),
+					children: "清除"
+				}),
+				/* @__PURE__ */ m(e, {
+					variant: "primary",
+					disabled: J || H,
+					onClick: () => Q(B),
+					children: "确定日期"
+				})
+			] }),
+			children: [/* @__PURE__ */ m(o, {
+				value: B,
+				onValueChange: V,
+				minDate: W,
+				maxDate: G,
+				isDateUnavailable: S,
+				onPendingChange: U
+			}), /* @__PURE__ */ m("p", {
+				className: J ? "ui-form-error" : "ui-date-wheel-summary",
+				role: "status",
+				children: J ? "当前日期不可选择，请选择其他日期" : B.replaceAll("-", "/")
+			})]
+		}), L ?? document.body)]
+	});
+});
+//#endregion
+export { _ as WheelDateInput };

package/dist/business-ui.js

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

package/dist/date-wheel-model.js

@@ -0,0 +1,27 @@
+import { CalendarDate as e, getLocalTimeZone as t, parseDate as n, today as r } from "@internationalized/date";
+//#region src/date-wheel-model.ts
+function i(e) {
+	if (!e || !/^\d{4}-\d{2}-\d{2}$/.test(e)) return null;
+	try {
+		let t = n(e);
+		return t.toString() === e ? t : null;
+	} catch {
+		return null;
+	}
+}
+function a(t, n) {
+	let r = t === void 0 ? new e(1, 1, 1) : i(t), a = n === void 0 ? new e(9999, 12, 31) : i(n);
+	return r && a && r.compare(a) <= 0 ? {
+		min: r,
+		max: a
+	} : null;
+}
+function o(e, t) {
+	return e.compare(t.min) < 0 ? t.min : e.compare(t.max) > 0 ? t.max : e;
+}
+function s(e, n, s) {
+	let c = a(n, s), l = i(e) ?? r(t());
+	return c ? o(l, c) : l;
+}
+//#endregion
+export { o as clampWheelDate, s as initialWheelDate, a as wheelBounds, i as wheelDate };

package/dist/option-wheel-model.js

@@ -0,0 +1,49 @@
+//#region src/option-wheel-model.ts
+function e(e) {
+	return e.textValue ?? (typeof e.label == "string" || typeof e.label == "number" ? String(e.label) : e.value);
+}
+function t(e) {
+	return e.flatMap((e) => {
+		if (e.disabled) return [];
+		if (e.children?.length) {
+			let n = t(e.children);
+			return n.length ? [{
+				...e,
+				children: n
+			}] : [];
+		}
+		return e.isLeaf === !1 ? [] : [{
+			...e,
+			children: void 0
+		}];
+	});
+}
+function n(e, t) {
+	let n = [], r = [], i = e, a = !0;
+	for (; i.length;) {
+		r.push([...i]);
+		let e = a ? i.find((e) => e.value === t[n.length]) : void 0;
+		e || (a = !1);
+		let o = e ?? i[0];
+		n.push(o), i = o.children ?? [];
+	}
+	return {
+		path: n,
+		columns: r,
+		value: n.map((e) => e.value)
+	};
+}
+function r(t) {
+	function n(t) {
+		return t.map((t) => [
+			t.value,
+			e(t),
+			!!t.disabled,
+			t.isLeaf,
+			t.children ? n(t.children) : null
+		]);
+	}
+	return JSON.stringify(n(t));
+}
+//#endregion
+export { t as enabledWheelOptions, n as resolveWheelPath, r as wheelOptionsKey, e as wheelText };