npm - @neut/ui - Versions diffs - 0.0.15 → 0.0.17 - Mend

@neut/ui 0.0.15 → 0.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1337) hide show

package/dist/components/resizable/useResizablePanelGroup.js ADDED Viewed

@@ -0,0 +1,176 @@
+import { clamp as e, normalizeSizes as t, roundPercent as n } from "./resizable.utils.js";
+import { createSignal as r } from "solid-js";
+import { createStore as i, produce as a } from "solid-js/store";
+//#region src/components/resizable/useResizablePanelGroup.ts
+var o = .001, s = "neut-resizable:";
+function c(c) {
+	let [l, u] = r(), [d, f] = r(!1), [p, m] = i({}), h = /* @__PURE__ */ new Map(), g = [], _ = !1, v = /* @__PURE__ */ new Map(), y = () => g.map((e) => h.get(e)).filter((e) => !!e), b = (e) => e.collapsible() ? e.collapsedSize() : e.minSize(), x = (e, t) => e.collapsible() && t <= e.collapsedSize() + o, S = () => c.storage() ?? (typeof localStorage < "u" ? localStorage : void 0), C = () => {
+		let e = c.autoSaveId();
+		return e ? `${s}${e}` : void 0;
+	}, w = () => {
+		let e = {};
+		for (let t of y()) e[t.id] = n(p[t.id] ?? 0);
+		return e;
+	}, T = (e) => {
+		let t = C(), n = S();
+		if (t && n) try {
+			n.setItem(t, JSON.stringify(e));
+		} catch {}
+	}, E = () => c.onLayoutChange(w()), D = () => {
+		let e = w();
+		c.onLayoutChange(e), T(e);
+	}, O = () => {
+		let e = C(), t = S();
+		if (e && t) try {
+			let n = t.getItem(e);
+			if (!n) return;
+			let r = JSON.parse(n);
+			return typeof r == "object" && r ? r : void 0;
+		} catch {
+			return;
+		}
+	}, k = () => y().map((e) => ({
+		min: b(e),
+		max: e.maxSize()
+	})), A = (e, t, r) => {
+		if (e.onResize?.(n(r)), !e.collapsible()) return;
+		let i = x(e, t), a = x(e, r);
+		!i && a ? e.onCollapse?.() : i && !a && e.onExpand?.();
+	}, j = (e, t = !0) => {
+		let n = y(), r = n.map((e) => p[e.id] ?? 0);
+		m(a((t) => {
+			n.forEach((n, r) => {
+				let i = e[r];
+				i !== void 0 && (t[n.id] = i);
+			});
+		})), t && n.forEach((t, n) => {
+			let i = e[n];
+			i !== void 0 && A(t, r[n], i);
+		});
+	}, M = () => {
+		let e = y(), t = O() ?? c.defaultLayout(), n = e.map((e) => {
+			let n = t?.[e.id];
+			return n === void 0 ? e.defaultSize : n;
+		}), r = n.filter((e) => e !== void 0), i = n.length - r.length, a = r.reduce((e, t) => e + t, 0), o = Math.max(0, 100 - a), s = i > 0 ? o / i : 0;
+		return n.map((e) => e ?? s);
+	}, N = () => {
+		_ || typeof window < "u" && y().length !== 0 && (_ = !0, j(t(M(), k()), !1), D());
+	}, P = () => {
+		typeof window < "u" && queueMicrotask(() => {
+			_ || N();
+		});
+	}, F = (e) => {
+		if (h.set(e.element, e), g = [...g, e.element], !_) P();
+		else if (p[e.id] === void 0) {
+			let n = y(), r = n.map((t) => t.id === e.id ? t.defaultSize ?? 100 / n.length : p[t.id] ?? 0);
+			j(t(r, k())), D();
+		}
+		return () => {
+			h.delete(e.element), g = g.filter((t) => t !== e.element), m(a((t) => {
+				delete t[e.id];
+			}));
+		};
+	}, I = (e) => {
+		let t = e.previousElementSibling;
+		for (; t && !h.has(t);) t = t.previousElementSibling;
+		let n = e.nextElementSibling;
+		for (; n && !h.has(n);) n = n.nextElementSibling;
+		if (!t || !n) return;
+		let r = h.get(t), i = h.get(n), a = p[r.id] ?? 0;
+		return {
+			prev: r,
+			next: i,
+			prevSize: a,
+			total: a + (p[i.id] ?? 0)
+		};
+	}, L = (t, n, r, i) => {
+		let s = Math.max(b(t), i - n.maxSize()), c = Math.min(t.maxSize(), i - b(n)), l = e(r, s, c);
+		if (t.collapsible() && l < t.minSize() - o && l > t.collapsedSize() + o && (l = l - t.collapsedSize() < t.minSize() - l ? t.collapsedSize() : t.minSize()), n.collapsible() && i - l < n.minSize() - o && i - l > n.collapsedSize() + o) {
+			let e = i - l;
+			l = i - (e - n.collapsedSize() < n.minSize() - e ? n.collapsedSize() : n.minSize());
+		}
+		l = e(l, s, c);
+		let u = p[t.id] ?? 0, d = p[n.id] ?? 0;
+		m(a((e) => {
+			e[t.id] = l, e[n.id] = i - l;
+		})), A(t, u, l), A(n, d, i - l);
+	}, R = (e, t) => {
+		let n = I(e);
+		n && (L(n.prev, n.next, t, n.total), E());
+	}, z = (e, t) => {
+		let n = I(e);
+		n && (L(n.prev, n.next, n.prevSize + t, n.total), D());
+	}, B = (e) => {
+		let t = y().find((t) => t.id === e);
+		if (!t?.collapsible()) return !1;
+		let n = p[e] ?? 0;
+		return !x(t, n) && (v.set(e, n), H(t, t.collapsedSize()), D(), !0);
+	}, V = (e) => {
+		let t = y().find((t) => t.id === e);
+		if (!t?.collapsible()) return !1;
+		let n = p[e] ?? 0;
+		if (!x(t, n)) return !1;
+		let r = v.get(e) ?? t.minSize();
+		return H(t, Math.max(r, t.minSize())), D(), !0;
+	}, H = (e, t) => {
+		let n = g.indexOf(e.element), r = g[n + 1], i = g[n - 1], a = r ? h.get(r) : void 0, o = i ? h.get(i) : void 0;
+		if (a) {
+			let n = (p[e.id] ?? 0) + (p[a.id] ?? 0);
+			L(e, a, t, n);
+		} else if (o) {
+			let n = (p[o.id] ?? 0) + (p[e.id] ?? 0);
+			L(o, e, n - t, n);
+		} else m(e.id, 100);
+	};
+	return {
+		orientation: c.orientation,
+		sizes: () => p,
+		groupElement: l,
+		setGroupElement: u,
+		dragging: d,
+		keyboardResizeBy: c.keyboardResizeBy,
+		registerPanel: F,
+		resolveAdjacent: (e) => I(e),
+		setAdjacentSize: R,
+		nudgeAdjacent: z,
+		toggleHandleCollapse: (e) => {
+			let t = I(e);
+			if (!t) return;
+			let { prev: n, next: r } = t;
+			if (n.collapsible()) {
+				x(n, p[n.id] ?? 0) ? V(n.id) : B(n.id);
+				return;
+			}
+			if (r.collapsible()) {
+				x(r, p[r.id] ?? 0) ? V(r.id) : B(r.id);
+				return;
+			}
+		},
+		groupSizePx: () => {
+			let e = l();
+			return e ? c.orientation() === "horizontal" ? e.clientWidth : e.clientHeight : 0;
+		},
+		isRtl: () => {
+			let e = l();
+			return e ? window.getComputedStyle(e).direction === "rtl" : !1;
+		},
+		beginDrag: () => f(!0),
+		endDrag: () => f(!1),
+		commitLayout: D,
+		setPanelSize: (e, t) => {
+			let n = y().find((t) => t.id === e);
+			n && (H(n, t), D());
+		},
+		collapsePanel: B,
+		expandPanel: V,
+		isPanelCollapsed: (e) => {
+			let t = y().find((t) => t.id === e);
+			return t ? x(t, p[e] ?? 0) : !1;
+		},
+		getPanelSize: (e) => p[e] ?? 0
+	};
+}
+//#endregion
+export { c as useResizablePanelGroup };
+//# sourceMappingURL=useResizablePanelGroup.js.map

