@neut/ui 0.0.16 → 0.0.18

package/dist/components/tabs/Tabs/useTabsKeyboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTabsKeyboard.js","names":["NAV_KEYS","useTabsKeyboard","e","activeEl","tabs","ctx","t","currentIndex","isVertical","dir","isRTL","nextIndex"],"sources":["../../../../src/components/tabs/Tabs/useTabsKeyboard.ts"],"sourcesContent":["import type { TabsContextValue } from \"./Tabs.context\";\n\nconst NAV_KEYS = new Set([\n  \"ArrowLeft\",\n  \"ArrowRight\",\n  \"ArrowUp\",\n  \"ArrowDown\",\n  \"Home\",\n  \"End\",\n]);\n\n/**\n * tablist 的 roving focus 键盘导航(纯逻辑,可在事件中独立单测)\n *\n * 方向映射:\n * - horizontal + ltr: ArrowRight → next, ArrowLeft → prev\n * - horizontal + rtl: 左右反转\n * - vertical:          ArrowDown → next, ArrowUp → prev\n * - Home → 第一个,End → 最后一个\n * - loop=true 环绕,false 边界停止;跳过 disabled 的 trigger\n *\n * 与 base-ui 一致:方向键只移动焦点(触发 onFocus 更新高亮),不激活;\n * 激活靠点击(Enter/Space 触发 button 的 click)。activateOnFocus 时的\n * 聚焦激活由 TabsTrigger 的 onFocus 处理,这里不做。\n */\nexport function useTabsKeyboard(ctx: TabsContextValue) {\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (!NAV_KEYS.has(e.key)) return;\n\n    const activeEl = document.activeElement as HTMLElement | null;\n    // 只有焦点在 tab 上时才接管键盘\n    if (activeEl?.getAttribute(\"role\") !== \"tab\") return;\n\n    const tabs = ctx.getTriggers().filter((t) => !t.disabled());\n    if (tabs.length === 0) return;\n\n    const currentIndex = tabs.findIndex((t) => t.element === activeEl);\n    if (currentIndex === -1) return;\n\n    const isVertical = ctx.orientation() === \"vertical\";\n    // dir=auto 时回退到文档实际方向\n    const dir = ctx.dir();\n    const isRTL =\n      dir === \"rtl\" ||\n      (dir === \"auto\" &&\n        typeof document !== \"undefined\" &&\n        document.documentElement.dir === \"rtl\");\n\n    let nextIndex: number | undefined;\n    switch (e.key) {\n      case \"Home\":\n        nextIndex = 0;\n        break;\n      case \"End\":\n        nextIndex = tabs.length - 1;\n        break;\n      case \"ArrowLeft\":\n        if (isVertical) return;\n        nextIndex = currentIndex + (isRTL ? 1 : -1);\n        break;\n      case \"ArrowRight\":\n        if (isVertical) return;\n        nextIndex = currentIndex + (isRTL ? -1 : 1);\n        break;\n      case \"ArrowUp\":\n        if (!isVertical) return;\n        nextIndex = currentIndex - 1;\n        break;\n      case \"ArrowDown\":\n        if (!isVertical) return;\n        nextIndex = currentIndex + 1;\n        break;\n    }\n\n    if (nextIndex === undefined) return;\n\n    // 方向键与当前布局匹配,接管默认滚动行为\n    e.preventDefault();\n\n    if (ctx.loop()) {\n      nextIndex = (nextIndex + tabs.length) % tabs.length;\n    } else {\n      nextIndex = Math.min(tabs.length - 1, Math.max(0, nextIndex));\n    }\n\n    // focus 触发 trigger 的 onFocus → 更新高亮(及 activateOnFocus 时激活)\n    tabs[nextIndex].element.focus();\n  };\n\n  return { handleKeyDown };\n}\n"],"mappings":";AAEA,IAAMA,oBAAW,IAAI,IAAI;CACvB;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AAgBD,SAAgBC,EAAgB,GAAuB;CAgErD,OAAO,EAAE,gBA/Dc,MAAqB;EAC1C,IAAI,CAACD,EAAS,IAAIE,EAAE,GAAG,GAAG;EAE1B,IAAMC,IAAW,SAAS;EAE1B,IAAIA,GAAU,aAAa,MAAM,MAAM,OAAO;EAE9C,IAAMC,IAAOC,EAAI,YAAY,CAAC,CAAC,QAAQ,MAAM,CAACC,EAAE,SAAS,CAAC;EAC1D,IAAIF,EAAK,WAAW,GAAG;EAEvB,IAAMG,IAAeH,EAAK,WAAW,MAAME,EAAE,YAAYH,CAAQ;EACjE,IAAII,MAAiB,IAAI;EAEzB,IAAMC,IAAaH,EAAI,YAAY,MAAM,YAEnCI,IAAMJ,EAAI,IAAI,GACdK,IACJD,MAAQ,SACPA,MAAQ,UACP,OAAO,WAAa,OACpB,SAAS,gBAAgB,QAAQ,OAEjCE;EACJ,QAAQT,EAAE,KAAV;GACE,KAAK;IACH,IAAY;IACZ;GACF,KAAK;IACH,IAAYE,EAAK,SAAS;IAC1B;GACF,KAAK;IACH,IAAII,GAAY;IAChB,IAAYD,KAAgBG,IAAQ,IAAI;IACxC;GACF,KAAK;IACH,IAAIF,GAAY;IAChB,IAAYD,KAAgBG,IAAQ,KAAK;IACzC;GACF,KAAK;IACH,IAAI,CAACF,GAAY;IACjB,IAAYD,IAAe;IAC3B;GACF,KAAK;IACH,IAAI,CAACC,GAAY;IACjB,IAAYD,IAAe;EAE/B;EAEA,AAAII,MAAc,KAAA,MAGlBT,EAAE,eAAe,GAEjB,AAGES,IAHEN,EAAI,KAAK,KACEM,IAAYP,EAAK,UAAUA,EAAK,SAEjC,KAAK,IAAIA,EAAK,SAAS,GAAG,KAAK,IAAI,GAAGO,CAAS,CAAC,GAI9DP,EAAKO,EAAU,CAAC,QAAQ,MAAM;CAChC,EAEuB;AACzB"}
+{"version":3,"file":"useTabsKeyboard.js","names":["useTabsKeyboard","createRovingNavigation","ctx"],"sources":["../../../../src/components/tabs/Tabs/useTabsKeyboard.ts"],"sourcesContent":["import { createRovingNavigation } from \"~/utils\";\nimport type { TabsContextValue } from \"./Tabs.context\";\n\n/**\n * tablist 的 roving focus 键盘导航。\n *\n * 通用算法(方向映射、Home/End、loop、跳过 disabled、RTL)已抽到\n * `~/utils/roving-navigation`,这里只负责把 Tabs 的 context 接上去。\n *\n * 与 base-ui 一致:方向键只移动焦点(触发 trigger 的 onFocus → 更新高亮),\n * 不激活;激活靠点击(Enter/Space 触发 button 的 click)。\n * activateOnFocus 时的聚焦激活由 TabsTrigger 的 onFocus 处理,这里不做。\n */\nexport function useTabsKeyboard(ctx: TabsContextValue) {\n  return createRovingNavigation({\n    getItems: () => ctx.getTriggers(),\n    orientation: ctx.orientation,\n    dir: ctx.dir,\n    loop: ctx.loop,\n    // dir=auto 时由通用实现回退到 document.documentElement.dir\n    onHighlight: ctx.setHighlightedValue,\n  });\n}\n"],"mappings":";;AAaA,SAAgBA,EAAgB,GAAuB;CACrD,OAAOC,EAAuB;EAC5B,gBAAgBC,EAAI,YAAY;EAChC,aAAaA,EAAI;EACjB,KAAKA,EAAI;EACT,MAAMA,EAAI;EAEV,aAAaA,EAAI;CACnB,CAAC;AACH"}

package/dist/components/tabs/TabsList/TabsList.context.js

@@ -2,7 +2,7 @@ import { createContext as e, useContext as t } from "solid-js";
 //#region src/components/tabs/TabsList/TabsList.context.ts
 var n = e(), r = () => {
 	let e = t(n);
-	if (!e) throw Error("useTabsListContext must be used within a <TabsList> component");
+	if (!e) throw Error("useTabsListContext 必须用在 <TabsList> 内部");
 	return e;
 };
 //#endregion

package/dist/components/tabs/TabsList/TabsList.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsList.context.js","names":["TabsListContext","createContext","useTabsListContext","context","useContext"],"sources":["../../../../src/components/tabs/TabsList/TabsList.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\n\ninterface TabsListContextValue {\n  /** 聚焦是否激活 tab(base-ui 语义,默认 false:聚焦只高亮,点击才激活) */\n  activateOnFocus: boolean;\n}\n\nexport const TabsListContext = createContext<TabsListContextValue>();\n\nexport const useTabsListContext = () => {\n  const context = useContext(TabsListContext);\n  if (!context)\n    throw new Error(\n      \"useTabsListContext must be used within a <TabsList> component\",\n    );\n  return context;\n};\n"],"mappings":";;AAOA,IAAaA,IAAkBC,EAAoC,GAEtDC,UAA2B;CACtC,IAAMC,IAAUC,EAAWJ,CAAe;CAC1C,IAAI,CAACG,GACH,MAAU,MACR,+DACF;CACF,OAAOA;AACT"}
+{"version":3,"file":"TabsList.context.js","names":["TabsListContext","createContext","useTabsListContext","context","useContext"],"sources":["../../../../src/components/tabs/TabsList/TabsList.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\n\ninterface TabsListContextValue {\n  /** 聚焦是否激活 tab(base-ui 语义,默认 false:聚焦只高亮,点击才激活) */\n  activateOnFocus: boolean;\n}\n\nexport const TabsListContext = createContext<TabsListContextValue>();\n\nexport const useTabsListContext = () => {\n  const context = useContext(TabsListContext);\n  if (!context) throw new Error(\"useTabsListContext 必须用在 <TabsList> 内部\");\n  return context;\n};\n"],"mappings":";;AAOA,IAAaA,IAAkBC,EAAoC,GAEtDC,UAA2B;CACtC,IAAMC,IAAUC,EAAWJ,CAAe;CAC1C,IAAI,CAACG,GAAS,MAAU,MAAM,uCAAuC;CACrE,OAAOA;AACT"}

package/dist/components/tabs/TabsList/TabsList.js

@@ -1,8 +1,8 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { useTabsContext as t } from "../Tabs/Tabs.context.js";
-import { tabsListVariants as n } from "./TabsList.styles.js";
-import { useTabsKeyboard as r } from "../Tabs/useTabsKeyboard.js";
-import { callEventHandler as i } from "../Tabs/call-event-handler.js";
+import { callEventHandler as t } from "../../../utils/call-event-handler.js";
+import { useTabsContext as n } from "../Tabs/Tabs.context.js";
+import { tabsListVariants as r } from "./TabsList.styles.js";
+import { useTabsKeyboard as i } from "../Tabs/useTabsKeyboard.js";
 import { TabsListContext as a } from "./TabsList.context.js";
 import { createComponent as o, mergeProps as s, spread as c, template as l } from "solid-js/web";
 import { mergeProps as u, splitProps as d } from "solid-js";
