@chenzy-design/svelte 0.3.1 → 0.4.1

package/dist/checkbox/Checkbox.svelte.d.ts

@@ -1,26 +1,45 @@
 import type { Snippet } from 'svelte';
-import { type CheckboxValue, type CheckboxSize, type CheckboxType, type CheckboxStatus } from './context.js';
-type Status = CheckboxStatus;
+import { type CheckboxValue, type CheckboxType, type CheckboxEvent } from './context.js';
 interface Props {
     checked?: boolean;
     defaultChecked?: boolean;
     indeterminate?: boolean;
     value?: CheckboxValue;
     disabled?: boolean;
-    size?: CheckboxSize;
-    status?: Status;
-    /** Display form. card adds border+background and expands the hit area to the whole card; pureCard is borderless. */
+    /** Display form. card adds border+background and expands the hit area to the whole card; pureCard hides the box. */
     type?: CheckboxType;
     name?: string;
-    extra?: string | undefined;
+    /** 辅助说明，可传富内容（对齐 Semi ReactNode）。 */
+    extra?: Snippet | string;
     id?: string;
     addonId?: string;
     extraId?: string;
     preventScroll?: boolean;
-    onChange?: (checked: boolean) => void;
+    /** 无可见文本 label 时提供可访问名（如嵌在 Tree 行内、label 由外部承载时）。 */
+    ariaLabel?: string;
+    /** 关联外部 label 的 id（对齐 Semi withField aria-labelledby 注入）。 */
+    ariaLabelledby?: string;
+    /** 关联外部辅助说明的 id（对齐 Semi withField aria-describedby 注入）。 */
+    ariaDescribedby?: string;
+    /** 关联外部错误提示的 id（对齐 Semi withField aria-errormessage 注入）。 */
+    ariaErrormessage?: string;
+    /** 标记为必填（对齐 Semi withField aria-required 注入）。 */
+    ariaRequired?: boolean;
+    /** a11y: 标记为无效（校验失败时，对齐 Semi aria-invalid）。 */
+    ariaInvalid?: boolean;
+    /** a11y: wrapper role（Group 内为 listitem）。 */
+    role?: string;
+    /** 根容器内联样式（对齐 Semi style，可设 width 等）。 */
+    style?: string;
+    /** 根容器自定义类名（与内置 cd-checkbox 并存，对齐 Semi className）。 */
+    class?: string;
+    onChange?: (e: CheckboxEvent) => void;
     children?: Snippet;
 }
-declare const Checkbox: import("svelte").Component<Props, {}, "checked">;
+declare const Checkbox: import("svelte").Component<Props, {
+    focus: () => void;
+    blur: () => void;
+}, "checked">;
 type Checkbox = ReturnType<typeof Checkbox>;
 export default Checkbox;
 //# sourceMappingURL=Checkbox.svelte.d.ts.map

package/dist/checkbox/Checkbox.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.svelte.d.ts","sourceRoot":"","sources":["../../src/checkbox/Checkbox.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,EAEH,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AAGtB,KAAK,MAAM,GAAG,cAAc,CAAC;AAE7B,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oHAAoH;IACpH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAqHH,QAAA,MAAM,QAAQ,kDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Checkbox.svelte.d.ts","sourceRoot":"","sources":["../../src/checkbox/Checkbox.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGtC,OAAO,EAEH,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,aAAa,EACnB,MAAM,cAAc,CAAC;AAGtB,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oHAAoH;IACpH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2DAA2D;IAC3D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA+MH,QAAA,MAAM,QAAQ;iBAzJO,IAAI;gBAKL,IAAI;aAoJ8B,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/checkbox/CheckboxGroup.svelte

@@ -1,6 +1,7 @@
 <!--
-  CheckboxGroup — see specs/components/input/Checkbox.spec.md
+  CheckboxGroup — 严格对齐 Semi（checkboxGroup.tsx）。
   Provides context to child Checkboxes; controlled / uncontrolled set of values.
+  DOM class 镜像 Semi：cd-checkboxGroup cd-checkboxGroup-wrapper cd-checkboxGroup-{direction}，role=list/listitem。
 -->
 <script lang="ts">
   import type { Snippet } from 'svelte';
