@chenzy-design/svelte 0.1.0

package/dist/textarea/TextArea.svelte

@@ -0,0 +1,420 @@
+<!--
+  TextArea — see specs/components/input/Textarea.spec.md
+  原生 <textarea>，受控/非受控，size/status，showCount/maxCount/maxLength，IME 安全。
+  autosize：随内容自适应高度（minRows/maxRows），$effect 内命令式测量 scrollHeight
+  调 core computeAutosizeHeight 设高度 + cleanup（红线 #3）。
+  计数走 core countCharacters（length / Intl.Segmenter 字素），纯函数派生（红线 #2）。
+-->
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import { computeAutosizeHeight, countCharacters } from '@chenzy-design/core';
+  import { useLocale } from '../locale-provider/index.js';
+
+  type Size = 'small' | 'default' | 'large';
+  type Status = 'default' | 'warning' | 'error';
+  type Resize = 'none' | 'vertical' | 'both';
+  type Autosize = boolean | { minRows?: number; maxRows?: number };
+
+  interface Props {
+    value?: string;
+    defaultValue?: string;
+    size?: Size;
+    disabled?: boolean;
+    readonly?: boolean;
+    placeholder?: string;
+    showCount?: boolean;
+    maxLength?: number;
+    /** 计数上限：用于计数展示与超限提示（不硬截断，截断用 maxLength） */
+    maxCount?: number;
+    /** 按视觉字符（Intl.Segmenter 字素）计数而非 UTF-16/code point */
+    countGraphemes?: boolean;
+    /** 显示清除按钮（非空且非禁用/只读时） */
+    showClear?: boolean;
+    /** 挂载后自动聚焦（命令式 + cleanup） */
+    autoFocus?: boolean;
+    status?: Status;
+    /** Form 注入别名：等价 status，仅当未显式传 status 时生效（兼容） */
+    validateStatus?: Status;
+    rows?: number;
+    /** 自适应高度：true 或 { minRows, maxRows } */
+    autosize?: Autosize;
+    /** 原生手动调整把手（autosize 时建议 none） */
+    resize?: Resize;
+    name?: string;
+    id?: string;
+    class?: string;
+    ariaLabel?: string;
+    ariaDescribedby?: string;
+    /** 自定义计数器渲染（覆盖内建） */
+    count?: Snippet<[{ count: number; maxCount: number | undefined; overLimit: boolean }]>;
+    /** 自定义清除图标 */
+    clearIcon?: Snippet;
+    onChange?: (v: string) => void;
+    onInput?: (v: string) => void;
+    onClear?: () => void;
+    onFocus?: (e: FocusEvent) => void;
+    onBlur?: (e: FocusEvent) => void;
+    /** 按下 Enter（含修饰键信息，供「Ctrl+Enter 提交」场景）。composition 中不触发。 */
+    onEnterPress?: (payload: { value: string; event: KeyboardEvent }) => void;
+    /** autosize 高度变化（命令式重测后触发，高度无变化不触发）。 */
+    onResize?: (payload: { height: number }) => void;
+    onCompositionStart?: (e: CompositionEvent) => void;
+    onCompositionEnd?: (e: CompositionEvent) => void;
+    /** 无边框模式 */
+    borderless?: boolean;
+  }
+
+  let {
+    value = $bindable(),
+    defaultValue = '',
+    size = 'default',
+    disabled = false,
+    readonly = false,
+    placeholder,
+    showCount = false,
+    maxLength,
+    maxCount,
+    countGraphemes = false,
+    showClear = false,
+    autoFocus = false,
+    status,
+    validateStatus,
+    rows = 3,
+    autosize = false,
+    resize = 'none',
+    name,
+    id,
+    class: className = '',
+    ariaLabel,
+    ariaDescribedby,
+    count: countSnippet,
+    clearIcon,
+    onChange,
+    onInput,
+    onClear,
+    onFocus,
+    onBlur,
+    onEnterPress,
+    onResize,
+    onCompositionStart,
+    onCompositionEnd,
+    borderless = false,
+  }: Props = $props();
+
+  const loc = useLocale();
+
+  // status 优先；未显式传 status 时用 validateStatus（Form 注入别名）；都无则 default。
+  const effectiveStatus = $derived<Status>(status ?? validateStatus ?? 'default');
+
+  const isControlled = $derived(value !== undefined);
+  let inner = $state(getInitialValue());
+  const current = $derived(isControlled ? (value ?? '') : inner);
+
+  function getInitialValue(): string {
+    return defaultValue;
+  }
+
+  let composing = $state(false);
+
+  // 计数：纯函数派生（红线 #2）。composition 中也照常显示，不裁剪。
+  const count = $derived(
+    countCharacters(current, countGraphemes ? { graphemes: true } : undefined),
+  );
+  const overLimit = $derived(maxCount !== undefined && count > maxCount);
+  const over = $derived(overLimit ? count - (maxCount as number) : 0);
+
+  function setValue(next: string) {
+    // 受控时不回写 prop，仅经 onChange 上报（避免 value→onChange→value 死循环，红线 #1）。
+    if (!isControlled) inner = next;
+  }
+
+  function handleInput(e: Event & { currentTarget: HTMLTextAreaElement }) {
+    const next = e.currentTarget.value;
+    setValue(next);
+    onInput?.(next);
+    if (!composing) onChange?.(next);
+  }
+
+  function handleCompositionStart(e: CompositionEvent) {
+    composing = true;
+    onCompositionStart?.(e);
+  }
+  function handleCompositionEnd(
+    e: CompositionEvent & { currentTarget: HTMLTextAreaElement },
+  ) {
+    composing = false;
+    const next = e.currentTarget.value;
+    setValue(next);
+    onChange?.(next);
+    onCompositionEnd?.(e);
+  }
+
+  function handleKeydown(e: KeyboardEvent) {
+    // Textarea 的 Enter 默认换行；onEnterPress 透传事件，由调用方判断修饰键
+    // （Ctrl/Cmd+Enter 提交等）。composition 中（IME 选词回车）不触发。
+    if (e.key === 'Enter' && !composing) onEnterPress?.({ value: current, event: e });
+  }
+
+  function clear() {
+    setValue('');
+    onClear?.();
+    onChange?.('');
+    taEl?.focus();
+  }
+
+  const canClear = $derived(showClear && !disabled && !readonly && current.length > 0);
+
+  const autosizeOn = $derived(autosize !== false);
+  const minRows = $derived(
+    typeof autosize === 'object' ? (autosize.minRows ?? rows) : rows,
+  );
+  const maxRows = $derived(
+    typeof autosize === 'object' ? autosize.maxRows : undefined,
+  );
+
+  // autosize 时强制 resize none（把手与自适应冲突）。
+  const effectiveResize = $derived<Resize>(autosizeOn ? 'none' : resize);
+
+  // --- autosize 命令式测量 (红线 #3)：current 变化时测 scrollHeight 设高度 ---
+  let taEl = $state<HTMLTextAreaElement | null>(null);
+  // 上一次上报的 autosize 高度；仅在高度真正变化时触发 onResize（避免重复）。
+  let lastReportedHeight = -1;
+
+  $effect(() => {
+    if (!autosizeOn || !taEl) return;
+    const el = taEl;
+    // 读 current 建立依赖：内容变化触发重测。
+    void current;
+
+    const cs = getComputedStyle(el);
+    const lineHeight = parseFloat(cs.lineHeight) || parseFloat(cs.fontSize) * 1.5;
+    const verticalPadding = parseFloat(cs.paddingTop) + parseFloat(cs.paddingBottom);
+    const verticalBorder = parseFloat(cs.borderTopWidth) + parseFloat(cs.borderBottomWidth);
+
+    // 先重置 height 再读 scrollHeight，得到内容自然高度。
+    const prevHeight = el.style.height;
+    el.style.height = 'auto';
+    const scrollHeight = el.scrollHeight + verticalBorder; // scrollHeight 不含 border
+    const result = computeAutosizeHeight({
+      scrollHeight,
+      lineHeight,
+      verticalPadding,
+      verticalBorder,
+      minRows,
+      ...(maxRows !== undefined ? { maxRows } : {}),
+    });
+    el.style.height = `${result.height}px`;
+    el.style.overflowY = result.overflow ? 'auto' : 'hidden';
+
+    // 高度变化时上报（{height}），首次测量也上报一次。
+    if (result.height !== lastReportedHeight) {
+      lastReportedHeight = result.height;
+      onResize?.({ height: result.height });
+    }
+
+    return () => {
+      el.style.height = prevHeight;
+    };
+  });
+
+  // --- autoFocus 命令式 + cleanup (红线 #3) ---
+  $effect(() => {
+    if (!autoFocus || !taEl) return;
+    const el = taEl;
+    const raf = requestAnimationFrame(() => el.focus());
+    return () => cancelAnimationFrame(raf);
+  });
+
+  const cls = $derived(
+    [
+      'cd-textarea',
+      `cd-textarea--${size}`,
+      `cd-textarea--${effectiveStatus}`,
+      disabled && 'cd-textarea--disabled',
+      readonly && 'cd-textarea--readonly',
+      autosizeOn && 'cd-textarea--autosize',
+      overLimit && 'cd-textarea--over-limit',
+      borderless && 'cd-textarea--borderless',
+      className,
+    ]
+      .filter(Boolean)
+      .join(' '),
+  );
+</script>
+
+<div class={cls} aria-invalid={effectiveStatus === 'error' || undefined}>
+  <textarea
+    class="cd-textarea__native"
+    class:cd-textarea__native--autosize={autosizeOn}
+    bind:this={taEl}
+    {name}
+    {id}
+    {disabled}
+    {readonly}
+    {placeholder}
+    {rows}
+    style:resize={effectiveResize}
+    maxlength={maxLength}
+    value={current}
+    aria-label={ariaLabel}
+    aria-describedby={ariaDescribedby}
+    aria-invalid={effectiveStatus === 'error' || undefined}
+    oninput={handleInput}
+    onkeydown={handleKeydown}
+    oncompositionstart={handleCompositionStart}
+    oncompositionend={handleCompositionEnd}
+    onfocus={onFocus}
+    onblur={onBlur}
+  ></textarea>
+
+  {#if canClear}
+    <button
+      type="button"
+      class="cd-textarea__clear"
+      aria-label={loc().t('Textarea.clear')}
+      onclick={clear}
+    >
+      {#if clearIcon}
+        {@render clearIcon()}
+      {:else}
+        <svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true" focusable="false">
+          <path
+            fill="currentColor"
+            d="M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1Zm2.5 9.1-1.4 1.4L8 9.4 6.5 11l-1.4-1.4L6.6 8 5.1 6.5 6.5 5.1 8 6.6 9.5 5.1l1.4 1.4L9.4 8l1.1 1.1Z"
+          />
+        </svg>
+      {/if}
+    </button>
+  {/if}
+
+  {#if showCount}
+    {#if countSnippet}
+      {@render countSnippet({ count, maxCount, overLimit })}
+    {:else}
+      <span class="cd-textarea__count" class:cd-textarea__count--over={overLimit}>
+        {#if maxCount !== undefined}
+          {loc().t('Textarea.countFormat', {
+            count: loc().formatNumber(count),
+            maxCount: loc().formatNumber(maxCount),
+          })}
+        {:else if maxLength !== undefined}
+          {loc().formatNumber(count)}/{loc().formatNumber(maxLength)}
+        {:else}
+          {loc().t('Textarea.countOnly', { count: loc().formatNumber(count) })}
+        {/if}
+      </span>
+    {/if}
+  {/if}
+
+  {#if overLimit}
+    <span class="cd-sr-only" aria-live="polite">
+      {loc().t('Textarea.overLimitAnnounce', { over: loc().formatNumber(over) })}
+    </span>
+  {/if}
+</div>
+
+<style>
+  .cd-textarea {
+    position: relative;
+    display: inline-flex;
+    inline-size: 100%;
+    padding: var(--cd-input-padding-x);
+    background: var(--cd-input-color-bg);
+    color: var(--cd-input-color-text);
+    border: 1px solid var(--cd-input-border);
+    border-radius: var(--cd-input-radius);
+    font-size: var(--cd-input-font-size);
+    transition: border-color var(--cd-motion-duration-fast) var(--cd-motion-ease-standard);
+  }
+  .cd-textarea--small {
+    font-size: var(--cd-font-size-1);
+  }
+  .cd-textarea--large {
+    font-size: var(--cd-font-size-3);
+  }
+  .cd-textarea:focus-within {
+    border-color: var(--cd-input-border-active);
+    box-shadow: var(--cd-focus-ring);
+  }
+  .cd-textarea--warning {
+    border-color: var(--cd-input-border-warning);
+  }
+  .cd-textarea--error {
+    border-color: var(--cd-input-border-error);
+  }
+  .cd-textarea--disabled {
+    background: var(--cd-color-fill-0);
+    color: var(--cd-color-text-3);
+    cursor: not-allowed;
+  }
+  .cd-textarea--borderless {
+    border-color: transparent;
+    background: transparent;
+    box-shadow: none;
+  }
+  .cd-textarea--borderless:focus-within {
+    border-color: transparent;
+    box-shadow: none;
+  }
+  .cd-textarea__native {
+    inline-size: 100%;
+    min-inline-size: 0;
+    margin: 0;
+    padding: 0;
+    border: none;
+    background: transparent;
+    color: inherit;
+    font: inherit;
+    line-height: 1.5;
+    resize: vertical;
+    outline: none;
+  }
+  .cd-textarea__native--autosize {
+    resize: none;
+    overflow-y: hidden;
+  }
+  .cd-textarea__native::placeholder {
+    color: var(--cd-input-color-placeholder);
+  }
+  .cd-textarea__native:disabled {
+    cursor: not-allowed;
+  }
+  .cd-textarea__clear {
+    position: absolute;
+    inset-block-start: var(--cd-spacing-1);
+    inset-inline-end: var(--cd-spacing-1);
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    border: none;
+    background: transparent;
+    color: var(--cd-color-text-2);
+    cursor: pointer;
+    border-radius: var(--cd-radius-1);
+  }
+  .cd-textarea__clear:hover {
+    color: var(--cd-color-text-0);
+  }
+  .cd-textarea__clear:focus-visible {
+    outline: none;
+    box-shadow: var(--cd-focus-ring);
+  }
+  .cd-textarea__count {
+    position: absolute;
+    inset-block-end: var(--cd-spacing-1);
+    inset-inline-end: var(--cd-spacing-2);
+    color: var(--cd-color-text-3);
+    font-size: var(--cd-font-size-1);
+    white-space: nowrap;
+    pointer-events: none;
+  }
+  .cd-textarea__count--over {
+    color: var(--cd-input-border-error);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .cd-textarea {
+      transition: none;
+    }
+  }
+</style>

package/dist/textarea/TextArea.svelte.d.ts

@@ -0,0 +1,69 @@
+import type { Snippet } from 'svelte';
+type Size = 'small' | 'default' | 'large';
+type Status = 'default' | 'warning' | 'error';
+type Resize = 'none' | 'vertical' | 'both';
+type Autosize = boolean | {
+    minRows?: number;
+    maxRows?: number;
+};
+interface Props {
+    value?: string;
+    defaultValue?: string;
+    size?: Size;
+    disabled?: boolean;
+    readonly?: boolean;
+    placeholder?: string;
+    showCount?: boolean;
+    maxLength?: number;
+    /** 计数上限：用于计数展示与超限提示（不硬截断，截断用 maxLength） */
+    maxCount?: number;
+    /** 按视觉字符（Intl.Segmenter 字素）计数而非 UTF-16/code point */
+    countGraphemes?: boolean;
+    /** 显示清除按钮（非空且非禁用/只读时） */
+    showClear?: boolean;
+    /** 挂载后自动聚焦（命令式 + cleanup） */
+    autoFocus?: boolean;
+    status?: Status;
+    /** Form 注入别名：等价 status，仅当未显式传 status 时生效（兼容） */
+    validateStatus?: Status;
+    rows?: number;
+    /** 自适应高度：true 或 { minRows, maxRows } */
+    autosize?: Autosize;
+    /** 原生手动调整把手（autosize 时建议 none） */
+    resize?: Resize;
+    name?: string;
+    id?: string;
+    class?: string;
+    ariaLabel?: string;
+    ariaDescribedby?: string;
+    /** 自定义计数器渲染（覆盖内建） */
+    count?: Snippet<[{
+        count: number;
+        maxCount: number | undefined;
+        overLimit: boolean;
+    }]>;
+    /** 自定义清除图标 */
+    clearIcon?: Snippet;
+    onChange?: (v: string) => void;
+    onInput?: (v: string) => void;
+    onClear?: () => void;
+    onFocus?: (e: FocusEvent) => void;
+    onBlur?: (e: FocusEvent) => void;
+    /** 按下 Enter（含修饰键信息，供「Ctrl+Enter 提交」场景）。composition 中不触发。 */
+    onEnterPress?: (payload: {
+        value: string;
+        event: KeyboardEvent;
+    }) => void;
+    /** autosize 高度变化（命令式重测后触发，高度无变化不触发）。 */
+    onResize?: (payload: {
+        height: number;
+    }) => void;
+    onCompositionStart?: (e: CompositionEvent) => void;
+    onCompositionEnd?: (e: CompositionEvent) => void;
+    /** 无边框模式 */
+    borderless?: boolean;
+}
+declare const TextArea: import("svelte").Component<Props, {}, "value">;
+type TextArea = ReturnType<typeof TextArea>;
+export default TextArea;
+//# sourceMappingURL=TextArea.svelte.d.ts.map

package/dist/textarea/TextArea.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.svelte.d.ts","sourceRoot":"","sources":["../../src/textarea/TextArea.svelte.ts"],"names":[],"mappings":"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"}

package/dist/textarea/index.d.ts

@@ -0,0 +1,3 @@
+export { default as TextArea } from './TextArea.svelte';
+export { meta as textareaMeta } from './meta.js';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/textarea/index.js

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

package/dist/textarea/meta.d.ts

@@ -0,0 +1,170 @@
+/**
+ * Machine-readable component metadata for AI/docs consumption.
+ * See specs/00-foundation/ai-friendly.spec.md.
+ */
+export declare const meta: {
+    readonly name: "TextArea";
+    readonly category: "input";
+    readonly description: "多行文本录入框，支持计数（maxCount/字素）、清除、校验态、IME 与 autosize 自适应高度（minRows/maxRows）。";
+    readonly capabilities: readonly ["multiline", "autosize", "char-count", "clearable", "validation-status"];
+    readonly props: readonly [{
+        readonly name: "value";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "受控值；提供则为受控";
+    }, {
+        readonly name: "defaultValue";
+        readonly type: "string";
+        readonly default: "''";
+        readonly desc: "非受控初始值";
+    }, {
+        readonly name: "size";
+        readonly type: "'small'|'default'|'large'";
+        readonly default: "default";
+    }, {
+        readonly name: "disabled";
+        readonly type: "boolean";
+        readonly default: "false";
+    }, {
+        readonly name: "readonly";
+        readonly type: "boolean";
+        readonly default: "false";
+    }, {
+        readonly name: "placeholder";
+        readonly type: "string";
+        readonly default: "undefined";
+    }, {
+        readonly name: "showCount";
+        readonly type: "boolean";
+        readonly default: "false";
+        readonly desc: "显示字符计数";
+    }, {
+        readonly name: "maxLength";
+        readonly type: "number";
+        readonly default: "undefined";
+        readonly desc: "原生硬性长度限制（截断输入）";
+    }, {
+        readonly name: "maxCount";
+        readonly type: "number";
+        readonly default: "undefined";
+        readonly desc: "计数上限（计数展示与超限提示，不截断）";
+    }, {
+        readonly name: "countGraphemes";
+        readonly type: "boolean";
+        readonly default: "false";
+        readonly desc: "按视觉字符（Intl.Segmenter 字素）计数而非 code point，正确处理 emoji/组合字符";
+    }, {
+        readonly name: "showClear";
+        readonly type: "boolean";
+        readonly default: "false";
+        readonly desc: "显示清除按钮（非空且非禁用/只读）";
+    }, {
+        readonly name: "autoFocus";
+        readonly type: "boolean";
+        readonly default: "false";
+        readonly desc: "挂载后自动聚焦";
+    }, {
+        readonly name: "status";
+        readonly type: "'default'|'warning'|'error'";
+        readonly default: "default";
+        readonly desc: "校验态";
+    }, {
+        readonly name: "validateStatus";
+        readonly type: "'default'|'warning'|'error'";
+        readonly default: "undefined";
+        readonly desc: "Form 注入别名，等价 status（仅当未显式传 status 时生效）";
+    }, {
+        readonly name: "rows";
+        readonly type: "number";
+        readonly default: "3";
+    }, {
+        readonly name: "autosize";
+        readonly type: "boolean | { minRows?: number; maxRows?: number }";
+        readonly default: "false";
+        readonly desc: "随内容自适应高度";
+    }, {
+        readonly name: "resize";
+        readonly type: "'none'|'vertical'|'both'";
+        readonly default: "'none'";
+        readonly desc: "原生手动调整把手（autosize 时强制 none）";
+    }, {
+        readonly name: "name";
+        readonly type: "string";
+        readonly default: "undefined";
+    }, {
+        readonly name: "id";
+        readonly type: "string";
+        readonly default: "undefined";
+    }, {
+        readonly name: "class";
+        readonly type: "string";
+        readonly default: "''";
+        readonly desc: "透传根类名";
+    }, {
+        readonly name: "ariaLabel";
+        readonly type: "string";
+        readonly default: "undefined";
+    }, {
+        readonly name: "ariaDescribedby";
+        readonly type: "string";
+        readonly default: "undefined";
+    }, {
+        readonly name: "onChange";
+        readonly type: "(v: string) => void";
+        readonly default: "undefined";
+    }, {
+        readonly name: "onInput";
+        readonly type: "(v: string) => void";
+        readonly default: "undefined";
+    }, {
+        readonly name: "onClear";
+        readonly type: "() => void";
+        readonly default: "undefined";
+        readonly desc: "点击清除按钮";
+    }, {
+        readonly name: "onFocus";
+        readonly type: "(e: FocusEvent) => void";
+        readonly default: "undefined";
+        readonly desc: "获得焦点";
+    }, {
+        readonly name: "onBlur";
+        readonly type: "(e: FocusEvent) => void";
+        readonly default: "undefined";
+        readonly desc: "失去焦点";
+    }, {
+        readonly name: "onEnterPress";
+        readonly type: "(p: { value: string; event: KeyboardEvent }) => void";
+        readonly default: "undefined";
+        readonly desc: "按下 Enter（含修饰键信息，供 Ctrl+Enter 提交）";
+    }, {
+        readonly name: "onResize";
+        readonly type: "(p: { height: number }) => void";
+        readonly default: "undefined";
+        readonly desc: "autosize 高度变化";
+    }, {
+        readonly name: "onCompositionStart";
+        readonly type: "(e: CompositionEvent) => void";
+        readonly default: "undefined";
+        readonly desc: "IME 开始";
+    }, {
+        readonly name: "onCompositionEnd";
+        readonly type: "(e: CompositionEvent) => void";
+        readonly default: "undefined";
+        readonly desc: "IME 结束";
+    }];
+    readonly slots: readonly [{
+        readonly name: "count";
+        readonly scope: "{ count, maxCount, overLimit }";
+        readonly desc: "自定义计数器渲染（覆盖内建）";
+    }, {
+        readonly name: "clearIcon";
+        readonly desc: "自定义清除图标";
+    }];
+    readonly a11y: {
+        readonly role: "textbox";
+        readonly notes: readonly ["原生 textarea", "error 时 aria-invalid", "IME composition 安全", "超限经 aria-live=polite 播报", "清除按钮可 Tab 到达，aria-label 来自 i18n"];
+    };
+    readonly i18nKeys: readonly ["Textarea.clear", "Textarea.countFormat", "Textarea.countOnly", "Textarea.overLimitAnnounce"];
+    readonly tokens: readonly ["--cd-input-*", "--cd-focus-ring", "--cd-motion-*"];
+};
+//# sourceMappingURL=meta.d.ts.map

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

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