@neut/ui 0.0.17 → 0.0.18

package/dist/components/date-picker/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":["createMemo","createSignal","mergeProps","splitProps","JSX","ChevronDown","Calendar","Popover","PopoverContent","PopoverTrigger","clsx","DatePickerProps","defaultFormatDate","date","Date","locale","Intl","DateTimeFormat","year","month","day","format","DatePicker","props","Element","merged","placeholder","align","const","side","local","rest","internalValue","setInternalValue","defaultValue","open","setOpen","value","undefined","setValue","onValueChange","localeCode","code","displayText","formatDate","_$createComponent","onOpenChange","children","variant","disabled","data-empty","class","_el$","_tmpl$","_$insert","sideOffset","contentClass","_$mergeProps","mode","selected","onSelect","defaultMonth","min","max","showOutsideDays","weekStartsOn","captionLayout","buttonVariant","classNames","calendarClass","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","defaultFormatDate","locale","date","DatePicker","merged","props","local","rest","splitProps","internalValue","setInternalValue","createSignal","open","setOpen","value","createMemo","setValue","localeCode","displayText","createComponent","Popover","PopoverTrigger","\"class\"","clsx","_el$","insert","ChevronDown","PopoverContent","Calendar","mergeProps"],"sources":["../../../../src/components/date-picker/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  createMemo,\n  createSignal,\n  mergeProps,\n  splitProps,\n  type JSX,\n} from \"solid-js\";\nimport { ChevronDown } from \"lucide-solid\";\nimport { Calendar } from \"~/components/calendar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"~/components/popover\";\nimport { clsx } from \"~/utils\";\nimport type { DatePickerProps } from \"./DatePicker.types\";\n\nfunction defaultFormatDate(date: Date, locale?: string): string {\n  return new Intl.DateTimeFormat(locale, {\n    year: \"numeric\",\n    month: \"long\",\n    day: \"numeric\",\n  }).format(date);\n}\n\n/**\n * Date Picker：shadcn Base UI 版本 Date Picker 的 SolidJS 移植。\n *\n * shadcn 的 Base UI Date Picker 本身不是单个 Root 组件，而是由 Popover + Calendar\n * 组合而成。这里把它封装成一个开箱即用的 <DatePicker>，底层仍使用本仓库的\n * <Popover> 和 <Calendar>；如果你想完全复刻 shadcn 的「组合式」用法，也可以直接\n * 绕过这个封装，自己写 Popover + Calendar。\n */\nexport function DatePicker(props: DatePickerProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      placeholder: \"Pick a date\",\n      align: \"start\" as const,\n      side: \"bottom\" as const,\n    },\n    props,\n  );\n\n  const [local, rest] = splitProps(merged, [\n    \"value\",\n    \"defaultValue\",\n    \"onValueChange\",\n    \"placeholder\",\n    \"disabled\",\n    \"min\",\n    \"max\",\n    \"locale\",\n    \"formatDate\",\n    \"showOutsideDays\",\n    \"weekStartsOn\",\n    \"captionLayout\",\n    \"buttonVariant\",\n    \"classNames\",\n    \"side\",\n    \"align\",\n    \"sideOffset\",\n    \"contentClass\",\n    \"calendarClass\",\n    \"class\",\n    \"classList\",\n    \"style\",\n  ]);\n\n  const [internalValue, setInternalValue] = createSignal<Date | undefined>(\n    local.defaultValue,\n  );\n  const [open, setOpen] = createSignal(false);\n  const value = createMemo(() =>\n    local.value !== undefined ? local.value : internalValue(),\n  );\n\n  const setValue = (date: Date | undefined) => {\n    if (local.value === undefined) setInternalValue(date);\n    local.onValueChange?.(date);\n  };\n\n  const localeCode = createMemo(() =>\n    typeof local.locale === \"string\" ? local.locale : local.locale?.code,\n  );\n\n  const displayText = createMemo(() => {\n    const date = value();\n    if (!date) return local.placeholder;\n    return (local.formatDate ?? defaultFormatDate)(date, localeCode());\n  });\n\n  return (\n    <Popover open={open()} onOpenChange={setOpen}>\n      <PopoverTrigger\n        variant=\"outline\"\n        disabled={local.disabled}\n        data-empty={value() === undefined ? \"true\" : undefined}\n        class={clsx(\n          \"w-53 justify-between text-left font-normal\",\n          \"data-[empty=true]:text-muted-foreground\",\n          local.class,\n        )}\n      >\n        <span class=\"truncate\">{displayText()}</span>\n        <ChevronDown data-icon=\"inline-end\" />\n      </PopoverTrigger>\n      <PopoverContent\n        side={local.side}\n        align={local.align}\n        sideOffset={local.sideOffset}\n        class={clsx(\"w-auto p-0\", local.contentClass)}\n      >\n        <Calendar\n          mode=\"single\"\n          selected={value()}\n          onSelect={(date) => {\n            setValue(date as Date | undefined);\n            // 选完日期后关闭浮层，交互上和常见 DatePicker 一致。\n            // shadcn 原始示例由 Popover 自己保持打开，用户可按需改写。\n            setOpen(false);\n          }}\n          defaultMonth={value()}\n          min={local.min}\n          max={local.max}\n          showOutsideDays={local.showOutsideDays}\n          weekStartsOn={local.weekStartsOn}\n          captionLayout={local.captionLayout}\n          buttonVariant={local.buttonVariant}\n          locale={local.locale}\n          classNames={local.classNames}\n          class={local.calendarClass}\n          {...rest}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","names":["createMemo","createSignal","mergeProps","splitProps","JSX","ChevronDown","Calendar","Popover","PopoverContent","PopoverTrigger","clsx","DatePickerProps","defaultFormatDate","date","Date","locale","Intl","DateTimeFormat","year","month","day","format","DatePicker","props","Element","merged","placeholder","align","const","side","local","rest","internalValue","setInternalValue","defaultValue","open","setOpen","value","undefined","setValue","onValueChange","localeCode","code","displayText","formatDate","_$createComponent","onOpenChange","children","variant","disabled","data-empty","class","classList","style","_el$","_tmpl$","_$insert","sideOffset","contentClass","_$mergeProps","mode","selected","onSelect","defaultMonth","min","max","showOutsideDays","weekStartsOn","captionLayout","buttonVariant","classNames","calendarClass","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","_tmpl$","defaultFormatDate","locale","date","DatePicker","merged","props","local","rest","splitProps","internalValue","setInternalValue","createSignal","open","setOpen","value","createMemo","setValue","localeCode","displayText","createComponent","Popover","PopoverTrigger","\"class\"","clsx","_el$","insert","ChevronDown","PopoverContent","Calendar","mergeProps"],"sources":["../../../../src/components/date-picker/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  createMemo,\n  createSignal,\n  mergeProps,\n  splitProps,\n  type JSX,\n} from \"solid-js\";\nimport { ChevronDown } from \"lucide-solid\";\nimport { Calendar } from \"~/components/calendar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"~/components/popover\";\nimport { clsx } from \"~/utils\";\nimport type { DatePickerProps } from \"./DatePicker.types\";\n\nfunction defaultFormatDate(date: Date, locale?: string): string {\n  return new Intl.DateTimeFormat(locale, {\n    year: \"numeric\",\n    month: \"long\",\n    day: \"numeric\",\n  }).format(date);\n}\n\n/**\n * Date Picker：shadcn Base UI 版本 Date Picker 的 SolidJS 移植。\n *\n * shadcn 的 Base UI Date Picker 本身不是单个 Root 组件，而是由 Popover + Calendar\n * 组合而成。这里把它封装成一个开箱即用的 <DatePicker>，底层仍使用本仓库的\n * <Popover> 和 <Calendar>；如果你想完全复刻 shadcn 的「组合式」用法，也可以直接\n * 绕过这个封装，自己写 Popover + Calendar。\n */\nexport function DatePicker(props: DatePickerProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      placeholder: \"Pick a date\",\n      align: \"start\" as const,\n      side: \"bottom\" as const,\n    },\n    props,\n  );\n\n  const [local, rest] = splitProps(merged, [\n    \"value\",\n    \"defaultValue\",\n    \"onValueChange\",\n    \"placeholder\",\n    \"disabled\",\n    \"min\",\n    \"max\",\n    \"locale\",\n    \"formatDate\",\n    \"showOutsideDays\",\n    \"weekStartsOn\",\n    \"captionLayout\",\n    \"buttonVariant\",\n    \"classNames\",\n    \"side\",\n    \"align\",\n    \"sideOffset\",\n    \"contentClass\",\n    \"calendarClass\",\n    \"class\",\n    \"classList\",\n    \"style\",\n  ]);\n\n  const [internalValue, setInternalValue] = createSignal<Date | undefined>(\n    local.defaultValue,\n  );\n  const [open, setOpen] = createSignal(false);\n  const value = createMemo(() =>\n    local.value !== undefined ? local.value : internalValue(),\n  );\n\n  const setValue = (date: Date | undefined) => {\n    if (local.value === undefined) setInternalValue(date);\n    local.onValueChange?.(date);\n  };\n\n  const localeCode = createMemo(() =>\n    typeof local.locale === \"string\" ? local.locale : local.locale?.code,\n  );\n\n  const displayText = createMemo(() => {\n    const date = value();\n    if (!date) return local.placeholder;\n    return (local.formatDate ?? defaultFormatDate)(date, localeCode());\n  });\n\n  return (\n    <Popover open={open()} onOpenChange={setOpen}>\n      <PopoverTrigger\n        variant=\"outline\"\n        disabled={local.disabled}\n        data-empty={value() === undefined ? \"true\" : undefined}\n        class={clsx(\n          \"w-53 justify-between text-left font-normal\",\n          \"data-[empty=true]:text-muted-foreground\",\n          local.class,\n        )}\n        classList={local.classList}\n        // style 是 BaseProps 的公开 prop：class / classList 都落在 trigger 上，\n        // style 也必须一起应用，否则会被静默丢弃\n        style={local.style}\n      >\n        <span class=\"truncate\">{displayText()}</span>\n        <ChevronDown data-icon=\"inline-end\" />\n      </PopoverTrigger>\n      <PopoverContent\n        side={local.side}\n        align={local.align}\n        sideOffset={local.sideOffset}\n        class={clsx(\"w-auto p-0\", local.contentClass)}\n      >\n        <Calendar\n          mode=\"single\"\n          selected={value()}\n          onSelect={(date) => {\n            setValue(date as Date | undefined);\n            // 选完日期后关闭浮层，交互上和常见 DatePicker 一致。\n            // shadcn 原始示例由 Popover 自己保持打开，用户可按需改写。\n            setOpen(false);\n          }}\n          defaultMonth={value()}\n          min={local.min}\n          max={local.max}\n          showOutsideDays={local.showOutsideDays}\n          weekStartsOn={local.weekStartsOn}\n          captionLayout={local.captionLayout}\n          buttonVariant={local.buttonVariant}\n          locale={local.locale}\n          classNames={local.classNames}\n          class={local.calendarClass}\n          {...rest}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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"}

package/dist/components/dialog/Dialog/Dialog.context.js

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

package/dist/components/dialog/Dialog/Dialog.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.context.js","names":["DialogContext","createContext","useDialogContext","context","useContext"],"sources":["../../../../src/components/dialog/Dialog/Dialog.context.ts"],"sourcesContent":["import {\n  type Accessor,\n  createContext,\n  type Setter,\n  useContext,\n} from \"solid-js\";\n\ninterface DialogContextValue {\n  show: Accessor<boolean>;\n  setShow: Setter<boolean>;\n  open: Accessor<boolean>;\n  /** 打开/关闭 Dialog；内部会同时处理受控与非受控模式 */\n  setOpen: (open: boolean) => void;\n}\n\nexport const DialogContext = createContext<DialogContextValue>();\n\nexport const useDialogContext = () => {\n  const context = useContext(DialogContext);\n  if (!context) {\n    throw new Error(\"useDialogContext must be used within a DialogProvider\");\n  }\n  return context;\n};\n"],"mappings":";;AAeA,IAAaA,IAAgBC,EAAkC,GAElDC,UAAyB;CACpC,IAAMC,IAAUC,EAAWJ,CAAa;CACxC,IAAI,CAACG,GACH,MAAU,MAAM,uDAAuD;CAEzE,OAAOA;AACT"}
+{"version":3,"file":"Dialog.context.js","names":["DialogContext","createContext","useDialogContext","context","useContext"],"sources":["../../../../src/components/dialog/Dialog/Dialog.context.ts"],"sourcesContent":["import {\n  type Accessor,\n  createContext,\n  type Setter,\n  useContext,\n} from \"solid-js\";\n\ninterface DialogContextValue {\n  show: Accessor<boolean>;\n  setShow: Setter<boolean>;\n  open: Accessor<boolean>;\n  /** 打开/关闭 Dialog；内部会同时处理受控与非受控模式 */\n  setOpen: (open: boolean) => void;\n}\n\nexport const DialogContext = createContext<DialogContextValue>();\n\nexport const useDialogContext = () => {\n  const context = useContext(DialogContext);\n  if (!context) {\n    throw new Error(\"useDialogContext 必须用在 <Dialog> 内部\");\n  }\n  return context;\n};\n"],"mappings":";;AAeA,IAAaA,IAAgBC,EAAkC,GAElDC,UAAyB;CACpC,IAAMC,IAAUC,EAAWJ,CAAa;CACxC,IAAI,CAACG,GACH,MAAU,MAAM,mCAAmC;CAErD,OAAOA;AACT"}

