@vavt/react-ui 1.0.0

package/dist/Table-C8cSyts5.js

@@ -0,0 +1,440 @@
+import { t as e } from "./effect-nifYL_rH.js";
+import { n as t, t as n } from "./state-oH-YwB7_.js";
+import { n as r } from "./number-BN2jHM6Z.js";
+import { t as i } from "./Scrollbar-BdMGZrYi.js";
+import { t as a } from "./Tooltip-Ds4Odm7K.js";
+import { ChevronDown as o, ChevronUp as s } from "lucide-react";
+import { forwardRef as c, useCallback as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region components/Table/Table.tsx
+var ee = (e, t) => e.length === t.length && e.every((e, n) => Object.is(e, t[n])), g = (e, t) => {
+	let n = [...new Set(e)];
+	return t === "radio" ? n.slice(0, 1) : n;
+}, te = ({ type: t, checked: n, disabled: r = !1, indeterminate: i = !1, ariaLabel: a, onChange: o }) => {
+	let s = f(null);
+	e(() => {
+		s.current && (s.current.indeterminate = t === "checkbox" && i);
+	}, [i, t]);
+	let c = (e) => e.stopPropagation();
+	return /* @__PURE__ */ h("label", {
+		className: [
+			"vl-table__selection-control",
+			`is-${t}`,
+			n ? "is-checked" : "",
+			i ? "is-indeterminate" : "",
+			r ? "is-disabled" : ""
+		].filter(Boolean).join(" "),
+		onClick: c,
+		onDoubleClick: c,
+		children: [/* @__PURE__ */ m("input", {
+			ref: s,
+			className: "vl-table__selection-input",
+			type: t,
+			checked: n,
+			disabled: r,
+			"aria-label": a,
+			onChange: o
+		}), /* @__PURE__ */ m("span", {
+			className: "vl-table__selection-indicator",
+			"aria-hidden": "true"
+		})]
+	});
+}, ne = ({ content: t, tooltipContent: n, showTooltip: r }) => {
+	let i = f(null), [o, s] = p(!1), c = l(() => {
+		let e = i.current;
+		e && s(e.scrollWidth > e.clientWidth);
+	}, []);
+	return e(() => {
+		c();
+		let e = i.current, t = typeof ResizeObserver > "u" ? null : new ResizeObserver(c);
+		return e && t?.observe(e), window.addEventListener("resize", c, { passive: !0 }), () => {
+			t?.disconnect(), window.removeEventListener("resize", c);
+		};
+	}, [t, c]), /* @__PURE__ */ m(a, {
+		className: "vl-table__ellipsis-tooltip",
+		content: n,
+		disabled: !o || !r,
+		children: /* @__PURE__ */ m("span", {
+			ref: i,
+			className: "vl-table__ellipsis-content",
+			tabIndex: o && r ? 0 : void 0,
+			children: t
+		})
+	});
+};
+function _(a, c) {
+	let { data: _, columns: v, rowKey: y, size: b = "md", bordered: re = !0, striped: ie = !1, highlightCurrentRow: x = !1, showHeader: S = !0, emptyText: ae = "暂无数据", maxHeight: C, loading: w = !1, caption: oe, emptyContent: se, loadingContent: ce, tableLayout: le, sortState: ue, defaultSortState: de = null, rowSelection: T, currentRowKey: fe, defaultCurrentRowKey: pe = null, className: me, style: he, onRowClick: ge, onRowDoubleClick: _e, onCellClick: ve, onSortChange: ye, onCurrentRowChange: be, ...xe } = a, Se = n(a, "sortState"), E = n(a, "currentRowKey"), D = !!(T && n(T, "selectedRowKeys")), O = T?.type ?? "checkbox", k = T?.preserveSelectedRowKeys ?? !1, Ce = T?.columnWidth ?? 48, A = C != null, [j, we] = t({
+		value: ue ?? null,
+		defaultValue: de,
+		controlled: Se
+	}), [M, N] = t({
+		value: fe ?? null,
+		defaultValue: pe,
+		controlled: E
+	}), [Te, P] = t({
+		value: T?.selectedRowKeys ?? [],
+		defaultValue: g(T?.defaultSelectedRowKeys ?? [], O),
+		controlled: D
+	}), F = f(null), I = f([]), L = f(/* @__PURE__ */ new Map()), [Ee, De] = p([]), [Oe, ke] = p(!1), R = d(() => g(Te, O), [Te, O]), z = d(() => new Set(R), [R]), B = l((e) => typeof y == "function" ? y(e) : e[y], [y]), V = d(() => {
+		let e = /* @__PURE__ */ new Map();
+		return _.forEach((t) => e.set(B(t), t)), e;
+	}, [_, B]), Ae = d(() => {
+		if (!j) return _;
+		let e = v.find((e) => e.key === j.columnKey);
+		if (!e || typeof e.sorter != "function") return _;
+		let t = e.sorter, n = j.order === "asc" ? 1 : -1;
+		return _.map((e, t) => ({
+			row: e,
+			index: t
+		})).sort((e, r) => t(e.row, r.row) * n || e.index - r.index).map(({ row: e }) => e);
+	}, [
+		v,
+		_,
+		j
+	]), H = d(() => Ae.map((e, t) => ({
+		row: e,
+		index: t,
+		key: B(e),
+		controlProps: T?.getControlProps?.(e, t) ?? {}
+	})), [
+		B,
+		T,
+		Ae
+	]);
+	u(() => {
+		if (k) {
+			V.forEach((e, t) => L.current.set(t, e));
+			return;
+		}
+		L.current = new Map(V);
+	}, [V, k]), u(() => {
+		if (!T || D) return;
+		let e = g(k ? R : R.filter((e) => V.has(e)), O);
+		ee(R, e) || P(e);
+	}, [
+		V,
+		k,
+		T,
+		R,
+		D,
+		O,
+		P
+	]), u(() => {
+		E || M === null || V.has(M) || N(null);
+	}, [
+		E,
+		M,
+		V,
+		N
+	]);
+	let U = d(() => H.filter(({ controlProps: e }) => !e.disabled), [H]), W = U.length > 0 && U.every(({ key: e }) => z.has(e)), je = !W && U.some(({ key: e }) => z.has(e)), G = d(() => [...T ? [{
+		width: Ce,
+		fixed: T.fixed ? "left" : void 0
+	}] : [], ...v], [
+		v,
+		T,
+		Ce
+	]), K = +!!T, Me = d(() => {
+		let e = -1;
+		return G.forEach((t, n) => {
+			t.fixed === "left" && (e = n);
+		}), e;
+	}, [G]), Ne = d(() => G.findIndex((e) => e.fixed === "right"), [G]), Pe = G.some((e) => e.fixed !== void 0), q = A || Pe, J = l((e) => {
+		let t = e.width ?? e.minWidth;
+		return typeof t == "number" && Number.isFinite(t) ? Math.max(0, t) : typeof t == "string" && /^\d+(?:\.\d+)?px$/.test(t.trim()) ? Number.parseFloat(t) : 0;
+	}, []), Y = l(() => {
+		let e = G.map((e, t) => {
+			let n = I.current[t]?.getBoundingClientRect().width ?? 0;
+			return n > 0 ? n : J(e);
+		}), t = G.map(() => ({})), n = 0;
+		G.forEach((r, i) => {
+			r.fixed === "left" && (t[i].left = n, n += e[i]);
+		});
+		let r = 0;
+		for (let n = G.length - 1; n >= 0; --n) G[n].fixed === "right" && (t[n].right = r, r += e[n]);
+		let i = F.current?.querySelector(".vl-scrollbar__viewport")?.clientWidth ?? 0, a = i > 0 ? i : F.current?.clientWidth ?? 0;
+		ke(a > 0 && n + r > a), De((e) => e.length === t.length && e.every((e, n) => Object.is(e.left, t[n].left) && Object.is(e.right, t[n].right)) ? e : t);
+	}, [J, G]);
+	e(() => {
+		I.current.length = G.length, Y();
+		let e = typeof ResizeObserver > "u" ? null : new ResizeObserver(Y);
+		return I.current.forEach((t) => {
+			t && e?.observe(t);
+		}), window.addEventListener("resize", Y, { passive: !0 }), () => {
+			e?.disconnect(), window.removeEventListener("resize", Y);
+		};
+	}, [
+		G,
+		H.length,
+		S,
+		Y
+	]);
+	let Fe = d(() => [
+		"vl-table",
+		`size-${b}`,
+		re ? "is-bordered" : "",
+		ie ? "is-striped" : "",
+		w ? "is-loading" : "",
+		T ? "has-row-selection" : "",
+		A ? "has-sticky-header" : "",
+		q ? "has-custom-scrollbar" : "",
+		me || ""
+	].filter(Boolean).join(" "), [
+		re,
+		me,
+		A,
+		w,
+		T,
+		b,
+		ie,
+		q
+	]), Ie = d(() => A ? q ? {
+		maxHeight: r(C),
+		overflow: "visible"
+	} : {
+		maxHeight: r(C),
+		overflowY: "auto"
+	} : {}, [
+		A,
+		C,
+		q
+	]), Le = [
+		"vl-table__wrapper",
+		q ? "is-custom-scrollbar" : "",
+		A ? "is-sticky-scrollbar" : ""
+	].filter(Boolean).join(" "), Re = le ?? (v.some((e) => e.ellipsis) ? "fixed" : "auto"), ze = d(() => {
+		let e = G.map(J);
+		return e.length > 0 && e.every((e) => e > 0) ? e.reduce((e, t) => e + t, 0) : 0;
+	}, [J, G]), Be = (e) => {
+		let t = {};
+		return e.width !== void 0 && (t.width = r(e.width)), e.minWidth !== void 0 && (t.minWidth = r(e.minWidth)), t;
+	}, X = (e, t, n, i = "left") => {
+		let a = { textAlign: i };
+		return e.width !== void 0 && (a.width = r(e.width)), e.minWidth !== void 0 && (a.minWidth = r(e.minWidth)), n && A && (a.position = "sticky", a.top = 0, a.zIndex = e.fixed ? 5 : 4), !e.fixed || e.fixed === "right" && Oe ? a : (a.position = "sticky", a.zIndex = n ? 5 : 2, e.fixed === "left" ? a.left = Ee[t]?.left ?? 0 : a.right = Ee[t]?.right ?? 0, a);
+	}, Z = (e, t) => {
+		let n = e.fixed === "right" && Oe ? void 0 : e.fixed;
+		return [
+			n ? `is-fixed is-fixed-${n}` : "",
+			n === "left" && t === Me ? "is-fixed-edge-left" : "",
+			n === "right" && t === Ne ? "is-fixed-edge-right" : ""
+		];
+	}, Ve = (e, t) => [
+		"vl-table__header-cell",
+		e.headerClass || "",
+		e.sorter ? "is-sortable" : "",
+		j?.columnKey === e.key ? "is-sorted" : "",
+		...Z(e, t)
+	].filter(Boolean).join(" "), He = (e, t) => [
+		"vl-table__cell",
+		e.cellClass || "",
+		e.ellipsis ? "is-ellipsis" : "",
+		...Z(e, t)
+	].filter(Boolean).join(" "), Q = (e) => {
+		let t = G[0];
+		return [
+			e ? "vl-table__header-cell" : "vl-table__cell",
+			"vl-table__selection-cell",
+			...Z(t, 0)
+		].filter(Boolean).join(" ");
+	}, Ue = (e) => [
+		"vl-table__sort-icons",
+		j?.columnKey === e.key && j.order === "asc" ? "is-asc" : "",
+		j?.columnKey === e.key && j.order === "desc" ? "is-desc" : ""
+	].filter(Boolean).join(" "), $ = (e) => {
+		if (!T) return;
+		let t = g(e, O);
+		P(t);
+		let n = k ? L.current : V, r = t.map((e) => V.get(e) ?? n.get(e)).filter((e) => e !== void 0);
+		T.onChange?.(t, r);
+	}, We = (e) => {
+		if (O === "radio") {
+			z.has(e) || $([e]);
+			return;
+		}
+		$(z.has(e) ? R.filter((t) => !Object.is(t, e)) : [...R, e]);
+	}, Ge = () => {
+		let e = U.map(({ key: e }) => e), t = new Set(e);
+		if (W) {
+			$(R.filter((e) => !t.has(e)));
+			return;
+		}
+		$([...R, ...e.filter((e) => !z.has(e))]);
+	}, Ke = (e) => {
+		if (!e.sorter) return;
+		let t = {
+			columnKey: e.key,
+			order: "asc"
+		};
+		j?.columnKey === e.key && (t = j.order === "asc" ? {
+			columnKey: e.key,
+			order: "desc"
+		} : null), we(t), ye?.(t, e);
+	}, qe = (e, t) => {
+		if (x) {
+			let t = B(e);
+			N(t), Object.is(M, t) || be?.(t, e);
+		}
+		ge?.(e, t);
+	}, Je = (e, t, n) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), qe(t, n));
+	}, Ye = (e) => {
+		if (e.sorter) return j?.columnKey === e.key ? j.order === "asc" ? "ascending" : "descending" : "none";
+	}, Xe = (e, t, n) => {
+		let r = t.render ? t.render(e, n) : e[t.key];
+		if (!t.ellipsis) return r;
+		let i = typeof t.ellipsis != "object" || t.ellipsis.tooltip, a = i !== !1, o = typeof i == "function" ? i(e, n) : r;
+		return /* @__PURE__ */ m(ne, {
+			content: r,
+			tooltipContent: o,
+			showTooltip: a
+		});
+	}, Ze = /* @__PURE__ */ h("table", {
+		className: "vl-table__inner",
+		style: {
+			tableLayout: Re,
+			minWidth: ze || void 0
+		},
+		children: [
+			oe ? /* @__PURE__ */ m("caption", {
+				className: "vl-table__caption",
+				children: oe
+			}) : null,
+			/* @__PURE__ */ m("colgroup", { children: G.map((e, t) => /* @__PURE__ */ m("col", { style: Be(e) }, T && t === 0 ? "selection" : v[t - K].key)) }),
+			S ? /* @__PURE__ */ m("thead", {
+				className: "vl-table__header",
+				children: /* @__PURE__ */ h("tr", { children: [T ? /* @__PURE__ */ m("th", {
+					ref: (e) => {
+						I.current[0] = e;
+					},
+					className: Q(!0),
+					style: X(G[0], 0, !0, "center"),
+					scope: "col",
+					"aria-label": "行选择",
+					children: O === "checkbox" ? /* @__PURE__ */ m(te, {
+						type: "checkbox",
+						checked: W,
+						indeterminate: je,
+						disabled: U.length === 0,
+						ariaLabel: "选择全部行",
+						onChange: Ge
+					}) : null
+				}) : null, v.map((e, t) => {
+					let n = t + K;
+					return /* @__PURE__ */ m("th", {
+						ref: (e) => {
+							I.current[n] = e;
+						},
+						className: Ve(e, n),
+						style: X(e, n, !0, e.align || "left"),
+						scope: "col",
+						"aria-sort": Ye(e),
+						children: e.sorter ? /* @__PURE__ */ h("button", {
+							type: "button",
+							className: "vl-table__sort-button",
+							onClick: () => Ke(e),
+							children: [/* @__PURE__ */ m("span", { children: e.title }), /* @__PURE__ */ h("span", {
+								className: Ue(e),
+								children: [/* @__PURE__ */ m(s, {
+									className: "vl-table__sort-icon--asc",
+									size: 14,
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ m(o, {
+									className: "vl-table__sort-icon--desc",
+									size: 14,
+									"aria-hidden": "true"
+								})]
+							})]
+						}) : /* @__PURE__ */ m("span", {
+							className: "vl-table__header-cell-content",
+							children: e.title
+						})
+					}, e.key);
+				})] })
+			}) : null,
+			/* @__PURE__ */ m("tbody", {
+				className: "vl-table__body",
+				children: H.length > 0 ? H.map(({ row: e, index: t, key: n, controlProps: r }) => {
+					let i = z.has(n), a = x && Object.is(M, n), o = T ? i : x ? a : void 0;
+					return /* @__PURE__ */ h("tr", {
+						className: [
+							"vl-table__row",
+							i ? "is-selected" : "",
+							a ? "is-current" : ""
+						].filter(Boolean).join(" "),
+						tabIndex: ge || x ? 0 : void 0,
+						"aria-selected": o,
+						onClick: () => qe(e, t),
+						onDoubleClick: () => _e?.(e, t),
+						onKeyDown: (n) => Je(n, e, t),
+						children: [T ? /* @__PURE__ */ m("td", {
+							ref: (e) => {
+								!S && t === 0 && (I.current[0] = e);
+							},
+							className: Q(!1),
+							style: X(G[0], 0, !1, "center"),
+							onClick: (e) => e.stopPropagation(),
+							onDoubleClick: (e) => e.stopPropagation(),
+							children: /* @__PURE__ */ m(te, {
+								type: O,
+								checked: i,
+								disabled: r.disabled,
+								ariaLabel: r["aria-label"] ?? `选择第 ${t + 1} 行`,
+								onChange: () => We(n)
+							})
+						}) : null, v.map((n, r) => {
+							let i = r + K;
+							return /* @__PURE__ */ m("td", {
+								ref: (e) => {
+									!S && t === 0 && (I.current[i] = e);
+								},
+								className: He(n, i),
+								style: X(n, i, !1, n.align || "left"),
+								onClick: () => ve?.(e, n, t),
+								children: Xe(e, n, t)
+							}, n.key);
+						})]
+					}, n);
+				}) : /* @__PURE__ */ m("tr", {
+					className: "vl-table__empty-row",
+					children: /* @__PURE__ */ m("td", {
+						className: "vl-table__empty-cell",
+						colSpan: G.length,
+						children: se ?? ae
+					})
+				})
+			})
+		]
+	});
+	return /* @__PURE__ */ h("div", {
+		ref: c,
+		className: Fe,
+		style: he,
+		"aria-busy": w || void 0,
+		...xe,
+		children: [/* @__PURE__ */ m("div", {
+			ref: F,
+			className: Le,
+			style: Ie,
+			children: q ? /* @__PURE__ */ m(i, {
+				className: "vl-table__scrollbar",
+				orientation: A ? "both" : "horizontal",
+				style: A ? { "--vl-table-scrollbar-max-height": r(C) } : void 0,
+				viewportLabel: "表格内容",
+				children: Ze
+			}) : Ze
+		}), w ? /* @__PURE__ */ m("div", {
+			className: "vl-table__loading",
+			role: "status",
+			"aria-live": "polite",
+			"aria-label": "数据加载中",
+			children: ce ?? /* @__PURE__ */ m("span", { className: "vl-table__loading-spinner" })
+		}) : null]
+	});
+}
+var v = c(_);
+v.displayName = "VlTable";
+//#endregion
+//#region components/Table/index.ts
+var y = v, b = v;
+//#endregion
+export { y as n, b as t };

package/dist/Table-JoJ9vpu-.cjs

@@ -0,0 +1 @@
+const e=require("./effect-BpNxm_06.cjs"),t=require("./state-ZBA75xZ_.cjs"),n=require("./number-B7qJF_ZY.cjs"),r=require("./Scrollbar-CEQT6Ao_.cjs"),i=require("./Tooltip-CbPYYr6R.cjs");let a=require("lucide-react"),o=require("react"),s=require("react/jsx-runtime");var c=(e,t)=>e.length===t.length&&e.every((e,n)=>Object.is(e,t[n])),l=(e,t)=>{let n=[...new Set(e)];return t===`radio`?n.slice(0,1):n},u=({type:t,checked:n,disabled:r=!1,indeterminate:i=!1,ariaLabel:a,onChange:c})=>{let l=(0,o.useRef)(null);e.t(()=>{l.current&&(l.current.indeterminate=t===`checkbox`&&i)},[i,t]);let u=e=>e.stopPropagation();return(0,s.jsxs)(`label`,{className:[`vl-table__selection-control`,`is-${t}`,n?`is-checked`:``,i?`is-indeterminate`:``,r?`is-disabled`:``].filter(Boolean).join(` `),onClick:u,onDoubleClick:u,children:[(0,s.jsx)(`input`,{ref:l,className:`vl-table__selection-input`,type:t,checked:n,disabled:r,"aria-label":a,onChange:c}),(0,s.jsx)(`span`,{className:`vl-table__selection-indicator`,"aria-hidden":`true`})]})},ee=({content:t,tooltipContent:n,showTooltip:r})=>{let a=(0,o.useRef)(null),[c,l]=(0,o.useState)(!1),u=(0,o.useCallback)(()=>{let e=a.current;e&&l(e.scrollWidth>e.clientWidth)},[]);e.t(()=>{u();let e=a.current,t=typeof ResizeObserver>`u`?null:new ResizeObserver(u);return e&&t?.observe(e),window.addEventListener(`resize`,u,{passive:!0}),()=>{t?.disconnect(),window.removeEventListener(`resize`,u)}},[t,u]);let ee=(0,s.jsx)(`span`,{ref:a,className:`vl-table__ellipsis-content`,tabIndex:c&&r?0:void 0,children:t});return(0,s.jsx)(i.t,{className:`vl-table__ellipsis-tooltip`,content:n,disabled:!c||!r,children:ee})};function d(i,d){let{data:f,columns:p,rowKey:m,size:h=`md`,bordered:te=!0,striped:ne=!1,highlightCurrentRow:g=!1,showHeader:_=!0,emptyText:re=`暂无数据`,maxHeight:v,loading:y=!1,caption:b,emptyContent:ie,loadingContent:ae,tableLayout:oe,sortState:se,defaultSortState:ce=null,rowSelection:x,currentRowKey:le,defaultCurrentRowKey:ue=null,className:S,style:de,onRowClick:fe,onRowDoubleClick:pe,onCellClick:me,onSortChange:he,onCurrentRowChange:ge,..._e}=i,ve=t.t(i,`sortState`),C=t.t(i,`currentRowKey`),w=!!(x&&t.t(x,`selectedRowKeys`)),T=x?.type??`checkbox`,E=x?.preserveSelectedRowKeys??!1,ye=x?.columnWidth??48,D=v!=null,[O,be]=t.n({value:se??null,defaultValue:ce,controlled:ve}),[k,A]=t.n({value:le??null,defaultValue:ue,controlled:C}),[j,M]=t.n({value:x?.selectedRowKeys??[],defaultValue:l(x?.defaultSelectedRowKeys??[],T),controlled:w}),N=(0,o.useRef)(null),P=(0,o.useRef)([]),F=(0,o.useRef)(new Map),[I,xe]=(0,o.useState)([]),[L,Se]=(0,o.useState)(!1),R=(0,o.useMemo)(()=>l(j,T),[j,T]),z=(0,o.useMemo)(()=>new Set(R),[R]),B=(0,o.useCallback)(e=>typeof m==`function`?m(e):e[m],[m]),V=(0,o.useMemo)(()=>{let e=new Map;return f.forEach(t=>e.set(B(t),t)),e},[f,B]),Ce=(0,o.useMemo)(()=>{if(!O)return f;let e=p.find(e=>e.key===O.columnKey);if(!e||typeof e.sorter!=`function`)return f;let t=e.sorter,n=O.order===`asc`?1:-1;return f.map((e,t)=>({row:e,index:t})).sort((e,r)=>t(e.row,r.row)*n||e.index-r.index).map(({row:e})=>e)},[p,f,O]),H=(0,o.useMemo)(()=>Ce.map((e,t)=>({row:e,index:t,key:B(e),controlProps:x?.getControlProps?.(e,t)??{}})),[B,x,Ce]);(0,o.useEffect)(()=>{if(E){V.forEach((e,t)=>F.current.set(t,e));return}F.current=new Map(V)},[V,E]),(0,o.useEffect)(()=>{if(!x||w)return;let e=l(E?R:R.filter(e=>V.has(e)),T);c(R,e)||M(e)},[V,E,x,R,w,T,M]),(0,o.useEffect)(()=>{C||k===null||V.has(k)||A(null)},[C,k,V,A]);let U=(0,o.useMemo)(()=>H.filter(({controlProps:e})=>!e.disabled),[H]),W=U.length>0&&U.every(({key:e})=>z.has(e)),we=!W&&U.some(({key:e})=>z.has(e)),G=(0,o.useMemo)(()=>[...x?[{width:ye,fixed:x.fixed?`left`:void 0}]:[],...p],[p,x,ye]),K=+!!x,Te=(0,o.useMemo)(()=>{let e=-1;return G.forEach((t,n)=>{t.fixed===`left`&&(e=n)}),e},[G]),Ee=(0,o.useMemo)(()=>G.findIndex(e=>e.fixed===`right`),[G]),De=G.some(e=>e.fixed!==void 0),q=D||De,J=(0,o.useCallback)(e=>{let t=e.width??e.minWidth;return typeof t==`number`&&Number.isFinite(t)?Math.max(0,t):typeof t==`string`&&/^\d+(?:\.\d+)?px$/.test(t.trim())?Number.parseFloat(t):0},[]),Y=(0,o.useCallback)(()=>{let e=G.map((e,t)=>{let n=P.current[t]?.getBoundingClientRect().width??0;return n>0?n:J(e)}),t=G.map(()=>({})),n=0;G.forEach((r,i)=>{r.fixed===`left`&&(t[i].left=n,n+=e[i])});let r=0;for(let n=G.length-1;n>=0;--n)G[n].fixed===`right`&&(t[n].right=r,r+=e[n]);let i=N.current?.querySelector(`.vl-scrollbar__viewport`)?.clientWidth??0,a=i>0?i:N.current?.clientWidth??0;Se(a>0&&n+r>a),xe(e=>e.length===t.length&&e.every((e,n)=>Object.is(e.left,t[n].left)&&Object.is(e.right,t[n].right))?e:t)},[J,G]);e.t(()=>{P.current.length=G.length,Y();let e=typeof ResizeObserver>`u`?null:new ResizeObserver(Y);return P.current.forEach(t=>{t&&e?.observe(t)}),window.addEventListener(`resize`,Y,{passive:!0}),()=>{e?.disconnect(),window.removeEventListener(`resize`,Y)}},[G,H.length,_,Y]);let Oe=(0,o.useMemo)(()=>[`vl-table`,`size-${h}`,te?`is-bordered`:``,ne?`is-striped`:``,y?`is-loading`:``,x?`has-row-selection`:``,D?`has-sticky-header`:``,q?`has-custom-scrollbar`:``,S||``].filter(Boolean).join(` `),[te,S,D,y,x,h,ne,q]),ke=(0,o.useMemo)(()=>D?q?{maxHeight:n.n(v),overflow:`visible`}:{maxHeight:n.n(v),overflowY:`auto`}:{},[D,v,q]),Ae=[`vl-table__wrapper`,q?`is-custom-scrollbar`:``,D?`is-sticky-scrollbar`:``].filter(Boolean).join(` `),je=oe??(p.some(e=>e.ellipsis)?`fixed`:`auto`),Me=(0,o.useMemo)(()=>{let e=G.map(J);return e.length>0&&e.every(e=>e>0)?e.reduce((e,t)=>e+t,0):0},[J,G]),Ne=e=>{let t={};return e.width!==void 0&&(t.width=n.n(e.width)),e.minWidth!==void 0&&(t.minWidth=n.n(e.minWidth)),t},X=(e,t,r,i=`left`)=>{let a={textAlign:i};return e.width!==void 0&&(a.width=n.n(e.width)),e.minWidth!==void 0&&(a.minWidth=n.n(e.minWidth)),r&&D&&(a.position=`sticky`,a.top=0,a.zIndex=e.fixed?5:4),!e.fixed||e.fixed===`right`&&L?a:(a.position=`sticky`,a.zIndex=r?5:2,e.fixed===`left`?a.left=I[t]?.left??0:a.right=I[t]?.right??0,a)},Z=(e,t)=>{let n=e.fixed===`right`&&L?void 0:e.fixed;return[n?`is-fixed is-fixed-${n}`:``,n===`left`&&t===Te?`is-fixed-edge-left`:``,n===`right`&&t===Ee?`is-fixed-edge-right`:``]},Pe=(e,t)=>[`vl-table__header-cell`,e.headerClass||``,e.sorter?`is-sortable`:``,O?.columnKey===e.key?`is-sorted`:``,...Z(e,t)].filter(Boolean).join(` `),Fe=(e,t)=>[`vl-table__cell`,e.cellClass||``,e.ellipsis?`is-ellipsis`:``,...Z(e,t)].filter(Boolean).join(` `),Ie=e=>{let t=G[0];return[e?`vl-table__header-cell`:`vl-table__cell`,`vl-table__selection-cell`,...Z(t,0)].filter(Boolean).join(` `)},Le=e=>[`vl-table__sort-icons`,O?.columnKey===e.key&&O.order===`asc`?`is-asc`:``,O?.columnKey===e.key&&O.order===`desc`?`is-desc`:``].filter(Boolean).join(` `),Q=e=>{if(!x)return;let t=l(e,T);M(t);let n=E?F.current:V,r=t.map(e=>V.get(e)??n.get(e)).filter(e=>e!==void 0);x.onChange?.(t,r)},Re=e=>{if(T===`radio`){z.has(e)||Q([e]);return}Q(z.has(e)?R.filter(t=>!Object.is(t,e)):[...R,e])},ze=()=>{let e=U.map(({key:e})=>e),t=new Set(e);if(W){Q(R.filter(e=>!t.has(e)));return}Q([...R,...e.filter(e=>!z.has(e))])},Be=e=>{if(!e.sorter)return;let t={columnKey:e.key,order:`asc`};O?.columnKey===e.key&&(t=O.order===`asc`?{columnKey:e.key,order:`desc`}:null),be(t),he?.(t,e)},Ve=(e,t)=>{if(g){let t=B(e);A(t),Object.is(k,t)||ge?.(t,e)}fe?.(e,t)},He=(e,t,n)=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),Ve(t,n))},Ue=e=>{if(e.sorter)return O?.columnKey===e.key?O.order===`asc`?`ascending`:`descending`:`none`},We=(e,t,n)=>{let r=t.render?t.render(e,n):e[t.key];if(!t.ellipsis)return r;let i=typeof t.ellipsis!=`object`||t.ellipsis.tooltip,a=i!==!1,o=typeof i==`function`?i(e,n):r;return(0,s.jsx)(ee,{content:r,tooltipContent:o,showTooltip:a})},$=(0,s.jsxs)(`table`,{className:`vl-table__inner`,style:{tableLayout:je,minWidth:Me||void 0},children:[b?(0,s.jsx)(`caption`,{className:`vl-table__caption`,children:b}):null,(0,s.jsx)(`colgroup`,{children:G.map((e,t)=>(0,s.jsx)(`col`,{style:Ne(e)},x&&t===0?`selection`:p[t-K].key))}),_?(0,s.jsx)(`thead`,{className:`vl-table__header`,children:(0,s.jsxs)(`tr`,{children:[x?(0,s.jsx)(`th`,{ref:e=>{P.current[0]=e},className:Ie(!0),style:X(G[0],0,!0,`center`),scope:`col`,"aria-label":`行选择`,children:T===`checkbox`?(0,s.jsx)(u,{type:`checkbox`,checked:W,indeterminate:we,disabled:U.length===0,ariaLabel:`选择全部行`,onChange:ze}):null}):null,p.map((e,t)=>{let n=t+K;return(0,s.jsx)(`th`,{ref:e=>{P.current[n]=e},className:Pe(e,n),style:X(e,n,!0,e.align||`left`),scope:`col`,"aria-sort":Ue(e),children:e.sorter?(0,s.jsxs)(`button`,{type:`button`,className:`vl-table__sort-button`,onClick:()=>Be(e),children:[(0,s.jsx)(`span`,{children:e.title}),(0,s.jsxs)(`span`,{className:Le(e),children:[(0,s.jsx)(a.ChevronUp,{className:`vl-table__sort-icon--asc`,size:14,"aria-hidden":`true`}),(0,s.jsx)(a.ChevronDown,{className:`vl-table__sort-icon--desc`,size:14,"aria-hidden":`true`})]})]}):(0,s.jsx)(`span`,{className:`vl-table__header-cell-content`,children:e.title})},e.key)})]})}):null,(0,s.jsx)(`tbody`,{className:`vl-table__body`,children:H.length>0?H.map(({row:e,index:t,key:n,controlProps:r})=>{let i=z.has(n),a=g&&Object.is(k,n),o=x?i:g?a:void 0;return(0,s.jsxs)(`tr`,{className:[`vl-table__row`,i?`is-selected`:``,a?`is-current`:``].filter(Boolean).join(` `),tabIndex:fe||g?0:void 0,"aria-selected":o,onClick:()=>Ve(e,t),onDoubleClick:()=>pe?.(e,t),onKeyDown:n=>He(n,e,t),children:[x?(0,s.jsx)(`td`,{ref:e=>{!_&&t===0&&(P.current[0]=e)},className:Ie(!1),style:X(G[0],0,!1,`center`),onClick:e=>e.stopPropagation(),onDoubleClick:e=>e.stopPropagation(),children:(0,s.jsx)(u,{type:T,checked:i,disabled:r.disabled,ariaLabel:r[`aria-label`]??`选择第 ${t+1} 行`,onChange:()=>Re(n)})}):null,p.map((n,r)=>{let i=r+K;return(0,s.jsx)(`td`,{ref:e=>{!_&&t===0&&(P.current[i]=e)},className:Fe(n,i),style:X(n,i,!1,n.align||`left`),onClick:()=>me?.(e,n,t),children:We(e,n,t)},n.key)})]},n)}):(0,s.jsx)(`tr`,{className:`vl-table__empty-row`,children:(0,s.jsx)(`td`,{className:`vl-table__empty-cell`,colSpan:G.length,children:ie??re})})})]});return(0,s.jsxs)(`div`,{ref:d,className:Oe,style:de,"aria-busy":y||void 0,..._e,children:[(0,s.jsx)(`div`,{ref:N,className:Ae,style:ke,children:q?(0,s.jsx)(r.t,{className:`vl-table__scrollbar`,orientation:D?`both`:`horizontal`,style:D?{"--vl-table-scrollbar-max-height":n.n(v)}:void 0,viewportLabel:`表格内容`,children:$}):$}),y?(0,s.jsx)(`div`,{className:`vl-table__loading`,role:`status`,"aria-live":`polite`,"aria-label":`数据加载中`,children:ae??(0,s.jsx)(`span`,{className:`vl-table__loading-spinner`})}):null]})}var f=(0,o.forwardRef)(d);f.displayName=`VlTable`;var p=f,m=f;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return m}});

