@chenzy-design/svelte 0.3.0 → 0.4.1

package/dist/radio/Radio.svelte.d.ts

@@ -1,30 +1,36 @@
 import type { Snippet } from 'svelte';
-import { type RadioValue, type RadioSize, type RadioStatus, type RadioType } from './context.js';
+import { type RadioValue, type RadioType, type RadioMode, type RadioChangeEvent } from './context.js';
 interface Props {
-    value: RadioValue;
+    value?: RadioValue;
     checked?: boolean;
     defaultChecked?: boolean;
     disabled?: boolean;
-    size?: RadioSize;
-    status?: RadioStatus;
+    /** 样式类型（单机使用时生效；在 Group 内由 Group.type 决定）。 */
     type?: RadioType;
     name?: string;
     extra?: string | undefined;
     children?: Snippet;
-    onChange?: (checked: boolean) => void;
+    /** 对齐 Semi：变更回调收到 RadioChangeEvent（e.target.{checked,value}）。 */
+    onChange?: (e: RadioChangeEvent) => void;
     addonId?: string;
     addonClassName?: string;
     addonStyle?: string;
     autoFocus?: boolean;
     extraId?: string;
-    mode?: 'advanced' | '';
+    /** 高级模式：checked 时点击可变 unchecked（对齐 Semi mode='advanced'，input 变 checkbox）。 */
+    mode?: RadioMode;
+    /** 根元素附加 class（对齐 Semi className；本库惯例用 class）。 */
+    class?: string;
     style?: string;
     onMouseEnter?: (e: MouseEvent) => void;
     onMouseLeave?: (e: MouseEvent) => void;
     ariaLabel?: string;
     preventScroll?: boolean;
 }
-declare const Radio: import("svelte").Component<Props, {}, "checked">;
+declare const Radio: import("svelte").Component<Props, {
+    focus: () => void;
+    blur: () => void;
+}, "checked">;
 type Radio = ReturnType<typeof Radio>;
 export default Radio;
 //# sourceMappingURL=Radio.svelte.d.ts.map

package/dist/radio/Radio.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.svelte.d.ts","sourceRoot":"","sources":["../../src/radio/Radio.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,EAEH,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,UAAU,KAAK;IACb,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,UAAU,GAAG,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AA2KH,QAAA,MAAM,KAAK,kDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Radio.svelte.d.ts","sourceRoot":"","sources":["../../src/radio/Radio.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGtC,OAAO,EAEH,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,gBAAgB,EACtB,MAAM,cAAc,CAAC;AAGtB,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAiNH,QAAA,MAAM,KAAK;iBA/JU,IAAI;gBAKL,IAAI;aA0J2B,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/dist/radio/RadioGroup.svelte

@@ -1,37 +1,66 @@
 <!--
-  RadioGroup — see specs/components/input/Radio.spec.md
-  WAI-ARIA radiogroup pattern: roving tabindex + arrow-key navigation.
+  RadioGroup — 严格对齐 Semi radioGroup.tsx。
+
+  DOM：<div class="cd-radioGroup cd-radioGroup-wrapper cd-radioGroup-{direction}[-default|-card] | cd-radioGroup-buttonRadio">
+  子项为同 name 的原生 radio，方向键切换即选中由浏览器接管（无 JS roving tabindex）。
+  onChange 回调收到对齐 Semi 的 RadioChangeEvent（含 advanced 模式取消时 value=undefined）。
 -->
 <script lang="ts">
-  import type { Snippet } from 'svelte';
+  import type { Snippet, ComponentProps } from 'svelte';
   import { useId } from '@chenzy-design/core';
   import Radio from './Radio.svelte';
   import {
     setRadioGroupContext,
     type RadioValue,
-    type RadioSize,
-    type RadioStatus,
     type RadioType,
-    type RadioRegistration,
+    type RadioMode,
+    type RadioChangeEvent,
   } from './context.js';
 