package/dist/components/dialog/Dialog/Dialog.js

@@ -1,34 +1,43 @@
 import { useScrollLock as e } from "../../../hooks/useScrollLock.js";
 import { DialogContext as t } from "./Dialog.context.js";
 import { createComponent as n, insert as r, spread as i, template as a } from "solid-js/web";
-import { createEffect as o, createMemo as s, createSignal as c, splitProps as l } from "solid-js";
+import { createEffect as o, createMemo as s, createSignal as c, onCleanup as l, splitProps as u } from "solid-js";
 //#region src/components/dialog/Dialog/Dialog.tsx
-var u = /*#__PURE__*/ a("<div data-slot=dialog>"), d = (a) => {
-	let [d, f] = l(a, [
+var d = /*#__PURE__*/ a("<div data-slot=dialog>"), f = (a) => {
+	let [f, p] = u(a, [
 		"open",
 		"defaultOpen",
 		"onOpenChange",
 		"lockScroll",
+		"dismissOnEscape",
 		"children"
-	]), p = d.open ?? d.defaultOpen ?? !1, [m, h] = c(p), [g, _] = c(d.defaultOpen ?? !1), v = s(() => d.open === void 0 ? g() : d.open), y = s(() => a.lockScroll ?? !0);
-	return e(() => v() && y(), { allowedSelector: "[data-dialog-surface]" }), o(() => {
-		v() && h(!0);
+	]), m = f.open ?? f.defaultOpen ?? !1, [h, g] = c(m), [_, v] = c(f.defaultOpen ?? !1), y = s(() => f.open === void 0 ? _() : f.open), b = s(() => a.lockScroll ?? !0);
+	e(() => y() && b(), { allowedSelector: "[data-dialog-surface]" });
+	let x = (e) => {
+		f.open === void 0 && v(e), f.onOpenChange?.(e);
+	};
+	return o(() => {
+		if (!y() || f.dismissOnEscape === !1) return;
+		let e = (e) => {
+			e.key !== "Escape" || e.defaultPrevented || (e.preventDefault(), x(!1));
+		};
+		document.addEventListener("keydown", e), l(() => document.removeEventListener("keydown", e));
+	}), o(() => {
+		y() && g(!0);
 	}), n(t.Provider, {
 		value: {
-			show: m,
-			setShow: h,
-			open: v,
-			setOpen: (e) => {
-				d.open === void 0 && _(e), d.onOpenChange?.(e);
-			}
+			show: h,
+			setShow: g,
+			open: y,
+			setOpen: x
 		},
 		get children() {
-			var e = u();
-			return i(e, f, !1, !0), r(e, () => d.children), e;
+			var e = d();
+			return i(e, p, !1, !0), r(e, () => f.children), e;
 		}
 	});
 };
 //#endregion
-export { d as Dialog };
+export { f as Dialog };
 
 //# sourceMappingURL=Dialog.js.map

package/dist/components/dialog/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":["createEffect","createMemo","createSignal","splitProps","useScrollLock","DialogProps","DialogContext","Dialog","props","local","others","initialOpen","open","defaultOpen","show","setShow","internalOpen","setInternalOpen","undefined","lockScroll","allowedSelector","setOpen","next","onOpenChange","_$createComponent","Provider","value","children","_el$","_tmpl$","_$spread","_$insert","_$createComponent","_tmpl$","Dialog","local","others","splitProps","props","initialOpen","show","setShow","createSignal","internalOpen","setInternalOpen","open","createMemo","lockScroll","useScrollLock","createEffect","createComponent","DialogContext","next","_el$","spread","insert"],"sources":["../../../../src/components/dialog/Dialog/Dialog.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, splitProps } from \"solid-js\";\nimport { useScrollLock } from \"~/hooks\";\nimport type { DialogProps } from \"./Dialog.types\";\nimport { DialogContext } from \"./Dialog.context\";\n\nexport const Dialog = (props: DialogProps) => {\n  const [local, others] = splitProps(props, [\n    \"open\",\n    \"defaultOpen\",\n    \"onOpenChange\",\n    \"lockScroll\",\n    \"children\",\n  ]);\n\n  const initialOpen = local.open ?? local.defaultOpen ?? false;\n\n  // 实际显示或卸载信号\n  const [show, setShow] = createSignal(initialOpen);\n  // 内部动画控制信号（非受控模式）\n  const [internalOpen, setInternalOpen] = createSignal(\n    local.defaultOpen ?? false,\n  );\n  // 实际动画控制状态：优先取受控 open，否则取内部状态\n  const open = createMemo(() =>\n    local.open === undefined ? internalOpen() : local.open,\n  );\n  const lockScroll = createMemo(() => props.lockScroll ?? true);\n\n  // 打开期间默认锁定页面滚动：锁住文档滚动并拦截浮层之外的滚轮/触摸，\n  // 内容区自身仍可滚动。传 lockScroll={false} 可关闭该行为。\n  useScrollLock(() => open() && lockScroll(), {\n    allowedSelector: \"[data-dialog-surface]\",\n  });\n\n  const setOpen = (next: boolean) => {\n    if (local.open === undefined) {\n      setInternalOpen(next);\n    }\n    local.onOpenChange?.(next);\n  };\n\n  // 打开时立刻挂载；关闭时保留挂载直到动画结束，由 Content/Overlay 的\n  // onAnimationEnd 负责卸载，保证退场动画能完整播放。\n  createEffect(() => {\n    if (open()) {\n      setShow(true);\n    }\n  });\n\n  return (\n    <DialogContext.Provider\n      value={{\n        show,\n        setShow,\n        open,\n        setOpen,\n      }}\n    >\n      <div data-slot=\"dialog\" {...others}>\n        {local.children}\n      </div>\n    </DialogContext.Provider>\n  );\n};\n"],"mappings":";;;;;mDAKaO,KAAUC,MAAuB;CAC5C,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO;EACxC;EACA;EACA;EACA;EACA;CAAU,CACX,GAEKG,IAAcF,EAAMG,QAAQH,EAAMI,eAAe,IAGjD,CAACC,GAAMC,KAAWb,EAAaS,CAAW,GAE1C,CAACK,GAAcC,KAAmBf,EACtCO,EAAMI,eAAe,EACvB,GAEMD,IAAOX,QACXQ,EAAMG,SAASM,KAAAA,IAAYF,EAAa,IAAIP,EAAMG,IACpD,GACMO,IAAalB,QAAiBO,EAAMW,cAAc,EAAI;CAuB5D,OAnBAf,QAAoBQ,EAAK,KAAKO,EAAW,GAAG,EAC1CC,iBAAiB,wBACnB,CAAC,GAWDpB,QAAmB;EACjB,AAAIY,EAAK,KACPG,EAAQ,EAAI;CAEhB,CAAC,GAEDS,EACGlB,EAAcmB,UAAQ;EACrBC,OAAO;GACLZ;GACAC;GACAH;GACAS,UArBWC,MAAkB;IAIjCb,AAHIA,EAAMG,SAASM,KAAAA,KACjBD,EAAgBK,CAAI,GAEtBb,EAAMc,eAAeD,CAAI;GAC3B;EAiBI;EAAC,IAAAK,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAGgB,OAHhBC,EAAAF,GAE2BlB,GAAM,IAAA,EAAA,GAAAqB,EAAAH,SAC/BnB,EAAMkB,QAAQ,GAAAC;EAAA;CAAA,CAAA;AAIvB"}
+{"version":3,"file":"Dialog.js","names":["createEffect","createMemo","createSignal","onCleanup","splitProps","useScrollLock","DialogProps","DialogContext","Dialog","props","local","others","initialOpen","open","defaultOpen","show","setShow","internalOpen","setInternalOpen","undefined","lockScroll","allowedSelector","setOpen","next","onOpenChange","dismissOnEscape","handleKeyDown","event","KeyboardEvent","key","defaultPrevented","preventDefault","document","addEventListener","removeEventListener","_$createComponent","Provider","value","children","_el$","_tmpl$","_$spread","_$insert","_$createComponent","_tmpl$","Dialog","local","others","splitProps","props","initialOpen","show","setShow","createSignal","internalOpen","setInternalOpen","open","createMemo","lockScroll","setOpen","next","createEffect","handleKeyDown","event","onCleanup","createComponent","DialogContext","_el$","spread","insert"],"sources":["../../../../src/components/dialog/Dialog/Dialog.tsx"],"sourcesContent":["import {\n  createEffect,\n  createMemo,\n  createSignal,\n  onCleanup,\n  splitProps,\n} from \"solid-js\";\nimport { useScrollLock } from \"~/hooks\";\nimport type { DialogProps } from \"./Dialog.types\";\nimport { DialogContext } from \"./Dialog.context\";\n\nexport const Dialog = (props: DialogProps) => {\n  const [local, others] = splitProps(props, [\n    \"open\",\n    \"defaultOpen\",\n    \"onOpenChange\",\n    \"lockScroll\",\n    \"dismissOnEscape\",\n    \"children\",\n  ]);\n\n  const initialOpen = local.open ?? local.defaultOpen ?? false;\n\n  // 实际显示或卸载信号\n  const [show, setShow] = createSignal(initialOpen);\n  // 内部动画控制信号（非受控模式）\n  const [internalOpen, setInternalOpen] = createSignal(\n    local.defaultOpen ?? false,\n  );\n  // 实际动画控制状态：优先取受控 open，否则取内部状态\n  const open = createMemo(() =>\n    local.open === undefined ? internalOpen() : local.open,\n  );\n  const lockScroll = createMemo(() => props.lockScroll ?? true);\n\n  // 打开期间默认锁定页面滚动：锁住文档滚动并拦截浮层之外的滚轮/触摸，\n  // 内容区自身仍可滚动。传 lockScroll={false} 可关闭该行为。\n  useScrollLock(() => open() && lockScroll(), {\n    allowedSelector: \"[data-dialog-surface]\",\n  });\n\n  const setOpen = (next: boolean) => {\n    if (local.open === undefined) {\n      setInternalOpen(next);\n    }\n    local.onOpenChange?.(next);\n  };\n\n  // 打开期间按 Escape 关闭（与 Drawer 一致）\n  createEffect(() => {\n    if (!open() || local.dismissOnEscape === false) return;\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== \"Escape\" || event.defaultPrevented) return;\n      event.preventDefault();\n      setOpen(false);\n    };\n    document.addEventListener(\"keydown\", handleKeyDown);\n    onCleanup(() => document.removeEventListener(\"keydown\", handleKeyDown));\n  });\n\n  // 打开时立刻挂载；关闭时保留挂载直到动画结束，由 Content/Overlay 的\n  // onAnimationEnd 负责卸载，保证退场动画能完整播放。\n  createEffect(() => {\n    if (open()) {\n      setShow(true);\n    }\n  });\n\n  return (\n    <DialogContext.Provider\n      value={{\n        show,\n        setShow,\n        open,\n        setOpen,\n      }}\n    >\n      <div data-slot=\"dialog\" {...others}>\n        {local.children}\n      </div>\n    </DialogContext.Provider>\n  );\n};\n"],"mappings":";;;;;mDAWaQ,KAAUC,MAAuB;CAC5C,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAEKG,IAAcF,EAAMG,QAAQH,EAAMI,eAAe,IAGjD,CAACC,GAAMC,KAAWd,EAAaU,CAAW,GAE1C,CAACK,GAAcC,KAAmBhB,EACtCQ,EAAMI,eAAe,EACvB,GAEMD,IAAOZ,QACXS,EAAMG,SAASM,KAAAA,IAAYF,EAAa,IAAIP,EAAMG,IACpD,GACMO,IAAanB,QAAiBQ,EAAMW,cAAc,EAAI;CAI5Df,QAAoBQ,EAAK,KAAKO,EAAW,GAAG,EAC1CC,iBAAiB,wBACnB,CAAC;CAED,IAAMC,KAAWC,MAAkB;EAIjCb,AAHIA,EAAMG,SAASM,KAAAA,KACjBD,EAAgBK,CAAI,GAEtBb,EAAMc,eAAeD,CAAI;CAC3B;CAsBA,OAnBAvB,QAAmB;EACjB,IAAI,CAACa,EAAK,KAAKH,EAAMe,oBAAoB,IAAO;EAChD,IAAMC,KAAiBC,MAAyB;GAC9C,AAAIA,EAAME,QAAQ,YAAYF,EAAMG,qBACpCH,EAAMI,eAAe,GACrBT,EAAQ,EAAK;EACf;EAEAnB,AADA6B,SAASC,iBAAiB,WAAWP,CAAa,GAClDvB,QAAgB6B,SAASE,oBAAoB,WAAWR,CAAa,CAAC;CACxE,CAAC,GAID1B,QAAmB;EACjB,AAAIa,EAAK,KACPG,EAAQ,EAAI;CAEhB,CAAC,GAEDmB,EACG5B,EAAc6B,UAAQ;EACrBC,OAAO;GACLtB;GACAC;GACAH;GACAS;EACF;EAAC,IAAAgB,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAGgB,OAHhBC,EAAAF,GAE2B5B,GAAM,IAAA,EAAA,GAAA+B,EAAAH,SAC/B7B,EAAM4B,QAAQ,GAAAC;EAAA;CAAA,CAAA;AAIvB"}

