@neut/ui 0.0.17 → 0.0.18

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","names":["createMemo","createSignal","createUniqueId","JSX","useScrollLock","ComboboxContext","ComboboxContextValue","ComboboxProps","DEFAULT_ITEM_TO_STRING","item","String","Combobox","props","T","Element","items","itemToStringValue","initialValue","value","undefined","defaultValue","inputValue","setInputValue","Array","isArray","filterValue","setFilterValue","internalValue","setInternalValue","setValue","next","onValueChange","internalOpen","setInternalOpen","defaultOpen","open","disabled","lockScroll","allowedSelector","multiple","setOpen","onOpenChange","activeIndex","setActiveIndex","reference","setReference","HTMLElement","floating","setFloating","contentId","isGrouped","some","filteredItems","query","toLowerCase","trim","filter","includes","selectedItems","current","isSelected","selected","close","selectItem","ctx","_$createComponent","Provider","children","_$createComponent","DEFAULT_ITEM_TO_STRING","item","Combobox","items","createMemo","props","itemToStringValue","initialValue","inputValue","setInputValue","createSignal","filterValue","setFilterValue","internalValue","setInternalValue","value","setValue","next","internalOpen","setInternalOpen","open","disabled","lockScroll","multiple","setOpen","activeIndex","setActiveIndex","reference","setReference","floating","setFloating","contentId","createUniqueId","isGrouped","filteredItems","query","selectedItems","current","isSelected","selected","close","ctx","createComponent","ComboboxContext"],"sources":["../../../../src/components/combobox/Combobox/Combobox.tsx"],"sourcesContent":["import { createMemo, createSignal, createUniqueId, type JSX } from \"solid-js\";\nimport { useScrollLock } from \"~/hooks\";\nimport { ComboboxContext } from \"./Combobox.context\";\nimport type { ComboboxContextValue, ComboboxProps } from \"./Combobox.types\";\n\nconst DEFAULT_ITEM_TO_STRING = (item: any) => String(item);\n\nexport function Combobox<T = any>(props: ComboboxProps<T>): JSX.Element {\n  const items = createMemo(() => props.items);\n  const itemToStringValue = createMemo(\n    () => props.itemToStringValue ?? DEFAULT_ITEM_TO_STRING,\n  );\n\n  const initialValue =\n    props.value !== undefined ? props.value : props.defaultValue;\n  const [inputValue, setInputValue] = createSignal(\n    initialValue == null || Array.isArray(initialValue)\n      ? \"\"\n      : itemToStringValue()(initialValue as T),\n  );\n  const [filterValue, setFilterValue] = createSignal(\"\");\n  const [internalValue, setInternalValue] = createSignal<\n    T | T[] | null | undefined\n  >(props.defaultValue);\n  const value = createMemo(() =>\n    props.value !== undefined ? props.value : internalValue(),\n  );\n\n  const setValue = (next: T | T[] | null) => {\n    if (props.value === undefined) setInternalValue(next as any);\n    props.onValueChange?.(next);\n  };\n\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 lockScroll = createMemo(() => props.lockScroll ?? true);\n\n  // 打开期间默认锁定页面滚动：锁住文档滚动并拦截浮层之外的滚轮/触摸，\n  // 面板自身仍可滚动。传 lockScroll={false} 可关闭该行为。\n  useScrollLock(() => open() && lockScroll(), {\n    allowedSelector: '[data-slot=\"combobox-content\"]',\n  });\n\n  const multiple = createMemo(() => !!props.multiple);\n  const setOpen = (next: boolean) => {\n    if (props.open === undefined) setInternalOpen(next);\n    props.onOpenChange?.(next);\n  };\n\n  const [activeIndex, setActiveIndex] = createSignal(-1);\n  const [reference, setReference] = createSignal<HTMLElement>();\n  const [floating, setFloating] = createSignal<HTMLElement>();\n  const contentId = `combobox-content-${createUniqueId()}`;\n\n  const isGrouped = createMemo(() =>\n    items().some(\n      (item) =>\n        item && typeof item === \"object\" && Array.isArray((item as any).items),\n    ),\n  );\n\n  const filteredItems = createMemo(() => {\n    const query = filterValue().toLowerCase().trim();\n    if (!query) return items();\n    return items().filter((item) =>\n      itemToStringValue()(item).toLowerCase().includes(query),\n    );\n  });\n\n  const selectedItems = createMemo(() => {\n    const current = value();\n    if (current == null) return [] as T[];\n    return Array.isArray(current) ? current : [current];\n  });\n\n  const isSelected = (item: T) =>\n    selectedItems().some((selected) => selected === item);\n\n  const close = () => setOpen(false);\n\n  const selectItem = (item: T) => {\n    if (disabled()) return;\n    if (props.multiple) {\n      const current = selectedItems();\n      const next = isSelected(item)\n        ? current.filter((selected) => selected !== item)\n        : [...current, item];\n      setValue(next);\n      setInputValue(\"\");\n      setFilterValue(\"\");\n    } else {\n      setValue(item);\n      setInputValue(itemToStringValue()(item));\n      setFilterValue(\"\");\n      close();\n    }\n  };\n\n  const ctx: ComboboxContextValue<T> = {\n    items,\n    filteredItems,\n    isGrouped,\n    inputValue,\n    setInputValue,\n    filterValue,\n    setFilterValue,\n    open,\n    setOpen,\n    disabled,\n    multiple,\n    value,\n    setValue,\n    selectItem,\n    isSelected,\n    itemToStringValue: (item) => itemToStringValue()(item),\n    activeIndex,\n    setActiveIndex,\n    reference,\n    setReference,\n    floating,\n    setFloating,\n    contentId,\n    close,\n  };\n\n  return (\n    <ComboboxContext.Provider value={ctx}>\n      {props.children}\n    </ComboboxContext.Provider>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Combobox.js","names":["createMemo","createSignal","createUniqueId","JSX","useScrollLock","createChangeEventDetails","ComboboxContext","ComboboxContextValue","ComboboxOpenChangeReason","ComboboxProps","ComboboxValueChangeReason","DEFAULT_ITEM_TO_STRING","item","String","Combobox","props","T","Element","items","itemToStringValue","initialValue","value","undefined","defaultValue","inputValue","setInputValue","Array","isArray","filterValue","setFilterValue","internalValue","setInternalValue","setValue","next","reason","event","Event","details","reference","onValueChange","isCanceled","internalOpen","setInternalOpen","defaultOpen","open","disabled","lockScroll","allowedSelector","multiple","setOpen","onOpenChange","activeIndex","setActiveIndex","setReference","HTMLElement","floating","setFloating","contentId","listId","optionId","isGrouped","some","filteredItems","query","toLowerCase","trim","filter","includes","selectedItems","current","isSelected","selected","close","selectItem","applied","ctx","_$createComponent","Provider","children","_$createComponent","DEFAULT_ITEM_TO_STRING","item","Combobox","items","createMemo","props","itemToStringValue","initialValue","inputValue","setInputValue","createSignal","filterValue","setFilterValue","internalValue","setInternalValue","value","setValue","details","createChangeEventDetails","reason","event","reference","next","internalOpen","setInternalOpen","open","disabled","lockScroll","multiple","setOpen","activeIndex","setActiveIndex","setReference","floating","setFloating","contentId","createUniqueId","listId","optionId","isGrouped","filteredItems","query","selectedItems","current","isSelected","selected","close","ctx","createComponent","ComboboxContext"],"sources":["../../../../src/components/combobox/Combobox/Combobox.tsx"],"sourcesContent":["import { createMemo, createSignal, createUniqueId, type JSX } from \"solid-js\";\nimport { useScrollLock } from \"~/hooks\";\nimport { createChangeEventDetails } from \"~/utils\";\nimport { ComboboxContext } from \"./Combobox.context\";\nimport type {\n  ComboboxContextValue,\n  ComboboxOpenChangeReason,\n  ComboboxProps,\n  ComboboxValueChangeReason,\n} from \"./Combobox.types\";\n\nconst DEFAULT_ITEM_TO_STRING = (item: any) => String(item);\n\nexport function Combobox<T = any>(props: ComboboxProps<T>): JSX.Element {\n  const items = createMemo(() => props.items);\n  const itemToStringValue = createMemo(\n    () => props.itemToStringValue ?? DEFAULT_ITEM_TO_STRING,\n  );\n\n  const initialValue =\n    props.value !== undefined ? props.value : props.defaultValue;\n  const [inputValue, setInputValue] = createSignal(\n    initialValue == null || Array.isArray(initialValue)\n      ? \"\"\n      : itemToStringValue()(initialValue as T),\n  );\n  const [filterValue, setFilterValue] = createSignal(\"\");\n  const [internalValue, setInternalValue] = createSignal<\n    T | T[] | null | undefined\n  >(props.defaultValue);\n  const value = createMemo(() =>\n    props.value !== undefined ? props.value : internalValue(),\n  );\n\n  const setValue = (\n    next: T | T[] | null,\n    reason: ComboboxValueChangeReason = \"none\",\n    event?: Event,\n  ): boolean => {\n    const details = createChangeEventDetails(reason, event, reference());\n    // 先回调再落状态：调用方可以在 details.cancel() 里否决本次变更\n    props.onValueChange?.(next, details);\n    if (details.isCanceled) return false;\n    if (props.value === undefined) setInternalValue(next as any);\n    return true;\n  };\n\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 lockScroll = createMemo(() => props.lockScroll ?? true);\n\n  // 打开期间默认锁定页面滚动：锁住文档滚动并拦截浮层之外的滚轮/触摸，\n  // 面板自身仍可滚动。传 lockScroll={false} 可关闭该行为。\n  useScrollLock(() => open() && lockScroll(), {\n    allowedSelector: '[data-slot=\"combobox-content\"]',\n  });\n\n  const multiple = createMemo(() => !!props.multiple);\n  const setOpen = (\n    next: boolean,\n    reason: ComboboxOpenChangeReason = \"none\",\n    event?: Event,\n  ) => {\n    const details = createChangeEventDetails(reason, event, reference());\n    props.onOpenChange?.(next, details);\n    if (details.isCanceled) return;\n    if (props.open === undefined) setInternalOpen(next);\n  };\n\n  const [activeIndex, setActiveIndex] = createSignal(-1);\n  const [reference, setReference] = createSignal<HTMLElement>();\n  const [floating, setFloating] = createSignal<HTMLElement>();\n  const contentId = `combobox-content-${createUniqueId()}`;\n  const listId = `combobox-list-${createUniqueId()}`;\n  // 选项 id 由 listId + 值派生：aria-activedescendant 需要能指向当前高亮项\n  const optionId = (value: unknown) => `${listId}-option-${String(value)}`;\n\n  const isGrouped = createMemo(() =>\n    items().some(\n      (item) =>\n        item && typeof item === \"object\" && Array.isArray((item as any).items),\n    ),\n  );\n\n  const filteredItems = createMemo(() => {\n    const query = filterValue().toLowerCase().trim();\n    if (!query) return items();\n    return items().filter((item) =>\n      itemToStringValue()(item).toLowerCase().includes(query),\n    );\n  });\n\n  const selectedItems = createMemo(() => {\n    const current = value();\n    if (current == null) return [] as T[];\n    return Array.isArray(current) ? current : [current];\n  });\n\n  const isSelected = (item: T) =>\n    selectedItems().some((selected) => selected === item);\n\n  const close = (reason: ComboboxOpenChangeReason = \"none\", event?: Event) =>\n    setOpen(false, reason, event);\n\n  const selectItem = (item: T, event?: Event) => {\n    if (disabled()) return;\n    const applied = setValue(\n      props.multiple\n        ? isSelected(item)\n          ? selectedItems().filter((selected) => selected !== item)\n          : [...selectedItems(), item]\n        : item,\n      \"item-press\",\n      event,\n    );\n    // 值变更被 cancel() 时，输入框的展示与关闭也不该跟着变，\n    // 否则会出现\"值没改但输入框被回填/面板被关掉\"的不一致状态\n    if (!applied) return;\n    if (props.multiple) {\n      setInputValue(\"\");\n      setFilterValue(\"\");\n    } else {\n      setInputValue(itemToStringValue()(item));\n      setFilterValue(\"\");\n      close(\"item-press\", event);\n    }\n  };\n\n  const ctx: ComboboxContextValue<T> = {\n    items,\n    filteredItems,\n    isGrouped,\n    inputValue,\n    setInputValue,\n    filterValue,\n    setFilterValue,\n    open,\n    setOpen,\n    disabled,\n    multiple,\n    value,\n    setValue,\n    selectItem,\n    isSelected,\n    itemToStringValue: (item) => itemToStringValue()(item),\n    activeIndex,\n    setActiveIndex,\n    reference,\n    setReference,\n    floating,\n    setFloating,\n    contentId,\n    listId,\n    optionId,\n    close,\n  };\n\n  return (\n    <ComboboxContext.Provider value={ctx}>\n      {props.children}\n    </ComboboxContext.Provider>\n  );\n}\n"],"mappings":"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"}

