更新记录

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 登录

隐私、权限声明

1. 本插件需要申请的系统权限列表:

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

无

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

无

暂无用户评论。