Bricks 2.2 更新日志汇总：Style Manager、组件 Slots/Variants/Bindings 与 RC/RC2 修复清单

Bricks 2.2 已于 2026-02-10 发布。这次版本的看点很集中：一是把设计系统相关能力（颜色、变量、排版/间距标尺、全局样式与类）统一到更顺手的工作流里；二是把组件体系（插槽、样式变体、属性绑定）补齐到更接近“可规模化复用”的水平。对于维护中大型站点的人来说，升级价值很明确。

下面按版本整理 Bricks 2.2 正式版、2.2 候选版（RC）、2.2 候选版 2（RC2） 三个页面中公开展示的完整变更列表（逐条），便于你快速评估升级影响与回归测试重点。

升级前建议先看这三点

• 设计系统相关配置：如果你站点大量依赖旧的颜色/变量/主题样式（Theme Styles），建议用测试环境先跑一遍样式管理器、颜色管理器与新版颜色控件的行为。
• 组件复用：插槽/变体/绑定会让复用更强，但也更依赖命名与结构规范；升级后建议回归检查嵌套组件与模板输出。
• 可选效率功能：悬停预览、即时导航属于效率项，建议先在开发环境开启观察兼容性再推到生产。

完整更新日志（逐条）

Bricks 2.2（2026-02-10）

新增

• 日期筛选器：新增“清除”图标（clear）
• 表单：为所有字段增加错误提示信息
• 图片：当链接到灯箱（Lightbox）时，新增 aria-label 与 title 控制

改进

• 画布（Canvas）：在根级别使用布局插入器（Layout inserter）时应自动添加区块段（Section）

修复

• 构建器：.bricks-sortable-handle 文本溢出
• 颜色管理器：可从变量管理器（Variable Manager）正确填充数值
• 颜色选择器：自动补全/修改值导致的非预期变化
• 颜色控件：颜色值提示（tooltip）显示问题
• 颜色变量名编辑异常
• 嵌套组件：组件变体样式缺失
• Meta 标签转义问题
• 实时搜索（Live Search）：XHR 中止后容器可能被隐藏
• Rank Math：未注册依赖导致的报错（rank-math-analyzer，WP 6.9.1）
• 组件插槽：移动元素后前台样式缺失
• 组件插槽：插槽内实例属性在构建器中不更新
• 表单：仅从设置页移除 site key 时验证码验证异常
• 即时导航（Instant Navigation）：模板弹窗不刷新

Bricks 2.2 候选版 2（RC2，2026-02-03）

新增

• 搜索条件（Search Criteria）：新增“搜索文章术语（post term）”功能

改进

• 颜色管理器：使用 HEX 颜色时透明色阶不可用的问题
• 颜色控件：界面与交互改进
• 组件插槽：编辑组件时的上下文菜单
• 悬停预览：悬停时不再更新设置圆点指示器
• 样式管理器与构建器弹窗：体验改进
• 即时导航：标题中的符号使用数字字符引用
• 样式管理器：画布预览允许悬停样式
• 组件样式变体：在 %root% 中使用变体 ID
• 视频元素：为覆盖层/图标添加 role=button

修复

• 自动保存：autosave 时不再重新生成外部 CSS 文件
• 构建器：关闭条件/交互设置会在搜索设置中写入“False”值
• 构建器：多选复制后仍保留元素选中
• 类管理器 + 活动类：重命名后回退为旧名称
• 点击“编辑页眉（Edit Header）”导致编辑器画布闪烁/损坏
• 颜色管理器：点击主颜色进入编辑导致控制台错误
• 颜色管理器：透明色阶 alpha 步长方向反了（应从低到高）
• 插槽内组件实例产生不必要的渲染请求
• 组件插槽：包裹（wrapping）后子元素消失
• 组件插槽：插槽内实例属性在构建器中不更新
• 组件中自定义属性含动态数据标签时渲染不正确
• 元素样式与主题样式出现“同步”现象
• 即时导航：活动主题样式不更新
• 密码保护模板：交互“清空表单”会把隐藏字段也清掉
• Offcanvas 作为组件不可编辑
• 孤儿元素检查：在插槽内使用组件时误报
• 悬停预览：相关修复
• 商品（Products）：生成行内 CSS 时条件不生效（当条件关联 post_id）
• 样式管理器：画布预览溢出
• 样式管理器：主题样式的 z-index
• 样式管理器：工具类（utility classes）生效需要重载构建器
• 主题样式：保存提示被画布预览遮挡（z-index）
• 主题样式：变量名被截断
• 导航（Nestable）组件：样式调整时“保持展开”无效
• active_filters_count：每个 filter-checkbox 值都被当作 1 计数
• 翻译：繁体中文大多显示为简体中文
• 视频（媒体库）：全屏时被裁切
• 组件：API 查询的查询循环属性不生效
• 表单 Webhooks：JSON 转义处理

