@chenzy-design/svelte 0.1.0 → 0.2.1

package/src/tree-select/TreeSelectKbdFixture.svelte

@@ -1,20 +0,0 @@
-<!--
-  仅供 TreeSelect.kbd.test.ts（browser project）使用的键盘 e2e 夹具。
-  TreeSelect 浮层 portal 到 document.body；高亮走 aria-activedescendant
-  （焦点留在 role=combobox 触发器上，方向键在可见树上 roving，treeitem tabindex=-1）。
-  用三个顶层叶子节点，使初始可见列表稳定（无展开态干扰）。
--->
-<script lang="ts">
-  import { LocaleProvider } from '../locale-provider/index.js';
-  import TreeSelect from './TreeSelect.svelte';
-
-  const treeData = [
-    { key: 'a', label: 'Apple' },
-    { key: 'b', label: 'Banana' },
-    { key: 'c', label: 'Cherry' },
-  ];
-</script>
-
-<LocaleProvider locale="en_US">
-  <TreeSelect {treeData} ariaLabel="Fruit tree" placeholder="Pick a fruit" />
-</LocaleProvider>

package/src/tree-select/index.ts

@@ -1,3 +0,0 @@
-export { default as TreeSelect } from './TreeSelect.svelte';
-export { meta as treeSelectMeta } from './meta.js';
-export type { TreeNode, TreeKey } from './types.js';

package/src/tree-select/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: 'TreeSelect',
-  category: 'input',
-  description: '树形选择器，单面板可展开/收起的树，单选叶子或任意节点。',
-  props: [
-    { name: 'value', type: 'TreeKey|TreeKey[]|null', default: 'undefined' },
-    { name: 'defaultValue', type: 'TreeKey|TreeKey[]|null', default: 'null' },
-    { name: 'treeData', type: 'TreeNode[]', default: '[]', desc: '树数据源；字段名可经 fieldNames 自定义' },
-    {
-      name: 'fieldNames',
-      type: '{ key?: string; label?: string; children?: string }',
-      default: "{ key:'key', label:'label', children:'children' }",
-      desc: '自定义节点字段名映射，适配任意后端数据（如 { key:\'id\', label:\'name\', children:\'sub\' }）。派生只读映射；onChange 回传的 key 即原始字段值',
-    },
-    { name: 'open', type: 'boolean', default: 'undefined' },
-    { name: 'defaultOpen', type: 'boolean', default: 'false' },
-    { name: 'multiple', type: 'boolean', default: 'false', desc: 'checkbox 多选 + 父子联动，多 tag 回显' },
-    { name: 'checkStrictly', type: 'boolean', default: 'false', desc: '多选时父子勾选互不影响（向后兼容，等价 checkRelation=unRelated）' },
-    { name: 'checkRelation', type: "'related'|'unRelated'", default: "'related'", desc: '多选父子是否级联联动；unRelated 互不影响。checkStrictly=true 强制 unRelated' },
-    { name: 'showCheckedStrategy', type: "'all'|'parent'|'child'", default: "'all'", desc: '回填值/Tag 收敛策略：all 全部勾选节点；parent 折叠为父；child 仅叶子。仅 related 生效' },
-    { name: 'maxTagCount', type: 'number', default: 'undefined', desc: '多选回填 Tag 最大展示数，超出折叠为 +N（仅影响显示）' },
-    { 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: 'false' },
-    { name: 'leafOnly', type: 'boolean', default: 'false' },
-    { name: 'defaultExpandAll', type: 'boolean', default: 'false' },
-    { name: 'treeDefaultExpandedKeys', type: 'TreeKey[]', default: '[]', desc: '默认展开的节点 key（非受控初始展开集，与 defaultExpandAll 取并集）' },
-    { name: 'filterable', type: 'boolean', default: 'false', desc: '面板搜索框过滤节点 + 高亮命中' },
-    { name: 'remote', type: 'boolean', default: 'false', desc: '远程搜索：输入防抖后仅触发 onSearch，不本地过滤（外部更新 treeData）' },
-    { name: 'searchDebounce', type: 'number', default: '300', desc: 'onSearch 防抖毫秒（remote 时生效）' },
-    { name: 'onSearch', type: '(query: string) => void', default: 'undefined', desc: '远程搜索输入回调（防抖后）' },
-    { name: 'showIcon', type: 'boolean', default: 'true', desc: '是否预留节点图标位（icon 提供时渲染在 label 前），与 Tree 对齐' },
-    {
-      name: 'loadData',
-      type: '(node: TreeNode) => Promise<TreeNode[]>',
-      default: 'undefined',
-      desc: '异步加载子节点：展开未加载的非叶子节点时调用，返回该节点子节点数组（加载中显示 spinner，竞态去重，不写回 treeData）。与 Tree 的 loadData 对齐',
-    },
-    { name: 'virtualized', type: 'boolean', default: 'false', desc: '虚拟滚动：仅渲染视口内可见行，适合大数据树。复用 Tree 范式（core fixedRange），保持 role=tree/treeitem 语义' },
-    { name: 'height', type: 'number', default: '224', desc: '虚拟滚动视口高度（px），virtualized 时生效' },
-    { name: 'itemHeight', type: 'number', default: '32', desc: '虚拟滚动行高（px），virtualized 时生效' },
-    {
-      name: 'icon',
-      type: 'Snippet<[{ node: TreeNode; expanded: boolean; level: number }]>',
-      default: 'undefined',
-      desc: '自定义节点图标，showIcon 为真时渲染在 label 前；参数含节点与展开态，与 Tree 的 icon API 对齐',
-    },
-    {
-      name: 'onChange',
-      type: '(value: TreeKey|TreeKey[]|null) => void',
-      default: 'undefined',
-      desc: '多选返回 checked 全集数组，单选返回单 key',
-    },
-    { name: 'onOpenChange', type: '(open: boolean) => void', default: 'undefined' },
-    { name: 'ariaLabel', type: 'string', default: 'undefined' },
-  ],
-  a11y: {
-    role: 'combobox',
-    notes: [
-      'combobox 触发器 + role="tree" 面板 + role="treeitem"',
-      '有 children 节点 aria-expanded 标记展开态',
-      'aria-selected 标记选中节点',
-      'leafOnly 时非叶子节点仅切换展开，不可选',
-    ],
-  },
-  tokens: ['--cd-select-*', '--cd-tree-*', '--cd-focus-ring'],
-} as const;

