@jc-times/business-ui 0.2.43

package/dist/Skeleton.js

@@ -0,0 +1,25 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/Skeleton.tsx
+function t({ width: t, height: n, rounded: r = !1, className: i = "", style: a, ...o }) {
+	return /* @__PURE__ */ e("span", {
+		...o,
+		className: `ui-skeleton${r ? " rounded" : ""} ${i}`.trim(),
+		style: {
+			width: t,
+			height: n,
+			...a
+		},
+		"aria-hidden": "true"
+	});
+}
+function n({ lines: n = 3, className: r = "", ...i }) {
+	let a = Math.max(1, Math.floor(n));
+	return /* @__PURE__ */ e("div", {
+		...i,
+		className: `ui-skeleton-text ${r}`.trim(),
+		"aria-hidden": "true",
+		children: Array.from({ length: a }, (n, r) => /* @__PURE__ */ e(t, { width: r === a - 1 ? "72%" : "100%" }, r))
+	});
+}
+//#endregion
+export { t as Skeleton, n as SkeletonText };

package/dist/SortableList.js

@@ -0,0 +1,55 @@
+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";
+//#region src/SortableList.tsx
+function c(c) {
+	let u = t(() => c.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) })),
+		getAllowedDropOperations: () => ["move"],
+		onReorder: (e) => c.onReorder(l(c.items, e.keys, e.target.key, e.target.dropPosition, c.getKey))
+	});
+	return /* @__PURE__ */ n(a, {
+		"aria-label": c["aria-label"],
+		items: u,
+		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),
+			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, {
+					"aria-hidden": "true",
+					size: 18
+				})
+			}), /* @__PURE__ */ n("div", {
+				className: "ui-sortable-content",
+				children: c.renderItem(t, a)
+			})]
+		})
+	});
+}
+function l(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);
+	if (s < 0) return e;
+	let c = s + +(r === "after");
+	return [
+		...o.slice(0, c),
+		...a,
+		...o.slice(c)
+	];
+}
+//#endregion
+export { c as SortableList, l as moveSortableItems };

package/dist/StructuredAddressInput.js

