@chenzy-design/svelte 0.1.0 → 0.2.0

package/src/time-picker/TimePickerKbdFixture.svelte

@@ -1,23 +0,0 @@
-<!--
-  仅供 TimePicker.kbd.test.ts（browser project）使用的列内 roving 键盘 e2e 夹具。
-  trigger 控制 open（受控）；固定 value=08:30:45 让各列选中项稳定（停靠点 = 选中项）。
-  三列（时/分/秒）listbox，列内 ↑↓ roving + Home/End，列间 Tab。
--->
-<script lang="ts">
-  import { LocaleProvider } from '../locale-provider/index.js';
-  import TimePicker from './TimePicker.svelte';
-
-  let open = $state(false);
-  const value = new Date(2024, 0, 1, 8, 30, 45);
-</script>
-
-<LocaleProvider locale="en_US">
-  <button type="button" data-testid="before" onclick={() => (open = true)}>open time picker</button>
-  <TimePicker
-    {open}
-    {value}
-    locale="en-US"
-    ariaLabel="pick time"
-    onOpenChange={(v) => (open = v)}
-  />
-</LocaleProvider>

package/src/time-picker/index.ts

@@ -1,2 +0,0 @@
-export { default as TimePicker } from './TimePicker.svelte';
-export { meta as timePickerMeta } from './meta.js';

package/src/time-picker/meta.ts

@@ -1,64 +0,0 @@
-/**
- * Machine-readable component metadata for AI/docs consumption.
- * See specs/00-foundation/ai-friendly.spec.md.
- */
-export const meta = {
-  name: 'TimePicker',
-  category: 'input',
-  description:
-    '时间选择器，单选 type=time，HH:mm:ss 三列滚动选择，受控/非受控；展示经 Intl.DateTimeFormat 本地化。支持 type=timeRange 范围选择、format 字符串控制列、value 字符串入参。',
-  props: [
-    {
-      name: 'value',
-      type: 'Date | string | [Date|string|null, Date|string|null] | null',
-      default: 'undefined',
-    },
-    {
-      name: 'defaultValue',
-      type: 'Date | string | [Date|string|null, Date|string|null] | null',
-      default: 'null',
-    },
-    { name: 'type', type: "'time'|'timeRange'", default: "'time'" },
-    { name: 'range', type: 'boolean', default: 'false' },
-    { name: 'format', type: 'string', default: 'undefined' },
-    { name: 'open', type: 'boolean', default: 'undefined' },
-    { name: 'defaultOpen', type: 'boolean', default: 'false' },
-    { name: 'placeholder', type: 'string', default: "'请选择时间'" },
-    { name: 'size', type: "'small'|'default'|'large'", default: "'default'" },
-    { name: 'status', type: "'default'|'warning'|'error'", default: "'default'" },
-    { name: 'disabled', type: 'boolean', default: 'false' },
-    { name: 'clearable', type: 'boolean', default: 'true' },
-    { name: 'hourStep', type: 'number', default: '1' },
-    { name: 'minuteStep', type: 'number', default: '1' },
-    { name: 'secondStep', type: 'number', default: '1' },
-    { name: 'showSecond', type: 'boolean', default: 'true' },
-    { name: 'use12Hours', type: 'boolean', default: 'false' },
-    { name: 'disabledHours', type: '() => number[]', default: 'undefined' },
-    { name: 'disabledMinutes', type: '(hour: number) => number[]', default: 'undefined' },
-    { name: 'disabledSeconds', type: '(hour: number, minute: number) => number[]', default: 'undefined' },
-    { name: 'hideDisabledOptions', type: 'boolean', default: 'false' },
-    { name: 'locale', type: 'string', default: "'zh-CN'" },
-    {
-      name: 'onChange',
-      type: '(v: (Date|null) | [Date|null, Date|null]) => void',
-      default: 'undefined',
-    },
-    { name: 'onOpenChange', type: '(open: boolean) => void', default: 'undefined' },
-    { name: 'ariaLabel', type: 'string', default: 'undefined' },
-  ],
-  a11y: {
-    role: 'dialog',
-    notes: [
-      '触发器 button aria-haspopup=dialog、aria-expanded、aria-controls 指向面板',
-      '面板 role=dialog；每列 role=listbox，项 role=option + aria-selected',
-      '禁用项 aria-disabled=true 且不可点击/键选；hideDisabledOptions 时从列移除',
-      '触发器 Enter/Space/↓ 打开；Esc 关闭；选项 Enter/Space 选择',
-      '12h 制额外 AM/PM 列；文案经 locale TimePicker.am/pm',
-      '打开时各列命令式 scrollIntoView 到选中项',
-      'timeRange 模式：面板顶部 role=tablist 起止切换；确定从起跳到止',
-      'format 字符串经 core parseFormatSpec 决定显示列与 12h（覆盖 showSecond/use12Hours）',
-    ],
-  },
-  i18nKeys: ['TimePicker.placeholder', 'TimePicker.now', 'TimePicker.confirm', 'TimePicker.clear', 'TimePicker.triggerLabel', 'TimePicker.hour', 'TimePicker.minute', 'TimePicker.second', 'TimePicker.am', 'TimePicker.pm', 'TimePicker.rangeStart', 'TimePicker.rangeEnd'],
-  tokens: ['--cd-time-picker-*', '--cd-date-picker-panel-*', '--cd-input-*', '--cd-focus-ring', '--cd-motion-*'],
-} as const;