@@ -16,14 +16,14 @@ var f = /*#__PURE__*/ l("<div role=tablist data-slot=tabs-list>"), p = (l) => {
 		"class",
 		"classList",
 		"activateOnFocus"
-	], ["onKeyDown"]), _ = t(), { handleKeyDown: v } = r(_);
+	], ["onKeyDown"]), _ = n(), { handleKeyDown: v } = i(_);
 	return o(a.Provider, {
 		get value() {
 			return { activateOnFocus: m.activateOnFocus };
 		},
 		get children() {
-			var t = f();
-			return c(t, s({
+			var n = f();
+			return c(n, s({
 				get "data-variant"() {
 					return m.variant;
 				},
@@ -31,14 +31,14 @@ var f = /*#__PURE__*/ l("<div role=tablist data-slot=tabs-list>"), p = (l) => {
 					return _.orientation() === "vertical" ? "vertical" : void 0;
 				},
 				get class() {
-					return e(n({ variant: m.variant }), m.class);
+					return e(r({ variant: m.variant }), m.class);
 				},
 				get classList() {
 					return m.classList;
 				}
 			}, g, { onKeyDown: (e) => {
-				v(e), i(h.onKeyDown, e);
-			} }), !1, !1), t;
+				t(h.onKeyDown, e), e.defaultPrevented || v(e);
+			} }), !1, !1), n;
 		}
 	});
 };

package/dist/components/tabs/TabsList/TabsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsList.js","names":["mergeProps","splitProps","TabsListProps","clsx","tabsListVariants","useTabsContext","useTabsKeyboard","callEventHandler","TabsListContext","TabsList","props","merged","variant","activateOnFocus","const","local","events","others","ctx","handleKeyDown","_$createComponent","Provider","value","children","_el$","_tmpl$","_$spread","_$mergeProps","data-variant","aria-orientation","orientation","undefined","class","classList","e","onKeyDown","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","TabsList","merged","props","local","events","others","splitProps","ctx","useTabsContext","useTabsKeyboard","createComponent","TabsListContext","_el$","spread","mergeProps","\"class\"","clsx","tabsListVariants","\"onKeyDown\"","handleKeyDown","callEventHandler"],"sources":["../../../../src/components/tabs/TabsList/TabsList.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { TabsListProps } from \"./TabsList.types\";\nimport { clsx } from \"~/utils\";\nimport { tabsListVariants } from \"./TabsList.styles\";\nimport { useTabsContext } from \"../Tabs/Tabs.context\";\nimport { useTabsKeyboard } from \"../Tabs/useTabsKeyboard\";\nimport { callEventHandler } from \"../Tabs/call-event-handler\";\nimport { TabsListContext } from \"./TabsList.context\";\n\nexport const TabsList = (props: TabsListProps) => {\n  const merged = mergeProps(\n    { variant: \"secondary\", activateOnFocus: false } as const,\n    props,\n  );\n  const [local, events, others] = splitProps(\n    merged,\n    [\"variant\", \"class\", \"classList\", \"activateOnFocus\"],\n    [\"onKeyDown\"],\n  );\n\n  const ctx = useTabsContext();\n  const { handleKeyDown } = useTabsKeyboard(ctx);\n\n  return (\n    <TabsListContext.Provider\n      value={{ activateOnFocus: local.activateOnFocus }}\n    >\n      <div\n        role=\"tablist\"\n        data-slot=\"tabs-list\"\n        data-variant={local.variant}\n        aria-orientation={\n          ctx.orientation() === \"vertical\" ? \"vertical\" : undefined\n        }\n        class={clsx(tabsListVariants({ variant: local.variant }), local.class)}\n        classList={local.classList}\n        {...others}\n        onKeyDown={(e) => {\n          handleKeyDown(e);\n          callEventHandler(events.onKeyDown, e);\n        }}\n      />\n    </TabsListContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;;mEASaS,KAAYC,MAAyB;CAChD,IAAMC,IAASX,EACb;EAAEY,SAAS;EAAaC,iBAAiB;CAAM,GAC/CH,CACF,GACM,CAACK,GAAOC,GAAQC,KAAUhB,EAC9BU,GACA;EAAC;EAAW;EAAS;EAAa;CAAiB,GACnD,CAAC,WAAW,CACd,GAEMO,IAAMb,EAAe,GACrB,EAAEc,qBAAkBb,EAAgBY,CAAG;CAE7C,OAAAE,EACGZ,EAAgBa,UAAQ;EAAA,IACvBC,QAAK;GAAA,OAAE,EAAET,iBAAiBE,EAAMF,gBAAgB;EAAC;EAAA,IAAAU,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAe9C,OAf8CC,EAAAF,GAAAG,EAAA;IAAA,IAAA,iBAAA;KAAA,OAKjCZ,EAAMH;IAAO;IAAA,IAAA,qBAAA;KAAA,OAEzBM,EAAIY,YAAY,MAAM,aAAa,aAAaC,KAAAA;IAAS;IAAA,IAAAyB,QAAA;KAAA,OAEpDrD,EAAKC,EAAiB,EAAEQ,SAASG,EAAMH,QAAQ,CAAC,GAAGG,EAAMiB,KAAK;IAAC;IAAA,IACtEC,YAAS;KAAA,OAAElB,EAAMkB;IAAS;GAAA,GACtBhB,GAAM,EAAA0C,YACEzB,MAAM;IAEhB3B,AADAY,EAAce,CAAC,GACf3B,EAAiBS,EAAOmB,WAAWD,CAAC;GACtC,EAAC,CAAA,GAAA,IAAA,EAAA,GAAAV;EAAA;CAAA,CAAA;AAIT"}
+{"version":3,"file":"TabsList.js","names":["mergeProps","splitProps","TabsListProps","clsx","tabsListVariants","useTabsContext","useTabsKeyboard","callEventHandler","TabsListContext","TabsList","props","merged","variant","activateOnFocus","const","local","events","others","ctx","handleKeyDown","_$createComponent","Provider","value","children","_el$","_tmpl$","_$spread","_$mergeProps","data-variant","aria-orientation","orientation","undefined","class","classList","e","onKeyDown","defaultPrevented","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","TabsList","merged","props","local","events","others","splitProps","ctx","useTabsContext","useTabsKeyboard","createComponent","TabsListContext","_el$","spread","mergeProps","\"class\"","clsx","tabsListVariants","\"onKeyDown\"","callEventHandler","handleKeyDown"],"sources":["../../../../src/components/tabs/TabsList/TabsList.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { TabsListProps } from \"./TabsList.types\";\nimport { clsx } from \"~/utils\";\nimport { tabsListVariants } from \"./TabsList.styles\";\nimport { useTabsContext } from \"../Tabs/Tabs.context\";\nimport { useTabsKeyboard } from \"../Tabs/useTabsKeyboard\";\nimport { callEventHandler } from \"~/utils\";\nimport { TabsListContext } from \"./TabsList.context\";\n\nexport const TabsList = (props: TabsListProps) => {\n  const merged = mergeProps(\n    { variant: \"secondary\", activateOnFocus: false } as const,\n    props,\n  );\n  const [local, events, others] = splitProps(\n    merged,\n    [\"variant\", \"class\", \"classList\", \"activateOnFocus\"],\n    [\"onKeyDown\"],\n  );\n\n  const ctx = useTabsContext();\n  const { handleKeyDown } = useTabsKeyboard(ctx);\n\n  return (\n    <TabsListContext.Provider\n      value={{ activateOnFocus: local.activateOnFocus }}\n    >\n      <div\n        role=\"tablist\"\n        data-slot=\"tabs-list\"\n        data-variant={local.variant}\n        aria-orientation={\n          ctx.orientation() === \"vertical\" ? \"vertical\" : undefined\n        }\n        class={clsx(tabsListVariants({ variant: local.variant }), local.class)}\n        classList={local.classList}\n        {...others}\n        onKeyDown={(e) => {\n          // 与 ToggleGroup / 菜单项保持一致:先跑用户处理器,\n          // 用户 preventDefault 表示\"我自己处理\",此时不再接管方向键。\n          callEventHandler(events.onKeyDown, e);\n          if (!e.defaultPrevented) handleKeyDown(e);\n        }}\n      />\n    </TabsListContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;;mEASaS,KAAYC,MAAyB;CAChD,IAAMC,IAASX,EACb;EAAEY,SAAS;EAAaC,iBAAiB;CAAM,GAC/CH,CACF,GACM,CAACK,GAAOC,GAAQC,KAAUhB,EAC9BU,GACA;EAAC;EAAW;EAAS;EAAa;CAAiB,GACnD,CAAC,WAAW,CACd,GAEMO,IAAMb,EAAe,GACrB,EAAEc,qBAAkBb,EAAgBY,CAAG;CAE7C,OAAAE,EACGZ,EAAgBa,UAAQ;EAAA,IACvBC,QAAK;GAAA,OAAE,EAAET,iBAAiBE,EAAMF,gBAAgB;EAAC;EAAA,IAAAU,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAiB9C,OAjB8CC,EAAAF,GAAAG,EAAA;IAAA,IAAA,iBAAA;KAAA,OAKjCZ,EAAMH;IAAO;IAAA,IAAA,qBAAA;KAAA,OAEzBM,EAAIY,YAAY,MAAM,aAAa,aAAaC,KAAAA;IAAS;IAAA,IAAA0B,QAAA;KAAA,OAEpDtD,EAAKC,EAAiB,EAAEQ,SAASG,EAAMH,QAAQ,CAAC,GAAGG,EAAMiB,KAAK;IAAC;IAAA,IACtEC,YAAS;KAAA,OAAElB,EAAMkB;IAAS;GAAA,GACtBhB,GAAM,EAAA2C,YACE1B,MAAM;IAIhB,AADA3B,EAAiBS,EAAOmB,WAAWD,CAAC,GAC/BA,EAAEE,oBAAkBjB,EAAce,CAAC;GAC1C,EAAC,CAAA,GAAA,IAAA,EAAA,GAAAV;EAAA;CAAA,CAAA;AAIT"}

package/dist/components/tabs/TabsTrigger/TabsTrigger.js

@@ -1,6 +1,6 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { useTabsContext as t } from "../Tabs/Tabs.context.js";
-import { callEventHandler as n } from "../Tabs/call-event-handler.js";
+import { callEventHandler as t } from "../../../utils/call-event-handler.js";
+import { useTabsContext as n } from "../Tabs/Tabs.context.js";
 import { useTabsListContext as r } from "../TabsList/TabsList.context.js";
 import { tabsTriggerStyles as i } from "./TabsTrigger.styles.js";
 import { mergeProps as a, setAttribute as o, spread as s, template as c, use as l } from "solid-js/web";
@@ -12,7 +12,7 @@ var m = /*#__PURE__*/ c("<button type=button role=tab data-slot=tabs-trigger>"),
 		"class",
 		"classList",
 		"disabled"
-	], ["onClick", "onFocus"]), v = t(), y = r(), b = `tabs-trigger-${u()}`, x, S = () => !!h.disabled, C = () => v.isSelected(h.value), w = () => {
+	], ["onClick", "onFocus"]), v = n(), y = r(), b = `tabs-trigger-${u()}`, x, S = () => !!h.disabled, C = () => v.isSelected(h.value), w = () => {
 		if (S()) return -1;
 		let e = v.highlightedValue();
 		return e === h.value && v.isUsable(h.value) || (e === void 0 || !v.isUsable(e)) && v.isFirstEnabled(h.value) ? 0 : -1;
@@ -24,10 +24,10 @@ var m = /*#__PURE__*/ c("<button type=button role=tab data-slot=tabs-trigger>"),
 			element: x
 		}));
 	}), (() => {
-		var t = m();
+		var n = m();
 		return l((e) => {
 			x = e;
-		}, t), o(t, "id", b), s(t, a({
+		}, n), o(n, "id", b), s(n, a({
 			get "data-active"() {
 				return C() ? "" : null;
 			},
@@ -57,12 +57,12 @@ var m = /*#__PURE__*/ c("<button type=button role=tab data-slot=tabs-trigger>"),
 			}
 		}, _, {
 			onClick: (e) => {
-				S() || v.setValue(h.value), n(g.onClick, e);
+				S() || v.setValue(h.value), t(g.onClick, e);
 			},
 			onFocus: (e) => {
-				S() || (v.setHighlightedValue(h.value), y.activateOnFocus && v.setValue(h.value)), n(g.onFocus, e);
+				S() || (v.setHighlightedValue(h.value), y.activateOnFocus && v.setValue(h.value)), t(g.onFocus, e);
 			}
-		}), !1, !1), t;
+		}), !1, !1), n;
 	})();
 };
 //#endregion

