@neut/ui 0.0.16 → 0.0.17

package/dist/components/resizable/resizable.utils.js

@@ -0,0 +1,45 @@
+//#region src/components/resizable/resizable.utils.ts
+function e(e, t) {
+	if (e == null) return t;
+	if (typeof e == "number") return Number.isFinite(e) ? e : t;
+	let n = e.trim(), r = (n.endsWith("%"), Number.parseFloat(n));
+	return Number.isFinite(r) ? r : t;
+}
+function t(e, t, n) {
+	return Math.min(n, Math.max(t, e));
+}
+function n(e) {
+	return Math.round(e * 100) / 100;
+}
+function r(e, n) {
+	if (e.length === 0) return [];
+	let r = e.map((e, r) => t(e, n[r].min, n[r].max)), i = r.reduce((e, t) => e + t, 0);
+	if (i <= 0) {
+		let t = 100 / e.length;
+		return e.map(() => t);
+	}
+	for (let e = 0; e < r.length; e += 1) r[e] = r[e] * 100 / i;
+	for (let e = 0; e < 4; e += 1) {
+		let e = 0, t = [];
+		for (let i = 0; i < r.length; i += 1) {
+			let a = n[i];
+			r[i] > a.max ? (r[i] = a.max, e += a.max) : r[i] < a.min ? (r[i] = a.min, e += a.min) : t.push(i);
+		}
+		if (t.length === 0) break;
+		let i = 100 - e, a = t.reduce((e, t) => e + r[t], 0);
+		if (a <= 0) {
+			let e = i / t.length;
+			for (let n of t) r[n] = e;
+			break;
+		}
+		for (let e of t) r[e] = r[e] * i / a;
+	}
+	return r;
+}
+function i(e) {
+	return e.startsWith("--") ? e : e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+}
+//#endregion
+export { t as clamp, r as normalizeSizes, e as parseSize, n as roundPercent, i as toKebabCase };
+
+//# sourceMappingURL=resizable.utils.js.map