package/dist/components/combobox/Combobox/Combobox.types.d.ts

@@ -1,9 +1,14 @@
 import { Accessor, ParentProps } from 'solid-js';
+import { ChangeEventDetails } from '../../../utils';
+/** 值变更的触发来源（对齐 Base UI 的 reason 取值风格） */
+export type ComboboxValueChangeReason = "item-press" | "trigger-press" | "clear-press" | "input-change" | "chip-remove" | "none";
+/** 开合变更的触发来源 */
+export type ComboboxOpenChangeReason = "trigger-press" | "input-focus" | "input-change" | "item-press" | "clear-press" | "escape-key" | "outside-press" | "none";
 export interface ComboboxProps<T = any> extends ParentProps {
     items: T[];
     value?: T | T[] | null;
     defaultValue?: T | T[];
-    onValueChange?: (value: T | T[] | null) => void;
+    onValueChange?: (value: T | T[] | null, details: ChangeEventDetails<ComboboxValueChangeReason>) => void;
     multiple?: boolean;
     disabled?: boolean;
     /**
@@ -15,7 +20,7 @@ export interface ComboboxProps<T = any> extends ParentProps {
     itemToStringValue?: (item: T) => string;
     open?: boolean;
     defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
+    onOpenChange?: (open: boolean, details: ChangeEventDetails<ComboboxOpenChangeReason>) => void;
 }
 export interface ComboboxContextValue<T = any> {
     items: Accessor<T[]>;
@@ -26,12 +31,12 @@ export interface ComboboxContextValue<T = any> {
     filterValue: Accessor<string>;
     setFilterValue: (value: string) => void;
     open: Accessor<boolean>;
-    setOpen: (open: boolean) => void;
+    setOpen: (open: boolean, reason?: ComboboxOpenChangeReason, event?: Event) => void;
     disabled: Accessor<boolean>;
     multiple: Accessor<boolean>;
     value: Accessor<T | T[] | null | undefined>;
-    setValue: (value: T | T[] | null) => void;
-    selectItem: (item: T) => void;
+    setValue: (value: T | T[] | null, reason?: ComboboxValueChangeReason, event?: Event) => void;
+    selectItem: (item: T, event?: Event) => void;
     isSelected: (item: T) => boolean;
     itemToStringValue: (item: T) => string;
     activeIndex: Accessor<number>;
@@ -41,5 +46,9 @@ export interface ComboboxContextValue<T = any> {
     floating: Accessor<HTMLElement | undefined>;
     setFloating: (el: HTMLElement | undefined) => void;
     contentId: string;
-    close: () => void;
+    /** listbox 元素的 id，供输入框的 aria-controls 指向 */
+    listId: string;
+    /** 某一项对应的 option 元素 id，供 aria-activedescendant 指向 */
+    optionId: (value: unknown) => string;
+    close: (reason?: ComboboxOpenChangeReason, event?: Event) => void;
 }