package/dist/components/dialog/Dialog/Dialog.types.d.ts

@@ -9,6 +9,11 @@ interface BaseDialogProps {
     defaultOpen?: boolean;
     /** 打开状态变化时回调 */
     onOpenChange?: (open: boolean) => void;
+    /**
+     * 按 Escape 是否关闭，默认 true。
+     * AlertDialog 需要"必须显式选择"，因此传 false（对齐 Base UI 的 alert dialog 语义）。
+     */
+    dismissOnEscape?: boolean;
     /**
      * 打开时是否锁定页面滚动，默认 true：锁住文档滚动并拦截浮层之外的
      * 滚轮/触摸滚动，内容区自身仍可滚动。

package/dist/components/dialog/DialogClose/DialogClose.js

@@ -1,37 +1,38 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { useDialogContext as t } from "../Dialog/Dialog.context.js";
-import { Button as n } from "../../button/Button.js";
-import { classes as r } from "./DialogClose.styles.js";
-import { createComponent as i, memo as a, mergeProps as o } from "solid-js/web";
-import { Show as s, mergeProps as c } from "solid-js";
-import { X as l } from "lucide-solid";
+import { callEventHandler as t } from "../../../utils/call-event-handler.js";
+import { useDialogContext as n } from "../Dialog/Dialog.context.js";
+import { Button as r } from "../../button/Button.js";
+import { classes as i } from "./DialogClose.styles.js";
+import { createComponent as a, memo as o, mergeProps as s } from "solid-js/web";
+import { Show as c, mergeProps as l } from "solid-js";
+import { X as u } from "lucide-solid";
 //#region src/components/dialog/DialogClose/DialogClose.tsx
-var u = (u) => {
-	let { setOpen: d } = t(), f = c({
+var d = (d) => {
+	let { setOpen: f } = n(), p = l({
 		variant: "ghost",
 		size: "sm"
-	}, u), p = () => {
-		d(!1), f.onClick?.();
+	}, d), m = (e) => {
+		f(!1), t(p.onClick, e);
 	};
-	return i(s, {
+	return a(c, {
 		get when() {
-			return a(() => !f.icon)() && !f.children;
+			return o(() => !p.icon)() && !p.children;
 		},
 		get fallback() {
-			return i(n, o(f, {
+			return a(r, s(p, {
 				"data-slot": "dialog-close",
-				onClick: p
+				onClick: m
 			}));
 		},
 		get children() {
-			return i(n, o(f, {
+			return a(r, s(p, {
 				"data-slot": "dialog-close",
 				get class() {
-					return e(r);
+					return e(i);
 				},
-				onClick: p,
+				onClick: m,
 				get icon() {
-					return i(l, {});
+					return a(u, {});
 				},
 				"aria-label": "Close Dialog"
 			}));
@@ -39,6 +40,6 @@ var u = (u) => {
 	});
 };
 //#endregion
-export { u as DialogClose };
+export { d as DialogClose };
 
 //# sourceMappingURL=DialogClose.js.map

package/dist/components/dialog/DialogClose/DialogClose.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogClose.js","names":["mergeProps","Show","DialogCloseProps","Button","clsx","classes","X","useDialogContext","DialogClose","props","setOpen","merged","variant","size","const","handleClick","onClick","_$createComponent","when","_$memo","icon","children","fallback","_$mergeProps","class","mergeProps","_$createComponent","_$memo","_$mergeProps","mergeProps$1","DialogClose","useDialogContext","merged","props","handleClick","setOpen","createComponent","Show","memo","Button","mergeProps","\"class\"","clsx","classes","X"],"sources":["../../../../src/components/dialog/DialogClose/DialogClose.tsx"],"sourcesContent":["import { mergeProps, Show } from \"solid-js\";\nimport type { DialogCloseProps } from \"./DialogClose.types\";\nimport { Button } from \"~/components/button\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogClose.styles\";\nimport { X } from \"lucide-solid\";\nimport { useDialogContext } from \"../Dialog\";\n\nexport const DialogClose = (props: DialogCloseProps) => {\n  const { setOpen } = useDialogContext();\n\n  const merged = mergeProps(\n    {\n      variant: \"ghost\",\n      size: \"sm\",\n    } as const,\n    props,\n  );\n\n  const handleClick = () => {\n    setOpen(false);\n    merged.onClick?.();\n  };\n\n  return (\n    <Show\n      when={!merged.icon && !merged.children}\n      fallback={\n        <Button {...merged} data-slot=\"dialog-close\" onClick={handleClick} />\n      }\n    >\n      <Button\n        {...merged}\n        data-slot=\"dialog-close\"\n        class={clsx(classes)}\n        onClick={handleClick}\n        icon={<X />}\n        aria-label=\"Close Dialog\"\n      />\n    </Show>\n  );\n};\n"],"mappings":";;;;;;;;AAQA,IAAaQ,KAAeC,MAA4B;CACtD,IAAM,EAAEC,eAAYH,EAAiB,GAE/BI,IAASX,EACb;EACEY,SAAS;EACTC,MAAM;CACR,GACAJ,CACF,GAEMM,UAAoB;EAExBJ,AADAD,EAAQ,EAAK,GACbC,EAAOK,UAAU;CACnB;CAEA,OAAAC,EACGhB,GAAI;EAAA,IACHiB,OAAI;GAAA,OAAEC,QAAA,CAACR,EAAOS,IAAI,CAAA,CAAA,KAAI,CAACT,EAAOU;EAAQ;EAAA,IACtCC,WAAQ;GAAA,OAAAL,EACLd,GAAMoB,EAAKZ,GAAM;IAAA,aAAA;IAA2BK,SAASD;GAAW,CAAA,CAAA;EAAA;EAAA,IAAAM,WAAA;GAAA,OAAAJ,EAGlEd,GAAMoB,EACDZ,GAAM;IAAA,aAAA;IAAA,IAAA8B,QAAA;KAAA,OAEHrC,EAAKC,CAAO;IAAC;IACpBW,SAASD;IAAW,IACpBK,OAAI;KAAA,OAAAH,EAAGX,GAAC,CAAA,CAAA;IAAA;IAAA,cAAA;GAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAKhB"}
+{"version":3,"file":"DialogClose.js","names":["mergeProps","Show","DialogCloseProps","Button","callEventHandler","clsx","classes","X","useDialogContext","DialogClose","props","setOpen","merged","variant","size","const","handleClick","event","MouseEvent","onClick","_$createComponent","when","_$memo","icon","children","fallback","_$mergeProps","class","mergeProps","_$createComponent","_$memo","_$mergeProps","mergeProps$1","DialogClose","useDialogContext","merged","props","handleClick","setOpen","callEventHandler","event","createComponent","Show","memo","Button","mergeProps","\"class\"","clsx","classes","X"],"sources":["../../../../src/components/dialog/DialogClose/DialogClose.tsx"],"sourcesContent":["import { mergeProps, Show } from \"solid-js\";\nimport type { DialogCloseProps } from \"./DialogClose.types\";\nimport { Button } from \"~/components/button\";\nimport { callEventHandler, clsx } from \"~/utils\";\nimport { classes } from \"./DialogClose.styles\";\nimport { X } from \"lucide-solid\";\nimport { useDialogContext } from \"../Dialog\";\n\nexport const DialogClose = (props: DialogCloseProps) => {\n  const { setOpen } = useDialogContext();\n\n  const merged = mergeProps(\n    {\n      variant: \"ghost\",\n      size: \"sm\",\n    } as const,\n    props,\n  );\n\n  const handleClick = (event: MouseEvent) => {\n    setOpen(false);\n    // 透传事件（此前 `merged.onClick?.()` 会让用户回调收到 undefined）\n    callEventHandler(merged.onClick, event);\n  };\n\n  return (\n    <Show\n      when={!merged.icon && !merged.children}\n      fallback={\n        <Button {...merged} data-slot=\"dialog-close\" onClick={handleClick} />\n      }\n    >\n      <Button\n        {...merged}\n        data-slot=\"dialog-close\"\n        class={clsx(classes)}\n        onClick={handleClick}\n        icon={<X />}\n        aria-label=\"Close Dialog\"\n      />\n    </Show>\n  );\n};\n"],"mappings":";;;;;;;;;AAQA,IAAaS,KAAeC,MAA4B;CACtD,IAAM,EAAEC,eAAYH,EAAiB,GAE/BI,IAASZ,EACb;EACEa,SAAS;EACTC,MAAM;CACR,GACAJ,CACF,GAEMM,KAAeC,MAAsB;EAGzCb,AAFAO,EAAQ,EAAK,GAEbP,EAAiBQ,EAAOO,SAASF,CAAK;CACxC;CAEA,OAAAG,EACGnB,GAAI;EAAA,IACHoB,OAAI;GAAA,OAAEC,QAAA,CAACV,EAAOW,IAAI,CAAA,CAAA,KAAI,CAACX,EAAOY;EAAQ;EAAA,IACtCC,WAAQ;GAAA,OAAAL,EACLjB,GAAMuB,EAAKd,GAAM;IAAA,aAAA;IAA2BO,SAASH;GAAW,CAAA,CAAA;EAAA;EAAA,IAAAQ,WAAA;GAAA,OAAAJ,EAGlEjB,GAAMuB,EACDd,GAAM;IAAA,aAAA;IAAA,IAAAkC,QAAA;KAAA,OAEHzC,EAAKC,CAAO;IAAC;IACpBa,SAASH;IAAW,IACpBO,OAAI;KAAA,OAAAH,EAAGb,GAAC,CAAA,CAAA;IAAA;IAAA,cAAA;GAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAKhB"}

package/dist/components/dialog/DialogContent/DialogContent.context.js

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

package/dist/components/dialog/DialogContent/DialogContent.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.context.js","names":["DialogContentContext","createContext","useDialogContentContext","ctx","useContext"],"sources":["../../../../src/components/dialog/DialogContent/DialogContent.context.ts"],"sourcesContent":["import { createContext, useContext, type Setter } from \"solid-js\";\n\ninterface DialogContentContextValue {\n  setTitleID: Setter<string | undefined>;\n  setDescriptionID: Setter<string | undefined>;\n}\n\nexport const DialogContentContext = createContext<DialogContentContextValue>();\n\nexport const useDialogContentContext = () => {\n  const ctx = useContext(DialogContentContext);\n  if (!ctx)\n    throw new Error(\n      \"useDialogContentContext must be used within an DialogContentProvider\",\n    );\n\n  return ctx;\n};\n"],"mappings":";;AAOA,IAAaA,IAAuBC,EAAyC,GAEhEC,UAAgC;CAC3C,IAAMC,IAAMC,EAAWJ,CAAoB;CAC3C,IAAI,CAACG,GACH,MAAU,MACR,sEACF;CAEF,OAAOA;AACT"}
+{"version":3,"file":"DialogContent.context.js","names":["DialogContentContext","createContext","useDialogContentContext","ctx","useContext"],"sources":["../../../../src/components/dialog/DialogContent/DialogContent.context.ts"],"sourcesContent":["import { createContext, useContext, type Setter } from \"solid-js\";\n\ninterface DialogContentContextValue {\n  setTitleID: Setter<string | undefined>;\n  setDescriptionID: Setter<string | undefined>;\n}\n\nexport const DialogContentContext = createContext<DialogContentContextValue>();\n\nexport const useDialogContentContext = () => {\n  const ctx = useContext(DialogContentContext);\n  if (!ctx)\n    throw new Error(\"useDialogContentContext 必须用在 <DialogContent> 内部\");\n\n  return ctx;\n};\n"],"mappings":";;AAOA,IAAaA,IAAuBC,EAAyC,GAEhEC,UAAgC;CAC3C,IAAMC,IAAMC,EAAWJ,CAAoB;CAC3C,IAAI,CAACG,GACH,MAAU,MAAM,iDAAiD;CAEnE,OAAOA;AACT"}

package/dist/components/dialog/DialogDescription/DialogDescription.js

@@ -10,9 +10,14 @@ var u = /*#__PURE__*/ o("<p data-slot=dialog-description>"), d = (o) => {
 		d(m);
 	}), (() => {
 		var t = u();
-		return i(t, "id", m), a(t, r({ get class() {
-			return e(n, f.class);
-		} }, p), !1, !1), t;
+		return i(t, "id", m), a(t, r({
+			get class() {
+				return e(n, f.class);
+			},
+			get classList() {
+				return f.classList;
+			}
+		}, p), !1, !1), t;
 	})();
 };
 //#endregion