package/dist/Tabs-BhjvKN84.cjs

@@ -0,0 +1 @@
+const e=require("./icon-DRLyKu8p.cjs"),t=require("./state-ZBA75xZ_.cjs"),n=require("./id-CF0zOP1G.cjs");let r=require("react"),i=require("react/jsx-runtime");var a=(0,r.forwardRef)((a,o)=>{let{value:s,defaultValue:c,items:l=[],size:u=`md`,disabled:d=!1,className:f,id:p,"aria-label":m=`Tabs`,onChange:h,...g}=a,_=(0,r.useRef)(null),v=(0,r.useRef)([]),y=(0,r.useRef)(void 0),[b,x]=(0,r.useState)(0),[S,C]=(0,r.useState)(0),w=(0,r.useMemo)(()=>l.find(e=>!e.disabled)?.key,[l]),T=t.t(a,`value`),[E,D]=t.n({value:s,defaultValue:c??w,controlled:T,onChange:e=>{e!==void 0&&h?.(e)}}),O=l.some(e=>e.key===E&&!e.disabled)?E:w,k=n.t(`vl-tabs`,p),A=(0,r.useMemo)(()=>[`vl-tabs`,u?`size-${u}`:``,d?`is-disabled`:``,f||``].filter(Boolean).join(` `),[u,d,f]),j=(0,r.useMemo)(()=>O?l.findIndex(e=>e.key===O):-1,[l,O]),M=(0,r.useMemo)(()=>({transform:`translateX(${b}px)`,width:`${S}px`}),[b,S]),N=(0,r.useCallback)(()=>{let e=_.current;e&&(y.current!==void 0&&window.cancelAnimationFrame(y.current),y.current=window.requestAnimationFrame(()=>{y.current=void 0;let t=e.querySelector(`.vl-tabs__item.is-active`);t&&(x(t.offsetLeft),C(t.offsetWidth))}))},[]);(0,r.useEffect)(()=>()=>{y.current!==void 0&&window.cancelAnimationFrame(y.current)},[]),(0,r.useImperativeHandle)(o,()=>({refresh:N}),[N]),(0,r.useEffect)(()=>{N()},[N,O,l]),(0,r.useEffect)(()=>{let e=_.current;if(!e||typeof ResizeObserver>`u`)return;let t=new ResizeObserver(()=>N());return t.observe(e),()=>t.disconnect()},[N]);let P=e=>{e.disabled||d||D(e.key)},F=e=>{let t=l[e];!t||t.disabled||d||(P(t),v.current[e]?.focus())},I=(e,t)=>{if(d)return;let n=l.flatMap((e,t)=>e.disabled?[]:[t]);if(!n.length)return;let r=n.indexOf(t),i;if(e.key===`ArrowRight`)i=n[(r+1+n.length)%n.length];else if(e.key===`ArrowLeft`)i=n[(r-1+n.length)%n.length];else if(e.key===`Home`)i=n[0];else if(e.key===`End`)i=n[n.length-1];else return;e.preventDefault(),i!==void 0&&F(i)};return(0,i.jsxs)(`div`,{ref:_,id:k,className:A,role:`tablist`,"aria-label":m,...g,children:[l.map((t,n)=>(0,i.jsxs)(`button`,{ref:e=>{v.current[n]=e},id:t.id??`${k}-tab-${encodeURIComponent(t.key)}`,type:`button`,role:`tab`,className:[`vl-tabs__item`,O===t.key?`is-active`:``,t.disabled||d?`is-disabled`:``].filter(Boolean).join(` `),"aria-selected":O===t.key,"aria-controls":t.panelId,disabled:t.disabled||d,tabIndex:O===t.key?0:-1,onClick:()=>P(t),onKeyDown:e=>I(e,n),children:[t.icon?e.n(t.icon,`vl-tabs__icon`):null,(0,i.jsx)(`span`,{className:`vl-tabs__label`,children:t.label})]},t.key)),j>=0?(0,i.jsx)(`div`,{className:`vl-tabs__indicator`,style:M}):null]})});a.displayName=`VlTabs`;var o=a,s=a;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/dist/Tabs-VT6nQ63W.js