package/dist/components/resizable/useResizablePanelGroup.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useResizablePanelGroup.js","names":["EPSILON","STORAGE_PREFIX","useResizablePanelGroup","groupElement","setGroupElement","createSignal","dragging","setDragging","store","setStore","createStore","metas","order","initialized","collapsedMemory","orderedMetas","element","meta","effMin","isCollapsedSize","size","storageOf","options","storageKey","id","layout","result","roundPercent","persist","key","storage","next","notify","commit","readSaved","raw","parsed","bounds","reportResize","newSize","was","oldSize","now","applySizes","list","before","produce","value","values","index","report","buildInitial","saved","fromLayout","defined","unknown","used","acc","remaining","fill","initialize","normalizeSizes","scheduleInitialize","registerPanel","item","draft","adjacentOf","prevEl","handleEl","nextEl","prev","prevSize","applyPair","lo","total","hi","clamp","targetPrev","rest","prevOld","nextOld","setAdjacentSize","adjacent","targetPrevSize","nudgeAdjacent","deltaPercent","collapsePanel","current","applyPanelTarget","expandPanel","remembered","nextElement","prevElement","nextMeta","prevMeta","targetSize"],"sources":["../../../src/components/resizable/useResizablePanelGroup.ts"],"sourcesContent":["import { createSignal, type Accessor } from \"solid-js\";\nimport { createStore, produce } from \"solid-js/store\";\nimport type { ResizablePanelGroupContextValue } from \"./resizable.context\";\nimport type {\n ResizableLayout,\n ResizableOrientation,\n ResizablePanelMeta,\n} from \"./resizable.types\";\nimport { clamp, normalizeSizes, roundPercent } from \"./resizable.utils\";\n\nconst EPSILON = 0.001;\nconst STORAGE_PREFIX = \"neut-resizable:\";\n\ninterface Options {\n orientation: Accessor<ResizableOrientation>;\n defaultLayout: Accessor<ResizableLayout | undefined>;\n onLayoutChange: (layout: ResizableLayout) => void;\n autoSaveId: Accessor<string | undefined>;\n storage: Accessor<Storage | undefined>;\n keyboardResizeBy: Accessor<number>;\n}\n\n/**\n * Resizable 的布局引擎(对齐 react-resizable-panels v4 的核心语义,但按 Solid 重写):\n * - 尺寸用**百分比权重**存在 store 里,渲染时映射为 `flex-grow`,拖拽只更新相邻两个\n * panel 的两个键,子节点不重渲染(细粒度更新);\n * - panel 在挂载时注册(顺序即 DOM 顺序),handle 通过相邻兄弟节点解析前后 panel;\n * - 约束/min/max/collapsible 吸附、归一化到 100、以及命令式 collapse/expand;\n * - 拖拽用 pointer capture,pointermove 由调用方用 rAF 合并,避免高频写 store;\n * - autoSaveId + storage 做布局持久化。\n */\nexport function useResizablePanelGroup(\n options: Options,\n): ResizablePanelGroupContextValue {\n const [groupElement, setGroupElement] = createSignal<HTMLElement>();\n const [dragging, setDragging] = createSignal(false);\n const [store, setStore] = createStore<Record<string, number>>({});\n\n const metas = new Map<HTMLElement, ResizablePanelMeta>();\n let order: HTMLElement[] = [];\n let initialized = false;\n const collapsedMemory = new Map<string, number>();\n\n const orderedMetas = (): ResizablePanelMeta[] =>\n order\n .map((element) => metas.get(element))\n .filter((meta): meta is ResizablePanelMeta => !!meta);\n\n /** 可折叠时为 collapsedSize,否则为 minSize(即拖拽能到的最小值) */\n const effMin = (meta: ResizablePanelMeta) =>\n meta.collapsible() ? meta.collapsedSize() : meta.minSize();\n\n const isCollapsedSize = (meta: ResizablePanelMeta, size: number) =>\n meta.collapsible() && size <= meta.collapsedSize() + EPSILON;\n\n const storageOf = (): Storage | undefined =>\n options.storage() ??\n (typeof localStorage !== \"undefined\" ? localStorage : undefined);\n\n const storageKey = (): string | undefined => {\n const id = options.autoSaveId();\n return id ? `${STORAGE_PREFIX}${id}` : undefined;\n };\n\n const layout = (): ResizableLayout => {\n const result: ResizableLayout = {};\n for (const meta of orderedMetas()) {\n result[meta.id] = roundPercent(store[meta.id] ?? 0);\n }\n return result;\n };\n\n const persist = (next: ResizableLayout) => {\n const key = storageKey();\n const storage = storageOf();\n if (!key || !storage) return;\n try {\n storage.setItem(key, JSON.stringify(next));\n } catch {\n // 隐私模式等场景下忽略持久化失败\n }\n };\n\n /** 只通知布局变化(拖拽的每一帧),不写 storage */\n const notify = () => options.onLayoutChange(layout());\n\n /** 通知 + 持久化(离散操作与拖拽结束) */\n const commit = () => {\n const next = layout();\n options.onLayoutChange(next);\n persist(next);\n };\n\n const readSaved = (): ResizableLayout | undefined => {\n const key = storageKey();\n const storage = storageOf();\n if (!key || !storage) return undefined;\n try {\n const raw = storage.getItem(key);\n if (!raw) return undefined;\n const parsed = JSON.parse(raw) as unknown;\n return typeof parsed === \"object\" && parsed !== null\n ? (parsed as ResizableLayout)\n : undefined;\n } catch {\n return undefined;\n }\n };\n\n const bounds = () =>\n orderedMetas().map((meta) => ({\n min: effMin(meta),\n max: meta.maxSize(),\n }));\n\n const reportResize = (\n meta: ResizablePanelMeta,\n oldSize: number,\n newSize: number,\n ) => {\n meta.onResize?.(roundPercent(newSize));\n if (!meta.collapsible()) return;\n const was = isCollapsedSize(meta, oldSize);\n const now = isCollapsedSize(meta, newSize);\n if (!was && now) meta.onCollapse?.();\n else if (was && !now) meta.onExpand?.();\n };\n\n const applySizes = (values: number[], report = true) => {\n const list = orderedMetas();\n const before = list.map((meta) => store[meta.id] ?? 0);\n setStore(\n produce((draft) => {\n list.forEach((meta, index) => {\n const value = values[index];\n if (value !== undefined) draft[meta.id] = value;\n });\n }),\n );\n if (report) {\n list.forEach((meta, index) => {\n const value = values[index];\n if (value !== undefined) reportResize(meta, before[index]!, value);\n });\n }\n };\n\n const buildInitial = (): number[] => {\n const list = orderedMetas();\n const saved = readSaved() ?? options.defaultLayout();\n const raw = list.map((meta) => {\n const fromLayout = saved?.[meta.id];\n if (fromLayout !== undefined) return fromLayout;\n return meta.defaultSize;\n });\n const defined = raw.filter((value): value is number => value !== undefined);\n const unknown = raw.length - defined.length;\n const used = defined.reduce((acc, value) => acc + value, 0);\n const remaining = Math.max(0, 100 - used);\n const fill = unknown > 0 ? remaining / unknown : 0;\n return raw.map((value) => value ?? fill);\n };\n\n const initialize = () => {\n if (initialized) return;\n // SSR 不计算布局:首屏由 Panel 的 defaultSize fallback 撑起,客户端再归一化\n if (typeof window === \"undefined\") return;\n const list = orderedMetas();\n if (list.length === 0) return;\n initialized = true;\n applySizes(normalizeSizes(buildInitial(), bounds()), false);\n commit();\n };\n\n const scheduleInitialize = () => {\n if (typeof window === \"undefined\") return;\n queueMicrotask(() => {\n if (!initialized) initialize();\n });\n };\n\n const registerPanel = (meta: ResizablePanelMeta) => {\n metas.set(meta.element, meta);\n order = [...order, meta.element];\n if (!initialized) {\n scheduleInitialize();\n } else if (store[meta.id] === undefined) {\n // 动态新增:给它默认尺寸,并把其它面板等比压回 100\n const list = orderedMetas();\n const raw = list.map((item) =>\n item.id === meta.id\n ? (item.defaultSize ?? 100 / list.length)\n : (store[item.id] ?? 0),\n );\n applySizes(normalizeSizes(raw, bounds()));\n commit();\n }\n return () => {\n metas.delete(meta.element);\n order = order.filter((element) => element !== meta.element);\n setStore(\n produce((draft) => {\n delete draft[meta.id];\n }),\n );\n };\n };\n\n const adjacentOf = (handleEl: HTMLElement) => {\n let prevEl = handleEl.previousElementSibling as HTMLElement | null;\n while (prevEl && !metas.has(prevEl)) {\n prevEl = prevEl.previousElementSibling as HTMLElement | null;\n }\n let nextEl = handleEl.nextElementSibling as HTMLElement | null;\n while (nextEl && !metas.has(nextEl)) {\n nextEl = nextEl.nextElementSibling as HTMLElement | null;\n }\n if (!prevEl || !nextEl) return undefined;\n const prev = metas.get(prevEl)!;\n const next = metas.get(nextEl)!;\n const prevSize = store[prev.id] ?? 0;\n const nextSize = store[next.id] ?? 0;\n return { prev, next, prevSize, total: prevSize + nextSize };\n };\n\n const applyPair = (\n prev: ResizablePanelMeta,\n next: ResizablePanelMeta,\n targetPrev: number,\n total: number,\n ) => {\n const lo = Math.max(effMin(prev), total - next.maxSize());\n const hi = Math.min(prev.maxSize(), total - effMin(next));\n let size = clamp(targetPrev, lo, hi);\n\n // 折叠吸附:落在 (collapsedSize, minSize) 之间时贴向较近的一端\n if (\n prev.collapsible() &&\n size < prev.minSize() - EPSILON &&\n size > prev.collapsedSize() + EPSILON\n ) {\n size =\n size - prev.collapsedSize() < prev.minSize() - size\n ? prev.collapsedSize()\n : prev.minSize();\n }\n if (\n next.collapsible() &&\n total - size < next.minSize() - EPSILON &&\n total - size > next.collapsedSize() + EPSILON\n ) {\n const rest = total - size;\n size =\n total -\n (rest - next.collapsedSize() < next.minSize() - rest\n ? next.collapsedSize()\n : next.minSize());\n }\n size = clamp(size, lo, hi);\n\n const prevOld = store[prev.id] ?? 0;\n const nextOld = store[next.id] ?? 0;\n setStore(\n produce((draft) => {\n draft[prev.id] = size;\n draft[next.id] = total - size;\n }),\n );\n reportResize(prev, prevOld, size);\n reportResize(next, nextOld, total - size);\n };\n\n const setAdjacentSize = (handleEl: HTMLElement, targetPrevSize: number) => {\n const adjacent = adjacentOf(handleEl);\n if (!adjacent) return;\n applyPair(adjacent.prev, adjacent.next, targetPrevSize, adjacent.total);\n // 拖拽帧只通知,持久化留到 pointerup 的 commitLayout\n notify();\n };\n\n const nudgeAdjacent = (handleEl: HTMLElement, deltaPercent: number) => {\n const adjacent = adjacentOf(handleEl);\n if (!adjacent) return;\n applyPair(\n adjacent.prev,\n adjacent.next,\n adjacent.prevSize + deltaPercent,\n adjacent.total,\n );\n commit();\n };\n\n const collapsePanel = (id: string) => {\n const meta = orderedMetas().find((item) => item.id === id);\n if (!meta?.collapsible()) return false;\n const current = store[id] ?? 0;\n if (isCollapsedSize(meta, current)) return false;\n collapsedMemory.set(id, current);\n applyPanelTarget(meta, meta.collapsedSize());\n commit();\n return true;\n };\n\n const expandPanel = (id: string) => {\n const meta = orderedMetas().find((item) => item.id === id);\n if (!meta?.collapsible()) return false;\n const current = store[id] ?? 0;\n if (!isCollapsedSize(meta, current)) return false;\n const remembered = collapsedMemory.get(id) ?? meta.minSize();\n applyPanelTarget(meta, Math.max(remembered, meta.minSize()));\n commit();\n return true;\n };\n\n /** 命令式设置单个 panel,并把它与相邻 panel 之间重新分配 */\n const applyPanelTarget = (meta: ResizablePanelMeta, targetSize: number) => {\n const index = order.indexOf(meta.element);\n const nextElement = order[index + 1];\n const prevElement = order[index - 1];\n const nextMeta = nextElement ? metas.get(nextElement) : undefined;\n const prevMeta = prevElement ? metas.get(prevElement) : undefined;\n if (nextMeta) {\n const total = (store[meta.id] ?? 0) + (store[nextMeta.id] ?? 0);\n applyPair(meta, nextMeta, targetSize, total);\n } else if (prevMeta) {\n const total = (store[prevMeta.id] ?? 0) + (store[meta.id] ?? 0);\n applyPair(prevMeta, meta, total - targetSize, total);\n } else {\n setStore(meta.id, 100);\n }\n };\n\n const setPanelSize = (id: string, size: number) => {\n const meta = orderedMetas().find((item) => item.id === id);\n if (!meta) return;\n applyPanelTarget(meta, size);\n commit();\n };\n\n const toggleHandleCollapse = (handleEl: HTMLElement) => {\n const adjacent = adjacentOf(handleEl);\n if (!adjacent) return;\n const { prev, next } = adjacent;\n if (prev.collapsible()) {\n if (isCollapsedSize(prev, store[prev.id] ?? 0)) {\n expandPanel(prev.id);\n } else {\n collapsePanel(prev.id);\n }\n return;\n }\n if (next.collapsible()) {\n if (isCollapsedSize(next, store[next.id] ?? 0)) {\n expandPanel(next.id);\n } else {\n collapsePanel(next.id);\n }\n return;\n }\n };\n\n const groupSizePx = () => {\n const element = groupElement();\n if (!element) return 0;\n return options.orientation() === \"horizontal\"\n ? element.clientWidth\n : element.clientHeight;\n };\n\n const isRtl = () => {\n const element = groupElement();\n if (!element) return false;\n return window.getComputedStyle(element).direction === \"rtl\";\n };\n\n return {\n orientation: options.orientation,\n sizes: () => store,\n groupElement,\n setGroupElement,\n dragging,\n keyboardResizeBy: options.keyboardResizeBy,\n registerPanel,\n resolveAdjacent: (handleEl) => adjacentOf(handleEl),\n setAdjacentSize,\n nudgeAdjacent,\n toggleHandleCollapse,\n groupSizePx,\n isRtl,\n beginDrag: () => setDragging(true),\n endDrag: () => setDragging(false),\n commitLayout: commit,\n setPanelSize,\n collapsePanel,\n expandPanel,\n isPanelCollapsed: (id) => {\n const meta = orderedMetas().find((item) => item.id === id);\n return meta ? isCollapsedSize(meta, store[id] ?? 0) : false;\n },\n getPanelSize: (id) => store[id] ?? 0,\n };\n}\n"],"mappings":"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"}

