* refactor: update umi version 3.x to version 4.x
* refactor: update react-router-dom version to 6.x
* refactor(react-router-dom): change Layout Component `props.children` to `<Outlet />`
* refactor(react-router-dom): change <Route /> props and <RouteSwitch /> correct
* refactor(react-router-dom): replace `<Redirect />` to `<Navigate replace />`
* refactor(react-router-dom): replace `useHistory` to `useNavigate`
* refactor(react-router-dom): replace `useRouteMatch` to `useParams`
* refactor(react-router-dom & dumi): fix <RouteSwitch /> & umi document bug
* refactor(react-router-dom): `useRoutes` Optimize `<RouteSwitch />` code
* refactor(react-router-dom): update `Route` types and docs
* refactor(react-router-dom): optimize RouteSwitch code
* refactor(react-router-dom): `useLocation` no generics type
* refactor(react-router-dom): add `less v3.9.0` to `resolutions` to solve the error of `gulp-less`
* refactor(react-router-dom): fix `<RouteSwitch />` `props.routes` as an array is not handled
* chore: upgrade `dumi` and refactor docs
* fix: completed code review, add `targets` to solve browser compatibility & removed `chainWebpack`
* refactor(dumi): upgraded dumi under `packages/core/client`
* refactor(dumi): delete `packages/core/dumi-theme-nocobase`
* refactor(dumi): degrade `react` & replace `dumi-theme-antd` to `dumi-theme-nocobase`
* refactor(dumi): solve conflicts between multiple dumi applications
* fix: login page error in react 17
* refactor(dumi): remove less resolutions
* refactor(dumi): umi add `msfu: true` config
* fix: merge bug
* fix: self code review
* fix: code reivew and test bug
* refactor: upgrade react to 18
* refactor: degrade react types to 17
* chore: fix ci error
* fix: support routerBase & fix workflow page params
* fix(doc): menu externel link
* fix: build error
* fix: delete
* fix: vitest error
* fix: react-router new code replace
* fix: vitest markdown error
* fix: title is none when refresh
* fix: merge error
* fix: sidebar width is wrong
* fix: useProps error
* fix: side-menu-width
* fix: menu selectId is wrong & useProps is string
* fix: menu selected first default & side menu hide when change
* fix: test error & v0.10 change log
* fix: new compnent doc modify
* fix: set umi `fastRefresh=false`
* refactor: application v2
* fix: improve code
* fix: bug
* fix: page = 0 error
* fix: workflow navigate error
* feat: plugin manager
* fix: afterAdd
* feat: update docs
* feat: update docs
* fix: page tab change not work
* fix: login redirect query param doesn't work
* fix: bug and doc
* feat: update docs
* fix: ci error
* fix: merge main
* feat: update docs
* feat: update docs
* feat: update docs
* chore(versions): 😊 publish v0.10.0-alpha.1
* fix: translations
* chore: backend node test max old space size
* docs: add useSearchParams
---------
Co-authored-by: chenos <chenlinxh@gmail.com>
Co-authored-by: ChengLei Shao <chareice@live.com>
93 lines
2.4 KiB
TypeScript
93 lines
2.4 KiB
TypeScript
import {
|
|
Icon,
|
|
PinnedPluginListProvider,
|
|
SchemaComponentOptions,
|
|
SettingsCenterProvider,
|
|
useRequest,
|
|
} from '@nocobase/client';
|
|
import { Button, Dropdown, Menu } from 'antd';
|
|
import React from 'react';
|
|
import { Link } from 'react-router-dom';
|
|
import { AppManager } from './AppManager';
|
|
import { AppNameInput } from './AppNameInput';
|
|
import { usePluginUtils } from './utils';
|
|
|
|
const MultiAppManager = () => {
|
|
const { data, loading, run } = useRequest(
|
|
{
|
|
resource: 'applications',
|
|
action: 'listPinned',
|
|
},
|
|
{
|
|
manual: true,
|
|
},
|
|
);
|
|
const { t } = usePluginUtils();
|
|
const items = [
|
|
...(data?.data || []).map((app) => {
|
|
let link = `/apps/${app.name}/admin/`;
|
|
if (app.options?.standaloneDeployment && app.cname) {
|
|
link = `//${app.cname}`;
|
|
}
|
|
return {
|
|
key: app.name,
|
|
label: (
|
|
<a href={link} target="_blank" rel="noopener noreferrer">
|
|
{app.displayName || app.name}
|
|
</a>
|
|
),
|
|
};
|
|
}),
|
|
{
|
|
key: '.manager',
|
|
label: <Link to="/admin/settings/multi-app-manager/applications">{t('Manage applications')}</Link>,
|
|
},
|
|
];
|
|
return (
|
|
<Dropdown
|
|
onOpenChange={(visible) => {
|
|
run();
|
|
}}
|
|
menu={{ items }}
|
|
>
|
|
<Button title={'Apps'} icon={<Icon type={'AppstoreOutlined'} />} />
|
|
</Dropdown>
|
|
);
|
|
};
|
|
|
|
export { tableActionColumnSchema } from './settings/schemas/applications';
|
|
|
|
export default (props) => {
|
|
const { t } = usePluginUtils();
|
|
return (
|
|
<PinnedPluginListProvider
|
|
items={{
|
|
am: { order: 201, component: 'MultiAppManager', pin: true },
|
|
}}
|
|
>
|
|
<SchemaComponentOptions components={{ MultiAppManager, AppNameInput }}>
|
|
<SettingsCenterProvider
|
|
settings={{
|
|
'multi-app-manager': {
|
|
title: t('Multi-app manager'),
|
|
icon: 'AppstoreOutlined',
|
|
tabs: {
|
|
applications: {
|
|
title: t('Applications'),
|
|
component: () => <AppManager />,
|
|
},
|
|
// settings: {
|
|
// title: 'Settings',
|
|
// component: () => <Settings />,
|
|
// },
|
|
},
|
|
},
|
|
}}
|
|
>
|
|
{props.children}
|
|
</SettingsCenterProvider>
|
|
</SchemaComponentOptions>
|
|
</PinnedPluginListProvider>
|
|
);
|
|
};
|