@@ -0,0 +1,106 @@
+import { n as e } from "./icon-Cbvuv4yF.js";
+import { n as t, t as n } from "./state-oH-YwB7_.js";
+import { t as r } from "./id-CHixuHb7.js";
+import { forwardRef as i, useCallback as a, useEffect as o, useImperativeHandle as s, useMemo as c, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region components/Tabs/Tabs.tsx
+var p = i((i, p) => {
+	let { value: m, defaultValue: h, items: g = [], size: _ = "md", disabled: v = !1, className: y, id: b, "aria-label": x = "Tabs", onChange: S, ...C } = i, w = l(null), T = l([]), E = l(void 0), [D, O] = u(0), [k, A] = u(0), j = c(() => g.find((e) => !e.disabled)?.key, [g]), M = n(i, "value"), [N, P] = t({
+		value: m,
+		defaultValue: h ?? j,
+		controlled: M,
+		onChange: (e) => {
+			e !== void 0 && S?.(e);
+		}
+	}), F = g.some((e) => e.key === N && !e.disabled) ? N : j, I = r("vl-tabs", b), L = c(() => [
+		"vl-tabs",
+		_ ? `size-${_}` : "",
+		v ? "is-disabled" : "",
+		y || ""
+	].filter(Boolean).join(" "), [
+		_,
+		v,
+		y
+	]), R = c(() => F ? g.findIndex((e) => e.key === F) : -1, [g, F]), z = c(() => ({
+		transform: `translateX(${D}px)`,
+		width: `${k}px`
+	}), [D, k]), B = a(() => {
+		let e = w.current;
+		e && (E.current !== void 0 && window.cancelAnimationFrame(E.current), E.current = window.requestAnimationFrame(() => {
+			E.current = void 0;
+			let t = e.querySelector(".vl-tabs__item.is-active");
+			t && (O(t.offsetLeft), A(t.offsetWidth));
+		}));
+	}, []);
+	o(() => () => {
+		E.current !== void 0 && window.cancelAnimationFrame(E.current);
+	}, []), s(p, () => ({ refresh: B }), [B]), o(() => {
+		B();
+	}, [
+		B,
+		F,
+		g
+	]), o(() => {
+		let e = w.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let t = new ResizeObserver(() => B());
+		return t.observe(e), () => t.disconnect();
+	}, [B]);
+	let V = (e) => {
+		e.disabled || v || P(e.key);
+	}, H = (e) => {
+		let t = g[e];
+		!t || t.disabled || v || (V(t), T.current[e]?.focus());
+	}, U = (e, t) => {
+		if (v) return;
+		let n = g.flatMap((e, t) => e.disabled ? [] : [t]);
+		if (!n.length) return;
+		let r = n.indexOf(t), i;
+		if (e.key === "ArrowRight") i = n[(r + 1 + n.length) % n.length];
+		else if (e.key === "ArrowLeft") i = n[(r - 1 + n.length) % n.length];
+		else if (e.key === "Home") i = n[0];
+		else if (e.key === "End") i = n[n.length - 1];
+		else return;
+		e.preventDefault(), i !== void 0 && H(i);
+	};
+	return /* @__PURE__ */ f("div", {
+		ref: w,
+		id: I,
+		className: L,
+		role: "tablist",
+		"aria-label": x,
+		...C,
+		children: [g.map((t, n) => /* @__PURE__ */ f("button", {
+			ref: (e) => {
+				T.current[n] = e;
+			},
+			id: t.id ?? `${I}-tab-${encodeURIComponent(t.key)}`,
+			type: "button",
+			role: "tab",
+			className: [
+				"vl-tabs__item",
+				F === t.key ? "is-active" : "",
+				t.disabled || v ? "is-disabled" : ""
+			].filter(Boolean).join(" "),
+			"aria-selected": F === t.key,
+			"aria-controls": t.panelId,
+			disabled: t.disabled || v,
+			tabIndex: F === t.key ? 0 : -1,
+			onClick: () => V(t),
+			onKeyDown: (e) => U(e, n),
+			children: [t.icon ? e(t.icon, "vl-tabs__icon") : null, /* @__PURE__ */ d("span", {
+				className: "vl-tabs__label",
+				children: t.label
+			})]
+		}, t.key)), R >= 0 ? /* @__PURE__ */ d("div", {
+			className: "vl-tabs__indicator",
+			style: z
+		}) : null]
+	});
+});
+p.displayName = "VlTabs";
+//#endregion
+//#region components/Tabs/index.ts
+var m = p, h = p;
+//#endregion
+export { m as n, h as t };

package/dist/Tag-Cf9M_HT6.cjs

@@ -0,0 +1 @@
+let e=require("lucide-react"),t=require("react"),n=require("react/jsx-runtime");var r=(0,t.forwardRef)((t,r)=>{let{status:i,size:a=`md`,closable:o=!1,disabled:s=!1,tag:c=`span`,className:l,children:u,onClose:d,...f}=t,p=[`vl-tag`,i?`is-${i}`:``,a?`size-${a}`:``,s?`is-disabled`:``,l||``].filter(Boolean).join(` `),m=e=>{s||d?.(e)};return(0,n.jsxs)(c,{ref:r,className:p,...f,children:[(0,n.jsx)(`span`,{className:`vl-tag__content`,children:u}),o?(0,n.jsx)(`button`,{type:`button`,className:`vl-tag__close`,disabled:s,"aria-label":typeof u==`string`?`移除 ${u}`:`移除标签`,onClick:e=>{e.stopPropagation(),m(e)},children:(0,n.jsx)(e.X,{size:14,"aria-hidden":`true`})}):null]})});r.displayName=`VlTag`;var i=r,a=r;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});

