dcat-vue/README.md

Dcat Admin Extension

此扩展为大合一扩展，以后使用vue3构建的组件都将合并在一起

演示地址

demo: http://dcat.weiwait.cn (admin:admin)

依赖扩展

freyo/flysystem-qcloud-cos-v5

overtrue/laravel-filesystem-qiniu

iiDestiny/laravel-filesystem-oss

通过 composer 安装扩展

  composer require weiwait/dcat-vue

文件系统-通过选项卡使用

    public function index(Content $content): Content
    {
        $tab = Tab::make();
        $tab->add('文件存储', new \Weiwait\DcatVue\Forms\FilesystemConfig());

        return $content->title('配置')
            ->body($tab->withCard());
    }

文件系统-通过一级菜单使用

示例图片

已有表单组件(采用的是Naive UI)

    $form->vFile('file') // 关联文件系统配置-直传
        ->accept('mime types');
        
    $form->vMutipleFile('files') // 关联文件系统配置-直传
        ->accept('mime types');
        
    $form->vImage('image') // 关联文件系统配置-直传-裁剪
        ->ratio(16 / 9) // 固定裁剪比例
        ->large() // 放大裁剪框
        ->resolution(1920, 1080) // 重置图片分辨率
        ->jpeg(0.8) // 裁剪为jpeg格式, 参数为图片质量0-1
        ->accept('mime types');
        
    $form->vMultipleImage('images') // 关联文件系统配置-直传-裁剪
        ->ratio(16 / 9) // 固定裁剪比例
        ->large() // 放大裁剪框
        ->resolution(1920, 1080) // 重置图片分辨率
        ->jpeg(0.8) // 裁剪为jpeg格式, 参数为图片质量0-1
        ->accept('mime types');
        
    $form->vTags('tags'); // 标签
    
    $form->vList('list')
        ->sortable() // 开启排序
        ->max(8); // 限制最大添加数量
        
    $form->vKeyValue('kvs')
        ->sortable() // 开启排序
        ->serial() // 开启固定有序索引 默认为字母A-Z
        ->keys(['一', '二', '三', '四']) // serial后自定义索引
        ->list(); // serial后只提交值，保存为一维数组(索引仅作为显示)

Dcat-admin 扩展列表

1. 图片裁剪
2. 区划级联+坐标拾取
3. smtp 便捷配置
4. sms channel 便捷配置