package/dist/components/dialog/DialogDescription/DialogDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogDescription.js","names":["createUniqueId","onMount","splitProps","DialogDescriptionProps","clsx","classes","useDialogContentContext","DialogDescription","props","setDescriptionID","local","others","id","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","DialogDescription","useDialogContentContext","local","others","splitProps","props","id","createUniqueId","onMount","_el$","setAttribute","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/dialog/DialogDescription/DialogDescription.tsx"],"sourcesContent":["import { createUniqueId, onMount, splitProps } from \"solid-js\";\nimport type { DialogDescriptionProps } from \"./DialogDescription.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogDescription.styles\";\nimport { useDialogContentContext } from \"../DialogContent\";\n\nexport const DialogDescription = (props: DialogDescriptionProps) => {\n  const { setDescriptionID } = useDialogContentContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  const id = createUniqueId();\n\n  onMount(() => {\n    setDescriptionID(id);\n  });\n\n  return (\n    <p\n      id={id}\n      data-slot=\"dialog-description\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;6DAMaO,KAAqBC,MAAkC;CAClE,IAAM,EAAEC,wBAAqBH,EAAwB,GAE/C,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC,GAE1DI,IAAKZ,EAAe;CAM1B,OAJAC,QAAc;EACZQ,EAAiBG,CAAE;CACrB,CAAC,UAED;EAAA,IAAAC,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAA,MAEQD,CAAE,GAAAI,EAAAH,GAAAI,EAAA,EAAA,IAAAiB,QAAA;GAAA,OAEC9B,EAAKC,GAASK,EAAMQ,KAAK;EAAC,EAAA,GAC7BP,CAAM,GAAA,IAAA,EAAA,GAAAE;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"DialogDescription.js","names":["createUniqueId","onMount","splitProps","DialogDescriptionProps","clsx","classes","useDialogContentContext","DialogDescription","props","setDescriptionID","local","others","id","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","DialogDescription","useDialogContentContext","local","others","splitProps","props","id","createUniqueId","onMount","_el$","setAttribute","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/dialog/DialogDescription/DialogDescription.tsx"],"sourcesContent":["import { createUniqueId, onMount, splitProps } from \"solid-js\";\nimport type { DialogDescriptionProps } from \"./DialogDescription.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogDescription.styles\";\nimport { useDialogContentContext } from \"../DialogContent\";\n\nexport const DialogDescription = (props: DialogDescriptionProps) => {\n  const { setDescriptionID } = useDialogContentContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  const id = createUniqueId();\n\n  onMount(() => {\n    setDescriptionID(id);\n  });\n\n  return (\n    <p\n      id={id}\n      data-slot=\"dialog-description\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;6DAMaO,KAAqBC,MAAkC;CAClE,IAAM,EAAEC,wBAAqBH,EAAwB,GAE/C,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC,GAE1DI,IAAKZ,EAAe;CAM1B,OAJAC,QAAc;EACZQ,EAAiBG,CAAE;CACrB,CAAC,UAED;EAAA,IAAAC,IAAAC,EAAA;EAMc,OANdC,EAAAF,GAAA,MAEQD,CAAE,GAAAI,EAAAH,GAAAI,EAAA;GAAA,IAAAkB,QAAA;IAAA,OAEC/B,EAAKC,GAASK,EAAMQ,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAET,EAAMS;GAAS;EAAA,GACtBR,CAAM,GAAA,IAAA,EAAA,GAAAE;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/dialog/DialogFooter/DialogFooter.js