package/dist/components/scroll-area/ScrollArea/ScrollArea.context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollArea.context.js","names":[],"sources":["../../../../src/components/scroll-area/ScrollArea/ScrollArea.context.ts"],"sourcesContent":["import {\n type Accessor,\n createContext,\n type Setter,\n useContext,\n} from \"solid-js\";\nimport type { ScrollMetrics } from \"./ScrollArea.types\";\n\ninterface ScrollAreaContextValue {\n hovering: Accessor<boolean>;\n viewportRef: () => HTMLDivElement \| undefined;\n dragging: Accessor<\"vertical\" \| \"horizontal\" \| null>;\n setDragging: Setter<\"vertical\" \| \"horizontal\" \| null>;\n vertical: Accessor<ScrollMetrics>;\n horizontal: Accessor<ScrollMetrics>;\n}\n\nexport const ScrollAreaContext = createContext<ScrollAreaContextValue>();\n\nexport const useScrollAreaContext = () => {\n const context = useContext(ScrollAreaContext);\n if (!context) {\n throw new Error(\n \"useScrollAreaContext must be used within a ScrollAreaProvider\",\n );\n }\n return context;\n};\n"],"mappings":";;AAiBA,~~IAAa~~,~~IAAoB~~,EAAsC,~~GAE1D~~,UAA6B;CACxC,~~IAAM~~,~~IAAU~~,~~EAAW~~,CAAiB;CAC5C,IAAI,~~CAAC~~,GACH,MAAU,MACR,+DACF;CAEF,~~OAAO~~;AACT"}
1	+ {"version":3,"file":"ScrollArea.context.js","names":["ScrollAreaContext","createContext","useScrollAreaContext","context","useContext"],"sources":["../../../../src/components/scroll-area/ScrollArea/ScrollArea.context.ts"],"sourcesContent":["import {\n type Accessor,\n createContext,\n type Setter,\n useContext,\n} from \"solid-js\";\nimport type { ScrollMetrics } from \"./ScrollArea.types\";\n\ninterface ScrollAreaContextValue {\n hovering: Accessor<boolean>;\n viewportRef: () => HTMLDivElement \| undefined;\n dragging: Accessor<\"vertical\" \| \"horizontal\" \| null>;\n setDragging: Setter<\"vertical\" \| \"horizontal\" \| null>;\n vertical: Accessor<ScrollMetrics>;\n horizontal: Accessor<ScrollMetrics>;\n}\n\nexport const ScrollAreaContext = createContext<ScrollAreaContextValue>();\n\nexport const useScrollAreaContext = () => {\n const context = useContext(ScrollAreaContext);\n if (!context) {\n throw new Error(\n \"useScrollAreaContext must be used within a ScrollAreaProvider\",\n );\n }\n return context;\n};\n"],"mappings":";;AAiBA,IAAaA,IAAoBC,EAAsC,GAE1DC,UAA6B;CACxC,IAAMC,IAAUC,EAAWJ,CAAiB;CAC5C,IAAI,CAACG,GACH,MAAU,MACR,+DACF;CAEF,OAAOA;AACT"}

package/dist/components/scroll-area/ScrollArea/ScrollArea.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import { ScrollAreaProps } from './ScrollArea.types';
-export declare const ScrollArea: (props: ScrollAreaProps) => import("solid-js").JSX.Element;
+export declare const ScrollArea: (props: ScrollAreaProps) => import('solid-js').JSX.Element;

