@neut/ui 0.0.16 → 0.0.18

package/dist/components/combobox/ComboboxInput/ComboboxInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxInput.js","names":["Show","createEffect","mergeProps","onCleanup","JSX","InputGroup","InputGroupAddon","InputGroupInput","clsx","useComboboxContext","ComboboxClear","ComboboxInput","props","placeholder","disabled","showClear","class","children","Element","ctx","local","mountedWithExternalReference","reference","undefined","inputEl","HTMLInputElement","open","focus","hasValue","current","value","Array","isArray","length","onKeyDown","e","KeyboardEvent","list","filteredItems","key","preventDefault","setOpen","setActiveIndex","activeIndex","item","selectItem","close","_$createComponent","ref","el","setReference","aria-invalid","inputValue","onInput","next","String","setInputValue","setFilterValue","multiple","trim","setValue","onFocus","onClick","align","when","_$memo","mergeProps","_$createComponent","_$memo","mergeProps$1","ComboboxInput","ctx","useComboboxContext","local","props","disabled","mountedWithExternalReference","inputEl","hasValue","current","onKeyDown","list","item","createComponent","InputGroup","el","onCleanup","\"class\"","clsx","InputGroupInput","next","value","InputGroupAddon","Show","memo","ComboboxClear"],"sources":["../../../../src/components/combobox/ComboboxInput/ComboboxInput.tsx"],"sourcesContent":["import { Show, createEffect, mergeProps, onCleanup, type JSX } from \"solid-js\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupInput,\n} from \"~/components/input-group\";\nimport { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\nimport { ComboboxClear } from \"../ComboboxClear\";\n\nexport function ComboboxInput(props: {\n  placeholder?: string;\n  disabled?: boolean;\n  showClear?: boolean;\n  class?: string;\n  \"aria-invalid\"?: string | boolean;\n  children?: JSX.Element;\n}) {\n  const ctx = useComboboxContext(\"ComboboxInput\");\n  const local = mergeProps({ showClear: false }, props);\n  const disabled = () => ctx.disabled() || !!local.disabled;\n  // 当 ComboboxInput 作为 ComboboxContent 子组件时（Popup 模式），\n  // 此时 reference 已经由 ComboboxTrigger 设置。打开弹层后自动聚焦输入框。\n  const mountedWithExternalReference = ctx.reference() !== undefined;\n  let inputEl: HTMLInputElement | undefined;\n\n  createEffect(() => {\n    if (ctx.open() && mountedWithExternalReference && inputEl) {\n      inputEl.focus();\n    }\n  });\n\n  const hasValue = () => {\n    const current = ctx.value();\n    if (current == null) return false;\n    if (Array.isArray(current)) return current.length > 0;\n    return current !== \"\";\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (disabled()) return;\n    const list = ctx.filteredItems();\n    if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      ctx.setOpen(true);\n      ctx.setActiveIndex(\n        list.length === 0 ? -1 : (ctx.activeIndex() + 1) % list.length,\n      );\n    } else if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      ctx.setOpen(true);\n      ctx.setActiveIndex(\n        list.length === 0\n          ? -1\n          : (ctx.activeIndex() - 1 + list.length) % list.length,\n      );\n    } else if (e.key === \"Enter\" && ctx.open()) {\n      e.preventDefault();\n      const item = ctx.filteredItems()[ctx.activeIndex()];\n      if (item !== undefined) ctx.selectItem(item);\n    } else if (e.key === \"Escape\" && ctx.open()) {\n      e.preventDefault();\n      ctx.close();\n    }\n  };\n\n  return (\n    <InputGroup\n      ref={(el) => {\n        if (!ctx.reference()) ctx.setReference(el);\n        onCleanup(() => {\n          if (ctx.reference() === el) ctx.setReference(undefined);\n        });\n      }}\n      class={clsx(\"w-auto\", local.class)}\n    >\n      <InputGroupInput\n        ref={(el) => {\n          inputEl = el;\n        }}\n        placeholder={local.placeholder}\n        disabled={disabled()}\n        aria-invalid={local[\"aria-invalid\"] as any}\n        value={ctx.inputValue()}\n        onInput={(value) => {\n          const next = String(value);\n          ctx.setInputValue(next);\n          ctx.setFilterValue(next);\n          ctx.setOpen(true);\n          if (!ctx.multiple() && next.trim() === \"\") {\n            ctx.setValue(null);\n            ctx.setFilterValue(\"\");\n          }\n        }}\n        onFocus={() => ctx.setOpen(true)}\n        onClick={() => ctx.setOpen(true)}\n        onKeyDown={onKeyDown}\n      />\n      <InputGroupAddon align=\"inline-end\">\n        <Show when={local.showClear && hasValue() && !disabled()}>\n          <ComboboxClear />\n        </Show>\n      </InputGroupAddon>\n      {local.children}\n    </InputGroup>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ComboboxInput.js","names":["Show","createEffect","mergeProps","onCleanup","JSX","InputGroup","InputGroupAddon","InputGroupInput","clsx","useComboboxContext","ComboboxClear","ComboboxInput","props","placeholder","disabled","showClear","class","children","Element","ctx","local","mountedWithExternalReference","reference","undefined","inputEl","HTMLInputElement","open","focus","activeOptionId","value","filteredItems","activeIndex","optionId","hasValue","current","Array","isArray","length","onKeyDown","e","KeyboardEvent","list","key","preventDefault","setOpen","setActiveIndex","item","selectItem","close","_$createComponent","ref","el","setReference","role","aria-expanded","aria-controls","_$memo","listId","aria-activedescendant","aria-invalid","inputValue","onInput","next","String","setInputValue","setFilterValue","multiple","trim","setValue","onFocus","onClick","align","when","mergeProps","_$createComponent","_$memo","mergeProps$1","ComboboxInput","ctx","useComboboxContext","local","props","disabled","mountedWithExternalReference","inputEl","activeOptionId","value","hasValue","current","onKeyDown","list","item","createComponent","InputGroup","el","onCleanup","\"class\"","clsx","InputGroupInput","memo","next","InputGroupAddon","Show","ComboboxClear"],"sources":["../../../../src/components/combobox/ComboboxInput/ComboboxInput.tsx"],"sourcesContent":["import { Show, createEffect, mergeProps, onCleanup, type JSX } from \"solid-js\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupInput,\n} from \"~/components/input-group\";\nimport { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\nimport { ComboboxClear } from \"../ComboboxClear\";\n\nexport function ComboboxInput(props: {\n  placeholder?: string;\n  disabled?: boolean;\n  showClear?: boolean;\n  class?: string;\n  \"aria-invalid\"?: string | boolean;\n  children?: JSX.Element;\n}) {\n  const ctx = useComboboxContext(\"ComboboxInput\");\n  const local = mergeProps({ showClear: false }, props);\n  const disabled = () => ctx.disabled() || !!local.disabled;\n  // 当 ComboboxInput 作为 ComboboxContent 子组件时（Popup 模式），\n  // 此时 reference 已经由 ComboboxTrigger 设置。打开弹层后自动聚焦输入框。\n  const mountedWithExternalReference = ctx.reference() !== undefined;\n  let inputEl: HTMLInputElement | undefined;\n\n  createEffect(() => {\n    if (ctx.open() && mountedWithExternalReference && inputEl) {\n      inputEl.focus();\n    }\n  });\n\n  /** 当前高亮项对应的 option 元素 id（没有高亮时为 undefined） */\n  const activeOptionId = () => {\n    const value = ctx.filteredItems()[ctx.activeIndex()];\n    return value === undefined ? undefined : ctx.optionId(value);\n  };\n\n  const hasValue = () => {\n    const current = ctx.value();\n    if (current == null) return false;\n    if (Array.isArray(current)) return current.length > 0;\n    return current !== \"\";\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (disabled()) return;\n    const list = ctx.filteredItems();\n    if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      ctx.setOpen(true, \"input-change\", e);\n      ctx.setActiveIndex(\n        list.length === 0 ? -1 : (ctx.activeIndex() + 1) % list.length,\n      );\n    } else if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      ctx.setOpen(true, \"input-change\", e);\n      // 没有高亮时 ArrowUp 应落在**最后一项**：此前用\n      // `(activeIndex - 1 + len) % len`，activeIndex 为 -1 时得到 len-2，\n      // 三项时错误地停在第二项。\n      ctx.setActiveIndex(\n        list.length === 0\n          ? -1\n          : ctx.activeIndex() <= 0\n            ? list.length - 1\n            : ctx.activeIndex() - 1,\n      );\n    } else if (e.key === \"Home\") {\n      // Home / End 跳到第一项 / 最后一项\n      e.preventDefault();\n      ctx.setOpen(true, \"input-change\", e);\n      ctx.setActiveIndex(list.length === 0 ? -1 : 0);\n    } else if (e.key === \"End\") {\n      e.preventDefault();\n      ctx.setOpen(true, \"input-change\", e);\n      ctx.setActiveIndex(list.length === 0 ? -1 : list.length - 1);\n    } else if (e.key === \"Enter\" && ctx.open()) {\n      e.preventDefault();\n      const item = ctx.filteredItems()[ctx.activeIndex()];\n      if (item !== undefined) ctx.selectItem(item, e);\n    } else if (e.key === \"Escape\" && ctx.open()) {\n      e.preventDefault();\n      ctx.close(\"escape-key\", e);\n    }\n  };\n\n  return (\n    <InputGroup\n      ref={(el) => {\n        if (!ctx.reference()) ctx.setReference(el);\n        onCleanup(() => {\n          if (ctx.reference() === el) ctx.setReference(undefined);\n        });\n      }}\n      class={clsx(\"w-auto\", local.class)}\n    >\n      <InputGroupInput\n        ref={(el) => {\n          inputEl = el;\n        }}\n        // combobox 语义：输入框是 combobox 本体，浮层里的列表是它的 listbox\n        role=\"combobox\"\n        aria-expanded={ctx.open()}\n        aria-controls={ctx.open() ? ctx.listId : undefined}\n        aria-autocomplete=\"list\"\n        // 高亮项通过 aria-activedescendant 表达（焦点始终留在输入框上）\n        aria-activedescendant={activeOptionId()}\n        placeholder={local.placeholder}\n        disabled={disabled()}\n        aria-invalid={local[\"aria-invalid\"] as any}\n        value={ctx.inputValue()}\n        onInput={(value) => {\n          const next = String(value);\n          ctx.setInputValue(next);\n          ctx.setFilterValue(next);\n          ctx.setOpen(true, \"input-change\");\n          if (!ctx.multiple() && next.trim() === \"\") {\n            ctx.setValue(null);\n            ctx.setFilterValue(\"\");\n          }\n        }}\n        onFocus={() => ctx.setOpen(true, \"input-focus\")}\n        onClick={() => ctx.setOpen(true, \"trigger-press\")}\n        onKeyDown={onKeyDown}\n      />\n      <InputGroupAddon align=\"inline-end\">\n        <Show when={local.showClear && hasValue() && !disabled()}>\n          <ComboboxClear />\n        </Show>\n      </InputGroupAddon>\n      {local.children}\n    </InputGroup>\n  );\n}\n"],"mappings":"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"}

