README

git 仓库

简单而高效、完全可配置的组件，适用于所有 CRUD 操作。一个 Laravel - Livewire - WireUI 组件，可以利用 Tailwind 和 WireUI 直观地以表格（或创建/更新/删除表单）的形式展示模型数据，同时保持最小化组件配置，并保持完全可扩展、可扩展和可配置的能力。它还提供可选的内置智能表单，简化所有 CRUD 操作。

1. 功能
2. 实际示例
3. 安装
4. 示例用法
5. 可用配置
   i. 表格
   ii. 表单
6. 事件 & 监听器
   i. 表格
   ii. 表单

功能

1. 自动检测列模型（除枚举外）
2. 根据列类型使用文本、选择、数字输入等进行搜索列
3. 按列升/降/空排序/分组
4. 分页
5. 列可见性
6. 添加/编辑/删除对象表单
7. 状态保存
8. 上下文菜单（右键点击）

实际示例

1. 仅通过提供模型类即可自动创建表格

<livewire:wire-ui-smart-table
    table_core_db_model="WireUiSmartTable\\Models\\TestModel"
    table_features_use_fillable="false"
    table_columns_enums='{"test_enum":"WireUiSmartTable\\\\Enums\\\\TestEnum::cases"}'
/>

1. 仅通过提供模型类即可自动创建表单

<livewire:wire-ui-smart-form
    form_core_db_model="WireUiSmartTable\\Models\\TestModel"
    form_columns_enums='{"test_enum":"WireUiSmartTable\\\\Enums\\\\TestEnum::cases"}'
/>

安装

按照以下步骤将软件包安装到您的 Laravel 项目中

不要忘记 WireUI 安装说明，请参阅 https://v1.wireui.dev/docs/get-started#installation

1. composer require iakovos/wireui-smart-table
2. 安装 Tailwind CSS（请参阅 https://tailwind.org.cn/docs/installation）
3. npm install livewire-sortable --save-dev（请参阅 https://github.com/livewire/sortable）
4. 在您的包中导入 livewire-sortable（app.js）
   import 'livewire-sortable'
   // 或者。
   require('livewire-sortable')
5. 在根文档模板的 livewire 和 WireUI 脚本之后添加 @stack('wire-ui-smart-scripts')

示例用法

对于具有 1 个枚举属性的模型的最简单示例用法是

<livewire:wire-ui-smart-table
    table_core_db_model="App\\Models\\User"
    table_columns_enums='{"department_type":"App\\\\Enums\\\\DepartmentTypes::cases"}'
/>

或者更简洁

<livewire:wire-ui-smart-table
    table_core_db_model="$mymodel"
    table_columns_enums='{{ json_encode($enums) }}'
/>

可用配置

您组件所需的唯一配置是 livewire 属性 table_core_db_model 和 table_columns_enums（如果有）。智能表会自动检测模型上的所有列和关系，并显示具有列、过滤器、排序、分页、可见性和分组（以后将添加更多）的表格

所有模板都可以通过更改到所需变量模板的路径或发布模板并对其进行更改来更改。

如果您想显示某些列或进一步配置，这里列出了所有配置选项（所有选项都是 livewire 组件属性）

表格配置

必需

可选/自动检测

表单配置

必需

可选/自动检测

事件和监听器

1. 表格

2. 表单