package/dist/components/scroll-area/ScrollArea/ScrollArea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollArea.js","names":["createSignal","onCleanup","splitProps","ScrollAreaProps","ScrollMetrics","clsx","ScrollBar","ScrollAreaContext","computeMetrics","ScrollArea","props","viewportRef","HTMLDivElement","local","others","hovering","setHovering","dragging","setDragging","verticalMetrics","setVerticalMetrics","thumbRatio","thumbOffset","scrollable","horizontalMetrics","setHorizontalMetrics","updateMetrics","el","HTMLElement","clientHeight","scrollTop","scrollHeight","clientWidth","scrollLeft","scrollWidth","setup","update","ro","ResizeObserver","observe","firstElementChild","addEventListener","passive","disconnect","removeEventListener","_el$","_tmpl$2","_$spread","_$mergeProps","class","_$insert","_$createComponent","Provider","value","vertical","horizontal","children","_el$2","_tmpl$","_ref$","_$use","_$effect","_p$","_v$","_v$2","orientation","e","_$setAttribute","t","_$className","undefined"],"sources":["../../../../src/components/scroll-area/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import { createSignal, onCleanup, splitProps } from \"solid-js\";\nimport type { ScrollAreaProps, ScrollMetrics } from \"./ScrollArea.types\";\nimport { clsx } from \"~/utils\";\nimport { ScrollBar } from \"../ScrollBar\";\nimport { ScrollAreaContext } from \"./ScrollArea.context\";\nimport { computeMetrics } from \"./ScrollArea.utils\";\n\nexport const ScrollArea = (props: ScrollAreaProps) => {\n let viewportRef: HTMLDivElement \| undefined;\n\n const [local, others] = splitProps(props, [\n \"orientation\",\n \"class\",\n \"classList\",\n \"children\",\n \"aria-label\",\n ]);\n\n const [hovering, setHovering] = createSignal(false);\n const [dragging, setDragging] = createSignal<\n \"vertical\" \| \"horizontal\" \| null\n >(null);\n\n const [verticalMetrics, setVerticalMetrics] = createSignal<ScrollMetrics>({\n thumbRatio: 1,\n thumbOffset: 0,\n scrollable: false,\n });\n const [horizontalMetrics, setHorizontalMetrics] = createSignal<ScrollMetrics>(\n {\n thumbRatio: 1,\n thumbOffset: 0,\n scrollable: false,\n },\n );\n\n function updateMetrics(el: HTMLElement) {\n setVerticalMetrics(\n computeMetrics(el.clientHeight, el.scrollTop, el.scrollHeight),\n );\n setHorizontalMetrics(\n computeMetrics(el.clientWidth, el.scrollLeft, el.scrollWidth),\n );\n }\n\n function setup(el: HTMLDivElement) {\n viewportRef = el; // ref 赋值\n\n updateMetrics(el);\n\n const update = () => updateMetrics(el);\n\n const ro = new ResizeObserver(update);\n ro.observe(el);\n\n if (el.firstElementChild) {\n ro.observe(el.firstElementChild);\n }\n\n el.addEventListener(\"scroll\", update, { passive: true });\n\n onCleanup(() => {\n ro.disconnect();\n el.removeEventListener(\"scroll\", update);\n });\n }\n\n return (\n <div\n data-slot=\"scroll-area\"\n class={clsx(\"relative\", local.class)}\n onMouseEnter={() => setHovering(true)}\n onMouseLeave={() => setHovering(false)}\n {...others}\n >\n <ScrollAreaContext.Provider\n value={{\n hovering,\n viewportRef: () => viewportRef,\n dragging,\n setDragging,\n vertical: verticalMetrics,\n horizontal: horizontalMetrics,\n }}\n >\n <div\n ref={setup}\n data-slot=\"scroll-area-viewport\"\n role=\"region\"\n aria-label={local[\"aria-label\"] ?? \"Scrollable content\"}\n class={clsx(\n // \"size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 focus-visible:outline-1\",\n // \"overflow-scroll\",\n // \"[scrollbar-width:none]\",\n \"size-full rounded-[inherit] transition-[color,box-shadow] outline-none\",\n // Native scrollbars hidden via CSS; custom ones provided below\n \"scrollbar-none [&::-webkit-scrollbar]:hidden\",\n // Focus ring — meets WCAG 2.4.7\n \"focus-visible:ring-2 focus-visible:ring-offset-1\",\n \"focus-visible:ring-ring/50\",\n // Overflow based on which scrollbars are active\n local.orientation === \"vertical\"\n ? \"overflow-y-scroll overflow-x-hidden\"\n : local.orientation === \"horizontal\"\n ? \"overflow-x-scroll overflow-y-hidden\"\n : \"overflow-scroll\",\n )}\n >\n {local.children}\n </div>\n <ScrollBar orientation={local.orientation} />\n </ScrollAreaContext.Provider>\n </div>\n );\n};\n"],"mappings":";;;;;;;iIAOaS,KAAcC,MAA2B;CACpD,IAAIC,GAEE,CAACE,GAAOC,KAAUZ,EAAWQ,GAAO;EACxC;EACA;EACA;EACA;EACA;CAAY,CACb,GAEK,CAACK,GAAUC,KAAehB,EAAa,EAAK,GAC5C,CAACiB,GAAUC,KAAelB,EAE9B,IAAI,GAEA,CAACmB,GAAiBC,KAAsBpB,EAA4B;EACxEqB,YAAY;EACZC,aAAa;EACbC,YAAY;CACd,CAAC,GACK,CAACC,GAAmBC,KAAwBzB,EAChD;EACEqB,YAAY;EACZC,aAAa;EACbC,YAAY;CACd,CACF;CAEA,SAASG,EAAcC,GAAiB;EAItCF,AAHAL,EACEZ,EAAemB,EAAGE,cAAcF,EAAGG,WAAWH,EAAGI,YAAY,CAC/D,GACAN,EACEjB,EAAemB,EAAGK,aAAaL,EAAGM,YAAYN,EAAGO,WAAW,CAC9D;CACF;CAEA,SAASC,EAAMR,GAAoB;EAGjCD,AAFAf,IAAcgB,GAEdD,EAAcC,CAAE;EAEhB,IAAMS,UAAeV,EAAcC,CAAE,GAE/BU,IAAK,IAAIC,eAAeF,CAAM;EASpCnC,AARAoC,EAAGE,QAAQZ,CAAE,GAETA,EAAGa,qBACLH,EAAGE,QAAQZ,EAAGa,iBAAiB,GAGjCb,EAAGc,iBAAiB,UAAUL,GAAQ,EAAEM,SAAS,GAAK,CAAC,GAEvDzC,QAAgB;GAEd0B,AADAU,EAAGM,WAAW,GACdhB,EAAGiB,oBAAoB,UAAUR,CAAM;EACzC,CAAC;CACH;CAEA,cAAA;EAAA,IAAAS,IAAAC,EAAA;EA2C+C,OA3C/CD,EAAAJ,iBAAA,oBAKwBzB,EAAY,EAAK,CAAC,GAAA6B,EAAAJ,iBAAA,oBADlBzB,EAAY,EAAI,CAAC,GAAA+B,EAAAF,GAAAG,EAAA,EAAA,~~IAAA~~,QAAA;GAAA,~~OAD9B3C~~,EAAK,YAAYQ,EAAMoC,KAAK;EAAC,EAAA,GAGhCnC,CAAM,GAAA,IAAA,EAAA,GAAAoC,EAAAL,GAAAM,EAET5C,EAAkB6C,UAAQ;GACzBC,OAAO;IACLtC;IACAJ,mBAAmBA;IACnBM;IACAC;IACAoC,UAAUnC;IACVoC,YAAY/B;GACd;GAAC,IAAAgC,WAAA;IAAA,OAAA,QAAA;KAAA,IAAAC,IAAAC,EAAA,GAAAC,IAGMxB;KAoBJ,OApBS,OAAAwB,KAAA,aAAAC,EAAAD,GAAAF,CAAA,IAALtB,IAAKsB,GAAAP,EAAAO,SAsBT5C,EAAM2C,QAAQ,GAAAK,GAAAC,MAAA;MAAA,IAAAC,IAnBHlD,EAAM,iBAAiB,sBAAoBmD,IAChD3D,EAIL,0EAEA,gDAEA,oDACA,8BAEAQ,EAAMoD,gBAAgB,aAClB,wCACApD,EAAMoD,gBAAgB,eACpB,wCACA,iBACR;MAAC,OAAAF,MAAAD,EAAAI,KAAAC,EAAAV,GAAA,cAAAK,EAAAI,IAAAH,CAAA,GAAAC,MAAAF,EAAAM,KAAAC,EAAAZ,GAAAK,EAAAM,IAAAJ,CAAA,GAAAF;KAAA,GAAA;MAAAI,GAAAI,KAAAA;MAAAF,GAAAE,KAAAA;KAAA,CAAA,GAAAb;IAAA,EAAA,CAAA,GAAAN,EAIF7C,GAAS,EAAA,IAAC2D,cAAW;KAAA,OAAEpD,EAAMoD;IAAW,EAAA,CAAA,CAAA;GAAA;EAAA,CAAA,CAAA,GAAApB;CAAA,EAAA,CAAA;AAIjD"}
1	+ {"version":3,"file":"ScrollArea.js","names":["createSignal","onCleanup","splitProps","ScrollAreaProps","ScrollMetrics","clsx","ScrollBar","ScrollAreaContext","computeMetrics","ScrollArea","props","viewportRef","HTMLDivElement","local","others","hovering","setHovering","dragging","setDragging","verticalMetrics","setVerticalMetrics","thumbRatio","thumbOffset","scrollable","horizontalMetrics","setHorizontalMetrics","updateMetrics","el","HTMLElement","clientHeight","scrollTop","scrollHeight","clientWidth","scrollLeft","scrollWidth","setup","update","ro","ResizeObserver","observe","firstElementChild","addEventListener","passive","disconnect","removeEventListener","_el$","_tmpl$2","_$spread","_$mergeProps","class","_$insert","_$createComponent","Provider","value","vertical","horizontal","children","_el$2","_tmpl$","_ref$","_$use","_$effect","_p$","_v$","_v$2","orientation","e","_$setAttribute","t","_$className","undefined","_$mergeProps","_$createComponent","_$use","_$setAttribute","_$className","_tmpl$","_tmpl$2","ScrollArea","viewportRef","local","others","splitProps","props","hovering","setHovering","createSignal","dragging","setDragging","verticalMetrics","setVerticalMetrics","horizontalMetrics","setHorizontalMetrics","updateMetrics","computeMetrics","el","setup","update","ro","onCleanup","_el$","spread","mergeProps","\"class\"","clsx","insert","createComponent","ScrollAreaContext","_el$2","_ref$","use","effect","_v$","_v$2","_p$","setAttribute","className","ScrollBar"],"sources":["../../../../src/components/scroll-area/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import { createSignal, onCleanup, splitProps } from \"solid-js\";\nimport type { ScrollAreaProps, ScrollMetrics } from \"./ScrollArea.types\";\nimport { clsx } from \"~/utils\";\nimport { ScrollBar } from \"../ScrollBar\";\nimport { ScrollAreaContext } from \"./ScrollArea.context\";\nimport { computeMetrics } from \"./ScrollArea.utils\";\n\nexport const ScrollArea = (props: ScrollAreaProps) => {\n let viewportRef: HTMLDivElement \| undefined;\n\n const [local, others] = splitProps(props, [\n \"orientation\",\n \"class\",\n \"classList\",\n \"children\",\n \"aria-label\",\n ]);\n\n const [hovering, setHovering] = createSignal(false);\n const [dragging, setDragging] = createSignal<\n \"vertical\" \| \"horizontal\" \| null\n >(null);\n\n const [verticalMetrics, setVerticalMetrics] = createSignal<ScrollMetrics>({\n thumbRatio: 1,\n thumbOffset: 0,\n scrollable: false,\n });\n const [horizontalMetrics, setHorizontalMetrics] = createSignal<ScrollMetrics>(\n {\n thumbRatio: 1,\n thumbOffset: 0,\n scrollable: false,\n },\n );\n\n function updateMetrics(el: HTMLElement) {\n setVerticalMetrics(\n computeMetrics(el.clientHeight, el.scrollTop, el.scrollHeight),\n );\n setHorizontalMetrics(\n computeMetrics(el.clientWidth, el.scrollLeft, el.scrollWidth),\n );\n }\n\n function setup(el: HTMLDivElement) {\n viewportRef = el; // ref 赋值\n\n updateMetrics(el);\n\n const update = () => updateMetrics(el);\n\n const ro = new ResizeObserver(update);\n ro.observe(el);\n\n if (el.firstElementChild) {\n ro.observe(el.firstElementChild);\n }\n\n el.addEventListener(\"scroll\", update, { passive: true });\n\n onCleanup(() => {\n ro.disconnect();\n el.removeEventListener(\"scroll\", update);\n });\n }\n\n return (\n <div\n data-slot=\"scroll-area\"\n class={clsx(\"relative\", local.class)}\n onMouseEnter={() => setHovering(true)}\n onMouseLeave={() => setHovering(false)}\n {...others}\n >\n <ScrollAreaContext.Provider\n value={{\n hovering,\n viewportRef: () => viewportRef,\n dragging,\n setDragging,\n vertical: verticalMetrics,\n horizontal: horizontalMetrics,\n }}\n >\n <div\n ref={setup}\n data-slot=\"scroll-area-viewport\"\n role=\"region\"\n aria-label={local[\"aria-label\"] ?? \"Scrollable content\"}\n class={clsx(\n // \"size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 focus-visible:outline-1\",\n // \"overflow-scroll\",\n // \"[scrollbar-width:none]\",\n \"size-full rounded-[inherit] transition-[color,box-shadow] outline-none\",\n // Native scrollbars hidden via CSS; custom ones provided below\n \"scrollbar-none [&::-webkit-scrollbar]:hidden\",\n // Focus ring — meets WCAG 2.4.7\n \"focus-visible:ring-2 focus-visible:ring-offset-1\",\n \"focus-visible:ring-ring/50\",\n // Overflow based on which scrollbars are active\n local.orientation === \"vertical\"\n ? \"overflow-y-scroll overflow-x-hidden\"\n : local.orientation === \"horizontal\"\n ? \"overflow-x-scroll overflow-y-hidden\"\n : \"overflow-scroll\",\n )}\n >\n {local.children}\n </div>\n <ScrollBar orientation={local.orientation} />\n </ScrollAreaContext.Provider>\n </div>\n );\n};\n"],"mappings":";;;;;;;iIAOaS,KAAcC,MAA2B;CACpD,IAAIC,GAEE,CAACE,GAAOC,KAAUZ,EAAWQ,GAAO;EACxC;EACA;EACA;EACA;EACA;CAAY,CACb,GAEK,CAACK,GAAUC,KAAehB,EAAa,EAAK,GAC5C,CAACiB,GAAUC,KAAelB,EAE9B,IAAI,GAEA,CAACmB,GAAiBC,KAAsBpB,EAA4B;EACxEqB,YAAY;EACZC,aAAa;EACbC,YAAY;CACd,CAAC,GACK,CAACC,GAAmBC,KAAwBzB,EAChD;EACEqB,YAAY;EACZC,aAAa;EACbC,YAAY;CACd,CACF;CAEA,SAASG,EAAcC,GAAiB;EAItCF,AAHAL,EACEZ,EAAemB,EAAGE,cAAcF,EAAGG,WAAWH,EAAGI,YAAY,CAC/D,GACAN,EACEjB,EAAemB,EAAGK,aAAaL,EAAGM,YAAYN,EAAGO,WAAW,CAC9D;CACF;CAEA,SAASC,EAAMR,GAAoB;EAGjCD,AAFAf,IAAcgB,GAEdD,EAAcC,CAAE;EAEhB,IAAMS,UAAeV,EAAcC,CAAE,GAE/BU,IAAK,IAAIC,eAAeF,CAAM;EASpCnC,AARAoC,EAAGE,QAAQZ,CAAE,GAETA,EAAGa,qBACLH,EAAGE,QAAQZ,EAAGa,iBAAiB,GAGjCb,EAAGc,iBAAiB,UAAUL,GAAQ,EAAEM,SAAS,GAAK,CAAC,GAEvDzC,QAAgB;GAEd0B,AADAU,EAAGM,WAAW,GACdhB,EAAGiB,oBAAoB,UAAUR,CAAM;EACzC,CAAC;CACH;CAEA,cAAA;EAAA,IAAAS,IAAAC,EAAA;EA2C+C,OA3C/CD,EAAAJ,iBAAA,oBAKwBzB,EAAY,EAAK,CAAC,GAAA6B,EAAAJ,iBAAA,oBADlBzB,EAAY,EAAI,CAAC,GAAA+B,EAAAF,GAAAG,EAAA,EAAA,IAAAuD,QAAA;GAAA,OAD9BlG,EAAK,YAAYQ,EAAMoC,KAAK;EAAC,EAAA,GAGhCnC,CAAM,GAAA,IAAA,EAAA,GAAAoC,EAAAL,GAAAM,EAET5C,EAAkB6C,UAAQ;GACzBC,OAAO;IACLtC;IACAJ,mBAAmBA;IACnBM;IACAC;IACAoC,UAAUnC;IACVoC,YAAY/B;GACd;GAAC,IAAAgC,WAAA;IAAA,OAAA,QAAA;KAAA,IAAAC,IAAAC,EAAA,GAAAC,IAGMxB;KAoBJ,OApBS,OAAAwB,KAAA,aAAAC,EAAAD,GAAAF,CAAA,IAALtB,IAAKsB,GAAAP,EAAAO,SAsBT5C,EAAM2C,QAAQ,GAAAK,GAAAC,MAAA;MAAA,IAAAC,IAnBHlD,EAAM,iBAAiB,sBAAoBmD,IAChD3D,EAIL,0EAEA,gDAEA,oDACA,8BAEAQ,EAAMoD,gBAAgB,aAClB,wCACApD,EAAMoD,gBAAgB,eACpB,wCACA,iBACR;MAAC,OAAAF,MAAAD,EAAAI,KAAAC,EAAAV,GAAA,cAAAK,EAAAI,IAAAH,CAAA,GAAAC,MAAAF,EAAAM,KAAAC,EAAAZ,GAAAK,EAAAM,IAAAJ,CAAA,GAAAF;KAAA,GAAA;MAAAI,GAAAI,KAAAA;MAAAF,GAAAE,KAAAA;KAAA,CAAA,GAAAb;IAAA,EAAA,CAAA,GAAAN,EAIF7C,GAAS,EAAA,IAAC2D,cAAW;KAAA,OAAEpD,EAAMoD;IAAW,EAAA,CAAA,CAAA;GAAA;EAAA,CAAA,CAAA,GAAApB;CAAA,EAAA,CAAA;AAIjD"}

