@greypan/web-ui 11.2.0 → 12.0.0

package/dist/shared/gesture/pinch-gesture.js

@@ -1,84 +1,135 @@
-function e(e, t) {
-	let { onStart: n, onMove: r, onEnd: i, onCancel: a } = t, o = /* @__PURE__ */ new Map(), s = 0, c = 0, l = 0, u = !1;
-	function d() {
-		window.addEventListener("pointermove", _, !0), window.addEventListener("pointerup", v, !0), window.addEventListener("pointercancel", v, !0);
+// src/shared/gesture/pinch-gesture.ts
+/**
+* 跨平台/跨浏览器 Pointer 双指捏合手势生命周期管理器
+*
+* 封装：
+* 1. 活动指针表与「第二指就位即进入手势」的判定（首指仍留给并行的单指手势）
+* 2. window 兜底监听（防指针离开元素或移出视口导致手势悬挂）
+* 3. 两指距离比例与中点位移计算
+* 4. 起始距离过近时的基准重置（两指贴着落下不会产生比例跳变）
+*
+* 本模块只产出几何信息；比例与中点如何映射为缩放和平移由消费方决定。
+*/
+/** 基准距离下限（px）：低于此值不产出比例，等两指拉开后以新基准重新开始。 */
+const MIN_BASE_DISTANCE = 16;
+/**
+* 为元素挂载双指捏合手势。第二指在该元素上按下即进入手势，
+* 首指的按下事件不受影响，可由单指手势管理器并行接管。
+*/
+function attachPinchGesture(target, options) {
+	const { onStart, onMove, onEnd, onCancel } = options;
+	const pointers = /* @__PURE__ */ new Map();
+	let baseDistance = 0;
+	let baseCenterX = 0;
+	let baseCenterY = 0;
+	let pinching = false;
+	function attachWindowListeners() {
+		window.addEventListener("pointermove", handlePointerMove, true);
+		window.addEventListener("pointerup", handlePointerEnd, true);
+		window.addEventListener("pointercancel", handlePointerEnd, true);
 	}
-	function f() {
-		window.removeEventListener("pointermove", _, !0), window.removeEventListener("pointerup", v, !0), window.removeEventListener("pointercancel", v, !0);
+	function detachWindowListeners() {
+		window.removeEventListener("pointermove", handlePointerMove, true);
+		window.removeEventListener("pointerup", handlePointerEnd, true);
+		window.removeEventListener("pointercancel", handlePointerEnd, true);
 	}
-	function p() {
-		o.clear(), s = 0, c = 0, l = 0, u = !1, f();
+	function reset() {
+		pointers.clear();
+		baseDistance = 0;
+		baseCenterX = 0;
+		baseCenterY = 0;
+		pinching = false;
+		detachWindowListeners();
 	}
-	function m() {
-		if (o.size !== 2) return null;
-		let e = o.values(), t = e.next().value, n = e.next().value;
+	/** 恰好两个指针时返回捏合两端的中点与距离；其余数量不产出几何。 */
+	function geometry() {
+		if (pointers.size !== 2) return null;
+		const iterator = pointers.values();
+		const first = iterator.next().value;
+		const second = iterator.next().value;
 		return {
-			distance: Math.hypot(t.x - n.x, t.y - n.y),
-			centerX: (t.x + n.x) / 2,
-			centerY: (t.y + n.y) / 2
+			distance: Math.hypot(first.x - second.x, first.y - second.y),
+			centerX: (first.x + second.x) / 2,
+			centerY: (first.y + second.y) / 2
 		};
 	}
-	function h(e) {
-		let t = m();
-		if (!t) {
-			s = 0;
+	/** 以当前几何重建基准；距离达到下限才派发 onStart，否则留待拉开后重建。 */
+	function rebase(event) {
+		const current = geometry();
+		if (!current) {
+			baseDistance = 0;
 			return;
 		}
-		s = t.distance, c = t.centerX, l = t.centerY, s >= 16 && n?.(t, e);
+		baseDistance = current.distance;
+		baseCenterX = current.centerX;
+		baseCenterY = current.centerY;
+		if (baseDistance >= MIN_BASE_DISTANCE) onStart?.(current, event);
 	}
-	function g(e) {
-		if (o.set(e.pointerId, {
-			x: e.clientX,
-			y: e.clientY
-		}), d(), !(o.size < 2)) {
-			if (o.size > 2) {
-				s = 0;
-				return;
-			}
-			u = !0, h(e);
+	function handlePointerDown(event) {
+		pointers.set(event.pointerId, {
+			x: event.clientX,
+			y: event.clientY
+		});
+		attachWindowListeners();
+		if (pointers.size < 2) return;
+		if (pointers.size > 2) {
+			baseDistance = 0;
+			return;
 		}
+		pinching = true;
+		rebase(event);
 	}
-	function _(e) {
-		if (!o.has(e.pointerId) || (o.set(e.pointerId, {
-			x: e.clientX,
-			y: e.clientY
-		}), !u)) return;
-		if (s < 16) {
-			h(e);
+	function handlePointerMove(event) {
+		if (!pointers.has(event.pointerId)) return;
+		pointers.set(event.pointerId, {
+			x: event.clientX,
+			y: event.clientY
+		});
+		if (!pinching) return;
+		if (baseDistance < MIN_BASE_DISTANCE) {
+			rebase(event);
 			return;
 		}
-		let t = m();
-		t && r?.({
-			ratio: t.distance / s,
-			distance: t.distance,
-			centerX: t.centerX,
-			centerY: t.centerY,
-			deltaX: t.centerX - c,
-			deltaY: t.centerY - l
-		}, e);
+		const current = geometry();
+		if (!current) return;
+		onMove?.({
+			ratio: current.distance / baseDistance,
+			distance: current.distance,
+			centerX: current.centerX,
+			centerY: current.centerY,
+			deltaX: current.centerX - baseCenterX,
+			deltaY: current.centerY - baseCenterY
+		}, event);
 	}
-	function v(e) {
-		if (!o.delete(e.pointerId)) return;
-		if (o.size === 0 && f(), o.size >= 2) {
-			u && h(e);
+	function handlePointerEnd(event) {
+		if (!pointers.delete(event.pointerId)) return;
+		if (pointers.size === 0) detachWindowListeners();
+		if (pointers.size >= 2) {
+			if (pinching) rebase(event);
 			return;
 		}
-		let t = u;
-		u = !1, s = 0, t && (e.type === "pointercancel" ? a?.(e) : i?.(e));
+		const wasPinching = pinching;
+		pinching = false;
+		baseDistance = 0;
+		if (!wasPinching) return;
+		if (event.type === "pointercancel") onCancel?.(event);
+		else onEnd?.(event);
 	}
-	function y() {
-		let e = u;
-		p(), e && a?.();
+	function cancel() {
+		const wasPinching = pinching;
+		reset();
+		if (wasPinching) onCancel?.();
 	}
-	return e.addEventListener("pointerdown", g), {
-		isPinching: () => u,
-		cancel: y,
+	target.addEventListener("pointerdown", handlePointerDown);
+	return {
+		isPinching: () => pinching,
+		cancel,
 		destroy: () => {
-			e.removeEventListener("pointerdown", g), y();
+			target.removeEventListener("pointerdown", handlePointerDown);
+			cancel();
 		}
 	};
 }
-//#endregion
-export { e as attachPinchGesture };
+export { attachPinchGesture };
 
 //# sourceMappingURL=pinch-gesture.js.map

package/dist/shared/gesture/pinch-gesture.js.map

@@ -1 +1 @@
-{"version":3,"file":"pinch-gesture.js","names":[],"sources":["../../../src/shared/gesture/pinch-gesture.ts"],"sourcesContent":["/**\n * 跨平台/跨浏览器 Pointer 双指捏合手势生命周期管理器\n *\n * 封装：\n * 1. 活动指针表与「第二指就位即进入手势」的判定（首指仍留给并行的单指手势）\n * 2. window 兜底监听（防指针离开元素或移出视口导致手势悬挂）\n * 3. 两指距离比例与中点位移计算\n * 4. 起始距离过近时的基准重置（两指贴着落下不会产生比例跳变）\n *\n * 本模块只产出几何信息；比例与中点如何映射为缩放和平移由消费方决定。\n */\n\n/** 基准距离下限（px）：低于此值不产出比例，等两指拉开后以新基准重新开始。 */\nconst MIN_BASE_DISTANCE = 16\n\nexport interface PinchStartInfo {\n  /** 基准两指距离（px），恒 >= MIN_BASE_DISTANCE */\n  distance: number\n  /** 两指中点（client 坐标） */\n  centerX: number\n  centerY: number\n}\n\nexport interface PinchMoveInfo {\n  /** 当前距离与基准距离之比；> 1 为放大，< 1 为缩小 */\n  ratio: number\n  distance: number\n  centerX: number\n  centerY: number\n  /** 中点相对基准中点的位移（px） */\n  deltaX: number\n  deltaY: number\n}\n\nexport interface PinchGestureOptions {\n  /** 两指就位且距离达到基准时触发；指针增删导致端点变化时会以新基准再次触发 */\n  onStart?: (info: PinchStartInfo, event: PointerEvent) => void\n  onMove?: (info: PinchMoveInfo, event: PointerEvent) => void\n  /** 指针少于两个导致手势结束时触发 */\n  onEnd?: (event: PointerEvent) => void\n  /** 手势被 pointercancel 或 destroy 打断时触发 */\n  onCancel?: (event?: PointerEvent) => void\n}\n\nexport interface PinchGestureHandle {\n  isPinching: () => boolean\n  /** 主动清空指针表并结束手势（打断时触发 onCancel） */\n  cancel: () => void\n  /** 移除监听并结束手势 */\n  destroy: () => void\n}\n\ninterface TrackedPointer {\n  x: number\n  y: number\n}\n\n/**\n * 为元素挂载双指捏合手势。第二指在该元素上按下即进入手势，\n * 首指的按下事件不受影响，可由单指手势管理器并行接管。\n */\nexport function attachPinchGesture(target: HTMLElement, options: PinchGestureOptions): PinchGestureHandle {\n  const { onStart, onMove, onEnd, onCancel } = options\n\n  const pointers = new Map<number, TrackedPointer>()\n  let baseDistance = 0\n  let baseCenterX = 0\n  let baseCenterY = 0\n  let pinching = false\n\n  function attachWindowListeners() {\n    window.addEventListener('pointermove', handlePointerMove, true)\n    window.addEventListener('pointerup', handlePointerEnd, true)\n    window.addEventListener('pointercancel', handlePointerEnd, true)\n  }\n\n  function detachWindowListeners() {\n    window.removeEventListener('pointermove', handlePointerMove, true)\n    window.removeEventListener('pointerup', handlePointerEnd, true)\n    window.removeEventListener('pointercancel', handlePointerEnd, true)\n  }\n\n  function reset() {\n    pointers.clear()\n    baseDistance = 0\n    baseCenterX = 0\n    baseCenterY = 0\n    pinching = false\n    detachWindowListeners()\n  }\n\n  /** 恰好两个指针时返回捏合两端的中点与距离；其余数量不产出几何。 */\n  function geometry(): { distance: number; centerX: number; centerY: number } | null {\n    if (pointers.size !== 2) return null\n    const iterator = pointers.values()\n    const first = iterator.next().value as TrackedPointer\n    const second = iterator.next().value as TrackedPointer\n    return {\n      distance: Math.hypot(first.x - second.x, first.y - second.y),\n      centerX: (first.x + second.x) / 2,\n      centerY: (first.y + second.y) / 2\n    }\n  }\n\n  /** 以当前几何重建基准；距离达到下限才派发 onStart，否则留待拉开后重建。 */\n  function rebase(event: PointerEvent) {\n    const current = geometry()\n    if (!current) {\n      baseDistance = 0\n      return\n    }\n    baseDistance = current.distance\n    baseCenterX = current.centerX\n    baseCenterY = current.centerY\n    if (baseDistance >= MIN_BASE_DISTANCE) onStart?.(current, event)\n  }\n\n  function handlePointerDown(event: PointerEvent) {\n    pointers.set(event.pointerId, { x: event.clientX, y: event.clientY })\n    attachWindowListeners()\n\n    if (pointers.size < 2) return\n    if (pointers.size > 2) {\n      baseDistance = 0\n      return\n    }\n\n    pinching = true\n    rebase(event)\n  }\n\n  function handlePointerMove(event: PointerEvent) {\n    if (!pointers.has(event.pointerId)) return\n    pointers.set(event.pointerId, { x: event.clientX, y: event.clientY })\n    if (!pinching) return\n\n    if (baseDistance < MIN_BASE_DISTANCE) {\n      rebase(event)\n      return\n    }\n\n    const current = geometry()\n    if (!current) return\n\n    onMove?.(\n      {\n        ratio: current.distance / baseDistance,\n        distance: current.distance,\n        centerX: current.centerX,\n        centerY: current.centerY,\n        deltaX: current.centerX - baseCenterX,\n        deltaY: current.centerY - baseCenterY\n      },\n      event\n    )\n  }\n\n  function handlePointerEnd(event: PointerEvent) {\n    if (!pointers.delete(event.pointerId)) return\n    if (pointers.size === 0) detachWindowListeners()\n\n    if (pointers.size >= 2) {\n      // 指针增删换了端点，旧基准会让比例跳变；二指仍在则重建。\n      if (pinching) rebase(event)\n      return\n    }\n\n    const wasPinching = pinching\n    pinching = false\n    baseDistance = 0\n    if (!wasPinching) return\n\n    if (event.type === 'pointercancel') onCancel?.(event)\n    else onEnd?.(event)\n  }\n\n  function cancel() {\n    const wasPinching = pinching\n    reset()\n    if (wasPinching) onCancel?.()\n  }\n\n  target.addEventListener('pointerdown', handlePointerDown)\n\n  return {\n    isPinching: () => pinching,\n    cancel,\n    destroy: () => {\n      target.removeEventListener('pointerdown', handlePointerDown)\n      cancel()\n    }\n  }\n}\n"],"mappings":"AA6DA,SAAgB,EAAmB,GAAqB,GAAkD;CACxG,IAAM,EAAE,YAAS,WAAQ,UAAO,gBAAa,GAEvC,oBAAW,IAAI,IAA4B,GAC7C,IAAe,GACf,IAAc,GACd,IAAc,GACd,IAAW;CAEf,SAAS,IAAwB;EAG/B,AAFA,OAAO,iBAAiB,eAAe,GAAmB,EAAI,GAC9D,OAAO,iBAAiB,aAAa,GAAkB,EAAI,GAC3D,OAAO,iBAAiB,iBAAiB,GAAkB,EAAI;CACjE;CAEA,SAAS,IAAwB;EAG/B,AAFA,OAAO,oBAAoB,eAAe,GAAmB,EAAI,GACjE,OAAO,oBAAoB,aAAa,GAAkB,EAAI,GAC9D,OAAO,oBAAoB,iBAAiB,GAAkB,EAAI;CACpE;CAEA,SAAS,IAAQ;EAMf,AALA,EAAS,MAAM,GACf,IAAe,GACf,IAAc,GACd,IAAc,GACd,IAAW,IACX,EAAsB;CACxB;CAGA,SAAS,IAA0E;EACjF,IAAI,EAAS,SAAS,GAAG,OAAO;EAChC,IAAM,IAAW,EAAS,OAAO,GAC3B,IAAQ,EAAS,KAAK,CAAC,CAAC,OACxB,IAAS,EAAS,KAAK,CAAC,CAAC;EAC/B,OAAO;GACL,UAAU,KAAK,MAAM,EAAM,IAAI,EAAO,GAAG,EAAM,IAAI,EAAO,CAAC;GAC3D,UAAU,EAAM,IAAI,EAAO,KAAK;GAChC,UAAU,EAAM,IAAI,EAAO,KAAK;EAClC;CACF;CAGA,SAAS,EAAO,GAAqB;EACnC,IAAM,IAAU,EAAS;EACzB,IAAI,CAAC,GAAS;GACZ,IAAe;GACf;EACF;EAIA,AAHA,IAAe,EAAQ,UACvB,IAAc,EAAQ,SACtB,IAAc,EAAQ,SAClB,KAAgB,MAAmB,IAAU,GAAS,CAAK;CACjE;CAEA,SAAS,EAAkB,GAAqB;EAC9C,MAAS,IAAI,EAAM,WAAW;GAAE,GAAG,EAAM;GAAS,GAAG,EAAM;EAAQ,CAAC,GACpE,EAAsB,GAElB,IAAS,OAAO,IACpB;OAAI,EAAS,OAAO,GAAG;IACrB,IAAe;IACf;GACF;GAGA,AADA,IAAW,IACX,EAAO,CAAK;EAHZ;CAIF;CAEA,SAAS,EAAkB,GAAqB;EAG9C,IAFI,CAAC,EAAS,IAAI,EAAM,SAAS,MACjC,EAAS,IAAI,EAAM,WAAW;GAAE,GAAG,EAAM;GAAS,GAAG,EAAM;EAAQ,CAAC,GAChE,CAAC,IAAU;EAEf,IAAI,IAAe,IAAmB;GACpC,EAAO,CAAK;GACZ;EACF;EAEA,IAAM,IAAU,EAAS;EACpB,KAEL,IACE;GACE,OAAO,EAAQ,WAAW;GAC1B,UAAU,EAAQ;GAClB,SAAS,EAAQ;GACjB,SAAS,EAAQ;GACjB,QAAQ,EAAQ,UAAU;GAC1B,QAAQ,EAAQ,UAAU;EAC5B,GACA,CACF;CACF;CAEA,SAAS,EAAiB,GAAqB;EAC7C,IAAI,CAAC,EAAS,OAAO,EAAM,SAAS,GAAG;EAGvC,IAFI,EAAS,SAAS,KAAG,EAAsB,GAE3C,EAAS,QAAQ,GAAG;GAEtB,AAAI,KAAU,EAAO,CAAK;GAC1B;EACF;EAEA,IAAM,IAAc;EACpB,IAAW,IACX,IAAe,GACV,MAED,EAAM,SAAS,kBAAiB,IAAW,CAAK,IAC/C,IAAQ,CAAK;CACpB;CAEA,SAAS,IAAS;EAChB,IAAM,IAAc;EAEpB,AADA,EAAM,GACF,KAAa,IAAW;CAC9B;CAIA,OAFA,EAAO,iBAAiB,eAAe,CAAiB,GAEjD;EACL,kBAAkB;EAClB;EACA,eAAe;GAEb,AADA,EAAO,oBAAoB,eAAe,CAAiB,GAC3D,EAAO;EACT;CACF;AACF"}
+{"version":3,"file":"pinch-gesture.js","names":[],"sources":["../../../src/shared/gesture/pinch-gesture.ts"],"sourcesContent":["/**\n * 跨平台/跨浏览器 Pointer 双指捏合手势生命周期管理器\n *\n * 封装：\n * 1. 活动指针表与「第二指就位即进入手势」的判定（首指仍留给并行的单指手势）\n * 2. window 兜底监听（防指针离开元素或移出视口导致手势悬挂）\n * 3. 两指距离比例与中点位移计算\n * 4. 起始距离过近时的基准重置（两指贴着落下不会产生比例跳变）\n *\n * 本模块只产出几何信息；比例与中点如何映射为缩放和平移由消费方决定。\n */\n\n/** 基准距离下限（px）：低于此值不产出比例，等两指拉开后以新基准重新开始。 */\nconst MIN_BASE_DISTANCE = 16\n\nexport interface PinchStartInfo {\n  /** 基准两指距离（px），恒 >= MIN_BASE_DISTANCE */\n  distance: number\n  /** 两指中点（client 坐标） */\n  centerX: number\n  centerY: number\n}\n\nexport interface PinchMoveInfo {\n  /** 当前距离与基准距离之比；> 1 为放大，< 1 为缩小 */\n  ratio: number\n  distance: number\n  centerX: number\n  centerY: number\n  /** 中点相对基准中点的位移（px） */\n  deltaX: number\n  deltaY: number\n}\n\nexport interface PinchGestureOptions {\n  /** 两指就位且距离达到基准时触发；指针增删导致端点变化时会以新基准再次触发 */\n  onStart?: (info: PinchStartInfo, event: PointerEvent) => void\n  onMove?: (info: PinchMoveInfo, event: PointerEvent) => void\n  /** 指针少于两个导致手势结束时触发 */\n  onEnd?: (event: PointerEvent) => void\n  /** 手势被 pointercancel 或 destroy 打断时触发 */\n  onCancel?: (event?: PointerEvent) => void\n}\n\nexport interface PinchGestureHandle {\n  isPinching: () => boolean\n  /** 主动清空指针表并结束手势（打断时触发 onCancel） */\n  cancel: () => void\n  /** 移除监听并结束手势 */\n  destroy: () => void\n}\n\ninterface TrackedPointer {\n  x: number\n  y: number\n}\n\n/**\n * 为元素挂载双指捏合手势。第二指在该元素上按下即进入手势，\n * 首指的按下事件不受影响，可由单指手势管理器并行接管。\n */\nexport function attachPinchGesture(target: HTMLElement, options: PinchGestureOptions): PinchGestureHandle {\n  const { onStart, onMove, onEnd, onCancel } = options\n\n  const pointers = new Map<number, TrackedPointer>()\n  let baseDistance = 0\n  let baseCenterX = 0\n  let baseCenterY = 0\n  let pinching = false\n\n  function attachWindowListeners() {\n    window.addEventListener('pointermove', handlePointerMove, true)\n    window.addEventListener('pointerup', handlePointerEnd, true)\n    window.addEventListener('pointercancel', handlePointerEnd, true)\n  }\n\n  function detachWindowListeners() {\n    window.removeEventListener('pointermove', handlePointerMove, true)\n    window.removeEventListener('pointerup', handlePointerEnd, true)\n    window.removeEventListener('pointercancel', handlePointerEnd, true)\n  }\n\n  function reset() {\n    pointers.clear()\n    baseDistance = 0\n    baseCenterX = 0\n    baseCenterY = 0\n    pinching = false\n    detachWindowListeners()\n  }\n\n  /** 恰好两个指针时返回捏合两端的中点与距离；其余数量不产出几何。 */\n  function geometry(): { distance: number; centerX: number; centerY: number } | null {\n    if (pointers.size !== 2) return null\n    const iterator = pointers.values()\n    const first = iterator.next().value as TrackedPointer\n    const second = iterator.next().value as TrackedPointer\n    return {\n      distance: Math.hypot(first.x - second.x, first.y - second.y),\n      centerX: (first.x + second.x) / 2,\n      centerY: (first.y + second.y) / 2\n    }\n  }\n\n  /** 以当前几何重建基准；距离达到下限才派发 onStart，否则留待拉开后重建。 */\n  function rebase(event: PointerEvent) {\n    const current = geometry()\n    if (!current) {\n      baseDistance = 0\n      return\n    }\n    baseDistance = current.distance\n    baseCenterX = current.centerX\n    baseCenterY = current.centerY\n    if (baseDistance >= MIN_BASE_DISTANCE) onStart?.(current, event)\n  }\n\n  function handlePointerDown(event: PointerEvent) {\n    pointers.set(event.pointerId, { x: event.clientX, y: event.clientY })\n    attachWindowListeners()\n\n    if (pointers.size < 2) return\n    if (pointers.size > 2) {\n      baseDistance = 0\n      return\n    }\n\n    pinching = true\n    rebase(event)\n  }\n\n  function handlePointerMove(event: PointerEvent) {\n    if (!pointers.has(event.pointerId)) return\n    pointers.set(event.pointerId, { x: event.clientX, y: event.clientY })\n    if (!pinching) return\n\n    if (baseDistance < MIN_BASE_DISTANCE) {\n      rebase(event)\n      return\n    }\n\n    const current = geometry()\n    if (!current) return\n\n    onMove?.(\n      {\n        ratio: current.distance / baseDistance,\n        distance: current.distance,\n        centerX: current.centerX,\n        centerY: current.centerY,\n        deltaX: current.centerX - baseCenterX,\n        deltaY: current.centerY - baseCenterY\n      },\n      event\n    )\n  }\n\n  function handlePointerEnd(event: PointerEvent) {\n    if (!pointers.delete(event.pointerId)) return\n    if (pointers.size === 0) detachWindowListeners()\n\n    if (pointers.size >= 2) {\n      // 指针增删换了端点，旧基准会让比例跳变；二指仍在则重建。\n      if (pinching) rebase(event)\n      return\n    }\n\n    const wasPinching = pinching\n    pinching = false\n    baseDistance = 0\n    if (!wasPinching) return\n\n    if (event.type === 'pointercancel') onCancel?.(event)\n    else onEnd?.(event)\n  }\n\n  function cancel() {\n    const wasPinching = pinching\n    reset()\n    if (wasPinching) onCancel?.()\n  }\n\n  target.addEventListener('pointerdown', handlePointerDown)\n\n  return {\n    isPinching: () => pinching,\n    cancel,\n    destroy: () => {\n      target.removeEventListener('pointerdown', handlePointerDown)\n      cancel()\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/shared/group-management/index.js

@@ -1,140 +1,237 @@
-import { definePlugin as e } from "@greypan/js-kit";
-import { ContextConsumer as t, ContextProvider as n, createContext as r } from "@lit/context";
-//#region src/shared/group-management/index.ts
-var i = r(Symbol("web-ui.selection-group-context")), a = r(Symbol("web-ui.button-group-context")), o = i, s = a, c = o, l = s, u = "wui-group-member-disabled-change";
-function d(n, r) {
-	return e(() => {
-		let e, i = r.equals ?? Object.is, a = new t(n, {
-			context: r.context,
-			subscribe: !0,
-			callback: (t) => {
-				let a = t?.get(n);
-				i(e, a) || (e = a, r.requestUpdate());
+import { definePlugin } from "@greypan/js-kit";
+import { ContextConsumer, ContextProvider, createContext } from "@lit/context";
+// src/shared/group-management/index.ts
+const SELECTION_GROUP_CONTEXT = createContext(Symbol("web-ui.selection-group-context"));
+const BUTTON_GROUP_CONTEXT = createContext(Symbol("web-ui.button-group-context"));
+const SELECTION_GROUP_CONTEXT_LOOSE = SELECTION_GROUP_CONTEXT;
+const BUTTON_GROUP_CONTEXT_LOOSE = BUTTON_GROUP_CONTEXT;
+const selectionGroupContextKey = SELECTION_GROUP_CONTEXT_LOOSE;
+const buttonGroupContextKey = BUTTON_GROUP_CONTEXT_LOOSE;
+const GROUP_MEMBER_DISABLED_CHANGE_EVENT = "wui-group-member-disabled-change";
+/**
+* 创建受管理 group 的子项侧能力：订阅最近 provider 的 context 载荷并提取
+* 自身条目。在 `make()` 时完成注册，组件无需再编写 constructor 样板。
+*/
+function defineGroupManaged(item, options) {
+	return definePlugin(() => {
+		let context;
+		const equals = options.equals ?? Object.is;
+		const consumer = new ContextConsumer(item, {
+			context: options.context,
+			subscribe: true,
+			callback: (payload) => {
+				const next = payload?.get(item);
+				if (equals(context, next)) return;
+				context = next;
+				options.requestUpdate();
 			}
 		});
-		return n.addController({ hostDisconnected() {
-			i(e, void 0) || (e = void 0, r.requestUpdate());
-		} }), {
+		item.addController({ hostDisconnected() {
+			if (equals(context, void 0)) return;
+			context = void 0;
+			options.requestUpdate();
+		} });
+		return {
 			getContext() {
-				return e;
+				return context;
 			},
 			isSubscribed() {
-				return a.value !== void 0;
+				return consumer.value !== void 0;
 			}
 		};
 	});
 }
-function f(t) {
-	return e(() => {
-		let e = new n(t.host, {
-			context: t.context,
+/**
+* 为分组子项注册可逆的展示上下文（@lit/context 下行通道）。不持有公开 DOM
+* 属性；sync() 以新 Map 载荷整体广播，成员变化体现为子项条目消失。
+*/
+function defineGroupPresentation(options) {
+	return definePlugin(() => {
+		const provider = new ContextProvider(options.host, {
+			context: options.context,
 			initialValue: /* @__PURE__ */ new Map()
 		});
 		return {
 			sync() {
-				let n = t.getItems(), r = /* @__PURE__ */ new Map();
-				return n.forEach((e, i) => r.set(e, t.getContext(e, i, n))), e.setValue(r), !0;
+				const nextItems = options.getItems();
+				const payload = /* @__PURE__ */ new Map();
+				nextItems.forEach((item, index) => payload.set(item, options.getContext(item, index, nextItems)));
+				provider.setValue(payload);
+				return true;
 			},
 			disconnect() {
-				e.setValue(/* @__PURE__ */ new Map());
+				provider.setValue(/* @__PURE__ */ new Map());
 			}
 		};
 	});
 }
-var p = class {
-	constructor(e, t, n = {}) {
-		this.host = e, this.lifecycle = t, this.options = n, this.connected = !1, this.observer = null, this.observedSlots = /* @__PURE__ */ new Set(), this.handleChange = (e) => {
-			this.lifecycle.handleChange?.(e);
-		}, this.handleKeyDown = (e) => {
-			this.lifecycle.handleKeyDown?.(e);
-		}, this.handleMemberDisabledChange = () => {
+/**
+* 把组生命周期插件接入 Lit，协调规则不落在组件生命周期方法里。
+*/
+var GroupController = class {
+	constructor(host, lifecycle, options = {}) {
+		this.host = host;
+		this.lifecycle = lifecycle;
+		this.options = options;
+		this.connected = false;
+		this.observer = null;
+		this.observedSlots = /* @__PURE__ */ new Set();
+		this.handleChange = (event) => {
+			this.lifecycle.handleChange?.(event);
+		};
+		this.handleKeyDown = (event) => {
+			this.lifecycle.handleKeyDown?.(event);
+		};
+		this.handleMemberDisabledChange = () => {
+			this.sync();
+		};
+		this.handleSlotChange = () => {
+			if (!this.connected) return;
+			this.sync();
+		};
+		this.handleMutations = () => {
+			if (!this.connected) return;
 			this.sync();
-		}, this.handleSlotChange = () => {
-			this.connected && this.sync();
-		}, this.handleMutations = () => {
-			this.connected && this.sync();
-		}, e.addController(this);
+		};
+		host.addController(this);
 	}
 	hostConnected() {
-		this.connected = !0, this.host.addEventListener("change", this.handleChange, !0), this.host.addEventListener("keydown", this.handleKeyDown, !0), this.host.addEventListener(u, this.handleMemberDisabledChange, !0), this.observeHost(), this.observeSlots(), this.sync();
+		this.connected = true;
+		this.host.addEventListener("change", this.handleChange, true);
+		this.host.addEventListener("keydown", this.handleKeyDown, true);
+		this.host.addEventListener(GROUP_MEMBER_DISABLED_CHANGE_EVENT, this.handleMemberDisabledChange, true);
+		this.observeHost();
+		this.observeSlots();
+		this.sync();
 	}
 	hostUpdated() {
-		this.observeSlots(), this.sync();
+		this.observeSlots();
+		this.sync();
 	}
 	hostDisconnected() {
-		this.connected = !1, this.host.removeEventListener("change", this.handleChange, !0), this.host.removeEventListener("keydown", this.handleKeyDown, !0), this.host.removeEventListener(u, this.handleMemberDisabledChange, !0), this.disconnectSlots(), this.disconnectHostObserver(), this.lifecycle.disconnect();
+		this.connected = false;
+		this.host.removeEventListener("change", this.handleChange, true);
+		this.host.removeEventListener("keydown", this.handleKeyDown, true);
+		this.host.removeEventListener(GROUP_MEMBER_DISABLED_CHANGE_EVENT, this.handleMemberDisabledChange, true);
+		this.disconnectSlots();
+		this.disconnectHostObserver();
+		this.lifecycle.disconnect();
 	}
 	sync() {
-		this.lifecycle.sync() && this.options.afterSync?.();
+		if (!this.lifecycle.sync()) return;
+		this.options.afterSync?.();
 	}
 	observeHost() {
-		this.disconnectHostObserver(), this.observer = new MutationObserver(this.handleMutations);
-		let e = {
-			childList: !0,
-			subtree: !0
+		this.disconnectHostObserver();
+		this.observer = new MutationObserver(this.handleMutations);
+		const observerOptions = {
+			childList: true,
+			subtree: true
 		};
-		this.options.observeAttributes?.length && (e.attributes = !0, e.attributeFilter = [...this.options.observeAttributes]), this.observer.observe(this.host, e);
+		if (this.options.observeAttributes?.length) {
+			observerOptions.attributes = true;
+			observerOptions.attributeFilter = [...this.options.observeAttributes];
+		}
+		this.observer.observe(this.host, observerOptions);
 	}
 	disconnectHostObserver() {
-		this.observer &&= (this.observer.disconnect(), null);
+		if (this.observer) {
+			this.observer.disconnect();
+			this.observer = null;
+		}
 	}
 	observeSlots() {
-		let e = this.host.renderRoot, t = e.querySelectorAll("slot");
-		for (let e of t) this.observedSlots.has(e) || (e.addEventListener("slotchange", this.handleSlotChange), this.observedSlots.add(e));
-		for (let t of this.observedSlots) e.contains(t) || (t.removeEventListener("slotchange", this.handleSlotChange), this.observedSlots.delete(t));
+		const root = this.host.renderRoot;
+		const slots = root.querySelectorAll("slot");
+		for (const slot of slots) if (!this.observedSlots.has(slot)) {
+			slot.addEventListener("slotchange", this.handleSlotChange);
+			this.observedSlots.add(slot);
+		}
+		for (const slot of this.observedSlots) if (!root.contains(slot)) {
+			slot.removeEventListener("slotchange", this.handleSlotChange);
+			this.observedSlots.delete(slot);
+		}
 	}
 	disconnectSlots() {
-		for (let e of this.observedSlots) e.removeEventListener("slotchange", this.handleSlotChange);
+		for (const slot of this.observedSlots) slot.removeEventListener("slotchange", this.handleSlotChange);
 		this.observedSlots.clear();
 	}
-}, m = {
-	disabled: !1,
-	rovingTabStop: !1
-}, h = {
-	disabled: !1,
-	rovingTabStop: !0
-}, g = {
-	disabled: !0,
-	rovingTabStop: !1
 };
-function _(e, t, n) {
-	let r = e ? g : t ? h : m;
-	return n === void 0 ? r : {
-		...r,
-		tabStop: n
+const ENABLED_SELECTION_CONTEXT = {
+	disabled: false,
+	rovingTabStop: false
+};
+const ENABLED_ROVING_SELECTION_CONTEXT = {
+	disabled: false,
+	rovingTabStop: true
+};
+const DISABLED_SELECTION_CONTEXT = {
+	disabled: true,
+	rovingTabStop: false
+};
+function getSelectionContext(disabled, rovingTabStop, tabStop) {
+	const context = disabled ? DISABLED_SELECTION_CONTEXT : rovingTabStop ? ENABLED_ROVING_SELECTION_CONTEXT : ENABLED_SELECTION_CONTEXT;
+	return tabStop === void 0 ? context : {
+		...context,
+		tabStop
 	};
 }
-function v(t) {
-	return e(() => {
-		let e = new n(t.host, {
-			context: o,
+/**
+* 在一个内部插件接口后收敛选中态、继承禁用与受管子项成员关系。
+* 禁用态经 @lit/context 下行广播；选中态上行写回保持直写。
+*/
+function defineGroupCoordinator(options) {
+	return definePlugin(() => {
+		const provider = new ContextProvider(options.host, {
+			context: SELECTION_GROUP_CONTEXT_LOOSE,
 			initialValue: /* @__PURE__ */ new Map()
-		}), r, i, a = /* @__PURE__ */ new Set(), s = !1, c = () => {
-			let n = t.getItems(), o = t.getValue(), c = t.getDisabled(), l = n.length !== a.size || [...n].some((e) => !a.has(e)), u = t.getItemSelected !== void 0 && n.some((e) => t.getItemSelected?.(e) !== t.isItemSelected(e, o)), d = !s || !t.valuesEqual(o, r) || c !== i || l || u;
-			if (d) for (let e of n) t.setItemSelected(e, t.isItemSelected(e, o));
-			return e.setValue(new Map(n.map((e, r) => [e, _(c, t.getRovingTabStop?.(e, r, n, o) === !0, t.isItemTabStop?.(e, n))]))), a = new Set(n), r = t.copyValue(o), i = c, s = !0, d;
+		});
+		let lastValue;
+		let lastDisabled;
+		let lastItems = /* @__PURE__ */ new Set();
+		let initialized = false;
+		const sync = () => {
+			const nextItems = options.getItems();
+			const value = options.getValue();
+			const disabled = options.getDisabled();
+			const membershipChanged = nextItems.length !== lastItems.size || [...nextItems].some((item) => !lastItems.has(item));
+			const itemSelectionChanged = options.getItemSelected !== void 0 && nextItems.some((item) => options.getItemSelected?.(item) !== options.isItemSelected(item, value));
+			const selectionChanged = !initialized || !options.valuesEqual(value, lastValue) || disabled !== lastDisabled || membershipChanged || itemSelectionChanged;
+			if (selectionChanged) for (const item of nextItems) options.setItemSelected(item, options.isItemSelected(item, value));
+			provider.setValue(new Map(nextItems.map((item, index) => [item, getSelectionContext(disabled, options.getRovingTabStop?.(item, index, nextItems, value) === true, options.isItemTabStop?.(item, nextItems))])));
+			lastItems = new Set(nextItems);
+			lastValue = options.copyValue(value);
+			lastDisabled = disabled;
+			initialized = true;
+			return selectionChanged;
 		};
 		return {
-			sync: c,
+			sync,
 			disconnect() {
-				e.setValue(/* @__PURE__ */ new Map()), a.clear(), r = void 0, i = void 0, s = !1;
+				provider.setValue(/* @__PURE__ */ new Map());
+				lastItems.clear();
+				lastValue = void 0;
+				lastDisabled = void 0;
+				initialized = false;
 			},
-			handleChange(e) {
-				if (t.getDisabled() || !t.isItem(e.target) || !t.host.contains(e.target)) return;
-				let n = t.getValue(), r = t.getNextValue(e.target, n);
-				if (t.valuesEqual(n, r)) {
-					t.resyncOnUnchangedValue?.(e.target), t.resyncOnUnchangedValue && c();
+			handleChange(event) {
+				if (options.getDisabled() || !options.isItem(event.target) || !options.host.contains(event.target)) return;
+				const current = options.getValue();
+				const next = options.getNextValue(event.target, current);
+				if (options.valuesEqual(current, next)) {
+					options.resyncOnUnchangedValue?.(event.target);
+					if (options.resyncOnUnchangedValue) sync();
 					return;
 				}
-				t.setValue(r), t.dispatchValueChange();
+				options.setValue(next);
+				options.dispatchValueChange();
 			},
-			handleKeyDown(e) {
-				t.handleKeyDown?.(e);
+			handleKeyDown(event) {
+				options.handleKeyDown?.(event);
 			}
 		};
 	});
 }
-//#endregion
-export { u as GROUP_MEMBER_DISABLED_CHANGE_EVENT, p as GroupController, l as buttonGroupContextKey, v as defineGroupCoordinator, d as defineGroupManaged, f as defineGroupPresentation, c as selectionGroupContextKey };
+export { GROUP_MEMBER_DISABLED_CHANGE_EVENT, GroupController, buttonGroupContextKey, defineGroupCoordinator, defineGroupManaged, defineGroupPresentation, selectionGroupContextKey };
 
 //# sourceMappingURL=index.js.map