diff --git a/web/src/plugin/PluginStore/index.module.less b/web/src/plugin/PluginStore/index.module.less new file mode 100644 index 00000000..41c9facb --- /dev/null +++ b/web/src/plugin/PluginStore/index.module.less @@ -0,0 +1,7 @@ +.pluginSection { + @apply flex flex-wrap; + + > * { + @apply m-1; + } +} diff --git a/web/src/plugin/PluginStore/index.tsx b/web/src/plugin/PluginStore/index.tsx index 6e550ccc..6d4caac8 100644 --- a/web/src/plugin/PluginStore/index.tsx +++ b/web/src/plugin/PluginStore/index.tsx @@ -11,6 +11,7 @@ import { builtinPlugins } from '../builtin'; import { pluginManager } from '../manager'; import { PluginStoreItem } from './Item'; import { ManualInstall } from './ManualInstall'; +import styles from './index.module.less'; function usePluginStoreData() { const { loading: loading1, value: installedPluginList = [] } = useAsync( @@ -39,6 +40,7 @@ export const PluginStore: React.FC = React.memo(() => { } const installedPluginNameList = installedPluginList.map((p) => p.name); + const builtinPluginNameList = builtinPlugins.map((p) => p.name); return (
@@ -46,7 +48,7 @@ export const PluginStore: React.FC = React.memo(() => { {t('内置插件')} -
+
{builtinPlugins.map((plugin) => ( { {t('插件中心')} -
+
{allPlugins.map((plugin) => ( { {t('已安装')} -
+
{[...builtinPlugins, ...installedPluginList].map((plugin) => ( ))}