package/dist/components/resizable/resizable.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.utils.js","names":["parseSize","value","fallback","trimmed","numeric","clamp","max","min","roundPercent","normalizeSizes","raw","result","bounds","index","sum","acc","equal","iteration","fixedSum","free","bound","target","freeSum","toKebabCase","key","char"],"sources":["../../../src/components/resizable/resizable.utils.ts"],"sourcesContent":["/** 解析尺寸:number/`\"25%\"`/`\"25\"` 都按百分比处理(不支持 px,按需再扩展) */\nexport function parseSize(\n  value: number | string | undefined,\n  fallback: number,\n): number {\n  if (value === undefined || value === null) return fallback;\n  if (typeof value === \"number\") {\n    return Number.isFinite(value) ? value : fallback;\n  }\n  const trimmed = value.trim();\n  const numeric = trimmed.endsWith(\"%\")\n    ? Number.parseFloat(trimmed)\n    : Number.parseFloat(trimmed);\n  return Number.isFinite(numeric) ? numeric : fallback;\n}\n\nexport function clamp(value: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, value));\n}\n\n/** 百分比保留 2 位小数,避免 onLayoutChange/layout 输出出现长尾浮点 */\nexport function roundPercent(value: number): number {\n  return Math.round(value * 100) / 100;\n}\n\n/**\n * 把一组原始权重归一化到总和 100,并在迭代中尊重每个面板的上下界。\n * 之所以不用简单的按比例缩放:min/max 会在缩放后再次越界,需要固定越界项、\n * 把剩余空间按权重分给其余项(最多 4 轮即可收敛)。\n */\nexport function normalizeSizes(\n  raw: number[],\n  bounds: Array<{ min: number; max: number }>,\n): number[] {\n  if (raw.length === 0) return [];\n  const result = raw.map((value, index) =>\n    clamp(value, bounds[index]!.min, bounds[index]!.max),\n  );\n  const sum = result.reduce((acc, value) => acc + value, 0);\n  if (sum <= 0) {\n    const equal = 100 / raw.length;\n    return raw.map(() => equal);\n  }\n  for (let index = 0; index < result.length; index += 1) {\n    result[index] = (result[index]! * 100) / sum;\n  }\n\n  for (let iteration = 0; iteration < 4; iteration += 1) {\n    let fixedSum = 0;\n    const free: number[] = [];\n    for (let index = 0; index < result.length; index += 1) {\n      const bound = bounds[index]!;\n      if (result[index]! > bound.max) {\n        result[index] = bound.max;\n        fixedSum += bound.max;\n      } else if (result[index]! < bound.min) {\n        result[index] = bound.min;\n        fixedSum += bound.min;\n      } else {\n        free.push(index);\n      }\n    }\n    if (free.length === 0) break;\n    const target = 100 - fixedSum;\n    const freeSum = free.reduce((acc, index) => acc + result[index]!, 0);\n    if (freeSum <= 0) {\n      const equal = target / free.length;\n      for (const index of free) result[index] = equal;\n      break;\n    }\n    for (const index of free) {\n      result[index] = (result[index]! * target) / freeSum;\n    }\n  }\n  return result;\n}\n\n/** camelCase -> kebab-case;CSS 自定义属性(--x)原样保留 */\nexport function toKebabCase(key: string): string {\n  if (key.startsWith(\"--\")) return key;\n  return key.replace(/[A-Z]/g, (char) => `-${char.toLowerCase()}`);\n}\n"],"mappings":";AACA,SAAgBA,EACd,GACA,GACQ;CACR,IAAIC,KAAiC,MAAM,OAAOC;CAClD,IAAI,OAAOD,KAAU,UACnB,OAAO,OAAO,SAASA,CAAK,IAAIA,IAAQC;CAE1C,IAAMC,IAAUF,EAAM,KAAK,GACrBG,KAAUD,EAAQ,SAAS,GAAG,GAChC,OAAO,WAAWA,CAAO;CAE7B,OAAO,OAAO,SAASC,CAAO,IAAIA,IAAUF;AAC9C;AAEA,SAAgBG,EAAM,GAAe,GAAa,GAAqB;CACrE,OAAO,KAAK,IAAIC,GAAK,KAAK,IAAIC,GAAKN,CAAK,CAAC;AAC3C;AAGA,SAAgBO,EAAa,GAAuB;CAClD,OAAO,KAAK,MAAMP,IAAQ,GAAG,IAAI;AACnC;AAOA,SAAgBQ,EACd,GACA,GACU;CACV,IAAIC,EAAI,WAAW,GAAG,OAAO,CAAC;CAC9B,IAAMC,IAASD,EAAI,KAAK,GAAO,MAC7BL,EAAMJ,GAAOW,EAAOC,EAAM,CAAE,KAAKD,EAAOC,EAAM,CAAE,GAAG,CACrD,GACMC,IAAMH,EAAO,QAAQ,GAAK,MAAUI,IAAMd,GAAO,CAAC;CACxD,IAAIa,KAAO,GAAG;EACZ,IAAME,IAAQ,MAAMN,EAAI;EACxB,OAAOA,EAAI,UAAUM,CAAK;CAC5B;CACA,KAAK,IAAIH,IAAQ,GAAGA,IAAQF,EAAO,QAAQ,KAAS,GAClD,EAAOE,KAAUF,EAAOE,KAAU,MAAOC;CAG3C,KAAK,IAAIG,IAAY,GAAGA,IAAY,GAAG,KAAa,GAAG;EACrD,IAAIC,IAAW,GACTC,IAAiB,CAAC;EACxB,KAAK,IAAIN,IAAQ,GAAGA,IAAQF,EAAO,QAAQ,KAAS,GAAG;GACrD,IAAMS,IAAQR,EAAOC;GACrB,AAAIF,EAAOE,KAAUO,EAAM,OACzB,EAAOP,KAASO,EAAM,KACtB,KAAYA,EAAM,OACTT,EAAOE,KAAUO,EAAM,OAChC,EAAOP,KAASO,EAAM,KACtB,KAAYA,EAAM,OAElBD,EAAK,KAAKN,CAAK;EAEnB;EACA,IAAIM,EAAK,WAAW,GAAG;EACvB,IAAME,IAAS,MAAMH,GACfI,IAAUH,EAAK,QAAQ,GAAK,MAAUJ,IAAMJ,EAAOE,IAAS,CAAC;EACnE,IAAIS,KAAW,GAAG;GAChB,IAAMN,IAAQK,IAASF,EAAK;GAC5B,KAAK,IAAMN,KAASM,GAAM,EAAON,KAASG;GAC1C;EACF;EACA,KAAK,IAAMH,KAASM,GAClB,EAAON,KAAUF,EAAOE,KAAUQ,IAAUC;CAEhD;CACA,OAAOX;AACT;AAGA,SAAgBY,EAAY,GAAqB;CAE/C,OADIC,EAAI,WAAW,IAAI,IAAUA,IAC1BA,EAAI,QAAQ,WAAW,MAAS,IAAIC,EAAK,YAAY,GAAG;AACjE"}

