Angular DevUI 18.0.0发版啦~新开源项目MateChat即将来袭

avatar
前端解决方案集 @华为

DevUI 是什么(给企业级工具应用一个更专业的选择)

DevUI 是一款针对工具类产品的开源前端解决方案,设计价值观基于高效、开放、可信、乐趣四种自然与人文相结合的理念,旨在为设计师/前端开发者提供标准的设计体系,并满足各类落地场景,是一款企业级开箱即用的产品。

DevUI 目前支持Angular/Vue/React 常用开发框架,已沉淀 60+组件,内置数百个字体图标;针对不同场景提供甘特图、象限图、Markdown、代码编辑、代码检视等特异性组件;同时提供树表格等大数据展示组件,支撑 10w 级数据秒级渲染。此外,DevUI 拥有完善的生态建设,提供 VsCode 插件和 Vite 插件提升开发者体验;通过 Admin10+模板能力丰富开发者的使用场景。

DevUI 基于华为 30 年研发工具沉淀,服务于内外部 100 多个业务,获得 10w 用户的信赖。项目自2019 年 7 月开源至今,累计收获 3k+Star,目前社区已有 170+开发者参与社区贡献。快来🔥 加入我们吧~

ng18.png

此次除了适配Angular18,还带来了如下特性及BUG修复:

gitcode.com/DevCloudFE/…

新增特性

  • dropdown: 支持禁用选项不触发点击事件
  • tabs: 大数据滚动模式支持自定义操作模板
  • category-search: 优化treeSelect渲染逻辑;checkbox、label支持全选;numberRange支持确定时校验;支持关闭自动聚焦搜索框
  • image-preview: 工具栏支持控制按钮是否显示
  • mention: 新增endWithCursorPos支持以光标所在位置作为插入内容终点不替换其后文字
  • popover: 新增autoHideCoefficient,用于控制自动隐藏的距离
  • tags-input: 搜索输入框支持maxLength;新增searchChange响应搜索输入事件;支持自定义无数据模板
  • textarea: 新增selector形式字数统计,支持配置maxWidth、maxHeight
  • toast: 新增追加模式,在指定数量范围内追加显示新消息,而不是清空原有消息
  • user-guide: 提供事件传递input值改变

BUG修复

  • cascader: 优化cascader组件清空按钮的显示逻辑
  • category-search: 修复分类搜索聚焦时与规范样式不一致的问题
  • datatable: 初始化滚动矫正添加防御性判断;修复有初始值时筛选的重置按钮依然禁用;修复更节点添加无法及时显示;修复固定表头时,无数据表头不可滚动
  • datepicker-pro: 修复页面resize导致下拉空白问题
  • nav-sprite: 修复标题未做文字长度超出省略的问题
  • radio: 修复beforeChange无法响应异步的问题
  • select: 修复value为0或false时选中样式未能正确显示
  • splitter: 优化关闭当前pane时隐藏相邻pane内相应方向的bar
  • textarea: 监听ngModel值变化更新字数统计;支持ngModel的初始化长度
  • dropdown: 点击 disabled 的选项不关闭下拉菜单
  • input-number: 修复动态改变max、min时按钮未能解除按钮禁用的问题
  • modal: 优化modal拖拽事件,避免不必要的变更检测
  • mention: 修复多个前缀时由于数组查询顺序导致不能触发下拉的问题
  • tabs: 修复大数据滚动导致scrollIntoView方法失效的问题;修复滚动条背景透明的样式问题

☀️ 智能化交互场景开源项目MateChat预热

MateChat面向智能化辅助场景的前端解决方案,助力智能化场景的搭建。欢迎大家提前锁定关注~

计划开源仓库地址:gitcode.com/DevCloudFE/…

image.png

🌈 特性预告

  • ⚡ 开箱即用的解决方案:一站式智能对话解决方案内置对话逻辑及常用模板,支持自由定制与二次开发
  • 📦 组件丰富,功能全面:基于DevUI基础组件,提供了 50+ 基础组件,覆盖各类场景,组件特性丰富,满足各种功能需求,简单搭建各种业务模板
  • 🌟 丰富的卡片模板:列表类卡片,总览类卡片,代码展示类卡片
  • 🎨 支持主题定制:并内置 无线/深邃夜空/追光/ide-light/ide-dark 5种主题,可搭配 DevUI 主题获得更好的使用体验
  • 🌍 支持国际化:支持多语言,便捷配置国际化
  • 📱  支持响应式:自适应不同屏幕尺寸

📅 特性规划 & 开源计划

image.png

🔥 加入我们

DevUI社区仓库地址: gitcode.com/DevCloudFE

DevUI Design 官网: devui.design/home

如果你对我们的开源项目感兴趣,并希望参与共建,欢迎加入我们的开源社区,关注DevUI微信公众号:DevUI 。我们还为大家准备了特有的开源活动 ✨DevUI 点亮计划启动~ 快来参与吧~