-  type OptionObject = { label: string; value: RadioValue; disabled?: boolean; extra?: string };
+  type OptionObject = {
+    label: string;
+    value: RadioValue;
+    disabled?: boolean;
+    extra?: string;
+    className?: string;
+    style?: string;
+    addonId?: string;
+    addonStyle?: string;
+    addonClassName?: string;
+    extraId?: string;
+  };
+  // 对齐 Semi：options 支持 primitive（string/number）或对象形式。
+  type Option = string | number | OptionObject;
 
   interface Props {
     value?: RadioValue;
     defaultValue?: RadioValue;
     name?: string;
-    options?: OptionObject[];
+    options?: Option[];
     disabled?: boolean;
-    size?: RadioSize;
-    status?: RadioStatus;
+    /** 专控 type='button' 时的尺寸（对齐 Semi）；middle 为默认。 */
+    buttonSize?: 'small' | 'middle' | 'large';
     type?: RadioType;
     direction?: 'horizontal' | 'vertical';
-    onChange?: (v: RadioValue) => void;
+    /** 高级模式（对齐 Semi mode='advanced'），透传给子 Radio。 */
+    mode?: RadioMode;
+    /** 对齐 Semi：变更回调收到 RadioChangeEvent（e.target.{checked,value}）。 */
+    onChange?: (e: RadioChangeEvent) => void;
     children?: Snippet;
+    /** 根元素 id（对齐 Semi id）。 */
+    id?: string;
+    /** 根元素附加 class（对齐 Semi className；本库惯例用 class）。 */
+    class?: string;
+    /** 根元素内联样式（对齐 Semi style）。 */
+    style?: string;
     ariaLabel?: string;
-    /** 关联组的可见标题元素 id（无内置标题时用，优先于 ariaLabel 体现可访问名）。 */
     ariaLabelledby?: string;
+    ariaDescribedby?: string;
+    ariaErrormessage?: string;
+    ariaInvalid?: boolean;
+    ariaRequired?: boolean;
+    /** 其余 data-* 等属性透传到根元素。 */
+    [key: string]: unknown;
   }
 
   let {
@@ -40,109 +69,59 @@
     name,
     options,
     disabled = false,
-    size = 'default',
-    status = 'default',
+    buttonSize = 'middle',
     type = 'default',
     direction = 'horizontal',
+    mode = '',
     onChange,
     children,
+    id,
+    class: className,
+    style,
     ariaLabel,
     ariaLabelledby,
+    ariaDescribedby,
+    ariaErrormessage,
+    ariaInvalid,
+    ariaRequired,
+    ...rest
   }: Props = $props();
 
-  let rootEl = $state<HTMLDivElement | null>(null);
-
-  const groupName = resolveName();
-
-  function resolveName(): string {
-    return name ?? useId('cd-radio');
-  }
+  // name 只取初值（同 Semi：name 不应在运行时切换分组）——初值快照。
+  // svelte-ignore state_referenced_locally
+  const groupName = name ?? useId('cd-radio');
 
   const isControlled = $derived(value !== undefined);
-  let inner = $state<RadioValue | undefined>(getInitialValue());
-
-  function getInitialValue(): RadioValue | undefined {
-    return defaultValue;
-  }
-
+  // defaultValue 只取初值（对齐 Semi 非受控初始态）——初值快照。
+  // svelte-ignore state_referenced_locally
+  let inner = $state<RadioValue | undefined>(defaultValue);
   const selected = $derived(isControlled ? value : inner);
 
-  // Insertion-ordered registry of radios (matches DOM order). PLAIN (non-reactive)
-  // on purpose: radios push to it while mounting. It is read ONLY inside keyboard
-  // event handlers (moveTo) — never during render — so registration never feeds
-  // back into a render-read. This is what keeps the component loop-free
-  // (effect_update_depth_exceeded comes from render reading state that mount writes).
-  const registry: RadioRegistration[] = [];
+  const isButtonRadio = $derived(type === 'button');
+  const isPureCardRadio = $derived(type === 'pureCard');
+  const isCardRadio = $derived(type === 'card' || isPureCardRadio);
+  const isDefaultRadio = $derived(type === 'default');
 