package/dist/components/tabs/TabsTrigger/TabsTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsTrigger.js","names":["createUniqueId","onCleanup","onMount","splitProps","clsx","useTabsContext","useTabsListContext","callEventHandler","tabsTriggerStyles","TabsTriggerProps","TabsTrigger","props","local","events","others","ctx","listCtx","id","triggerId","elementRef","HTMLButtonElement","disabled","selected","isSelected","value","tabIndex","highlighted","highlightedValue","isUsable","undefined","isFirstEnabled","setTriggerId","registerTrigger","element","_el$","_tmpl$","_$use","el","_$setAttribute","_$spread","_$mergeProps","data-active","data-highlighted","aria-selected","aria-controls","getContentId","aria-disabled","tabindex","class","classList","e","setValue","onClick","setHighlightedValue","activateOnFocus","onFocus","_$mergeProps","_tmpl$","TabsTrigger","local","events","others","splitProps","props","ctx","useTabsContext","listCtx","useTabsListContext","triggerId","createUniqueId","elementRef","disabled","selected","tabIndex","highlighted","onMount","onCleanup","_el$","use","el","setAttribute","spread","mergeProps","\"class\"","clsx","tabsTriggerStyles","\"onClick\"","callEventHandler","\"onFocus\""],"sources":["../../../../src/components/tabs/TabsTrigger/TabsTrigger.tsx"],"sourcesContent":["import { createUniqueId, onCleanup, onMount, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useTabsContext } from \"../Tabs/Tabs.context\";\nimport { useTabsListContext } from \"../TabsList/TabsList.context\";\nimport { callEventHandler } from \"../Tabs/call-event-handler\";\nimport { tabsTriggerStyles } from \"./TabsTrigger.styles\";\nimport type { TabsTriggerProps } from \"./TabsTrigger.types\";\n\nexport const TabsTrigger = (props: TabsTriggerProps) => {\n  const [local, events, others] = splitProps(\n    props,\n    [\"value\", \"class\", \"classList\", \"disabled\"],\n    [\"onClick\", \"onFocus\"],\n  );\n  const ctx = useTabsContext();\n  const listCtx = useTabsListContext();\n\n  const id = createUniqueId();\n  const triggerId = `tabs-trigger-${id}`;\n\n  let elementRef: HTMLButtonElement | undefined;\n\n  const disabled = () => !!local.disabled;\n  const selected = () => ctx.isSelected(local.value);\n\n  // roving tabindex 跟随焦点高亮:高亮 tab 持 0;\n  // 高亮为空或高亮指向的 trigger 不可用(disabled/卸载)时,\n  // 首个可用 tab 持 0 作为键盘起点,避免 tablist 键盘不可达\n  const tabIndex = () => {\n    if (disabled()) return -1;\n    const highlighted = ctx.highlightedValue();\n    if (highlighted === local.value && ctx.isUsable(local.value)) return 0;\n    if (\n      (highlighted === undefined || !ctx.isUsable(highlighted)) &&\n      ctx.isFirstEnabled(local.value)\n    ) {\n      return 0;\n    }\n    return -1;\n  };\n\n  onMount(() => {\n    ctx.setTriggerId(local.value, triggerId);\n    onCleanup(\n      ctx.registerTrigger({\n        value: local.value,\n        disabled,\n        element: elementRef!,\n      }),\n    );\n  });\n\n  return (\n    <button\n      type=\"button\"\n      ref={(el) => {\n        elementRef = el;\n      }}\n      role=\"tab\"\n      id={triggerId}\n      data-slot=\"tabs-trigger\"\n      data-active={selected() ? \"\" : null}\n      data-highlighted={ctx.highlightedValue() === local.value ? \"\" : null}\n      aria-selected={selected()}\n      aria-controls={ctx.getContentId(local.value)}\n      aria-disabled={disabled() ? \"true\" : undefined}\n      tabindex={tabIndex()}\n      disabled={local.disabled}\n      class={clsx(tabsTriggerStyles, local.class)}\n      classList={local.classList}\n      {...others}\n      onClick={(e) => {\n        // base-ui 语义:激活发生在点击(鼠标抬起/Enter/Space)时,\n        // mousedown 触发的 focus 不激活\n        if (!disabled()) ctx.setValue(local.value);\n        callEventHandler(events.onClick, e);\n      }}\n      onFocus={(e) => {\n        // 聚焦只更新高亮(roving focus);activateOnFocus 时聚焦即激活\n        if (!disabled()) {\n          ctx.setHighlightedValue(local.value);\n          if (listCtx.activateOnFocus) ctx.setValue(local.value);\n        }\n        callEventHandler(events.onFocus, e);\n      }}\n    />\n  );\n};\n"],"mappings":";;;;;;;;iFAQaU,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,GAAQC,KAAUX,EAC9BQ,GACA;EAAC;EAAS;EAAS;EAAa;CAAU,GAC1C,CAAC,WAAW,SAAS,CACvB,GACMI,IAAMV,EAAe,GACrBW,IAAUV,EAAmB,GAG7BY,IAAY,gBADPlB,EACuBiB,KAE9BE,GAEEE,UAAiB,CAAC,CAACT,EAAMS,UACzBC,UAAiBP,EAAIQ,WAAWX,EAAMY,KAAK,GAK3CC,UAAiB;EACrB,IAAIJ,EAAS,GAAG,OAAO;EACvB,IAAMK,IAAcX,EAAIY,iBAAiB;EAQzC,OAPID,MAAgBd,EAAMY,SAAST,EAAIa,SAAShB,EAAMY,KAAK,MAExDE,MAAgBG,KAAAA,KAAa,CAACd,EAAIa,SAASF,CAAW,MACvDX,EAAIe,eAAelB,EAAMY,KAAK,IAEvB,IAEF;CACT;CAaA,OAXAtB,QAAc;EAEZD,AADAc,EAAIgB,aAAanB,EAAMY,OAAON,CAAS,GACvCjB,EACEc,EAAIiB,gBAAgB;GAClBR,OAAOZ,EAAMY;GACbH;GACAY,SAASd;EACX,CAAC,CACH;CACF,CAAC,UAED;EAAA,IAAAe,IAAAC,EAAA;EAgCK,OAhCLC,GAGUC,MAAO;GACXlB,IAAakB;EACf,GAACH,CAAA,GAAAI,EAAAJ,GAAA,MAEGhB,CAAS,GAAAqB,EAAAL,GAAAM,EAAA;GAAA,IAAA,gBAAA;IAAA,OAEAlB,EAAS,IAAI,KAAK;GAAI;GAAA,IAAA,qBAAA;IAAA,OACjBP,EAAIY,iBAAiB,MAAMf,EAAMY,QAAQ,KAAK;GAAI;GAAA,IAAA,kBAAA;IAAA,OACrDF,EAAS;GAAC;GAAA,IAAA,kBAAA;IAAA,OACVP,EAAI8B,aAAajC,EAAMY,KAAK;GAAC;GAAA,IAAA,kBAAA;IAAA,OAC7BH,EAAS,IAAI,SAASQ,KAAAA;GAAS;GAAA,IAC9CkB,WAAQ;IAAA,OAAEtB,EAAS;GAAC;GAAA,IACpBJ,WAAQ;IAAA,OAAET,EAAMS;GAAQ;GAAA,IAAA8D,QAAA;IAAA,OACjB/E,EAAKI,GAAmBI,EAAMoC,KAAK;GAAC;GAAA,IAC3CC,YAAS;IAAA,OAAErC,EAAMqC;GAAS;EAAA,GACtBnC,GAAM;GAAAwE,UACApC,MAAM;IAId3C,AADKc,EAAS,KAAGN,EAAIoC,SAASvC,EAAMY,KAAK,GACzCjB,EAAiBM,EAAOuC,SAASF,CAAC;GACpC;GAACsC,UACStC,MAAM;IAMd3C,AAJKc,EAAS,MACZN,EAAIsC,oBAAoBzC,EAAMY,KAAK,GAC/BR,EAAQsC,mBAAiBvC,EAAIoC,SAASvC,EAAMY,KAAK,IAEvDjB,EAAiBM,EAAO0C,SAASL,CAAC;GACpC;EAAC,CAAA,GAAA,IAAA,EAAA,GAAAhB;CAAA,EAAA,CAAA;AAGP"}
+{"version":3,"file":"TabsTrigger.js","names":["createUniqueId","onCleanup","onMount","splitProps","clsx","useTabsContext","useTabsListContext","callEventHandler","tabsTriggerStyles","TabsTriggerProps","TabsTrigger","props","local","events","others","ctx","listCtx","id","triggerId","elementRef","HTMLButtonElement","disabled","selected","isSelected","value","tabIndex","highlighted","highlightedValue","isUsable","undefined","isFirstEnabled","setTriggerId","registerTrigger","element","_el$","_tmpl$","_$use","el","_$setAttribute","_$spread","_$mergeProps","data-active","data-highlighted","aria-selected","aria-controls","getContentId","aria-disabled","tabindex","class","classList","e","setValue","onClick","setHighlightedValue","activateOnFocus","onFocus","_$mergeProps","_tmpl$","TabsTrigger","local","events","others","splitProps","props","ctx","useTabsContext","listCtx","useTabsListContext","triggerId","createUniqueId","elementRef","disabled","selected","tabIndex","highlighted","onMount","onCleanup","_el$","use","el","setAttribute","spread","mergeProps","\"class\"","clsx","tabsTriggerStyles","\"onClick\"","callEventHandler","\"onFocus\""],"sources":["../../../../src/components/tabs/TabsTrigger/TabsTrigger.tsx"],"sourcesContent":["import { createUniqueId, onCleanup, onMount, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useTabsContext } from \"../Tabs/Tabs.context\";\nimport { useTabsListContext } from \"../TabsList/TabsList.context\";\nimport { callEventHandler } from \"~/utils\";\nimport { tabsTriggerStyles } from \"./TabsTrigger.styles\";\nimport type { TabsTriggerProps } from \"./TabsTrigger.types\";\n\nexport const TabsTrigger = (props: TabsTriggerProps) => {\n  const [local, events, others] = splitProps(\n    props,\n    [\"value\", \"class\", \"classList\", \"disabled\"],\n    [\"onClick\", \"onFocus\"],\n  );\n  const ctx = useTabsContext();\n  const listCtx = useTabsListContext();\n\n  const id = createUniqueId();\n  const triggerId = `tabs-trigger-${id}`;\n\n  let elementRef: HTMLButtonElement | undefined;\n\n  const disabled = () => !!local.disabled;\n  const selected = () => ctx.isSelected(local.value);\n\n  // roving tabindex 跟随焦点高亮:高亮 tab 持 0;\n  // 高亮为空或高亮指向的 trigger 不可用(disabled/卸载)时,\n  // 首个可用 tab 持 0 作为键盘起点,避免 tablist 键盘不可达\n  const tabIndex = () => {\n    if (disabled()) return -1;\n    const highlighted = ctx.highlightedValue();\n    if (highlighted === local.value && ctx.isUsable(local.value)) return 0;\n    if (\n      (highlighted === undefined || !ctx.isUsable(highlighted)) &&\n      ctx.isFirstEnabled(local.value)\n    ) {\n      return 0;\n    }\n    return -1;\n  };\n\n  onMount(() => {\n    ctx.setTriggerId(local.value, triggerId);\n    onCleanup(\n      ctx.registerTrigger({\n        value: local.value,\n        disabled,\n        element: elementRef!,\n      }),\n    );\n  });\n\n  return (\n    <button\n      type=\"button\"\n      ref={(el) => {\n        elementRef = el;\n      }}\n      role=\"tab\"\n      id={triggerId}\n      data-slot=\"tabs-trigger\"\n      data-active={selected() ? \"\" : null}\n      data-highlighted={ctx.highlightedValue() === local.value ? \"\" : null}\n      aria-selected={selected()}\n      aria-controls={ctx.getContentId(local.value)}\n      aria-disabled={disabled() ? \"true\" : undefined}\n      tabindex={tabIndex()}\n      disabled={local.disabled}\n      class={clsx(tabsTriggerStyles, local.class)}\n      classList={local.classList}\n      {...others}\n      onClick={(e) => {\n        // base-ui 语义:激活发生在点击(鼠标抬起/Enter/Space)时,\n        // mousedown 触发的 focus 不激活\n        if (!disabled()) ctx.setValue(local.value);\n        callEventHandler(events.onClick, e);\n      }}\n      onFocus={(e) => {\n        // 聚焦只更新高亮(roving focus);activateOnFocus 时聚焦即激活\n        if (!disabled()) {\n          ctx.setHighlightedValue(local.value);\n          if (listCtx.activateOnFocus) ctx.setValue(local.value);\n        }\n        callEventHandler(events.onFocus, e);\n      }}\n    />\n  );\n};\n"],"mappings":";;;;;;;;iFAQaU,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,GAAQC,KAAUX,EAC9BQ,GACA;EAAC;EAAS;EAAS;EAAa;CAAU,GAC1C,CAAC,WAAW,SAAS,CACvB,GACMI,IAAMV,EAAe,GACrBW,IAAUV,EAAmB,GAG7BY,IAAY,gBADPlB,EACuBiB,KAE9BE,GAEEE,UAAiB,CAAC,CAACT,EAAMS,UACzBC,UAAiBP,EAAIQ,WAAWX,EAAMY,KAAK,GAK3CC,UAAiB;EACrB,IAAIJ,EAAS,GAAG,OAAO;EACvB,IAAMK,IAAcX,EAAIY,iBAAiB;EAQzC,OAPID,MAAgBd,EAAMY,SAAST,EAAIa,SAAShB,EAAMY,KAAK,MAExDE,MAAgBG,KAAAA,KAAa,CAACd,EAAIa,SAASF,CAAW,MACvDX,EAAIe,eAAelB,EAAMY,KAAK,IAEvB,IAEF;CACT;CAaA,OAXAtB,QAAc;EAEZD,AADAc,EAAIgB,aAAanB,EAAMY,OAAON,CAAS,GACvCjB,EACEc,EAAIiB,gBAAgB;GAClBR,OAAOZ,EAAMY;GACbH;GACAY,SAASd;EACX,CAAC,CACH;CACF,CAAC,UAED;EAAA,IAAAe,IAAAC,EAAA;EAgCK,OAhCLC,GAGUC,MAAO;GACXlB,IAAakB;EACf,GAACH,CAAA,GAAAI,EAAAJ,GAAA,MAEGhB,CAAS,GAAAqB,EAAAL,GAAAM,EAAA;GAAA,IAAA,gBAAA;IAAA,OAEAlB,EAAS,IAAI,KAAK;GAAI;GAAA,IAAA,qBAAA;IAAA,OACjBP,EAAIY,iBAAiB,MAAMf,EAAMY,QAAQ,KAAK;GAAI;GAAA,IAAA,kBAAA;IAAA,OACrDF,EAAS;GAAC;GAAA,IAAA,kBAAA;IAAA,OACVP,EAAI8B,aAAajC,EAAMY,KAAK;GAAC;GAAA,IAAA,kBAAA;IAAA,OAC7BH,EAAS,IAAI,SAASQ,KAAAA;GAAS;GAAA,IAC9CkB,WAAQ;IAAA,OAAEtB,EAAS;GAAC;GAAA,IACpBJ,WAAQ;IAAA,OAAET,EAAMS;GAAQ;GAAA,IAAA8D,QAAA;IAAA,OACjB/E,EAAKI,GAAmBI,EAAMoC,KAAK;GAAC;GAAA,IAC3CC,YAAS;IAAA,OAAErC,EAAMqC;GAAS;EAAA,GACtBnC,GAAM;GAAAwE,UACApC,MAAM;IAId3C,AADKc,EAAS,KAAGN,EAAIoC,SAASvC,EAAMY,KAAK,GACzCjB,EAAiBM,EAAOuC,SAASF,CAAC;GACpC;GAACsC,UACStC,MAAM;IAMd3C,AAJKc,EAAS,MACZN,EAAIsC,oBAAoBzC,EAAMY,KAAK,GAC/BR,EAAQsC,mBAAiBvC,EAAIoC,SAASvC,EAAMY,KAAK,IAEvDjB,EAAiBM,EAAO0C,SAASL,CAAC;GACpC;EAAC,CAAA,GAAA,IAAA,EAAA,GAAAhB;CAAA,EAAA,CAAA;AAGP"}