package/dist/components/scroll-area/ScrollArea/ScrollArea.utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollArea.utils.js","names":[],"sources":["../../../../src/components/scroll-area/ScrollArea/ScrollArea.utils.ts"],"sourcesContent":["import type { ScrollMetrics } from \"./ScrollArea.types\";\n\nexport function computeMetrics(\n client: number,\n scroll: number,\n scrollSize: number,\n): ScrollMetrics {\n const scrollable = scrollSize > client + 1; // +1 to absorb sub-pixel rounding\n if (!scrollable) return { thumbRatio: 1, thumbOffset: 0, scrollable: false };\n const thumbRatio = client / scrollSize;\n const maxScroll = scrollSize - client;\n const thumbOffset = maxScroll > 0 ? scroll / maxScroll : 0;\n return { thumbRatio, thumbOffset, scrollable };\n}\n"],"mappings":";AAEA,~~SAAgB~~,EACd,GACA,GACA,GACe;CACf,~~IAAM~~,~~IAAa~~,~~IAAa~~,IAAS;CACzC,IAAI,~~CAAC~~,GAAY,OAAO;EAAE,YAAY;EAAG,aAAa;EAAG,YAAY;CAAM;CAC3E,~~IAAM~~,~~IAAa~~,~~IAAS~~,~~GACtB~~,~~IAAY~~,~~IAAa~~;CAE/B,OAAO;EAAE;EAAY,~~aADD~~,IAAY,~~IAAI~~,~~IAAS~~,IAAY;EACvB;CAAW;AAC/C"}
1	+ {"version":3,"file":"ScrollArea.utils.js","names":["computeMetrics","scrollable","scrollSize","client","thumbRatio","maxScroll","scroll"],"sources":["../../../../src/components/scroll-area/ScrollArea/ScrollArea.utils.ts"],"sourcesContent":["import type { ScrollMetrics } from \"./ScrollArea.types\";\n\nexport function computeMetrics(\n client: number,\n scroll: number,\n scrollSize: number,\n): ScrollMetrics {\n const scrollable = scrollSize > client + 1; // +1 to absorb sub-pixel rounding\n if (!scrollable) return { thumbRatio: 1, thumbOffset: 0, scrollable: false };\n const thumbRatio = client / scrollSize;\n const maxScroll = scrollSize - client;\n const thumbOffset = maxScroll > 0 ? scroll / maxScroll : 0;\n return { thumbRatio, thumbOffset, scrollable };\n}\n"],"mappings":";AAEA,SAAgBA,EACd,GACA,GACA,GACe;CACf,IAAMC,IAAaC,IAAaC,IAAS;CACzC,IAAI,CAACF,GAAY,OAAO;EAAE,YAAY;EAAG,aAAa;EAAG,YAAY;CAAM;CAC3E,IAAMG,IAAaD,IAASD,GACtBG,IAAYH,IAAaC;CAE/B,OAAO;EAAE;EAAY,aADDE,IAAY,IAAIC,IAASD,IAAY;EACvB;CAAW;AAC/C"}

package/dist/components/scroll-area/ScrollBar/ScrollBar.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import { ScrollBarProps } from './ScrollBar.types';
-export declare const ScrollBar: (props: ScrollBarProps) => import("solid-js").JSX.Element;
+export declare const ScrollBar: (props: ScrollBarProps) => import('solid-js').JSX.Element;