@@ -8,9 +9,7 @@
   import {
     setCheckboxGroupContext,
     type CheckboxValue,
-    type CheckboxSize,
     type CheckboxType,
-    type CheckboxStatus,
   } from './context.js';
 
   type OptionObject = { label: string; value: CheckboxValue; disabled?: boolean; extra?: string };
@@ -21,17 +20,20 @@
     defaultValue?: CheckboxValue[];
     options?: Option[];
     disabled?: boolean;
-    size?: CheckboxSize;
-    status?: CheckboxStatus;
     type?: CheckboxType;
     name?: string;
     direction?: 'horizontal' | 'vertical';
     onChange?: (v: CheckboxValue[]) => void;
     children?: Snippet;
-    /** 无可见标题时的可访问名称（role=group）。 */
+    id?: string;
+    /** 无可见标题时的可访问名称（role=list）。 */
     ariaLabel?: string;
     /** 关联组的可见标题元素 id（优先于 ariaLabel 体现可访问名）。 */
     ariaLabelledby?: string;
+    /** 根容器内联样式（对齐 Semi style，可设 width 等）。 */
+    style?: string;
+    /** 根容器自定义类名（与内置 cd-checkboxGroup 并存，对齐 Semi className）。 */
+    class?: string;
   }
 
   let {
@@ -39,15 +41,16 @@
     defaultValue = [],
     options,
     disabled = false,
-    size = 'default',
-    status = 'default',
     type = 'default',
     name,
-    direction = 'horizontal',
+    direction = 'vertical',
     onChange,
     children,
+    id,
     ariaLabel,
     ariaLabelledby,
+    style,
+    class: className,
   }: Props = $props();
 
   const isControlled = $derived(value !== undefined);
@@ -71,6 +74,9 @@
     return typeof opt === 'object' ? opt : { label: String(opt), value: opt };
   }
 
+  const isCardType = $derived(type === 'card' || type === 'pureCard');
+  const isPureCardType = $derived(type === 'pureCard');
+
   setCheckboxGroupContext({
     isChecked: (v) => selected.includes(v),
     toggle: (v) => {
@@ -80,25 +86,41 @@
       commit(next);
     },
     getDisabled: () => disabled,
-    getSize: () => size,
     getName: () => name,
     getType: () => type,
-    getStatus: () => status,
   });
 
-  const cls = $derived(`cd-checkbox-group cd-checkbox-group--${direction}`);
+  const cls = $derived(
+    [
+      'cd-checkboxGroup',
+      'cd-checkboxGroup-wrapper',
+      `cd-checkboxGroup-${direction}`,
+      isCardType && `cd-checkboxGroup-${direction}-cardType`,
+      isPureCardType && `cd-checkboxGroup-${direction}-pureCardType`,
+      className,
+    ]
+      .filter(Boolean)
+      .join(' '),
+  );
 </script>
 
 <div
   class={cls}
