公司怎么建网站做推广,移动网站性能,怎么做宣传网页,手机端html编辑器非常高兴跟大家宣布#xff0c;2023年10月24日#xff0c;OpenTiny Vue 发布了 v3.11.0 #x1f389;。
OpenTiny 每次大版本发布#xff0c;都会给大家带来一些实用的新特性#xff0c;8.14 我们发布了 v3.10.0 版本#xff0c;增加了4个新组件#xff0c;组件 Demo 支…非常高兴跟大家宣布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 版本主要增加以下新组件
RichTextEditor 富文本编辑器组件 - by Caesar-chColorPicker 颜色选择器组件 - by GaoNeng-wWwCalendarView 日历视图组件 - by kagolDivider 分割线组件 - by vaebe
本次版本共有23位贡献者参与开发其中有14位是新贡献者欢迎新朋友们
以下是新贡献者
jack-zishan made their first contribution in #392LinboLen made their first contribution in #478vaebe made their first contribution in #471allenli178 made their first contribution in #488Binks123 made their first contribution in #500yoyo201626 made their first contribution in #513wkif made their first contribution in #512chenguang1994 made their first contribution in #518Zuowendong made their first contribution in #503gweesin made their first contribution in #554shonen7 made their first contribution in #567xlearns made their first contribution in #574ianxinnew made their first contribution in #617Xppp0217 made their first contribution in #610
也感谢老朋友们对 OpenTiny 的辛苦付出
尤其感谢 pe-3 / Caesar-ch / GaoNeng-wWw / vaebe / Binks123。
大家可以更新 opentiny/vue3.11.0 进行体验
RichTextEditor 富文本编辑器
该组件由 Caesar-ch 同学贡献
富文本编辑器虽然不是高频组件但在特定的领域比如需求管理、内容编辑、文章创作等几乎是必备组件之一。
为了满足这些业务的需求我们推出了 RichTextEditor 富文本组件目前只是初版只包含以下基础功能
加粗、斜体、下划线、删除线引用行内代码、代码块有序列表、无序列表、任务列表上标、下标撤销、重做左对齐、右对齐、居中对齐段落、H1-H6标题字号、行间距高亮、文本颜色、背景色清除格式超链接上传图片插入/编辑表格
后续将不断进行丰富欢迎朋友们一起参与共建。
使用起来非常简单 templatetiny-rich-text-editor/tiny-rich-text-editor
/templatescript langts setup
import { RichTextEditor as TinyRichTextEditor } from opentiny/vue
/script以下是效果图 可以通过 custom-toolbar 配置工具栏 templatetiny-rich-text-editor :customToolBarcustomToolBar/tiny-rich-text-editor
/templatescript setup langjsx
import { ref } from vue
import { RichTextEditor as TinyRichTextEditor } from opentiny/vueconst customToolBar ref([bold, italic])
/script效果如下 更多功能等你来体验
ColorPicker 颜色选择器
ColorPicker 颜色选择组件用于在应用程序和界面中让用户选择颜色。它是一个交互式的元素通常由一个色彩光谱、色相环和颜色值输入框组成用户可以通过这些元素来选择所需的颜色。ColorPicker的主要功能是让用户能够精确地选择特定的颜色以便在应用程序的各种元素中使用。
该组件是由 GaoNeng 同学贡献的他还写了一篇 ColorPicker 组件开发全流程的总结文章。
GaoNeng我是如何为OpenTiny贡献新组件的
ColorPicker 使用方式很简单 templatetiny-color-picker v-modelcolor /
/templatescript setup langts
import { ref } from vue
import { ColorPicker as TinyColorPicker } from opentiny/vue
const color ref(#66ccff)
/script效果如下 该组件功能非常强大除了在色板中选择颜色之外还支持
透明度调节预定义颜色颜色历史颜色选择面板单独使用
更多功能等你来体验
透明度调节 预定义颜色 颜色历史 颜色面板单独使用 **CalendarView 日历视图 **
大家都知道 DatePicker 日期选择器这个组件通过一个日期表格来选择一个日期日期表格的放大版本就是日历表格我们来看下对比图。
DatePicker 日期表格 CalendarView 日历表格 欢迎体验
**Divider 分割线 **
该组件由 vaebe 同学贡献
分割线相对比较简单目前主要支持
横向和竖向分割线添加分割线文案、调整文案位置自定义分割线样式
效果如下 欢迎体验
关于 OpenTiny OpenTiny 是一套企业级 Web 前端开发解决方案提供跨端、跨框架的UI组件库适配 PC 端 / 移动端等多端支持 Vue2 / Vue3 / Angular 多技术栈拥有灵活扩展的低代码引擎包含主题配置系统 / 中后台模板 / CLI 命令行等丰富的效率提升工具可帮助开发者高效开发 Web 应用。
核心亮点 跨端跨框架 使用 Renderless 无渲染组件设计架构实现了一套代码同时支持 Vue2 / Vue3PC / Mobile 端并支持函数级别的逻辑定制和全模板替换灵活性好、二次开发能力强。 组件丰富PC 端有100组件移动端有30组件包含高频组件 Table、Tree、Select 等内置虚拟滚动保证大数据场景下的流畅体验除了业界常见组件之外我们还提供了一些独有的特色组件如Split 面板分割器、IpAddress IP 地址输入框、Calendar 日历、Crop 图片裁切等。 低代码引擎低代码引擎使能开发者定制低代码平台。它是低代码平台的底座提供可视化搭建页面等基础能力既可以通过线上搭配组合也可以通过下载源码进行二次开发实时定制出自己的低代码平台。适用于多场景的低代码平台开发如资源编排、服务端渲染、模型驱动、移动端、大屏端、页面编排等。 配置式组件 组件支持模板式和配置式两种使用方式适合低代码平台目前团队已经将 OpenTiny 集成到内部的低代码平台针对低码平台做了大量优化。 周边生态齐全 提供了基于 Angular TypeScript 的 TinyNG 组件库提供包含 10 实用功能、20 典型页面的 TinyPro 中后台模板提供覆盖前端开发全流程的 TinyCLI 工程化工具提供强大的在线主题配置平台 TinyTheme。 欢迎加入 OpenTiny 开源社区。添加微信小助手opentiny-official 一起参与交流前端技术更多视频内容也可关注B站、抖音、小红书、视频号
OpenTiny 也在持续招募贡献者欢迎一起共建
OpenTiny 官网https://opentiny.design/
OpenTiny 代码仓库https://github.com/opentiny/
TinyVue 源码https://github.com/opentiny/tiny-vue
TinyEngine 源码 https://github.com/opentiny/tiny-engine
欢迎进入代码仓库 StarTinyEngine、TinyVue、TinyNG、TinyCLI~
如果你也想要共建可以进入代码仓库找到 good first issue标签一起参与开源贡献~
往期文章推荐 1、低代码引擎 TinyEngine 正式发布
2、必不可少的UI组件一——组件的基础知识
3、OpenTiny Vue 3.10.0 版本发布组件 Demo 支持 Composition 写法新增4个新组件
4、前端Vuer请收好这份《Vue组件单元测试》宝典
5、OpenTiny 前端组件库正式开源啦面向未来为开发者而生
6、从自研走向开源的 TinyVue 组件库
7、我要做开源提交我的第一个PR