package/dist/components/textarea/Textarea.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<textarea data-slot=textarea>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion

package/dist/components/textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","names":["splitProps","TextareaProps","clsx","Textarea","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","Textarea","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../src/components/textarea/Textarea.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { TextareaProps } from \"./Textarea.types\";\nimport { clsx } from \"~/utils\";\n\nexport const Textarea = (props: TextareaProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      class={clsx(\n        \"flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;0DAIaG,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWpB,EACL,0hBACAG,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"Textarea.js","names":["splitProps","TextareaProps","clsx","Textarea","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","Textarea","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../src/components/textarea/Textarea.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { TextareaProps } from \"./Textarea.types\";\nimport { clsx } from \"~/utils\";\n\nexport const Textarea = (props: TextareaProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      class={clsx(\n        \"flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;0DAIaG,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQc,OARdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAGWrB,EACL,0hBACAG,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/time-picker/TimePicker/create-change-event-details.d.ts

@@ -2,7 +2,6 @@ import { TimePickerChangeEventDetails, TimePickerChangeReason } from './TimePick
 /**
  * 构造 onValueChange 的事件详情(对齐 base-ui 的 `ChangeEventDetails`)。
  *
- * `isCanceled` / `isPropagationAllowed` 用 getter 暴露:回调内部可以即时读到
- * `cancel()` / `allowPropagation()` 之后的最新值,而不是创建时的快照。
+ * 实现在 `~/utils`,这里只固定 TimePicker 的 reason 类型。
  */
 export declare function createTimePickerChangeEventDetails(reason: TimePickerChangeReason, event?: Event, trigger?: Element): TimePickerChangeEventDetails;

package/dist/components/time-picker/TimePicker/create-change-event-details.js

@@ -1,25 +1,9 @@
+import { createChangeEventDetails as e } from "../../../utils/create-change-event-details.js";
 //#region src/components/time-picker/TimePicker/create-change-event-details.ts
-function e(e, t, n) {
-	let r = !1, i = !1;
-	return {
-		reason: e,
-		event: t,
-		trigger: n,
-		cancel: () => {
-			r = !0;
-		},
-		allowPropagation: () => {
-			i = !0;
-		},
-		get isCanceled() {
-			return r;
-		},
-		get isPropagationAllowed() {
-			return i;
-		}
-	};
+function t(t, n, r) {
+	return e(t, n, r);
 }
 //#endregion
-export { e as createTimePickerChangeEventDetails };
+export { t as createTimePickerChangeEventDetails };
 
 //# sourceMappingURL=create-change-event-details.js.map

package/dist/components/time-picker/TimePicker/create-change-event-details.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-change-event-details.js","names":["createTimePickerChangeEventDetails","canceled","propagationAllowed"],"sources":["../../../../src/components/time-picker/TimePicker/create-change-event-details.ts"],"sourcesContent":["import type {\n  TimePickerChangeEventDetails,\n  TimePickerChangeReason,\n} from \"./TimePicker.types\";\n\n/**\n * 构造 onValueChange 的事件详情(对齐 base-ui 的 `ChangeEventDetails`)。\n *\n * `isCanceled` / `isPropagationAllowed` 用 getter 暴露:回调内部可以即时读到\n * `cancel()` / `allowPropagation()` 之后的最新值,而不是创建时的快照。\n */\nexport function createTimePickerChangeEventDetails(\n  reason: TimePickerChangeReason,\n  event?: Event,\n  trigger?: Element,\n): TimePickerChangeEventDetails {\n  let canceled = false;\n  let propagationAllowed = false;\n\n  return {\n    reason,\n    event,\n    trigger,\n    cancel: () => {\n      canceled = true;\n    },\n    allowPropagation: () => {\n      propagationAllowed = true;\n    },\n    get isCanceled() {\n      return canceled;\n    },\n    get isPropagationAllowed() {\n      return propagationAllowed;\n    },\n  };\n}\n"],"mappings":";AAWA,SAAgBA,EACd,GACA,GACA,GAC8B;CAC9B,IAAIC,IAAW,IACXC,IAAqB;CAEzB,OAAO;EACL;EACA;EACA;EACA,cAAc;GACZ,IAAW;EACb;EACA,wBAAwB;GACtB,IAAqB;EACvB;EACA,IAAI,aAAa;GACf,OAAOD;EACT;EACA,IAAI,uBAAuB;GACzB,OAAOC;EACT;CACF;AACF"}
+{"version":3,"file":"create-change-event-details.js","names":["createTimePickerChangeEventDetails","createChangeEventDetails","reason","event","trigger"],"sources":["../../../../src/components/time-picker/TimePicker/create-change-event-details.ts"],"sourcesContent":["import { createChangeEventDetails } from \"~/utils\";\nimport type {\n  TimePickerChangeEventDetails,\n  TimePickerChangeReason,\n} from \"./TimePicker.types\";\n\n/**\n * 构造 onValueChange 的事件详情(对齐 base-ui 的 `ChangeEventDetails`)。\n *\n * 实现在 `~/utils`,这里只固定 TimePicker 的 reason 类型。\n */\nexport function createTimePickerChangeEventDetails(\n  reason: TimePickerChangeReason,\n  event?: Event,\n  trigger?: Element,\n): TimePickerChangeEventDetails {\n  return createChangeEventDetails(reason, event, trigger);\n}\n"],"mappings":";;AAWA,SAAgBA,EACd,GACA,GACA,GAC8B;CAC9B,OAAOC,EAAyBC,GAAQC,GAAOC,CAAO;AACxD"}

package/dist/components/time-picker/TimePickerColumn/TimePickerColumn.js