@@ -0,0 +1,157 @@
+import { Select as e } from "./Select.js";
+import { Cascader as t } from "./Cascader.js";
+import { useId as n, useMemo as r, useRef as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/StructuredAddressInput.tsx
+function c({ regions: c, value: l, onValueChange: u, label: d = "地址", required: f = !1, disabled: m = !1, annotation: h, dataVersion: g, className: _ = "", structuredModeLabel: v = "结构化地址", freeformModeLabel: y = "海外或非标准地址", showModeSelector: b = !1, regionLabel: x = "所在地区", detailLabel: S = "详细地址", freeformLabel: C = "完整地址", searchPlaceholder: w = "请选择或搜索地区", emptyText: T = "没有匹配的地区", maxLength: E = 500, regionInputRef: D, detailInputRef: O, freeformInputRef: k, regionInputProps: A, detailInputProps: j, freeformInputProps: M }) {
+	let N = n().replaceAll(":", ""), P = A?.id ?? `ui-address-${N}-region`, F = i(null), I = r(() => {
+		function e(t) {
+			return t.map((t) => ({
+				value: t.id,
+				label: t.label,
+				disabled: t.disabled,
+				children: t.children ? e(t.children) : void 0
+			}));
+		}
+		return e(c);
+	}, [c]);
+	function L(e) {
+		u({
+			...l,
+			...b ? {} : { mode: "structured" },
+			...e
+		});
+	}
+	return /* @__PURE__ */ s("fieldset", {
+		className: `ui-structured-address ${_}`.trim(),
+		disabled: m,
+		children: [
+			/* @__PURE__ */ s("legend", { children: [
+				f && /* @__PURE__ */ o("span", {
+					className: "ui-required-mark",
+					"aria-hidden": "true",
+					children: "*"
+				}),
+				d,
+				h !== void 0 && /* @__PURE__ */ o("span", {
+					className: "ui-structured-address-annotation",
+					children: h
+				})
+			] }),
+			b && /* @__PURE__ */ o("div", {
+				className: "ui-structured-address-mode",
+				children: /* @__PURE__ */ o(e, {
+					label: "地址类型",
+					value: l.mode,
+					disabled: m,
+					onValueChange: (e) => L({ mode: e }),
+					options: [{
+						value: "structured",
+						label: v
+					}, {
+						value: "freeform",
+						label: y
+					}]
+				})
+			}),
+			b && l.mode === "freeform" ? /* @__PURE__ */ s("label", {
+				className: "ui-structured-address-full",
+				children: [/* @__PURE__ */ o("span", { children: C }), /* @__PURE__ */ o("input", {
+					...M,
+					ref: k,
+					className: "ui-input",
+					autoComplete: "street-address",
+					maxLength: E,
+					required: f,
+					value: l.freeform,
+					onChange: (e) => L({ freeform: e.target.value })
+				})]
+			}) : /* @__PURE__ */ s(a, { children: [
+				/* @__PURE__ */ o("div", {
+					className: "ui-structured-address-region",
+					children: /* @__PURE__ */ o(t, {
+						options: I,
+						value: l.regionIds,
+						label: x,
+						id: P,
+						disabled: m,
+						required: f,
+						placeholder: w,
+						emptyText: T,
+						inputProps: A,
+						inputRef: D,
+						changeOnSelect: !0,
+						onValueChange: (e, t) => {
+							L({ regionIds: e });
+							let n = t.at(-1);
+							n && !n.children?.length && queueMicrotask(() => F.current?.focus());
+						}
+					})
+				}),
+				/* @__PURE__ */ s("label", {
+					className: "ui-structured-address-detail",
+					children: [/* @__PURE__ */ o("span", { children: S }), /* @__PURE__ */ o("input", {
+						...j,
+						ref: (e) => {
+							F.current = e, p(O, e);
+						},
+						className: "ui-input",
+						autoComplete: "street-address",
+						maxLength: E,
+						required: f,
+						value: l.detail,
+						onChange: (e) => L({ detail: e.target.value })
+					})]
+				}),
+				g !== void 0 && /* @__PURE__ */ o("small", {
+					className: "ui-structured-address-version",
+					children: g
+				})
+			] })
+		]
+	});
+}
+function l(e) {
+	let t = [];
+	function n(e, r, i) {
+		for (let a of e) {
+			let e = {
+				ids: [...r, a.id],
+				labels: [...i, a.label],
+				leaf: a
+			};
+			t.push(e), a.children?.length && n(a.children, e.ids, e.labels);
+		}
+	}
+	return n(e, [], []), t;
+}
+function u(e, t, n = 20) {
+	let r = f(t);
+	if (!r) return [];
+	let i = (e) => {
+		let t = f(e.labels.at(-1) ?? "");
+		return t === r ? 0 : t.includes(r) ? 1 : 2;
+	};
+	return l(e).filter((e) => f(e.labels.join("/")).includes(r)).sort((e, t) => i(e) - i(t) || e.labels.join("/").localeCompare(t.labels.join("/"), "zh-CN")).slice(0, n);
+}
+function d(e, t) {
+	if (!t.length) return;
+	let n = e, r = [], i = [], a;
+	for (let e of t) {
+		if (a = n.find((t) => t.id === e), !a) return;
+		i.push(a.id), r.push(a.label), n = a.children ?? [];
+	}
+	return a ? {
+		ids: i,
+		labels: r,
+		leaf: a
+	} : void 0;
+}
+function f(e) {
+	return e.replace(/[\s/]+/gu, "").toLocaleLowerCase();
+}
+function p(e, t) {
+	typeof e == "function" ? e(t) : e && (e.current = t);
+}
+//#endregion
+export { c as StructuredAddressInput, d as findAddressRegionPath, l as flattenAddressRegions, u as searchAddressRegions };

package/dist/Toast.js

@@ -0,0 +1,100 @@
+import { Button as e } from "./Button.js";
+import { useOverlayContainer as t } from "./OverlayContainer.js";
+import { AlertCircle as n, CheckCircle2 as r, Info as i, TriangleAlert as a, X as o } from "lucide-react";
+import { createContext as s, useCallback as c, useContext as l, useMemo as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { createPortal as h } from "react-dom";
+import * as g from "@radix-ui/react-toast";
+//#region src/Toast.tsx
+var _ = s(null), v = {
+	info: i,
+	success: r,
+	warning: a,
+	danger: n
+};
+function y({ children: e, maxVisible: n = 4 }) {
+	let r = t(), [i, a] = f([]), o = d(0), s = Number.isFinite(n) ? Math.max(1, Math.floor(n)) : 4, l = c((e) => a((t) => t.filter((t) => t.id !== e)), []), v = c(() => a([]), []), y = c((e) => {
+		let t = ++o.current, n = e.id ?? `ui-toast-${t}`, r = e.tone ?? "info", i = e.duration ?? (r === "danger" ? 0 : r === "warning" ? 6e3 : 4e3);
+		return a((a) => {
+			let o = {
+				...e,
+				id: n,
+				tone: r,
+				duration: i,
+				revision: t
+			};
+			return a.some((e) => e.id === n) ? a.map((e) => e.id === n ? o : e) : [...a, o];
+		}), n;
+	}, []), b = u(() => ({
+		toast: y,
+		dismiss: l,
+		dismissAll: v
+	}), [
+		y,
+		l,
+		v
+	]);
+	return /* @__PURE__ */ p(_.Provider, {
+		value: b,
+		children: /* @__PURE__ */ m(g.Provider, {
+			label: "通知",
+			children: [
+				e,
+				i.slice(0, s).map((e) => /* @__PURE__ */ p(x, {
+					item: e,
+					dismiss: l
+				}, `${e.id}-${e.revision}`)),
+				typeof document > "u" ? null : h(/* @__PURE__ */ p(g.Viewport, {
+					className: "ui-toast-viewport",
+					label: "通知（F8）"
+				}), r ?? document.body)
+			]
+		})
+	});
+}
+function b() {
+	let e = l(_);
+	if (!e) throw Error("useToast 必须在 ToastProvider 内使用");
+	return e;
+}
+function x({ item: t, dismiss: n }) {
+	let r = v[t.tone];
+	return /* @__PURE__ */ m(g.Root, {
+		className: `ui-toast ui-toast-${t.tone}`,
+		duration: t.duration <= 0 ? Infinity : t.duration,
+		type: t.tone === "danger" ? "foreground" : "background",
+		open: !0,
+		onOpenChange: (e) => {
+			e || n(t.id);
+		},
+		children: [
+			/* @__PURE__ */ p(r, {
+				className: "ui-toast-icon",
+				size: 19,
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "ui-toast-content",
+				children: [/* @__PURE__ */ p(g.Title, {
+					asChild: !0,
+					children: /* @__PURE__ */ p("strong", { children: t.title })
+				}), t.description === void 0 ? null : /* @__PURE__ */ p(g.Description, { children: t.description })]
+			}),
+			t.actionLabel === void 0 ? null : /* @__PURE__ */ p(e, {
+				size: "compact",
+				variant: "ghost",
+				onClick: () => {
+					t.onAction?.(), n(t.id);
+				},
+				children: t.actionLabel
+			}),
+			/* @__PURE__ */ p(g.Close, {
+				className: "ui-toast-close",
+				"aria-label": "关闭通知",
+				children: /* @__PURE__ */ p(o, { size: 16 })
+			})
+		]
+	});
+}
+//#endregion
+export { y as ToastProvider, b as useToast };

package/dist/ToggleSwitch.js

@@ -0,0 +1,34 @@
+import { forwardRef as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/ToggleSwitch.tsx
+var r = e(function({ checked: e, children: r, className: i = "", disabled: a, disabledDescriptionId: o, onChange: s, ...c }, l) {
+	let u = !!(a && o);
+	return /* @__PURE__ */ n("label", {
+		className: `ui-toggle ${i}`.trim(),
+		children: [
+			/* @__PURE__ */ t("input", {
+				...c,
+				ref: l,
+				type: "checkbox",
+				checked: e,
+				disabled: a && !u,
+				"aria-disabled": u || c["aria-disabled"],
+				"aria-describedby": u ? o : c["aria-describedby"],
+				onChange: (e) => {
+					a || s(e.target.checked);
+				}
+			}),
+			/* @__PURE__ */ t("span", {
+				className: "ui-toggle-track",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ t("i", {})
+			}),
+			/* @__PURE__ */ t("span", {
+				className: "ui-toggle-copy",
+				children: r
+			})
+		]
+	});
+});
+//#endregion
+export { r as ToggleSwitch };