登录社区云,与社区用户共同成长
邀请您加入社区
主流组件库在uni-app生态中各有特点和使用场景。uViewUI因其全端兼容、功能全面和活跃的社区支持,成为中大型项目的首选,尤其在电商和社交领域表现突出。uni-ui由DCloud官方维护,性能优化和多端适配性优异,适合企业级内部系统和高频交互场景。ColorUI以简洁美观和低学习成本著称,适合个人开发者和轻量级项目。NutUI-UniApp针对电商场景优化,适合电商类应用。VantWeapp
该架构采用无渲染组件模式,其中业务逻辑独立于渲染逻辑存在,并结合虚拟模块解析,通过统一的导入路径提供特定于框架的 API。
前端开源星球。TinyVue 中的无渲染组件架构代表了一种精密的关注点分离模式,它将组件逻辑与表现层分离,实现了在多个平台、框架和设计变体间前所未有的代码复用性。该架构作为 TinyVue 跨平台能力的基础层,允许单一逻辑实现同时服务于 PC、移动端和移动优先组件,并支持 Vue 2 和 Vue 3 框架。
前端开源星球。OpenTiny TinyVue 采用了一套由 pnpm workspaces 驱动的复杂 monorepo 架构,旨在管理一个支持 Vue 2 和 Vue 3、PC 和移动平台的企业级组件库。这种结构能够在保持构建效率和依赖一致性的同时,协调多个相互依赖的包的开发。
各位开发者,大家好!我是若城。在鸿蒙应用开发过程中,我发现许多组件样式和工具方法具有高度的复用性,但每次新项目都需要重复编写,这极大地降低了开发效率。因此,我决定投入半年时间,打造一款专为鸿蒙生态设计的 UI 组件库 ——rchoui。rchoui是一个面向 HarmonyOS6 的企业级 UI 组件库,旨在提供开箱即用的高质量组件,让开发者告别"重复造轮子"。RcColors是 rchoui 组
你好,我是 Kagol,个人公众号:前端开源星球。 TinyVue 实现了一个精密的兼容层,使同一套组件代码能够无缝运行在 Vue 2、Vue 2.7 和 Vue 3 上。这一架构成就是通过统一的适配器系统实现的,该系统规范了 API 差异、提供一致的生命周期钩子,并抽象了版本特定的实现细节。兼容层确保开发者能够维护单一代码库,同时支持多个 Vue 版本,而无需在组件实现中使用条件逻辑。 适配器架
你好,我是 Kagol,个人公众号:前端开源星球。 TinyVue 组件库采用了精密的模块化架构,通过 pnpm workspaces 的 monorepo 结构实现了细粒度组件管理、高效的 tree-shaking 和灵活的平台定向。这种组织策略支持超过 198 个独立组件作为独立包分发,允许开发者仅导入所需组件,同时保持生态系统的完整性。 包架构概述 该组件库在@opentiny/vue总包下
你好,我是 Kagol,个人公众号:前端开源星球。 TinyVue 采用了一套由 pnpm workspaces 驱动的复杂 monorepo 架构,旨在管理一个支持 Vue 2 和 Vue 3、PC 和移动平台的企业级组件库。这种结构能够在保持构建效率和依赖一致性的同时,协调多个相互依赖的包的开发。 工作区配置 工作区的基础在根目录的pnpm-workspace.yaml配置中定义,该配置建立了
你好,我是 Kagol,个人公众号:前端开源星球。 TinyVue 中的无渲染组件架构代表了一种精密的关注点分离模式,它将组件逻辑与表现层分离,实现了在多个平台、框架和设计变体间前所未有的代码复用性。该架构作为 TinyVue 跨平台能力的基础层,允许单一逻辑实现同时服务于 PC、移动端和移动优先组件,并支持 Vue 2 和 Vue 3 框架。 核心架构原则 无渲染架构实现了无头组件模式,其中组件
ES Drager 是一个轻量级 React 组件库,专为构建交互式 UI 设计。它支持拖拽、旋转、缩放、调整尺寸和节点连接等功能,适用于流程图编辑器、可视化页面搭建器等场景。该库安装简单(支持 npm/yarn/pnpm),仅需几行代码即可实现可拖拽元素,并提供了丰富的属性和事件回调。核心功能包括拖拽范围限制、旋转角度控制、缩放比例设定以及节点连接处理。ES Drager 特别适合低代码平台、流
你好,我是 Kagol,个人公众号:前端开源星球。 TinyVue 通过多层架构方法实现了精密的跨平台和跨框架兼容性,该方法将业务逻辑、平台展示和框架适配器分离。这种设计使单个代码库能够同时服务 Vue 2 和 Vue 3 应用程序,并同时支持 PC 和移动优先渲染模式。 架构概述 该架构采用无渲染组件模式,其中业务逻辑独立于渲染逻辑存在,并结合虚拟模块解析,通过统一的导入路径提供特定于框架的 A
你好,我是 Kagol,个人公众号:前端开源星球。 本文主要介绍TinyVue 组件的基本使用模式,包括安装方法、导入策略和实际示例。你将学习如何高效地将组件集成到 Vue 2 或 Vue 3 应用程序中。 组件导入方法 TinyVue 提供多种导入策略以满足不同项目需求。主入口文件packages/vue/index.ts导出了所有 200 多个组件,同时支持原始名称和Tiny前缀名称,实现灵活
你好,我是 Kagol,个人公众号:前端开源星球。 本指南提供了 TinyVue 的全面安装说明,TinyVue 是一个企业级 UI 组件库,支持使用同一套代码库同时兼容 Vue 2 和 Vue 3。无论你是启动新项目还是将 TinyVue 集成到现有应用中,本指南都将通过清晰、分步的说明带你完成安装过程。 系统要求 在安装 TinyVue 之前,请确保你的开发环境满足以下要求: 要求版本用途No
你好,我是 Kagol,个人公众号:前端开源星球。 TinyVue 是一个企业级 UI 组件库,旨在为构建现代 Web 应用程序提供全面的解决方案。它以灵活性和跨平台兼容性为核心设计理念,提供104+ 个简洁、易用且功能强大的组件,可无缝运行于 Vue.js 2 和 Vue.js 3,以及 PC 和移动设备。该库强调一套代码的理念——相同的组件代码可在不同的 Vue 版本和设备平台上运行,显著降低
除基础图表之外,还为复杂业务场景提供了一些业界没有但很实用的图表,例如:流程图、组织关系图和里程碑图等。之前的 Charts 图表组件基于 ECharts 进行封装,完全兼容 ECharts 的 API,适配了华为云规范,包含22个实用的图表组件,不过由于样式都是通过 ECharts 的 API 进行封装的,不便于主题定制,因此我们对其进行了重构和优化。2024年,我们规划了很多新组件和新特性,欢
OpenTiny 是一套企业级 Web 前端开发解决方案,提供跨端、跨框架、跨版本的 TinyVue 组件库,包含基于 Angular+TypeScript 的 TinyNG 组件库,拥有灵活扩展的低代码引擎 TinyEngine,具备主题配置系统TinyTheme / 中后台模板 TinyPro/ TinyCLI 命令行等丰富的效率提升工具,可帮助开发者高效开发 Web 应用。直播过程中,我们还
目前TinyVue的Grid表格组件并没有将组件逻辑拆分成renderless函数,后续无法扩展到其他前端框架中,因此需要对Grid组件进行重构,将组件逻辑抽离成renderless。完成重构之后,还需要基于目前的虚拟滚动进行优化,优化大数据场景下树表、单元格编辑、行列拖拽等场景的功能和性能,实现动态高度的虚拟滚动、树表懒加载等特性。
基于Uni-app前端框架的SUMER UI3.0组件库!一端开发,多端运行!本组件库可快速二次开发各种类别各行业模板, 包括:商城、视频、直播、聊天、支付、新闻、社区、地图、导航、出行、社区、博客等
本实操内容通过实现 TinyVue 中 Button 组件和 Alert 的类 element 主题适配,让开发者感受到 TinyVue 跨设计规范的亮点特性
组件库
——组件库
联系我们(工作时间:8:30-22:00)
400-660-0108 kefu@csdn.net