-  function select(v: RadioValue) {
+  // 对齐 Semi radioGroupFoundation.handleChange：受控只 notify，非受控回写；advanced 取消时 value=undefined。
+  function handleChange(evt: RadioChangeEvent) {
     if (disabled) return;
-    // Controlled (`value=` / `bind:value`): parent owns `value`; propagate only
-    // via `onChange`. Writing the prop AND firing `onChange` loops.
-    // Uncontrolled: keep our own state in sync.
-    if (!isControlled) inner = v;
-    onChange?.(v);
-  }
-
-  function register(reg: RadioRegistration): () => void {
-    registry.push(reg);
-    return () => {
-      const i = registry.indexOf(reg);
-      if (i !== -1) registry.splice(i, 1);
-    };
-  }
+    const { checked, value: v } = evt.target;
+    const lastValue = selected;
+    const cbValue: RadioChangeEvent = { ...evt, target: { ...evt.target } };
 
-  // Roving tabindex tab stop, computed from `selected` ALONE (no registry read
-  // during render → no loop). Per WAI-ARIA APG: when a radio is selected it owns
-  // the tab stop; when nothing is selected every radio is reachable by Tab
-  // (tabindex=0) and Arrow keys then select one. `selected` is the only reactive
-  // input, so this is render-safe.
-  function isTabStop(v: RadioValue, radioDisabled: boolean): boolean {
-    if (radioDisabled || disabled) return false;
-    if (selected === undefined) return true; // none selected → all are tab stops
-    return v === selected;
-  }
+    if (mode === 'advanced' && !checked) {
+      cbValue.target.value = undefined;
+    }
 
-  function moveTo(index: number) {
-    const enabled = registry.filter((r) => !r.disabled);
-    if (enabled.length === 0) return;
-    const target = enabled[(index + enabled.length) % enabled.length];
-    if (!target) return;
-    select(target.value);
-    target.el.focus();
-  }
+    if (!isControlled) {
+      inner = mode === 'advanced' && !checked ? undefined : (v as RadioValue);
+    } else {
+      // 受控：value 是 $bindable，直接回写（Svelte 双向绑定；纯受控父在 onChange 里覆盖）。
+      value = mode === 'advanced' && !checked ? undefined : (v as RadioValue);
+    }
 
-  function onKeydown(e: KeyboardEvent, current: RadioValue) {
-    if (disabled) return;
-    const enabled = registry.filter((r) => !r.disabled);
-    const idx = enabled.findIndex((r) => r.value === current);
-    if (idx === -1) return;
-    // RTL：水平方向键语义翻转（左右镜像）。读 getComputedStyle 仅在事件里，render 不依赖。
-    const rtl =
-      rootEl != null && getComputedStyle(rootEl).direction === 'rtl';
-    let key = e.key;
-    if (rtl && key === 'ArrowRight') key = 'ArrowLeft';
-    else if (rtl && key === 'ArrowLeft') key = 'ArrowRight';
-    switch (key) {
-      case 'ArrowDown':
-      case 'ArrowRight':
-        e.preventDefault();
-        moveTo(idx + 1);
-        break;
-      case 'ArrowUp':
-      case 'ArrowLeft':
-        e.preventDefault();
-        moveTo(idx - 1);
-        break;
-      case 'Home':
-        e.preventDefault();
-        moveTo(0);
-        break;
-      case 'End':
-        e.preventDefault();
-        moveTo(enabled.length - 1);
-        break;
-      default:
-        break;
+    if (mode === 'advanced' || lastValue !== v) {
+      onChange?.(cbValue);
     }
   }
 
@@ -150,32 +129,62 @@
     name: groupName,
     getSelected: () => selected,
     getDisabled: () => disabled,
-    getSize: () => size,
-    getStatus: () => status,
     getType: () => type,
-    select,
-    register,
-    onKeydown,
-    isTabStop,
+    getMode: () => mode,
+    getButtonSize: () => (type === 'button' ? buttonSize : undefined),
+    onChange: handleChange,
   });
 
+  // 根 class：镜像 Semi radioGroup.tsx prefixClsDisplay。
   const cls = $derived(
-    `cd-radio-group cd-radio-group--${direction} cd-radio-group--${type}`,
+    [
+      className,
+      'cd-radioGroup',
+      'cd-radioGroup-wrapper',
+      direction && !isButtonRadio && `cd-radioGroup-${direction}`,
+      direction && isDefaultRadio && `cd-radioGroup-${direction}-default`,
+      direction && isCardRadio && `cd-radioGroup-${direction}-card`,
+      isButtonRadio && 'cd-radioGroup-buttonRadio',
+    ]
+      .filter(Boolean)
+      .join(' '),
   );
