承接 sprigs/expandable-row 相关项目开发

从需求分析到上线部署,全程专人跟进,保证项目质量与交付效率

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

sprigs/expandable-row

最新稳定版本:0.0.5

Composer 安装命令:

composer require sprigs/expandable-row

包简介

A Laravel Nova packgage that moves the preview from the modal to an expandable row.

README 文档

README

Latest Version on Packagist Total Downloads

This package moves the preview data from the modal to an expandable row. Other details can be expanded aswell.

Preview of a row expanding

Installation

You can install the nova tool in to a Laravel app that uses Nova via composer:

composer require sprigs/expandable-row

Usage

To show the expandable row, use it jus as any other field.

// in app/Nova/YourResource.php

use Sprigs\ExpandableRow\ExpandableRow;

// ...

public function fields(NovaRequest $request)
    {
        return [      
            // ... your other fields
            
            ExpandableRow::make('')
   ];
}

Methods

By default ExpandableRow creates a field that only shows on index. You can change the column name by passing it as a parameter when initializing:

Column header

    ExpandableRow::make('Custom header');

Toggle label

By default, the label next to the toggle arrow is set to 'Details'. It can be changed by calling the toggleLabel() method.

    ExpandableRow::make('')->toggleLabel('Show more')

Move to actions

To show the dropdown as the first option in the actions column, use the moveToActions() method:

    ExpandableRow::make('')->moveToActions();

Preview of a row expanding

Note: using the moveToActions() method, will ignore the toggleLabel as only the arrow will be shown

Showing the data

When initializing the ExpandableRow, by default, it shows the fields that would show in the Preview modal (any field that has the showOnPreview() method called).

Or it you can pass an $array to expandingData() of items of the following structure:

ExpandableRow::make('')
    ->expandingData(
        [
            [
                'name' => 'Custom row',
                'value' => 'Single string', // Can be a string or array of strings
            ],
            [
                'name' => 'Title of another item',
                'value' => [
                    'Array of strings',
                    'That gets displayed as a list',
                    'Keeping the stule of the preview panel tags'],
            ],
        ]
    );

Showing an icon

In cases when you want to add an icon before the label, you can call showIcon() which accepts the Nova build in heroicons (v1) name, and a condition if the icon should show

ExpandableRow::make('')->showIcon('cube-transparent', true)

License

The MIT License (MIT). Please see License File for more information.

统计信息

  • 总下载量: 37.61k
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 6
  • 点击次数: 1
  • 依赖项目数: 0
  • 推荐数: 0

GitHub 信息

  • Stars: 4
  • Watchers: 1
  • Forks: 3
  • 开发语言: Vue

其他信息

  • 授权协议: MIT
  • 更新时间: 2023-03-29