package/dist/Tag-CkfqoSwA.js

@@ -0,0 +1,42 @@
+import { X as e } from "lucide-react";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region components/Tag/Tag.tsx
+var i = t((t, i) => {
+	let { status: a, size: o = "md", closable: s = !1, disabled: c = !1, tag: l = "span", className: u, children: d, onClose: f, ...p } = t, m = [
+		"vl-tag",
+		a ? `is-${a}` : "",
+		o ? `size-${o}` : "",
+		c ? "is-disabled" : "",
+		u || ""
+	].filter(Boolean).join(" "), h = (e) => {
+		c || f?.(e);
+	};
+	return /* @__PURE__ */ r(l, {
+		ref: i,
+		className: m,
+		...p,
+		children: [/* @__PURE__ */ n("span", {
+			className: "vl-tag__content",
+			children: d
+		}), s ? /* @__PURE__ */ n("button", {
+			type: "button",
+			className: "vl-tag__close",
+			disabled: c,
+			"aria-label": typeof d == "string" ? `移除 ${d}` : "移除标签",
+			onClick: (e) => {
+				e.stopPropagation(), h(e);
+			},
+			children: /* @__PURE__ */ n(e, {
+				size: 14,
+				"aria-hidden": "true"
+			})
+		}) : null]
+	});
+});
+i.displayName = "VlTag";
+//#endregion
+//#region components/Tag/index.ts
+var a = i, o = i;
+//#endregion
+export { a as n, o as t };