-  role="group"
+  {style}
+  {id}
+  role="list"
   aria-labelledby={ariaLabelledby}
   aria-label={ariaLabelledby ? undefined : ariaLabel}
 >
   {#if options}
     {#each options as opt (normalize(opt).value)}
       {@const o = normalize(opt)}
-      <Checkbox value={o.value} disabled={o.disabled ?? false} extra={o.extra}>{o.label}</Checkbox>
+      <Checkbox
+        role="listitem"
+        value={o.value}
+        disabled={o.disabled ?? false}
+        {...(o.extra !== undefined ? { extra: o.extra } : {})}>{o.label}</Checkbox
+      >
     {/each}
   {:else}
     {@render children?.()}
@@ -106,17 +128,27 @@
 </div>
 
 <style>
-  .cd-checkbox-group {
-    display: inline-flex;
-    gap: var(--cd-spacing-base);
+  .cd-checkboxGroup {
+    line-height: var(--cd-font-size-small);
   }
-  .cd-checkbox-group--horizontal {
-    flex-direction: row;
+  .cd-checkboxGroup-horizontal {
+    display: flex;
     flex-wrap: wrap;
     align-items: center;
+    /* 对齐 Semi 水平组间距 spacing-base */
+    gap: var(--cd-spacing-checkbox-group-horizontal-marginright);
   }
-  .cd-checkbox-group--vertical {
+  .cd-checkboxGroup-vertical {
+    display: flex;
     flex-direction: column;
     align-items: flex-start;
+    /* 对齐 Semi 垂直组项间距 spacing-base-tight */
+    row-gap: var(--cd-spacing-checkbox-group-vertical-item-marginbottom);
+  }
+  .cd-checkboxGroup-vertical-cardType {
+    row-gap: var(--cd-spacing-checkbox-card-group-vertical-marginbottom);
+  }
+  .cd-checkboxGroup-vertical-pureCardType :global(.cd-checkbox) {
+    column-gap: 0;
   }
 </style>

package/dist/checkbox/CheckboxGroup.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Snippet } from 'svelte';
-import { type CheckboxValue, type CheckboxSize, type CheckboxType, type CheckboxStatus } from './context.js';
+import { type CheckboxValue, type CheckboxType } from './context.js';
 type OptionObject = {
     label: string;
     value: CheckboxValue;
@@ -12,17 +12,20 @@ interface Props {
     defaultValue?: CheckboxValue[];
     options?: Option[];
     disabled?: boolean;
-    size?: CheckboxSize;
-    status?: CheckboxStatus;
     type?: CheckboxType;
     name?: string;
     direction?: 'horizontal' | 'vertical';
     onChange?: (v: CheckboxValue[]) => void;
     children?: Snippet;
-    /** 无可见标题时的可访问名称（role=group）。 */
+    id?: string;
+    /** 无可见标题时的可访问名称（role=list）。 */
     ariaLabel?: string;
     /** 关联组的可见标题元素 id（优先于 ariaLabel 体现可访问名）。 */
     ariaLabelledby?: string;
+    /** 根容器内联样式（对齐 Semi style，可设 width 等）。 */
+    style?: string;
+    /** 根容器自定义类名（与内置 cd-checkboxGroup 并存，对齐 Semi className）。 */
+    class?: string;
 }
 declare const CheckboxGroup: import("svelte").Component<Props, {}, "value">;
 type CheckboxGroup = ReturnType<typeof CheckboxGroup>;

package/dist/checkbox/CheckboxGroup.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.svelte.d.ts","sourceRoot":"","sources":["../../src/checkbox/CheckboxGroup.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,EAEH,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AAGtB,KAAK,YAAY,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,aAAa,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAChG,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;AAE7C,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,aAAa,EAAE,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAgFH,QAAA,MAAM,aAAa,gDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"CheckboxGroup.svelte.d.ts","sourceRoot":"","sources":["../../src/checkbox/CheckboxGroup.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,EAEH,KAAK,aAAa,EAClB,KAAK,YAAY,EAClB,MAAM,cAAc,CAAC;AAGtB,KAAK,YAAY,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,aAAa,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAChG,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;AAE7C,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,aAAa,EAAE,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6FH,QAAA,MAAM,aAAa,gDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/checkbox/context.d.ts

@@ -1,20 +1,30 @@
 export type CheckboxValue = string | number;
-export type CheckboxSize = 'small' | 'default' | 'large';
 export type CheckboxType = 'default' | 'card' | 'pureCard';
-export type CheckboxStatus = 'default' | 'warning' | 'error';
+/**
+ * Semi 对齐的 CheckboxEvent：onChange 回调收到事件对象而非裸 boolean。
+ * `target.checked` 为切换后的选中态，`target.value` 为该项标识值（Group 内有意义）。
+ * 提供 stopPropagation/preventDefault 与 nativeEvent 以对齐 Semi 签名（checkbox.tsx:104-126）。
+ */
+export interface CheckboxEvent {
+    target: {
+        checked: boolean;
+        value: CheckboxValue | undefined;
+    };
+    stopPropagation: () => void;
+    preventDefault: () => void;
+    nativeEvent: {
+        stopImmediatePropagation: () => void;
+    };
+}
 export interface CheckboxGroupContext {
     isChecked: (v: CheckboxValue) => boolean;
-    toggle: (v: CheckboxValue) => void;
+    toggle: (v: CheckboxValue, e: CheckboxEvent) => void;
     /** getter to stay reactive across the context boundary */
     getDisabled: () => boolean;
     /** getter to stay reactive across the context boundary */
-    getSize: () => CheckboxSize;
-    /** getter to stay reactive across the context boundary */
     getName: () => string | undefined;
     /** getter to stay reactive across the context boundary */
     getType: () => CheckboxType;
-    /** getter to stay reactive across the context boundary */
-    getStatus: () => CheckboxStatus;
 }
 export declare function setCheckboxGroupContext(ctx: CheckboxGroupContext): void;
 export declare function getCheckboxGroupContext(): CheckboxGroupContext | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/checkbox/context.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;AAC5C,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AACzD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;AAC3D,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE7D,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,OAAO,CAAC;IACzC,MAAM,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACnC,0DAA0D;IAC1D,WAAW,EAAE,MAAM,OAAO,CAAC;IAC3B,0DAA0D;IAC1D,OAAO,EAAE,MAAM,YAAY,CAAC;IAC5B,0DAA0D;IAC1D,OAAO,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IAClC,0DAA0D;IAC1D,OAAO,EAAE,MAAM,YAAY,CAAC;IAC5B,0DAA0D;IAC1D,SAAS,EAAE,MAAM,cAAc,CAAC;CACjC;AAID,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,oBAAoB,GAAG,IAAI,CAEvE;AAED,wBAAgB,uBAAuB,IAAI,oBAAoB,GAAG,SAAS,CAE1E"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/checkbox/context.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;AAC5C,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;AAE3D;;;;GAIG;AACH,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,aAAa,GAAG,SAAS,CAAA;KAAE,CAAC;IAC/D,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,EAAE;QAAE,wBAAwB,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;CACvD;AAED,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,OAAO,CAAC;IACzC,MAAM,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACrD,0DAA0D;IAC1D,WAAW,EAAE,MAAM,OAAO,CAAC;IAC3B,0DAA0D;IAC1D,OAAO,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IAClC,0DAA0D;IAC1D,OAAO,EAAE,MAAM,YAAY,CAAC;CAC7B;AAID,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,oBAAoB,GAAG,IAAI,CAEvE;AAED,wBAAgB,uBAAuB,IAAI,oBAAoB,GAAG,SAAS,CAE1E"}

package/dist/checkbox/index.d.ts

@@ -1,5 +1,5 @@
 export { default as Checkbox } from './Checkbox.svelte';
 export { default as CheckboxGroup } from './CheckboxGroup.svelte';
 export { meta as checkboxMeta } from './meta.js';
-export type { CheckboxValue, CheckboxSize, CheckboxType, CheckboxGroupContext } from './context.js';
+export type { CheckboxValue, CheckboxType, CheckboxEvent, CheckboxGroupContext } from './context.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,WAAW,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,WAAW,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC"}

package/dist/checkbox/meta.d.ts

@@ -30,28 +30,20 @@ export declare const meta: {
         readonly name: "disabled";
         readonly type: "boolean";
         readonly default: "false";
-    }, {
-        readonly name: "size";
-        readonly type: "'small'|'default'|'large'";
-        readonly default: "default";
-    }, {
-        readonly name: "status";
-        readonly type: "'default'|'warning'|'error'";
-        readonly default: "default";
     }, {
         readonly name: "type";
         readonly type: "'default'|'card'|'pureCard'";
         readonly default: "default";
-        readonly desc: "展示形态；card 带边框背景且整卡为命中区，pureCard 无边框。Group 透传，单项可覆盖";
+        readonly desc: "展示形态；card 带边框背景且整卡为命中区，pureCard 隐藏勾选框只留卡片。Group 透传，单项可覆盖";
     }, {
         readonly name: "name";
         readonly type: "string";
         readonly default: "undefined";
     }, {
         readonly name: "extra";
-        readonly type: "string";
+        readonly type: "Snippet | string";
         readonly default: "undefined";
-        readonly desc: "辅助说明，aria-describedby 关联";
+        readonly desc: "辅助说明，支持富内容（对齐 Semi ReactNode），aria-describedby 关联";
     }, {
         readonly name: "id";
         readonly type: "string";
@@ -71,10 +63,36 @@ export declare const meta: {
         readonly type: "boolean";
         readonly default: "undefined";
         readonly desc: "autoFocus 聚焦时是否阻止滚动（对齐 Semi）";
+    }, {
+        readonly name: "ariaLabel";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "无可见文本 label 时的可访问名";
+    }, {
+        readonly name: "ariaInvalid";
+        readonly type: "boolean";
+        readonly default: "undefined";
+        readonly desc: "标记为无效（校验失败），对齐 Semi aria-invalid";
+    }, {
+        readonly name: "role";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "wrapper role（Group 内为 listitem）";
+    }, {
+        readonly name: "style";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "根容器内联样式，可设 width 等（对齐 Semi style）";
+    }, {
+        readonly name: "class";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "根容器自定义类名（与内置 cd-checkbox 并存，对齐 Semi className）";
     }, {
         readonly name: "onChange";
-        readonly type: "(checked: boolean) => void";
+        readonly type: "(e: CheckboxEvent) => void";
         readonly default: "undefined";
+        readonly desc: "对齐 Semi：回调收到事件对象，e.target.checked 为选中态";
     }, {
         readonly name: "children";
         readonly type: "Snippet";
@@ -100,15 +118,6 @@ export declare const meta: {
             readonly name: "disabled";
             readonly type: "boolean";
             readonly default: "false";
-        }, {
-            readonly name: "size";
-            readonly type: "'small'|'default'|'large'";
-            readonly default: "default";
-        }, {
-            readonly name: "status";
-            readonly type: "'default'|'warning'|'error'";
-            readonly default: "default";
-            readonly desc: "统一校验态透传子项，单项可覆盖";
         }, {
             readonly name: "type";
             readonly type: "'default'|'card'|'pureCard'";
@@ -121,7 +130,8 @@ export declare const meta: {
         }, {
             readonly name: "direction";
             readonly type: "'horizontal'|'vertical'";
-            readonly default: "horizontal";
+            readonly default: "vertical";
+            readonly desc: "组内布局方向（对齐 Semi 默认 vertical）";
         }, {
             readonly name: "onChange";
             readonly type: "(v: (string|number)[]) => void";
@@ -140,8 +150,25 @@ export declare const meta: {
             readonly type: "string";
             readonly default: "undefined";
             readonly desc: "关联组可见标题 id（优先于 ariaLabel）";
+        }, {
+            readonly name: "style";
+            readonly type: "string";
+            readonly default: "undefined";
+            readonly desc: "根容器内联样式，可设 width 等（对齐 Semi style）";
+        }, {
+            readonly name: "class";
+            readonly type: "string";
+            readonly default: "undefined";
+            readonly desc: "根容器自定义类名（与内置 cd-checkboxGroup 并存，对齐 Semi className）";
         }];
     };
+    readonly methods: readonly [{
+        readonly name: "focus()";
+        readonly desc: "命令式聚焦复选框（尊重 preventScroll），经组件实例调用（对齐 Semi）";
+    }, {
+        readonly name: "blur()";
+        readonly desc: "命令式移除焦点（对齐 Semi）";
+    }];
     readonly a11y: {
         readonly role: "checkbox";
         readonly keyboard: readonly ["Space"];

package/dist/checkbox/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/checkbox/meta.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiEP,CAAC"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../src/checkbox/meta.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEP,CAAC"}

package/dist/checkbox/meta.js

@@ -12,21 +12,24 @@ export const meta = {
         { name: 'indeterminate', type: 'boolean', default: 'false', desc: '半选态（视觉横线）' },
         { name: 'value', type: 'string | number', default: 'undefined', desc: 'Group 内的标识值' },
         { name: 'disabled', type: 'boolean', default: 'false' },
-        { name: 'size', type: "'small'|'default'|'large'", default: 'default' },
-        { name: 'status', type: "'default'|'warning'|'error'", default: 'default' },
         {
             name: 'type',
             type: "'default'|'card'|'pureCard'",
             default: 'default',
-            desc: '展示形态；card 带边框背景且整卡为命中区，pureCard 无边框。Group 透传，单项可覆盖',
+            desc: '展示形态；card 带边框背景且整卡为命中区，pureCard 隐藏勾选框只留卡片。Group 透传，单项可覆盖',
         },
         { name: 'name', type: 'string', default: 'undefined' },
-        { name: 'extra', type: 'string', default: 'undefined', desc: '辅助说明，aria-describedby 关联' },
+        { name: 'extra', type: 'Snippet | string', default: 'undefined', desc: '辅助说明，支持富内容（对齐 Semi ReactNode），aria-describedby 关联' },
         { name: 'id', type: 'string', default: 'useId()' },
         { name: 'addonId', type: 'string', default: 'undefined', desc: '标签内容容器 id，经 aria-labelledby 关联为可访问名' },
         { name: 'extraId', type: 'string', default: 'undefined', desc: '辅助说明 id，未提供则由内部生成' },
         { name: 'preventScroll', type: 'boolean', default: 'undefined', desc: 'autoFocus 聚焦时是否阻止滚动（对齐 Semi）' },
-        { name: 'onChange', type: '(checked: boolean) => void', default: 'undefined' },
+        { name: 'ariaLabel', type: 'string', default: 'undefined', desc: '无可见文本 label 时的可访问名' },
+        { name: 'ariaInvalid', type: 'boolean', default: 'undefined', desc: '标记为无效（校验失败），对齐 Semi aria-invalid' },
+        { name: 'role', type: 'string', default: 'undefined', desc: 'wrapper role（Group 内为 listitem）' },
+        { name: 'style', type: 'string', default: 'undefined', desc: '根容器内联样式，可设 width 等（对齐 Semi style）' },
+        { name: 'class', type: 'string', default: 'undefined', desc: '根容器自定义类名（与内置 cd-checkbox 并存，对齐 Semi className）' },
+        { name: 'onChange', type: '(e: CheckboxEvent) => void', default: 'undefined', desc: '对齐 Semi：回调收到事件对象，e.target.checked 为选中态' },
         { name: 'children', type: 'Snippet', default: 'undefined', desc: '标签内容' },
     ],
     group: {
@@ -40,13 +43,6 @@ export const meta = {
                 default: 'undefined',
             },
             { name: 'disabled', type: 'boolean', default: 'false' },
-            { name: 'size', type: "'small'|'default'|'large'", default: 'default' },
-            {
-                name: 'status',
-                type: "'default'|'warning'|'error'",
-                default: 'default',
-                desc: '统一校验态透传子项，单项可覆盖',
-            },
             {
                 name: 'type',
                 type: "'default'|'card'|'pureCard'",
@@ -54,13 +50,19 @@ export const meta = {
                 desc: '统一展示形态透传子项',
             },
             { name: 'name', type: 'string', default: 'undefined' },
-            { name: 'direction', type: "'horizontal'|'vertical'", default: 'horizontal' },
+            { name: 'direction', type: "'horizontal'|'vertical'", default: 'vertical', desc: '组内布局方向（对齐 Semi 默认 vertical）' },
             { name: 'onChange', type: '(v: (string|number)[]) => void', default: 'undefined' },
             { name: 'children', type: 'Snippet', default: 'undefined' },
             { name: 'ariaLabel', type: 'string', default: 'undefined', desc: '无可见标题时的可访问名（role=group）' },
             { name: 'ariaLabelledby', type: 'string', default: 'undefined', desc: '关联组可见标题 id（优先于 ariaLabel）' },
+            { name: 'style', type: 'string', default: 'undefined', desc: '根容器内联样式，可设 width 等（对齐 Semi style）' },
+            { name: 'class', type: 'string', default: 'undefined', desc: '根容器自定义类名（与内置 cd-checkboxGroup 并存，对齐 Semi className）' },
         ],
     },
+    methods: [
+        { name: 'focus()', desc: '命令式聚焦复选框（尊重 preventScroll），经组件实例调用（对齐 Semi）' },
+        { name: 'blur()', desc: '命令式移除焦点（对齐 Semi）' },
+    ],
     a11y: {
         role: 'checkbox',
         keyboard: ['Space'],