firefly-ui

A Component Library for Vue3.js.
759
vue3 components firefly
Install
npm install firefly-ui
Latest Version:1.0.0
Vue:3
Last Updated:Dec 13, 2021
Links: npm
Maintainer: fireflylccyy

firefly-ui

table组件

params

名称 说明 类型 备注
dataSource 表格数据数组 any[] 无
columns 表格列的配置描述 array 无
scroll 设置横向或纵向滚动，也可用于指定滚动区域的宽和高 { x:number, y:number } 无
rowKey 表格行 key 的取值 string 默认'id'
rowSelection 列表项是否可选择，配置项 object|null 无
customRow 设置行属性 Function(record, index) 无
loadMore 是否开启滚动加载 boolean 默认false
@sortChange 排序处理函数 Function(columnsItem) 返回columns数据
@onLoadMore 滚动加载处理函数 Function() 无

columns

名称 说明 类型 备注
title 列头显示文字 string|slot 无
key Vue 需要的 key string 无
dataIndex Vue 需要的 key string 无
sorter 是否排序 boolean 无
slots 使用 columns 时，可以通过该属性配置支持 slot 的属性，现支持{title?: string, customRender?: string;} object 无
fixed 列是否固定 "left" | "right" 无

rowSelection

名称 说明 类型 备注
fixed 把选择框列固定在左边 boolean 无
selectedRowKeys 指定选中项的 key 数组，需要和 onChange 进行配合 string[] 无
onChange 选中项发生变化时的回调 Function(selectedRowKeys, selectedRows) 无

Related Packages

markdown-to-jsx

A very fast and versatile markdown toolchain. AST, React, React Native, SolidJS,...

214,042,213 2,394
vue3 html jsx markdown markdown parser preact react react-native solid solidjs +2
reka-ui

Vue port for Radix UI Primitives.

55,470,858 6,910
components accessibility headless nuxt primitives radix ui unstyled vue
@storybook/vue3

Storybook Vue 3 renderer: Develop, document, and test UI components in isolation

40,026,008 91,392
components component storybook storybook-renderer vue
radix-vue

Vue port for Radix UI Primitives.

34,467,231 6,910
components accessibility headless nuxt primitives radix ui unstyled vue
@scalar/use-toasts

display toasts in Vue

24,371,992 16,329
vue3 composable notifcation toast vue

Version History

Version Released Vue License
1.0.0 ^3.0.0
0.3.1 ^3.0.0
0.2.2 ^3.0.0
0.2.1 ^3.0.0
0.1.24 ^3.0.0