+
+  // 对齐 Semi：primitive option 归一化为 { label, value }（label/value 同值）。
+  function normalizeOption(opt: Option): OptionObject {
+    return typeof opt === 'object' ? opt : { label: String(opt), value: opt };
+  }
+  const normalizedOptions = $derived(options?.map(normalizeOption));
+
+  function optionRadioProps(opt: OptionObject): ComponentProps<typeof Radio> {
+    const p = { value: opt.value, disabled: opt.disabled ?? disabled } as Record<string, unknown>;
+    if (opt.extra !== undefined) p.extra = opt.extra;
+    if (opt.className !== undefined) p.class = opt.className;
+    if (opt.style !== undefined) p.style = opt.style;
+    if (opt.addonId !== undefined) p.addonId = opt.addonId;
+    if (opt.addonStyle !== undefined) p.addonStyle = opt.addonStyle;
+    if (opt.addonClassName !== undefined) p.addonClassName = opt.addonClassName;
+    if (opt.extraId !== undefined) p.extraId = opt.extraId;
+    return p as unknown as ComponentProps<typeof Radio>;
+  }
 </script>
 
 <div
+  {...rest}
   class={cls}
-  bind:this={rootEl}
+  {id}
+  {style}
   role="radiogroup"
-  aria-labelledby={ariaLabelledby}
   aria-label={ariaLabelledby ? undefined : ariaLabel}
-  aria-invalid={status === 'error' ? 'true' : undefined}
+  aria-labelledby={ariaLabelledby}
+  aria-describedby={ariaDescribedby}
+  aria-errormessage={ariaErrormessage}
+  aria-invalid={ariaInvalid}
+  aria-required={ariaRequired}
 >
