跳转到正文

组件 ​

通用组件统一从 @/components 导入。表中的 Props 类型也从同一入口取得。许多组件包装 Naive UI:本文列出模板添加、改写或消费的属性、插槽和事件,原始控件的其余能力以锁定依赖的类型为准。

组件Props 类型主要用途
RTableProTableProProps纯表格、远端查询、自适应高度、列设置、打印
RFormFormProps表单加载、校验、重置和键盘提交
RModalModalProps受控弹窗、预设宽度和全屏卡片
RChartChartPropsECharts 初始化、主题和导出
RFlowFlowPropsLogicFlow 流程图与只读切换
RCollapseGridCollapseGridProps可折叠筛选区及操作列
RSegmentSegmentProps分段选项、图标和提示
RMoreDropdownMoreDropdownProps图标菜单、行操作
RIframeIframeProps外部页面与加载状态
RBarcodeBarcodePropsCanvas / SVG 条码
RDraggableCardDefaultPosition(位置类型)可拖动卡片与拖动边界
RTransitionComponentTransitionComponentProps路由过渡与 KeepAlive
RIconIconProps类型化 SVG 雪碧图

应用组件与 Provider 使用模板的状态、主题或路由,按文件导入。二维码 使用 vue3-next-qrcode,不属于 @/components 的导出。

组件实现、样式和类型放在同一个组件目录。组件属性对象也有具名导出,例如 formProps、modalProps、chartProps;业务代码通常直接使用组件和公开 Props 类型。TablePro 统一使用组件 ref 获取实例,RForm、RChart、RFlow 使用各自的 onRegister 契约。

公开导出 · 组件约定 · 示例源码