package/dist/components/scroll-area/ScrollBar/ScrollBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollBar.js","names":["createMemo","createSignal","mergeProps","onCleanup","splitProps","ScrollBarProps","clsx","useScrollAreaContext","MIN_THUMB_PX","ScrollBar","props","ctx","trackEl","HTMLDivElement","merged","orientation","const","local","others","active","setActive","isVertical","metrics","vertical","horizontal","thumbStyle","m","trackSize","clientHeight","clientWidth","trackInnerSize","rawThumbSize","thumbRatio","thumbSize","Math","max","maxOffset","offset","thumbOffset","height","transform","width","ariaValueNow","round","onThumbPointerDown","e","PointerEvent","preventDefault","stopPropagation","viewport","viewportRef","setDragging","startPointer","clientY","clientX","startScroll","scrollTop","scrollLeft","maxScroll","scrollHeight","scrollWidth","currentTarget","scrollRatio","onMove","me","delta","newScroll","min","onUp","window","removeEventListener","addEventListener","onTrackPointerDown","target","HTMLElement","dataset","slot","rect","getBoundingClientRect","clickPos","top","left","scrollTo","behavior","onKeyDown","KeyboardEvent","step","pageSize","keyMap","Record","ArrowDown","ArrowRight","ArrowUp","ArrowLeft","PageDown","PageUp","Home","Infinity","End","key","undefined","visible","hovering","dragging","_el$","_tmpl$","_el$2","firstChild","$$keydown","$$pointerdown","_ref$","_$use","_$spread","_$mergeProps","aria-orientation","aria-valuenow","data-orientation","data-hovering","class","_$effect","_p$","_v$","_v$2","_v$3","_$setAttribute","t","_$className","a","_$style","_$delegateEvents"],"sources":["../../../../src/components/scroll-area/ScrollBar/ScrollBar.tsx"],"sourcesContent":["import {\n createMemo,\n createSignal,\n mergeProps,\n onCleanup,\n splitProps,\n} from \"solid-js\";\nimport type { ScrollBarProps } from \"./ScrollBar.types\";\nimport { clsx } from \"~/utils\";\nimport { useScrollAreaContext } from \"../ScrollArea\";\n\n// Minimum thumb length in px so it's always clickable\nconst MIN_THUMB_PX = 20;\n\nexport const ScrollBar = (props: ScrollBarProps) => {\n const ctx = useScrollAreaContext();\n\n let trackEl!: HTMLDivElement;\n\n const merged = mergeProps({ orientation: \"vertical\" } as const, props);\n\n const [local, others] = splitProps(merged, [\n \"orientation\",\n \"class\",\n \"classList\",\n ]);\n\n const [active, setActive] = createSignal(false);\n const isVertical = () => local.orientation === \"vertical\";\n\n const metrics = createMemo(() =>\n isVertical() ? ctx.vertical() : ctx.horizontal(),\n );\n\n /*\n Compute thumb CSS: we clamp to MIN_THUMB_PX, then shift the offset so the\n * thumb never overflows the track.\n /\n const thumbStyle = createMemo(() => {\n const m = metrics();\n\n const trackSize = isVertical()\n ? (trackEl?.clientHeight ?? 0)\n : (trackEl?.clientWidth ?? 0);\n\n const trackInnerSize = trackSize - 2; // track有内边距\n\n const rawThumbSize = trackInnerSize m.thumbRatio;\n const thumbSize = Math.max(rawThumbSize, MIN_THUMB_PX);\n\n // Adjust offset to account for clamping\n const maxOffset = Math.max(0, trackInnerSize - thumbSize);\n const offset = maxOffset * m.thumbOffset;\n\n if (isVertical()) {\n return {\n height: `${thumbSize}px`,\n transform: `translateY(${offset}px)`,\n };\n }\n return {\n width: `${thumbSize}px`,\n transform: `translateX(${offset}px)`,\n };\n });\n\n // ARIA value: 0–100 integer representing scroll position\n const ariaValueNow = createMemo(() =>\n Math.round(metrics().thumbOffset * 100),\n );\n\n // ── Drag handling ─────────────────────────────────────────────────────────\n function onThumbPointerDown(e: PointerEvent) {\n e.preventDefault();\n e.stopPropagation();\n\n const viewport = ctx.viewportRef();\n if (!viewport) return;\n\n ctx.setDragging(local.orientation);\n setActive(true);\n\n const startPointer = isVertical() ? e.clientY : e.clientX;\n const startScroll = isVertical() ? viewport.scrollTop : viewport.scrollLeft;\n const maxScroll = isVertical()\n ? viewport.scrollHeight - viewport.clientHeight\n : viewport.scrollWidth - viewport.clientWidth;\n\n const trackSize = isVertical() ? trackEl.clientHeight : trackEl.clientWidth;\n const trackInnerSize = trackSize - 2; // track有内边距\n\n const thumbSize = isVertical()\n ? (e.currentTarget as HTMLDivElement).clientHeight\n : (e.currentTarget as HTMLDivElement).clientWidth;\n const scrollRatio = maxScroll / (trackInnerSize - thumbSize);\n\n function onMove(me: PointerEvent) {\n const delta = (isVertical() ? me.clientY : me.clientX) - startPointer;\n\n const newScroll = Math.max(\n 0,\n Math.min(maxScroll, startScroll + delta * scrollRatio),\n );\n if (isVertical()) {\n viewport!.scrollTop = newScroll;\n } else {\n viewport!.scrollLeft = newScroll;\n }\n }\n\n function onUp() {\n ctx.setDragging(null);\n setActive(false);\n window.removeEventListener(\"pointermove\", onMove);\n window.removeEventListener(\"pointerup\", onUp);\n }\n\n window.addEventListener(\"pointermove\", onMove);\n window.addEventListener(\"pointerup\", onUp);\n\n onCleanup(() => {\n window.removeEventListener(\"pointermove\", onMove);\n window.removeEventListener(\"pointerup\", onUp);\n });\n }\n\n // ── Track click: page-scroll (click above/below thumb) ───────────────────\n function onTrackPointerDown(e: PointerEvent) {\n // Ignore if the target is the thumb itself\n if ((e.target as HTMLElement).dataset.slot === \"scroll-area-thumb\") return;\n\n const viewport = ctx.viewportRef();\n if (!viewport) return;\n\n const rect = trackEl.getBoundingClientRect();\n const clickPos = isVertical()\n ? (e.clientY - rect.top) / rect.height\n : (e.clientX - rect.left) / rect.width;\n\n const maxScroll = isVertical()\n ? viewport.scrollHeight - viewport.clientHeight\n : viewport.scrollWidth - viewport.clientWidth;\n\n const target = clickPos * maxScroll;\n\n viewport.scrollTo({\n [isVertical() ? \"top\" : \"left\"]: target,\n behavior: \"smooth\",\n });\n }\n\n // ── Keyboard scrolling on the scrollbar track ─────────────────────────────\n function onKeyDown(e: KeyboardEvent) {\n const viewport = ctx.viewportRef();\n if (!viewport) return;\n\n const step = 40; // px per keypress\n const pageSize = isVertical()\n ? viewport.clientHeight\n : viewport.clientWidth;\n\n const keyMap: Record<string, number> = {\n ArrowDown: step,\n ArrowRight: step,\n ArrowUp: -step,\n ArrowLeft: -step,\n PageDown: pageSize,\n PageUp: -pageSize,\n Home: -Infinity,\n End: Infinity,\n };\n\n const delta = keyMap[e.key];\n if (delta === undefined) return;\n\n e.preventDefault();\n\n if (isVertical()) {\n viewport.scrollTop = Math.max(\n 0,\n Math.min(\n viewport.scrollHeight - viewport.clientHeight,\n delta === Infinity\n ? viewport.scrollHeight\n : delta === -Infinity\n ? 0\n : viewport.scrollTop + delta,\n ),\n );\n } else {\n viewport.scrollLeft = Math.max(\n 0,\n Math.min(\n viewport.scrollWidth - viewport.clientWidth,\n delta === Infinity\n ? viewport.scrollWidth\n : delta === -Infinity\n ? 0\n : viewport.scrollLeft + delta,\n ),\n );\n }\n }\n\n // ── Visibility: show while hovering or dragging ───────────────────────────\n const visible = createMemo(\n () => ctx.hovering() \|\| ctx.dragging() === props.orientation \|\| active(),\n );\n\n return (\n <div\n ref={trackEl}\n data-slot=\"scroll-area-scrollbar\"\n // WCAG 4.1.2: expose as scrollbar widget\n role=\"scrollbar\"\n aria-controls=\"scroll-area-viewport\"\n aria-orientation={local.orientation}\n aria-valuenow={ariaValueNow()}\n aria-valuemin={0}\n aria-valuemax={100}\n tabIndex={0}\n onPointerDown={onTrackPointerDown}\n onKeyDown={onKeyDown}\n data-orientation={local.orientation}\n data-hovering={ctx.hovering() ? \"\" : undefined}\n class={clsx(\n // Layout\n \"absolute touch-none select-none transition-opacity duration-150\",\n // Opacity — visible on hover/drag, hidden otherwise\n visible() ? \"opacity-100\" : \"opacity-0\",\n // Axis-specific positioning & size\n isVertical()\n ? \"right-0 top-0 h-full w-2.5 border-l border-l-transparent p-px flex flex-col\"\n : \"bottom-0 left-0 w-full h-2.5 border-t border-t-transparent p-px flex flex-row\",\n // Keyboard focus ring\n \"outline-none focus-visible:ring-2 focus-visible:ring-neutral-400/70 dark:focus-visible:ring-neutral-500/70\",\n local.class,\n )}\n {...others}\n >\n <div\n data-slot=\"scroll-area-thumb\"\n onPointerDown={onThumbPointerDown}\n data-orientation={local.orientation}\n class={clsx(\n \"relative rounded-full bg-border\",\n // Hover / active state\n \"hover:bg-neutral-400 dark:hover:bg-white/30\",\n active() ? \"bg-neutral-500 dark:bg-white/40\" : \"\",\n \"transition-colors duration-100\",\n // Ensure thumb is always reachable\n isVertical() ? \"min-h-5 w-full\" : \"min-w-5 h-full\",\n )}\n style={thumbStyle()}\n />\n </div>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"ScrollBar.js","names":["createMemo","createSignal","mergeProps","onCleanup","splitProps","ScrollBarProps","clsx","useScrollAreaContext","MIN_THUMB_PX","ScrollBar","props","ctx","trackEl","HTMLDivElement","merged","orientation","const","local","others","active","setActive","isVertical","metrics","vertical","horizontal","thumbStyle","m","trackSize","clientHeight","clientWidth","trackInnerSize","rawThumbSize","thumbRatio","thumbSize","Math","max","maxOffset","offset","thumbOffset","height","transform","width","ariaValueNow","round","onThumbPointerDown","e","PointerEvent","preventDefault","stopPropagation","viewport","viewportRef","setDragging","startPointer","clientY","clientX","startScroll","scrollTop","scrollLeft","maxScroll","scrollHeight","scrollWidth","currentTarget","scrollRatio","onMove","me","delta","newScroll","min","onUp","window","removeEventListener","addEventListener","onTrackPointerDown","target","HTMLElement","dataset","slot","rect","getBoundingClientRect","clickPos","top","left","scrollTo","behavior","onKeyDown","KeyboardEvent","step","pageSize","keyMap","Record","ArrowDown","ArrowRight","ArrowUp","ArrowLeft","PageDown","PageUp","Home","Infinity","End","key","undefined","visible","hovering","dragging","_el$","_tmpl$","_el$2","firstChild","$$keydown","$$pointerdown","_ref$","_$use","_$spread","_$mergeProps","aria-orientation","aria-valuenow","data-orientation","data-hovering","class","_$effect","_p$","_v$","_v$2","_v$3","_$setAttribute","t","_$className","a","_$style","_$delegateEvents","mergeProps","_$use","_$mergeProps","_$setAttribute","_$className","_$style","_$delegateEvents","mergeProps$1","_tmpl$","MIN_THUMB_PX","ScrollBar","ctx","useScrollAreaContext","trackEl","merged","props","local","others","splitProps","active","setActive","createSignal","isVertical","metrics","createMemo","thumbStyle","m","trackInnerSize","rawThumbSize","thumbSize","offset","ariaValueNow","onThumbPointerDown","viewport","startPointer","startScroll","maxScroll","scrollRatio","onMove","delta","me","newScroll","onUp","onCleanup","onTrackPointerDown","rect","target","onKeyDown","pageSize","visible","_el$","_el$2","_ref$","use","spread","mergeProps","\"class\"","clsx","effect","_v$","_v$2","_v$3","_p$","setAttribute","className","style","delegateEvents"],"sources":["../../../../src/components/scroll-area/ScrollBar/ScrollBar.tsx"],"sourcesContent":["import {\n createMemo,\n createSignal,\n mergeProps,\n onCleanup,\n splitProps,\n} from \"solid-js\";\nimport type { ScrollBarProps } from \"./ScrollBar.types\";\nimport { clsx } from \"~/utils\";\nimport { useScrollAreaContext } from \"../ScrollArea\";\n\n// Minimum thumb length in px so it's always clickable\nconst MIN_THUMB_PX = 20;\n\nexport const ScrollBar = (props: ScrollBarProps) => {\n const ctx = useScrollAreaContext();\n\n let trackEl!: HTMLDivElement;\n\n const merged = mergeProps({ orientation: \"vertical\" } as const, props);\n\n const [local, others] = splitProps(merged, [\n \"orientation\",\n \"class\",\n \"classList\",\n ]);\n\n const [active, setActive] = createSignal(false);\n const isVertical = () => local.orientation === \"vertical\";\n\n const metrics = createMemo(() =>\n isVertical() ? ctx.vertical() : ctx.horizontal(),\n );\n\n /*\n Compute thumb CSS: we clamp to MIN_THUMB_PX, then shift the offset so the\n * thumb never overflows the track.\n /\n const thumbStyle = createMemo(() => {\n const m = metrics();\n\n const trackSize = isVertical()\n ? (trackEl?.clientHeight ?? 0)\n : (trackEl?.clientWidth ?? 0);\n\n const trackInnerSize = trackSize - 2; // track有内边距\n\n const rawThumbSize = trackInnerSize m.thumbRatio;\n const thumbSize = Math.max(rawThumbSize, MIN_THUMB_PX);\n\n // Adjust offset to account for clamping\n const maxOffset = Math.max(0, trackInnerSize - thumbSize);\n const offset = maxOffset * m.thumbOffset;\n\n if (isVertical()) {\n return {\n height: `${thumbSize}px`,\n transform: `translateY(${offset}px)`,\n };\n }\n return {\n width: `${thumbSize}px`,\n transform: `translateX(${offset}px)`,\n };\n });\n\n // ARIA value: 0–100 integer representing scroll position\n const ariaValueNow = createMemo(() =>\n Math.round(metrics().thumbOffset * 100),\n );\n\n // ── Drag handling ─────────────────────────────────────────────────────────\n function onThumbPointerDown(e: PointerEvent) {\n e.preventDefault();\n e.stopPropagation();\n\n const viewport = ctx.viewportRef();\n if (!viewport) return;\n\n ctx.setDragging(local.orientation);\n setActive(true);\n\n const startPointer = isVertical() ? e.clientY : e.clientX;\n const startScroll = isVertical() ? viewport.scrollTop : viewport.scrollLeft;\n const maxScroll = isVertical()\n ? viewport.scrollHeight - viewport.clientHeight\n : viewport.scrollWidth - viewport.clientWidth;\n\n const trackSize = isVertical() ? trackEl.clientHeight : trackEl.clientWidth;\n const trackInnerSize = trackSize - 2; // track有内边距\n\n const thumbSize = isVertical()\n ? (e.currentTarget as HTMLDivElement).clientHeight\n : (e.currentTarget as HTMLDivElement).clientWidth;\n const scrollRatio = maxScroll / (trackInnerSize - thumbSize);\n\n function onMove(me: PointerEvent) {\n const delta = (isVertical() ? me.clientY : me.clientX) - startPointer;\n\n const newScroll = Math.max(\n 0,\n Math.min(maxScroll, startScroll + delta * scrollRatio),\n );\n if (isVertical()) {\n viewport!.scrollTop = newScroll;\n } else {\n viewport!.scrollLeft = newScroll;\n }\n }\n\n function onUp() {\n ctx.setDragging(null);\n setActive(false);\n window.removeEventListener(\"pointermove\", onMove);\n window.removeEventListener(\"pointerup\", onUp);\n }\n\n window.addEventListener(\"pointermove\", onMove);\n window.addEventListener(\"pointerup\", onUp);\n\n onCleanup(() => {\n window.removeEventListener(\"pointermove\", onMove);\n window.removeEventListener(\"pointerup\", onUp);\n });\n }\n\n // ── Track click: page-scroll (click above/below thumb) ───────────────────\n function onTrackPointerDown(e: PointerEvent) {\n // Ignore if the target is the thumb itself\n if ((e.target as HTMLElement).dataset.slot === \"scroll-area-thumb\") return;\n\n const viewport = ctx.viewportRef();\n if (!viewport) return;\n\n const rect = trackEl.getBoundingClientRect();\n const clickPos = isVertical()\n ? (e.clientY - rect.top) / rect.height\n : (e.clientX - rect.left) / rect.width;\n\n const maxScroll = isVertical()\n ? viewport.scrollHeight - viewport.clientHeight\n : viewport.scrollWidth - viewport.clientWidth;\n\n const target = clickPos * maxScroll;\n\n viewport.scrollTo({\n [isVertical() ? \"top\" : \"left\"]: target,\n behavior: \"smooth\",\n });\n }\n\n // ── Keyboard scrolling on the scrollbar track ─────────────────────────────\n function onKeyDown(e: KeyboardEvent) {\n const viewport = ctx.viewportRef();\n if (!viewport) return;\n\n const step = 40; // px per keypress\n const pageSize = isVertical()\n ? viewport.clientHeight\n : viewport.clientWidth;\n\n const keyMap: Record<string, number> = {\n ArrowDown: step,\n ArrowRight: step,\n ArrowUp: -step,\n ArrowLeft: -step,\n PageDown: pageSize,\n PageUp: -pageSize,\n Home: -Infinity,\n End: Infinity,\n };\n\n const delta = keyMap[e.key];\n if (delta === undefined) return;\n\n e.preventDefault();\n\n if (isVertical()) {\n viewport.scrollTop = Math.max(\n 0,\n Math.min(\n viewport.scrollHeight - viewport.clientHeight,\n delta === Infinity\n ? viewport.scrollHeight\n : delta === -Infinity\n ? 0\n : viewport.scrollTop + delta,\n ),\n );\n } else {\n viewport.scrollLeft = Math.max(\n 0,\n Math.min(\n viewport.scrollWidth - viewport.clientWidth,\n delta === Infinity\n ? viewport.scrollWidth\n : delta === -Infinity\n ? 0\n : viewport.scrollLeft + delta,\n ),\n );\n }\n }\n\n // ── Visibility: show while hovering or dragging ───────────────────────────\n const visible = createMemo(\n () => ctx.hovering() \|\| ctx.dragging() === props.orientation \|\| active(),\n );\n\n return (\n <div\n ref={trackEl}\n data-slot=\"scroll-area-scrollbar\"\n // WCAG 4.1.2: expose as scrollbar widget\n role=\"scrollbar\"\n aria-controls=\"scroll-area-viewport\"\n aria-orientation={local.orientation}\n aria-valuenow={ariaValueNow()}\n aria-valuemin={0}\n aria-valuemax={100}\n tabIndex={0}\n onPointerDown={onTrackPointerDown}\n onKeyDown={onKeyDown}\n data-orientation={local.orientation}\n data-hovering={ctx.hovering() ? \"\" : undefined}\n class={clsx(\n // Layout\n \"absolute touch-none select-none transition-opacity duration-150\",\n // Opacity — visible on hover/drag, hidden otherwise\n visible() ? \"opacity-100\" : \"opacity-0\",\n // Axis-specific positioning & size\n isVertical()\n ? \"right-0 top-0 h-full w-2.5 border-l border-l-transparent p-px flex flex-col\"\n : \"bottom-0 left-0 w-full h-2.5 border-t border-t-transparent p-px flex flex-row\",\n // Keyboard focus ring\n \"outline-none focus-visible:ring-2 focus-visible:ring-neutral-400/70 dark:focus-visible:ring-neutral-500/70\",\n local.class,\n )}\n {...others}\n >\n <div\n data-slot=\"scroll-area-thumb\"\n onPointerDown={onThumbPointerDown}\n data-orientation={local.orientation}\n class={clsx(\n \"relative rounded-full bg-border\",\n // Hover / active state\n \"hover:bg-neutral-400 dark:hover:bg-white/30\",\n active() ? \"bg-neutral-500 dark:bg-white/40\" : \"\",\n \"transition-colors duration-100\",\n // Ensure thumb is always reachable\n isVertical() ? \"min-h-5 w-full\" : \"min-w-5 h-full\",\n )}\n style={thumbStyle()}\n />\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/components/scroll-arrows/ScrollArrowButton.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { ScrollArrowButtonProps } from './ScrollArrows.types';
+/**
+ * 单个滚动提示箭头,覆盖在列表上/下沿。
+ *
+ * 默认是**装饰性**的(`interactive=false`):`pointer-events-none`,不参与指针命中,
+ * 因此不会挡住列表项、也不会出现"箭头显隐 → pointerenter → 自动滚动"的互相触发。
+ *
+ * `interactive` 为 true 时,悬停(短暂停留后)或按住会用 requestAnimationFrame 持续
+ * 滚动目标容器,并在以下任一情况停止:指针离开/抬起/取消、方向已到边界、
+ * 或箭头本身变为不可见(退出时不再继续滚动)。
+ */
+export declare function ScrollArrowButton(props: ScrollArrowButtonProps): import('solid-js').JSX.Element;

package/dist/components/scroll-arrows/ScrollArrowButton.js ADDED Viewed

@@ -0,0 +1,60 @@
+import { clsx as e } from "../../utils/clsx.js";
+import { className as t, createComponent as n, effect as r, insert as i, memo as a, setAttribute as o, template as s, use as c } from "solid-js/web";
+import { Show as l, onCleanup as u } from "solid-js";
+import { ChevronDown as d, ChevronUp as f } from "lucide-solid";
+//#region src/components/scroll-arrows/ScrollArrowButton.tsx
+var p = /*#__PURE__*/ s("<div aria-hidden=true data-slot=scroll-arrow>"), m = 150;
+function h(s) {
+	let h, g, _ = () => {
+		g !== void 0 && (window.clearTimeout(g), g = void 0), h !== void 0 && (cancelAnimationFrame(h), h = void 0);
+	}, v = () => {
+		if (!s.visible) {
+			_();
+			return;
+		}
+		let e = s.target();
+		if (!e) {
+			_();
+			return;
+		}
+		let t = Math.max(4, e.clientHeight / 24), n = e.scrollTop;
+		if (e.scrollTop = n + (s.direction === "down" ? t : -t), e.scrollTop === n) {
+			_();
+			return;
+		}
+		h = requestAnimationFrame(v);
+	}, y = () => {
+		_(), h = requestAnimationFrame(v);
+	}, b = () => {
+		_(), g = window.setTimeout(() => {
+			g = void 0, y();
+		}, m);
+	}, x = (e) => {
+		s.interactive && (e.addEventListener("pointerenter", b), e.addEventListener("pointerdown", y), e.addEventListener("pointerleave", _), e.addEventListener("pointerup", _), e.addEventListener("pointercancel", _), u(() => {
+			_(), e.removeEventListener("pointerenter", b), e.removeEventListener("pointerdown", y), e.removeEventListener("pointerleave", _), e.removeEventListener("pointerup", _), e.removeEventListener("pointercancel", _);
+		}));
+	};
+	return n(l, {
+		get when() {
+			return s.visible;
+		},
+		get children() {
+			var l = p();
+			return c(x, l), i(l, (() => {
+				var e = a(() => s.direction === "down");
+				return () => e() ? n(d, {}) : n(f, {});
+			})()), r((n) => {
+				var r = s.direction, i = s.interactive ? "" : void 0, a = e("absolute inset-x-0 z-10 flex h-6 select-none items-center justify-center bg-popover text-muted-foreground [&_svg]:size-4", s.interactive ? "cursor-default" : "pointer-events-none", s.direction === "down" ? "bottom-0" : "top-0", s.class);
+				return r !== n.e && o(l, "data-direction", n.e = r), i !== n.t && o(l, "data-interactive", n.t = i), a !== n.a && t(l, n.a = a), n;
+			}, {
+				e: void 0,
+				t: void 0,
+				a: void 0
+			}), l;
+		}
+	});
+}
+//#endregion
+export { h as ScrollArrowButton };
+//# sourceMappingURL=ScrollArrowButton.js.map

package/dist/components/scroll-arrows/ScrollArrowButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ScrollArrowButton.js","names":["Show","onCleanup","ChevronDown","ChevronUp","clsx","ScrollArrowButtonProps","HOVER_SCROLL_DELAY","ScrollArrowButton","props","frame","enterTimer","stop","undefined","window","clearTimeout","cancelAnimationFrame","loop","visible","el","target","step","Math","max","clientHeight","before","scrollTop","direction","requestAnimationFrame","start","startDelayed","setTimeout","attach","HTMLDivElement","interactive","addEventListener","removeEventListener","_$createComponent","when","children","_el$","_tmpl$","_$use","_$insert","_c$","_$memo","_$effect","_p$","_v$","_v$2","_v$3","class","e","_$setAttribute","t","a","_$className","_$createComponent","_$memo","_$setAttribute","_$className","_tmpl$","HOVER_SCROLL_DELAY","ScrollArrowButton","frame","enterTimer","stop","loop","props","el","step","before","start","startDelayed","attach","onCleanup","createComponent","Show","_el$","use","insert","_c$","memo","ChevronDown","ChevronUp","effect","_v$","_v$2","_v$3","clsx","_p$","setAttribute","className"],"sources":["../../../src/components/scroll-arrows/ScrollArrowButton.tsx"],"sourcesContent":["import { Show, onCleanup } from \"solid-js\";\nimport { ChevronDown, ChevronUp } from \"lucide-solid\";\nimport { clsx } from \"~/utils\";\nimport type { ScrollArrowButtonProps } from \"./ScrollArrows.types\";\n\n/** 悬停/按住开始滚动前的停留时间,避免只是掠过或点击边缘时误触发 */\nconst HOVER_SCROLL_DELAY = 150;\n\n/**\n * 单个滚动提示箭头,覆盖在列表上/下沿。\n *\n * 默认是**装饰性**的(`interactive=false`):`pointer-events-none`,不参与指针命中,\n * 因此不会挡住列表项、也不会出现\"箭头显隐 → pointerenter → 自动滚动\"的互相触发。\n *\n * `interactive` 为 true 时,悬停(短暂停留后)或按住会用 requestAnimationFrame 持续\n * 滚动目标容器,并在以下任一情况停止:指针离开/抬起/取消、方向已到边界、\n * 或箭头本身变为不可见(退出时不再继续滚动)。\n */\nexport function ScrollArrowButton(props: ScrollArrowButtonProps) {\n let frame: number | undefined;\n let enterTimer: number | undefined;\n\n const stop = () => {\n if (enterTimer !== undefined) {\n window.clearTimeout(enterTimer);\n enterTimer = undefined;\n }\n if (frame !== undefined) {\n cancelAnimationFrame(frame);\n frame = undefined;\n }\n };\n\n const loop = () => {\n // 箭头被隐藏(到达边界/列表变短)时立即停止,避免\"不可见却持续滚动\"\n if (!props.visible) {\n stop();\n return;\n }\n const el = props.target();\n if (!el) {\n stop();\n return;\n }\n const step = Math.max(4, el.clientHeight / 24);\n const before = el.scrollTop;\n el.scrollTop = before + (props.direction === \"down\" ? step : -step);\n if (el.scrollTop === before) {\n stop();\n return;\n }\n frame = requestAnimationFrame(loop);\n };\n\n const start = () => {\n stop();\n frame = requestAnimationFrame(loop);\n };\n\n const startDelayed = () => {\n stop();\n enterTimer = window.setTimeout(() => {\n enterTimer = undefined;\n start();\n }, HOVER_SCROLL_DELAY);\n };\n\n const attach = (el: HTMLDivElement) => {\n if (!props.interactive) return;\n el.addEventListener(\"pointerenter\", startDelayed);\n el.addEventListener(\"pointerdown\", start);\n el.addEventListener(\"pointerleave\", stop);\n el.addEventListener(\"pointerup\", stop);\n el.addEventListener(\"pointercancel\", stop);\n onCleanup(() => {\n stop();\n el.removeEventListener(\"pointerenter\", startDelayed);\n el.removeEventListener(\"pointerdown\", start);\n el.removeEventListener(\"pointerleave\", stop);\n el.removeEventListener(\"pointerup\", stop);\n el.removeEventListener(\"pointercancel\", stop);\n });\n };\n\n return (\n <Show when={props.visible}>\n <div\n ref={attach}\n aria-hidden=\"true\"\n data-slot=\"scroll-arrow\"\n data-direction={props.direction}\n data-interactive={props.interactive ? \"\" : undefined}\n class={clsx(\n \"absolute inset-x-0 z-10 flex h-6 select-none items-center justify-center bg-popover text-muted-foreground [&_svg]:size-4\",\n props.interactive ? \"cursor-default\" : \"pointer-events-none\",\n props.direction === \"down\" ? \"bottom-0\" : \"top-0\",\n props.class,\n )}\n >\n {props.direction === \"down\" ? <ChevronDown /> : <ChevronUp />}\n </div>\n </Show>\n );\n}\n"],"mappings":";;;;;0EAMMM,IAAqB;AAY3B,SAAgBC,EAAkBC,GAA+B;CAC/D,IAAIC,GACAC,GAEEC,UAAa;EAKjB,AAJID,MAAeE,KAAAA,MACjBC,OAAOC,aAAaJ,CAAU,GAC9BA,IAAaE,KAAAA,IAEXH,MAAUG,KAAAA,MACZG,qBAAqBN,CAAK,GAC1BA,IAAQG,KAAAA;CAEZ,GAEMI,UAAa;EAEjB,IAAI,CAACR,EAAMS,SAAS;GAClBN,EAAK;GACL;EACF;EACA,IAAMO,IAAKV,EAAMW,OAAO;EACxB,IAAI,CAACD,GAAI;GACPP,EAAK;GACL;EACF;EACA,IAAMS,IAAOC,KAAKC,IAAI,GAAGJ,EAAGK,eAAe,EAAE,GACvCC,IAASN,EAAGO;EAElB,IADAP,EAAGO,YAAYD,KAAUhB,EAAMkB,cAAc,SAASN,IAAO,CAACA,IAC1DF,EAAGO,cAAcD,GAAQ;GAC3Bb,EAAK;GACL;EACF;EACAF,IAAQkB,sBAAsBX,CAAI;CACpC,GAEMY,UAAc;EAElBnB,AADAE,EAAK,GACLF,IAAQkB,sBAAsBX,CAAI;CACpC,GAEMa,UAAqB;EAEzBnB,AADAC,EAAK,GACLD,IAAaG,OAAOiB,iBAAiB;GAEnCF,AADAlB,IAAaE,KAAAA,GACbgB,EAAM;EACR,GAAGtB,CAAkB;CACvB,GAEMyB,KAAUb,MAAuB;EACrC,AAAKV,EAAMyB,gBACXf,EAAGgB,iBAAiB,gBAAgBL,CAAY,GAChDX,EAAGgB,iBAAiB,eAAeN,CAAK,GACxCV,EAAGgB,iBAAiB,gBAAgBvB,CAAI,GACxCO,EAAGgB,iBAAiB,aAAavB,CAAI,GACrCO,EAAGgB,iBAAiB,iBAAiBvB,CAAI,GACzCV,QAAgB;GAMdiB,AALAP,EAAK,GACLO,EAAGiB,oBAAoB,gBAAgBN,CAAY,GACnDX,EAAGiB,oBAAoB,eAAeP,CAAK,GAC3CV,EAAGiB,oBAAoB,gBAAgBxB,CAAI,GAC3CO,EAAGiB,oBAAoB,aAAaxB,CAAI,GACxCO,EAAGiB,oBAAoB,iBAAiBxB,CAAI;EAC9C,CAAC;CACH;CAEA,OAAAyB,EACGpC,GAAI;EAAA,IAACqC,OAAI;GAAA,OAAE7B,EAAMS;EAAO;EAAA,IAAAqB,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAYpB,OAZoBC,EAEhBV,GAAMQ,CAAA,GAAAG,EAAAH,UAAA;IAAA,IAAAI,IAAAC,QAYVpC,EAAMkB,cAAc,MAAM;IAAA,aAA1BiB,EAAA,IAAAP,EAA8BlC,GAAW,CAAA,CAAA,IAAAkC,EAAOjC,GAAS,CAAA,CAAA;GAAG,EAAA,CAAA,CAAA,GAAA0C,GAAAC,MAAA;IAAA,IAAAC,IAT7CvC,EAAMkB,WAASsB,IACbxC,EAAMyB,cAAc,KAAKrB,KAAAA,GAASqC,IAC7C7C,EACL,4HACAI,EAAMyB,cAAc,mBAAmB,uBACvCzB,EAAMkB,cAAc,SAAS,aAAa,SAC1ClB,EAAM0C,KACR;IAAC,OAAAH,MAAAD,EAAAK,KAAAC,EAAAb,GAAA,kBAAAO,EAAAK,IAAAJ,CAAA,GAAAC,MAAAF,EAAAO,KAAAD,EAAAb,GAAA,oBAAAO,EAAAO,IAAAL,CAAA,GAAAC,MAAAH,EAAAQ,KAAAC,EAAAhB,GAAAO,EAAAQ,IAAAL,CAAA,GAAAH;GAAA,GAAA;IAAAK,GAAAvC,KAAAA;IAAAyC,GAAAzC,KAAAA;IAAA0C,GAAA1C,KAAAA;GAAA,CAAA,GAAA2B;EAAA;CAAA,CAAA;AAMT"}

