更新记录
1.2.0(2026-10-15)
- re-login 全面重构:内置 5 套预设模板(
model 1-5:分段快捷 / 一键登录 / 黄青胶囊 / 文字标签 / 浅色极简),pageMode 支持 login / register / forget 三种页面形态(注册并登录、忘记密码由组件内部切换);发送验证码前默认弹出 re-slide-captcha 滑动验证(captchaBeforeSend);支持第三方登录、协议勾选、掩码手机号一键登录态;submit / send-code / action 事件统一携带结构化数据
- re-login 细节优化:
- 返回箭头预留状态栏高度,与 re-navbar 对齐,修复小程序端返回箭头与状态栏重叠的问题
- 模板二「其他手机号登录」副标题由「欢迎登录大富翁」调整为「欢迎登录Review」
- 模板 4/5「其他登录方式」新增
social 插槽自定义扩展,未提供插槽时兜底显示微信图标,可通过 showOtherLogin 整体隐藏
- re-tab-bar / re-tab-bar-item 增强:
- 新增
theme(normal / tag 胶囊选中样式)、activeColor 选中高亮色、split 项间分割线
- 栏高 50px 调整为 56px,placeholder 与 round 形态外边距同步调整
- 子项新增徽标(
badgeText / badgeDot,图标 / 纯文字场景自动适配位置)、icon 插槽、url 页面跳转(linkType)、双层级子菜单(subTabBar)
- re-navbar 修复左侧点击区域:返回箭头 / 左侧图标 / 左侧文字均可独立触发返回;内边距与按钮间距调整,左侧区域最大宽度放宽至 300px
- re-coupon 大卡片样式改版:右侧操作区由胶囊按钮改为纵向窄条按钮,新增已领取态窄条样式
- re-icon 新增 ebike 图标并注册至 svg-map
- re-cell / re-collapse-panel 标题颜色与字重统一(
#000000 + 700)
- re-count-down 数字颜色调整为主题色
#ff5f3d
- 全量组件 readme 文档与登录演示页同步更新
- re-drag 拖拽增强与修复:
- H5 端新增鼠标拖拽支持(
mousedown / mousemove / mouseup,与触摸事件互不干扰),拖拽时禁用文本选中
- 拖拽过程实时换位:越过阈值即按
shift 顺延 / swap 互换刷新列表,其余项平滑位移过渡,被拖拽项始终跟随光标,松手即落位
- 组件内
createSelectorQuery 限定到组件作用域,修复小程序端测宽失败导致的布局错乱;容器 min-height 与 height 同步,避免高度塌陷
- re-chat / re-chat-message:
ChatMessage 新增 avatarColor 属性,并新增「文字头像」兜底:无头像图片但传了 name 时自动取名字首字生成彩色文字头像
- 修复小程序端聊天面板高度问题:内容区
min-height: 0 允许收缩、输入区 flex-shrink: 0,避免底部输入框被截断
- re-tab-bar 修复吸底占位高度:
placeholder 在安全区场景改用 content-box 与栏体对齐,修复小程序安全区 >0 时吸底内容被压住
- re-navbar / re-tab-bar 演示页补齐
safeAreaInsetTop / safeAreaInsetBottom 开关示例
- 演示页同步:chat 聊天区改为 flex 撑满、drag 示例项高度显式化
1.0.6(2026-09-22)
- 新增 MCP 服务器与 Skills 知识包子包
@reglow/review-mcp:让 AI 助手查询组件文档、示例、源码与函数实现,并提供 review-setup / review-skills 一键配置 Trae / CodeBuddy / Qoder 等工具;作为独立子包发布到 npm,组件库本体依赖不变
- 子包配套单元测试与脚本(
test:mcp / mcp / mcp:check / setup / skills)
1.0.5(2026-09-15)
- re-search-history 功能增强:新增输入联想关键词列表(虚拟渲染,
suggestData / showSuggest / suggestMaxHeight,suggest-click 事件)、搜索发现选中态回显(selectedKeys)、单独搜索页返回箭头(showBack / back 事件)、输入框右侧图标(rightIcon / right-icon-click 事件)、空数据文案(emptyText);deleteType="single" 支持单条删除标记;searchButtonBgColor 支持填充式搜索按钮;补充 doneText / clearText / deleteIconText / discoverExtraText 文案配置
- re-address 新增懒加载模式:
lazy 下选中某一级且下一级为空时抛出 level-select 事件,外部合并数据后列表自动刷新;loading 控制加载提示;重构省市区取数逻辑,修复切换上级后更深层级旧标签未清空的响应式问题;无数据时展示「加载中…/暂无可选项」
- re-cascader 重构列渲染:移除内部 re-cascader-item 自定义组件、改为组件模板内直接渲染列与选项,修复列数动态变化时小程序渲染层节点流错乱(Framework inner error);新增
lazy 懒加载模式(选中末级不自动关闭,等待外部更新 options 后自动展开下一列);新增空列提示;默认外观样式上移到根节点,便于 custom-style 覆盖
- re-step-item 新增
color 主题色、icon 图标与 click 事件;连接线与圆点布局重构(水平连接线绝对定位贯穿,圆点与文字居中对齐)
- re-tabs 新增
closable 关闭按钮与 close 事件,支持标签动态增删
- re-color-picker 修复弹窗模式圆角:圆角由弹层容器承担,内部调色板保持直角
- re-input 默认垂直对齐由
flex-start 调整为 center
- re-config-provider 语言包(zh-CN / zh-TW / en-US)新增 searchHistory 空数据文案
empty
- 同步更新 re-search-history 文档与演示页
查看更多
平台兼容性
uni-app x(5.07)
| Chrome |
Safari |
Android |
iOS |
鸿蒙 |
微信小程序 |
| √ |
√ |
√ |
√ |
√ |
√ |
其他
| 多语言 |
暗黑模式 |
宽屏模式 |
蒸汽模式 |
| √ |
√ |
× |
√ |
reglow-review 组件库
基于 uni-app x (uts/uvue) 的组件库,参考 TDesign 设计风格。
技术特性
- 全平台支持: uni-app x 全平台:H5、App-Android、App-iOS、Harmony、微信小程序
- uts/uvue 原生: 使用 uts 强类型语法和 uvue 组件方式开发
- TDesign 设计: 参考 TDesign 设计风格,完善的 CSS 变量主题系统,主色
#0052d9
- 124+ 组件: 涵盖基础、导航、输入、数据展示、反馈、列表与布局、营销、业务、基础模块 9 大分类
- 主题定制: 基于 CSS 变量的主题系统,支持亮色/暗色模式,CSS 变量前缀
--re-,组件 class 前缀统一为 re-
- 国际化: 内置 zh-CN / zh-TW / en-US 语言包,通过 ConfigProvider 全局配置
- Vapor 支持: 1.1.0 起配套 Vapor 静态兼容性门禁;Android、iOS、HarmonyOS 使用前请按升级报告完成目标设备回归
目录结构
uni_modules/
└─ reglow-review/
├─ components/
├─ utssdk/
├─ package.json
├─ readme.md
└─ changelog.md
发布说明
- 当前目录已经收拢整套组件源码
- 组件源码位于
components/
- 公共 UTS 能力与语言包位于
utssdk/
- 插件市场发布入口为当前目录下的
package.json
发布方式
reglow-review 是 ReView 组件库的单插件发布包。发布到 DCloud 插件市场时,只发布当前 uni_modules/reglow-review/ 目录即可。
- 在 HBuilderX 中右键
uni_modules/reglow-review/
- 选择“发布到插件市场”
- 不需要再发布整个项目
使用方式
在项目的 pages.json 中开启 easycom 自动扫描:
{
"easycom": {
"autoscan": true
}
}
reglow-review 组件位于 uni_modules/reglow-review/components/,开启自动扫描后可直接在模板中使用,无需额外配置 easycom.custom。
然后直接使用组件:
<template>
<re-config-provider locale="zh-CN">
<re-button theme="primary">按钮</re-button>
<re-input placeholder="请输入内容" />
</re-config-provider>
</template>
组件清单(121个组件 + 3个基础模块)
基础模块(3个)
| 组件 |
说明 |
| re-common |
公共工具函数和类型定义 |
| re-theme |
CSS变量主题系统(亮色/暗色) |
| re-config-provider |
全局配置(主题+国际化+z-index) |
基础(8个)
| 组件 |
说明 |
| re-button |
按钮 |
| re-divider |
分割线 |
| re-fab |
悬浮按钮 |
| re-icon |
图标 |
| re-row |
布局行 |
| re-col |
布局列 |
| re-link |
链接 |
| re-typography |
排版 |
导航(9个)
| 组件 |
说明 |
| re-back-top |
返回顶部 |
| re-indexes |
索引 |
| re-navbar |
导航条 |
| re-side-bar |
侧边导航栏(含 re-side-bar-item) |
| re-steps |
步骤条(含 re-step-item) |
| re-tab-bar |
标签栏(含 re-tab-bar-item) |
| re-tabs |
选项卡(含 re-tab-panel) |
| re-fixed-nav |
悬浮导航 |
| re-pagination |
分页 |
输入(26个)
| 组件 |
说明 |
| re-calendar |
日历 |
| re-cascader |
级联选择器(含 re-cascader-item) |
| re-checkbox |
多选框(含 re-checkbox-group) |
| re-color-picker |
颜色选择器 |
| re-date-time-picker |
日期时间选择器 |
| re-form |
表单(含 re-form-item) |
| re-input |
输入框 |
| re-picker |
选择器 |
| re-radio |
单选框(含 re-radio-group) |
| re-rate |
评分 |
| re-search |
搜索框 |
| re-slide-captcha |
滑块验证码 |
| re-slider |
滑动选择器 |
| re-stepper |
步进器 |
| re-switch |
开关 |
| re-textarea |
多行文本框 |
| re-tree-select |
树形选择 |
| re-time-picker |
时间选择器 |
| re-upload |
上传 |
| re-code-input |
验证码输入 |
| re-number-keyboard |
数字键盘 |
| re-short-password |
短密码输入 |
| re-signature |
签名 |
| re-address |
地址选择 |
| re-time-select |
时间段选择(含 re-time-pannel、re-time-detail) |
| re-invoice |
发票 |
数据展示(29个)
| 组件 |
说明 |
| re-avatar |
头像(含 re-avatar-group) |
| re-badge |
徽章 |
| re-cell |
单元格(含 re-cell-group) |
| re-collapse |
折叠面板(含 re-collapse-panel) |
| re-count-down |
倒计时 |
| re-empty |
空状态 |
| re-footer |
页脚 |
| re-grid |
宫格(含 re-grid-item) |
| re-image |
图片 |
| re-image-viewer |
图片预览 |
| re-progress |
进度条 |
| re-qrcode |
二维码 |
| re-result |
结果 |
| re-segmented |
分段控制器 |
| re-skeleton |
骨架屏 |
| re-sticky |
吸顶 |
| re-swiper |
轮播 |
| re-table |
表格 |
| re-tag |
标签(含 re-check-tag) |
| re-watermark |
水印 |
| re-card |
商品卡片 |
| re-circle-progress |
环形进度条 |
| re-comment |
商品评论 |
| re-count-up |
数字滚动 |
| re-price |
价格展示 |
| re-trend-arrow |
趋势箭头 |
| re-barrage |
弹幕 |
| re-video |
视频播放器 |
| re-avatar-cropper |
头像裁剪 |
反馈(15个)
| 组件 |
说明 |
| re-action-sheet |
动作面板 |
| re-drawer |
抽屉 |
| re-dialog |
对话框 |
| re-dropdown-menu |
下拉菜单(含 re-dropdown-item) |
| re-guide |
引导 |
| re-loading |
加载 |
| re-message |
消息通知(含 re-message-item) |
| re-notice-bar |
公告栏 |
| re-overlay |
遮罩层 |
| re-popover |
气泡弹出框 |
| re-popup |
弹出层 |
| re-pull-down-refresh |
下拉刷新 |
| re-swipe-cell |
滑动单元格 |
| re-toast |
轻提示 |
| re-loading-page |
全屏加载页 |
列表与布局(8个)
| 组件 |
说明 |
| re-infinite-loading |
无限加载 |
| re-list |
虚拟列表 |
| re-indicator |
轮播指示器 |
| re-animate |
动画 |
| re-transition |
过渡动画 |
| re-drag |
拖拽 |
| re-safe-area |
安全区域 |
| re-address-list |
地址列表 |
营销(11个)
| 组件 |
说明 |
| re-square-nine |
九宫格 |
| re-scratch-card |
刮刮卡 |
| re-gift-box |
礼物盒 |
| re-lotto-roll |
摇奖机 |
| re-guess-gift |
猜礼物 |
| re-hit-eggs |
砸金蛋 |
| re-gift-rain |
红包雨 |
| re-luck-shake |
摇一摇 |
| re-marquee |
跑马灯抽奖 |
| re-shake-dice |
摇骰子 |
| re-turntable |
大转盘 |
业务(15个)
| 组件 |
说明 |
| re-ecard |
电子卡券 |
| re-sku |
商品规格选择 |
| re-submit-bar |
提交订单栏 |
| re-coupon |
优惠券选择器 |
| re-share-sheet |
分享面板 |
| re-floating-panel |
浮动面板 |
| re-cart-bar |
购物车栏 |
| re-goods-filter |
商品筛选 |
| re-quick-enter |
快捷入口 |
| re-search-history |
搜索历史 |
| re-chat |
聊天 |
| re-product-feed |
商品 Feed 流 |
| re-order-cancel-panel |
订单取消面板 |
| re-order-remark |
订单备注 |
| re-login |
登录 |