@@ -31,9 +31,7 @@ function m(u) {
 				get selected() {
 					return g() === e.value;
 				},
-				onSelect: (t) => {
-					t && x(e.value, t);
-				},
+				onSelect: (t) => x(e.value, t),
 				get children() {
 					return e.label;
 				}

package/dist/components/time-picker/TimePickerColumn/TimePickerColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePickerColumn.js","names":["For","JSX","clsx","ScrollArrows","TimePickerOption","useTimePickerContext","TimePickerUnitValue","TimePickerColumnProps","useTimePickerColumn","TimePickerColumn","props","Element","ctx","options","selected","activeOptionId","optionId","listElement","attachList","selectOption","value","event","MouseEvent","currentTarget","HTMLDivElement","target","setUnitValue","unit","reason","trigger","_el$","_tmpl$","_el$2","firstChild","_$use","_$insert","_$createComponent","each","children","option","id","onSelect","label","upClass","downClass","_$effect","_p$","_v$","_v$2","class","_v$3","getUnitLabel","_v$4","_v$5","e","_$setAttribute","t","_$className","a","o","i","undefined","_$createComponent","_$setAttribute","_$className","_tmpl$","TimePickerColumn","ctx","useTimePickerContext","useTimePickerColumn","props","selectOption","value","event","_el$","_el$2","use","attachList","insert","createComponent","For","options","TimePickerOption","optionId","option","selected","ScrollArrows","listElement","effect","_v$","_v$2","clsx","_v$3","_v$4","activeOptionId","_v$5","_p$","setAttribute","className"],"sources":["../../../../src/components/time-picker/TimePickerColumn/TimePickerColumn.tsx"],"sourcesContent":["import { For, type JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { ScrollArrows } from \"~/components/scroll-arrows\";\nimport { TimePickerOption } from \"../TimePickerOption\";\nimport { useTimePickerContext } from \"../TimePicker/TimePicker.context\";\nimport type { TimePickerUnitValue } from \"../TimePicker/TimePicker.types\";\nimport type { TimePickerColumnProps } from \"./TimePickerColumn.types\";\nimport { useTimePickerColumn } from \"./useTimePickerColumn\";\n\n/**\n * 单个时间列:`role=\"listbox\"` 的可滚动列表,选项是 `role=\"option\"`。\n *\n * 焦点停在列本身,`aria-activedescendant` 指向选中项;这样列表是唯一可聚焦的\n * 复合控件,方向键、Home/End、左右切换列都集中在 useTimePickerColumn 里。\n * 原生滚动条隐藏,用与 Select 一致的上下箭头提示还有内容。\n */\nexport function TimePickerColumn(props: TimePickerColumnProps): JSX.Element {\n  const ctx = useTimePickerContext(\"TimePickerColumn\");\n  const {\n    options,\n    selected,\n    activeOptionId,\n    optionId,\n    listElement,\n    attachList,\n  } = useTimePickerColumn(() => props);\n\n  const selectOption = (\n    value: TimePickerUnitValue,\n    event: MouseEvent & { currentTarget: HTMLDivElement; target: Element },\n  ) => {\n    ctx.setUnitValue(props.unit, value, {\n      reason: \"option-press\",\n      event,\n      trigger: event.currentTarget,\n    });\n  };\n\n  return (\n    // 外层只做相对定位,供滚动箭头贴住列表上下沿;自身不滚动\n    <div\n      data-slot=\"time-picker-column\"\n      data-unit={props.unit}\n      class={clsx(\"relative flex flex-col\", props.class)}\n    >\n      <div\n        ref={attachList}\n        role=\"listbox\"\n        aria-label={props.label ?? ctx.getUnitLabel(props.unit)}\n        aria-activedescendant={activeOptionId()}\n        tabIndex={0}\n        class={clsx(\n          \"h-52 w-12 overflow-y-auto overscroll-contain rounded-md p-1\",\n          \"no-scrollbar [&::-webkit-scrollbar]:hidden\",\n          \"outline-none focus-visible:ring-2 focus-visible:ring-ring/50\",\n        )}\n      >\n        <For each={options()}>\n          {(option) => (\n            <TimePickerOption\n              id={optionId(option.value)}\n              value={option.value}\n              selected={selected() === option.value}\n              onSelect={(event) => {\n                if (event) selectOption(option.value, event);\n              }}\n            >\n              {option.label}\n            </TimePickerOption>\n          )}\n        </For>\n      </div>\n      <ScrollArrows\n        target={listElement}\n        upClass=\"rounded-t-md\"\n        downClass=\"rounded-b-md\"\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAgBA,SAAgBS,EAAiBC,GAA2C;CAC1E,IAAME,IAAMP,EAAqB,kBAAkB,GAC7C,EACJQ,YACAC,aACAC,mBACAC,aACAC,gBACAC,kBACEV,QAA0BE,CAAK,GAE7BS,KACJC,GACAC,MACG;EACHT,EAAIc,aAAahB,EAAMiB,MAAMP,GAAO;GAClCQ,QAAQ;GACRP;GACAQ,SAASR,EAAME;EACjB,CAAC;CACH;CAEA,cACE;EAAA,IAAAO,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EAgBK,OAhBLC,EAOShB,GAAUc,CAAA,GAAAG,EAAAH,GAAAI,EAWdpC,GAAG;GAAA,IAACqC,OAAI;IAAA,OAAExB,EAAQ;GAAC;GAAAyB,WAChBC,MAAMH,EACLhC,GAAgB;IAAA,IACfoC,KAAE;KAAA,OAAExB,EAASuB,EAAOnB,KAAK;IAAC;IAAA,IAC1BA,QAAK;KAAA,OAAEmB,EAAOnB;IAAK;IAAA,IACnBN,WAAQ;KAAA,OAAEA,EAAS,MAAMyB,EAAOnB;IAAK;IACrCqB,WAAWpB,MAAU;KACnB,AAAIA,KAAOF,EAAaoB,EAAOnB,OAAOC,CAAK;IAC7C;IAAC,IAAAiB,WAAA;KAAA,OAEAC,EAAOG;IAAK;GAAA,CAAA;EAEhB,CAAA,CAAA,GAAAP,EAAAL,GAAAM,EAGJjC,GAAY;GACXsB,QAAQR;GACR0B,SAAO;GACPC,WAAS;EAAA,CAAA,GAAA,IAAA,GAAAC,GAAAC,MAAA;GAAA,IAAAC,IAjCArC,EAAMiB,MAAIqB,IACd9C,EAAK,0BAA0BQ,EAAMuC,KAAK,GAACC,IAKpCxC,EAAMgC,SAAS9B,EAAIuC,aAAazC,EAAMiB,IAAI,GAACyB,IAChCrC,EAAe,GAACsC,IAEhCnD,EACL,+DACA,8CACA,8DACF;GAAC,OAAA6C,MAAAD,EAAAQ,KAAAC,EAAAzB,GAAA,aAAAgB,EAAAQ,IAAAP,CAAA,GAAAC,MAAAF,EAAAU,KAAAC,EAAA3B,GAAAgB,EAAAU,IAAAR,CAAA,GAAAE,MAAAJ,EAAAY,KAAAH,EAAAvB,GAAA,cAAAc,EAAAY,IAAAR,CAAA,GAAAE,MAAAN,EAAAa,KAAAJ,EAAAvB,GAAA,yBAAAc,EAAAa,IAAAP,CAAA,GAAAC,MAAAP,EAAAc,KAAAH,EAAAzB,GAAAc,EAAAc,IAAAP,CAAA,GAAAP;EAAA,GAAA;GAAAQ,GAAAO,KAAAA;GAAAL,GAAAK,KAAAA;GAAAH,GAAAG,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;EAAA,CAAA,GAAA/B;CAAA,EAAA,CAAA;AAwBT"}
+{"version":3,"file":"TimePickerColumn.js","names":["For","JSX","clsx","ScrollArrows","TimePickerOption","useTimePickerContext","TimePickerUnitValue","TimePickerColumnProps","useTimePickerColumn","TimePickerColumn","props","Element","ctx","options","selected","activeOptionId","optionId","listElement","attachList","selectOption","value","event","MouseEvent","currentTarget","HTMLDivElement","target","setUnitValue","unit","reason","trigger","_el$","_tmpl$","_el$2","firstChild","_$use","_$insert","_$createComponent","each","children","option","id","onSelect","label","upClass","downClass","_$effect","_p$","_v$","_v$2","class","_v$3","getUnitLabel","_v$4","_v$5","e","_$setAttribute","t","_$className","a","o","i","undefined","_$createComponent","_$setAttribute","_$className","_tmpl$","TimePickerColumn","ctx","useTimePickerContext","useTimePickerColumn","props","selectOption","value","event","_el$","_el$2","use","attachList","insert","createComponent","For","options","TimePickerOption","optionId","option","selected","ScrollArrows","listElement","effect","_v$","_v$2","clsx","_v$3","_v$4","activeOptionId","_v$5","_p$","setAttribute","className"],"sources":["../../../../src/components/time-picker/TimePickerColumn/TimePickerColumn.tsx"],"sourcesContent":["import { For, type JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { ScrollArrows } from \"~/components/scroll-arrows\";\nimport { TimePickerOption } from \"../TimePickerOption\";\nimport { useTimePickerContext } from \"../TimePicker/TimePicker.context\";\nimport type { TimePickerUnitValue } from \"../TimePicker/TimePicker.types\";\nimport type { TimePickerColumnProps } from \"./TimePickerColumn.types\";\nimport { useTimePickerColumn } from \"./useTimePickerColumn\";\n\n/**\n * 单个时间列:`role=\"listbox\"` 的可滚动列表,选项是 `role=\"option\"`。\n *\n * 焦点停在列本身,`aria-activedescendant` 指向选中项;这样列表是唯一可聚焦的\n * 复合控件,方向键、Home/End、左右切换列都集中在 useTimePickerColumn 里。\n * 原生滚动条隐藏,用与 Select 一致的上下箭头提示还有内容。\n */\nexport function TimePickerColumn(props: TimePickerColumnProps): JSX.Element {\n  const ctx = useTimePickerContext(\"TimePickerColumn\");\n  const {\n    options,\n    selected,\n    activeOptionId,\n    optionId,\n    listElement,\n    attachList,\n  } = useTimePickerColumn(() => props);\n\n  const selectOption = (\n    value: TimePickerUnitValue,\n    event: MouseEvent & { currentTarget: HTMLDivElement; target: Element },\n  ) => {\n    ctx.setUnitValue(props.unit, value, {\n      reason: \"option-press\",\n      event,\n      trigger: event.currentTarget,\n    });\n  };\n\n  return (\n    // 外层只做相对定位,供滚动箭头贴住列表上下沿;自身不滚动\n    <div\n      data-slot=\"time-picker-column\"\n      data-unit={props.unit}\n      class={clsx(\"relative flex flex-col\", props.class)}\n    >\n      <div\n        ref={attachList}\n        role=\"listbox\"\n        aria-label={props.label ?? ctx.getUnitLabel(props.unit)}\n        aria-activedescendant={activeOptionId()}\n        tabIndex={0}\n        class={clsx(\n          \"h-52 w-12 overflow-y-auto overscroll-contain rounded-md p-1\",\n          \"no-scrollbar [&::-webkit-scrollbar]:hidden\",\n          \"outline-none focus-visible:ring-2 focus-visible:ring-ring/50\",\n        )}\n      >\n        <For each={options()}>\n          {(option) => (\n            <TimePickerOption\n              id={optionId(option.value)}\n              value={option.value}\n              selected={selected() === option.value}\n              // event 在类型上必填（Solid 的点击事件一定有事件对象），\n              // 因此不再需要 `if (event)` 这种永远成立的守卫\n              onSelect={(event) => selectOption(option.value, event)}\n            >\n              {option.label}\n            </TimePickerOption>\n          )}\n        </For>\n      </div>\n      <ScrollArrows\n        target={listElement}\n        upClass=\"rounded-t-md\"\n        downClass=\"rounded-b-md\"\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAgBA,SAAgBS,EAAiBC,GAA2C;CAC1E,IAAME,IAAMP,EAAqB,kBAAkB,GAC7C,EACJQ,YACAC,aACAC,mBACAC,aACAC,gBACAC,kBACEV,QAA0BE,CAAK,GAE7BS,KACJC,GACAC,MACG;EACHT,EAAIc,aAAahB,EAAMiB,MAAMP,GAAO;GAClCQ,QAAQ;GACRP;GACAQ,SAASR,EAAME;EACjB,CAAC;CACH;CAEA,cACE;EAAA,IAAAO,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EAgBK,OAhBLC,EAOShB,GAAUc,CAAA,GAAAG,EAAAH,GAAAI,EAWdpC,GAAG;GAAA,IAACqC,OAAI;IAAA,OAAExB,EAAQ;GAAC;GAAAyB,WAChBC,MAAMH,EACLhC,GAAgB;IAAA,IACfoC,KAAE;KAAA,OAAExB,EAASuB,EAAOnB,KAAK;IAAC;IAAA,IAC1BA,QAAK;KAAA,OAAEmB,EAAOnB;IAAK;IAAA,IACnBN,WAAQ;KAAA,OAAEA,EAAS,MAAMyB,EAAOnB;IAAK;IAGrCqB,WAAWpB,MAAUF,EAAaoB,EAAOnB,OAAOC,CAAK;IAAC,IAAAiB,WAAA;KAAA,OAErDC,EAAOG;IAAK;GAAA,CAAA;EAEhB,CAAA,CAAA,GAAAP,EAAAL,GAAAM,EAGJjC,GAAY;GACXsB,QAAQR;GACR0B,SAAO;GACPC,WAAS;EAAA,CAAA,GAAA,IAAA,GAAAC,GAAAC,MAAA;GAAA,IAAAC,IAjCArC,EAAMiB,MAAIqB,IACd9C,EAAK,0BAA0BQ,EAAMuC,KAAK,GAACC,IAKpCxC,EAAMgC,SAAS9B,EAAIuC,aAAazC,EAAMiB,IAAI,GAACyB,IAChCrC,EAAe,GAACsC,IAEhCnD,EACL,+DACA,8CACA,8DACF;GAAC,OAAA6C,MAAAD,EAAAQ,KAAAC,EAAAzB,GAAA,aAAAgB,EAAAQ,IAAAP,CAAA,GAAAC,MAAAF,EAAAU,KAAAC,EAAA3B,GAAAgB,EAAAU,IAAAR,CAAA,GAAAE,MAAAJ,EAAAY,KAAAH,EAAAvB,GAAA,cAAAc,EAAAY,IAAAR,CAAA,GAAAE,MAAAN,EAAAa,KAAAJ,EAAAvB,GAAA,yBAAAc,EAAAa,IAAAP,CAAA,GAAAC,MAAAP,EAAAc,KAAAH,EAAAzB,GAAAc,EAAAc,IAAAP,CAAA,GAAAP;EAAA,GAAA;GAAAQ,GAAAO,KAAAA;GAAAL,GAAAK,KAAAA;GAAAH,GAAAG,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;EAAA,CAAA,GAAA/B;CAAA,EAAA,CAAA;AAwBT"}

package/dist/components/time-picker/TimePickerColumn/time-picker.column-utils.d.ts

@@ -0,0 +1,34 @@
+/**
+ * TimePickerColumn 的纯交互逻辑：选项索引的环形推进、跨列推进（含 RTL 取反）、
+ * 以及按键到意图的映射。
+ *
+ * 单一职责：只做"从当前状态推出下一个状态"的计算与"按键代表什么意图"的翻译，
+ * 不读信号、不写值、不碰 DOM——写回与聚焦由 hook 按返回的意图执行。
+ */
+/** 按键意图：move/moveColumn 是推进，commitBoundary 跳到两端，consume 只吞掉按键 */
+export type ColumnKeyAction = {
+    type: "move";
+    direction: 1 | -1;
+} | {
+    type: "moveColumn";
+    direction: 1 | -1;
+} | {
+    type: "commitBoundary";
+    boundary: "first" | "last";
+} | {
+    type: "consume";
+} | null;
+/**
+ * 列表内部的环形推进：
+ * - 空列表返回 -1（调用方据此放弃）；
+ * - 当前值不在列表里（例如 minuteStep=15 而值的分钟是 7）时，向前从 0、向后从末尾开始；
+ * - 其余情况按方向环形回绕。
+ */
+export declare function resolveNextOptionIndex(currentIndex: number, direction: 1 | -1, length: number): number;
+/**
+ * 跨列推进：按 `units` 顺序环形移动；RTL 下左右方向语义取反。
+ * 当前列不在列表中、或目标列不存在时返回 undefined。
+ */
+export declare function resolveNextUnit<T extends string>(units: readonly T[], current: T, direction: 1 | -1, rtl: boolean): T | undefined;
+/** 方向键/Home/End/Enter 映射成意图；其余按键返回 null（调用方不处理） */
+export declare function resolveColumnKeyAction(key: string): ColumnKeyAction;

package/dist/components/time-picker/TimePickerColumn/time-picker.column-utils.js

@@ -0,0 +1,43 @@
+//#region src/components/time-picker/TimePickerColumn/time-picker.column-utils.ts
+function e(e, t, n) {
+	return n <= 0 ? -1 : e === -1 ? t === 1 ? 0 : n - 1 : (e + t + n) % n;
+}
+function t(e, t, n, r) {
+	let i = e.indexOf(t);
+	if (i !== -1) return e[(i + (r ? -n : n) + e.length) % e.length];
+}
+function n(e) {
+	switch (e) {
+		case "ArrowDown": return {
+			type: "move",
+			direction: 1
+		};
+		case "ArrowUp": return {
+			type: "move",
+			direction: -1
+		};
+		case "ArrowRight": return {
+			type: "moveColumn",
+			direction: 1
+		};
+		case "ArrowLeft": return {
+			type: "moveColumn",
+			direction: -1
+		};
+		case "Home": return {
+			type: "commitBoundary",
+			boundary: "first"
+		};
+		case "End": return {
+			type: "commitBoundary",
+			boundary: "last"
+		};
+		case "Enter":
+		case " ": return { type: "consume" };
+		default: return null;
+	}
+}
+//#endregion
+export { n as resolveColumnKeyAction, e as resolveNextOptionIndex, t as resolveNextUnit };
+
+//# sourceMappingURL=time-picker.column-utils.js.map

package/dist/components/time-picker/TimePickerColumn/time-picker.column-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.column-utils.js","names":["resolveNextOptionIndex","length","currentIndex","direction","resolveNextUnit","index","units","current","rtl","resolveColumnKeyAction","key"],"sources":["../../../../src/components/time-picker/TimePickerColumn/time-picker.column-utils.ts"],"sourcesContent":["/**\n * TimePickerColumn 的纯交互逻辑：选项索引的环形推进、跨列推进（含 RTL 取反）、\n * 以及按键到意图的映射。\n *\n * 单一职责：只做\"从当前状态推出下一个状态\"的计算与\"按键代表什么意图\"的翻译，\n * 不读信号、不写值、不碰 DOM——写回与聚焦由 hook 按返回的意图执行。\n */\n\n/** 按键意图：move/moveColumn 是推进，commitBoundary 跳到两端，consume 只吞掉按键 */\nexport type ColumnKeyAction =\n  | { type: \"move\"; direction: 1 | -1 }\n  | { type: \"moveColumn\"; direction: 1 | -1 }\n  | { type: \"commitBoundary\"; boundary: \"first\" | \"last\" }\n  | { type: \"consume\" }\n  | null;\n\n/**\n * 列表内部的环形推进：\n * - 空列表返回 -1（调用方据此放弃）；\n * - 当前值不在列表里（例如 minuteStep=15 而值的分钟是 7）时，向前从 0、向后从末尾开始；\n * - 其余情况按方向环形回绕。\n */\nexport function resolveNextOptionIndex(\n  currentIndex: number,\n  direction: 1 | -1,\n  length: number,\n): number {\n  if (length <= 0) return -1;\n  if (currentIndex === -1) return direction === 1 ? 0 : length - 1;\n  return (currentIndex + direction + length) % length;\n}\n\n/**\n * 跨列推进：按 `units` 顺序环形移动；RTL 下左右方向语义取反。\n * 当前列不在列表中、或目标列不存在时返回 undefined。\n */\nexport function resolveNextUnit<T extends string>(\n  units: readonly T[],\n  current: T,\n  direction: 1 | -1,\n  rtl: boolean,\n): T | undefined {\n  const index = units.indexOf(current);\n  if (index === -1) return undefined;\n  const step = rtl ? -direction : direction;\n  return units[(index + step + units.length) % units.length];\n}\n\n/** 方向键/Home/End/Enter 映射成意图；其余按键返回 null（调用方不处理） */\nexport function resolveColumnKeyAction(key: string): ColumnKeyAction {\n  switch (key) {\n    case \"ArrowDown\":\n      return { type: \"move\", direction: 1 };\n    case \"ArrowUp\":\n      return { type: \"move\", direction: -1 };\n    case \"ArrowRight\":\n      return { type: \"moveColumn\", direction: 1 };\n    case \"ArrowLeft\":\n      return { type: \"moveColumn\", direction: -1 };\n    case \"Home\":\n      return { type: \"commitBoundary\", boundary: \"first\" };\n    case \"End\":\n      return { type: \"commitBoundary\", boundary: \"last\" };\n    case \"Enter\":\n    case \" \":\n      // 移动即提交，这里只需阻止空格滚动页面\n      return { type: \"consume\" };\n    default:\n      return null;\n  }\n}\n"],"mappings":";AAsBA,SAAgBA,EACd,GACA,GACA,GACQ;CAGR,OAFIC,KAAU,IAAU,KACpBC,MAAiB,KAAWC,MAAc,IAAI,IAAIF,IAAS,KACvDC,IAAeC,IAAYF,KAAUA;AAC/C;AAMA,SAAgBG,EACd,GACA,GACA,GACA,GACe;CACf,IAAMC,IAAQC,EAAM,QAAQC,CAAO;CACnC,IAAIF,MAAU,IAEd,OAAOC,GAAOD,KADDG,IAAM,CAACL,IAAYA,KACHG,EAAM,UAAUA,EAAM;AACrD;AAGA,SAAgBG,EAAuB,GAA8B;CACnE,QAAQC,GAAR;EACE,KAAK,aACH,OAAO;GAAE,MAAM;GAAQ,WAAW;EAAE;EACtC,KAAK,WACH,OAAO;GAAE,MAAM;GAAQ,WAAW;EAAG;EACvC,KAAK,cACH,OAAO;GAAE,MAAM;GAAc,WAAW;EAAE;EAC5C,KAAK,aACH,OAAO;GAAE,MAAM;GAAc,WAAW;EAAG;EAC7C,KAAK,QACH,OAAO;GAAE,MAAM;GAAkB,UAAU;EAAQ;EACrD,KAAK,OACH,OAAO;GAAE,MAAM;GAAkB,UAAU;EAAO;EACpD,KAAK;EACL,KAAK,KAEH,OAAO,EAAE,MAAM,UAAU;EAC3B,SACE,OAAO;CACX;AACF"}

package/dist/components/time-picker/TimePickerColumn/useTimePickerColumn.js

@@ -1,75 +1,50 @@
 import { useTimePickerContext as e } from "../TimePicker/TimePicker.context.js";
-import { createEffect as t, createMemo as n, createSignal as r, createUniqueId as i, onCleanup as a } from "solid-js";
+import { resolveColumnKeyAction as t, resolveNextOptionIndex as n, resolveNextUnit as r } from "./time-picker.column-utils.js";
+import { createEffect as i, createMemo as a, createSignal as o, createUniqueId as s, onCleanup as c } from "solid-js";
 //#region src/components/time-picker/TimePickerColumn/useTimePickerColumn.ts
-function o(o) {
-	let s = e("TimePickerColumn"), c = i(), [l, u] = r(), d = n(() => s.getOptions(o().unit)), f = n(() => s.getUnitValue(o().unit)), p = (e) => `${c}-${String(e)}`, m = n(() => {
-		let e = f();
-		if (e !== void 0) return d().some((t) => t.value === e) ? p(e) : void 0;
-	}), h = (e, t) => {
-		s.setUnitValue(o().unit, e, {
+function l(l) {
+	let u = e("TimePickerColumn"), d = s(), [f, p] = o(), m = a(() => u.getOptions(l().unit)), h = a(() => u.getUnitValue(l().unit)), g = (e) => `${d}-${String(e)}`, _ = a(() => {
+		let e = h();
+		if (e !== void 0) return m().some((t) => t.value === e) ? g(e) : void 0;
+	}), v = (e, t) => {
+		u.setUnitValue(l().unit, e, {
 			reason: "keyboard",
 			event: t,
-			trigger: l()
+			trigger: f()
 		});
-	}, g = (e, t) => {
-		let n = d();
-		if (n.length === 0) return;
-		let r = n.findIndex((e) => e.value === f()), i = r === -1 ? e === 1 ? 0 : n.length - 1 : (r + e + n.length) % n.length;
-		h(n[i].value, t);
-	}, _ = (e) => {
-		let t = s.units(), n = t.indexOf(o().unit);
-		if (n === -1) return;
-		let r = t[(n + (s.dir() === "rtl" ? -e : e) + t.length) % t.length];
-		r && (s.setActiveUnit(r), s.getColumnElement(r)?.focus());
-	}, v = (e) => {
-		if (!(s.disabled() || s.readOnly())) switch (e.key) {
-			case "ArrowDown":
-				e.preventDefault(), g(1, e);
-				break;
-			case "ArrowUp":
-				e.preventDefault(), g(-1, e);
-				break;
-			case "Home": {
-				e.preventDefault();
-				let t = d()[0];
-				t && h(t.value, e);
-				break;
-			}
-			case "End": {
-				e.preventDefault();
-				let t = d(), n = t[t.length - 1];
-				n && h(n.value, e);
-				break;
-			}
-			case "ArrowRight":
-				e.preventDefault(), _(1);
-				break;
-			case "ArrowLeft":
-				e.preventDefault(), _(-1);
-				break;
-			case "Enter":
-			case " ": e.preventDefault();
-		}
+	}, y = (e, t) => {
+		let n = m(), r = e === "first" ? n[0] : n[n.length - 1];
+		r && v(r.value, t);
+	}, b = (e, t) => {
+		let r = m(), i = r.findIndex((e) => e.value === h()), a = n(i, e, r.length);
+		a !== -1 && v(r[a].value, t);
+	}, x = (e) => {
+		let t = r(u.units(), l().unit, e, u.dir() === "rtl");
+		t && (u.setActiveUnit(t), u.getColumnElement(t)?.focus());
+	}, S = (e) => {
+		if (u.disabled() || u.readOnly()) return;
+		let n = t(e.key);
+		n && (e.preventDefault(), n.type === "move" ? b(n.direction, e) : n.type === "moveColumn" ? x(n.direction) : n.type === "commitBoundary" && y(n.boundary, e));
 	};
-	return t(() => {
-		let e = f(), t = l();
+	return i(() => {
+		let e = h(), t = f();
 		e !== void 0 && t && t.querySelector(`[data-value="${CSS.escape(String(e))}"]`)?.scrollIntoView({ block: "nearest" });
 	}), {
-		options: d,
-		selected: f,
-		activeOptionId: m,
-		optionId: p,
-		listElement: l,
+		options: m,
+		selected: h,
+		activeOptionId: _,
+		optionId: g,
+		listElement: f,
 		attachList: (e) => {
-			u(e);
-			let t = s.registerColumn(o().unit, e), n = () => s.setActiveUnit(o().unit);
-			e.addEventListener("keydown", v), e.addEventListener("focus", n), a(() => {
-				e.removeEventListener("keydown", v), e.removeEventListener("focus", n), t();
+			p(e);
+			let t = u.registerColumn(l().unit, e), n = () => u.setActiveUnit(l().unit);
+			e.addEventListener("keydown", S), e.addEventListener("focus", n), c(() => {
+				e.removeEventListener("keydown", S), e.removeEventListener("focus", n), t();
 			});
 		}
 	};
 }
 //#endregion
-export { o as useTimePickerColumn };
+export { l as useTimePickerColumn };
 
 //# sourceMappingURL=useTimePickerColumn.js.map

package/dist/components/time-picker/TimePickerColumn/useTimePickerColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTimePickerColumn.js","names":["useTimePickerColumn","ctx","useTimePickerContext","columnId","createUniqueId","listElement","setListElement","createSignal","options","createMemo","props","selected","optionId","value","activeOptionId","option","commit","move","list","index","nextIndex","direction","event","moveColumn","units","next","onKeyDown","first","last","createEffect","element","unregister","onFocus","onCleanup"],"sources":["../../../../src/components/time-picker/TimePickerColumn/useTimePickerColumn.ts"],"sourcesContent":["import {\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n} from \"solid-js\";\nimport { useTimePickerContext } from \"../TimePicker/TimePicker.context\";\nimport type {\n  TimePickerOptionMeta,\n  TimePickerUnitValue,\n} from \"../TimePicker/TimePicker.types\";\nimport type { TimePickerColumnProps } from \"./TimePickerColumn.types\";\n\n/**\n * 单列 listbox 的交互算法:选项派生、选中值、跨列方向键、键盘提交、滚动入视。\n *\n * 焦点始终停留在列(listbox)自身,高亮/选中通过 `aria-activedescendant` 表达;\n * 由于选项与高亮合一(方向键移动即提交),selected 与 active 是同一个值。\n */\nexport function useTimePickerColumn(props: () => TimePickerColumnProps) {\n  const ctx = useTimePickerContext(\"TimePickerColumn\");\n  const columnId = createUniqueId();\n  const [listElement, setListElement] = createSignal<HTMLElement>();\n\n  const options = createMemo<TimePickerOptionMeta[]>(() =>\n    ctx.getOptions(props().unit),\n  );\n  const selected = createMemo<TimePickerUnitValue | undefined>(() =>\n    ctx.getUnitValue(props().unit),\n  );\n\n  const optionId = (value: TimePickerUnitValue) =>\n    `${columnId}-${String(value)}`;\n\n  // 当前值可能不在步长上(如 minuteStep=15 而值的分钟是 7),\n  // 此时找不到对应选项,不做 dangling 的 aria-activedescendant。\n  const activeOptionId = createMemo(() => {\n    const value = selected();\n    if (value === undefined) return undefined;\n    return options().some((option) => option.value === value)\n      ? optionId(value)\n      : undefined;\n  });\n\n  const commit = (value: TimePickerUnitValue, event: Event): void => {\n    ctx.setUnitValue(props().unit, value, {\n      reason: \"keyboard\",\n      event,\n      trigger: listElement(),\n    });\n  };\n\n  const move = (direction: 1 | -1, event: Event) => {\n    const list = options();\n    if (list.length === 0) return;\n    const index = list.findIndex((option) => option.value === selected());\n    const nextIndex =\n      index === -1\n        ? direction === 1\n          ? 0\n          : list.length - 1\n        : (index + direction + list.length) % list.length;\n    commit(list[nextIndex].value, event);\n  };\n\n  const moveColumn = (direction: 1 | -1) => {\n    const units = ctx.units();\n    const index = units.indexOf(props().unit);\n    if (index === -1) return;\n    const step = ctx.dir() === \"rtl\" ? -direction : direction;\n    const next = units[(index + step + units.length) % units.length];\n    if (!next) return;\n    ctx.setActiveUnit(next);\n    ctx.getColumnElement(next)?.focus();\n  };\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (ctx.disabled() || ctx.readOnly()) return;\n    switch (event.key) {\n      case \"ArrowDown\":\n        event.preventDefault();\n        move(1, event);\n        break;\n      case \"ArrowUp\":\n        event.preventDefault();\n        move(-1, event);\n        break;\n      case \"Home\": {\n        event.preventDefault();\n        const first = options()[0];\n        if (first) commit(first.value, event);\n        break;\n      }\n      case \"End\": {\n        event.preventDefault();\n        const list = options();\n        const last = list[list.length - 1];\n        if (last) commit(last.value, event);\n        break;\n      }\n      case \"ArrowRight\":\n        event.preventDefault();\n        moveColumn(1);\n        break;\n      case \"ArrowLeft\":\n        event.preventDefault();\n        moveColumn(-1);\n        break;\n      case \"Enter\":\n      case \" \":\n        // 移动即提交,这里只需阻止空格滚动页面\n        event.preventDefault();\n        break;\n      default:\n        break;\n    }\n  };\n\n  const attachList = (element: HTMLElement) => {\n    setListElement(element);\n    const unregister = ctx.registerColumn(props().unit, element);\n    const onFocus = () => ctx.setActiveUnit(props().unit);\n\n    element.addEventListener(\"keydown\", onKeyDown);\n    element.addEventListener(\"focus\", onFocus);\n    onCleanup(() => {\n      element.removeEventListener(\"keydown\", onKeyDown);\n      element.removeEventListener(\"focus\", onFocus);\n      unregister();\n    });\n  };\n\n  // 选中值变化(含首次挂载)时把对应选项滚入视野\n  createEffect(() => {\n    const value = selected();\n    const element = listElement();\n    if (value === undefined || !element) return;\n    element\n      .querySelector<HTMLElement>(`[data-value=\"${CSS.escape(String(value))}\"]`)\n      ?.scrollIntoView({ block: \"nearest\" });\n  });\n\n  return {\n    options,\n    selected,\n    activeOptionId,\n    optionId,\n    listElement,\n    attachList,\n  };\n}\n"],"mappings":";;;AAoBA,SAAgBA,EAAoB,GAAoC;CACtE,IAAMC,IAAMC,EAAqB,kBAAkB,GAC7CC,IAAWC,EAAe,GAC1B,CAACC,GAAaC,KAAkBC,EAA0B,GAE1DC,IAAUC,QACdR,EAAI,WAAWS,EAAM,CAAC,CAAC,IAAI,CAC7B,GACMC,IAAWF,QACfR,EAAI,aAAaS,EAAM,CAAC,CAAC,IAAI,CAC/B,GAEME,KAAY,MAChB,GAAGT,EAAS,GAAG,OAAOU,CAAK,KAIvBC,IAAiBL,QAAiB;EACtC,IAAMI,IAAQF,EAAS;EACvB,IAAIE,MAAU,KAAA,GACd,OAAOL,EAAQ,CAAC,CAAC,MAAM,MAAWO,EAAO,UAAUF,CAAK,IACpDD,EAASC,CAAK,IACd,KAAA;CACN,CAAC,GAEKG,KAAU,GAA4B,MAAuB;EACjE,EAAI,aAAaN,EAAM,CAAC,CAAC,MAAMG,GAAO;GACpC,QAAQ;GACR;GACA,SAASR,EAAY;EACvB,CAAC;CACH,GAEMY,KAAQ,GAAmB,MAAiB;EAChD,IAAMC,IAAOV,EAAQ;EACrB,IAAIU,EAAK,WAAW,GAAG;EACvB,IAAMC,IAAQD,EAAK,WAAW,MAAWH,EAAO,UAAUJ,EAAS,CAAC,GAC9DS,IACJD,MAAU,KACNE,MAAc,IACZ,IACAH,EAAK,SAAS,KACfC,IAAQE,IAAYH,EAAK,UAAUA,EAAK;EAC/C,EAAOA,EAAKE,EAAU,CAAC,OAAOE,CAAK;CACrC,GAEMC,KAAc,MAAsB;EACxC,IAAMC,IAAQvB,EAAI,MAAM,GAClBkB,IAAQK,EAAM,QAAQd,EAAM,CAAC,CAAC,IAAI;EACxC,IAAIS,MAAU,IAAI;EAElB,IAAMM,IAAOD,GAAOL,KADPlB,EAAI,IAAI,MAAM,QAAQ,CAACoB,IAAYA,KACbG,EAAM,UAAUA,EAAM;EACzD,AAAKC,MACLxB,EAAI,cAAcwB,CAAI,GACtBxB,EAAI,iBAAiBwB,CAAI,CAAC,EAAE,MAAM;CACpC,GAEMC,KAAa,MAAyB;EAC1C,IAAI,IAAI,SAAS,KAAKzB,EAAI,SAAS,IACnC,QAAQqB,EAAM,KAAd;GACE,KAAK;IAEH,AADAA,EAAM,eAAe,GACrBL,EAAK,GAAGK,CAAK;IACb;GACF,KAAK;IAEH,AADAA,EAAM,eAAe,GACrBL,EAAK,IAAIK,CAAK;IACd;GACF,KAAK,QAAQ;IACX,EAAM,eAAe;IACrB,IAAMK,IAAQnB,EAAQ,CAAC,CAAC;IACxB,AAAImB,KAAOX,EAAOW,EAAM,OAAOL,CAAK;IACpC;GACF;GACA,KAAK,OAAO;IACV,EAAM,eAAe;IACrB,IAAMJ,IAAOV,EAAQ,GACfoB,IAAOV,EAAKA,EAAK,SAAS;IAChC,AAAIU,KAAMZ,EAAOY,EAAK,OAAON,CAAK;IAClC;GACF;GACA,KAAK;IAEH,AADAA,EAAM,eAAe,GACrBC,EAAW,CAAC;IACZ;GACF,KAAK;IAEH,AADAD,EAAM,eAAe,GACrBC,EAAW,EAAE;IACb;GACF,KAAK;GACL,KAAK,KAEH,EAAM,eAAe;EAIzB;CACF;CA0BA,OATAM,QAAmB;EACjB,IAAMhB,IAAQF,EAAS,GACjBmB,IAAUzB,EAAY;EAC5B,AAAIQ,MAAU,KAAA,KAAciB,KAC5BA,EACG,cAA2B,gBAAgB,IAAI,OAAO,OAAOjB,CAAK,CAAC,EAAE,GAAG,CAAC,EACxE,eAAe,EAAE,OAAO,UAAU,CAAC;CACzC,CAAC,GAEM;EACL;EACA;EACA;EACA;EACA;EACA,aA9BkB,MAAyB;GAC3C,EAAeiB,CAAO;GACtB,IAAMC,IAAa9B,EAAI,eAAeS,EAAM,CAAC,CAAC,MAAMoB,CAAO,GACrDE,UAAgB/B,EAAI,cAAcS,EAAM,CAAC,CAAC,IAAI;GAIpD,AAFAoB,EAAQ,iBAAiB,WAAWJ,CAAS,GAC7CI,EAAQ,iBAAiB,SAASE,CAAO,GACzCC,QAAgB;IAGd,AAFAH,EAAQ,oBAAoB,WAAWJ,CAAS,GAChDI,EAAQ,oBAAoB,SAASE,CAAO,GAC5CD,EAAW;GACb,CAAC;EACH;CAmBA;AACF"}
+{"version":3,"file":"useTimePickerColumn.js","names":["useTimePickerColumn","ctx","useTimePickerContext","columnId","createUniqueId","listElement","setListElement","createSignal","options","createMemo","props","selected","optionId","value","activeOptionId","option","commit","commitBoundary","list","boundary","event","move","index","nextIndex","resolveNextOptionIndex","direction","moveColumn","next","resolveNextUnit","onKeyDown","action","resolveColumnKeyAction","createEffect","element","unregister","onFocus","onCleanup"],"sources":["../../../../src/components/time-picker/TimePickerColumn/useTimePickerColumn.ts"],"sourcesContent":["import {\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n} from \"solid-js\";\nimport { useTimePickerContext } from \"../TimePicker/TimePicker.context\";\nimport type {\n  TimePickerOptionMeta,\n  TimePickerUnitValue,\n} from \"../TimePicker/TimePicker.types\";\nimport type { TimePickerColumnProps } from \"./TimePickerColumn.types\";\nimport {\n  resolveColumnKeyAction,\n  resolveNextOptionIndex,\n  resolveNextUnit,\n} from \"./time-picker.column-utils\";\n\n/**\n * 单列 listbox 的交互算法:选项派生、选中值、跨列方向键、键盘提交、滚动入视。\n *\n * 焦点始终停留在列(listbox)自身,高亮/选中通过 `aria-activedescendant` 表达;\n * 由于选项与高亮合一(方向键移动即提交),selected 与 active 是同一个值。\n */\nexport function useTimePickerColumn(props: () => TimePickerColumnProps) {\n  const ctx = useTimePickerContext(\"TimePickerColumn\");\n  const columnId = createUniqueId();\n  const [listElement, setListElement] = createSignal<HTMLElement>();\n\n  const options = createMemo<TimePickerOptionMeta[]>(() =>\n    ctx.getOptions(props().unit),\n  );\n  const selected = createMemo<TimePickerUnitValue | undefined>(() =>\n    ctx.getUnitValue(props().unit),\n  );\n\n  const optionId = (value: TimePickerUnitValue) =>\n    `${columnId}-${String(value)}`;\n\n  // 当前值可能不在步长上(如 minuteStep=15 而值的分钟是 7),\n  // 此时找不到对应选项,不做 dangling 的 aria-activedescendant。\n  const activeOptionId = createMemo(() => {\n    const value = selected();\n    if (value === undefined) return undefined;\n    return options().some((option) => option.value === value)\n      ? optionId(value)\n      : undefined;\n  });\n\n  const commit = (value: TimePickerUnitValue, event: Event): void => {\n    ctx.setUnitValue(props().unit, value, {\n      reason: \"keyboard\",\n      event,\n      trigger: listElement(),\n    });\n  };\n\n  /** 提交列表两端的选项（Home / End） */\n  const commitBoundary = (boundary: \"first\" | \"last\", event: Event) => {\n    const list = options();\n    const option = boundary === \"first\" ? list[0] : list[list.length - 1];\n    if (option) commit(option.value, event);\n  };\n\n  const move = (direction: 1 | -1, event: Event) => {\n    const list = options();\n    const index = list.findIndex((option) => option.value === selected());\n    const nextIndex = resolveNextOptionIndex(index, direction, list.length);\n    if (nextIndex === -1) return;\n    commit(list[nextIndex]!.value, event);\n  };\n\n  const moveColumn = (direction: 1 | -1) => {\n    const next = resolveNextUnit(\n      ctx.units(),\n      props().unit,\n      direction,\n      ctx.dir() === \"rtl\",\n    );\n    if (!next) return;\n    ctx.setActiveUnit(next);\n    ctx.getColumnElement(next)?.focus();\n  };\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (ctx.disabled() || ctx.readOnly()) return;\n\n    const action = resolveColumnKeyAction(event.key);\n    if (!action) return;\n    event.preventDefault();\n\n    if (action.type === \"move\") move(action.direction, event);\n    else if (action.type === \"moveColumn\") moveColumn(action.direction);\n    else if (action.type === \"commitBoundary\") {\n      commitBoundary(action.boundary, event);\n    }\n  };\n\n  const attachList = (element: HTMLElement) => {\n    setListElement(element);\n    const unregister = ctx.registerColumn(props().unit, element);\n    const onFocus = () => ctx.setActiveUnit(props().unit);\n\n    element.addEventListener(\"keydown\", onKeyDown);\n    element.addEventListener(\"focus\", onFocus);\n    onCleanup(() => {\n      element.removeEventListener(\"keydown\", onKeyDown);\n      element.removeEventListener(\"focus\", onFocus);\n      unregister();\n    });\n  };\n\n  // 选中值变化(含首次挂载)时把对应选项滚入视野\n  createEffect(() => {\n    const value = selected();\n    const element = listElement();\n    if (value === undefined || !element) return;\n    element\n      .querySelector<HTMLElement>(`[data-value=\"${CSS.escape(String(value))}\"]`)\n      ?.scrollIntoView({ block: \"nearest\" });\n  });\n\n  return {\n    options,\n    selected,\n    activeOptionId,\n    optionId,\n    listElement,\n    attachList,\n  };\n}\n"],"mappings":";;;;AAyBA,SAAgBA,EAAoB,GAAoC;CACtE,IAAMC,IAAMC,EAAqB,kBAAkB,GAC7CC,IAAWC,EAAe,GAC1B,CAACC,GAAaC,KAAkBC,EAA0B,GAE1DC,IAAUC,QACdR,EAAI,WAAWS,EAAM,CAAC,CAAC,IAAI,CAC7B,GACMC,IAAWF,QACfR,EAAI,aAAaS,EAAM,CAAC,CAAC,IAAI,CAC/B,GAEME,KAAY,MAChB,GAAGT,EAAS,GAAG,OAAOU,CAAK,KAIvBC,IAAiBL,QAAiB;EACtC,IAAMI,IAAQF,EAAS;EACvB,IAAIE,MAAU,KAAA,GACd,OAAOL,EAAQ,CAAC,CAAC,MAAM,MAAWO,EAAO,UAAUF,CAAK,IACpDD,EAASC,CAAK,IACd,KAAA;CACN,CAAC,GAEKG,KAAU,GAA4B,MAAuB;EACjE,EAAI,aAAaN,EAAM,CAAC,CAAC,MAAMG,GAAO;GACpC,QAAQ;GACR;GACA,SAASR,EAAY;EACvB,CAAC;CACH,GAGMY,KAAkB,GAA4B,MAAiB;EACnE,IAAMC,IAAOV,EAAQ,GACfO,IAASI,MAAa,UAAUD,EAAK,KAAKA,EAAKA,EAAK,SAAS;EACnE,AAAIH,KAAQC,EAAOD,EAAO,OAAOK,CAAK;CACxC,GAEMC,KAAQ,GAAmB,MAAiB;EAChD,IAAMH,IAAOV,EAAQ,GACfc,IAAQJ,EAAK,WAAW,MAAWH,EAAO,UAAUJ,EAAS,CAAC,GAC9DY,IAAYC,EAAuBF,GAAOG,GAAWP,EAAK,MAAM;EACtE,AAAIK,MAAc,MAClBP,EAAOE,EAAKK,EAAU,CAAE,OAAOH,CAAK;CACtC,GAEMM,KAAc,MAAsB;EACxC,IAAMC,IAAOC,EACX3B,EAAI,MAAM,GACVS,EAAM,CAAC,CAAC,MACRe,GACAxB,EAAI,IAAI,MAAM,KAChB;EACA,AAAK0B,MACL1B,EAAI,cAAc0B,CAAI,GACtB1B,EAAI,iBAAiB0B,CAAI,CAAC,EAAE,MAAM;CACpC,GAEME,KAAa,MAAyB;EAC1C,IAAI5B,EAAI,SAAS,KAAKA,EAAI,SAAS,GAAG;EAEtC,IAAM6B,IAASC,EAAuBX,EAAM,GAAG;EAC/C,AAAKU,MACLV,EAAM,eAAe,GAEjBU,EAAO,SAAS,SAAQT,EAAKS,EAAO,WAAWV,CAAK,IAC/CU,EAAO,SAAS,eAAcJ,EAAWI,EAAO,SAAS,IACzDA,EAAO,SAAS,oBACvBb,EAAea,EAAO,UAAUV,CAAK;CAEzC;CA0BA,OATAY,QAAmB;EACjB,IAAMnB,IAAQF,EAAS,GACjBsB,IAAU5B,EAAY;EAC5B,AAAIQ,MAAU,KAAA,KAAcoB,KAC5BA,EACG,cAA2B,gBAAgB,IAAI,OAAO,OAAOpB,CAAK,CAAC,EAAE,GAAG,CAAC,EACxE,eAAe,EAAE,OAAO,UAAU,CAAC;CACzC,CAAC,GAEM;EACL;EACA;EACA;EACA;EACA;EACA,aA9BkB,MAAyB;GAC3C,EAAeoB,CAAO;GACtB,IAAMC,IAAajC,EAAI,eAAeS,EAAM,CAAC,CAAC,MAAMuB,CAAO,GACrDE,UAAgBlC,EAAI,cAAcS,EAAM,CAAC,CAAC,IAAI;GAIpD,AAFAuB,EAAQ,iBAAiB,WAAWJ,CAAS,GAC7CI,EAAQ,iBAAiB,SAASE,CAAO,GACzCC,QAAgB;IAGd,AAFAH,EAAQ,oBAAoB,WAAWJ,CAAS,GAChDI,EAAQ,oBAAoB,SAASE,CAAO,GAC5CD,EAAW;GACb,CAAC;EACH;CAmBA;AACF"}

package/dist/components/toast/Toast/Toast.d.ts

@@ -1,3 +1,9 @@
-import { JSX } from 'solid-js';
 import { ToastProps } from './Toast.types';
-export declare function Toast(props: ToastProps): JSX.Element;
+/**
+ * 单条 toast 的骨架：状态属性（data-*）+ 尺寸/层叠样式 + 四个插槽。
+ *
+ * 渲染层只做组合，具体内容分别由
+ * `ToastIcon` / `ToastContent` / `ToastActions` / `ToastCloseButton` 承担，
+ * 进出场与自动关闭由 `useToastLifecycle` 承担。
+ */
+export declare function Toast(props: ToastProps): import('solid-js').JSX.Element;