package/dist/components/scroll-arrows/ScrollArrows.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { JSX } from 'solid-js';
+import { ScrollArrowsProps } from './ScrollArrows.types';
+/**
+ * 列表/菜单弹层通用的滚动提示：隐藏原生滚动条后，在上/下沿叠加箭头，
+ * 提示该方向还有内容。放在滚动容器(定位祖先)内部即可，需要容器自身是定位元素。
+ *
+ * 默认箭头**不可交互**(`pointer-events-none`)：避免覆盖列表边缘时抢走指针、
+ * 以及"箭头显隐 ↔ 悬停自动滚动"互相触发导致列表持续滚动/闪动。
+ * 需要悬停滚动时显式传 `interactive`。
+ */
+export declare function ScrollArrows(props: ScrollArrowsProps): JSX.Element;

package/dist/components/scroll-arrows/ScrollArrows.js ADDED Viewed

@@ -0,0 +1,41 @@
+import { clsx as e } from "../../utils/clsx.js";
+import { useScrollEdges as t } from "../../hooks/useScrollEdges.js";
+import { ScrollArrowButton as n } from "./ScrollArrowButton.js";
+import { createComponent as r } from "solid-js/web";
+//#region src/components/scroll-arrows/ScrollArrows.tsx
+function i(i) {
+	let { canScrollUp: a, canScrollDown: o } = t(() => i.target());
+	return [r(n, {
+		direction: "up",
+		get visible() {
+			return a();
+		},
+		get interactive() {
+			return !!i.interactive;
+		},
+		get target() {
+			return i.target;
+		},
+		get class() {
+			return e(i.class, i.upClass);
+		}
+	}), r(n, {
+		direction: "down",
+		get visible() {
+			return o();
+		},
+		get interactive() {
+			return !!i.interactive;
+		},
+		get target() {
+			return i.target;
+		},
+		get class() {
+			return e(i.class, i.downClass);
+		}
+	})];
+}
+//#endregion
+export { i as ScrollArrows };
+//# sourceMappingURL=ScrollArrows.js.map