package/dist/components/resizable/useResizablePanelGroup.d.ts

@@ -0,0 +1,22 @@
+import { Accessor } from 'solid-js';
+import { ResizablePanelGroupContextValue } from './resizable.context';
+import { ResizableLayout, ResizableOrientation } from './resizable.types';
+interface Options {
+    orientation: Accessor<ResizableOrientation>;
+    defaultLayout: Accessor<ResizableLayout | undefined>;
+    onLayoutChange: (layout: ResizableLayout) => void;
+    autoSaveId: Accessor<string | undefined>;
+    storage: Accessor<Storage | undefined>;
+    keyboardResizeBy: Accessor<number>;
+}
+/**
+ * Resizable 的布局引擎(对齐 react-resizable-panels v4 的核心语义,但按 Solid 重写):
+ * - 尺寸用**百分比权重**存在 store 里,渲染时映射为 `flex-grow`,拖拽只更新相邻两个
+ *   panel 的两个键,子节点不重渲染(细粒度更新);
+ * - panel 在挂载时注册(顺序即 DOM 顺序),handle 通过相邻兄弟节点解析前后 panel;
+ * - 约束/min/max/collapsible 吸附、归一化到 100、以及命令式 collapse/expand;
+ * - 拖拽用 pointer capture,pointermove 由调用方用 rAF 合并,避免高频写 store;
+ * - autoSaveId + storage 做布局持久化。
+ */
+export declare function useResizablePanelGroup(options: Options): ResizablePanelGroupContextValue;
+export {};

package/dist/components/resizable/useResizablePanelGroup.js

@@ -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

@@ -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-arrows/ScrollArrowButton.d.ts

