PHPackages weiwait/dcat-vue - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [File & Storage](/categories/file-storage) 4. / 5. weiwait/dcat-vue ActiveLibrary[File & Storage](/categories/file-storage) weiwait/dcat-vue ================ 基于vue3构建的综合型扩展 2.12.10(2y ago)312659[8 issues](https://github.com/weiwait/dcat-vue/issues)1MITPHPPHP ^8.0 Since Jun 3Pushed 2y ago2 watchersCompare [ Source](https://github.com/weiwait/dcat-vue)[ Packagist](https://packagist.org/packages/weiwait/dcat-vue)[ Docs](https://github.com/weiwait/dcat-vue)[ RSS](/packages/weiwait-dcat-vue/feed)WikiDiscussions master Synced 1mo ago READMEChangelog (10)Dependencies (7)Versions (51)Used By (1) Dcat Admin Extension ==================== [](#dcat-admin-extension) ##### 此扩展为大合一扩展，以后使用vue3构建的组件都将合并在一起 [](#此扩展为大合一扩展以后使用vue3构建的组件都将合并在一起) ### 演示地址 [](#演示地址) [demo: http://dcat.weiwait.cn (admin:admin)](http://dcat.weiwait.cn/admin/demo-settings "user: admin psw: admin") ### 依赖扩展 [](#依赖扩展) [overtrue/laravel-filesystem-cos](https://github.com/overtrue/laravel-filesystem-cos) [overtrue/laravel-filesystem-qiniu](https://github.com/overtrue/laravel-filesystem-qiniu) [iiDestiny/laravel-filesystem-oss](https://github.com/iiDestiny/laravel-filesystem-oss) ### 通过 composer 安装扩展 [](#通过-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()); } ``` ##### 文件系统 [](#文件系统) [![文件系统](https://raw.githubusercontent.com/weiwait/images/main/dcat-filesystem-config.png)](https://raw.githubusercontent.com/weiwait/images/main/dcat-filesystem-config.png) ##### 行政区划、坐标 [](#行政区划坐标) [![区划选择](https://raw.githubusercontent.com/weiwait/images/main/dcat-v-distpicker.png)](https://raw.githubusercontent.com/weiwait/images/main/dcat-v-distpicker.png) ##### 图片裁剪(支持多图) [](#图片裁剪支持多图) [![区划选择](https://raw.githubusercontent.com/weiwait/images/main/dcat-v-cropper.png)](https://raw.githubusercontent.com/weiwait/images/main/dcat-v-cropper.png) ##### 日期范围 [](#日期范围) [![区划选择](https://raw.githubusercontent.com/weiwait/images/main/dcat-v-daterange.png)](https://raw.githubusercontent.com/weiwait/images/main/dcat-v-daterange.png) ##### 列表、选择 [](#列表选择) [![区划选择](https://raw.githubusercontent.com/weiwait/images/main/dcat-v-other.png)](https://raw.githubusercontent.com/weiwait/images/main/dcat-v-other.png) ### 已有表单组件(采用的是Naive UI) [](#已有表单组件采用的是naive-ui) ``` $form->vFile('file') // 关联文件系统配置-直传 ->accept('mime types'); $form->vMutipleFile('files') // 关联文件系统配置-直传 ->mimeTypes('video/*'); $form->vImage('image') // 关联文件系统配置-直传-裁剪 ->ratio(16 / 9) // 固定裁剪比例 ->large() // 放大裁剪框 ->resolution(1920, 1080) // 重置图片分辨率 ->jpeg(0.8) // 裁剪为jpeg格式, 参数为图片质量0-1 ->disableCropper() // 关闭裁剪弹窗 ->mimeTypes('image/*'); $form->vMultipleImage('images') // 关联文件系统配置-直传-裁剪 ->ratio(16 / 9) // 固定裁剪比例 ->large() // 放大裁剪框 ->resolution(1920, 1080) // 重置图片分辨率 ->jpeg(0.8) // 裁剪为jpeg格式, 参数为图片质量0-1 ->mimeTypes('image/*'); // 标签 // each vComponent has watch method $form->vTags('tags') ->watch('list as field name', vList('list') ->sortable() // 开启排序 ->max(8); // 限制最大添加数量 $form->vKeyValue('kvs') ->sortable() // 开启排序 ->serial() // 开启固定有序索引 默认为字母A-Z ->keys(['一', '二', '三', '四']) // serial后自定义索引 ->list(); // serial后只提交值，保存为一维数组(索引仅作为显示) $form->vDistpicker('region') ->dist('province', 'city', 'district') // 开启区划 ->coordinate('latitude', 'longitude') // 开启坐标 ->detail('detail') // 开启详细地址 ->disableMap() // 关闭地图 ->mapHeight(380) // 地图高度，默认380 ->disableRegions([440000]) // 禁用一些区划 ->mapZoom(11); // 地图默认缩放 ->mapZoom(11, 'zoom') // 记录地图缩放级别 $form->vSelect('select') ->options(['123', '456', 'A' => 'aaa']) // 选项 ->concatKey('separator') // 显示键 ->optionsFromKeyValue('kvs'); // 用于结合vKeyValue进行选项选择 $form->vMultipleSelect('ms', '多选') ->options(['123', '456', 'A' => 'aaa']) // 选项 ->concatKey('separator') // 显示键 ->optionsFromKeyValue('kvs'); // 用于结合vKeyValue进行选项选择 $form->vNumber('number', '数字') ->prepend('$') // 前缀 ->prepend('p') // 后缀 ->bothButton() // 按钮位置分离到两端 ->step(2) // 步进 ->min(2) // 最小值 ->max(88) // 最大值 ->precision(2); // 开启小数，精度 $form->vIcon('icon', '图标') // icon vIcon oIcon ->withColorColumn('color') // 独立的hex颜色字段，默认是合并到图标类型后面 ->closeColorPicker(); ``` ##### 登录验证码 [](#登录验证码) [![示例图片](https://github.com/weiwait/images/raw/main/dcat-auth.png?raw=true)](https://github.com/weiwait/images/blob/main/dcat-auth.png?raw=true) ``` class SettingController extends Controller { public function index(Content $content): Content { $tab = Tab::make(); $tab->add('站点配置', new AuthSetting()); return $content->title('配置') ->body($tab->withCard()); } } ``` ### Dcat-admin 扩展列表 [](#dcat-admin-扩展列表) 3\. [smtp 便捷配置](https://github.com/weiwait/dcat-smtp)4. [sms channel 便捷配置](https://github.com/weiwait/dcat-easy-sms) ### Health Score 33 — LowBetter than 75% of packages Maintenance15 Infrequent updates — may be unmaintained Popularity25 Limited adoption so far Community10 Small or concentrated contributor base Maturity66 Established project with proven stability How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~7 days Recently: every ~1 days Total 50 Last Release 1090d ago Major Versions 1.2.0 → 2.0.02022-09-02 PHP version history (2 changes)1.0.0PHP >=8.0 2.2.0PHP ^8.0 ### Community Maintainers ![](https://www.gravatar.com/avatar/74e0a539fde4f31941cf773ea8504fa105f6c48dd8d3665c3f5ea13304c82292?d=identicon)[weiwait](/maintainers/weiwait) --- Tags dact-adminlaravelvuefilesystemextensionfile-uploaddcat admin ### Embed Badge ![Health badge](/badges/weiwait-dcat-vue/health.svg) ``` [![Health](https://phpackages.com/badges/weiwait-dcat-vue/health.svg)](https://phpackages.com/packages/weiwait-dcat-vue) ``` ### Alternatives [guanguans/dcat-login-captcha Dcat admin login captcha. - Dcat admin 登录验证码。 42112.1k](/packages/guanguans-dcat-login-captcha) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)