Bricks 2.2 候选版（RC，2026-01-20）

新增

• 表单：新增“隐藏占位符中的星号（必填标记）”控制
• 表单：提交时为无效字段显示错误消息
• 地图元素：可使用页面语言区域（locale）
• 多选项控件：支持拖拽排序
• 评分筛选（Woo Rating）：新增“对比（Compare）”选项
• 视频：新增多项 YouTube 播放控制
• 样式管理器：画布预览与断点（breakpoints）
• 类/颜色/变量：悬停预览（可选开启）

改进

• 返回顶部：点击后把焦点移动到第一个可聚焦元素（无障碍）
• 构建器：浅色模式下插槽强调色不可见
• 构建器：aspect-ratio 增加变量选择器
• 构建器：链接控件的动态数据样式
• 构建器：开启瀑布流布局（Masonry）时显示样式标签指示器
• 类导入器：界面重做（更简化）
• Cloudflare Turnstile：新增“Flexible”尺寸与标签（label）
• 颜色管理器：防止创建重复变量名
• 颜色选择器：即使来自变量也应打开当前选中颜色
• 组件属性：清除图标位置调整
• 组件插槽：slot div 占位导致样式问题
• 组件作为区块：WPML 支持组件实例属性值
• 自定义字体：支持 unicode-range
• 元素面板：“WooCommerce product” 分组标题错误
• 范围筛选器（Range）：Auto count 值被当作用户输入（Apply on submit）
• 表单：默认 checkbox/radio 对齐
• 表单：Webhooks 动作支持文件上传
• 表单：富文本字段显示宽/高控制
• 实时搜索：清除搜索值不应影响其它筛选计数
• 即时导航：编辑页眉/页脚链接
• 即时导航：更新页面标题
• 明暗模式：使用 data-brx-theme（替代 data-theme）
• 导航（Nestable）：默认关闭按钮 aria-label 为“Close”
• 孤儿元素检查：检查 children 数组
• 弹窗：内容 flex-wrap: nowrap
• 评分元素：Schema 额外属性
• 分隔线：控制线缺失
• 结构面板：仅在元素不可见时自动滚动
• 样式管理器：允许手动输入排版/间距值
• 样式管理器：排版与间距标尺新增“增加/删除步进”按钮
• 模板导入：变量列表滚动位置
• 术语查询（Term Query）：Number 设置非数字时报错
• 明暗切换：提升可点击区域
• 全局查询：create/cancel 之间增加间距
• 调色板：网格改进
• 产品变体选择器：出现清除按钮时对齐偏移
• 查询循环：JetEngine Include/Exclude 支持动态数据标签

修复