package/src/tree-select/types.ts

@@ -1,11 +0,0 @@
-/** TreeSelect 节点键类型。 */
-export type TreeKey = string | number;
-
-/** TreeSelect 树形节点数据结构。 */
-export interface TreeNode {
-  key: TreeKey;
-  label: string;
-  disabled?: boolean;
-  isLeaf?: boolean;
-  children?: TreeNode[];
-}

package/src/tree-select/virtual.test.ts

@@ -1,104 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import {
-  flattenVisible,
-  fixedRange,
-  type TreeNodeData,
-  type TreeKey,
-} from '@chenzy-design/core';
-
-// 这些用例佐证 TreeSelect 虚拟化/异步加载所复用的纯派生逻辑（与 Tree 同范式）：
-// 1) mergedTree 注入已加载子节点的纯函数行为；
-// 2) flattenVisible + fixedRange 视口切片只取窗口内行（虚拟化核心）。
-
-const VIRTUAL_OVERSCAN = 4;
-
-// 与 TreeSelect.svelte 内 mergedTree 注入逻辑等价的纯函数。
-function injectLoaded(
-  nodes: TreeNodeData[],
-  loaded: Map<TreeKey, TreeNodeData[]>,
-): TreeNodeData[] {
-  if (loaded.size === 0) return nodes;
-  const inject = (list: TreeNodeData[]): TreeNodeData[] =>
-    list.map((n) => {
-      const kids = n.children ?? loaded.get(n.key);
-      if (!kids) return n;
-      return { ...n, children: inject(kids) };
-    });
-  return inject(nodes);
-}
-
-describe('TreeSelect mergedTree 异步注入', () => {
-  it('无加载时返回原引用（零开销）', () => {
-    const data: TreeNodeData[] = [{ key: 'a', label: 'A', isLeaf: true }];
-    expect(injectLoaded(data, new Map())).toBe(data);
-  });
-
-  it('把已加载子节点注入对应节点（不改原数据）', () => {
-    const data: TreeNodeData[] = [{ key: 'a', label: 'A' }];
-    const loaded = new Map<TreeKey, TreeNodeData[]>([
-      ['a', [{ key: 'a-1', label: 'A1' }, { key: 'a-2', label: 'A2' }]],
-    ]);
-    const merged = injectLoaded(data, loaded);
-    expect(merged[0]?.children).toHaveLength(2);
-    // 原数据不被改写（红线 #1）
-    expect(data[0]?.children).toBeUndefined();
-  });
-
-  it('注入后的子树可被 flattenVisible 在展开时纳入可见行', () => {
-    const data: TreeNodeData[] = [{ key: 'a', label: 'A' }];
-    const loaded = new Map<TreeKey, TreeNodeData[]>([
-      ['a', [{ key: 'a-1', label: 'A1' }]],
-    ]);
-    const merged = injectLoaded(data, loaded);
-    const flat = flattenVisible(merged, new Set<TreeKey>(['a']));
-    expect(flat.map((f) => f.node.key)).toEqual(['a', 'a-1']);
-  });
-});
-
-describe('TreeSelect 虚拟化视口切片', () => {
-  // 50 分组 × 20 子项的大树，全展开。
-  const big: TreeNodeData[] = Array.from({ length: 50 }, (_, g) => ({
-    key: `g${g}`,
-    label: `G${g}`,
-    children: Array.from({ length: 20 }, (_, c) => ({
-      key: `g${g}-c${c}`,
-      label: `G${g}C${c}`,
-    })),
-  }));
-  const allExpanded = new Set<TreeKey>(big.map((n) => n.key));
-  const flat = flattenVisible(big, allExpanded);
-
-  it('全展开后可见行 = 50 分组 + 50*20 子项 = 1050', () => {
-    expect(flat.length).toBe(1050);
-  });
-
-  it('fixedRange 在视口顶部只取窗口 + overscan，远小于全量', () => {
-    const itemHeight = 32;
-    const height = 224; // 默认面板高度
-    const range = fixedRange(0, height, itemHeight, flat.length, VIRTUAL_OVERSCAN);
-    const rendered = flat.slice(range.startIndex, range.endIndex);
-    // 视口 7 行可见 + 4 overscan（顶部 startIndex=0），渲染数远小于 1050。
-    expect(rendered.length).toBeLessThan(20);
-    expect(range.startIndex).toBe(0);
-    expect(rendered[0]?.node.key).toBe('g0');
-  });
-
-  it('滚动到中部时窗口随 scrollTop 平移', () => {
-    const itemHeight = 32;
-    const height = 224;
-    const scrollTop = 500 * itemHeight; // 滚到第 500 行附近
-    const range = fixedRange(scrollTop, height, itemHeight, flat.length, VIRTUAL_OVERSCAN);
-    expect(range.startIndex).toBeGreaterThan(490);
-    expect(range.endIndex).toBeLessThan(flat.length);
-    const rendered = flat.slice(range.startIndex, range.endIndex);
-    expect(rendered.length).toBeLessThan(20);
-  });
-
-  it('行偏移按 (startIndex + i) * rowHeight 计算', () => {
-    const itemHeight = 32;
-    const range = fixedRange(500 * itemHeight, 224, itemHeight, flat.length, VIRTUAL_OVERSCAN);
-    // 渲染切片第 0 项的 translateY 应等于 startIndex * rowHeight。
-    const firstOffset = (range.startIndex + 0) * itemHeight;
-    expect(firstOffset).toBe(range.startIndex * itemHeight);
-  });
-});