-  {#if options}
-    {#each options as opt (opt.value)}
-      <Radio value={opt.value} disabled={opt.disabled ?? false} extra={opt.extra}>{opt.label}</Radio
-      >
+  {#if normalizedOptions}
+    {#each normalizedOptions as opt (opt.value)}
+      <Radio {...optionRadioProps(opt)}>{opt.label}</Radio>
     {/each}
   {:else}
     {@render children?.()}
@@ -183,17 +192,39 @@
 </div>
 
 <style>
-  .cd-radio-group {
-    display: inline-flex;
-    gap: var(--cd-spacing-base);
+  /* 对齐 Semi .semi-radioGroup */
+  .cd-radioGroup {
+    font-size: var(--cd-font-size-regular);
   }
-  .cd-radio-group--horizontal {
-    flex-direction: row;
+
+  /* 垂直排列（default / card 各自让子 radio display:flex 撑满） */
+  .cd-radioGroup-vertical {
+    display: flex;
+    flex-direction: column;
+    row-gap: var(--cd-spacing-radio-group-vertical-marginbottom);
+  }
+  .cd-radioGroup-vertical-default :global(.cd-radio),
+  .cd-radioGroup-vertical-card :global(.cd-radio) {
+    display: flex;
+  }
+  /* 垂直卡片组：底部外距用卡片专用值 */
+  .cd-radioGroup-vertical-card {
+    row-gap: var(--cd-spacing-radio-card-group-vertical-marginbottom);
+  }
+
+  /* 水平排列 */
+  .cd-radioGroup-horizontal {
+    display: inline-flex;
     flex-wrap: wrap;
-    align-items: center;
+    vertical-align: bottom;
+    gap: var(--cd-spacing-radio-group-horizontal-marginright);
   }
-  .cd-radio-group--vertical {
-    flex-direction: column;
-    align-items: flex-start;
+
+  /* button 型：灰底容器包裹（对齐 Semi .semi-radioGroup-buttonRadio） */
+  .cd-radioGroup-buttonRadio {
+    display: inline-block;
+    background: var(--cd-color-radio-buttonradio-bg-default);
+    border-radius: var(--cd-radius-radio-buttonradio);
+    vertical-align: middle;
   }
 </style>

package/dist/radio/RadioGroup.svelte.d.ts

@@ -1,26 +1,47 @@
 import type { Snippet } from 'svelte';
-import { type RadioValue, type RadioSize, type RadioStatus, type RadioType } from './context.js';
+import { type RadioValue, type RadioType, type RadioMode, type RadioChangeEvent } from './context.js';
 type OptionObject = {
     label: string;
     value: RadioValue;
     disabled?: boolean;
     extra?: string;
+    className?: string;
+    style?: string;
+    addonId?: string;
+    addonStyle?: string;
+    addonClassName?: string;
+    extraId?: string;
 };
+type Option = string | number | OptionObject;
 interface Props {
     value?: RadioValue;
     defaultValue?: RadioValue;
     name?: string;
-    options?: OptionObject[];
+    options?: Option[];
     disabled?: boolean;
-    size?: RadioSize;
-    status?: RadioStatus;
+    /** 专控 type='button' 时的尺寸（对齐 Semi）；middle 为默认。 */
+    buttonSize?: 'small' | 'middle' | 'large';
     type?: RadioType;
     direction?: 'horizontal' | 'vertical';
-    onChange?: (v: RadioValue) => void;
+    /** 高级模式（对齐 Semi mode='advanced'），透传给子 Radio。 */
+    mode?: RadioMode;
+    /** 对齐 Semi：变更回调收到 RadioChangeEvent（e.target.{checked,value}）。 */
+    onChange?: (e: RadioChangeEvent) => void;
     children?: Snippet;
+    /** 根元素 id（对齐 Semi id）。 */
+    id?: string;
+    /** 根元素附加 class（对齐 Semi className；本库惯例用 class）。 */
+    class?: string;
+    /** 根元素内联样式（对齐 Semi style）。 */
+    style?: string;
     ariaLabel?: string;
-    /** 关联组的可见标题元素 id（无内置标题时用，优先于 ariaLabel 体现可访问名）。 */
     ariaLabelledby?: string;
+    ariaDescribedby?: string;
+    ariaErrormessage?: string;
+    ariaInvalid?: boolean;
+    ariaRequired?: boolean;
+    /** 其余 data-* 等属性透传到根元素。 */
+    [key: string]: unknown;
 }
 declare const RadioGroup: import("svelte").Component<Props, {}, "value">;
 type RadioGroup = ReturnType<typeof RadioGroup>;

package/dist/radio/RadioGroup.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.svelte.d.ts","sourceRoot":"","sources":["../../src/radio/RadioGroup.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGtC,OAAO,EAEH,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAGtB,KAAK,YAAY,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,UAAU,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE7F,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AA0JH,QAAA,MAAM,UAAU,gDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"RadioGroup.svelte.d.ts","sourceRoot":"","sources":["../../src/radio/RadioGroup.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAkB,MAAM,QAAQ,CAAC;AAGtD,OAAO,EAEH,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,gBAAgB,EACtB,MAAM,cAAc,CAAC;AAGtB,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;AAE7C,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC1C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,gDAAgD;IAChD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0BAA0B;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2BAA2B;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAmIH,QAAA,MAAM,UAAU,gDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/radio/context.d.ts

@@ -1,30 +1,35 @@
 export type RadioValue = string | number | boolean;
-export type RadioSize = 'small' | 'default' | 'large';
-export type RadioStatus = 'default' | 'warning' | 'error';
 export type RadioType = 'default' | 'button' | 'card' | 'pureCard';
-export interface RadioRegistration {
-    value: RadioValue;
-    disabled: boolean;
-    /** focusable element to receive roving focus: native input (default) or role=radio container (button/card) */
-    el: HTMLElement;
+/** 高级模式：advanced 允许 checked 时点击取消（input 变 checkbox）；'' 为普通模式。 */
+export type RadioMode = 'advanced' | '';
+/**
+ * 对齐 Semi `RadioChangeEvent`（radioInnerFoundation.ts）：onChange 回调收到的合成事件，
+ * `target.checked` 表示是否选中、`target.value` 是选项值；`nativeEvent` 为触发的原生事件。
+ */
+export interface RadioChangeEvent {
+    target: {
+        checked: boolean;
+        value: RadioValue | undefined;
+        [x: string]: unknown;
+    };
+    /** 触发本次变更的原生 DOM 事件（点击 / 键盘）。 */
+    nativeEvent?: Event;
+    stopPropagation: () => void;
+    preventDefault: () => void;
 }
 export interface RadioGroupContext {
-    /** group name shared by all radios */
+    /** group name shared by all radios（同 name 的原生 radio 天然成组，方向键切换由浏览器接管）。 */
     name: string;
     getSelected: () => RadioValue | undefined;
     getDisabled: () => boolean;
-    getSize: () => RadioSize;
-    /** group-level validation status; per-item non-default status overrides it */
-    getStatus: () => RadioStatus;
     /** group-level render form (default/button/card/pureCard) */
     getType: () => RadioType;
-    select: (v: RadioValue) => void;
-    /** register a radio's input element + meta for roving focus management */
-    register: (reg: RadioRegistration) => () => void;
-    /** keydown handler implementing roving tabindex / arrow navigation */
-    onKeydown: (e: KeyboardEvent, current: RadioValue) => void;
-    /** whether this radio should be the roving tab stop (tabindex=0) */
-    isTabStop: (v: RadioValue, disabled: boolean) => boolean;
+    /** group-level advanced/normal mode */
+    getMode: () => RadioMode;
+    /** group-level button size, only for type='button' */
+    getButtonSize: () => 'small' | 'middle' | 'large' | undefined;
+    /** 子 Radio 变更时上抛，Group 内统一处理 advanced 取消 / 受控回写（对齐 radioGroupFoundation.handleChange）。 */
+    onChange: (e: RadioChangeEvent) => void;
 }
 export declare function setRadioGroupContext(ctx: RadioGroupContext): void;
 export declare function getRadioGroupContext(): RadioGroupContext | undefined;

package/dist/radio/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/radio/context.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AACnD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AACtD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAC1D,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC;AAEnE,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,8GAA8G;IAC9G,EAAE,EAAE,WAAW,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,sCAAsC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,UAAU,GAAG,SAAS,CAAC;IAC1C,WAAW,EAAE,MAAM,OAAO,CAAC;IAC3B,OAAO,EAAE,MAAM,SAAS,CAAC;IACzB,8EAA8E;IAC9E,SAAS,EAAE,MAAM,WAAW,CAAC;IAC7B,6DAA6D;IAC7D,OAAO,EAAE,MAAM,SAAS,CAAC;IACzB,MAAM,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAChC,0EAA0E;IAC1E,QAAQ,EAAE,CAAC,GAAG,EAAE,iBAAiB,KAAK,MAAM,IAAI,CAAC;IACjD,sEAAsE;IACtE,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3D,oEAAoE;IACpE,SAAS,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,KAAK,OAAO,CAAC;CAC1D;AAID,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,iBAAiB,GAAG,IAAI,CAEjE;AAED,wBAAgB,oBAAoB,IAAI,iBAAiB,GAAG,SAAS,CAEpE"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/radio/context.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AACnD,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC;AACnE,iEAAiE;AACjE,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,EAAE,CAAC;AAExC;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE;QACN,OAAO,EAAE,OAAO,CAAC;QACjB,KAAK,EAAE,UAAU,GAAG,SAAS,CAAC;QAC9B,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;KACtB,CAAC;IACF,iCAAiC;IACjC,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,iBAAiB;IAChC,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,UAAU,GAAG,SAAS,CAAC;IAC1C,WAAW,EAAE,MAAM,OAAO,CAAC;IAC3B,6DAA6D;IAC7D,OAAO,EAAE,MAAM,SAAS,CAAC;IACzB,uCAAuC;IACvC,OAAO,EAAE,MAAM,SAAS,CAAC;IACzB,sDAAsD;IACtD,aAAa,EAAE,MAAM,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAC9D,0FAA0F;IAC1F,QAAQ,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACzC;AAID,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,iBAAiB,GAAG,IAAI,CAEjE;AAED,wBAAgB,oBAAoB,IAAI,iBAAiB,GAAG,SAAS,CAEpE"}

package/dist/radio/index.d.ts

@@ -1,5 +1,5 @@
 export { default as Radio } from './Radio.svelte';
 export { default as RadioGroup } from './RadioGroup.svelte';
 export { meta as radioMeta } from './meta.js';
-export type { RadioValue, RadioSize, RadioGroupContext } from './context.js';
+export type { RadioValue, RadioType, RadioChangeEvent, RadioGroupContext } from './context.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/radio/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC"}