@elyracode/flux-ui (英语)
Elyra 扩展名 豪华UI –活组件指数,刀锋对流转换器,以及Livewire 4项目的页面生成器.
安装
elyra install npm:@elyracode/flux-ui
工具
| 工具 | 说明 |
|---|---|
flux_component_index | 从 GitHub 中获取实时 Flux 用户界面组件库 。 总是最新,缓存为24h. |
blade_to_flux | 分析出一个"刀锋"文件,并建议Flux UI组件替换. |
flux_generate_page | 生成完整的页面脚手架:刀锋视图,Livewire组件,迁移,路由. |
图标
/flux- 所有Flux UI工具的交互式选择器
使用量
实时组件参考
> Show me all available Flux UI components
> What props does flux:table support?
> Show me the flux:modal component API
代理从 GitHub 获取实际的Flux UI 源代码,所以它总是有最新的组件 API -- -- 甚至昨天添加的组件.
转换已存在的视图
> Convert resources/views/users/index.blade.php to use Flux UI
> Analyze my dashboard view for Flux conversion opportunities
代理扫描您的"刀锋"文件,识别出HTML/Tailwind模式(表格,表格,模式,按钮),并推荐具体的"通量"替换.
生成新页面
> Generate a products CRUD page with Flux UI
> Create a user settings page with profile form and password change
> Build a dashboard with stats cards and a recent orders table
代理生成全部四个文件:有Flux组件的"刀锋"视图,有验证功能的Livewire类,迁移,以及路由.
如何运作
- 构成部分指数: 获取
livewire/flux从 GitHub 过滤器到组件文件, 提取道具和插槽 - 刀锋转换器: 模式- 匹配 15+ HTML 元素对等流( 按钮、 输入、 选择、 表格、 模式、 标签、 卡片、 下拉、 面包屑、 工具提示、 开关、 侧边栏、 页眉)
- 页面生成器:获取组件索引用于准确的 API 使用,然后提供结构化生成指令,其中包含 Livewire 4 最佳做法 (#[Validate],#[computed],#[Url])
所有 GitHub 抓取器都在缓存中 ~/.elyra/cache/github/ 24小时.