package/src/typography/Link.svelte

@@ -1,120 +0,0 @@
-<!--
-  Typography.Link — see specs/components/basic/Typography.spec.md
-  Renders an <a>. 外链 target=_blank 自动补 rel="noopener noreferrer"；
-  disabled 移除 href + aria-disabled + tabindex=-1。
-  ellipsis / copyable / editable 经 TypographyBase 组合 core 原语。
--->
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  import TypographyBase, {
-    type EllipsisConfig,
-    type CopyableConfig,
-    type EditableConfig,
-  } from './TypographyBase.svelte';
-
-  type TypoType = 'default' | 'secondary' | 'tertiary' | 'warning' | 'danger' | 'success';
-  type TypoWeight = number | 'regular' | 'medium' | 'semibold' | 'bold';
-
-  interface Props {
-    href?: string;
-    target?: string;
-    rel?: string;
-    type?: TypoType;
-    strong?: boolean;
-    weight?: TypoWeight;
-    disabled?: boolean;
-    mark?: boolean;
-    /** Link 默认带下划线 */
-    underline?: boolean;
-    delete?: boolean;
-    code?: boolean;
-    component?: string;
-    ellipsis?: boolean | EllipsisConfig;
-    copyable?: boolean | CopyableConfig;
-    editable?: boolean | EditableConfig;
-    value?: string;
-    onChange?: (value: string) => void;
-    onCopy?: (content: string) => void;
-    onEditStart?: () => void;
-    onEditCancel?: () => void;
-    onExpand?: (expanded: boolean) => void;
-    onClick?: (e: MouseEvent) => void;
-    class?: string;
-    children?: Snippet;
-  }
-
-  let {
-    href,
-    target,
-    rel,
-    type = 'default',
-    strong = false,
-    weight,
-    disabled = false,
-    mark = false,
-    underline = false,
-    delete: del = false,
-    code = false,
-    component = 'a',
-    ellipsis = false,
-    copyable = false,
-    editable = false,
-    value,
-    onChange,
-    onCopy,
-    onEditStart,
-    onEditCancel,
-    onExpand,
-    onClick,
-    class: className = '',
-    children,
-  }: Props = $props();
-
-  // target=_blank 且未显式 rel → 自动 noopener noreferrer
-  const resolvedRel = $derived(rel ?? (target === '_blank' ? 'noopener noreferrer' : undefined));
-  // disabled 移除 href 行为
-  const resolvedHref = $derived(disabled ? undefined : href);
-
-  function handleClick(e: MouseEvent): void {
-    if (disabled) {
-      e.preventDefault();
-      return;
-    }
-    onClick?.(e);
-  }
-
-  const hostAttrs = $derived({
-    href: resolvedHref,
-    target,
-    rel: resolvedRel,
-    tabindex: disabled ? -1 : undefined,
-    onclick: handleClick,
-  });
-</script>
-
-<TypographyBase
-  element={component}
-  baseClass="cd-typography"
-  extraClass="cd-typography--link"
-  {type}
-  {strong}
-  {weight}
-  {disabled}
-  {mark}
-  {underline}
-  delete={del}
-  {code}
-  class={className}
-  {ellipsis}
-  {copyable}
-  {editable}
-  {value}
-  {onChange}
-  {onCopy}
-  {onEditStart}
-  {onEditCancel}
-  {onExpand}
-  {hostAttrs}
->
-  {@render children?.()}
-</TypographyBase>