@@ -7,9 +7,14 @@ var o = /*#__PURE__*/ i("<div data-slot=dialog-footer>"), s = (i) => {
 	let [s, c] = a(i, ["class", "classList"]);
 	return (() => {
 		var i = o();
-		return r(i, n({ get class() {
-			return e(t, s.class);
-		} }, c), !1, !1), i;
+		return r(i, n({
+			get class() {
+				return e(t, s.class);
+			},
+			get classList() {
+				return s.classList;
+			}
+		}, c), !1, !1), i;
 	})();
 };
 //#endregion

package/dist/components/dialog/DialogFooter/DialogFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogFooter.js","names":["splitProps","DialogFooterProps","clsx","classes","DialogFooter","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","DialogFooter","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/dialog/DialogFooter/DialogFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { DialogFooterProps } from \"./DialogFooter.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogFooter.styles\";\n\nexport const DialogFooter = (props: DialogFooterProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;0DAKaI,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIc,OAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWrB,EAAKC,GAASG,EAAMM,KAAK;EAAC,EAAA,GAC7BL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"DialogFooter.js","names":["splitProps","DialogFooterProps","clsx","classes","DialogFooter","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","DialogFooter","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/dialog/DialogFooter/DialogFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { DialogFooterProps } from \"./DialogFooter.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogFooter.styles\";\n\nexport const DialogFooter = (props: DialogFooterProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;0DAKaI,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAGWtB,EAAKC,GAASG,EAAMM,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/dialog/DialogHeader/DialogHeader.js

@@ -7,9 +7,14 @@ var o = /*#__PURE__*/ i("<div data-slot=dialog-header>"), s = (i) => {
 	let [s, c] = a(i, ["class", "classList"]);
 	return (() => {
 		var i = o();
-		return r(i, n({ get class() {
-			return e(t, s.class);
-		} }, c), !1, !1), i;
+		return r(i, n({
+			get class() {
+				return e(t, s.class);
+			},
+			get classList() {
+				return s.classList;
+			}
+		}, c), !1, !1), i;
 	})();
 };
 //#endregion

package/dist/components/dialog/DialogHeader/DialogHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogHeader.js","names":["splitProps","DialogHeaderProps","clsx","classes","DialogHeader","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","DialogHeader","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/dialog/DialogHeader/DialogHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { DialogHeaderProps } from \"./DialogHeader.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogHeader.styles\";\n\nexport const DialogHeader = (props: DialogHeaderProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;0DAKaI,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIc,OAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWrB,EAAKC,GAASG,EAAMM,KAAK;EAAC,EAAA,GAC7BL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"DialogHeader.js","names":["splitProps","DialogHeaderProps","clsx","classes","DialogHeader","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","DialogHeader","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/dialog/DialogHeader/DialogHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { DialogHeaderProps } from \"./DialogHeader.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogHeader.styles\";\n\nexport const DialogHeader = (props: DialogHeaderProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;0DAKaI,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAGWtB,EAAKC,GAASG,EAAMM,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/dialog/DialogOverlay/DialogOverlay.js

@@ -24,6 +24,9 @@ var l = /*#__PURE__*/ o("<div data-slot=dialog-overlay role=presentation aria-hi
 			},
 			get class() {
 				return e(n, u.class);
+			},
+			get classList() {
+				return u.classList;
 			}
 		}, d), !1, !1), t;
 	})();

