@chenzy-design/svelte 0.1.0 → 0.2.0

package/src/pagination/PaginationKbdFixture.svelte

@@ -1,15 +0,0 @@
-<!--
-  仅供 Pagination.kbd.test.ts（browser project）使用的键盘 e2e 夹具。
-  total=30 / pageSize=10 → 3 个页码按钮（无省略号），页码组 roving（真实焦点）。
-  前后各放按钮验证 Tab 进入只停靠单个页码、Tab 出去落到 after。
--->
-<script lang="ts">
-  import { LocaleProvider } from '../locale-provider/index.js';
-  import Pagination from './Pagination.svelte';
-</script>
-
-<LocaleProvider locale="en_US">
-  <button type="button" data-testid="before">before</button>
-  <Pagination total={30} defaultCurrentPage={1} pageSize={10} />
-  <button type="button" data-testid="after">after</button>
-</LocaleProvider>

package/src/pagination/index.ts

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

package/src/pagination/meta.ts

@@ -1,73 +0,0 @@
-/**
- * Machine-readable component metadata for AI/docs consumption.
- * See specs/00-foundation/ai-friendly.spec.md.
- */
-export const meta = {
-  name: 'Pagination',
-  category: 'navigation',
-  description:
-    '分页器，用于切换大量数据的页码。支持 default 与 simple 两种模式，页码使用 Intl.NumberFormat 本地化。越界的当前页/每页条数与快速跳页输入均会被钳制到有效范围（纯函数实现，受控 prop 仅经 onChange 上报）。',
-  props: [
-    { name: 'total', type: 'number', default: '0', desc: '数据总条数' },
-    { name: 'currentPage', type: 'number', default: 'undefined', desc: '受控当前页（越界自动钳制显示，不回写）' },
-    { name: 'defaultCurrentPage', type: 'number', default: '1' },
-    { name: 'pageSize', type: 'number', default: 'undefined', desc: '受控每页条数；非法或不在 pageSizeOptions 内时回退 defaultPageSize' },
-    { name: 'defaultPageSize', type: 'number', default: '10', desc: '非受控每页条数初始值' },
-    { name: 'pageSizeOptions', type: 'number[]', default: '[10,20,50,100]', desc: 'size changer 选项' },
-    { name: 'size', type: "'small'|'default'|'large'", default: 'default' },
-    { name: 'mode', type: "'default'|'simple'", default: 'default' },
-    { name: 'status', type: "'default'|'warning'|'error'", default: 'default', desc: '快速跳页输入校验态（透传 Input）' },
-    {
-      name: 'showTotal',
-      type: 'boolean | ((total: number, range: [number, number]) => string)',
-      default: 'false',
-      desc: '显示总条数文案；传函数时接收 (total, [start, end]) 并返回自定义字符串',
-    },
-    { name: 'showSizeChanger', type: 'boolean', default: 'false', desc: '显示每页条数选择器' },
-    { name: 'showQuickJumper', type: 'boolean', default: 'false', desc: '显示快速跳页输入（越界静默钳制，非数字忽略）' },
-    { name: 'hideOnSinglePage', type: 'boolean', default: 'false', desc: '仅一页时隐藏整个分页器' },
-    { name: 'siblingCount', type: 'number', default: '1', desc: '当前页两侧保留的页码数（省略号折叠参数）' },
-    { name: 'boundaryCount', type: 'number', default: '1', desc: '首尾固定显示的页码数（省略号折叠参数）' },
-    { name: 'popoverPosition', type: "'top'|'bottom'", default: 'bottom', desc: 'size changer 下拉浮层位置（透传 Select）' },
-    { name: 'disabled', type: 'boolean', default: 'false' },
-    { name: 'locale', type: 'string', default: "'zh-CN'", desc: '数字本地化区域' },
-    { name: 'onChange', type: '(page: number, pageSize: number) => void', default: 'undefined' },
-    { name: 'onPageSizeChange', type: '(pageSize: number) => void', default: 'undefined' },
-    { name: 'ariaLabel', type: 'string', default: 'undefined' },
-    {
-      name: 'renderPage',
-      type: 'Snippet<[{ page: number; isCurrent: boolean }]>',
-      default: 'undefined',
-      desc: '自定义页码按钮内容，接收 { page, isCurrent }，替换默认的 Intl 格式化数字',
-    },
-    {
-      name: 'popoverZIndex',
-      type: 'number',
-      default: 'undefined',
-      desc: 'size-changer 下拉浮层的层叠顺序，透传为 CSS 变量 --cd-select-dropdown-z',
-    },
-    {
-      name: 'prevText',
-      type: 'string | Snippet',
-      default: 'undefined',
-      desc: '上一页按钮内容；缺省显示 ‹；可传字符串或 Snippet 自定义',
-    },
-    {
-      name: 'nextText',
-      type: 'string | Snippet',
-      default: 'undefined',
-      desc: '下一页按钮内容；缺省显示 ›；可传字符串或 Snippet 自定义',
-    },
-  ],
-  a11y: {
-    role: 'navigation',
-    keyboard: ['Tab', 'Enter', 'Space'],
-    notes: [
-      'nav[aria-label] 包裹',
-      '页码为原生 button，当前页 aria-current=page',
-      '上一页/下一页在边界禁用',
-      '省略号 aria-hidden=true 不可交互',
-    ],
-  },
-  tokens: ['--cd-pagination-*', '--cd-focus-ring', '--cd-color-text-0', '--cd-spacing-*', '--cd-motion-*'],
-} as const;