package/src/typography/Paragraph.svelte

@@ -1,92 +0,0 @@
-<!--
-  Typography.Paragraph — see specs/components/basic/Typography.spec.md
-  Renders a <p>. ellipsis / copyable / editable 经 TypographyBase 组合 core 原语。
--->
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  import TypographyBase, {
-    type EllipsisConfig,
-    type CopyableConfig,
-    type EditableConfig,
-  } from './TypographyBase.svelte';
-
-  type TypoType = 'default' | 'secondary' | 'tertiary' | 'warning' | 'danger' | 'success';
-  type TypoWeight = number | 'regular' | 'medium' | 'semibold' | 'bold';
-  type TypoSize = 'small' | 'default' | 'large';
-
-  interface Props {
-    type?: TypoType;
-    /** 字号档 small/default/large。spec §4.1 L60 */
-    size?: TypoSize;
-    strong?: boolean;
-    weight?: TypoWeight;
-    disabled?: boolean;
-    mark?: boolean;
-    underline?: boolean;
-    delete?: boolean;
-    code?: boolean;
-    component?: string;
-    ellipsis?: boolean | EllipsisConfig;
-    copyable?: boolean | CopyableConfig;
-    editable?: boolean | EditableConfig;
-    value?: string;
-    onChange?: (value: string) => void;
-    onCopy?: (content: string) => void;
-    onEditStart?: () => void;
-    onEditCancel?: () => void;
-    onExpand?: (expanded: boolean) => void;
-    class?: string;
-    children?: Snippet;
-  }
-
-  let {
-    type = 'default',
-    size = 'default',
-    strong = false,
-    weight,
-    disabled = false,
-    mark = false,
-    underline = false,
-    delete: del = false,
-    code = false,
-    component = 'p',
-    ellipsis = false,
-    copyable = false,
-    editable = false,
-    value,
-    onChange,
-    onCopy,
-    onEditStart,
-    onEditCancel,
-    onExpand,
-    class: className = '',
-    children,
-  }: Props = $props();
-</script>
-
-<TypographyBase
-  element={component}
-  baseClass="cd-typography"
-  extraClass="cd-typography--paragraph"
-  {type}
-  {size}
-  {strong}
-  {weight}
-  {disabled}
-  {mark}
-  {underline}
-  delete={del}
-  {code}
-  class={className}
-  {ellipsis}
-  {copyable}
-  {editable}
-  {value}
-  {onChange}
-  {onCopy}
-  {onEditStart}
-  {onEditCancel}
-  {onExpand}
->
-  {@render children?.()}
-</TypographyBase>

