你好，我是 Kagol。
非常高兴跟大家宣布，2023年10月24日，OpenTiny Vue 发布了 v3.11.0 🎉。
OpenTiny 每次大版本发布，都会给大家带来一些实用的新特性，8.14 我们发布了 v3.10.0 版本，增加了4个新组件，组件 Demo 支持在 Options 和 Composition api 之间切换。
🎉OpenTiny Vue 3.10.0 版本发布：组件 Demo 支持 Composition 写法，新增4个新组件
本次 3.11.0 版本主要增加以下新组件：
本次版本共有23位贡献者参与开发，其中有14位是新贡献者，欢迎新朋友们👏
以下是新贡献者：
也感谢老朋友们对 OpenTiny 的辛苦付出！
尤其感谢 pe-3 / Caesar-ch / GaoNeng-wWw / vaebe / Binks123。
大家可以更新 @opentiny/vue@3.11.0 进行体验！
该组件由 Caesar-ch 同学贡献🎉
富文本编辑器虽然不是高频组件，但在特定的领域，比如需求管理、内容编辑、文章创作等，几乎是必备组件之一。
为了满足这些业务的需求，我们推出了 RichTextEditor 富文本组件，目前只是初版，只包含以下基础功能：
后续将不断进行丰富，欢迎朋友们一起参与共建。
使用起来非常简单：
<template>
<tiny-rich-text-editor></tiny-rich-text-editor>
</template>
<script lang="ts" setup>
import { RichTextEditor as TinyRichTextEditor } from '@opentiny/vue'
</script>
以下是效果图：
可以通过 custom-toolbar 配置工具栏：
<template>
<tiny-rich-text-editor :customToolBar="customToolBar"></tiny-rich-text-editor>
</template>
<script setup lang="jsx">
import { ref } from 'vue'
import { RichTextEditor as TinyRichTextEditor } from '@opentiny/vue'
const customToolBar = ref(['bold', 'italic'])
</script>
效果如下：
更多功能等你来体验！
ColorPicker 颜色选择组件用于在应用程序和界面中让用户选择颜色。它是一个交互式的元素，通常由一个色彩光谱、色相环和颜色值输入框组成，用户可以通过这些元素来选择所需的颜色。ColorPicker的主要功能是让用户能够精确地选择特定的颜色，以便在应用程序的各种元素中使用。
该组件是由 GaoNeng 同学贡献的🎉，他还写了一篇 ColorPicker 组件开发全流程的总结文章。
ColorPicker 使用方式很简单：
<template>
<tiny-color-picker v-model="color" />
</template>
<script setup lang="ts">
import { ref } from 'vue'
import { ColorPicker as TinyColorPicker } from '@opentiny/vue'
const color = ref('#66ccff')
</script>
效果如下：
该组件功能非常强大，除了在色板中选择颜色之外，还支持：
更多功能等你来体验！
透明度调节：
预定义颜色：
颜色历史：
颜色面板单独使用：
大家都知道 DatePicker 日期选择器，这个组件通过一个日期表格来选择一个日期，日期表格的放大版本就是日历表格，我们来看下对比图。
DatePicker 日期表格：
CalendarView 日历表格：
欢迎体验！
该组件由 vaebe 同学贡献🎉
分割线相对比较简单，目前主要支持：
效果如下：
欢迎体验！
OpenTiny 是一套企业级 Web 前端开发解决方案，提供跨端、跨框架的UI组件库，适配 PC 端 / 移动端等多端，支持 Vue2 / Vue3 / Angular 多技术栈，拥有灵活扩展的低代码引擎，包含主题配置系统 / 中后台模板 / CLI 命令行等丰富的效率提升工具，可帮助开发者高效开发 Web 应用。
核心亮点：
跨端跨框架：使用 Renderless 无渲染组件设计架构，实现了一套代码同时支持 Vue2 / Vue3，PC / Mobile 端，并支持函数级别的逻辑定制和全模板替换，灵活性好、二次开发能力强。组件丰富：PC端有100+组件，移动端有30+组件，包含高频组件 Table、Tree、Select 等，内置虚拟滚动，保证大数据场景下的流畅体验，除了业界常见组件之外，我们还提供了一些独有的特色组件，如：Split 面板分割器、IpAddress IP 地址输入框、Calendar 日历、Crop 图片裁切等。低代码引擎：TinyEngine 低代码引擎使能开发者定制低代码平台。它是低代码平台的底座，提供可视化搭建页面等基础能力，既可以通过线上搭配组合，也可以通过下载源码进行二次开发，实时定制出自己的低代码平台。适用于多场景的低代码平台开发，如：资源编排、服务端渲染、模型驱动、移动端、大屏端、页面编排等。配置式组件：组件支持模板式和配置式两种使用方式，适合低代码平台，目前团队已经将 OpenTiny 集成到内部的低代码平台，针对低码平台做了大量优化周边生态齐全：提供了基于 Angular + TypeScript 的 TinyNG 组件库，提供包含 10+ 实用功能、20+ 典型页面的 TinyPro 中后台模板，提供覆盖前端开发全流程的 TinyCLI 工程化工具，提供强大的在线主题配置平台 TinyTheme欢迎加入 OpenTiny 开源社区。
添加微信小助手：opentiny-official，一起参与共建！
OpenTiny 官网：https://opentiny.design/
Vue组件库：https://opentiny.design/tiny-vue
低代码引擎：https://opentiny.design/tiny-engine
Angular组件库：https://opentiny.design/tiny-ng
OpenTiny 代码仓库：https://github.com/opentiny/ （欢迎 Star ⭐）
往期文章推荐
微信关注我们
转载内容版权归作者及来源网站所有！
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。
Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。
Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
扫码在手机上查看文章
扫描二维码，手机阅读更方便
有任何问题或合作意向欢迎联系我们
Email: 99873273@qq.com
QQ: 99873273