@chenzy-design/svelte 0.1.0

package/dist/tree-select/virtual.test.js

@@ -0,0 +1,86 @@
+import { describe, it, expect } from 'vitest';
+import { flattenVisible, fixedRange, } from '@chenzy-design/core';
+// 这些用例佐证 TreeSelect 虚拟化/异步加载所复用的纯派生逻辑（与 Tree 同范式）：
+// 1) mergedTree 注入已加载子节点的纯函数行为；
+// 2) flattenVisible + fixedRange 视口切片只取窗口内行（虚拟化核心）。
+const VIRTUAL_OVERSCAN = 4;
+// 与 TreeSelect.svelte 内 mergedTree 注入逻辑等价的纯函数。
+function injectLoaded(nodes, loaded) {
+    if (loaded.size === 0)
+        return nodes;
+    const inject = (list) => 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 = [{ key: 'a', label: 'A', isLeaf: true }];
+        expect(injectLoaded(data, new Map())).toBe(data);
+    });
+    it('把已加载子节点注入对应节点（不改原数据）', () => {
+        const data = [{ key: 'a', label: 'A' }];
+        const loaded = new Map([
+            ['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 = [{ key: 'a', label: 'A' }];
+        const loaded = new Map([
+            ['a', [{ key: 'a-1', label: 'A1' }]],
+        ]);
+        const merged = injectLoaded(data, loaded);
+        const flat = flattenVisible(merged, new Set(['a']));
+        expect(flat.map((f) => f.node.key)).toEqual(['a', 'a-1']);
+    });
+});
+describe('TreeSelect 虚拟化视口切片', () => {
+    // 50 分组 × 20 子项的大树，全展开。
+    const big = 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(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/dist/typography/Link.svelte

@@ -0,0 +1,120 @@
+<!--
+  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/dist/typography/Link.svelte.d.ts

@@ -0,0 +1,35 @@
+import type { Snippet } from 'svelte';
+import { 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;
+}
+declare const Link: import("svelte").Component<Props, {}, "">;
+type Link = ReturnType<typeof Link>;
+export default Link;
+//# sourceMappingURL=Link.svelte.d.ts.map

package/dist/typography/Link.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.svelte.d.ts","sourceRoot":"","sources":["../../src/typography/Link.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAuB,EACnB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,yBAAyB,CAAC;AAGjC,KAAK,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AACxF,KAAK,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEtE,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,kBAAkB;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAgEH,QAAA,MAAM,IAAI,2CAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}

package/dist/typography/Paragraph.svelte

@@ -0,0 +1,92 @@
+<!--
+  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/dist/typography/Paragraph.svelte.d.ts

@@ -0,0 +1,33 @@
+import type { Snippet } from 'svelte';
+import { 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;
+}
+declare const Paragraph: import("svelte").Component<Props, {}, "">;
+type Paragraph = ReturnType<typeof Paragraph>;
+export default Paragraph;
+//# sourceMappingURL=Paragraph.svelte.d.ts.map

package/dist/typography/Paragraph.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paragraph.svelte.d.ts","sourceRoot":"","sources":["../../src/typography/Paragraph.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAuB,EACnB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,yBAAyB,CAAC;AAGjC,KAAK,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AACxF,KAAK,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AACtE,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAE9C,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAyCH,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/typography/Text.svelte

@@ -0,0 +1,93 @@
+<!--
+  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/dist/typography/Text.svelte.d.ts

@@ -0,0 +1,33 @@
+import type { Snippet } from 'svelte';
+import { 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;
+}
+declare const Text: import("svelte").Component<Props, {}, "">;
+type Text = ReturnType<typeof Text>;
+export default Text;
+//# sourceMappingURL=Text.svelte.d.ts.map

package/dist/typography/Text.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.svelte.d.ts","sourceRoot":"","sources":["../../src/typography/Text.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAuB,EACnB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,yBAAyB,CAAC;AAGjC,KAAK,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AACxF,KAAK,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AACtE,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAE9C,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAyCH,QAAA,MAAM,IAAI,2CAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}

package/dist/typography/Title.svelte

@@ -0,0 +1,91 @@
+<!--
+  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/dist/typography/Title.svelte.d.ts

@@ -0,0 +1,31 @@
+import type { Snippet } from 'svelte';
+import { 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;
+}
+declare const Title: import("svelte").Component<Props, {}, "">;
+type Title = ReturnType<typeof Title>;
+export default Title;
+//# sourceMappingURL=Title.svelte.d.ts.map

package/dist/typography/Title.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.svelte.d.ts","sourceRoot":"","sources":["../../src/typography/Title.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAuB,EACnB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,yBAAyB,CAAC;AAGjC,KAAK,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AACxF,KAAK,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEtE,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA0CH,QAAA,MAAM,KAAK,2CAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/dist/typography/Typography.a11y.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Typography.a11y.test.d.ts.map

package/dist/typography/Typography.a11y.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.a11y.test.d.ts","sourceRoot":"","sources":["../../src/typography/Typography.a11y.test.ts"],"names":[],"mappings":""}

package/dist/typography/Typography.a11y.test.js

@@ -0,0 +1,31 @@
+// 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);
+    });
+});