@@ -1,9 +1,12 @@
 import { ScrollArrowButtonProps } from './ScrollArrows.types';
 /**
- * 单个滚动提示箭头：覆盖在列表上/下沿，悬停或按住时用 requestAnimationFrame
- * 持续滚动目标容器，到边界后 scrollTop 不再变化即自动停止。
+ * 单个滚动提示箭头,覆盖在列表上/下沿。
  *
- * 箭头是装饰元素(`aria-hidden`、不可聚焦)，无障碍仍由列表自身的
- * listbox/aria-activedescendant 承担。
+ * 默认是**装饰性**的(`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

@@ -3,28 +3,36 @@ import { className as t, createComponent as n, effect as r, insert as i, memo as
 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>");
-function m(s) {
-	let m, h = () => {
-		m !== void 0 && (cancelAnimationFrame(m), m = void 0);
-	}, g = () => {
+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) {
-			h();
+			_();
 			return;
 		}
 		let t = Math.max(4, e.clientHeight / 24), n = e.scrollTop;
 		if (e.scrollTop = n + (s.direction === "down" ? t : -t), e.scrollTop === n) {
-			h();
+			_();
 			return;
 		}
-		m = requestAnimationFrame(g);
-	}, _ = () => {
-		h(), m = requestAnimationFrame(g);
-	}, v = (e) => {
-		e.addEventListener("pointerenter", _), e.addEventListener("pointerdown", _), e.addEventListener("pointerleave", h), e.addEventListener("pointerup", h), e.addEventListener("pointercancel", h), u(() => {
-			h(), e.removeEventListener("pointerenter", _), e.removeEventListener("pointerdown", _), e.removeEventListener("pointerleave", h), e.removeEventListener("pointerup", h), e.removeEventListener("pointercancel", h);
-		});
+		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() {
@@ -32,20 +40,21 @@ function m(s) {
 		},
 		get children() {
 			var l = p();
-			return c(v, l), i(l, (() => {
+			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 = e("absolute inset-x-0 z-10 flex h-6 cursor-default items-center justify-center bg-popover text-muted-foreground select-none [&_svg]:size-4", s.direction === "down" ? "bottom-0" : "top-0", s.class);
-				return r !== n.e && o(l, "data-direction", n.e = r), i !== n.t && t(l, n.t = i), 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
+				t: void 0,
+				a: void 0
 			}), l;
 		}
 	});
 }
 //#endregion
-export { m as ScrollArrowButton };
+export { h as ScrollArrowButton };
 
 //# sourceMappingURL=ScrollArrowButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollArrowButton.js","names":["Show","onCleanup","ChevronDown","ChevronUp","clsx","ScrollArrowButtonProps","ScrollArrowButton","props","frame","stop","undefined","cancelAnimationFrame","loop","el","target","step","Math","max","clientHeight","before","scrollTop","direction","requestAnimationFrame","start","attach","HTMLDivElement","addEventListener","removeEventListener","_$createComponent","when","visible","children","_el$","_tmpl$","_$use","_$insert","_c$","_$memo","_$effect","_p$","_v$","_v$2","class","e","_$setAttribute","t","_$className","_$createComponent","_$memo","_$setAttribute","_$className","_tmpl$","ScrollArrowButton","frame","stop","loop","el","props","step","before","start","attach","onCleanup","createComponent","Show","_el$","use","insert","_c$","memo","ChevronDown","ChevronUp","effect","_v$","_v$2","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/**\n * 单个滚动提示箭头：覆盖在列表上/下沿，悬停或按住时用 requestAnimationFrame\n * 持续滚动目标容器，到边界后 scrollTop 不再变化即自动停止。\n *\n * 箭头是装饰元素(`aria-hidden`、不可聚焦)，无障碍仍由列表自身的\n * listbox/aria-activedescendant 承担。\n */\nexport function ScrollArrowButton(props: ScrollArrowButtonProps) {\n  let frame: number | undefined;\n\n  const stop = () => {\n    if (frame !== undefined) {\n      cancelAnimationFrame(frame);\n      frame = undefined;\n    }\n  };\n\n  const loop = () => {\n    const el = props.target();\n    if (!el) {\n      stop();\n      return;\n    }\n    // 每帧约滚动 1/24 高度，连续但不至于过快\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 attach = (el: HTMLDivElement) => {\n    el.addEventListener(\"pointerenter\", start);\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\", start);\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        class={clsx(\n          \"absolute inset-x-0 z-10 flex h-6 cursor-default items-center justify-center bg-popover text-muted-foreground select-none [&_svg]:size-4\",\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":";;;;;;AAYA,SAAgBM,EAAkBC,GAA+B;CAC/D,IAAIC,GAEEC,UAAa;EACjB,AAAID,MAAUE,KAAAA,MACZC,qBAAqBH,CAAK,GAC1BA,IAAQE,KAAAA;CAEZ,GAEME,UAAa;EACjB,IAAMC,IAAKN,EAAMO,OAAO;EACxB,IAAI,CAACD,GAAI;GACPJ,EAAK;GACL;EACF;EAEA,IAAMM,IAAOC,KAAKC,IAAI,GAAGJ,EAAGK,eAAe,EAAE,GACvCC,IAASN,EAAGO;EAElB,IADAP,EAAGO,YAAYD,KAAUZ,EAAMc,cAAc,SAASN,IAAO,CAACA,IAC1DF,EAAGO,cAAcD,GAAQ;GAC3BV,EAAK;GACL;EACF;EACAD,IAAQc,sBAAsBV,CAAI;CACpC,GAEMW,UAAc;EAElBf,AADAC,EAAK,GACLD,IAAQc,sBAAsBV,CAAI;CACpC,GAEMY,KAAUX,MAAuB;EAMrCZ,AALAY,EAAGa,iBAAiB,gBAAgBH,CAAK,GACzCV,EAAGa,iBAAiB,eAAeH,CAAK,GACxCV,EAAGa,iBAAiB,gBAAgBjB,CAAI,GACxCI,EAAGa,iBAAiB,aAAajB,CAAI,GACrCI,EAAGa,iBAAiB,iBAAiBjB,CAAI,GACzCR,QAAgB;GAMdY,AALAJ,EAAK,GACLI,EAAGc,oBAAoB,gBAAgBJ,CAAK,GAC5CV,EAAGc,oBAAoB,eAAeJ,CAAK,GAC3CV,EAAGc,oBAAoB,gBAAgBlB,CAAI,GAC3CI,EAAGc,oBAAoB,aAAalB,CAAI,GACxCI,EAAGc,oBAAoB,iBAAiBlB,CAAI;EAC9C,CAAC;CACH;CAEA,OAAAmB,EACG5B,GAAI;EAAA,IAAC6B,OAAI;GAAA,OAAEtB,EAAMuB;EAAO;EAAA,IAAAC,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAUpB,OAVoBC,EAEhBV,GAAMQ,CAAA,GAAAG,EAAAH,UAAA;IAAA,IAAAI,IAAAC,QAUV9B,EAAMc,cAAc,MAAM;IAAA,aAA1Be,EAAA,IAAAR,EAA8B1B,GAAW,CAAA,CAAA,IAAA0B,EAAOzB,GAAS,CAAA,CAAA;GAAG,EAAA,CAAA,CAAA,GAAAmC,GAAAC,MAAA;IAAA,IAAAC,IAP7CjC,EAAMc,WAASoB,IACxBrC,EACL,2IACAG,EAAMc,cAAc,SAAS,aAAa,SAC1Cd,EAAMmC,KACR;IAAC,OAAAF,MAAAD,EAAAI,KAAAC,EAAAZ,GAAA,kBAAAO,EAAAI,IAAAH,CAAA,GAAAC,MAAAF,EAAAM,KAAAC,EAAAd,GAAAO,EAAAM,IAAAJ,CAAA,GAAAF;GAAA,GAAA;IAAAI,GAAAjC,KAAAA;IAAAmC,GAAAnC,KAAAA;GAAA,CAAA,GAAAsB;EAAA;CAAA,CAAA;AAMT"}
+{"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

@@ -2,7 +2,10 @@ 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

@@ -10,6 +10,9 @@ function i(i) {
 		get visible() {
 			return a();
 		},
+		get interactive() {
+			return !!i.interactive;
+		},
 		get target() {
 			return i.target;
 		},
@@ -21,6 +24,9 @@ function i(i) {
 		get visible() {
 			return o();
 		},
+		get interactive() {
+			return !!i.interactive;
+		},
 		get target() {
 			return i.target;
 		},

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollArrows.js","names":["JSX","clsx","useScrollEdges","ScrollArrowButton","ScrollArrowsProps","ScrollArrows","props","Element","canScrollUp","canScrollDown","target","_$createComponent","direction","visible","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 */\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        target={props.target}\n        class={clsx(props.class, props.upClass)}\n      />\n      <ScrollArrowButton\n        direction=\"down\"\n        visible={canScrollDown()}\n        target={props.target}\n        class={clsx(props.class, props.downClass)}\n      />\n    </>\n  );\n}\n"],"mappings":";;;;;AAWA,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,IACtBE,SAAM;GAAA,OAAEJ,EAAMI;EAAM;EAAA,IAAAc,QAAA;GAAA,OACbvB,EAAKK,EAAMQ,OAAOR,EAAMS,OAAO;EAAC;CAAA,CAAA,GAAAJ,EAExCR,GAAiB;EAChBS,WAAS;EAAA,IACTC,UAAO;GAAA,OAAEJ,EAAc;EAAC;EAAA,IACxBC,SAAM;GAAA,OAAEJ,EAAMI;EAAM;EAAA,IAAAc,QAAA;GAAA,OACbvB,EAAKK,EAAMQ,OAAOR,EAAMU,SAAS;EAAC;CAAA,CAAA,CAAA;AAIjD"}
+{"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

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

package/dist/components/sheet/Sheet/Sheet.d.ts

@@ -0,0 +1,6 @@
+import { SheetProps } from '../sheet.types';
+/**
+ * Sheet 根:复用 Dialog 的滚动锁定、受控/非受控、动画挂载逻辑,
+ * 只把 `data-slot` 换成 sheet。
+ */
+export declare function Sheet(props: SheetProps): import('solid-js').JSX.Element;

package/dist/components/sheet/Sheet/Sheet.js

@@ -0,0 +1,10 @@
+import { Dialog as e } from "../../dialog/Dialog/Dialog.js";
+import { createComponent as t, mergeProps as n } from "solid-js/web";
+//#region src/components/sheet/Sheet/Sheet.tsx
+function r(r) {
+	return t(e, n(r, { "data-slot": "sheet" }));
+}
+//#endregion
+export { r as Sheet };
+
+//# sourceMappingURL=Sheet.js.map

package/dist/components/sheet/Sheet/Sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.js","names":["Dialog","SheetProps","Sheet","props","_$createComponent","_$mergeProps","_$createComponent","_$mergeProps","Sheet","createComponent","Dialog","mergeProps","props"],"sources":["../../../../src/components/sheet/Sheet/Sheet.tsx"],"sourcesContent":["import { Dialog } from \"~/components/dialog\";\nimport type { SheetProps } from \"../sheet.types\";\n\n/**\n * Sheet 根:复用 Dialog 的滚动锁定、受控/非受控、动画挂载逻辑,\n * 只把 `data-slot` 换成 sheet。\n */\nexport function Sheet(props: SheetProps) {\n  return <Dialog {...props} data-slot=\"sheet\" />;\n}\n"],"mappings":";;;AAOA,SAAgBE,EAAMC,GAAmB;CACvC,OAAAC,EAAQJ,GAAMK,EAAKF,GAAK,EAAA,aAAA,QAAA,CAAA,CAAA;AAC1B"}

package/dist/components/sheet/Sheet/index.d.ts

@@ -0,0 +1 @@
+export { Sheet } from './Sheet';

package/dist/components/sheet/SheetClose/SheetClose.d.ts

@@ -0,0 +1,6 @@
+import { SheetCloseProps } from '../sheet.types';
+/**
+ * 关闭 Sheet。复用 Dialog 的 context,默认渲染一个 X 图标按钮;
+ * 传 children 时渲染为普通按钮(如 footer 里的 "Cancel")。
+ */
+export declare const SheetClose: (props: SheetCloseProps) => import('solid-js').JSX.Element;

package/dist/components/sheet/SheetClose/SheetClose.js

@@ -0,0 +1,39 @@
+import { useDialogContext as e } from "../../dialog/Dialog/Dialog.context.js";
+import { Button as t } from "../../button/Button.js";
+import { createComponent as n, memo as r, mergeProps as i } from "solid-js/web";
+import { Show as a, mergeProps as o } from "solid-js";
+import { X as s } from "lucide-solid";
+//#region src/components/sheet/SheetClose/SheetClose.tsx
+var c = (c) => {
+	let { setOpen: l } = e(), u = o({
+		variant: "ghost",
+		size: "sm"
+	}, c), d = () => {
+		l(!1), u.onClick?.();
+	};
+	return n(a, {
+		get when() {
+			return r(() => !u.icon)() && !u.children;
+		},
+		get fallback() {
+			return n(t, i(u, {
+				"data-slot": "sheet-close",
+				onClick: d
+			}));
+		},
+		get children() {
+			return n(t, i(u, {
+				"data-slot": "sheet-close",
+				get icon() {
+					return n(s, {});
+				},
+				"aria-label": "Close",
+				onClick: d
+			}));
+		}
+	});
+};
+//#endregion
+export { c as SheetClose };
+
+//# sourceMappingURL=SheetClose.js.map

package/dist/components/sheet/SheetClose/SheetClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetClose.js","names":["Show","mergeProps","X","Button","useDialogContext","SheetCloseProps","SheetClose","props","setOpen","merged","variant","size","const","handleClick","onClick","_$createComponent","when","_$memo","icon","children","fallback","_$mergeProps","mergeProps","_$createComponent","_$memo","_$mergeProps","mergeProps$1","SheetClose","useDialogContext","merged","props","handleClick","setOpen","createComponent","Show","memo","Button","mergeProps","X"],"sources":["../../../../src/components/sheet/SheetClose/SheetClose.tsx"],"sourcesContent":["import { Show, mergeProps } from \"solid-js\";\nimport { X } from \"lucide-solid\";\nimport { Button } from \"~/components/button\";\nimport { useDialogContext } from \"~/components/dialog\";\nimport type { SheetCloseProps } from \"../sheet.types\";\n\n/**\n * 关闭 Sheet。复用 Dialog 的 context,默认渲染一个 X 图标按钮;\n * 传 children 时渲染为普通按钮(如 footer 里的 \"Cancel\")。\n */\nexport const SheetClose = (props: SheetCloseProps) => {\n  const { setOpen } = useDialogContext();\n\n  const merged = mergeProps({ variant: \"ghost\", size: \"sm\" } as const, props);\n\n  const handleClick = () => {\n    setOpen(false);\n    merged.onClick?.();\n  };\n\n  return (\n    <Show\n      when={!merged.icon && !merged.children}\n      fallback={\n        <Button {...merged} data-slot=\"sheet-close\" onClick={handleClick} />\n      }\n    >\n      <Button\n        {...merged}\n        data-slot=\"sheet-close\"\n        icon={<X />}\n        aria-label=\"Close\"\n        onClick={handleClick}\n      />\n    </Show>\n  );\n};\n"],"mappings":";;;;;;AAUA,IAAaM,KAAcC,MAA2B;CACpD,IAAM,EAAEC,eAAYJ,EAAiB,GAE/BK,IAASR,EAAW;EAAES,SAAS;EAASC,MAAM;CAAK,GAAYJ,CAAK,GAEpEM,UAAoB;EAExBJ,AADAD,EAAQ,EAAK,GACbC,EAAOK,UAAU;CACnB;CAEA,OAAAC,EACGf,GAAI;EAAA,IACHgB,OAAI;GAAA,OAAEC,QAAA,CAACR,EAAOS,IAAI,CAAA,CAAA,KAAI,CAACT,EAAOU;EAAQ;EAAA,IACtCC,WAAQ;GAAA,OAAAL,EACLZ,GAAMkB,EAAKZ,GAAM;IAAA,aAAA;IAA0BK,SAASD;GAAW,CAAA,CAAA;EAAA;EAAA,IAAAM,WAAA;GAAA,OAAAJ,EAGjEZ,GAAMkB,EACDZ,GAAM;IAAA,aAAA;IAAA,IAEVS,OAAI;KAAA,OAAAH,EAAGb,GAAC,CAAA,CAAA;IAAA;IAAA,cAAA;IAERY,SAASD;GAAW,CAAA,CAAA;EAAA;CAAA,CAAA;AAI5B"}

package/dist/components/sheet/SheetClose/index.d.ts

@@ -0,0 +1 @@
+export { SheetClose } from './SheetClose';

package/dist/components/sheet/SheetContent/SheetContent.d.ts

@@ -0,0 +1,6 @@
+import { SheetContentProps } from '../sheet.types';
+/**
+ * Sheet 面板:复用 DialogSurface(Portal/Overlay/滚动锁定/挂载动画/ARIA),
+ * 通过 `data-side` + 方向类实现贴边与滑入滑出。
+ */
+export declare const SheetContent: (props: SheetContentProps) => import('solid-js').JSX.Element;