package/dist/components/scroll-arrows/ScrollArrows.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ScrollArrows.js","names":["JSX","clsx","useScrollEdges","ScrollArrowButton","ScrollArrowsProps","ScrollArrows","props","Element","canScrollUp","canScrollDown","target","_$createComponent","direction","visible","interactive","class","upClass","downClass","_$createComponent","ScrollArrows","useScrollEdges","props","createComponent","ScrollArrowButton","canScrollUp","\"class\"","clsx","canScrollDown"],"sources":["../../../src/components/scroll-arrows/ScrollArrows.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useScrollEdges } from \"~/hooks\";\nimport { ScrollArrowButton } from \"./ScrollArrowButton\";\nimport type { ScrollArrowsProps } from \"./ScrollArrows.types\";\n\n/**\n * 列表/菜单弹层通用的滚动提示：隐藏原生滚动条后，在上/下沿叠加箭头，\n * 提示该方向还有内容。放在滚动容器(定位祖先)内部即可，需要容器自身是定位元素。\n *\n * 默认箭头**不可交互**(`pointer-events-none`)：避免覆盖列表边缘时抢走指针、\n * 以及\"箭头显隐 ↔ 悬停自动滚动\"互相触发导致列表持续滚动/闪动。\n * 需要悬停滚动时显式传 `interactive`。\n */\nexport function ScrollArrows(props: ScrollArrowsProps): JSX.Element {\n const { canScrollUp, canScrollDown } = useScrollEdges(() => props.target());\n\n return (\n <>\n <ScrollArrowButton\n direction=\"up\"\n visible={canScrollUp()}\n interactive={!!props.interactive}\n target={props.target}\n class={clsx(props.class, props.upClass)}\n />\n <ScrollArrowButton\n direction=\"down\"\n visible={canScrollDown()}\n interactive={!!props.interactive}\n target={props.target}\n class={clsx(props.class, props.downClass)}\n />\n </>\n );\n}\n"],"mappings":";;;;;AAcA,SAAgBK,EAAaC,GAAuC;CAClE,IAAM,EAAEE,gBAAaC,qBAAkBP,QAAqBI,EAAMI,OAAO,CAAC;CAE1E,OAAA,CAAAC,EAEKR,GAAiB;EAChBS,WAAS;EAAA,IACTC,UAAO;GAAA,OAAEL,EAAY;EAAC;EAAA,IACtBM,cAAW;GAAA,OAAE,CAAC,CAACR,EAAMQ;EAAW;EAAA,IAChCJ,SAAM;GAAA,OAAEJ,EAAMI;EAAM;EAAA,IAAAe,QAAA;GAAA,OACbxB,EAAKK,EAAMS,OAAOT,EAAMU,OAAO;EAAC;CAAA,CAAA,GAAAL,EAExCR,GAAiB;EAChBS,WAAS;EAAA,IACTC,UAAO;GAAA,OAAEJ,EAAc;EAAC;EAAA,IACxBK,cAAW;GAAA,OAAE,CAAC,CAACR,EAAMQ;EAAW;EAAA,IAChCJ,SAAM;GAAA,OAAEJ,EAAMI;EAAM;EAAA,IAAAe,QAAA;GAAA,OACbxB,EAAKK,EAAMS,OAAOT,EAAMW,SAAS;EAAC;CAAA,CAAA,CAAA;AAIjD"}

package/dist/components/scroll-arrows/ScrollArrows.types.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import { Accessor } from 'solid-js';
+export interface ScrollArrowsProps {
+    /** 滚动容器 accessor；组件内部据此计算上下边缘状态 */
+    target: Accessor<HTMLElement | undefined>;
+    /**
+     * 箭头是否可交互(悬停/按住持续滚动)。默认 false:
+     * 箭头只是**装饰性提示**(pointer-events-none),不拦截指针、不会与滚动互相触发。
+     * 开启后箭头会覆盖列表边缘并参与指针命中,请确保列表项不依赖该区域点击。
+     */
+    interactive?: boolean;
+    /** 两个箭头共用的额外 class */
+    class?: string;
+    /** 顶部箭头额外 class(圆角等) */
+    upClass?: string;
+    /** 底部箭头额外 class(圆角等) */
+    downClass?: string;
+}
+export interface ScrollArrowButtonProps {
+    direction: "up" | "down";
+    visible: boolean;
+    interactive: boolean;
+    target: Accessor<HTMLElement | undefined>;
+    class?: string;
+}

package/dist/components/scroll-arrows/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { ScrollArrows } from './ScrollArrows';
2	+ export type { ScrollArrowsProps } from './ScrollArrows.types';

package/dist/components/scroll-arrows/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { ScrollArrows as e } from "./ScrollArrows.js";
2	+ export { e as ScrollArrows };

package/dist/components/select/Select/Select.context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.context.js","names":[],"sources":["../../../../src/components/select/Select/Select.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\nimport type { SelectContextValue, SelectOptionValue } from \"./Select.types\";\n\nexport const SelectContext = createContext<SelectContextValue>();\n\nexport function useSelectContext(\n component: string,\n): SelectContextValue<SelectOptionValue> {\n const ctx = useContext(SelectContext);\n if (!ctx) {\n throw new Error(`<${component}> 必须渲染在 <Select> 内部`);\n }\n return ctx;\n}\n"],"mappings":";;AAGA,~~IAAa~~,~~IAAgB~~,EAAkC;AAE/D,~~SAAgB~~,EACd,GACuC;CACvC,~~IAAM~~,~~IAAM~~,~~EAAW~~,CAAa;CACpC,IAAI,~~CAAC~~,GACH,MAAU,MAAM,~~IAAI~~,EAAU,oBAAoB;CAEpD,~~OAAO~~;AACT"}
1	+ {"version":3,"file":"Select.context.js","names":["SelectContext","createContext","useSelectContext","ctx","useContext","component"],"sources":["../../../../src/components/select/Select/Select.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\nimport type { SelectContextValue, SelectOptionValue } from \"./Select.types\";\n\nexport const SelectContext = createContext<SelectContextValue>();\n\nexport function useSelectContext(\n component: string,\n): SelectContextValue<SelectOptionValue> {\n const ctx = useContext(SelectContext);\n if (!ctx) {\n throw new Error(`<${component}> 必须渲染在 <Select> 内部`);\n }\n return ctx;\n}\n"],"mappings":";;AAGA,IAAaA,IAAgBC,EAAkC;AAE/D,SAAgBC,EACd,GACuC;CACvC,IAAMC,IAAMC,EAAWJ,CAAa;CACpC,IAAI,CAACG,GACH,MAAU,MAAM,IAAIE,EAAU,oBAAoB;CAEpD,OAAOF;AACT"}