package/src/popconfirm/Popconfirm.a11y.test.ts

@@ -1,46 +0,0 @@
-// Popconfirm a11y：气泡确认浮层。受控 open 强制打开（jsdom 触发不了真实点击/focus-trap）。
-//  - 浮层 portal 到 body，role=dialog，aria-labelledby 指向 title，aria-describedby 指向 content。
-//  - 触发器承载 role=button + aria-haspopup=dialog + aria-expanded/controls。
-// 浮层在 document.body —— 参照 Modal.a11y.test.ts 全局查询并扫 document.body。
-import { describe, it, expect } from 'vitest';
-import { render } from '@testing-library/svelte';
-import { expectNoAxeViolations } from '../test-utils/a11y.js';
-import Fixture from './PopconfirmA11yFixture.svelte';
-
-describe('Popconfirm a11y', () => {
-  it('open：浮层 role=dialog + aria-labelledby/describedby，无 axe violations', async () => {
-    render(Fixture, { props: { open: true } });
-
-    const dialog = document.querySelector('[role="dialog"]') as HTMLElement | null;
-    expect(dialog).not.toBeNull();
-    const labelledby = dialog?.getAttribute('aria-labelledby');
-    expect(labelledby).toBeTruthy();
-    expect(labelledby ? document.getElementById(labelledby)?.textContent : '').toContain(
-      'Delete this item?',
-    );
-    const describedby = dialog?.getAttribute('aria-describedby');
-    expect(describedby ? document.getElementById(describedby)?.textContent : '').toContain(
-      'cannot be undone',
-    );
-    // 确认/取消按钮文案来自 locale（验证 LocaleProvider 管线）。
-    const buttons = dialog?.querySelectorAll('button');
-    expect(buttons?.length).toBeGreaterThanOrEqual(2);
-
-    await expectNoAxeViolations(document.body);
-  });
-
-  it('触发器声明 disclosure 语义：role=button + aria-haspopup=dialog + aria-expanded', async () => {
-    render(Fixture, { props: { open: true } });
-    const trigger = document.querySelector('.cd-popconfirm__trigger') as HTMLElement | null;
-    expect(trigger?.getAttribute('role')).toBe('button');
-    expect(trigger?.getAttribute('aria-haspopup')).toBe('dialog');
-    expect(trigger?.getAttribute('aria-expanded')).toBe('true');
-    await expectNoAxeViolations(document.body);
-  });
-
-  it('收起态：无浮层 dialog，无 axe violations', async () => {
-    const { container } = render(Fixture, { props: { open: false } });
-    expect(document.querySelector('.cd-popconfirm__popup[role="dialog"]')).toBeNull();
-    await expectNoAxeViolations(container);
-  });
-});

package/src/popconfirm/Popconfirm.kbd.test.ts

@@ -1,42 +0,0 @@
-// Popconfirm 键盘 e2e（browser project / 真实 chromium）。
-// click 触发：触发器 div 承载 role=button + tabindex=0，Enter 打开浮层（dialog）。
-// 打开后 useFocusTrap 把焦点移入浮层，Esc（useDismiss escape）关闭并归还焦点到触发器。
-// jsdom 测不了真实焦点移入/归还，故真浏览器断 .toHaveFocus()。
-//   1. 聚焦触发器并 Enter 打开 → 焦点进入浮层（含取消/确认按钮）。
-//   2. Esc 关闭 → 焦点归还触发器。
-import { describe, it, expect } from 'vitest';
-import { page } from 'vitest/browser';
-import { renderKbdFixture, userEvent } from '../test-utils/kbd.js';
-import PopconfirmKbdFixture from './PopconfirmKbdFixture.svelte';
-
-function loc(el: Element) {
-  return page.elementLocator(el);
-}
-
-describe('Popconfirm 键盘 e2e（浮层焦点 + Esc 归还）', () => {
-  it('Enter 打开焦点进浮层；Esc 关闭归还触发器', async () => {
-    const { baseElement } = renderKbdFixture(PopconfirmKbdFixture);
-
-    const trigger = baseElement.querySelector('.cd-popconfirm__trigger') as HTMLElement;
-    expect(trigger).not.toBeNull();
-    expect(trigger.getAttribute('role')).toBe('button');
-
-    // 1. 聚焦触发器，Enter 打开（onTriggerKeydown）。
-    trigger.focus();
-    await expect.element(loc(trigger)).toHaveFocus();
-    await userEvent.keyboard('{Enter}');
-
-    // 浮层 portal 到 body：查 role=dialog。
-    const dialog = document.querySelector('[role="dialog"]') as HTMLElement;
-    expect(dialog).not.toBeNull();
-    // 焦点进入浮层（focus trap activate；落在首个可聚焦项 = 取消按钮）。
-    await expect.poll(() => dialog.contains(document.activeElement)).toBe(true);
-    // 浮层内含确认/取消按钮（多个可聚焦点）。
-    expect(dialog.querySelectorAll('button').length).toBeGreaterThanOrEqual(2);
-
-    // 2. Esc 关闭，焦点归还触发器（focus trap deactivate returnFocus + useDismiss escape）。
-    await userEvent.keyboard('{Escape}');
-    await expect.element(loc(trigger)).toHaveFocus();
-    expect(trigger.getAttribute('aria-expanded')).toBe('false');
-  });
-});