package/src/timeline/Timeline.a11y.test.ts

@@ -1,54 +0,0 @@
-// Timeline a11y：dataSource 模式渲染 <ul>/<li> 列表语义；interactive 项取 role=button + roving tabindex。
-import { describe, it, expect } from 'vitest';
-import { renderWithLocale, expectNoAxeViolations } from '../test-utils/a11y.js';
-import Timeline from './Timeline.svelte';
-
-describe('Timeline a11y', () => {
-  it('dataSource：ul/li 列表语义，无 axe violations', async () => {
-    const { container } = renderWithLocale(Timeline, {
-      props: {
-        pending: false,
-        dataSource: [
-          { key: 'a', content: 'Created' },
-          { key: 'b', content: 'In review' },
-          { key: 'c', content: 'Merged' },
-        ],
-      },
-    });
-    expect(container.querySelector('ul.cd-timeline')).not.toBeNull();
-    expect(container.querySelectorAll('li.cd-timeline__item').length).toBe(3);
-    await expectNoAxeViolations(container);
-  });
-
-  it('interactive：listitem 包内层 role=button + roving tabindex（首项 0）结构正确', () => {
-    const { container } = renderWithLocale(Timeline, {
-      props: {
-        interactive: true,
-        pending: false,
-        dataSource: [
-          { key: 'a', content: 'Step one' },
-          { key: 'b', content: 'Step two' },
-        ],
-      },
-    });
-    // li 保持原生 list 语义，role=button + roving 落在内层 .cd-timeline__item-interactive。
-    const lis = container.querySelectorAll('li.cd-timeline__item');
-    expect(lis.length).toBe(2);
-    const buttons = container.querySelectorAll('.cd-timeline__item-interactive[role="button"]');
-    expect(buttons.length).toBe(2);
-    expect(buttons[0]?.getAttribute('tabindex')).toBe('0');
-    expect(buttons[1]?.getAttribute('tabindex')).toBe('-1');
-  });
-
-  // interactive 用 listitem 包内层 role=button：ul 直含 li（保 list 语义），交互落内层，无 [list] 违规。
-  it('interactive：无 axe violations（listitem 包 button）', async () => {
-    const { container } = renderWithLocale(Timeline, {
-      props: {
-        interactive: true,
-        pending: false,
-        dataSource: [{ key: 'a', content: 'Step one' }],
-      },
-    });
-    await expectNoAxeViolations(container);
-  });
-});