定价

Tag 更新日志

v1.2.5 (2026-10-23)

  • 箭头画布保留宿主的小数布局宽高，避免整数取整令轮廓越出外壳并挤占相邻标签间距；父级transform不重复计入尺寸，箭头公式与Tag内部零间距不变。

  • 2026-10-23：现有标签集合示例复用Frame单行及ScrollArea局部横向滚动，标签之间保留至少4px；Tag内部零间距、箭头、关闭和切换行为不变，仅文档与调用方示例修订。

v1.2.4 (2026-10-20)

  • 内置关闭按钮名称随LocaleProvider更新，可用Provider messages覆盖；标签内容与关闭后移除责任仍由调用方负责。

  • 2026-10-05：原 Indigo 默认配色改为 Brand（--brand），保留原有透明度、状态与覆盖机制。

  • 2026-09-21：统一使用文档、源码属性表与 Site / AI 阅读入口；仅文档修订，不改变组件行为。

v1.2.3 (2026-09-20)

  • 关闭按钮清除最小内容宽度，常态不占位；退出时先淡出再收宽，键盘聚焦保持展开。

v1.2.2 (2026-08-30)

  • 修复 closable Tag 非 hover 时隐藏 X 被共享 flex shorthand 恢复为 12px 占位，造成右侧多余空间的问题。

v1.2.1 (2026-08-16)

  • 恢复 Tag 根与 closable 状态的完整 transition 通道，并显式保留 hover overlay 过渡。

v1.2.0 (2026-05-22)

修复

  • TAG-Shape.3 shape="left-arrow" / "right-arrow" 改为内部 SVG 背景 path，根据当前 Tag 宽高动态生成完整圆角箭头轮廓；所有外角均圆角化，避免原 body + 伪元素拼接方案在主体侧留下直角。

v1.1.2 (2026-05-21)

修复

  • TAG-Close.3 内置 X 通过 ComponentIcon name="close" 使用 Components 随包 plain X 默认图标，并可由 IconProvider 统一替换；默认形状仍来源于 close-regular.svg 与 Workshop 12×12。

  • TAG-Close.4 激活态内置 X 颜色源改为 --secondary-indigo：未 hover X 时 40%，hover X 时 100%，避免激活 Tag 内的 X hover 成黑色。

v1.1.1 (2026-05-21)

修复

  • TAG-Close.2 内置 X 改为复用 .snowui-clear-icon-btn 共享基类与 <XCircle weight="fill" />，补齐 hover X 自身时 opacity: 0.4 → 1 的反馈。

v1.1.0 (2026-05-21)

新增

  • TAG-Toggle.1 新增 toggle prop，与 Button 同款语法糖：默认注入 Click={{ Idle: "Active", Active: "Idle" }} 与 whileClick=false，点击在常态 / 激活态之间切换。

修复

  • TAG-State.1 默认 variant="default" 不再把 Frame 受控锁定到 Idle，显式 Click 状态机可正常驱动 data-state="Active"。

v1.0.0 (2026-05-21)

新增

  • TAG-Init.1 创建 Tag 组件，支持 default / active 两种视觉变体。

  • TAG-Layout.1 内联外壳布局（与 Button 一致），不内置 leading Icon。

  • TAG-Close.1 内置 closable 关闭 X：hover Tag 时显形，颜色 currentColor、默认 opacity 0.4，hover X 自身时 1；点击触发 onClose 并 stopPropagation。

  • TAG-Shape.1 支持 shape="left-arrow" / "right-arrow" 路径片段形态（CSS clip-path）。

  • TAG-Shape.2 箭头 path 按 Workshop node-id=11887-37739 补齐圆角轮廓；继续使用纯 CSS 伪元素 + clip-path: path()，避免 SVG 与主体产生间距或叠加。

  • TAG-A11y.1 与 Button 一致自动输出 aria-pressed（基于 currentState，由 frame-dom-runtime 注入）；外部 aria-pressed / aria-selected 优先。

  • TAG-Color.1 激活态背景 --secondary-indigo 10% + 文字 --secondary-indigo，与 Button .snowui-button-active 完全一致。