package/dist/components/dialog/DialogOverlay/DialogOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogOverlay.js","names":["mergeProps","splitProps","DialogOverlayProps","clsx","classes","useDialogContext","DialogOverlay","props","merged","dismissOnOverlayClick","const","local","others","open","setShow","setOpen","_el$","_tmpl$","addEventListener","$$click","event","MouseEvent","currentTarget","HTMLDivElement","target","Element","userOnClick","onClick","e","_$spread","_$mergeProps","data-open","class","_$delegateEvents","mergeProps","_$mergeProps","_$delegateEvents","mergeProps$1","_tmpl$","DialogOverlay","merged","props","local","others","splitProps","useDialogContext","_el$","open","setShow","userOnClick","event","setOpen","spread","mergeProps","\"class\"","clsx","classes","delegateEvents"],"sources":["../../../../src/components/dialog/DialogOverlay/DialogOverlay.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { DialogOverlayProps } from \"./DialogOverlay.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogOverlay.styles\";\nimport { useDialogContext } from \"../Dialog\";\n\nexport const DialogOverlay = (props: DialogOverlayProps) => {\n  const merged = mergeProps({ dismissOnOverlayClick: true } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"class\",\n    \"classList\",\n    \"dismissOnOverlayClick\",\n    \"onClick\",\n  ]);\n\n  const { open, setShow, setOpen } = useDialogContext();\n\n  return (\n    <div\n      data-slot=\"dialog-overlay\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      data-open={open()}\n      class={clsx(classes, local.class)}\n      onClick={(\n        event: MouseEvent & {\n          currentTarget: HTMLDivElement;\n          target: Element;\n        },\n      ) => {\n        const userOnClick = local.onClick as\n          | ((e: typeof event) => void)\n          | undefined;\n        userOnClick?.(event);\n        if (local.dismissOnOverlayClick) setOpen(false);\n      }}\n      onAnimationEnd={() => {\n        if (open()) return;\n        setShow(false);\n      }}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;8FAMaM,KAAiBC,MAA8B;CAC1D,IAAMC,IAASR,EAAW,EAAES,uBAAuB,GAAK,GAAYF,CAAK,GAEnE,CAACI,GAAOC,KAAUX,EAAWO,GAAQ;EACzC;EACA;EACA;EACA;CAAS,CACV,GAEK,EAAEK,SAAMC,YAASC,eAAYV,EAAiB;CAEpD,cAAA;EAAA,IAAAW,IAAAC,EAAA;EAuBc,OAvBdD,EAAAE,iBAAA,sBAmB0B;GACpB,AAAIL,EAAK,KACTC,EAAQ,EAAK;EACf,CAAC,GAAAE,EAAAG,WAdCC,MAIG;GACH,IAAMM,IAAcf,EAAMgB;GAI1B,AADAD,IAAcN,CAAK,GACfT,EAAMF,yBAAuBM,EAAQ,EAAK;EAChD,GAACc,EAAAb,GAAAc,EAAA;GAAA,IAAA,cAAA;IAAA,OAbUjB,EAAK;GAAC;GAAA,IAAAyC,QAAA;IAAA,OACVnD,EAAKC,GAASO,EAAMqB,KAAK;GAAC;EAAA,GAiB7BpB,CAAM,GAAA,IAAA,EAAA,GAAAI;CAAA,EAAA,CAAA;AAGhB;AAAEiB,EAAA,CAAA,OAAA,CAAA"}
+{"version":3,"file":"DialogOverlay.js","names":["mergeProps","splitProps","DialogOverlayProps","clsx","classes","useDialogContext","DialogOverlay","props","merged","dismissOnOverlayClick","const","local","others","open","setShow","setOpen","_el$","_tmpl$","addEventListener","$$click","event","MouseEvent","currentTarget","HTMLDivElement","target","Element","userOnClick","onClick","e","_$spread","_$mergeProps","data-open","class","classList","_$delegateEvents","mergeProps","_$mergeProps","_$delegateEvents","mergeProps$1","_tmpl$","DialogOverlay","merged","props","local","others","splitProps","useDialogContext","_el$","open","setShow","userOnClick","event","setOpen","spread","mergeProps","\"class\"","clsx","classes","delegateEvents"],"sources":["../../../../src/components/dialog/DialogOverlay/DialogOverlay.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport type { DialogOverlayProps } from \"./DialogOverlay.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogOverlay.styles\";\nimport { useDialogContext } from \"../Dialog\";\n\nexport const DialogOverlay = (props: DialogOverlayProps) => {\n  const merged = mergeProps({ dismissOnOverlayClick: true } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"class\",\n    \"classList\",\n    \"dismissOnOverlayClick\",\n    \"onClick\",\n  ]);\n\n  const { open, setShow, setOpen } = useDialogContext();\n\n  return (\n    <div\n      data-slot=\"dialog-overlay\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      data-open={open()}\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      onClick={(\n        event: MouseEvent & {\n          currentTarget: HTMLDivElement;\n          target: Element;\n        },\n      ) => {\n        const userOnClick = local.onClick as\n          | ((e: typeof event) => void)\n          | undefined;\n        userOnClick?.(event);\n        if (local.dismissOnOverlayClick) setOpen(false);\n      }}\n      onAnimationEnd={() => {\n        if (open()) return;\n        setShow(false);\n      }}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;8FAMaM,KAAiBC,MAA8B;CAC1D,IAAMC,IAASR,EAAW,EAAES,uBAAuB,GAAK,GAAYF,CAAK,GAEnE,CAACI,GAAOC,KAAUX,EAAWO,GAAQ;EACzC;EACA;EACA;EACA;CAAS,CACV,GAEK,EAAEK,SAAMC,YAASC,eAAYV,EAAiB;CAEpD,cAAA;EAAA,IAAAW,IAAAC,EAAA;EAwBc,OAxBdD,EAAAE,iBAAA,sBAoB0B;GACpB,AAAIL,EAAK,KACTC,EAAQ,EAAK;EACf,CAAC,GAAAE,EAAAG,WAdCC,MAIG;GACH,IAAMM,IAAcf,EAAMgB;GAI1B,AADAD,IAAcN,CAAK,GACfT,EAAMF,yBAAuBM,EAAQ,EAAK;EAChD,GAACc,EAAAb,GAAAc,EAAA;GAAA,IAAA,cAAA;IAAA,OAdUjB,EAAK;GAAC;GAAA,IAAA0C,QAAA;IAAA,OACVpD,EAAKC,GAASO,EAAMqB,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEtB,EAAMsB;GAAS;EAAA,GAiBtBrB,CAAM,GAAA,IAAA,EAAA,GAAAI;CAAA,EAAA,CAAA;AAGhB;AAAEkB,EAAA,CAAA,OAAA,CAAA"}

package/dist/components/dialog/DialogSurface/DialogSurface.js

@@ -2,68 +2,76 @@ import { useDialogContext as e } from "../Dialog/Dialog.context.js";
 import { DialogPortal as t } from "../DialogPortal/DialogPortal.js";
 import { DialogOverlay as n } from "../DialogOverlay/DialogOverlay.js";
 import { DialogContentContext as r } from "../DialogContent/DialogContent.context.js";
-import { createComponent as i, insert as a, mergeProps as o, spread as s, template as c } from "solid-js/web";
-import { Show as l, createSignal as u, splitProps as d } from "solid-js";
+import { createComponent as i, insert as a, mergeProps as o, spread as s, template as c, use as l } from "solid-js/web";
+import { Show as u, createEffect as d, createSignal as f, onCleanup as p, splitProps as m } from "solid-js";
 //#region src/components/dialog/DialogSurface/DialogSurface.tsx
-var f = /*#__PURE__*/ c("<div role=presentation class=\"fixed inset-0 select-none\"aria-hidden=true>"), p = /*#__PURE__*/ c("<span data-type=inside class=sr-only aria-hidden=true>"), m = /*#__PURE__*/ c("<div data-dialog-surface>");
-function h(c) {
-	let { show: h, open: g, setShow: _ } = e(), [v, y] = d(c, [
+var h = /*#__PURE__*/ c("<div role=presentation class=\"fixed inset-0 select-none\"aria-hidden=true>"), g = /*#__PURE__*/ c("<span data-type=inside class=sr-only aria-hidden=true>"), _ = /*#__PURE__*/ c("<div aria-modal=true tabindex=-1 data-dialog-surface>");
+function v(c) {
+	let { show: v, open: y, setShow: b } = e(), [x, S] = m(c, [
 		"role",
 		"dismissOnOverlayClick",
 		"overlayClass",
 		"class",
 		"classList",
 		"children"
-	]), [b, x] = u(), [S, C] = u();
-	return i(l, {
+	]), [C, w] = f(), [T, E] = f(), D;
+	return d(() => {
+		if (!y()) return;
+		let e = requestAnimationFrame(() => {
+			D?.focus({ preventScroll: !0 });
+		});
+		p(() => cancelAnimationFrame(e));
+	}), i(u, {
 		get when() {
-			return h();
+			return v();
 		},
 		get children() {
 			return i(r.Provider, {
 				value: {
-					setTitleID: x,
-					setDescriptionID: C
+					setTitleID: w,
+					setDescriptionID: E
 				},
 				get children() {
 					return i(t, { get children() {
 						return [
-							f(),
+							h(),
 							i(n, {
 								get dismissOnOverlayClick() {
-									return v.dismissOnOverlayClick;
+									return x.dismissOnOverlayClick;
 								},
 								get class() {
-									return v.overlayClass;
+									return x.overlayClass;
 								}
 							}),
-							p(),
+							g(),
 							(() => {
-								var e = m();
+								var e = _();
 								return e.addEventListener("animationend", () => {
-									g() || _(!1);
-								}), s(e, o({
+									y() || b(!1);
+								}), l((e) => {
+									D = e;
+								}, e), s(e, o({
 									get role() {
-										return v.role ?? "dialog";
+										return x.role ?? "dialog";
 									},
 									get "data-open"() {
-										return g();
+										return y();
 									},
 									get class() {
-										return v.class;
+										return x.class;
 									},
 									get classList() {
-										return v.classList;
+										return x.classList;
 									},
 									get "aria-labelledby"() {
-										return b();
+										return C();
 									},
 									get "aria-describedby"() {
-										return S();
+										return T();
 									}
-								}, y), !1, !0), a(e, () => v.children), e;
+								}, S), !1, !0), a(e, () => x.children), e;
 							})(),
-							p()
+							g()
 						];
 					} });
 				}
@@ -72,6 +80,6 @@ function h(c) {
 	});
 }
 //#endregion
-export { h as DialogSurface };
+export { v as DialogSurface };
 
 //# sourceMappingURL=DialogSurface.js.map

package/dist/components/dialog/DialogSurface/DialogSurface.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogSurface.js","names":["Show","createSignal","splitProps","DialogSurfaceProps","DialogPortal","DialogOverlay","DialogContentContext","useDialogContext","DialogSurface","props","show","open","setShow","local","others","titleID","setTitleID","descriptionID","setDescriptionID","_$createComponent","when","children","Provider","value","_tmpl$","dismissOnOverlayClick","class","overlayClass","_tmpl$2","_el$3","_tmpl$3","addEventListener","_$spread","_$mergeProps","role","data-open","classList","aria-labelledby","aria-describedby","_$insert","_$createComponent","_$mergeProps","_tmpl$","_tmpl$2","_tmpl$3","DialogSurface","useDialogContext","local","others","splitProps","props","titleID","setTitleID","createSignal","descriptionID","setDescriptionID","createComponent","Show","show","DialogContentContext","DialogPortal","DialogOverlay","\"class\"","_el$3","open","setShow","spread","mergeProps","insert"],"sources":["../../../../src/components/dialog/DialogSurface/DialogSurface.tsx"],"sourcesContent":["import { Show, createSignal, splitProps } from \"solid-js\";\nimport type { DialogSurfaceProps } from \"./DialogSurface.types\";\nimport { DialogPortal } from \"../DialogPortal\";\nimport { DialogOverlay } from \"../DialogOverlay\";\nimport { DialogContentContext } from \"../DialogContent/DialogContent.context\";\nimport { useDialogContext } from \"../Dialog\";\n\nexport function DialogSurface(props: DialogSurfaceProps) {\n  const { show, open, setShow } = useDialogContext();\n\n  const [local, others] = splitProps(props, [\n    \"role\",\n    \"dismissOnOverlayClick\",\n    \"overlayClass\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const [titleID, setTitleID] = createSignal<string>();\n  const [descriptionID, setDescriptionID] = createSignal<string>();\n\n  return (\n    <Show when={show()}>\n      <DialogContentContext.Provider value={{ setTitleID, setDescriptionID }}>\n        <DialogPortal>\n          <div\n            role=\"presentation\"\n            class=\"fixed inset-0 select-none\"\n            aria-hidden=\"true\"\n          />\n          <DialogOverlay\n            dismissOnOverlayClick={local.dismissOnOverlayClick}\n            class={local.overlayClass}\n          />\n          <span data-type=\"inside\" class=\"sr-only\" aria-hidden=\"true\" />\n          {/* biome-ignore lint/a11y/useAriaPropsSupportedByRole: role 为 dialog/alertdialog，二者都支持 aria-labelledby/aria-describedby */}\n          <div\n            role={local.role ?? \"dialog\"}\n            data-dialog-surface=\"\"\n            data-open={open()}\n            class={local.class}\n            classList={local.classList}\n            aria-labelledby={titleID()}\n            aria-describedby={descriptionID()}\n            onAnimationEnd={() => {\n              if (open()) return;\n              setShow(false);\n            }}\n            {...others}\n          >\n            {local.children}\n          </div>\n          <span data-type=\"inside\" class=\"sr-only\" aria-hidden=\"true\" />\n        </DialogPortal>\n      </DialogContentContext.Provider>\n    </Show>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgBQ,EAAcC,GAA2B;CACvD,IAAM,EAAEC,SAAMC,SAAMC,eAAYL,EAAiB,GAE3C,CAACM,GAAOC,KAAUZ,EAAWO,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAEK,CAACM,GAASC,KAAcf,EAAqB,GAC7C,CAACgB,GAAeC,KAAoBjB,EAAqB;CAE/D,OAAAkB,EACGnB,GAAI;EAAA,IAACoB,OAAI;GAAA,OAAEV,EAAK;EAAC;EAAA,IAAAW,WAAA;GAAA,OAAAF,EACfb,EAAqBgB,UAAQ;IAACC,OAAO;KAAEP;KAAYE;IAAiB;IAAC,IAAAG,WAAA;KAAA,OAAAF,EACnEf,GAAY,EAAA,IAAAiB,WAAA;MAAA,OAAA;OAAAG,EAAA;OAAAL,EAMVd,GAAa;QAAA,IACZoB,wBAAqB;SAAA,OAAEZ,EAAMY;QAAqB;QAAA,IAAAqC,QAAA;SAAA,OAC3CjD,EAAMc;QAAY;OAAA,CAAA;OAAAC,EAAA;cAAA;QAAA,IAAAC,IAAAC,EAAA;QAkBV,OAlBUD,EAAAE,iBAAA,sBAYH;SACpB,AAAIpB,EAAK,KACTC,EAAQ,EAAK;QACf,CAAC,GAAAoB,EAAAH,GAAAI,EAAA;SAAA,IAVDC,OAAI;UAAA,OAAErB,EAAMqB,QAAQ;SAAQ;SAAA,IAAA,cAAA;UAAA,OAEjBvB,EAAK;SAAC;SAAA,IAAAmD,QAAA;UAAA,OACVjD,EAAMa;SAAK;SAAA,IAClBU,YAAS;UAAA,OAAEvB,EAAMuB;SAAS;SAAA,IAAA,oBAAA;UAAA,OACTrB,EAAQ;SAAC;SAAA,IAAA,qBAAA;UAAA,OACRE,EAAc;SAAC;QAAA,GAK7BH,CAAM,GAAA,IAAA,EAAA,GAAAyB,EAAAV,SAEThB,EAAMQ,QAAQ,GAAAQ;OAAA,EAAA,CAAA;OAAAD,EAAA;MAAA;KAAA,EAAA,CAAA;IAAA;GAAA,CAAA;EAAA;CAAA,CAAA;AAO3B"}
+{"version":3,"file":"DialogSurface.js","names":["Show","createEffect","createSignal","onCleanup","splitProps","DialogSurfaceProps","DialogPortal","DialogOverlay","DialogContentContext","useDialogContext","DialogSurface","props","show","open","setShow","local","others","titleID","setTitleID","descriptionID","setDescriptionID","surfaceRef","HTMLElement","frame","requestAnimationFrame","focus","preventScroll","cancelAnimationFrame","_$createComponent","when","children","Provider","value","_tmpl$","dismissOnOverlayClick","class","overlayClass","_tmpl$2","_el$3","_tmpl$3","addEventListener","_$use","el","_$spread","_$mergeProps","role","data-open","classList","aria-labelledby","aria-describedby","_$insert","_$createComponent","_$mergeProps","_tmpl$","_tmpl$2","_tmpl$3","DialogSurface","useDialogContext","local","others","splitProps","props","titleID","setTitleID","createSignal","descriptionID","setDescriptionID","surfaceRef","createEffect","open","frame","createComponent","Show","show","DialogContentContext","DialogPortal","DialogOverlay","\"class\"","_el$3","setShow","use","el","spread","mergeProps","insert"],"sources":["../../../../src/components/dialog/DialogSurface/DialogSurface.tsx"],"sourcesContent":["import {\n  Show,\n  createEffect,\n  createSignal,\n  onCleanup,\n  splitProps,\n} from \"solid-js\";\nimport type { DialogSurfaceProps } from \"./DialogSurface.types\";\nimport { DialogPortal } from \"../DialogPortal\";\nimport { DialogOverlay } from \"../DialogOverlay\";\nimport { DialogContentContext } from \"../DialogContent/DialogContent.context\";\nimport { useDialogContext } from \"../Dialog\";\n\nexport function DialogSurface(props: DialogSurfaceProps) {\n  const { show, open, setShow } = useDialogContext();\n\n  const [local, others] = splitProps(props, [\n    \"role\",\n    \"dismissOnOverlayClick\",\n    \"overlayClass\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const [titleID, setTitleID] = createSignal<string>();\n  const [descriptionID, setDescriptionID] = createSignal<string>();\n  let surfaceRef: HTMLElement | undefined;\n\n  // 打开时把焦点移进浮层，否则键盘/读屏用户仍停在触发按钮上，\n  // 拿不到\"对话框已打开\"的上下文（Drawer 同样处理）。\n  createEffect(() => {\n    if (!open()) return;\n    const frame = requestAnimationFrame(() => {\n      surfaceRef?.focus({ preventScroll: true });\n    });\n    onCleanup(() => cancelAnimationFrame(frame));\n  });\n\n  return (\n    <Show when={show()}>\n      <DialogContentContext.Provider value={{ setTitleID, setDescriptionID }}>\n        <DialogPortal>\n          <div\n            role=\"presentation\"\n            class=\"fixed inset-0 select-none\"\n            aria-hidden=\"true\"\n          />\n          <DialogOverlay\n            dismissOnOverlayClick={local.dismissOnOverlayClick}\n            class={local.overlayClass}\n          />\n          <span data-type=\"inside\" class=\"sr-only\" aria-hidden=\"true\" />\n          {/* biome-ignore lint/a11y/useAriaPropsSupportedByRole: role 为 dialog/alertdialog，二者都支持 aria-labelledby/aria-describedby */}\n          <div\n            ref={(el) => {\n              surfaceRef = el;\n            }}\n            role={local.role ?? \"dialog\"}\n            // 模态对话框要让辅助技术知道浮层之外的内容不可交互\n            aria-modal=\"true\"\n            tabindex={-1}\n            data-dialog-surface=\"\"\n            data-open={open()}\n            class={local.class}\n            classList={local.classList}\n            aria-labelledby={titleID()}\n            aria-describedby={descriptionID()}\n            onAnimationEnd={() => {\n              if (open()) return;\n              setShow(false);\n            }}\n            {...others}\n          >\n            {local.children}\n          </div>\n          <span data-type=\"inside\" class=\"sr-only\" aria-hidden=\"true\" />\n        </DialogPortal>\n      </DialogContentContext.Provider>\n    </Show>\n  );\n}\n"],"mappings":";;;;;;;;AAaA,SAAgBU,EAAcC,GAA2B;CACvD,IAAM,EAAEC,SAAMC,SAAMC,eAAYL,EAAiB,GAE3C,CAACM,GAAOC,KAAUZ,EAAWO,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;CAAU,CACX,GAEK,CAACM,GAASC,KAAchB,EAAqB,GAC7C,CAACiB,GAAeC,KAAoBlB,EAAqB,GAC3DmB;CAYJ,OARApB,QAAmB;EACjB,IAAI,CAACY,EAAK,GAAG;EACb,IAAMU,IAAQC,4BAA4B;GACxCH,GAAYI,MAAM,EAAEC,eAAe,GAAK,CAAC;EAC3C,CAAC;EACDvB,QAAgBwB,qBAAqBJ,CAAK,CAAC;CAC7C,CAAC,GAEDK,EACG5B,GAAI;EAAA,IAAC6B,OAAI;GAAA,OAAEjB,EAAK;EAAC;EAAA,IAAAkB,WAAA;GAAA,OAAAF,EACfpB,EAAqBuB,UAAQ;IAACC,OAAO;KAAEd;KAAYE;IAAiB;IAAC,IAAAU,WAAA;KAAA,OAAAF,EACnEtB,GAAY,EAAA,IAAAwB,WAAA;MAAA,OAAA;OAAAG,EAAA;OAAAL,EAMVrB,GAAa;QAAA,IACZ2B,wBAAqB;SAAA,OAAEnB,EAAMmB;QAAqB;QAAA,IAAA2C,QAAA;SAAA,OAC3C9D,EAAMqB;QAAY;OAAA,CAAA;OAAAC,EAAA;cAAA;QAAA,IAAAC,IAAAC,EAAA;QAwBV,OAxBUD,EAAAE,iBAAA,sBAkBH;SACpB,AAAI3B,EAAK,KACTC,EAAQ,EAAK;QACf,CAAC,GAAA2B,GAhBKC,MAAO;SACXrB,IAAaqB;QACf,GAACJ,CAAA,GAAAK,EAAAL,GAAAM,EAAA;SAAA,IACDC,OAAI;UAAA,OAAE9B,EAAM8B,QAAQ;SAAQ;SAAA,IAAA,cAAA;UAAA,OAKjBhC,EAAK;SAAC;SAAA,IAAAgE,QAAA;UAAA,OACV9D,EAAMoB;SAAK;SAAA,IAClBY,YAAS;UAAA,OAAEhC,EAAMgC;SAAS;SAAA,IAAA,oBAAA;UAAA,OACT9B,EAAQ;SAAC;SAAA,IAAA,qBAAA;UAAA,OACRE,EAAc;SAAC;QAAA,GAK7BH,CAAM,GAAA,IAAA,EAAA,GAAAkC,EAAAZ,SAETvB,EAAMe,QAAQ,GAAAQ;OAAA,EAAA,CAAA;OAAAD,EAAA;MAAA;KAAA,EAAA,CAAA;IAAA;GAAA,CAAA;EAAA;CAAA,CAAA;AAO3B"}

package/dist/components/dialog/DialogTitle/DialogTitle.js

@@ -10,9 +10,14 @@ var u = /*#__PURE__*/ o("<h2 data-slot=dialog-title>"), d = (o) => {
 		d(m);
 	}), (() => {
 		var t = u();
-		return i(t, "id", m), a(t, r({ get class() {
-			return e(n, f.class);
-		} }, p), !1, !1), t;
+		return i(t, "id", m), a(t, r({
+			get class() {
+				return e(n, f.class);
+			},
+			get classList() {
+				return f.classList;
+			}
+		}, p), !1, !1), t;
 	})();
 };
 //#endregion

package/dist/components/dialog/DialogTitle/DialogTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogTitle.js","names":["createUniqueId","onMount","splitProps","DialogTitleProps","clsx","classes","useDialogContentContext","DialogTitle","props","setTitleID","local","others","id","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","DialogTitle","useDialogContentContext","local","others","splitProps","props","id","createUniqueId","onMount","_el$","setAttribute","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/dialog/DialogTitle/DialogTitle.tsx"],"sourcesContent":["import { createUniqueId, onMount, splitProps } from \"solid-js\";\nimport type { DialogTitleProps } from \"./DialogTitle.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogTitle.styles\";\nimport { useDialogContentContext } from \"../DialogContent\";\n\nexport const DialogTitle = (props: DialogTitleProps) => {\n  const { setTitleID } = useDialogContentContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  const id = createUniqueId();\n\n  onMount(() => {\n    setTitleID(id);\n  });\n\n  return (\n    <h2\n      id={id}\n      data-slot=\"dialog-title\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;wDAMaO,KAAeC,MAA4B;CACtD,IAAM,EAAEC,kBAAeH,EAAwB,GAEzC,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC,GAE1DI,IAAKZ,EAAe;CAM1B,OAJAC,QAAc;EACZQ,EAAWG,CAAE;CACf,CAAC,UAED;EAAA,IAAAC,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAA,MAEQD,CAAE,GAAAI,EAAAH,GAAAI,EAAA,EAAA,IAAAiB,QAAA;GAAA,OAEC9B,EAAKC,GAASK,EAAMQ,KAAK;EAAC,EAAA,GAC7BP,CAAM,GAAA,IAAA,EAAA,GAAAE;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"DialogTitle.js","names":["createUniqueId","onMount","splitProps","DialogTitleProps","clsx","classes","useDialogContentContext","DialogTitle","props","setTitleID","local","others","id","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","DialogTitle","useDialogContentContext","local","others","splitProps","props","id","createUniqueId","onMount","_el$","setAttribute","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/dialog/DialogTitle/DialogTitle.tsx"],"sourcesContent":["import { createUniqueId, onMount, splitProps } from \"solid-js\";\nimport type { DialogTitleProps } from \"./DialogTitle.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogTitle.styles\";\nimport { useDialogContentContext } from \"../DialogContent\";\n\nexport const DialogTitle = (props: DialogTitleProps) => {\n  const { setTitleID } = useDialogContentContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  const id = createUniqueId();\n\n  onMount(() => {\n    setTitleID(id);\n  });\n\n  return (\n    <h2\n      id={id}\n      data-slot=\"dialog-title\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;wDAMaO,KAAeC,MAA4B;CACtD,IAAM,EAAEC,kBAAeH,EAAwB,GAEzC,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC,GAE1DI,IAAKZ,EAAe;CAM1B,OAJAC,QAAc;EACZQ,EAAWG,CAAE;CACf,CAAC,UAED;EAAA,IAAAC,IAAAC,EAAA;EAMc,OANdC,EAAAF,GAAA,MAEQD,CAAE,GAAAI,EAAAH,GAAAI,EAAA;GAAA,IAAAkB,QAAA;IAAA,OAEC/B,EAAKC,GAASK,EAAMQ,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAET,EAAMS;GAAS;EAAA,GACtBR,CAAM,GAAA,IAAA,EAAA,GAAAE;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/drawer/Drawer/Drawer.js

@@ -15,7 +15,7 @@ function l(l) {
 	}, k = (e, t, r) => {
 		if (e === f() && e) return;
 		let i = n(t, r, y());
-		l.open === void 0 && d(e), l.onOpenChange?.(e, i);
+		l.onOpenChange?.(e, i), !i.isCanceled && l.open === void 0 && d(e);
 	};
 	e(() => f() && h(), { allowedSelector: "[data-slot=\"drawer-popup\"]" }), i(() => {
 		if (!f()) return;