package/dist/components/combobox/ComboboxItem/ComboboxItem.js

@@ -9,8 +9,8 @@ function m(i) {
 	let c = t("ComboboxItem"), m = u(() => c.isSelected(i.value)), h = u(() => c.filteredItems()[c.activeIndex()] === i.value), [g, _] = d(!1);
 	return (() => {
 		var t = p();
-		return t.$$click = () => {
-			i.disabled || c.selectItem(i.value);
+		return t.$$click = (e) => {
+			i.disabled || c.selectItem(i.value, e);
 		}, t.addEventListener("mouseleave", () => _(!1)), t.addEventListener("mouseenter", () => {
 			_(!0);
 			let e = c.filteredItems().indexOf(i.value);
@@ -23,13 +23,14 @@ function m(i) {
 				return r(f, { class: "pointer-events-none absolute right-2 size-4" });
 			}
 		}), null), a((r) => {
-			var a = i.disabled ? -1 : 0, o = m(), c = h() || g() ? "" : void 0, l = e("relative flex w-full cursor-default items-center gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm outline-none select-none", "data-highlighted:bg-accent data-highlighted:text-accent-foreground", i.disabled && "pointer-events-none opacity-50", i.class);
-			return a !== r.e && s(t, "tabindex", r.e = a), o !== r.t && s(t, "aria-selected", r.t = o), c !== r.a && s(t, "data-highlighted", r.a = c), l !== r.o && n(t, r.o = l), r;
+			var a = c.optionId(i.value), o = i.disabled ? -1 : 0, l = m(), u = h() || g() ? "" : void 0, d = e("relative flex w-full cursor-default items-center gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm outline-none select-none", "data-highlighted:bg-accent data-highlighted:text-accent-foreground", i.disabled && "pointer-events-none opacity-50", i.class);
+			return a !== r.e && s(t, "id", r.e = a), o !== r.t && s(t, "tabindex", r.t = o), l !== r.a && s(t, "aria-selected", r.a = l), u !== r.o && s(t, "data-highlighted", r.o = u), d !== r.i && n(t, r.i = d), r;
 		}, {
 			e: void 0,
 			t: void 0,
 			a: void 0,
-			o: void 0
+			o: void 0,
+			i: void 0
 		}), t;
 	})();
 }