package/src/typography/Text.svelte

@@ -1,93 +0,0 @@
-<!--
-  Typography.Text — see specs/components/basic/Typography.spec.md
-  Renders a <span>. Shares the cd-typography base style class.
-  ellipsis / copyable / editable 交互经 TypographyBase 组合 @chenzy-design/core 原语。
--->
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  import TypographyBase, {
-    type EllipsisConfig,
-    type CopyableConfig,
-    type EditableConfig,
-  } from './TypographyBase.svelte';
-
-  type TypoType = 'default' | 'secondary' | 'tertiary' | 'warning' | 'danger' | 'success';
-  type TypoWeight = number | 'regular' | 'medium' | 'semibold' | 'bold';
-  type TypoSize = 'small' | 'default' | 'large';
-
-  interface Props {
-    type?: TypoType;
-    /** 字号档 small/default/large。spec §4.1 L60 */
-    size?: TypoSize;
-    strong?: boolean;
-    weight?: TypoWeight;
-    disabled?: boolean;
-    mark?: boolean;
-    underline?: boolean;
-    delete?: boolean;
-    code?: boolean;
-    component?: string;
-    ellipsis?: boolean | EllipsisConfig;
-    copyable?: boolean | CopyableConfig;
-    editable?: boolean | EditableConfig;
-    value?: string;
-    onChange?: (value: string) => void;
-    onCopy?: (content: string) => void;
-    onEditStart?: () => void;
-    onEditCancel?: () => void;
-    onExpand?: (expanded: boolean) => void;
-    class?: string;
-    children?: Snippet;
-  }
-
-  let {
-    type = 'default',
-    size = 'default',
-    strong = false,
-    weight,
-    disabled = false,
-    mark = false,
-    underline = false,
-    delete: del = false,
-    code = false,
-    component = 'span',
-    ellipsis = false,
-    copyable = false,
-    editable = false,
-    value,
-    onChange,
-    onCopy,
-    onEditStart,
-    onEditCancel,
-    onExpand,
-    class: className = '',
-    children,
-  }: Props = $props();
-</script>
-
-<TypographyBase
-  element={component}
-  baseClass="cd-typography"
-  extraClass="cd-typography--text"
-  {type}
-  {size}
-  {strong}
-  {weight}
-  {disabled}
-  {mark}
-  {underline}
-  delete={del}
-  {code}
-  class={className}
-  {ellipsis}
-  {copyable}
-  {editable}
-  {value}
-  {onChange}
-  {onCopy}
-  {onEditStart}
-  {onEditCancel}
-  {onExpand}
->
-  {@render children?.()}
-</TypographyBase>

package/src/typography/Title.svelte

