@chenzy-design/svelte 0.1.0

package/dist/tag/Tag.svelte

@@ -0,0 +1,366 @@
+<!--
+  Tag — see specs/components/show/Tag.spec.md
+  Display atom. Controlled checked/visible never written back (only onChange/onClose).
+-->
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import { useLocale } from '../locale-provider/index.js';
+  import Avatar from '../avatar/Avatar.svelte';
+
+  type TagType = 'light' | 'solid' | 'ghost';
+  type TagColor = 'grey' | 'primary' | 'success' | 'warning' | 'danger';
+  type TagSize = 'small' | 'default' | 'large';
+  type TagShape = 'square' | 'circle';
+
+  interface Props {
+    type?: TagType;
+    color?: TagColor;
+    size?: TagSize;
+    shape?: TagShape;
+    closable?: boolean;
+    /** controlled visibility; when false the tag is not rendered */
+    visible?: boolean;
+    checkable?: boolean;
+    /** controlled checked state */
+    checked?: boolean;
+    disabled?: boolean;
+    onClose?: () => void;
+    onChange?: (checked: boolean) => void;
+    children?: Snippet;
+    prefixIcon?: Snippet;
+    /** 后置图标（与 closable 互不冲突，关闭图标始终最右） */
+    suffixIcon?: Snippet;
+    /** 头像型 Tag 的图片地址 */
+    avatarSrc?: string;
+    /** 头像形状 */
+    avatarShape?: 'square' | 'circle';
+    /** 自定义关闭图标（默认内置 X） */
+    closeIcon?: Snippet;
+    /**
+     * 标签纯文本，仅用于派生 closable 关闭按钮的无障碍名（如「移除 已完成」）。
+     * children 为 Snippet 无法取文本，故由调用方显式提供；缺省时关闭按钮退回通用「关闭」标签。
+     */
+    tagText?: string;
+    /** 在 TagGroup 中的稳定标识 */
+    tagKey?: string | number;
+    /** 透传根类名 */
+    class?: string;
+    /** 透传根内联样式 */
+    style?: string;
+  }
+
+  let {
+    type = 'light',
+    color = 'grey',
+    size = 'default',
+    shape = 'square',
+    closable = false,
+    visible,
+    checkable = false,
+    checked,
+    disabled = false,
+    onClose,
+    onChange,
+    children,
+    prefixIcon,
+    suffixIcon,
+    avatarSrc,
+    avatarShape = 'square',
+    closeIcon,
+    tagText,
+    class: className,
+    style,
+  }: Props = $props();
+
+  const loc = useLocale();
+
+  // closable 关闭按钮无障碍名：有 tagText 时派生「移除 <文本>」（i18n Tag.closeAriaLabel），
+  // 缺省退回通用「关闭」（Tag.close），保证按钮永远有可读名。
+  const closeLabel = $derived(
+    tagText !== undefined && tagText !== ''
+      ? loc().t('Tag.closeAriaLabel', { label: tagText })
+      : loc().t('Tag.close'),
+  );
+
+  // --- visible: controlled vs uncontrolled (never write the prop back) ---
+  const visibleControlled = $derived(visible !== undefined);
+  let innerVisible = $state(true);
+  const currentVisible = $derived(visibleControlled ? !!visible : innerVisible);
+
+  // --- checked: controlled vs uncontrolled (never write the prop back) ---
+  const checkedControlled = $derived(checked !== undefined);
+  let innerChecked = $state(false);
+  const currentChecked = $derived(checkedControlled ? !!checked : innerChecked);
+
+  const cls = $derived(
+    [
+      'cd-tag',
+      `cd-tag--${type}`,
+      `cd-tag--${color}`,
+      `cd-tag--${size}`,
+      `cd-tag--${shape}`,
+      checkable && 'cd-tag--checkable',
+      checkable && currentChecked && 'cd-tag--checked',
+      disabled && 'cd-tag--disabled',
+      avatarSrc && 'cd-tag--has-avatar',
+      className,
+    ]
+      .filter(Boolean)
+      .join(' '),
+  );
+
+  // avatar sizing follows tag size; keep avatar compact within the tag
+  const avatarSize = $derived(
+    size === 'small' ? 16 : size === 'large' ? 24 : 20,
+  );
+
+  function handleToggle() {
+    if (disabled || !checkable) return;
+    const next = !currentChecked;
+    // Controlled: parent owns `checked`; propagate via onChange only.
+    if (!checkedControlled) innerChecked = next;
+    onChange?.(next);
+  }
+
+  function handleClose(e: MouseEvent) {
+    e.stopPropagation();
+    if (disabled) return;
+    // Controlled: parent owns `visible` and must set it false.
+    if (!visibleControlled) innerVisible = false;
+    onClose?.();
+  }
+
+  function handleKeydown(e: KeyboardEvent) {
+    if (!checkable || disabled) return;
+    if (e.key === ' ' || e.key === 'Enter') {
+      e.preventDefault();
+      handleToggle();
+    }
+  }
+</script>
+
+{#if currentVisible}
+  {#if checkable}
+    <span
+      class={cls}
+      {style}
+      role="checkbox"
+      aria-checked={currentChecked}
+      aria-disabled={disabled || undefined}
+      tabindex={disabled ? -1 : 0}
+      onclick={handleToggle}
+      onkeydown={handleKeydown}
+    >
+      {@render leading()}
+      {#if children}<span class="cd-tag__content">{@render children()}</span>{/if}
+      {@render trailing()}
+    </span>
+  {:else}
+    <span class={cls} {style}>
+      {@render leading()}
+      {#if children}<span class="cd-tag__content">{@render children()}</span>{/if}
+      {@render trailing()}
+      {#if closable}
+        <button
+          type="button"
+          class="cd-tag__close"
+          aria-label={closeLabel}
+          disabled={disabled || undefined}
+          onclick={handleClose}
+        >
+          {#if closeIcon}
+            {@render closeIcon()}
+          {:else}
+            <svg viewBox="0 0 16 16" focusable="false" aria-hidden="true">
+              <path
+                fill="none"
+                stroke="currentColor"
+                stroke-width="1.6"
+                stroke-linecap="round"
+                d="M4 4 L12 12 M12 4 L4 12"
+              />
+            </svg>
+          {/if}
+        </button>
+      {/if}
+    </span>
+  {/if}
+{/if}
+
+<!-- leading: avatar (highest priority) then prefix icon -->
+{#snippet leading()}
+  {#if avatarSrc}
+    <span class="cd-tag__avatar">
+      <Avatar src={avatarSrc} shape={avatarShape} size={avatarSize} />
+    </span>
+  {/if}
+  {#if prefixIcon}<span class="cd-tag__prefix">{@render prefixIcon()}</span>{/if}
+{/snippet}
+
+<!-- trailing: suffix icon (closable's X is rendered separately, always rightmost) -->
+{#snippet trailing()}
+  {#if suffixIcon}<span class="cd-tag__suffix">{@render suffixIcon()}</span>{/if}
+{/snippet}
+
+<style>
+  .cd-tag {
+    --cd-tag-semantic: var(--cd-color-text-1);
+    --cd-tag-surface: var(--cd-color-bg-0);
+    display: inline-flex;
+    align-items: center;
+    gap: var(--cd-tag-gap);
+    block-size: var(--cd-tag-height-default);
+    padding-inline: var(--cd-tag-padding-x);
+    border: 1px solid transparent;
+    border-radius: var(--cd-tag-radius);
+    font-size: var(--cd-tag-font-size);
+    line-height: 1;
+    white-space: nowrap;
+    vertical-align: middle;
+    box-sizing: border-box;
+  }
+  .cd-tag--small {
+    block-size: var(--cd-tag-height-small);
+  }
+  .cd-tag--large {
+    block-size: var(--cd-tag-height-large);
+  }
+  .cd-tag--circle {
+    border-radius: var(--cd-radius-full);
+  }
+
+  /* color → semantic mapping */
+  .cd-tag--grey {
+    --cd-tag-semantic: var(--cd-color-text-1);
+  }
+  .cd-tag--primary {
+    --cd-tag-semantic: var(--cd-color-primary);
+  }
+  .cd-tag--success {
+    --cd-tag-semantic: var(--cd-color-success);
+  }
+  .cd-tag--warning {
+    --cd-tag-semantic: var(--cd-color-warning);
+  }
+  .cd-tag--danger {
+    --cd-tag-semantic: var(--cd-color-danger);
+  }
+
+  /* light: tinted background + strong text */
+  .cd-tag--light {
+    background: color-mix(in srgb, var(--cd-tag-semantic) 12%, var(--cd-tag-surface));
+    color: var(--cd-tag-semantic);
+  }
+  .cd-tag--light.cd-tag--grey {
+    background: var(--cd-color-fill-0);
+    color: var(--cd-color-text-0);
+  }
+
+  /* solid: filled background + inverse text */
+  .cd-tag--solid {
+    background: var(--cd-tag-semantic);
+    color: var(--cd-color-text-inverse);
+  }
+  .cd-tag--solid.cd-tag--grey {
+    background: var(--cd-color-text-2);
+    color: var(--cd-color-text-inverse);
+  }
+  .cd-tag--solid.cd-tag--warning {
+    color: var(--cd-color-text-inverse);
+  }
+
+  /* ghost: transparent background + border */
+  .cd-tag--ghost {
+    background: transparent;
+    border-color: var(--cd-tag-semantic);
+    color: var(--cd-tag-semantic);
+  }
+  .cd-tag--ghost.cd-tag--grey {
+    border-color: var(--cd-color-border);
+    color: var(--cd-color-text-1);
+  }
+
+  /* checkable chip */
+  .cd-tag--checkable {
+    cursor: pointer;
+    user-select: none;
+    transition:
+      background-color var(--cd-motion-duration-fast) var(--cd-motion-ease-standard),
+      border-color var(--cd-motion-duration-fast) var(--cd-motion-ease-standard);
+  }
+  .cd-tag--checkable:not(.cd-tag--checked) {
+    background: var(--cd-color-fill-0);
+    border-color: transparent;
+    color: var(--cd-color-text-1);
+  }
+  .cd-tag--checkable.cd-tag--checked {
+    background: var(--cd-tag-semantic);
+    color: var(--cd-color-text-inverse);
+    border-color: transparent;
+  }
+  .cd-tag--checkable.cd-tag--checked.cd-tag--grey {
+    background: var(--cd-color-primary);
+  }
+  .cd-tag--checkable.cd-tag--checked.cd-tag--warning {
+    color: var(--cd-color-text-inverse);
+  }
+  .cd-tag--checkable:focus-visible {
+    outline: none;
+    box-shadow: var(--cd-focus-ring);
+  }
+
+  .cd-tag--disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+
+  .cd-tag__prefix,
+  .cd-tag__suffix,
+  .cd-tag__content {
+    display: inline-flex;
+    align-items: center;
+  }
+
+  .cd-tag__avatar {
+    display: inline-flex;
+    align-items: center;
+    margin-inline-start: calc(var(--cd-tag-padding-x) * -0.5);
+  }
+
+  .cd-tag__close {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    inline-size: 1em;
+    block-size: 1em;
+    padding: 0;
+    margin: 0;
+    border: 0;
+    background: transparent;
+    color: currentColor;
+    cursor: pointer;
+    opacity: 0.7;
+    border-radius: var(--cd-radius-full);
+  }
+  .cd-tag__close:hover {
+    opacity: 1;
+  }
+  .cd-tag__close:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+  .cd-tag__close:focus-visible {
+    outline: none;
+    box-shadow: var(--cd-focus-ring);
+  }
+  .cd-tag__close svg {
+    inline-size: 100%;
+    block-size: 100%;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .cd-tag--checkable {
+      transition: none;
+    }
+  }
+</style>

package/dist/tag/Tag.svelte.d.ts

@@ -0,0 +1,45 @@
+import type { Snippet } from 'svelte';
+type TagType = 'light' | 'solid' | 'ghost';
+type TagColor = 'grey' | 'primary' | 'success' | 'warning' | 'danger';
+type TagSize = 'small' | 'default' | 'large';
+type TagShape = 'square' | 'circle';
+interface Props {
+    type?: TagType;
+    color?: TagColor;
+    size?: TagSize;
+    shape?: TagShape;
+    closable?: boolean;
+    /** controlled visibility; when false the tag is not rendered */
+    visible?: boolean;
+    checkable?: boolean;
+    /** controlled checked state */
+    checked?: boolean;
+    disabled?: boolean;
+    onClose?: () => void;
+    onChange?: (checked: boolean) => void;
+    children?: Snippet;
+    prefixIcon?: Snippet;
+    /** 后置图标（与 closable 互不冲突，关闭图标始终最右） */
+    suffixIcon?: Snippet;
+    /** 头像型 Tag 的图片地址 */
+    avatarSrc?: string;
+    /** 头像形状 */
+    avatarShape?: 'square' | 'circle';
+    /** 自定义关闭图标（默认内置 X） */
+    closeIcon?: Snippet;
+    /**
+     * 标签纯文本，仅用于派生 closable 关闭按钮的无障碍名（如「移除 已完成」）。
+     * children 为 Snippet 无法取文本，故由调用方显式提供；缺省时关闭按钮退回通用「关闭」标签。
+     */
+    tagText?: string;
+    /** 在 TagGroup 中的稳定标识 */
+    tagKey?: string | number;
+    /** 透传根类名 */
+    class?: string;
+    /** 透传根内联样式 */
+    style?: string;
+}
+declare const Tag: import("svelte").Component<Props, {}, "">;
+type Tag = ReturnType<typeof Tag>;
+export default Tag;
+//# sourceMappingURL=Tag.svelte.d.ts.map

package/dist/tag/Tag.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.svelte.d.ts","sourceRoot":"","sources":["../../src/tag/Tag.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKpC,KAAK,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAC3C,KAAK,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AACtE,KAAK,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAC7C,KAAK,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEpC,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW;IACX,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAClC,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAoJH,QAAA,MAAM,GAAG,2CAAwC,CAAC;AAClD,KAAK,GAAG,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC;AAClC,eAAe,GAAG,CAAC"}

package/dist/tag/TagA11yFixture.svelte

@@ -0,0 +1,18 @@
+<!--
+  Tag a11y 测试夹具：提供真实文本 children（createRawSnippet 在 harness 下不渲染文本）。
+  自带 LocaleProvider，故测试直接 render 本夹具。
+-->
+<script lang="ts">
+  import { LocaleProvider } from '../locale-provider/index.js';
+  import Tag from './Tag.svelte';
+
+  interface Props {
+    text?: string;
+    props?: Record<string, unknown>;
+  }
+  let { text = 'Done', props = {} }: Props = $props();
+</script>
+
+<LocaleProvider locale="en_US">
+  <Tag {...props}>{text}</Tag>
+</LocaleProvider>

package/dist/tag/TagA11yFixture.svelte.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    text?: string;
+    props?: Record<string, unknown>;
+}
+declare const TagA11yFixture: import("svelte").Component<Props, {}, "">;
+type TagA11yFixture = ReturnType<typeof TagA11yFixture>;
+export default TagA11yFixture;
+//# sourceMappingURL=TagA11yFixture.svelte.d.ts.map

package/dist/tag/TagA11yFixture.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagA11yFixture.svelte.d.ts","sourceRoot":"","sources":["../../src/tag/TagA11yFixture.svelte.ts"],"names":[],"mappings":"AAOE,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AAeH,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/tag/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/tag/index.js

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

package/dist/tag/meta.d.ts

@@ -0,0 +1,151 @@
+/**
+ * Machine-readable component metadata for AI/docs consumption.
+ * Tag — see specs/components/show/Tag.spec.md
+ */
+export declare const meta: {
+    readonly name: "Tag";
+    readonly category: "show";
+    readonly description: "标签：light/solid/ghost 三态，五种语义色，可关闭(closable)与可选中(checkable)；受控 checked/visible 不回写，仅通过 onChange/onClose 通知。";
+    readonly exports: readonly ["Tag"];
+    readonly props: readonly [{
+        readonly name: "type";
+        readonly type: "'light'|'solid'|'ghost'";
+        readonly default: "'light'";
+        readonly desc: "视觉风格";
+    }, {
+        readonly name: "color";
+        readonly type: "'grey'|'primary'|'success'|'warning'|'danger'";
+        readonly default: "'grey'";
+        readonly desc: "语义色";
+    }, {
+        readonly name: "size";
+        readonly type: "'small'|'default'|'large'";
+        readonly default: "'default'";
+    }, {
+        readonly name: "shape";
+        readonly type: "'square'|'circle'";
+        readonly default: "'square'";
+        readonly desc: "circle 用 full 圆角";
+    }, {
+        readonly name: "closable";
+        readonly type: "boolean";
+        readonly default: "false";
+        readonly desc: "尾部关闭按钮";
+    }, {
+        readonly name: "visible";
+        readonly type: "boolean";
+        readonly default: "undefined";
+        readonly desc: "受控显隐；false 不渲染。受控时不回写";
+    }, {
+        readonly name: "checkable";
+        readonly type: "boolean";
+        readonly default: "false";
+        readonly desc: "可选中 chip(role=checkbox)";
+    }, {
+        readonly name: "checked";
+        readonly type: "boolean";
+        readonly default: "undefined";
+        readonly desc: "受控选中态；受控时不回写，仅 onChange";
+    }, {
+        readonly name: "disabled";
+        readonly type: "boolean";
+        readonly default: "false";
+    }, {
+        readonly name: "onClose";
+        readonly type: "() => void";
+        readonly default: "undefined";
+        readonly desc: "关闭点击回调";
+    }, {
+        readonly name: "onChange";
+        readonly type: "(checked: boolean) => void";
+        readonly default: "undefined";
+    }, {
+        readonly name: "children";
+        readonly type: "Snippet";
+        readonly default: "undefined";
+        readonly desc: "标签内容";
+    }, {
+        readonly name: "prefixIcon";
+        readonly type: "Snippet";
+        readonly default: "undefined";
+        readonly desc: "前置图标";
+    }, {
+        readonly name: "suffixIcon";
+        readonly type: "Snippet";
+        readonly default: "undefined";
+        readonly desc: "后置图标（关闭图标始终最右）";
+    }, {
+        readonly name: "avatarSrc";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "头像型 Tag 的图片地址";
+    }, {
+        readonly name: "avatarShape";
+        readonly type: "'square'|'circle'";
+        readonly default: "'square'";
+        readonly desc: "头像形状";
+    }, {
+        readonly name: "closeIcon";
+        readonly type: "Snippet";
+        readonly default: "undefined";
+        readonly desc: "自定义关闭图标（默认内置 X）";
+    }, {
+        readonly name: "tagText";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "标签纯文本，用于派生 closable 关闭按钮无障碍名（移除 <文本>）";
+    }, {
+        readonly name: "tagKey";
+        readonly type: "string|number";
+        readonly default: "undefined";
+        readonly desc: "在 TagGroup 中的稳定标识";
+    }, {
+        readonly name: "class";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "透传根类名";
+    }, {
+        readonly name: "style";
+        readonly type: "string";
+        readonly default: "undefined";
+        readonly desc: "透传根内联样式";
+    }];
+    readonly events: readonly [{
+        readonly name: "onClose";
+        readonly desc: "关闭按钮点击";
+    }, {
+        readonly name: "onChange";
+        readonly desc: "checkable 切换";
+    }];
+    readonly slots: readonly [{
+        readonly name: "children";
+        readonly desc: "标签文本/内容";
+    }, {
+        readonly name: "prefixIcon";
+        readonly desc: "前置图标";
+    }, {
+        readonly name: "suffixIcon";
+        readonly desc: "后置图标";
+    }, {
+        readonly name: "closeIcon";
+        readonly desc: "自定义关闭图标";
+    }];
+    readonly a11y: {
+        readonly hasRole: true;
+        readonly focusable: true;
+        readonly note: "checkable 时 role=checkbox + aria-checked，可键盘 Space/Enter 切换；关闭按钮 aria-label「关闭」。";
+    };
+    readonly tokens: readonly ["--cd-tag-height-default", "--cd-tag-height-small", "--cd-tag-height-large", "--cd-tag-padding-x", "--cd-tag-radius", "--cd-tag-font-size", "--cd-tag-gap"];
+    readonly responsive: false;
+    readonly examples: readonly [{
+        readonly title: "基础";
+        readonly code: "<Tag color=\"primary\">标签</Tag>";
+    }, {
+        readonly title: "可关闭";
+        readonly code: "<Tag closable onClose={() => {}}>关闭</Tag>";
+    }, {
+        readonly title: "可选中";
+        readonly code: "<Tag checkable checked={on} onChange={(v) => (on = v)}>选中</Tag>";
+    }];
+};
+//# sourceMappingURL=meta.d.ts.map

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

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