package/dist/components/combobox/ComboboxItem/ComboboxItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxItem.js","names":["Show","createMemo","createSignal","JSX","Check","clsx","useComboboxContext","ComboboxItem","props","value","children","Element","class","disabled","ctx","selected","isSelected","active","filteredItems","activeIndex","hovered","setHovered","_el$","_tmpl$","$$click","selectItem","addEventListener","index","indexOf","setActiveIndex","_$insert","_$createComponent","when","_$effect","_p$","_v$","_v$2","_v$3","undefined","_v$4","e","_$setAttribute","t","a","o","_$className","_$delegateEvents","_$createComponent","_$setAttribute","_$className","_$delegateEvents","_tmpl$","ComboboxItem","ctx","useComboboxContext","selected","createMemo","props","active","hovered","setHovered","createSignal","_el$","index","insert","createComponent","Show","Check","\"class\"","effect","_v$","_v$2","_v$3","_v$4","clsx","_p$","setAttribute","className","delegateEvents"],"sources":["../../../../src/components/combobox/ComboboxItem/ComboboxItem.tsx"],"sourcesContent":["import { Show, createMemo, createSignal, type JSX } from \"solid-js\";\nimport { Check } from \"lucide-solid\";\nimport { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\n\nexport function ComboboxItem(props: {\n  value: any;\n  children?: JSX.Element;\n  class?: string;\n  disabled?: boolean;\n}) {\n  const ctx = useComboboxContext(\"ComboboxItem\");\n  const selected = createMemo(() => ctx.isSelected(props.value));\n  const active = createMemo(\n    () => ctx.filteredItems()[ctx.activeIndex()] === props.value,\n  );\n  const [hovered, setHovered] = createSignal(false);\n\n  return (\n    <div\n      data-slot=\"combobox-item\"\n      role=\"option\"\n      tabIndex={props.disabled ? -1 : 0}\n      aria-selected={selected()}\n      data-highlighted={active() || hovered() ? \"\" : undefined}\n      class={clsx(\n        \"relative flex w-full cursor-default items-center gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm outline-none select-none\",\n        \"data-highlighted:bg-accent data-highlighted:text-accent-foreground\",\n        props.disabled && \"pointer-events-none opacity-50\",\n        props.class,\n      )}\n      onMouseEnter={() => {\n        setHovered(true);\n        const index = ctx.filteredItems().indexOf(props.value);\n        if (index !== -1) ctx.setActiveIndex(index);\n      }}\n      onMouseLeave={() => setHovered(false)}\n      onClick={() => {\n        if (!props.disabled) ctx.selectItem(props.value);\n      }}\n    >\n      {props.children}\n      <Show when={selected()}>\n        <Check class=\"pointer-events-none absolute right-2 size-4\" />\n      </Show>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAKA,SAAgBO,EAAaC,GAK1B;CACD,IAAMM,IAAMR,EAAmB,cAAc,GACvCS,IAAWd,QAAiBa,EAAIE,WAAWR,EAAMC,KAAK,CAAC,GACvDQ,IAAShB,QACPa,EAAII,cAAc,CAAC,CAACJ,EAAIK,YAAY,OAAOX,EAAMC,KACzD,GACM,CAACW,GAASC,KAAcnB,EAAa,EAAK;CAEhD,cAAA;EAAA,IAAAoB,IAAAC,EAAA;EAYK,OAZLD,EAAAE,gBAmBmB;GACb,AAAKhB,EAAMK,YAAUC,EAAIW,WAAWjB,EAAMC,KAAK;EACjD,GAACa,EAAAI,iBAAA,oBAHmBL,EAAW,EAAK,CAAC,GAAAC,EAAAI,iBAAA,oBALjB;GAClBL,EAAW,EAAI;GACf,IAAMM,IAAQb,EAAII,cAAc,CAAC,CAACU,QAAQpB,EAAMC,KAAK;GACrD,AAAIkB,MAAU,MAAIb,EAAIe,eAAeF,CAAK;EAC5C,CAAC,GAAAG,EAAAR,SAMAd,EAAME,UAAQ,IAAA,GAAAoB,EAAAR,GAAAS,EACd/B,GAAI;GAAA,IAACgC,OAAI;IAAA,OAAEjB,EAAS;GAAC;GAAA,IAAAL,WAAA;IAAA,OAAAqB,EACnB3B,GAAK,EAAAgE,OAAA,8CAAA,CAAA;GAAA;EAAA,CAAA,GAAA,IAAA,GAAAnC,GAAAC,MAAA;GAAA,IAAAC,IArBE3B,EAAMK,WAAW,KAAK,GAACuB,IAClBrB,EAAS,GAACsB,IACPpB,EAAO,KAAKG,EAAQ,IAAI,KAAKkB,KAAAA,GAASC,IACjDlC,EACL,uHACA,sEACAG,EAAMK,YAAY,kCAClBL,EAAMI,KACR;GAAC,OAAAuB,MAAAD,EAAAM,KAAAC,EAAAnB,GAAA,YAAAY,EAAAM,IAAAL,CAAA,GAAAC,MAAAF,EAAAQ,KAAAD,EAAAnB,GAAA,iBAAAY,EAAAQ,IAAAN,CAAA,GAAAC,MAAAH,EAAAS,KAAAF,EAAAnB,GAAA,oBAAAY,EAAAS,IAAAN,CAAA,GAAAE,MAAAL,EAAAU,KAAAC,EAAAvB,GAAAY,EAAAU,IAAAL,CAAA,GAAAL;EAAA,GAAA;GAAAM,GAAAF,KAAAA;GAAAI,GAAAJ,KAAAA;GAAAK,GAAAL,KAAAA;GAAAM,GAAAN,KAAAA;EAAA,CAAA,GAAAhB;CAAA,EAAA,CAAA;AAiBP;AAACwB,EAAA,CAAA,OAAA,CAAA"}
+{"version":3,"file":"ComboboxItem.js","names":["Show","createMemo","createSignal","JSX","Check","clsx","useComboboxContext","ComboboxItem","props","value","children","Element","class","disabled","ctx","selected","isSelected","active","filteredItems","activeIndex","hovered","setHovered","_el$","_tmpl$","$$click","event","selectItem","addEventListener","index","indexOf","setActiveIndex","_$insert","_$createComponent","when","_$effect","_p$","_v$","optionId","_v$2","_v$3","_v$4","undefined","_v$5","e","_$setAttribute","t","a","o","i","_$className","_$delegateEvents","_$createComponent","_$setAttribute","_$className","_$delegateEvents","_tmpl$","ComboboxItem","ctx","useComboboxContext","selected","createMemo","props","active","hovered","setHovered","createSignal","_el$","event","index","insert","createComponent","Show","Check","\"class\"","effect","_v$","_v$2","_v$3","_v$4","_v$5","clsx","_p$","setAttribute","className","delegateEvents"],"sources":["../../../../src/components/combobox/ComboboxItem/ComboboxItem.tsx"],"sourcesContent":["import { Show, createMemo, createSignal, type JSX } from \"solid-js\";\nimport { Check } from \"lucide-solid\";\nimport { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\n\nexport function ComboboxItem(props: {\n  value: any;\n  children?: JSX.Element;\n  class?: string;\n  disabled?: boolean;\n}) {\n  const ctx = useComboboxContext(\"ComboboxItem\");\n  const selected = createMemo(() => ctx.isSelected(props.value));\n  const active = createMemo(\n    () => ctx.filteredItems()[ctx.activeIndex()] === props.value,\n  );\n  const [hovered, setHovered] = createSignal(false);\n\n  return (\n    <div\n      id={ctx.optionId(props.value)}\n      data-slot=\"combobox-item\"\n      role=\"option\"\n      tabIndex={props.disabled ? -1 : 0}\n      aria-selected={selected()}\n      data-highlighted={active() || hovered() ? \"\" : undefined}\n      class={clsx(\n        \"relative flex w-full cursor-default items-center gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm outline-none select-none\",\n        \"data-highlighted:bg-accent data-highlighted:text-accent-foreground\",\n        props.disabled && \"pointer-events-none opacity-50\",\n        props.class,\n      )}\n      onMouseEnter={() => {\n        setHovered(true);\n        const index = ctx.filteredItems().indexOf(props.value);\n        if (index !== -1) ctx.setActiveIndex(index);\n      }}\n      onMouseLeave={() => setHovered(false)}\n      onClick={(event) => {\n        if (!props.disabled) ctx.selectItem(props.value, event);\n      }}\n    >\n      {props.children}\n      <Show when={selected()}>\n        <Check class=\"pointer-events-none absolute right-2 size-4\" />\n      </Show>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAKA,SAAgBO,EAAaC,GAK1B;CACD,IAAMM,IAAMR,EAAmB,cAAc,GACvCS,IAAWd,QAAiBa,EAAIE,WAAWR,EAAMC,KAAK,CAAC,GACvDQ,IAAShB,QACPa,EAAII,cAAc,CAAC,CAACJ,EAAIK,YAAY,OAAOX,EAAMC,KACzD,GACM,CAACW,GAASC,KAAcnB,EAAa,EAAK;CAEhD,cAAA;EAAA,IAAAoB,IAAAC,EAAA;EAaK,OAbLD,EAAAE,WAoBcC,MAAU;GAClB,AAAKjB,EAAMK,YAAUC,EAAIY,WAAWlB,EAAMC,OAAOgB,CAAK;EACxD,GAACH,EAAAK,iBAAA,oBAHmBN,EAAW,EAAK,CAAC,GAAAC,EAAAK,iBAAA,oBALjB;GAClBN,EAAW,EAAI;GACf,IAAMO,IAAQd,EAAII,cAAc,CAAC,CAACW,QAAQrB,EAAMC,KAAK;GACrD,AAAImB,MAAU,MAAId,EAAIgB,eAAeF,CAAK;EAC5C,CAAC,GAAAG,EAAAT,SAMAd,EAAME,UAAQ,IAAA,GAAAqB,EAAAT,GAAAU,EACdhC,GAAI;GAAA,IAACiC,OAAI;IAAA,OAAElB,EAAS;GAAC;GAAA,IAAAL,WAAA;IAAA,OAAAsB,EACnB5B,GAAK,EAAAqE,OAAA,8CAAA,CAAA;GAAA;EAAA,CAAA,GAAA,IAAA,GAAAvC,GAAAC,MAAA;GAAA,IAAAC,IAxBJtB,EAAIuB,SAAS7B,EAAMC,KAAK,GAAC6B,IAGnB9B,EAAMK,WAAW,KAAK,GAAC0B,IAClBxB,EAAS,GAACyB,IACPvB,EAAO,KAAKG,EAAQ,IAAI,KAAKqB,KAAAA,GAASC,IACjDrC,EACL,uHACA,sEACAG,EAAMK,YAAY,kCAClBL,EAAMI,KACR;GAAC,OAAAwB,MAAAD,EAAAQ,KAAAC,EAAAtB,GAAA,MAAAa,EAAAQ,IAAAP,CAAA,GAAAE,MAAAH,EAAAU,KAAAD,EAAAtB,GAAA,YAAAa,EAAAU,IAAAP,CAAA,GAAAC,MAAAJ,EAAAW,KAAAF,EAAAtB,GAAA,iBAAAa,EAAAW,IAAAP,CAAA,GAAAC,MAAAL,EAAAY,KAAAH,EAAAtB,GAAA,oBAAAa,EAAAY,IAAAP,CAAA,GAAAE,MAAAP,EAAAa,KAAAC,EAAA3B,GAAAa,EAAAa,IAAAN,CAAA,GAAAP;EAAA,GAAA;GAAAQ,GAAAF,KAAAA;GAAAI,GAAAJ,KAAAA;GAAAK,GAAAL,KAAAA;GAAAM,GAAAN,KAAAA;GAAAO,GAAAP,KAAAA;EAAA,CAAA,GAAAnB;CAAA,EAAA,CAAA;AAiBP;AAAC4B,EAAA,CAAA,OAAA,CAAA"}

package/dist/components/combobox/ComboboxList/ComboboxList.js

@@ -1,23 +1,29 @@
 import { clsx as e } from "../../../utils/clsx.js";
 import { ScrollArrows as t } from "../../scroll-arrows/ScrollArrows.js";
 import { useComboboxContext as n } from "../Combobox/Combobox.context.js";
-import { className as r, createComponent as i, effect as a, insert as o, template as s, use as c } from "solid-js/web";
-import { For as l, createSignal as u } from "solid-js";
+import { className as r, createComponent as i, effect as a, insert as o, setAttribute as s, template as c, use as l } from "solid-js/web";
+import { For as u, createSignal as d } from "solid-js";
 //#region src/components/combobox/ComboboxList/ComboboxList.tsx
-var d = /*#__PURE__*/ s("<div class=relative><div data-slot=combobox-list role=listbox>");
-function f(s) {
-	let f = n("ComboboxList"), [p, m] = u(), h = () => f.isGrouped() ? f.items() : f.filteredItems();
+var f = /*#__PURE__*/ c("<div class=relative><div data-slot=combobox-list role=listbox>");
+function p(c) {
+	let p = n("ComboboxList"), [m, h] = d(), g = () => p.isGrouped() ? p.items() : p.filteredItems();
 	return (() => {
-		var n = d(), u = n.firstChild;
-		return c(m, u), o(u, i(l, {
+		var n = f(), d = n.firstChild;
+		return l(h, d), o(d, i(u, {
 			get each() {
-				return h();
+				return g();
 			},
-			children: (e, t) => typeof s.children == "function" ? s.children(e, t()) : s.children
-		})), o(n, i(t, { target: p }), null), a(() => r(u, e("max-h-72 overflow-y-auto overscroll-contain p-1", "no-scrollbar [&::-webkit-scrollbar]:hidden", s.class))), n;
+			children: (e, t) => typeof c.children == "function" ? c.children(e, t()) : c.children
+		})), o(n, i(t, { target: m }), null), a((t) => {
+			var n = p.listId, i = e("max-h-72 overflow-y-auto overscroll-contain p-1", "no-scrollbar [&::-webkit-scrollbar]:hidden", c.class);
+			return n !== t.e && s(d, "id", t.e = n), i !== t.t && r(d, t.t = i), t;
+		}, {
+			e: void 0,
+			t: void 0
+		}), n;
 	})();
 }
 //#endregion
-export { f as ComboboxList };
+export { p as ComboboxList };
 
 //# sourceMappingURL=ComboboxList.js.map

package/dist/components/combobox/ComboboxList/ComboboxList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxList.js","names":["For","createSignal","JSX","clsx","ScrollArrows","useComboboxContext","ComboboxList","props","children","Element","item","index","class","ctx","listElement","setListElement","HTMLElement","listItems","isGrouped","items","filteredItems","_el$","_tmpl$","_el$2","firstChild","_$use","_$insert","_$createComponent","each","target","_$effect","_$className","_$createComponent","_$className","_tmpl$","ComboboxList","ctx","useComboboxContext","listElement","setListElement","createSignal","listItems","_el$","_el$2","use","insert","createComponent","For","props","item","index","ScrollArrows","effect","className","clsx"],"sources":["../../../../src/components/combobox/ComboboxList/ComboboxList.tsx"],"sourcesContent":["import { For, createSignal, type JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { ScrollArrows } from \"~/components/scroll-arrows\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\n\nexport function ComboboxList(props: {\n  children?: JSX.Element | ((item: any, index: number) => JSX.Element);\n  class?: string;\n}) {\n  const ctx = useComboboxContext(\"ComboboxList\");\n  const [listElement, setListElement] = createSignal<HTMLElement>();\n  const listItems = () => (ctx.isGrouped() ? ctx.items() : ctx.filteredItems());\n\n  return (\n    // 外层只做相对定位，供滚动箭头贴住列表上下沿；自身不滚动\n    <div class=\"relative\">\n      <div\n        ref={setListElement}\n        data-slot=\"combobox-list\"\n        class={clsx(\n          \"max-h-72 overflow-y-auto overscroll-contain p-1\",\n          \"no-scrollbar [&::-webkit-scrollbar]:hidden\",\n          props.class,\n        )}\n        role=\"listbox\"\n      >\n        <For each={listItems()}>\n          {(item, index) =>\n            typeof props.children === \"function\"\n              ? props.children(item, index())\n              : props.children\n          }\n        </For>\n      </div>\n      <ScrollArrows target={listElement} />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAKA,SAAgBM,EAAaC,GAG1B;CACD,IAAMM,IAAMR,EAAmB,cAAc,GACvC,CAACS,GAAaC,KAAkBd,EAA0B,GAC1DgB,UAAmBJ,EAAIK,UAAU,IAAIL,EAAIM,MAAM,IAAIN,EAAIO,cAAc;CAE3E,cACE;EAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EASK,OATLC,EAGSV,GAAcQ,CAAA,GAAAG,EAAAH,GAAAI,EASlB3B,GAAG;GAAA,IAAC4B,OAAI;IAAA,OAAEX,EAAU;GAAC;GAAAT,WAClBE,GAAMC,MACN,OAAOJ,EAAMC,YAAa,aACtBD,EAAMC,SAASE,GAAMC,EAAM,CAAC,IAC5BJ,EAAMC;EAAQ,CAAA,CAAA,GAAAkB,EAAAL,GAAAM,EAIvBvB,GAAY,EAACyB,QAAQf,EAAW,CAAA,GAAA,IAAA,GAAAgB,QAAAC,EAAAR,GAfxBpB,EACL,mDACA,8CACAI,EAAMK,KACR,CAAC,CAAA,GAAAS;CAAA,EAAA,CAAA;AAcT"}
+{"version":3,"file":"ComboboxList.js","names":["For","createSignal","JSX","clsx","ScrollArrows","useComboboxContext","ComboboxList","props","children","Element","item","index","class","ctx","listElement","setListElement","HTMLElement","listItems","isGrouped","items","filteredItems","_el$","_tmpl$","_el$2","firstChild","_$use","_$insert","_$createComponent","each","target","_$effect","_p$","_v$","listId","_v$2","e","_$setAttribute","t","_$className","undefined","_$createComponent","_$setAttribute","_$className","_tmpl$","ComboboxList","ctx","useComboboxContext","listElement","setListElement","createSignal","listItems","_el$","_el$2","use","insert","createComponent","For","props","item","index","ScrollArrows","effect","_v$","_v$2","clsx","_p$","setAttribute","className"],"sources":["../../../../src/components/combobox/ComboboxList/ComboboxList.tsx"],"sourcesContent":["import { For, createSignal, type JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { ScrollArrows } from \"~/components/scroll-arrows\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\n\nexport function ComboboxList(props: {\n  children?: JSX.Element | ((item: any, index: number) => JSX.Element);\n  class?: string;\n}) {\n  const ctx = useComboboxContext(\"ComboboxList\");\n  const [listElement, setListElement] = createSignal<HTMLElement>();\n  const listItems = () => (ctx.isGrouped() ? ctx.items() : ctx.filteredItems());\n\n  return (\n    // 外层只做相对定位，供滚动箭头贴住列表上下沿；自身不滚动\n    <div class=\"relative\">\n      <div\n        ref={setListElement}\n        id={ctx.listId}\n        data-slot=\"combobox-list\"\n        class={clsx(\n          \"max-h-72 overflow-y-auto overscroll-contain p-1\",\n          \"no-scrollbar [&::-webkit-scrollbar]:hidden\",\n          props.class,\n        )}\n        role=\"listbox\"\n      >\n        <For each={listItems()}>\n          {(item, index) =>\n            typeof props.children === \"function\"\n              ? props.children(item, index())\n              : props.children\n          }\n        </For>\n      </div>\n      <ScrollArrows target={listElement} />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAKA,SAAgBM,EAAaC,GAG1B;CACD,IAAMM,IAAMR,EAAmB,cAAc,GACvC,CAACS,GAAaC,KAAkBd,EAA0B,GAC1DgB,UAAmBJ,EAAIK,UAAU,IAAIL,EAAIM,MAAM,IAAIN,EAAIO,cAAc;CAE3E,cACE;EAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EAUK,OAVLC,EAGSV,GAAcQ,CAAA,GAAAG,EAAAH,GAAAI,EAUlB3B,GAAG;GAAA,IAAC4B,OAAI;IAAA,OAAEX,EAAU;GAAC;GAAAT,WAClBE,GAAMC,MACN,OAAOJ,EAAMC,YAAa,aACtBD,EAAMC,SAASE,GAAMC,EAAM,CAAC,IAC5BJ,EAAMC;EAAQ,CAAA,CAAA,GAAAkB,EAAAL,GAAAM,EAIvBvB,GAAY,EAACyB,QAAQf,EAAW,CAAA,GAAA,IAAA,GAAAgB,GAAAC,MAAA;GAAA,IAAAC,IAjB3BnB,EAAIoB,QAAMC,IAEP/B,EACL,mDACA,8CACAI,EAAMK,KACR;GAAC,OAAAoB,MAAAD,EAAAI,KAAAC,EAAAb,GAAA,MAAAQ,EAAAI,IAAAH,CAAA,GAAAE,MAAAH,EAAAM,KAAAC,EAAAf,GAAAQ,EAAAM,IAAAH,CAAA,GAAAH;EAAA,GAAA;GAAAI,GAAAI,KAAAA;GAAAF,GAAAE,KAAAA;EAAA,CAAA,GAAAlB;CAAA,EAAA,CAAA;AAcT"}

package/dist/components/combobox/ComboboxTrigger/ComboboxTrigger.js

@@ -13,13 +13,20 @@ function o(o) {
 		},
 		variant: "outline",
 		"data-slot": "combobox-trigger",
+		"aria-haspopup": "listbox",
+		get "aria-expanded"() {
+			return s.open();
+		},
+		get "aria-controls"() {
+			return i(() => !!s.open())() ? s.listId : void 0;
+		},
 		get class() {
 			return e("h-8 [&_svg:not([class*='size-'])]:size-4 active:not-aria-[haspopup]:translate-y-0", o.class);
 		},
 		get disabled() {
 			return s.disabled() || o.disabled;
 		},
-		onClick: () => s.setOpen(!s.open()),
+		onClick: (e) => s.setOpen(!s.open(), "trigger-press", e),
 		get children() {
 			return [i(() => o.children), r(a, {
 				"data-slot": "combobox-trigger-icon",

package/dist/components/combobox/ComboboxTrigger/ComboboxTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxTrigger.js","names":["JSX","ChevronDown","clsx","useComboboxContext","InputGroupButton","ComboboxTrigger","props","children","Element","class","disabled","ctx","_$createComponent","ref","r$","_ref$","setReference","variant","onClick","setOpen","open","_$memo","_$createComponent","_$memo","ComboboxTrigger","ctx","useComboboxContext","createComponent","InputGroupButton","_ref$","r$","\"class\"","clsx","props","memo","ChevronDown"],"sources":["../../../../src/components/combobox/ComboboxTrigger/ComboboxTrigger.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { ChevronDown } from \"lucide-solid\";\nimport { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\nimport { InputGroupButton } from \"~/components/input-group\";\n\nexport function ComboboxTrigger(props: {\n  children?: JSX.Element;\n  class?: string;\n  disabled?: boolean;\n}) {\n  const ctx = useComboboxContext(\"ComboboxTrigger\");\n  return (\n    <InputGroupButton\n      ref={ctx.setReference}\n      variant=\"outline\"\n      data-slot=\"combobox-trigger\"\n      class={clsx(\n        \"h-8 [&_svg:not([class*='size-'])]:size-4 active:not-aria-[haspopup]:translate-y-0\",\n        props.class,\n      )}\n      disabled={ctx.disabled() || props.disabled}\n      onClick={() => ctx.setOpen(!ctx.open())}\n    >\n      {props.children}\n      <ChevronDown\n        data-slot=\"combobox-trigger-icon\"\n        class=\"pointer-events-none size-4 text-muted-foreground\"\n      />\n    </InputGroupButton>\n  );\n}\n"],"mappings":";;;;;;AAMA,SAAgBK,EAAgBC,GAI7B;CACD,IAAMK,IAAMR,EAAmB,iBAAiB;CAChD,OAAAS,EACGR,GAAgB;EAAAS,IAAAC,GAAA;GAAA,IAAAC,IACVJ,EAAIK;GAAY,OAAAD,KAAA,aAAAA,EAAAD,CAAA,IAAhBH,EAAIK,eAAYF;EAAA;EACrBG,SAAO;EAAA,aAAA;EAAA,IAAAc,QAAA;GAAA,OAEA7B,EACL,qFACAI,EAAMG,KACR;EAAC;EAAA,IACDC,WAAQ;GAAA,OAAEC,EAAID,SAAS,KAAKJ,EAAMI;EAAQ;EAC1CQ,eAAeP,EAAIQ,QAAQ,CAACR,EAAIS,KAAK,CAAC;EAAC,IAAAb,WAAA;GAAA,OAAA,CAAAc,QAEtCf,EAAMC,QAAQ,GAAAK,EACdX,GAAW;IAAA,aAAA;IAAA8B,OAAA;GAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAMlB"}
+{"version":3,"file":"ComboboxTrigger.js","names":["JSX","ChevronDown","clsx","useComboboxContext","InputGroupButton","ComboboxTrigger","props","children","Element","class","disabled","ctx","_$createComponent","ref","r$","_ref$","setReference","variant","aria-expanded","open","aria-controls","_$memo","listId","undefined","onClick","event","setOpen","Event","_$createComponent","_$memo","ComboboxTrigger","ctx","useComboboxContext","createComponent","InputGroupButton","_ref$","r$","memo","\"class\"","clsx","props","event","ChevronDown"],"sources":["../../../../src/components/combobox/ComboboxTrigger/ComboboxTrigger.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { ChevronDown } from \"lucide-solid\";\nimport { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\nimport { InputGroupButton } from \"~/components/input-group\";\n\nexport function ComboboxTrigger(props: {\n  children?: JSX.Element;\n  class?: string;\n  disabled?: boolean;\n}) {\n  const ctx = useComboboxContext(\"ComboboxTrigger\");\n  return (\n    <InputGroupButton\n      ref={ctx.setReference}\n      variant=\"outline\"\n      data-slot=\"combobox-trigger\"\n      // 触发器是弹出 listbox 的按钮\n      aria-haspopup=\"listbox\"\n      aria-expanded={ctx.open()}\n      aria-controls={ctx.open() ? ctx.listId : undefined}\n      class={clsx(\n        \"h-8 [&_svg:not([class*='size-'])]:size-4 active:not-aria-[haspopup]:translate-y-0\",\n        props.class,\n      )}\n      disabled={ctx.disabled() || props.disabled}\n      onClick={(event) =>\n        ctx.setOpen(!ctx.open(), \"trigger-press\", event as unknown as Event)\n      }\n    >\n      {props.children}\n      <ChevronDown\n        data-slot=\"combobox-trigger-icon\"\n        class=\"pointer-events-none size-4 text-muted-foreground\"\n      />\n    </InputGroupButton>\n  );\n}\n"],"mappings":";;;;;;AAMA,SAAgBK,EAAgBC,GAI7B;CACD,IAAMK,IAAMR,EAAmB,iBAAiB;CAChD,OAAAS,EACGR,GAAgB;EAAAS,IAAAC,GAAA;GAAA,IAAAC,IACVJ,EAAIK;GAAY,OAAAD,KAAA,aAAAA,EAAAD,CAAA,IAAhBH,EAAIK,eAAYF;EAAA;EACrBG,SAAO;EAAA,aAAA;EAAA,iBAAA;EAAA,IAAA,kBAAA;GAAA,OAIQN,EAAIQ,KAAK;EAAC;EAAA,IAAA,kBAAA;GAAA,OACVE,QAAA,CAAA,CAAAV,EAAIQ,KAAK,CAAC,CAAA,CAAA,IAAGR,EAAIW,SAASC,KAAAA;EAAS;EAAA,IAAAe,QAAA;GAAA,OAC3CpC,EACL,qFACAI,EAAMG,KACR;EAAC;EAAA,IACDC,WAAQ;GAAA,OAAEC,EAAID,SAAS,KAAKJ,EAAMI;EAAQ;EAC1Cc,UAAUC,MACRd,EAAIe,QAAQ,CAACf,EAAIQ,KAAK,GAAG,iBAAiBM,CAAyB;EAAC,IAAAlB,WAAA;GAAA,OAAA,CAAAc,QAGrEf,EAAMC,QAAQ,GAAAK,EACdX,GAAW;IAAA,aAAA;IAAAqC,OAAA;GAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAMlB"}

package/dist/components/context-menu/ContextMenu/ContextMenu.js

@@ -1,5 +1,5 @@
-import { useScrollLock as e } from "../../../hooks/useScrollLock.js";
-import { createVirtualElement as t } from "../../../lib/positioner/virtual-element.js";
+import { createVirtualElement as e } from "../../../lib/positioner/virtual-element.js";
+import { useScrollLock as t } from "../../../hooks/useScrollLock.js";
 import { ContextMenuContext as n } from "./ContextMenu.context.js";
 import { createChangeEventDetails as r } from "../context-menu.utils.js";
 import { createComponent as i } from "solid-js/web";
@@ -8,20 +8,22 @@ import { createEffect as a, createMemo as o, createSignal as s, createUniqueId a
 var u = "[data-slot=\"context-menu-content\"],[data-slot=\"context-menu-sub-content\"]";
 function d(d) {
 	let [f, p] = s(d.defaultOpen ?? !1), m = o(() => d.open === void 0 ? f() : d.open), h = o(() => !!d.disabled), g = o(() => d.loopFocus ?? !0), _ = o(() => d.orientation ?? "vertical"), v = o(() => d.highlightItemOnHover ?? !0), y = o(() => d.modal ?? !0);
-	e(() => m() && y(), { allowedSelector: u });
+	t(() => m() && y(), { allowedSelector: u });
 	let [b, x] = s(!0), [S, C] = s(), [w, T] = s(), E = `context-menu-content-${c()}`, D = /* @__PURE__ */ new Set(), O = () => {
 		let e = S();
 		e && typeof e.focus == "function" && e.focus({ preventScroll: !0 });
 	}, k = (e, t, n) => {
-		d.open === void 0 && p(e), d.onOpenChange?.(e, r(t, n, S()));
-	}, A = (e, n, r, i, a = "trigger-press") => {
-		h() || (T(t({
-			x: e,
+		let i = r(t, n, S());
+		d.onOpenChange?.(e, i), !i.isCanceled && d.open === void 0 && p(e);
+	}, A = (t, n, r, i, a = "trigger-press") => {
+		h() || (T(e({
+			x: t,
 			y: n,
 			contextElement: r
 		})), m() || k(!0, a, i));
 	}, j = (e, t) => {
-		m() && (k(!1, e, t), e !== "outside-press" && b() && O());
+		let n = m();
+		n && (k(!1, e, t), m() !== n && e !== "outside-press" && b() && O());
 	}, M = (e) => {
 		if (!e || !(e instanceof Element)) return !1;
 		for (let t of D) if (t.contains(e)) return !0;

package/dist/components/context-menu/ContextMenu/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","names":["createEffect","createMemo","createSignal","createUniqueId","onCleanup","JSX","createVirtualElement","VirtualElement","useScrollLock","ContextMenuContext","ContextMenuProps","ContextMenuChangeEventReason","ContextMenuContextValue","createChangeEventDetails","MENU_POPUP_SELECTOR","ContextMenu","props","Element","internalOpen","setInternalOpen","defaultOpen","open","undefined","disabled","loopFocus","orientation","highlightItemOnHover","modal","allowedSelector","finalFocus","setFinalFocus","trigger","setTrigger","HTMLElement","anchor","setAnchor","contentId","menuElements","Set","restoreFocus","el","focus","preventScroll","commit","next","reason","event","Event","onOpenChange","openAt","x","y","contextElement","closeAll","isInsideMenu","node","Node","contains","isInsideTrigger","registerMenuElement","add","delete","onPointerDown","e","PointerEvent","button","target","onContextMenu","MouseEvent","onKeyDown","KeyboardEvent","defaultPrevented","key","document","addEventListener","removeEventListener","ctx","_$createComponent","Provider","value","children","_$createComponent","MENU_POPUP_SELECTOR","ContextMenu","internalOpen","setInternalOpen","createSignal","props","open","createMemo","disabled","loopFocus","orientation","highlightItemOnHover","modal","finalFocus","setFinalFocus","trigger","setTrigger","anchor","setAnchor","contentId","createUniqueId","menuElements","restoreFocus","el","commit","next","createChangeEventDetails","reason","event","openAt","createVirtualElement","closeAll","isInsideMenu","node","isInsideTrigger","registerMenuElement","onPointerDown","onContextMenu","target","onKeyDown","onCleanup","ctx","createComponent","ContextMenuContext"],"sources":["../../../../src/components/context-menu/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import {\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n  type JSX,\n} from \"solid-js\";\nimport { createVirtualElement, type VirtualElement } from \"~/lib\";\nimport { useScrollLock } from \"~/hooks\";\nimport { ContextMenuContext } from \"./ContextMenu.context\";\nimport type { ContextMenuProps } from \"./ContextMenu.types\";\nimport type {\n  ContextMenuChangeEventReason,\n  ContextMenuContextValue,\n} from \"../context-menu.types\";\nimport { createChangeEventDetails } from \"../context-menu.utils\";\n\n/** 菜单自身(根菜单/子菜单)的 popup 容器,允许在锁滚动期间继续在菜单内部滚动 */\nconst MENU_POPUP_SELECTOR =\n  '[data-slot=\"context-menu-content\"],[data-slot=\"context-menu-sub-content\"]';\n\n/**\n * ContextMenu 根组件:不渲染任何 DOM,只负责状态管理 + 提供 context。\n *\n * 这是 shadcn 基于 Base UI 的 ContextMenu 的 SolidJS 移植:Base UI 的 Root\n * 同样不渲染自己的 HTML 元素,只作为状态容器。\n *\n * 与普通菜单不同的地方在于\"锚点\":右键菜单的定位参照是鼠标点击的像素坐标,\n * 因此这里用 `createVirtualElement` 生成一个宽高为 0 的虚拟参照元素,\n * 再交给内容层用 position:fixed 定位(细节见 ContextMenuContent)。\n *\n * @example\n * ```tsx\n * <ContextMenu>\n *   <ContextMenuTrigger>右键点击这里</ContextMenuTrigger>\n *   <ContextMenuContent>\n *     <ContextMenuItem>个人资料</ContextMenuItem>\n *   </ContextMenuContent>\n * </ContextMenu>\n * ```\n */\nexport function ContextMenu(props: ContextMenuProps): JSX.Element {\n  const [internalOpen, setInternalOpen] = createSignal(\n    props.defaultOpen ?? false,\n  );\n  const open = createMemo(() =>\n    props.open !== undefined ? props.open : internalOpen(),\n  );\n  const disabled = createMemo(() => !!props.disabled);\n  const loopFocus = createMemo(() => props.loopFocus ?? true);\n  const orientation = createMemo(() => props.orientation ?? \"vertical\");\n  const highlightItemOnHover = createMemo(\n    () => props.highlightItemOnHover ?? true,\n  );\n  const modal = createMemo(() => props.modal ?? true);\n\n  // 打开期间锁定页面滚动(Base UI menu 的 modal 默认行为),关闭时恢复。\n  // 菜单自身(含子菜单)允许继续滚动。\n  useScrollLock(() => open() && modal(), {\n    allowedSelector: MENU_POPUP_SELECTOR,\n  });\n\n  const [finalFocus, setFinalFocus] = createSignal(true);\n  const [trigger, setTrigger] = createSignal<HTMLElement>();\n  const [anchor, setAnchor] = createSignal<VirtualElement>();\n  const contentId = `context-menu-content-${createUniqueId()}`;\n\n  // 已挂载的浮层容器(根菜单 + 各级子菜单),用于判断指针是否落在菜单内部。\n  // 这里刻意不用响应式结构:它只在事件回调里读取,变化本身不需要驱动渲染。\n  const menuElements = new Set<HTMLElement>();\n\n  const restoreFocus = () => {\n    const el = trigger();\n    if (el && typeof el.focus === \"function\") {\n      el.focus({ preventScroll: true });\n    }\n  };\n\n  const commit = (\n    next: boolean,\n    reason: ContextMenuChangeEventReason,\n    event?: Event,\n  ) => {\n    if (props.open === undefined) setInternalOpen(next);\n    props.onOpenChange?.(\n      next,\n      createChangeEventDetails(reason, event, trigger()),\n    );\n  };\n\n  const openAt = (\n    x: number,\n    y: number,\n    contextElement: Element | undefined,\n    event?: Event,\n    reason: ContextMenuChangeEventReason = \"trigger-press\",\n  ) => {\n    if (disabled()) return;\n    // 每次打开都换一个新的虚拟元素:即使菜单已经打开,右键到新位置也会\n    // 触发 positioner 重新计算(autoUpdate 之外的一条路径)。\n    setAnchor(createVirtualElement({ x, y, contextElement }));\n    if (!open()) commit(true, reason, event);\n  };\n\n  const closeAll = (reason: ContextMenuChangeEventReason, event?: Event) => {\n    if (!open()) return;\n    commit(false, reason, event);\n    // 点击菜单外部时焦点应该留在用户刚点的目标上,不能把焦点抢回触发器。\n    if (reason !== \"outside-press\" && finalFocus()) restoreFocus();\n  };\n\n  const isInsideMenu = (node: Node | null): boolean => {\n    if (!node || !(node instanceof Element)) return false;\n    for (const el of menuElements) {\n      if (el.contains(node)) return true;\n    }\n    return false;\n  };\n\n  const isInsideTrigger = (node: Node | null): boolean => {\n    if (!node || !(node instanceof Element)) return false;\n    return !!trigger()?.contains(node);\n  };\n\n  const registerMenuElement = (el: HTMLElement) => {\n    menuElements.add(el);\n    return () => {\n      menuElements.delete(el);\n    };\n  };\n\n  // 打开期间绑定 document 级监听:点击外部/再次右键外部关闭 + Escape 兜底关闭。\n  // 菜单内部的 Escape 会由浮层自己处理并 stopPropagation,不会走到这里。\n  createEffect(() => {\n    if (!open()) return;\n\n    const onPointerDown = (e: PointerEvent) => {\n      // 右键交给 contextmenu 处理:否则会先被这里关掉、又被触发器重新打开,\n      // 中间闪一帧。\n      if (e.button === 2) return;\n      // 注意这里不把触发器算作\"内部\":菜单打开时左键点触发器应当关闭菜单。\n      if (!isInsideMenu(e.target as Node | null)) {\n        closeAll(\"outside-press\", e);\n      }\n    };\n\n    const onContextMenu = (e: MouseEvent) => {\n      const target = e.target as Node | null;\n      // 在触发器上再次右键只更新锚点,由触发器自己的 contextmenu 处理。\n      if (!isInsideMenu(target) && !isInsideTrigger(target)) {\n        closeAll(\"outside-press\", e);\n      }\n    };\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      // 菜单浮层自己处理 Escape 时会 preventDefault + stopPropagation。\n      // 这里再检查一次 defaultPrevented:键盘事件在 Solid 里是委托到 document 的,\n      // 同元素上的其它监听器不会被 stopPropagation 拦下,靠这个标记避免重复关闭。\n      if (e.defaultPrevented) return;\n      if (e.key === \"Escape\") closeAll(\"escape-key\", e);\n    };\n\n    document.addEventListener(\"pointerdown\", onPointerDown, true);\n    document.addEventListener(\"contextmenu\", onContextMenu, true);\n    document.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => {\n      document.removeEventListener(\"pointerdown\", onPointerDown, true);\n      document.removeEventListener(\"contextmenu\", onContextMenu, true);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    });\n  });\n\n  const ctx: ContextMenuContextValue = {\n    open,\n    disabled,\n    loopFocus,\n    orientation,\n    highlightItemOnHover,\n    trigger,\n    setTrigger,\n    anchor,\n    contentId,\n    finalFocus,\n    setFinalFocus,\n    openAt,\n    closeAll,\n    registerMenuElement,\n    isInsideMenu,\n  };\n\n  return (\n    <ContextMenuContext.Provider value={ctx}>\n      {props.children}\n    </ContextMenuContext.Provider>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ContextMenu.js","names":["createEffect","createMemo","createSignal","createUniqueId","onCleanup","JSX","createVirtualElement","VirtualElement","useScrollLock","ContextMenuContext","ContextMenuProps","ContextMenuChangeEventReason","ContextMenuContextValue","createChangeEventDetails","MENU_POPUP_SELECTOR","ContextMenu","props","Element","internalOpen","setInternalOpen","defaultOpen","open","undefined","disabled","loopFocus","orientation","highlightItemOnHover","modal","allowedSelector","finalFocus","setFinalFocus","trigger","setTrigger","HTMLElement","anchor","setAnchor","contentId","menuElements","Set","restoreFocus","el","focus","preventScroll","commit","next","reason","event","Event","details","onOpenChange","isCanceled","openAt","x","y","contextElement","closeAll","wasOpen","isInsideMenu","node","Node","contains","isInsideTrigger","registerMenuElement","add","delete","onPointerDown","e","PointerEvent","button","target","onContextMenu","MouseEvent","onKeyDown","KeyboardEvent","defaultPrevented","key","document","addEventListener","removeEventListener","ctx","_$createComponent","Provider","value","children","_$createComponent","MENU_POPUP_SELECTOR","ContextMenu","internalOpen","setInternalOpen","createSignal","props","open","createMemo","disabled","loopFocus","orientation","highlightItemOnHover","modal","finalFocus","setFinalFocus","trigger","setTrigger","anchor","setAnchor","contentId","createUniqueId","menuElements","restoreFocus","el","commit","details","createChangeEventDetails","reason","event","next","openAt","createVirtualElement","closeAll","wasOpen","isInsideMenu","node","isInsideTrigger","registerMenuElement","onPointerDown","onContextMenu","target","onKeyDown","onCleanup","ctx","createComponent","ContextMenuContext"],"sources":["../../../../src/components/context-menu/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import {\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n  type JSX,\n} from \"solid-js\";\nimport { createVirtualElement, type VirtualElement } from \"~/lib\";\nimport { useScrollLock } from \"~/hooks\";\nimport { ContextMenuContext } from \"./ContextMenu.context\";\nimport type { ContextMenuProps } from \"./ContextMenu.types\";\nimport type {\n  ContextMenuChangeEventReason,\n  ContextMenuContextValue,\n} from \"../context-menu.types\";\nimport { createChangeEventDetails } from \"../context-menu.utils\";\n\n/** 菜单自身(根菜单/子菜单)的 popup 容器,允许在锁滚动期间继续在菜单内部滚动 */\nconst MENU_POPUP_SELECTOR =\n  '[data-slot=\"context-menu-content\"],[data-slot=\"context-menu-sub-content\"]';\n\n/**\n * ContextMenu 根组件:不渲染任何 DOM,只负责状态管理 + 提供 context。\n *\n * 这是 shadcn 基于 Base UI 的 ContextMenu 的 SolidJS 移植:Base UI 的 Root\n * 同样不渲染自己的 HTML 元素,只作为状态容器。\n *\n * 与普通菜单不同的地方在于\"锚点\":右键菜单的定位参照是鼠标点击的像素坐标,\n * 因此这里用 `createVirtualElement` 生成一个宽高为 0 的虚拟参照元素,\n * 再交给内容层用 position:fixed 定位(细节见 ContextMenuContent)。\n *\n * @example\n * ```tsx\n * <ContextMenu>\n *   <ContextMenuTrigger>右键点击这里</ContextMenuTrigger>\n *   <ContextMenuContent>\n *     <ContextMenuItem>个人资料</ContextMenuItem>\n *   </ContextMenuContent>\n * </ContextMenu>\n * ```\n */\nexport function ContextMenu(props: ContextMenuProps): JSX.Element {\n  const [internalOpen, setInternalOpen] = createSignal(\n    props.defaultOpen ?? false,\n  );\n  const open = createMemo(() =>\n    props.open !== undefined ? props.open : internalOpen(),\n  );\n  const disabled = createMemo(() => !!props.disabled);\n  const loopFocus = createMemo(() => props.loopFocus ?? true);\n  const orientation = createMemo(() => props.orientation ?? \"vertical\");\n  const highlightItemOnHover = createMemo(\n    () => props.highlightItemOnHover ?? true,\n  );\n  const modal = createMemo(() => props.modal ?? true);\n\n  // 打开期间锁定页面滚动(Base UI menu 的 modal 默认行为),关闭时恢复。\n  // 菜单自身(含子菜单)允许继续滚动。\n  useScrollLock(() => open() && modal(), {\n    allowedSelector: MENU_POPUP_SELECTOR,\n  });\n\n  const [finalFocus, setFinalFocus] = createSignal(true);\n  const [trigger, setTrigger] = createSignal<HTMLElement>();\n  const [anchor, setAnchor] = createSignal<VirtualElement>();\n  const contentId = `context-menu-content-${createUniqueId()}`;\n\n  // 已挂载的浮层容器(根菜单 + 各级子菜单),用于判断指针是否落在菜单内部。\n  // 这里刻意不用响应式结构:它只在事件回调里读取,变化本身不需要驱动渲染。\n  const menuElements = new Set<HTMLElement>();\n\n  const restoreFocus = () => {\n    const el = trigger();\n    if (el && typeof el.focus === \"function\") {\n      el.focus({ preventScroll: true });\n    }\n  };\n\n  const commit = (\n    next: boolean,\n    reason: ContextMenuChangeEventReason,\n    event?: Event,\n  ) => {\n    const details = createChangeEventDetails(reason, event, trigger());\n    // 先回调再落状态：调用方可以在 details.cancel() 里否决本次变更\n    // （与 ToggleGroup / TimePicker / Drawer 一致，对齐 Base UI 的语义）\n    props.onOpenChange?.(next, details);\n    if (details.isCanceled) return;\n    if (props.open === undefined) setInternalOpen(next);\n  };\n\n  const openAt = (\n    x: number,\n    y: number,\n    contextElement: Element | undefined,\n    event?: Event,\n    reason: ContextMenuChangeEventReason = \"trigger-press\",\n  ) => {\n    if (disabled()) return;\n    // 每次打开都换一个新的虚拟元素:即使菜单已经打开,右键到新位置也会\n    // 触发 positioner 重新计算(autoUpdate 之外的一条路径)。\n    setAnchor(createVirtualElement({ x, y, contextElement }));\n    if (!open()) commit(true, reason, event);\n  };\n\n  const closeAll = (reason: ContextMenuChangeEventReason, event?: Event) => {\n    const wasOpen = open();\n    if (!wasOpen) return;\n    commit(false, reason, event);\n    // cancel() 之后菜单并没有真的关闭，因此也不该动焦点\n    if (open() === wasOpen) return;\n    // 点击菜单外部时焦点应该留在用户刚点的目标上,不能把焦点抢回触发器。\n    if (reason !== \"outside-press\" && finalFocus()) restoreFocus();\n  };\n\n  const isInsideMenu = (node: Node | null): boolean => {\n    if (!node || !(node instanceof Element)) return false;\n    for (const el of menuElements) {\n      if (el.contains(node)) return true;\n    }\n    return false;\n  };\n\n  const isInsideTrigger = (node: Node | null): boolean => {\n    if (!node || !(node instanceof Element)) return false;\n    return !!trigger()?.contains(node);\n  };\n\n  const registerMenuElement = (el: HTMLElement) => {\n    menuElements.add(el);\n    return () => {\n      menuElements.delete(el);\n    };\n  };\n\n  // 打开期间绑定 document 级监听:点击外部/再次右键外部关闭 + Escape 兜底关闭。\n  // 菜单内部的 Escape 会由浮层自己处理并 stopPropagation,不会走到这里。\n  createEffect(() => {\n    if (!open()) return;\n\n    const onPointerDown = (e: PointerEvent) => {\n      // 右键交给 contextmenu 处理:否则会先被这里关掉、又被触发器重新打开,\n      // 中间闪一帧。\n      if (e.button === 2) return;\n      // 注意这里不把触发器算作\"内部\":菜单打开时左键点触发器应当关闭菜单。\n      if (!isInsideMenu(e.target as Node | null)) {\n        closeAll(\"outside-press\", e);\n      }\n    };\n\n    const onContextMenu = (e: MouseEvent) => {\n      const target = e.target as Node | null;\n      // 在触发器上再次右键只更新锚点,由触发器自己的 contextmenu 处理。\n      if (!isInsideMenu(target) && !isInsideTrigger(target)) {\n        closeAll(\"outside-press\", e);\n      }\n    };\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      // 菜单浮层自己处理 Escape 时会 preventDefault + stopPropagation。\n      // 这里再检查一次 defaultPrevented:键盘事件在 Solid 里是委托到 document 的,\n      // 同元素上的其它监听器不会被 stopPropagation 拦下,靠这个标记避免重复关闭。\n      if (e.defaultPrevented) return;\n      if (e.key === \"Escape\") closeAll(\"escape-key\", e);\n    };\n\n    document.addEventListener(\"pointerdown\", onPointerDown, true);\n    document.addEventListener(\"contextmenu\", onContextMenu, true);\n    document.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => {\n      document.removeEventListener(\"pointerdown\", onPointerDown, true);\n      document.removeEventListener(\"contextmenu\", onContextMenu, true);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    });\n  });\n\n  const ctx: ContextMenuContextValue = {\n    open,\n    disabled,\n    loopFocus,\n    orientation,\n    highlightItemOnHover,\n    trigger,\n    setTrigger,\n    anchor,\n    contentId,\n    finalFocus,\n    setFinalFocus,\n    openAt,\n    closeAll,\n    registerMenuElement,\n    isInsideMenu,\n  };\n\n  return (\n    <ContextMenuContext.Provider value={ctx}>\n      {props.children}\n    </ContextMenuContext.Provider>\n  );\n}\n"],"mappings":"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"}

package/dist/components/context-menu/ContextMenuContent/context-menu.highlight.d.ts

@@ -0,0 +1,33 @@
+import { Accessor } from 'solid-js';
+import { ContextMenuItemEntry } from '../context-menu.types';
+/**
+ * 浮层内的高亮导航。
+ *
+ * 单一职责：维护"当前高亮的是哪一项"，并提供移动/跳到首尾的能力。
+ * 交互模型是焦点留在 popup 上、高亮用 `aria-activedescendant` 表达，
+ * 因此这里只改 id，不碰真实焦点。
+ */
+/** 键盘移动时的目标下标（-1 表示列表为空，调用方据此放弃） */
+export declare function resolveNextActiveIndex(currentIndex: number, delta: 1 | -1, length: number, loopFocus: boolean): number;
+export interface CreateHighlightOptions {
+    /** 全部菜单项（按 DOM 顺序），用于反查当前高亮项 */
+    orderedItems: Accessor<ContextMenuItemEntry[]>;
+    /** 可参与导航的菜单项（排除 disabled） */
+    enabledItems: Accessor<ContextMenuItemEntry[]>;
+    loopFocus: () => boolean;
+    /** 当前展开的子菜单项 id（没有展开时为 undefined） */
+    openPopupId: Accessor<string | undefined>;
+    /** 关闭已展开的子菜单 */
+    closeOpenPopup: () => void;
+    /** 本浮层是否打开；关闭时清空高亮，保证下次从第一项开始 */
+    open: Accessor<boolean>;
+}
+export interface HighlightNavigation {
+    activeId: Accessor<string | undefined>;
+    activeEntry: Accessor<ContextMenuItemEntry | undefined>;
+    setActiveId: (id: string | undefined) => void;
+    moveActive: (delta: 1 | -1) => void;
+    focusFirst: () => void;
+    focusLast: () => void;
+}
+export declare function createHighlight(options: CreateHighlightOptions): HighlightNavigation;

package/dist/components/context-menu/ContextMenuContent/context-menu.highlight.js

@@ -0,0 +1,41 @@
+import { createEffect as e, createMemo as t, createSignal as n } from "solid-js";
+//#region src/components/context-menu/ContextMenuContent/context-menu.highlight.ts
+function r(e, t, n, r) {
+	if (n <= 0) return -1;
+	if (e === -1) return t > 0 ? 0 : n - 1;
+	let i = e + t;
+	return i < 0 ? r ? n - 1 : 0 : i >= n ? r ? 0 : n - 1 : i;
+}
+function i(i) {
+	let [a, o] = n(), s = (e) => {
+		o(e);
+		let t = i.openPopupId();
+		t !== void 0 && t !== e && i.closeOpenPopup();
+	}, c = t(() => i.orderedItems().find((e) => e.id === a()));
+	return e(() => {
+		let e = c();
+		e && e.element.scrollIntoView({ block: "nearest" });
+	}), e(() => {
+		i.open() || (o(void 0), i.closeOpenPopup());
+	}), {
+		activeId: a,
+		activeEntry: c,
+		setActiveId: s,
+		moveActive(e) {
+			let t = i.enabledItems(), n = r(t.findIndex((e) => e.id === a()), e, t.length, i.loopFocus());
+			n !== -1 && s(t[n].id);
+		},
+		focusFirst() {
+			let e = i.enabledItems();
+			s(e.length > 0 ? e[0].id : void 0);
+		},
+		focusLast() {
+			let e = i.enabledItems();
+			s(e.length > 0 ? e[e.length - 1].id : void 0);
+		}
+	};
+}
+//#endregion
+export { i as createHighlight, r as resolveNextActiveIndex };
+
+//# sourceMappingURL=context-menu.highlight.js.map

package/dist/components/context-menu/ContextMenuContent/context-menu.highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.highlight.js","names":["resolveNextActiveIndex","length","currentIndex","delta","next","loopFocus","createHighlight","activeId","setActiveIdInternal","createSignal","setActiveId","id","openId","options","activeEntry","createMemo","item","createEffect","entry","list","nextIndex"],"sources":["../../../../src/components/context-menu/ContextMenuContent/context-menu.highlight.ts"],"sourcesContent":["import {\n  createEffect,\n  createMemo,\n  createSignal,\n  type Accessor,\n} from \"solid-js\";\nimport type { ContextMenuItemEntry } from \"../context-menu.types\";\n\n/**\n * 浮层内的高亮导航。\n *\n * 单一职责：维护\"当前高亮的是哪一项\"，并提供移动/跳到首尾的能力。\n * 交互模型是焦点留在 popup 上、高亮用 `aria-activedescendant` 表达，\n * 因此这里只改 id，不碰真实焦点。\n */\n\n/** 键盘移动时的目标下标（-1 表示列表为空，调用方据此放弃） */\nexport function resolveNextActiveIndex(\n  currentIndex: number,\n  delta: 1 | -1,\n  length: number,\n  loopFocus: boolean,\n): number {\n  if (length <= 0) return -1;\n  if (currentIndex === -1) return delta > 0 ? 0 : length - 1;\n\n  const next = currentIndex + delta;\n  if (next < 0) return loopFocus ? length - 1 : 0;\n  if (next >= length) return loopFocus ? 0 : length - 1;\n  return next;\n}\n\nexport interface CreateHighlightOptions {\n  /** 全部菜单项（按 DOM 顺序），用于反查当前高亮项 */\n  orderedItems: Accessor<ContextMenuItemEntry[]>;\n  /** 可参与导航的菜单项（排除 disabled） */\n  enabledItems: Accessor<ContextMenuItemEntry[]>;\n  loopFocus: () => boolean;\n  /** 当前展开的子菜单项 id（没有展开时为 undefined） */\n  openPopupId: Accessor<string | undefined>;\n  /** 关闭已展开的子菜单 */\n  closeOpenPopup: () => void;\n  /** 本浮层是否打开；关闭时清空高亮，保证下次从第一项开始 */\n  open: Accessor<boolean>;\n}\n\nexport interface HighlightNavigation {\n  activeId: Accessor<string | undefined>;\n  activeEntry: Accessor<ContextMenuItemEntry | undefined>;\n  setActiveId: (id: string | undefined) => void;\n  moveActive: (delta: 1 | -1) => void;\n  focusFirst: () => void;\n  focusLast: () => void;\n}\n\nexport function createHighlight(\n  options: CreateHighlightOptions,\n): HighlightNavigation {\n  const [activeId, setActiveIdInternal] = createSignal<string | undefined>();\n\n  /** 高亮某项；若高亮切到了别的项，顺手关掉已展开的子菜单 */\n  const setActiveId = (id: string | undefined) => {\n    setActiveIdInternal(id);\n    const openId = options.openPopupId();\n    if (openId !== undefined && openId !== id) options.closeOpenPopup();\n  };\n\n  const activeEntry = createMemo(() =>\n    options.orderedItems().find((item) => item.id === activeId()),\n  );\n\n  // 高亮项变化时滚动到可见区域\n  createEffect(() => {\n    const entry = activeEntry();\n    if (!entry) return;\n    entry.element.scrollIntoView({ block: \"nearest\" });\n  });\n\n  // 关闭时清空高亮与子菜单状态\n  createEffect(() => {\n    if (options.open()) return;\n    setActiveIdInternal(undefined);\n    options.closeOpenPopup();\n  });\n\n  return {\n    activeId,\n    activeEntry,\n    setActiveId,\n    moveActive(delta) {\n      const list = options.enabledItems();\n      const currentIndex = list.findIndex((item) => item.id === activeId());\n      const nextIndex = resolveNextActiveIndex(\n        currentIndex,\n        delta,\n        list.length,\n        options.loopFocus(),\n      );\n      if (nextIndex === -1) return;\n      setActiveId(list[nextIndex]!.id);\n    },\n    focusFirst() {\n      const list = options.enabledItems();\n      setActiveId(list.length > 0 ? list[0]!.id : undefined);\n    },\n    focusLast() {\n      const list = options.enabledItems();\n      setActiveId(list.length > 0 ? list[list.length - 1]!.id : undefined);\n    },\n  };\n}\n"],"mappings":";;AAiBA,SAAgBA,EACd,GACA,GACA,GACA,GACQ;CACR,IAAIC,KAAU,GAAG,OAAO;CACxB,IAAIC,MAAiB,IAAI,OAAOC,IAAQ,IAAI,IAAIF,IAAS;CAEzD,IAAMG,IAAOF,IAAeC;CAG5B,OAFIC,IAAO,IAAUC,IAAYJ,IAAS,IAAI,IAC1CG,KAAQH,IAAeI,IAAY,IAAIJ,IAAS,IAC7CG;AACT;AAyBA,SAAgBE,EACd,GACqB;CACrB,IAAM,CAACC,GAAUC,KAAuBC,EAAiC,GAGnEC,KAAe,MAA2B;EAC9C,EAAoBC,CAAE;EACtB,IAAMC,IAASC,EAAQ,YAAY;EACnC,AAAID,MAAW,KAAA,KAAaA,MAAWD,KAAIE,EAAQ,eAAe;CACpE,GAEMC,IAAcC,QAClBF,EAAQ,aAAa,CAAC,CAAC,MAAM,MAASG,EAAK,OAAOT,EAAS,CAAC,CAC9D;CAgBA,OAbAU,QAAmB;EACjB,IAAMC,IAAQJ,EAAY;EAC1B,AAAKI,KACLA,EAAM,QAAQ,eAAe,EAAE,OAAO,UAAU,CAAC;CACnD,CAAC,GAGDD,QAAmB;EACjB,AAAIJ,EAAQ,KAAK,MACjBL,EAAoB,KAAA,CAAS,GAC7BK,EAAQ,eAAe;CACzB,CAAC,GAEM;EACL;EACA;EACA;EACA,WAAW,GAAO;GAChB,IAAMM,IAAON,EAAQ,aAAa,GAE5BO,IAAYpB,EADGmB,EAAK,WAAW,MAASH,EAAK,OAAOT,EAAS,CAEjE,GACAJ,GACAgB,EAAK,QACLN,EAAQ,UAAU,CACpB;GACA,AAAIO,MAAc,MAClBV,EAAYS,EAAKC,EAAU,CAAE,EAAE;EACjC;EACA,aAAa;GACX,IAAMD,IAAON,EAAQ,aAAa;GAClC,EAAYM,EAAK,SAAS,IAAIA,EAAK,EAAE,CAAE,KAAK,KAAA,CAAS;EACvD;EACA,YAAY;GACV,IAAMA,IAAON,EAAQ,aAAa;GAClC,EAAYM,EAAK,SAAS,IAAIA,EAAKA,EAAK,SAAS,EAAE,CAAE,KAAK,KAAA,CAAS;EACrE;CACF;AACF"}

package/dist/components/context-menu/ContextMenuContent/context-menu.popup-items.d.ts

@@ -0,0 +1,25 @@
+import { Accessor } from 'solid-js';
+import { ContextMenuItemEntry } from '../context-menu.types';
+/**
+ * 浮层内的菜单项集合。
+ *
+ * 单一职责：维护"这一层里注册了哪些菜单项"，并给出两种派生视图——
+ * 按 DOM 顺序排好的全部项、以及其中未禁用的项。浮层之间的父子关系、
+ * 高亮与定位都不在这里。
+ */
+/** 按 DOM 顺序比较两个菜单项：A 在 B 之前返回 -1，之后返回 1，同一元素返回 0 */
+export declare function compareItemElements(a: ContextMenuItemEntry, b: ContextMenuItemEntry): number;
+export interface ItemCollection {
+    /** 按注册时机排列的原始列表（`orderedItems` 之前的状态） */
+    items: Accessor<ContextMenuItemEntry[]>;
+    registerItem: (entry: ContextMenuItemEntry) => () => void;
+    /**
+     * 按 DOM 顺序排序后的列表。
+     * 调用方常用 `<For>` 动态生成菜单项，注册顺序与实际渲染顺序可能不同，
+     * 而"上一项/下一项"必须按用户看到的顺序走。
+     */
+    orderedItems: Accessor<ContextMenuItemEntry[]>;
+    /** 可参与键盘导航的项（排除 disabled） */
+    enabledItems: Accessor<ContextMenuItemEntry[]>;
+}
+export declare function createItemCollection(): ItemCollection;

package/dist/components/context-menu/ContextMenuContent/context-menu.popup-items.js

@@ -0,0 +1,20 @@
+import { createMemo as e, createSignal as t } from "solid-js";
+//#region src/components/context-menu/ContextMenuContent/context-menu.popup-items.ts
+function n(e, t) {
+	return e.element === t.element ? 0 : e.element.compareDocumentPosition(t.element) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
+}
+function r() {
+	let [r, i] = t([]), a = e(() => [...r()].sort(n));
+	return {
+		items: r,
+		orderedItems: a,
+		enabledItems: e(() => a().filter((e) => !e.disabled())),
+		registerItem(e) {
+			return i((t) => [...t, e]), () => i((t) => t.filter((t) => t.id !== e.id));
+		}
+	};
+}
+//#endregion
+export { n as compareItemElements, r as createItemCollection };
+
+//# sourceMappingURL=context-menu.popup-items.js.map

package/dist/components/context-menu/ContextMenuContent/context-menu.popup-items.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.popup-items.js","names":["compareItemElements","a","b","createItemCollection","items","setItems","createSignal","orderedItems","createMemo","item","list","entry","it"],"sources":["../../../../src/components/context-menu/ContextMenuContent/context-menu.popup-items.ts"],"sourcesContent":["import { createMemo, createSignal, type Accessor } from \"solid-js\";\nimport type { ContextMenuItemEntry } from \"../context-menu.types\";\n\n/**\n * 浮层内的菜单项集合。\n *\n * 单一职责：维护\"这一层里注册了哪些菜单项\"，并给出两种派生视图——\n * 按 DOM 顺序排好的全部项、以及其中未禁用的项。浮层之间的父子关系、\n * 高亮与定位都不在这里。\n */\n\n/** 按 DOM 顺序比较两个菜单项：A 在 B 之前返回 -1，之后返回 1，同一元素返回 0 */\nexport function compareItemElements(\n  a: ContextMenuItemEntry,\n  b: ContextMenuItemEntry,\n): number {\n  if (a.element === b.element) return 0;\n  const relation = a.element.compareDocumentPosition(b.element);\n  return relation & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;\n}\n\nexport interface ItemCollection {\n  /** 按注册时机排列的原始列表（`orderedItems` 之前的状态） */\n  items: Accessor<ContextMenuItemEntry[]>;\n  registerItem: (entry: ContextMenuItemEntry) => () => void;\n  /**\n   * 按 DOM 顺序排序后的列表。\n   * 调用方常用 `<For>` 动态生成菜单项，注册顺序与实际渲染顺序可能不同，\n   * 而\"上一项/下一项\"必须按用户看到的顺序走。\n   */\n  orderedItems: Accessor<ContextMenuItemEntry[]>;\n  /** 可参与键盘导航的项（排除 disabled） */\n  enabledItems: Accessor<ContextMenuItemEntry[]>;\n}\n\nexport function createItemCollection(): ItemCollection {\n  const [items, setItems] = createSignal<ContextMenuItemEntry[]>([]);\n\n  const orderedItems = createMemo(() => [...items()].sort(compareItemElements));\n\n  return {\n    items,\n    orderedItems,\n    enabledItems: createMemo(() =>\n      orderedItems().filter((item) => !item.disabled()),\n    ),\n    registerItem(entry) {\n      setItems((list) => [...list, entry]);\n      return () => setItems((list) => list.filter((it) => it.id !== entry.id));\n    },\n  };\n}\n"],"mappings":";;AAYA,SAAgBA,EACd,GACA,GACQ;CAGR,OAFIC,EAAE,YAAYC,EAAE,UAAgB,IACnBD,EAAE,QAAQ,wBAAwBC,EAAE,OAC9C,IAAW,KAAK,8BAA8B,KAAK;AAC5D;AAgBA,SAAgBC,IAAuC;CACrD,IAAM,CAACC,GAAOC,KAAYC,EAAqC,CAAC,CAAC,GAE3DC,IAAeC,QAAiB,CAAC,GAAGJ,EAAM,CAAC,CAAC,CAAC,KAAKJ,CAAmB,CAAC;CAE5E,OAAO;EACL;EACA;EACA,cAAcQ,QACZD,EAAa,CAAC,CAAC,QAAQ,MAAS,CAACE,EAAK,SAAS,CAAC,CAClD;EACA,aAAa,GAAO;GAElB,OADAJ,GAAU,MAAS,CAAC,GAAGK,GAAMC,CAAK,CAAC,SACtBN,GAAU,MAASK,EAAK,QAAQ,MAAOE,EAAG,OAAOD,EAAM,EAAE,CAAC;EACzE;CACF;AACF"}

package/dist/components/context-menu/ContextMenuContent/context-menu.positioner.d.ts

@@ -0,0 +1,31 @@
+import { Accessor } from 'solid-js';
+import { Placement, Positioner, ReferenceElement } from '../../../lib';
+import { ContextMenuAlign, ContextMenuSide } from '../context-menu.types';
+export interface PopupPositionerOptions {
+    /** 定位锚点：根菜单是鼠标坐标的虚拟元素，子菜单是子菜单触发器 */
+    reference: Accessor<ReferenceElement | undefined>;
+    /** 负责定位的外层元素 */
+    positionerElement: Accessor<HTMLElement | undefined>;
+    side: Accessor<ContextMenuSide>;
+    align: Accessor<ContextMenuAlign>;
+    dir: Accessor<"ltr" | "rtl" | "auto" | undefined>;
+    sideOffset: Accessor<number>;
+    alignOffset: Accessor<number>;
+    collisionPadding: Accessor<number>;
+}
+export interface PopupPositioner {
+    pos: Positioner;
+    availableHeight: Accessor<number | undefined>;
+    placement: Accessor<Placement>;
+}
+/**
+ * 浮层的定位配置。
+ *
+ * 单一职责：把 `side` / `align` / 偏移 / 碰撞内边距这些 props 翻译成
+ * middleware 组合（offset → flip → shift → size → hide → containingBlockOffset），
+ * 并把 size 中间件算出的可用高度暴露给调用方（用于 max-height 滚动）。
+ *
+ * `containingBlockOffset` 放在最后：Portal 里的浮层相对视口定位，
+ * 但祖先若有 `transform`，fixed 定位的参考系会变，需要补上这段偏移。
+ */
+export declare function createPopupPositioner(options: PopupPositionerOptions): PopupPositioner;

package/dist/components/context-menu/ContextMenuContent/context-menu.positioner.js

@@ -0,0 +1,39 @@
+import { createPositioner as e } from "../../../lib/positioner/create-positioner.js";
+import { offset as t } from "../../../lib/positioner/middleware/offset.js";
+import { shift as n } from "../../../lib/positioner/middleware/shift.js";
+import { flip as r } from "../../../lib/positioner/middleware/flip.js";
+import { size as i } from "../../../lib/positioner/middleware/size.js";
+import { hide as a } from "../../../lib/positioner/middleware/hide.js";
+import { containingBlockOffset as o } from "../../../lib/positioner/middleware/containing-block-offset.js";
+import { toContextMenuPlacement as s } from "../context-menu.utils.js";
+import { createSignal as c } from "solid-js";
+//#region src/components/context-menu/ContextMenuContent/context-menu.positioner.ts
+function l(l) {
+	let [u, d] = c(), f = e(l.reference, l.positionerElement, {
+		placement: () => s(l.side(), l.align(), l.dir()),
+		strategy: "fixed",
+		middleware: () => [
+			t({
+				mainAxis: l.sideOffset(),
+				crossAxis: l.alignOffset()
+			}),
+			r(),
+			n({ padding: l.collisionPadding() }),
+			i({
+				padding: l.collisionPadding(),
+				apply: ({ availableHeight: e }) => d(e)
+			}),
+			a(),
+			o()
+		]
+	});
+	return {
+		pos: f,
+		availableHeight: u,
+		placement: f.placement
+	};
+}
+//#endregion
+export { l as createPopupPositioner };
+
+//# sourceMappingURL=context-menu.positioner.js.map

package/dist/components/context-menu/ContextMenuContent/context-menu.positioner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.positioner.js","names":["createPopupPositioner","availableHeight","setAvailableHeight","createSignal","pos","createPositioner","options","toContextMenuPlacement","offset","flip","shift","size","hide","containingBlockOffset"],"sources":["../../../../src/components/context-menu/ContextMenuContent/context-menu.positioner.ts"],"sourcesContent":["import { createSignal, type Accessor } from \"solid-js\";\nimport {\n  containingBlockOffset,\n  createPositioner,\n  flip,\n  hide,\n  offset,\n  shift,\n  size,\n  type Placement,\n  type Positioner,\n  type ReferenceElement,\n} from \"~/lib\";\nimport type { ContextMenuAlign, ContextMenuSide } from \"../context-menu.types\";\nimport { toContextMenuPlacement } from \"../context-menu.utils\";\n\nexport interface PopupPositionerOptions {\n  /** 定位锚点：根菜单是鼠标坐标的虚拟元素，子菜单是子菜单触发器 */\n  reference: Accessor<ReferenceElement | undefined>;\n  /** 负责定位的外层元素 */\n  positionerElement: Accessor<HTMLElement | undefined>;\n  side: Accessor<ContextMenuSide>;\n  align: Accessor<ContextMenuAlign>;\n  dir: Accessor<\"ltr\" | \"rtl\" | \"auto\" | undefined>;\n  sideOffset: Accessor<number>;\n  alignOffset: Accessor<number>;\n  collisionPadding: Accessor<number>;\n}\n\nexport interface PopupPositioner {\n  pos: Positioner;\n  availableHeight: Accessor<number | undefined>;\n  placement: Accessor<Placement>;\n}\n\n/**\n * 浮层的定位配置。\n *\n * 单一职责：把 `side` / `align` / 偏移 / 碰撞内边距这些 props 翻译成\n * middleware 组合（offset → flip → shift → size → hide → containingBlockOffset），\n * 并把 size 中间件算出的可用高度暴露给调用方（用于 max-height 滚动）。\n *\n * `containingBlockOffset` 放在最后：Portal 里的浮层相对视口定位，\n * 但祖先若有 `transform`，fixed 定位的参考系会变，需要补上这段偏移。\n */\nexport function createPopupPositioner(\n  options: PopupPositionerOptions,\n): PopupPositioner {\n  const [availableHeight, setAvailableHeight] = createSignal<number>();\n\n  const pos = createPositioner(options.reference, options.positionerElement, {\n    placement: () =>\n      toContextMenuPlacement(options.side(), options.align(), options.dir()),\n    strategy: \"fixed\",\n    middleware: () => [\n      offset({\n        mainAxis: options.sideOffset(),\n        crossAxis: options.alignOffset(),\n      }),\n      flip(),\n      shift({ padding: options.collisionPadding() }),\n      size({\n        padding: options.collisionPadding(),\n        apply: ({ availableHeight }) => setAvailableHeight(availableHeight),\n      }),\n      hide(),\n      containingBlockOffset(),\n    ],\n  });\n\n  return { pos, availableHeight, placement: pos.placement };\n}\n"],"mappings":";;;;;;;;;;AA6CA,SAAgBA,EACd,GACiB;CACjB,IAAM,CAACC,GAAiBC,KAAsBC,EAAqB,GAE7DC,IAAMC,EAAiBC,EAAQ,WAAWA,EAAQ,mBAAmB;EACzE,iBACEC,EAAuBD,EAAQ,KAAK,GAAGA,EAAQ,MAAM,GAAGA,EAAQ,IAAI,CAAC;EACvE,UAAU;EACV,kBAAkB;GAChBE,EAAO;IACL,UAAUF,EAAQ,WAAW;IAC7B,WAAWA,EAAQ,YAAY;GACjC,CAAC;GACDG,EAAK;GACLC,EAAM,EAAE,SAASJ,EAAQ,iBAAiB,EAAE,CAAC;GAC7CK,EAAK;IACH,SAASL,EAAQ,iBAAiB;IAClC,QAAQ,EAAE,yBAAsBJ,EAAmBD,CAAe;GACpE,CAAC;GACDW,EAAK;GACLC,EAAsB;EACxB;CACF,CAAC;CAED,OAAO;EAAE;EAAK;EAAiB,WAAWT,EAAI;CAAU;AAC1D"}