ak
01861f8809
- plugin.json 新增 usage 字段（多行文本），后台插件卡片折叠展示；四个内置插件补齐使用说明 - PageCacheMiddleware 记录命中/未命中计数（按日滚动），仪表盘新增「页面缓存」统计卡（条目数 + 命中率），用于判断前台缓存效果、是否需额外加速 - 文档与测试同步
106 lines
6.5 KiB
PHP
106 lines
6.5 KiB
PHP
<x-filament-panels::page>
|
||
<x-filament::section heading="已安装插件">
|
||
<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem">
|
||
@forelse($this->plugins as $plugin)
|
||
<x-filament::section :compact="true">
|
||
<div class="flex flex-col">
|
||
<div class="flex items-start justify-between gap-3">
|
||
<x-filament::icon icon="heroicon-o-puzzle-piece" class="h-8 w-8 text-primary-600" />
|
||
@if($plugin['enabled'])
|
||
<x-filament::badge color="success">已启用</x-filament::badge>
|
||
@else
|
||
<x-filament::badge color="gray">已停用</x-filament::badge>
|
||
@endif
|
||
</div>
|
||
|
||
<h3 class="mt-3 text-base font-semibold">{{ $plugin['title'] }}</h3>
|
||
<p class="mt-1 flex-1 text-sm text-gray-500 dark:text-gray-400">{{ $plugin['description'] }}</p>
|
||
<p class="mt-2 text-xs text-gray-400">v{{ $plugin['version'] }} · {{ $plugin['vendor'] }}.{{ $plugin['name'] }}</p>
|
||
|
||
@if(! empty($plugin['usage']))
|
||
<details class="mt-2">
|
||
<summary class="cursor-pointer text-xs text-primary-600">使用说明</summary>
|
||
<div class="mt-1 whitespace-pre-wrap text-xs text-gray-500 dark:text-gray-400">{{ $plugin['usage'] }}</div>
|
||
</details>
|
||
@endif
|
||
|
||
@if(! empty($plugin['dependencies']))
|
||
<div class="mt-2 flex flex-wrap items-center gap-1">
|
||
<span class="text-xs text-gray-400">依赖：</span>
|
||
@foreach($plugin['dependencies'] as $dep)
|
||
<x-filament::badge :color="$dep['ok'] ? 'success' : 'danger'" size="xs">
|
||
{{ $dep['title'] }}@if(! $dep['ok'])（{{ $dep['reason'] }}）@endif
|
||
</x-filament::badge>
|
||
@endforeach
|
||
</div>
|
||
@endif
|
||
|
||
<div class="mt-4 flex flex-wrap gap-2">
|
||
@if($plugin['enabled'])
|
||
<x-filament::button size="sm" color="gray" wire:click="disablePlugin('{{ $plugin['key'] }}')">停用</x-filament::button>
|
||
@elseif(empty($plugin['dependency_errors']))
|
||
<x-filament::button size="sm" color="success" wire:click="enablePlugin('{{ $plugin['key'] }}')">启用</x-filament::button>
|
||
@else
|
||
<x-filament::badge color="warning">依赖未满足，无法启用</x-filament::badge>
|
||
@endif
|
||
@if(! in_array($plugin['key'], config('plugins.enabled', []), true))
|
||
<x-filament::button size="sm" color="danger" wire:click="uninstallPlugin('{{ $plugin['key'] }}')" wire:confirm="确定卸载该插件？">卸载</x-filament::button>
|
||
@endif
|
||
</div>
|
||
</div>
|
||
</x-filament::section>
|
||
@empty
|
||
<p class="text-sm text-gray-500">暂无插件</p>
|
||
@endforelse
|
||
</div>
|
||
</x-filament::section>
|
||
|
||
<x-filament::section heading="安装插件（ZIP）">
|
||
<form wire:submit="uploadZip" class="flex items-end gap-3">
|
||
<div class="flex-1">
|
||
<x-filament::input.wrapper>
|
||
<x-filament::input type="file" wire:model="zip" accept=".zip" />
|
||
</x-filament::input.wrapper>
|
||
@error('zip') <p class="mt-1 text-sm text-danger-600">{{ $message }}</p> @enderror
|
||
</div>
|
||
<x-filament::button type="submit" color="primary">安装</x-filament::button>
|
||
</form>
|
||
</x-filament::section>
|
||
|
||
<x-filament::section heading="插件市场" :description="config('market.url') ?: '未配置远程市场（config/market.php 的 MARKET_URL），仅支持本地 ZIP 安装'">
|
||
<div class="mb-4">
|
||
<x-filament::button color="gray" wire:click="loadMarket">刷新市场</x-filament::button>
|
||
</div>
|
||
<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem">
|
||
@forelse($marketItems as $index => $item)
|
||
@php $marketPaid = $item['price'] > 0; @endphp
|
||
<x-filament::section :compact="true">
|
||
<div class="flex flex-col">
|
||
<div class="flex items-start justify-between gap-3">
|
||
<x-filament::icon icon="heroicon-o-cloud-arrow-down" class="h-8 w-8 text-primary-600" />
|
||
@if($marketPaid)
|
||
<x-filament::badge color="warning">¥{{ number_format($item['price'] / 100, 2) }}</x-filament::badge>
|
||
@else
|
||
<x-filament::badge color="success">免费</x-filament::badge>
|
||
@endif
|
||
</div>
|
||
<h3 class="mt-3 text-base font-semibold">{{ $item['title'] ?? $item['name'] }}</h3>
|
||
<p class="mt-1 flex-1 text-sm text-gray-500 dark:text-gray-400">{{ $item['description'] ?? '' }}</p>
|
||
<p class="mt-2 text-xs text-gray-400">{{ $item['version'] ?? '' }} · {{ $item['author'] ?? '' }}</p>
|
||
<div class="mt-4 flex flex-wrap gap-2">
|
||
@if($marketPaid && ! $this->isMarketPurchased($index))
|
||
<x-filament::button size="sm" color="primary" wire:click="purchaseMarketItem({{ $index }})">购买</x-filament::button>
|
||
@elseif($marketPaid)
|
||
<x-filament::badge color="success">已购买</x-filament::badge>
|
||
@endif
|
||
<x-filament::button size="sm" color="gray" wire:click="installFromMarket({{ $index }})">安装</x-filament::button>
|
||
</div>
|
||
</div>
|
||
</x-filament::section>
|
||
@empty
|
||
<p class="text-sm text-gray-500">点击「刷新市场」拉取可用插件</p>
|
||
@endforelse
|
||
</div>
|
||
</x-filament::section>
|
||
</x-filament-panels::page>
|