• 手风琴（Nestable）作为组件：画布重渲染时不展开
• 构建器权限：无法取消分配类（class）
• PHP 查询循环：调用不存在函数导致外部 CSS 生成中断
• 轮播/滑块分页：swiper “Go to slide %s”
• 循环内元素自定义属性变更应触发循环重渲染
• 颜色选择器：编辑时无法读取当前颜色值
• 命令面板：禁用元素仍显示（element manager）
• 组件插槽：区块在画布上应占满宽度
• 组件插槽：unwrap 后 children 消失
• 组件插槽：复制导致嵌套结构丢失
• 组件插槽：嵌套插槽不渲染
• 组件变体：nestable components 显示“Variant”属性
• 组件变体：变体名称输入“Base”导致文本消失
• 组件变体：基础变体显示清除图标
• 组件作为区块：Font Awesome Solid 图标
• 组件作为区块：选中术语过长导致清除按钮被遮挡
• 组件作为区块：对齐类（align classes）缺失
• 组件作为区块：Gutenberg 画布上区块不可选中
• 组件作为区块：子元素 CSS/JS 库未 enqueue
• 组件作为区块：非 Bricks 页面外部 CSS 生成修复
• 组件作为区块：Icon 属性自定义溢出
• 组件作为区块：嵌套实例属性绑定支持
• 组件作为区块：RTL 下 select control cancel 按钮位置
• 组件套组件：Nested Nav/Nested Slider 在画布消失并破坏前台移动菜单
• 组件：未连接 class property 导致错误
• 明暗模式：Firefox 首屏闪烁（FOUC）或禁用缓存
• 复制组件：子元素与原组件 ID 相同导致画布问题
• 从面板编辑组件：组件不在页面且选中元素时控件缺失
• 重置筛选器：点击分页第 1 页链接后被隐藏
• 按用户角色筛选的 bug
• 字体管理器：同一字体文件用于多个变体失败
• 表单创建文章：ACF 组字段内 radio/checkbox 无选项显示（不支持组内字段）
• Google 地图：地址/标签为空时默认 marker label（title）不生效
• 图标盒子：自定义 SVG 在画布不显示
• 嵌套组件：插入含 nestable_children 的组件会生成孤儿元素
• 即时导航：“Populate content” 状态持久化
• 即时导航：模板设置缺失且元素排序错误
• 插槽内 nestable 元素样式缺失
• 嵌套查询循环：构建器与前台显示不一致（尤其空结果时）
• 从设置打开主题样式：侧栏缺失与断点指示器缺失
• 属性绑定：嵌套组件中全局类不应用
• 查询筛选：Nestable Slider 内查询过滤不工作
• 查询筛选：按作者/显示名过滤时索引选项不自动更新
• 查询筛选：Metabox datepicker PHP 警告
• 查询循环：Array 代码编辑器全屏编辑不更新实际数组
• 查询循环：Upsell/Cross-sell 变体产品图片不显示
• 快捷访问栏：元素不存在时缺失（左侧出现空隙）
• R + Tab：某些情况下插入 %root%ight
• 评分 Schema：ACF 字段中双引号未转义
• 选择器界面：删除的全局类仍被计数
• 插槽：nestable 元素以 flat array 添加
• 动态数据标签：在第 1 个循环项不渲染
• 主题样式：按钮过渡（Button transition）输入背景色错误
• 主题样式：创建新样式时保存按钮 hover 不可见
• 主题样式：断点 key 与控件名前缀匹配导致样式生成失败
• 组件：选中子组件实例时无法编辑父组件属性
• 更新文章动作：taxonomy 字段值导致后续 radio/checkbox 无当前值
• WPML：属性翻译不工作
• WPML：构建器语言设置不生效
• WPML：翻译页轮播图片不渲染
• WPML：翻译后不生成外部 CSS
• WPML：Image/Slider 自定义链接翻译为空
• 构建器：切换断点时颜色输入会展开
• Icon 属性：调色板输入偏移
• 快捷访问栏：切换到同一元素时样式指示器不更新
• 样式管理器：标尺预览最小/最大值
• 主题样式：Select 控件背景色错误
• 间距控件：变量选择器图标位置
• 背景图字段：fallback-image 动态标签无效
• WooCommerce 地址样式过于通用
• 颜色管理器：非 HSL 值的颜色转换不正确
• 表单：创建文章动作处理媒体库文件的问题
• 商品元素：is main query 与 Wholesale suite 插件兼容问题
• 用户激活状态：用户权限检查（User cap check）

相关链接

• Bricks 2.2
• Bricks 2.2（RC2）
• Bricks 2.2（RC）
• Bricks 全部版本列表