@@ -1,91 +0,0 @@
-<!--
-  Typography.Title — see specs/components/basic/Typography.spec.md
-  Renders an <h1>..<h6>. ellipsis / copyable / editable 经 TypographyBase 组合 core 原语。
--->
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  import TypographyBase, {
-    type EllipsisConfig,
-    type CopyableConfig,
-    type EditableConfig,
-  } from './TypographyBase.svelte';
-
-  type TypoType = 'default' | 'secondary' | 'tertiary' | 'warning' | 'danger' | 'success';
-  type TypoWeight = number | 'regular' | 'medium' | 'semibold' | 'bold';
-
-  interface Props {
-    heading?: 1 | 2 | 3 | 4 | 5 | 6;
-    type?: TypoType;
-    strong?: boolean;
-    weight?: TypoWeight;
-    disabled?: boolean;
-    mark?: boolean;
-    underline?: boolean;
-    delete?: boolean;
-    code?: boolean;
-    component?: string;
-    ellipsis?: boolean | EllipsisConfig;
-    copyable?: boolean | CopyableConfig;
-    editable?: boolean | EditableConfig;
-    value?: string;
-    onChange?: (value: string) => void;
-    onCopy?: (content: string) => void;
-    onEditStart?: () => void;
-    onEditCancel?: () => void;
-    onExpand?: (expanded: boolean) => void;
-    class?: string;
-    children?: Snippet;
-  }
-
-  let {
-    heading = 1,
-    type = 'default',
-    strong = false,
-    weight,
-    disabled = false,
-    mark = false,
-    underline = false,
-    delete: del = false,
-    code = false,
-    component,
-    ellipsis = false,
-    copyable = false,
-    editable = false,
-    value,
-    onChange,
-    onCopy,
-    onEditStart,
-    onEditCancel,
-    onExpand,
-    class: className = '',
-    children,
-  }: Props = $props();
-
-  const element = $derived(component ?? `h${heading}`);
-</script>
-
-<TypographyBase
-  {element}
-  baseClass="cd-typography"
-  extraClass={`cd-typography--title cd-typography--h${heading}`}
-  {type}
-  {strong}
-  {weight}
-  {disabled}
-  {mark}
-  {underline}
-  delete={del}
-  {code}
-  class={className}
-  {ellipsis}
-  {copyable}
-  {editable}
-  {value}
-  {onChange}
-  {onCopy}
-  {onEditStart}
-  {onEditCancel}
-  {onExpand}
->
-  {@render children?.()}
-</TypographyBase>

package/src/typography/Typography.a11y.test.ts

@@ -1,34 +0,0 @@
-// Typography a11y：Text→<span>、Title→<hN>、Link→<a>。
-// 经 TypographyA11yFixture 提供真实文本 children（自带 LocaleProvider，故直接 render）。
-import { describe, it, expect } from 'vitest';
-import { render } from '@testing-library/svelte';
-import { expectNoAxeViolations } from '../test-utils/a11y.js';
-import TypographyA11yFixture from './TypographyA11yFixture.svelte';
-
-describe('Typography a11y', () => {
-  it('Text：渲染文本，无 axe violations', async () => {
-    const { container } = render(TypographyA11yFixture, {
-      props: { variant: 'text', text: 'Body text' },
-    });
-    expect(container.textContent).toContain('Body text');
-    await expectNoAxeViolations(container);
-  });
-
-  it('Title：渲染为 heading 元素，无 axe violations', async () => {
-    const { container } = render(TypographyA11yFixture, {
-      props: { variant: 'title', text: 'Section title', props: { heading: 2 } },
-    });
-    expect(container.querySelector('h2')?.textContent).toContain('Section title');
-    await expectNoAxeViolations(container);
-  });
-
-  it('Link：渲染 <a> 带 href 且有可访问名，无 axe violations', async () => {
-    const { container } = render(TypographyA11yFixture, {
-      props: { variant: 'link', text: 'Visit', props: { href: 'https://example.com' } },
-    });
-    const a = container.querySelector('a');
-    expect(a?.getAttribute('href')).toBe('https://example.com');
-    expect(a?.textContent).toContain('Visit');
-    await expectNoAxeViolations(container);
-  });
-});

package/src/typography/TypographyA11yFixture.svelte

@@ -1,27 +0,0 @@
-<!--
-  Typography a11y 测试夹具：为 Text/Title/Link 提供真实文本 children。
-  自带 LocaleProvider，故测试直接 render 本夹具。variant 选择子组件。
--->
-<script lang="ts">
-  import { LocaleProvider } from '../locale-provider/index.js';
-  import Text from './Text.svelte';
-  import Title from './Title.svelte';
-  import Link from './Link.svelte';
-
-  interface Props {
-    variant?: 'text' | 'title' | 'link';
-    text?: string;
-    props?: Record<string, unknown>;
-  }
-  let { variant = 'text', text = 'Hello', props = {} }: Props = $props();
-</script>
-
-<LocaleProvider locale="en_US">
-  {#if variant === 'title'}
-    <Title {...props}>{text}</Title>
-  {:else if variant === 'link'}
-    <Link {...props}>{text}</Link>
-  {:else}
-    <Text {...props}>{text}</Text>
-  {/if}
-</LocaleProvider>