package/dist/components/combobox/ComboboxChipsInput/ComboboxChipsInput.js

@@ -7,9 +7,13 @@ function c(r) {
 	let o = t("ComboboxChipsInput");
 	return (() => {
 		var t = s();
-		return t.addEventListener("focus", () => o.setOpen(!0)), t.$$input = (e) => {
+		return t.$$keydown = (e) => {
+			if (e.key !== "Backspace" || o.inputValue() !== "") return;
+			let t = o.value();
+			Array.isArray(t) && t.length !== 0 && (e.preventDefault(), o.setValue(t.slice(0, -1)));
+		}, t.addEventListener("focus", () => o.setOpen(!0, "input-focus")), t.$$input = (e) => {
 			let t = e.currentTarget.value;
-			o.setInputValue(t), o.setFilterValue(t), o.setOpen(!0);
+			o.setInputValue(t), o.setFilterValue(t), o.setOpen(!0, "input-change");
 		}, i((i) => {
 			var s = e("min-w-16 flex-1 bg-transparent outline-none", r.class), c = r.placeholder, l = o.disabled();
 			return s !== i.e && n(t, i.e = s), c !== i.t && a(t, "placeholder", i.t = c), l !== i.a && (t.disabled = i.a = l), i;
@@ -20,7 +24,7 @@ function c(r) {
 		}), i(() => t.value = o.inputValue()), t;
 	})();
 }
-r(["input"]);
+r(["input", "keydown"]);
 //#endregion
 export { c as ComboboxChipsInput };
 

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxChipsInput.js","names":["clsx","useComboboxContext","ComboboxChipsInput","props","placeholder","class","ctx","_el$","_tmpl$","addEventListener","setOpen","$$input","e","next","currentTarget","value","setInputValue","setFilterValue","_$effect","_p$","_v$","_v$2","_v$3","disabled","_$className","t","_$setAttribute","a","undefined","inputValue","_$delegateEvents","_$className","_$setAttribute","_$delegateEvents","_tmpl$","ComboboxChipsInput","ctx","useComboboxContext","_el$","next","effect","_v$","clsx","props","_v$2","_v$3","_p$","className","setAttribute","delegateEvents"],"sources":["../../../../src/components/combobox/ComboboxChipsInput/ComboboxChipsInput.tsx"],"sourcesContent":["import { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\n\nexport function ComboboxChipsInput(props: {\n  placeholder?: string;\n  class?: string;\n}) {\n  const ctx = useComboboxContext(\"ComboboxChipsInput\");\n  return (\n    <input\n      data-slot=\"combobox-chip-input\"\n      class={clsx(\"min-w-16 flex-1 bg-transparent outline-none\", props.class)}\n      placeholder={props.placeholder}\n      disabled={ctx.disabled()}\n      value={ctx.inputValue()}\n      onInput={(e) => {\n        const next = e.currentTarget.value;\n        ctx.setInputValue(next);\n        ctx.setFilterValue(next);\n        ctx.setOpen(true);\n      }}\n      onFocus={() => ctx.setOpen(true)}\n    />\n  );\n}\n"],"mappings":";;;;;AAGA,SAAgBE,EAAmBC,GAGhC;CACD,IAAMG,IAAML,EAAmB,oBAAoB;CACnD,cAAA;EAAA,IAAAM,IAAAC,EAAA;EAM2B,OAN3BD,EAAAE,iBAAA,eAamBH,EAAII,QAAQ,EAAI,CAAC,GAAAH,EAAAI,WANtBC,MAAM;GACd,IAAMC,IAAOD,EAAEE,cAAcC;GAG7BT,AAFAA,EAAIU,cAAcH,CAAI,GACtBP,EAAIW,eAAeJ,CAAI,GACvBP,EAAII,QAAQ,EAAI;EAClB,GAACQ,GAAAC,MAAA;GAAA,IAAAC,IATMpB,EAAK,+CAA+CG,EAAME,KAAK,GAACgB,IAC1DlB,EAAMC,aAAWkB,IACpBhB,EAAIiB,SAAS;GAAC,OAAAH,MAAAD,EAAAP,KAAAY,EAAAjB,GAAAY,EAAAP,IAAAQ,CAAA,GAAAC,MAAAF,EAAAM,KAAAC,EAAAnB,GAAA,eAAAY,EAAAM,IAAAJ,CAAA,GAAAC,MAAAH,EAAAQ,MAAApB,EAAAgB,WAAAJ,EAAAQ,IAAAL,IAAAH;EAAA,GAAA;GAAAP,GAAAgB,KAAAA;GAAAH,GAAAG,KAAAA;GAAAD,GAAAC,KAAAA;EAAA,CAAA,GAAAV,QAAAX,EAAAQ,QACjBT,EAAIuB,WAAW,CAAC,GAAAtB;CAAA,EAAA,CAAA;AAU7B;AAACuB,EAAA,CAAA,OAAA,CAAA"}
+{"version":3,"file":"ComboboxChipsInput.js","names":["clsx","useComboboxContext","ComboboxChipsInput","props","placeholder","class","ctx","_el$","_tmpl$","$$keydown","e","key","inputValue","current","value","Array","isArray","length","preventDefault","setValue","slice","addEventListener","setOpen","$$input","next","currentTarget","setInputValue","setFilterValue","_$effect","_p$","_v$","_v$2","_v$3","disabled","_$className","t","_$setAttribute","a","undefined","_$delegateEvents","_$className","_$setAttribute","_$delegateEvents","_tmpl$","ComboboxChipsInput","ctx","useComboboxContext","_el$","current","next","effect","_v$","clsx","props","_v$2","_v$3","_p$","className","setAttribute","delegateEvents"],"sources":["../../../../src/components/combobox/ComboboxChipsInput/ComboboxChipsInput.tsx"],"sourcesContent":["import { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\n\nexport function ComboboxChipsInput(props: {\n  placeholder?: string;\n  class?: string;\n}) {\n  const ctx = useComboboxContext(\"ComboboxChipsInput\");\n  return (\n    <input\n      data-slot=\"combobox-chip-input\"\n      class={clsx(\"min-w-16 flex-1 bg-transparent outline-none\", props.class)}\n      placeholder={props.placeholder}\n      disabled={ctx.disabled()}\n      value={ctx.inputValue()}\n      onInput={(e) => {\n        const next = e.currentTarget.value;\n        ctx.setInputValue(next);\n        ctx.setFilterValue(next);\n        ctx.setOpen(true, \"input-change\");\n      }}\n      onFocus={() => ctx.setOpen(true, \"input-focus\")}\n      onKeyDown={(e) => {\n        // 输入框为空时按 Backspace 删除最后一颗 chip（chips 模式的常见约定）\n        if (e.key !== \"Backspace\") return;\n        if (ctx.inputValue() !== \"\") return;\n        const current = ctx.value();\n        if (!Array.isArray(current) || current.length === 0) return;\n        e.preventDefault();\n        ctx.setValue(current.slice(0, -1) as never);\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;AAGA,SAAgBE,EAAmBC,GAGhC;CACD,IAAMG,IAAML,EAAmB,oBAAoB;CACnD,cAAA;EAAA,IAAAM,IAAAC,EAAA;EAM2B,OAN3BD,EAAAE,aAcgBC,MAAM;GAGhB,IADIA,EAAEC,QAAQ,eACVL,EAAIM,WAAW,MAAM,IAAI;GAC7B,IAAMC,IAAUP,EAAIQ,MAAM;GAC1B,AAAKC,MAAMC,QAAQH,CAAO,KAAKA,EAAQI,WAAW,MAClDP,EAAEQ,eAAe,GACjBZ,EAAIa,SAASN,EAAQO,MAAM,GAAG,EAAE,CAAU;EAC5C,GAACb,EAAAc,iBAAA,eATcf,EAAIgB,QAAQ,IAAM,aAAa,CAAC,GAAAf,EAAAgB,WANrCb,MAAM;GACd,IAAMc,IAAOd,EAAEe,cAAcX;GAG7BR,AAFAA,EAAIoB,cAAcF,CAAI,GACtBlB,EAAIqB,eAAeH,CAAI,GACvBlB,EAAIgB,QAAQ,IAAM,cAAc;EAClC,GAACM,GAAAC,MAAA;GAAA,IAAAC,IATM9B,EAAK,+CAA+CG,EAAME,KAAK,GAAC0B,IAC1D5B,EAAMC,aAAW4B,IACpB1B,EAAI2B,SAAS;GAAC,OAAAH,MAAAD,EAAAnB,KAAAwB,EAAA3B,GAAAsB,EAAAnB,IAAAoB,CAAA,GAAAC,MAAAF,EAAAM,KAAAC,EAAA7B,GAAA,eAAAsB,EAAAM,IAAAJ,CAAA,GAAAC,MAAAH,EAAAQ,MAAA9B,EAAA0B,WAAAJ,EAAAQ,IAAAL,IAAAH;EAAA,GAAA;GAAAnB,GAAA4B,KAAAA;GAAAH,GAAAG,KAAAA;GAAAD,GAAAC,KAAAA;EAAA,CAAA,GAAAV,QAAArB,EAAAO,QACjBR,EAAIM,WAAW,CAAC,GAAAL;CAAA,EAAA,CAAA;AAmB7B;AAACgC,EAAA,CAAA,SAAA,SAAA,CAAA"}

package/dist/components/combobox/ComboboxClear/ComboboxClear.js

@@ -17,7 +17,7 @@ function i(i) {
 			return i.class;
 		},
 		onClick: () => {
-			a.setValue(null), a.setInputValue(""), a.setFilterValue(""), a.setOpen(!1);
+			a.setValue(null), a.setInputValue(""), a.setFilterValue(""), a.setOpen(!1, "clear-press");
 		},
 		get icon() {
 			return n(r, { class: "\"pointer-events-none" });

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxClear.js","names":["X","useComboboxContext","InputGroupButton","ComboboxClear","props","disabled","class","ctx","_$createComponent","variant","size","onClick","setValue","setInputValue","setFilterValue","setOpen","icon","_$createComponent","ComboboxClear","ctx","useComboboxContext","createComponent","InputGroupButton","props","\"class\"","X"],"sources":["../../../../src/components/combobox/ComboboxClear/ComboboxClear.tsx"],"sourcesContent":["import { X } from \"lucide-solid\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\nimport { InputGroupButton } from \"~/components/input-group\";\n\nexport function ComboboxClear(props: { disabled?: boolean; class?: string }) {\n  const ctx = useComboboxContext(\"ComboboxClear\");\n  return (\n    <InputGroupButton\n      variant=\"ghost\"\n      size=\"xs\"\n      data-slot=\"combobox-clear\"\n      aria-label=\"Clear\"\n      disabled={ctx.disabled() || props.disabled}\n      class={props.class}\n      onClick={() => {\n        ctx.setValue(null);\n        ctx.setInputValue(\"\");\n        ctx.setFilterValue(\"\");\n        ctx.setOpen(false);\n      }}\n      icon={<X class='\"pointer-events-none' />}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgBG,EAAcC,GAA+C;CAC3E,IAAMG,IAAMN,EAAmB,eAAe;CAC9C,OAAAO,EACGN,GAAgB;EACfO,SAAO;EACPC,MAAI;EAAA,aAAA;EAAA,cAAA;EAAA,IAGJL,WAAQ;GAAA,OAAEE,EAAIF,SAAS,KAAKD,EAAMC;EAAQ;EAAA,IAAAmB,QAAA;GAAA,OACnCpB,EAAME;EAAK;EAClBK,eAAe;GAIbJ,AAHAA,EAAIK,SAAS,IAAI,GACjBL,EAAIM,cAAc,EAAE,GACpBN,EAAIO,eAAe,EAAE,GACrBP,EAAIQ,QAAQ,EAAK;EACnB;EAAC,IACDC,OAAI;GAAA,OAAAR,EAAGR,GAAC,EAAAwB,OAAA,wBAAA,CAAA;EAAA;CAAA,CAAA;AAGd"}
+{"version":3,"file":"ComboboxClear.js","names":["X","useComboboxContext","InputGroupButton","ComboboxClear","props","disabled","class","ctx","_$createComponent","variant","size","onClick","setValue","setInputValue","setFilterValue","setOpen","icon","_$createComponent","ComboboxClear","ctx","useComboboxContext","createComponent","InputGroupButton","props","\"class\"","X"],"sources":["../../../../src/components/combobox/ComboboxClear/ComboboxClear.tsx"],"sourcesContent":["import { X } from \"lucide-solid\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\nimport { InputGroupButton } from \"~/components/input-group\";\n\nexport function ComboboxClear(props: { disabled?: boolean; class?: string }) {\n  const ctx = useComboboxContext(\"ComboboxClear\");\n  return (\n    <InputGroupButton\n      variant=\"ghost\"\n      size=\"xs\"\n      data-slot=\"combobox-clear\"\n      aria-label=\"Clear\"\n      disabled={ctx.disabled() || props.disabled}\n      class={props.class}\n      onClick={() => {\n        ctx.setValue(null);\n        ctx.setInputValue(\"\");\n        ctx.setFilterValue(\"\");\n        ctx.setOpen(false, \"clear-press\");\n      }}\n      icon={<X class='\"pointer-events-none' />}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgBG,EAAcC,GAA+C;CAC3E,IAAMG,IAAMN,EAAmB,eAAe;CAC9C,OAAAO,EACGN,GAAgB;EACfO,SAAO;EACPC,MAAI;EAAA,aAAA;EAAA,cAAA;EAAA,IAGJL,WAAQ;GAAA,OAAEE,EAAIF,SAAS,KAAKD,EAAMC;EAAQ;EAAA,IAAAmB,QAAA;GAAA,OACnCpB,EAAME;EAAK;EAClBK,eAAe;GAIbJ,AAHAA,EAAIK,SAAS,IAAI,GACjBL,EAAIM,cAAc,EAAE,GACpBN,EAAIO,eAAe,EAAE,GACrBP,EAAIQ,QAAQ,IAAO,aAAa;EAClC;EAAC,IACDC,OAAI;GAAA,OAAAR,EAAGR,GAAC,EAAAwB,OAAA,wBAAA,CAAA;EAAA;CAAA,CAAA;AAGd"}

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

@@ -13,18 +13,23 @@ function f(f) {
 		p.open() && g && _ && _.focus();
 	});
 	let v = () => {
+		let e = p.filteredItems()[p.activeIndex()];
+		return e === void 0 ? void 0 : p.optionId(e);
+	}, y = () => {
 		let e = p.value();
 		return e == null ? !1 : Array.isArray(e) ? e.length > 0 : e !== "";
-	}, y = (e) => {
+	}, b = (e) => {
 		if (h()) return;
 		let t = p.filteredItems();
-		if (e.key === "ArrowDown") e.preventDefault(), p.setOpen(!0), p.setActiveIndex(t.length === 0 ? -1 : (p.activeIndex() + 1) % t.length);
-		else if (e.key === "ArrowUp") e.preventDefault(), p.setOpen(!0), p.setActiveIndex(t.length === 0 ? -1 : (p.activeIndex() - 1 + t.length) % t.length);
+		if (e.key === "ArrowDown") e.preventDefault(), p.setOpen(!0, "input-change", e), p.setActiveIndex(t.length === 0 ? -1 : (p.activeIndex() + 1) % t.length);
+		else if (e.key === "ArrowUp") e.preventDefault(), p.setOpen(!0, "input-change", e), p.setActiveIndex(t.length === 0 ? -1 : p.activeIndex() <= 0 ? t.length - 1 : p.activeIndex() - 1);
+		else if (e.key === "Home") e.preventDefault(), p.setOpen(!0, "input-change", e), p.setActiveIndex(t.length === 0 ? -1 : 0);
+		else if (e.key === "End") e.preventDefault(), p.setOpen(!0, "input-change", e), p.setActiveIndex(t.length === 0 ? -1 : t.length - 1);
 		else if (e.key === "Enter" && p.open()) {
 			e.preventDefault();
 			let t = p.filteredItems()[p.activeIndex()];
-			t !== void 0 && p.selectItem(t);
-		} else e.key === "Escape" && p.open() && (e.preventDefault(), p.close());
+			t !== void 0 && p.selectItem(t, e);
+		} else e.key === "Escape" && p.open() && (e.preventDefault(), p.close("escape-key", e));
 	};
 	return o(n, {
 		ref: (e) => {
@@ -41,6 +46,17 @@ function f(f) {
 					ref: (e) => {
 						_ = e;
 					},
+					role: "combobox",
+					get "aria-expanded"() {
+						return p.open();
+					},
+					get "aria-controls"() {
+						return s(() => !!p.open())() ? p.listId : void 0;
+					},
+					"aria-autocomplete": "list",
+					get "aria-activedescendant"() {
+						return v();
+					},
 					get placeholder() {
 						return m.placeholder;
 					},
@@ -55,18 +71,18 @@ function f(f) {
 					},
 					onInput: (e) => {
 						let t = String(e);
-						p.setInputValue(t), p.setFilterValue(t), p.setOpen(!0), !p.multiple() && t.trim() === "" && (p.setValue(null), p.setFilterValue(""));
+						p.setInputValue(t), p.setFilterValue(t), p.setOpen(!0, "input-change"), !p.multiple() && t.trim() === "" && (p.setValue(null), p.setFilterValue(""));
 					},
-					onFocus: () => p.setOpen(!0),
-					onClick: () => p.setOpen(!0),
-					onKeyDown: y
+					onFocus: () => p.setOpen(!0, "input-focus"),
+					onClick: () => p.setOpen(!0, "trigger-press"),
+					onKeyDown: b
 				}),
 				o(r, {
 					align: "inline-end",
 					get children() {
 						return o(c, {
 							get when() {
-								return s(() => !!(m.showClear && v()))() && !h();
+								return s(() => !!(m.showClear && y()))() && !h();
 							},
 							get children() {
 								return o(a, {});

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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"}