refactor(PluginManager): remove useless code (#2022)
* refactor(PluginManager): remove useless code * chore: fix build error
This commit is contained in:
		
							parent
							
								
									4ac01b28db
								
							
						
					
					
						commit
						58840e5fab
					
				@ -1,31 +1,10 @@
 | 
				
			|||||||
import { LockOutlined } from '@ant-design/icons';
 | 
					 | 
				
			||||||
import { ISchema } from '@formily/react';
 | 
					import { ISchema } from '@formily/react';
 | 
				
			||||||
import { uid } from '@formily/shared';
 | 
					import { uid } from '@formily/shared';
 | 
				
			||||||
import { Card } from 'antd';
 | 
					import { Card } from 'antd';
 | 
				
			||||||
import React, { useState } from 'react';
 | 
					import React from 'react';
 | 
				
			||||||
import { useTranslation } from 'react-i18next';
 | 
					import { SchemaComponent } from '../schema-component';
 | 
				
			||||||
import { useHistory } from 'react-router-dom';
 | 
					 | 
				
			||||||
import { PluginManager } from '../plugin-manager';
 | 
					 | 
				
			||||||
import { ActionContextProvider, SchemaComponent } from '../schema-component';
 | 
					 | 
				
			||||||
import * as components from './Configuration';
 | 
					import * as components from './Configuration';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const schema: ISchema = {
 | 
					 | 
				
			||||||
  type: 'object',
 | 
					 | 
				
			||||||
  properties: {
 | 
					 | 
				
			||||||
    [uid()]: {
 | 
					 | 
				
			||||||
      'x-component': 'Action.Drawer',
 | 
					 | 
				
			||||||
      type: 'void',
 | 
					 | 
				
			||||||
      title: '{{t("Roles & Permissions")}}',
 | 
					 | 
				
			||||||
      properties: {
 | 
					 | 
				
			||||||
        hello1: {
 | 
					 | 
				
			||||||
          type: 'void',
 | 
					 | 
				
			||||||
          'x-component': 'RoleTable',
 | 
					 | 
				
			||||||
        },
 | 
					 | 
				
			||||||
      },
 | 
					 | 
				
			||||||
    },
 | 
					 | 
				
			||||||
  },
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
const schema2: ISchema = {
 | 
					const schema2: ISchema = {
 | 
				
			||||||
  type: 'object',
 | 
					  type: 'object',
 | 
				
			||||||
  properties: {
 | 
					  properties: {
 | 
				
			||||||
@ -42,34 +21,3 @@ export const ACLPane = () => {
 | 
				
			|||||||
    </Card>
 | 
					    </Card>
 | 
				
			||||||
  );
 | 
					  );
 | 
				
			||||||
};
 | 
					};
 | 
				
			||||||
 | 
					 | 
				
			||||||
export const ACLShortcut = () => {
 | 
					 | 
				
			||||||
  const { t } = useTranslation();
 | 
					 | 
				
			||||||
  const history = useHistory();
 | 
					 | 
				
			||||||
  return (
 | 
					 | 
				
			||||||
    <PluginManager.Toolbar.Item
 | 
					 | 
				
			||||||
      icon={<LockOutlined />}
 | 
					 | 
				
			||||||
      title={t('Roles & Permissions')}
 | 
					 | 
				
			||||||
      onClick={() => {
 | 
					 | 
				
			||||||
        history.push('/admin/settings/acl/roles');
 | 
					 | 
				
			||||||
      }}
 | 
					 | 
				
			||||||
    />
 | 
					 | 
				
			||||||
  );
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
export const ACLShortcut2 = () => {
 | 
					 | 
				
			||||||
  const [visible, setVisible] = useState(false);
 | 
					 | 
				
			||||||
  const { t } = useTranslation();
 | 
					 | 
				
			||||||
  return (
 | 
					 | 
				
			||||||
    <ActionContextProvider value={{ visible, setVisible }}>
 | 
					 | 
				
			||||||
      <PluginManager.Toolbar.Item
 | 
					 | 
				
			||||||
        icon={<LockOutlined />}
 | 
					 | 
				
			||||||
        title={t('Roles & Permissions')}
 | 
					 | 
				
			||||||
        onClick={() => {
 | 
					 | 
				
			||||||
          setVisible(true);
 | 
					 | 
				
			||||||
        }}
 | 
					 | 
				
			||||||
      />
 | 
					 | 
				
			||||||
      <SchemaComponent components={components} schema={schema} />
 | 
					 | 
				
			||||||
    </ActionContextProvider>
 | 
					 | 
				
			||||||
  );
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
 | 
				
			|||||||
@ -1,17 +1,14 @@
 | 
				
			|||||||
import {
 | 
					import {
 | 
				
			||||||
  ACLShortcut,
 | 
					 | 
				
			||||||
  AdminLayout,
 | 
					  AdminLayout,
 | 
				
			||||||
  AntdConfigProvider,
 | 
					  AntdConfigProvider,
 | 
				
			||||||
  AntdSchemaComponentProvider,
 | 
					  AntdSchemaComponentProvider,
 | 
				
			||||||
  APIClientProvider,
 | 
					  APIClientProvider,
 | 
				
			||||||
  AuthLayout,
 | 
					  AuthLayout,
 | 
				
			||||||
  CollectionManagerProvider,
 | 
					  CollectionManagerProvider,
 | 
				
			||||||
  CollectionManagerShortcut,
 | 
					 | 
				
			||||||
  compose,
 | 
					  compose,
 | 
				
			||||||
  DesignableSwitch,
 | 
					  DesignableSwitch,
 | 
				
			||||||
  DocumentTitleProvider,
 | 
					  DocumentTitleProvider,
 | 
				
			||||||
  i18n,
 | 
					  i18n,
 | 
				
			||||||
  PluginManagerProvider,
 | 
					 | 
				
			||||||
  RouteSchemaComponent,
 | 
					  RouteSchemaComponent,
 | 
				
			||||||
  RouteSwitch,
 | 
					  RouteSwitch,
 | 
				
			||||||
  RouteSwitchProvider,
 | 
					  RouteSwitchProvider,
 | 
				
			||||||
@ -20,7 +17,6 @@ import {
 | 
				
			|||||||
  SigninPage,
 | 
					  SigninPage,
 | 
				
			||||||
  SignupPage,
 | 
					  SignupPage,
 | 
				
			||||||
  SystemSettingsProvider,
 | 
					  SystemSettingsProvider,
 | 
				
			||||||
  SystemSettingsShortcut,
 | 
					 | 
				
			||||||
  useRequest,
 | 
					  useRequest,
 | 
				
			||||||
} from '@nocobase/client';
 | 
					} from '@nocobase/client';
 | 
				
			||||||
import { Spin } from 'antd';
 | 
					import { Spin } from 'antd';
 | 
				
			||||||
@ -36,10 +32,7 @@ const providers = [
 | 
				
			|||||||
  [I18nextProvider, { i18n }],
 | 
					  [I18nextProvider, { i18n }],
 | 
				
			||||||
  [AntdConfigProvider, { remoteLocale: true }],
 | 
					  [AntdConfigProvider, { remoteLocale: true }],
 | 
				
			||||||
  SystemSettingsProvider,
 | 
					  SystemSettingsProvider,
 | 
				
			||||||
  [
 | 
					  [{ components: { DesignableSwitch } }],
 | 
				
			||||||
    PluginManagerProvider,
 | 
					 | 
				
			||||||
    { components: { ACLShortcut, DesignableSwitch, CollectionManagerShortcut, SystemSettingsShortcut } },
 | 
					 | 
				
			||||||
  ],
 | 
					 | 
				
			||||||
  [SchemaComponentProvider, { components: { Link, NavLink } }],
 | 
					  [SchemaComponentProvider, { components: { Link, NavLink } }],
 | 
				
			||||||
  CollectionManagerProvider,
 | 
					  CollectionManagerProvider,
 | 
				
			||||||
  AntdSchemaComponentProvider,
 | 
					  AntdSchemaComponentProvider,
 | 
				
			||||||
 | 
				
			|||||||
@ -1,33 +1,28 @@
 | 
				
			|||||||
import { DatabaseOutlined } from '@ant-design/icons';
 | 
					 | 
				
			||||||
import { ISchema } from '@formily/react';
 | 
					import { ISchema } from '@formily/react';
 | 
				
			||||||
import { uid } from '@formily/shared';
 | 
					import { uid } from '@formily/shared';
 | 
				
			||||||
import { Card } from 'antd';
 | 
					import React from 'react';
 | 
				
			||||||
import React, { useState } from 'react';
 | 
					import { SchemaComponent } from '../schema-component';
 | 
				
			||||||
import { useTranslation } from 'react-i18next';
 | 
					 | 
				
			||||||
import { useHistory } from 'react-router-dom';
 | 
					 | 
				
			||||||
import { PluginManager } from '../plugin-manager';
 | 
					 | 
				
			||||||
import { ActionContextProvider, SchemaComponent } from '../schema-component';
 | 
					 | 
				
			||||||
import {
 | 
					import {
 | 
				
			||||||
 | 
					  AddCategory,
 | 
				
			||||||
 | 
					  AddCategoryAction,
 | 
				
			||||||
 | 
					  AddCollection,
 | 
				
			||||||
 | 
					  AddCollectionAction,
 | 
				
			||||||
  AddCollectionField,
 | 
					  AddCollectionField,
 | 
				
			||||||
  AddFieldAction,
 | 
					  AddFieldAction,
 | 
				
			||||||
  ConfigurationTable,
 | 
					  ConfigurationTable,
 | 
				
			||||||
  EditFieldAction,
 | 
					 | 
				
			||||||
  EditCollectionField,
 | 
					 | 
				
			||||||
  OverridingFieldAction,
 | 
					 | 
				
			||||||
  OverridingCollectionField,
 | 
					 | 
				
			||||||
  ViewCollectionField,
 | 
					 | 
				
			||||||
  ViewFieldAction,
 | 
					 | 
				
			||||||
  AddCollection,
 | 
					 | 
				
			||||||
  AddCollectionAction,
 | 
					 | 
				
			||||||
  AddCategoryAction,
 | 
					 | 
				
			||||||
  AddCategory,
 | 
					 | 
				
			||||||
  EditCollection,
 | 
					 | 
				
			||||||
  EditCollectionAction,
 | 
					 | 
				
			||||||
  ConfigurationTabs,
 | 
					  ConfigurationTabs,
 | 
				
			||||||
  EditCategory,
 | 
					  EditCategory,
 | 
				
			||||||
  EditCategoryAction,
 | 
					  EditCategoryAction,
 | 
				
			||||||
 | 
					  EditCollection,
 | 
				
			||||||
 | 
					  EditCollectionAction,
 | 
				
			||||||
 | 
					  EditCollectionField,
 | 
				
			||||||
 | 
					  EditFieldAction,
 | 
				
			||||||
 | 
					  OverridingCollectionField,
 | 
				
			||||||
 | 
					  OverridingFieldAction,
 | 
				
			||||||
  SyncFieldsAction,
 | 
					  SyncFieldsAction,
 | 
				
			||||||
  SyncFieldsActionCom,
 | 
					  SyncFieldsActionCom,
 | 
				
			||||||
 | 
					  ViewCollectionField,
 | 
				
			||||||
 | 
					  ViewFieldAction,
 | 
				
			||||||
} from './Configuration';
 | 
					} from './Configuration';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
import { CollectionCategroriesProvider } from './CollectionManagerProvider';
 | 
					import { CollectionCategroriesProvider } from './CollectionManagerProvider';
 | 
				
			||||||
@ -90,48 +85,3 @@ export const CollectionManagerPane = () => {
 | 
				
			|||||||
    // </Card>
 | 
					    // </Card>
 | 
				
			||||||
  );
 | 
					  );
 | 
				
			||||||
};
 | 
					};
 | 
				
			||||||
 | 
					 | 
				
			||||||
export const CollectionManagerShortcut = () => {
 | 
					 | 
				
			||||||
  const { t } = useTranslation();
 | 
					 | 
				
			||||||
  const history = useHistory();
 | 
					 | 
				
			||||||
  return (
 | 
					 | 
				
			||||||
    <PluginManager.Toolbar.Item
 | 
					 | 
				
			||||||
      icon={<DatabaseOutlined />}
 | 
					 | 
				
			||||||
      title={t('Collections & Fields')}
 | 
					 | 
				
			||||||
      onClick={() => {
 | 
					 | 
				
			||||||
        history.push('/admin/settings/collection-manager/collections');
 | 
					 | 
				
			||||||
      }}
 | 
					 | 
				
			||||||
    />
 | 
					 | 
				
			||||||
  );
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
export const CollectionManagerShortcut2 = () => {
 | 
					 | 
				
			||||||
  const [visible, setVisible] = useState(false);
 | 
					 | 
				
			||||||
  const { t } = useTranslation();
 | 
					 | 
				
			||||||
  return (
 | 
					 | 
				
			||||||
    <ActionContextProvider value={{ visible, setVisible }}>
 | 
					 | 
				
			||||||
      <PluginManager.Toolbar.Item
 | 
					 | 
				
			||||||
        icon={<DatabaseOutlined />}
 | 
					 | 
				
			||||||
        title={t('Collections & Fields')}
 | 
					 | 
				
			||||||
        onClick={() => {
 | 
					 | 
				
			||||||
          setVisible(true);
 | 
					 | 
				
			||||||
        }}
 | 
					 | 
				
			||||||
      />
 | 
					 | 
				
			||||||
      <SchemaComponent
 | 
					 | 
				
			||||||
        schema={schema}
 | 
					 | 
				
			||||||
        components={{
 | 
					 | 
				
			||||||
          ConfigurationTable,
 | 
					 | 
				
			||||||
          ConfigurationTabs,
 | 
					 | 
				
			||||||
          AddFieldAction,
 | 
					 | 
				
			||||||
          EditFieldAction,
 | 
					 | 
				
			||||||
          OverridingFieldAction,
 | 
					 | 
				
			||||||
          ViewFieldAction,
 | 
					 | 
				
			||||||
          AddCollectionAction,
 | 
					 | 
				
			||||||
          EditCollectionAction,
 | 
					 | 
				
			||||||
          AddCategoryAction,
 | 
					 | 
				
			||||||
          EditCategoryAction,
 | 
					 | 
				
			||||||
        }}
 | 
					 | 
				
			||||||
      />
 | 
					 | 
				
			||||||
    </ActionContextProvider>
 | 
					 | 
				
			||||||
  );
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
 | 
				
			|||||||
@ -1,157 +0,0 @@
 | 
				
			|||||||
import { SettingOutlined } from '@ant-design/icons';
 | 
					 | 
				
			||||||
import { css } from '@emotion/css';
 | 
					 | 
				
			||||||
import { ConfigProvider, Menu, MenuItemProps, Tooltip } from 'antd';
 | 
					 | 
				
			||||||
import cls from 'classnames';
 | 
					 | 
				
			||||||
import { get } from 'lodash';
 | 
					 | 
				
			||||||
import React, { createContext, useContext } from 'react';
 | 
					 | 
				
			||||||
import { useTranslation } from 'react-i18next';
 | 
					 | 
				
			||||||
import { useHistory } from 'react-router-dom';
 | 
					 | 
				
			||||||
import { useACLRoleContext } from '../acl/ACLProvider';
 | 
					 | 
				
			||||||
import { PluginManagerContext } from './context';
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
export const usePrefixCls = (
 | 
					 | 
				
			||||||
  tag?: string,
 | 
					 | 
				
			||||||
  props?: {
 | 
					 | 
				
			||||||
    prefixCls?: string;
 | 
					 | 
				
			||||||
  },
 | 
					 | 
				
			||||||
) => {
 | 
					 | 
				
			||||||
  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
 | 
					 | 
				
			||||||
  return getPrefixCls(tag, props?.prefixCls);
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
type PluginManagerType = {
 | 
					 | 
				
			||||||
  Toolbar?: React.FC<ToolbarProps> & {
 | 
					 | 
				
			||||||
    Item?: React.FC<MenuItemProps & { selected?: boolean; subtitle?: string }>;
 | 
					 | 
				
			||||||
  };
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
export const PluginManager: PluginManagerType = () => null;
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
const ToolbarItemContext = createContext<ToolbarItemProps>(null);
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
interface ToolbarProps {
 | 
					 | 
				
			||||||
  items?: ToolbarItemProps[];
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
interface ToolbarItemProps {
 | 
					 | 
				
			||||||
  component: string;
 | 
					 | 
				
			||||||
  pin?: boolean;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
const splitItems = (items: ToolbarItemProps[]) => {
 | 
					 | 
				
			||||||
  const pinned = [];
 | 
					 | 
				
			||||||
  const unpinned = [];
 | 
					 | 
				
			||||||
  for (const item of items) {
 | 
					 | 
				
			||||||
    if (item.pin) {
 | 
					 | 
				
			||||||
      pinned.push(item);
 | 
					 | 
				
			||||||
    } else {
 | 
					 | 
				
			||||||
      unpinned.push(item);
 | 
					 | 
				
			||||||
    }
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
  return [pinned, unpinned];
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
PluginManager.Toolbar = (props: ToolbarProps) => {
 | 
					 | 
				
			||||||
  const { components } = useContext(PluginManagerContext);
 | 
					 | 
				
			||||||
  const { items = [] } = props;
 | 
					 | 
				
			||||||
  const [pinned, unpinned] = splitItems(items);
 | 
					 | 
				
			||||||
  const { t } = useTranslation();
 | 
					 | 
				
			||||||
  const history = useHistory();
 | 
					 | 
				
			||||||
  return (
 | 
					 | 
				
			||||||
    <div style={{ display: 'inline-block' }}>
 | 
					 | 
				
			||||||
      <Menu style={{ width: '100%' }} selectable={false} mode={'horizontal'} theme={'dark'}>
 | 
					 | 
				
			||||||
        {pinned.map((item, index) => {
 | 
					 | 
				
			||||||
          const Action = get(components, item.component);
 | 
					 | 
				
			||||||
          return (
 | 
					 | 
				
			||||||
            Action && (
 | 
					 | 
				
			||||||
              <ToolbarItemContext.Provider key={index} value={item}>
 | 
					 | 
				
			||||||
                <Action />
 | 
					 | 
				
			||||||
              </ToolbarItemContext.Provider>
 | 
					 | 
				
			||||||
            )
 | 
					 | 
				
			||||||
          );
 | 
					 | 
				
			||||||
        })}
 | 
					 | 
				
			||||||
        {unpinned.length > 0 && (
 | 
					 | 
				
			||||||
          <Menu.SubMenu popupClassName={'pm-sub-menu'} key={'more'} title={<SettingOutlined />}>
 | 
					 | 
				
			||||||
            {unpinned.map((item, index) => {
 | 
					 | 
				
			||||||
              const Action = get(components, item.component);
 | 
					 | 
				
			||||||
              return (
 | 
					 | 
				
			||||||
                Action && (
 | 
					 | 
				
			||||||
                  <ToolbarItemContext.Provider key={index} value={item}>
 | 
					 | 
				
			||||||
                    <Action />
 | 
					 | 
				
			||||||
                  </ToolbarItemContext.Provider>
 | 
					 | 
				
			||||||
                )
 | 
					 | 
				
			||||||
              );
 | 
					 | 
				
			||||||
            })}
 | 
					 | 
				
			||||||
            {unpinned.length > 0 && <Menu.Divider key={'divider'}></Menu.Divider>}
 | 
					 | 
				
			||||||
            <Menu.Item
 | 
					 | 
				
			||||||
              key={'plugins'}
 | 
					 | 
				
			||||||
              onClick={() => {
 | 
					 | 
				
			||||||
                history.push('/admin/settings');
 | 
					 | 
				
			||||||
              }}
 | 
					 | 
				
			||||||
              icon={<SettingOutlined />}
 | 
					 | 
				
			||||||
            >
 | 
					 | 
				
			||||||
              {t('All plugin settings')}
 | 
					 | 
				
			||||||
            </Menu.Item>
 | 
					 | 
				
			||||||
          </Menu.SubMenu>
 | 
					 | 
				
			||||||
        )}
 | 
					 | 
				
			||||||
      </Menu>
 | 
					 | 
				
			||||||
    </div>
 | 
					 | 
				
			||||||
  );
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
PluginManager.Toolbar.Item = (props) => {
 | 
					 | 
				
			||||||
  const item = useContext(ToolbarItemContext);
 | 
					 | 
				
			||||||
  const { selected, icon, title, subtitle, ...others } = props;
 | 
					 | 
				
			||||||
  const prefix = usePrefixCls();
 | 
					 | 
				
			||||||
  const className = cls({ [`${prefix}-menu-item-selected`]: selected });
 | 
					 | 
				
			||||||
  if (item.pin) {
 | 
					 | 
				
			||||||
    const subtitleComponent = subtitle && (
 | 
					 | 
				
			||||||
      <div
 | 
					 | 
				
			||||||
        className={css`
 | 
					 | 
				
			||||||
          font-size: 12px;
 | 
					 | 
				
			||||||
          color: #999;
 | 
					 | 
				
			||||||
        `}
 | 
					 | 
				
			||||||
      >
 | 
					 | 
				
			||||||
        {subtitle}
 | 
					 | 
				
			||||||
      </div>
 | 
					 | 
				
			||||||
    );
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    const titleComponent = (
 | 
					 | 
				
			||||||
      <div>
 | 
					 | 
				
			||||||
        <div>{title}</div>
 | 
					 | 
				
			||||||
        {subtitleComponent}
 | 
					 | 
				
			||||||
      </div>
 | 
					 | 
				
			||||||
    );
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    return title ? (
 | 
					 | 
				
			||||||
      <Tooltip title={titleComponent}>
 | 
					 | 
				
			||||||
        <Menu.Item {...others} className={className} eventKey={item.component}>
 | 
					 | 
				
			||||||
          {icon}
 | 
					 | 
				
			||||||
        </Menu.Item>
 | 
					 | 
				
			||||||
      </Tooltip>
 | 
					 | 
				
			||||||
    ) : (
 | 
					 | 
				
			||||||
      <Menu.Item {...others} className={className} eventKey={item.component}>
 | 
					 | 
				
			||||||
        {icon}
 | 
					 | 
				
			||||||
      </Menu.Item>
 | 
					 | 
				
			||||||
    );
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
  return (
 | 
					 | 
				
			||||||
    <Menu.Item {...others} className={className} eventKey={item.component} icon={icon}>
 | 
					 | 
				
			||||||
      {title}
 | 
					 | 
				
			||||||
    </Menu.Item>
 | 
					 | 
				
			||||||
  );
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
export const RemotePluginManagerToolbar = () => {
 | 
					 | 
				
			||||||
  const { allowAll, snippets } = useACLRoleContext();
 | 
					 | 
				
			||||||
  const getSnippetsAllow = (aclKey) => {
 | 
					 | 
				
			||||||
    return allowAll || snippets?.includes(aclKey);
 | 
					 | 
				
			||||||
  };
 | 
					 | 
				
			||||||
  const items = [
 | 
					 | 
				
			||||||
    { component: 'DesignableSwitch', pin: true, isAllow: getSnippetsAllow('ui.*') },
 | 
					 | 
				
			||||||
    { component: 'PluginManagerLink', pin: true, isAllow: getSnippetsAllow('pm') },
 | 
					 | 
				
			||||||
    { component: 'SettingsCenterDropdown', pin: true, isAllow: getSnippetsAllow('pm.*') },
 | 
					 | 
				
			||||||
    // ...data?.data,
 | 
					 | 
				
			||||||
  ];
 | 
					 | 
				
			||||||
  return <PluginManager.Toolbar items={items.filter((v) => v.isAllow)} />;
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
@ -1,7 +0,0 @@
 | 
				
			|||||||
import React from 'react';
 | 
					 | 
				
			||||||
import { PluginManagerContext } from './context';
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
export const PluginManagerProvider: React.FC<any> = (props) => {
 | 
					 | 
				
			||||||
  const { components, children } = props;
 | 
					 | 
				
			||||||
  return <PluginManagerContext.Provider value={{ components }}>{children}</PluginManagerContext.Provider>;
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
@ -1,34 +0,0 @@
 | 
				
			|||||||
import React from 'react';
 | 
					 | 
				
			||||||
import { Action, PluginManager, PluginManagerProvider, SchemaComponentProvider } from '@nocobase/client';
 | 
					 | 
				
			||||||
import * as plugins from './plugins';
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
export default () => {
 | 
					 | 
				
			||||||
  return (
 | 
					 | 
				
			||||||
    <SchemaComponentProvider components={{ Action }}>
 | 
					 | 
				
			||||||
      <PluginManagerProvider components={plugins}>
 | 
					 | 
				
			||||||
        <PluginManager.Toolbar
 | 
					 | 
				
			||||||
          items={[
 | 
					 | 
				
			||||||
            {
 | 
					 | 
				
			||||||
              component: 'Plugin1.ToolbarItem',
 | 
					 | 
				
			||||||
              pin: true,
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
            {
 | 
					 | 
				
			||||||
              component: 'Plugin2.ToolbarItem',
 | 
					 | 
				
			||||||
              pin: true,
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
            {
 | 
					 | 
				
			||||||
              component: 'Plugin3.ToolbarItem',
 | 
					 | 
				
			||||||
              pin: true,
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
            {
 | 
					 | 
				
			||||||
              component: 'Plugin4.ToolbarItem',
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
            {
 | 
					 | 
				
			||||||
              component: 'Plugin5.ToolbarItem',
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
          ]}
 | 
					 | 
				
			||||||
        />
 | 
					 | 
				
			||||||
      </PluginManagerProvider>
 | 
					 | 
				
			||||||
    </SchemaComponentProvider>
 | 
					 | 
				
			||||||
  );
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
@ -1,5 +0,0 @@
 | 
				
			|||||||
export * from './plugin1';
 | 
					 | 
				
			||||||
export * from './plugin2';
 | 
					 | 
				
			||||||
export * from './plugin3';
 | 
					 | 
				
			||||||
export * from './plugin4';
 | 
					 | 
				
			||||||
export * from './plugin5';
 | 
					 | 
				
			||||||
@ -1,16 +0,0 @@
 | 
				
			|||||||
import React from 'react';
 | 
					 | 
				
			||||||
import { DatabaseOutlined } from '@ant-design/icons';
 | 
					 | 
				
			||||||
import { PluginManager } from '@nocobase/client';
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
export const Plugin1 = () => null;
 | 
					 | 
				
			||||||
Plugin1.ToolbarItem = () => {
 | 
					 | 
				
			||||||
  return (
 | 
					 | 
				
			||||||
    <PluginManager.Toolbar.Item
 | 
					 | 
				
			||||||
      icon={<DatabaseOutlined />}
 | 
					 | 
				
			||||||
      title={'Plugin1'}
 | 
					 | 
				
			||||||
      onClick={() => {
 | 
					 | 
				
			||||||
        alert('Plugin1');
 | 
					 | 
				
			||||||
      }}
 | 
					 | 
				
			||||||
    />
 | 
					 | 
				
			||||||
  );
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
@ -1,65 +0,0 @@
 | 
				
			|||||||
import { VerifiedOutlined } from '@ant-design/icons';
 | 
					 | 
				
			||||||
import { ISchema, useForm } from '@formily/react';
 | 
					 | 
				
			||||||
import { ActionContextProvider, PluginManager, SchemaComponent, useActionContext } from '@nocobase/client';
 | 
					 | 
				
			||||||
import React, { useState } from 'react';
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
const useCloseAction = () => {
 | 
					 | 
				
			||||||
  const { setVisible } = useActionContext();
 | 
					 | 
				
			||||||
  const form = useForm();
 | 
					 | 
				
			||||||
  return {
 | 
					 | 
				
			||||||
    async run() {
 | 
					 | 
				
			||||||
      setVisible(false);
 | 
					 | 
				
			||||||
      form.submit((values) => {
 | 
					 | 
				
			||||||
        console.log(values);
 | 
					 | 
				
			||||||
      });
 | 
					 | 
				
			||||||
    },
 | 
					 | 
				
			||||||
  };
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
const schema: ISchema = {
 | 
					 | 
				
			||||||
  type: 'object',
 | 
					 | 
				
			||||||
  properties: {
 | 
					 | 
				
			||||||
    drawer1: {
 | 
					 | 
				
			||||||
      'x-component': 'Action.Drawer',
 | 
					 | 
				
			||||||
      type: 'void',
 | 
					 | 
				
			||||||
      title: 'Drawer Title',
 | 
					 | 
				
			||||||
      properties: {
 | 
					 | 
				
			||||||
        hello1: {
 | 
					 | 
				
			||||||
          'x-content': 'Hello',
 | 
					 | 
				
			||||||
          title: 'T1',
 | 
					 | 
				
			||||||
        },
 | 
					 | 
				
			||||||
        footer1: {
 | 
					 | 
				
			||||||
          'x-component': 'Action.Drawer.Footer',
 | 
					 | 
				
			||||||
          type: 'void',
 | 
					 | 
				
			||||||
          properties: {
 | 
					 | 
				
			||||||
            close1: {
 | 
					 | 
				
			||||||
              title: 'Close',
 | 
					 | 
				
			||||||
              'x-component': 'Action',
 | 
					 | 
				
			||||||
              'x-component-props': {
 | 
					 | 
				
			||||||
                useAction: '{{ useCloseAction }}',
 | 
					 | 
				
			||||||
              },
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
          },
 | 
					 | 
				
			||||||
        },
 | 
					 | 
				
			||||||
      },
 | 
					 | 
				
			||||||
    },
 | 
					 | 
				
			||||||
  },
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
export const Plugin2 = () => null;
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
Plugin2.ToolbarItem = () => {
 | 
					 | 
				
			||||||
  const [visible, setVisible] = useState(false);
 | 
					 | 
				
			||||||
  return (
 | 
					 | 
				
			||||||
    <ActionContextProvider value={{ visible, setVisible }}>
 | 
					 | 
				
			||||||
      <PluginManager.Toolbar.Item
 | 
					 | 
				
			||||||
        icon={<VerifiedOutlined />}
 | 
					 | 
				
			||||||
        title={'Plugin2'}
 | 
					 | 
				
			||||||
        onClick={() => {
 | 
					 | 
				
			||||||
          setVisible(true);
 | 
					 | 
				
			||||||
        }}
 | 
					 | 
				
			||||||
      />
 | 
					 | 
				
			||||||
      <SchemaComponent scope={{ useCloseAction }} schema={schema} />
 | 
					 | 
				
			||||||
    </ActionContextProvider>
 | 
					 | 
				
			||||||
  );
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
@ -1,17 +0,0 @@
 | 
				
			|||||||
import { Menu } from 'antd';
 | 
					 | 
				
			||||||
import React from 'react';
 | 
					 | 
				
			||||||
import { SaveOutlined, KeyOutlined, DatabaseOutlined, VerifiedOutlined, NotificationOutlined } from '@ant-design/icons';
 | 
					 | 
				
			||||||
import { PluginManager } from '@nocobase/client';
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
export const Plugin3 = () => null;
 | 
					 | 
				
			||||||
Plugin3.ToolbarItem = () => {
 | 
					 | 
				
			||||||
  return (
 | 
					 | 
				
			||||||
    <PluginManager.Toolbar.Item
 | 
					 | 
				
			||||||
      icon={<DatabaseOutlined />}
 | 
					 | 
				
			||||||
      title={'Plugin3'}
 | 
					 | 
				
			||||||
      onClick={() => {
 | 
					 | 
				
			||||||
        alert('Plugin3');
 | 
					 | 
				
			||||||
      }}
 | 
					 | 
				
			||||||
    />
 | 
					 | 
				
			||||||
  );
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
@ -1,65 +0,0 @@
 | 
				
			|||||||
import { VerifiedOutlined } from '@ant-design/icons';
 | 
					 | 
				
			||||||
import { ISchema, useForm } from '@formily/react';
 | 
					 | 
				
			||||||
import { ActionContextProvider, PluginManager, SchemaComponent, useActionContext } from '@nocobase/client';
 | 
					 | 
				
			||||||
import React, { useState } from 'react';
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
const useCloseAction = () => {
 | 
					 | 
				
			||||||
  const { setVisible } = useActionContext();
 | 
					 | 
				
			||||||
  const form = useForm();
 | 
					 | 
				
			||||||
  return {
 | 
					 | 
				
			||||||
    async run() {
 | 
					 | 
				
			||||||
      setVisible(false);
 | 
					 | 
				
			||||||
      form.submit((values) => {
 | 
					 | 
				
			||||||
        console.log(values);
 | 
					 | 
				
			||||||
      });
 | 
					 | 
				
			||||||
    },
 | 
					 | 
				
			||||||
  };
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
const schema: ISchema = {
 | 
					 | 
				
			||||||
  type: 'object',
 | 
					 | 
				
			||||||
  properties: {
 | 
					 | 
				
			||||||
    drawer1: {
 | 
					 | 
				
			||||||
      'x-component': 'Action.Drawer',
 | 
					 | 
				
			||||||
      type: 'void',
 | 
					 | 
				
			||||||
      title: 'Drawer Title',
 | 
					 | 
				
			||||||
      properties: {
 | 
					 | 
				
			||||||
        hello1: {
 | 
					 | 
				
			||||||
          'x-content': 'Hello',
 | 
					 | 
				
			||||||
          title: 'T1',
 | 
					 | 
				
			||||||
        },
 | 
					 | 
				
			||||||
        footer1: {
 | 
					 | 
				
			||||||
          'x-component': 'Action.Drawer.Footer',
 | 
					 | 
				
			||||||
          type: 'void',
 | 
					 | 
				
			||||||
          properties: {
 | 
					 | 
				
			||||||
            close1: {
 | 
					 | 
				
			||||||
              title: 'Close',
 | 
					 | 
				
			||||||
              'x-component': 'Action',
 | 
					 | 
				
			||||||
              'x-component-props': {
 | 
					 | 
				
			||||||
                useAction: '{{ useCloseAction }}',
 | 
					 | 
				
			||||||
              },
 | 
					 | 
				
			||||||
            },
 | 
					 | 
				
			||||||
          },
 | 
					 | 
				
			||||||
        },
 | 
					 | 
				
			||||||
      },
 | 
					 | 
				
			||||||
    },
 | 
					 | 
				
			||||||
  },
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
export const Plugin4 = () => null;
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
Plugin4.ToolbarItem = () => {
 | 
					 | 
				
			||||||
  const [visible, setVisible] = useState(false);
 | 
					 | 
				
			||||||
  return (
 | 
					 | 
				
			||||||
    <ActionContextProvider value={{ visible, setVisible }}>
 | 
					 | 
				
			||||||
      <PluginManager.Toolbar.Item
 | 
					 | 
				
			||||||
        icon={<VerifiedOutlined />}
 | 
					 | 
				
			||||||
        title={'Plugin4'}
 | 
					 | 
				
			||||||
        onClick={() => {
 | 
					 | 
				
			||||||
          setVisible(true);
 | 
					 | 
				
			||||||
        }}
 | 
					 | 
				
			||||||
      />
 | 
					 | 
				
			||||||
      <SchemaComponent scope={{ useCloseAction }} schema={schema} />
 | 
					 | 
				
			||||||
    </ActionContextProvider>
 | 
					 | 
				
			||||||
  );
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
@ -1,17 +0,0 @@
 | 
				
			|||||||
import { Menu } from 'antd';
 | 
					 | 
				
			||||||
import React from 'react';
 | 
					 | 
				
			||||||
import { SaveOutlined, KeyOutlined, DatabaseOutlined, VerifiedOutlined, NotificationOutlined } from '@ant-design/icons';
 | 
					 | 
				
			||||||
import { PluginManager } from '@nocobase/client';
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
export const Plugin5 = () => null;
 | 
					 | 
				
			||||||
Plugin5.ToolbarItem = () => {
 | 
					 | 
				
			||||||
  return (
 | 
					 | 
				
			||||||
    <PluginManager.Toolbar.Item
 | 
					 | 
				
			||||||
      icon={<DatabaseOutlined />}
 | 
					 | 
				
			||||||
      title={'Plugin5'}
 | 
					 | 
				
			||||||
      onClick={() => {
 | 
					 | 
				
			||||||
        alert('Plugin5');
 | 
					 | 
				
			||||||
      }}
 | 
					 | 
				
			||||||
    />
 | 
					 | 
				
			||||||
  );
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
@ -1,59 +0,0 @@
 | 
				
			|||||||
---
 | 
					 | 
				
			||||||
nav:
 | 
					 | 
				
			||||||
  path: /client
 | 
					 | 
				
			||||||
group:
 | 
					 | 
				
			||||||
  path: /client
 | 
					 | 
				
			||||||
---
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
# PluginManager
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
## PluginManagerProvider
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
## PluginManager.Toolbar
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
插件管理器的工具栏,用于便捷的展示所有插件,不常用的可折叠显示。
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
<code src="./demos/demo1.tsx"/>
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
## PluginManager.Toolbar.Item
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
工具栏项,各个插件都可以配置自己的 `PluginManager.Toolbar.Item`
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
- `icon` pin 时,只显示 icon
 | 
					 | 
				
			||||||
- `title` pin 时,title 以 tooltip 的方式显示
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
最简单的示例
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
```tsx | pure
 | 
					 | 
				
			||||||
Plugin1.ToolbarItem = () => {
 | 
					 | 
				
			||||||
  return (
 | 
					 | 
				
			||||||
    <PluginManager.Toolbar.Item
 | 
					 | 
				
			||||||
      icon={<DatabaseOutlined />}
 | 
					 | 
				
			||||||
      title={'Plugin1'}
 | 
					 | 
				
			||||||
      onClick={() => {
 | 
					 | 
				
			||||||
        alert('Plugin1');
 | 
					 | 
				
			||||||
      }}
 | 
					 | 
				
			||||||
    />
 | 
					 | 
				
			||||||
  );
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
```
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
弹出抽屉
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
```tsx | pure
 | 
					 | 
				
			||||||
Plugin2.ToolbarItem = () => {
 | 
					 | 
				
			||||||
  const [visible, setVisible] = useState(false);
 | 
					 | 
				
			||||||
  return (
 | 
					 | 
				
			||||||
    <ActionContext.Provider value={{ visible, setVisible }}>
 | 
					 | 
				
			||||||
      <PluginManager.Toolbar.Item
 | 
					 | 
				
			||||||
        icon={<VerifiedOutlined />}
 | 
					 | 
				
			||||||
        title={'Plugin2'}
 | 
					 | 
				
			||||||
        onClick={() => {
 | 
					 | 
				
			||||||
          setVisible(true);
 | 
					 | 
				
			||||||
        }}
 | 
					 | 
				
			||||||
      />
 | 
					 | 
				
			||||||
      <SchemaComponent scope={{ useCloseAction }} schema={schema} />
 | 
					 | 
				
			||||||
    </ActionContext.Provider>
 | 
					 | 
				
			||||||
  );
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
```
 | 
					 | 
				
			||||||
@ -1,4 +1,3 @@
 | 
				
			|||||||
export * from './context';
 | 
					 | 
				
			||||||
export * from './PinnedPluginListProvider';
 | 
					export * from './PinnedPluginListProvider';
 | 
				
			||||||
export * from './PluginManager';
 | 
					export * from './context';
 | 
				
			||||||
export * from './PluginManagerProvider';
 | 
					
 | 
				
			||||||
 | 
				
			|||||||
@ -1,19 +0,0 @@
 | 
				
			|||||||
import { LayoutOutlined } from '@ant-design/icons';
 | 
					 | 
				
			||||||
import React from 'react';
 | 
					 | 
				
			||||||
import { useTranslation } from 'react-i18next';
 | 
					 | 
				
			||||||
import { useHistory } from 'react-router-dom';
 | 
					 | 
				
			||||||
import { PluginManager } from '../plugin-manager';
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
export const SchemaTemplateShortcut = () => {
 | 
					 | 
				
			||||||
  const { t } = useTranslation();
 | 
					 | 
				
			||||||
  const history = useHistory();
 | 
					 | 
				
			||||||
  return (
 | 
					 | 
				
			||||||
    <PluginManager.Toolbar.Item
 | 
					 | 
				
			||||||
      icon={<LayoutOutlined />}
 | 
					 | 
				
			||||||
      title={t('Block templates')}
 | 
					 | 
				
			||||||
      onClick={() => {
 | 
					 | 
				
			||||||
        history.push('/admin/settings/block-templates/list');
 | 
					 | 
				
			||||||
      }}
 | 
					 | 
				
			||||||
    />
 | 
					 | 
				
			||||||
  );
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
@ -1,4 +1,4 @@
 | 
				
			|||||||
export * from './BlockTemplateDetails';
 | 
					export * from './BlockTemplateDetails';
 | 
				
			||||||
export * from './BlockTemplatePage';
 | 
					export * from './BlockTemplatePage';
 | 
				
			||||||
export * from './SchemaTemplateManagerProvider';
 | 
					export * from './SchemaTemplateManagerProvider';
 | 
				
			||||||
export * from './SchemaTemplateShortcut';
 | 
					
 | 
				
			||||||
 | 
				
			|||||||
@ -1,15 +1,13 @@
 | 
				
			|||||||
import { SettingOutlined } from '@ant-design/icons';
 | 
					 | 
				
			||||||
import { ISchema, useForm } from '@formily/react';
 | 
					import { ISchema, useForm } from '@formily/react';
 | 
				
			||||||
import { uid } from '@formily/shared';
 | 
					import { uid } from '@formily/shared';
 | 
				
			||||||
import { Card, message } from 'antd';
 | 
					import { Card, message } from 'antd';
 | 
				
			||||||
import cloneDeep from 'lodash/cloneDeep';
 | 
					import cloneDeep from 'lodash/cloneDeep';
 | 
				
			||||||
import React, { useState } from 'react';
 | 
					import React from 'react';
 | 
				
			||||||
import { useTranslation } from 'react-i18next';
 | 
					import { useTranslation } from 'react-i18next';
 | 
				
			||||||
import { useHistory } from 'react-router-dom';
 | 
					 | 
				
			||||||
import { useSystemSettings } from '.';
 | 
					import { useSystemSettings } from '.';
 | 
				
			||||||
import { i18n, PluginManager, useAPIClient, useRequest } from '..';
 | 
					import { i18n, useAPIClient, useRequest } from '..';
 | 
				
			||||||
import locale from '../locale';
 | 
					import locale from '../locale';
 | 
				
			||||||
import { ActionContextProvider, SchemaComponent, useActionContext } from '../schema-component';
 | 
					import { SchemaComponent, useActionContext } from '../schema-component';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const langs = Object.keys(locale).map((lang) => {
 | 
					const langs = Object.keys(locale).map((lang) => {
 | 
				
			||||||
  return {
 | 
					  return {
 | 
				
			||||||
@ -281,38 +279,3 @@ export const SystemSettingsPane = () => {
 | 
				
			|||||||
    </Card>
 | 
					    </Card>
 | 
				
			||||||
  );
 | 
					  );
 | 
				
			||||||
};
 | 
					};
 | 
				
			||||||
 | 
					 | 
				
			||||||
export const SystemSettingsShortcut = () => {
 | 
					 | 
				
			||||||
  const { t } = useTranslation();
 | 
					 | 
				
			||||||
  const history = useHistory();
 | 
					 | 
				
			||||||
  return (
 | 
					 | 
				
			||||||
    <PluginManager.Toolbar.Item
 | 
					 | 
				
			||||||
      icon={<SettingOutlined />}
 | 
					 | 
				
			||||||
      title={t('System settings')}
 | 
					 | 
				
			||||||
      onClick={() => {
 | 
					 | 
				
			||||||
        history.push('/admin/settings/system-settings/system-settings');
 | 
					 | 
				
			||||||
      }}
 | 
					 | 
				
			||||||
    />
 | 
					 | 
				
			||||||
  );
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
export const SystemSettingsShortcut2 = () => {
 | 
					 | 
				
			||||||
  const [visible, setVisible] = useState(false);
 | 
					 | 
				
			||||||
  const { t } = useTranslation();
 | 
					 | 
				
			||||||
  return (
 | 
					 | 
				
			||||||
    <ActionContextProvider value={{ visible, setVisible }}>
 | 
					 | 
				
			||||||
      <PluginManager.Toolbar.Item
 | 
					 | 
				
			||||||
        eventKey={'ACLAction'}
 | 
					 | 
				
			||||||
        onClick={() => {
 | 
					 | 
				
			||||||
          setVisible(true);
 | 
					 | 
				
			||||||
        }}
 | 
					 | 
				
			||||||
        icon={<SettingOutlined />}
 | 
					 | 
				
			||||||
        title={t('System settings')}
 | 
					 | 
				
			||||||
      />
 | 
					 | 
				
			||||||
      <SchemaComponent
 | 
					 | 
				
			||||||
        scope={{ useSaveSystemSettingsValues, useSystemSettingsValues, useCloseAction }}
 | 
					 | 
				
			||||||
        schema={schema}
 | 
					 | 
				
			||||||
      />
 | 
					 | 
				
			||||||
    </ActionContextProvider>
 | 
					 | 
				
			||||||
  );
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
 | 
				
			|||||||
@ -2,11 +2,8 @@ import {
 | 
				
			|||||||
  AntdSchemaComponentProvider,
 | 
					  AntdSchemaComponentProvider,
 | 
				
			||||||
  APIClient,
 | 
					  APIClient,
 | 
				
			||||||
  APIClientProvider,
 | 
					  APIClientProvider,
 | 
				
			||||||
  PluginManager,
 | 
					 | 
				
			||||||
  PluginManagerProvider,
 | 
					 | 
				
			||||||
  SchemaComponentProvider,
 | 
					  SchemaComponentProvider,
 | 
				
			||||||
  SystemSettingsProvider,
 | 
					  SystemSettingsProvider,
 | 
				
			||||||
  SystemSettingsShortcut,
 | 
					 | 
				
			||||||
  useSystemSettings,
 | 
					  useSystemSettings,
 | 
				
			||||||
} from '@nocobase/client';
 | 
					} from '@nocobase/client';
 | 
				
			||||||
import MockAdapter from 'axios-mock-adapter';
 | 
					import MockAdapter from 'axios-mock-adapter';
 | 
				
			||||||
@ -38,17 +35,7 @@ export default () => {
 | 
				
			|||||||
      <SystemSettingsProvider>
 | 
					      <SystemSettingsProvider>
 | 
				
			||||||
        <SchemaComponentProvider>
 | 
					        <SchemaComponentProvider>
 | 
				
			||||||
          <AntdSchemaComponentProvider>
 | 
					          <AntdSchemaComponentProvider>
 | 
				
			||||||
            <PluginManagerProvider components={{ SystemSettingsShortcut }}>
 | 
					            <Demo />
 | 
				
			||||||
              <PluginManager.Toolbar
 | 
					 | 
				
			||||||
                items={[
 | 
					 | 
				
			||||||
                  {
 | 
					 | 
				
			||||||
                    component: 'SystemSettingsShortcut',
 | 
					 | 
				
			||||||
                    pin: true,
 | 
					 | 
				
			||||||
                  },
 | 
					 | 
				
			||||||
                ]}
 | 
					 | 
				
			||||||
              />
 | 
					 | 
				
			||||||
              <Demo />
 | 
					 | 
				
			||||||
            </PluginManagerProvider>
 | 
					 | 
				
			||||||
          </AntdSchemaComponentProvider>
 | 
					          </AntdSchemaComponentProvider>
 | 
				
			||||||
        </SchemaComponentProvider>
 | 
					        </SchemaComponentProvider>
 | 
				
			||||||
      </SystemSettingsProvider>
 | 
					      </SystemSettingsProvider>
 | 
				
			||||||
 | 
				
			|||||||
@ -194,18 +194,6 @@ export class ClientPlugin extends Plugin {
 | 
				
			|||||||
    this.app.resource({
 | 
					    this.app.resource({
 | 
				
			||||||
      name: 'plugins',
 | 
					      name: 'plugins',
 | 
				
			||||||
      actions: {
 | 
					      actions: {
 | 
				
			||||||
        // TODO: 临时
 | 
					 | 
				
			||||||
        async getPinned(ctx, next) {
 | 
					 | 
				
			||||||
          ctx.body = [
 | 
					 | 
				
			||||||
            { component: 'CollectionManagerShortcut' },
 | 
					 | 
				
			||||||
            { component: 'ACLShortcut' },
 | 
					 | 
				
			||||||
            { component: 'WorkflowShortcut' },
 | 
					 | 
				
			||||||
            { component: 'SchemaTemplateShortcut' },
 | 
					 | 
				
			||||||
            { component: 'SystemSettingsShortcut' },
 | 
					 | 
				
			||||||
            { component: 'FileStorageShortcut' },
 | 
					 | 
				
			||||||
          ];
 | 
					 | 
				
			||||||
          await next();
 | 
					 | 
				
			||||||
        },
 | 
					 | 
				
			||||||
        async getInfo(ctx, next) {
 | 
					        async getInfo(ctx, next) {
 | 
				
			||||||
          const lang = await getLang(ctx);
 | 
					          const lang = await getLang(ctx);
 | 
				
			||||||
          const { filterByTk } = ctx.action.params;
 | 
					          const { filterByTk } = ctx.action.params;
 | 
				
			||||||
 | 
				
			|||||||
@ -1,39 +0,0 @@
 | 
				
			|||||||
import { FileOutlined } from '@ant-design/icons';
 | 
					 | 
				
			||||||
import { uid } from '@formily/shared';
 | 
					 | 
				
			||||||
import { ActionContextProvider, PluginManager, SchemaComponent } from '@nocobase/client';
 | 
					 | 
				
			||||||
import React, { useState } from 'react';
 | 
					 | 
				
			||||||
import { useTranslation } from 'react-i18next';
 | 
					 | 
				
			||||||
import { storageSchema } from './schemas/storage';
 | 
					 | 
				
			||||||
import { StorageOptions } from './StorageOptions';
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
const schema = {
 | 
					 | 
				
			||||||
  type: 'object',
 | 
					 | 
				
			||||||
  properties: {
 | 
					 | 
				
			||||||
    [uid()]: {
 | 
					 | 
				
			||||||
      'x-component': 'Action.Drawer',
 | 
					 | 
				
			||||||
      type: 'void',
 | 
					 | 
				
			||||||
      title: '{{t("File manager")}}',
 | 
					 | 
				
			||||||
      properties: {
 | 
					 | 
				
			||||||
        storageSchema,
 | 
					 | 
				
			||||||
      },
 | 
					 | 
				
			||||||
    },
 | 
					 | 
				
			||||||
  },
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
export const FileStorageShortcut = () => {
 | 
					 | 
				
			||||||
  const [visible, setVisible] = useState(false);
 | 
					 | 
				
			||||||
  const { t } = useTranslation();
 | 
					 | 
				
			||||||
  return (
 | 
					 | 
				
			||||||
    <ActionContextProvider value={{ visible, setVisible }}>
 | 
					 | 
				
			||||||
      <PluginManager.Toolbar.Item
 | 
					 | 
				
			||||||
        eventKey={'FileStorage'}
 | 
					 | 
				
			||||||
        onClick={() => {
 | 
					 | 
				
			||||||
          setVisible(true);
 | 
					 | 
				
			||||||
        }}
 | 
					 | 
				
			||||||
        icon={<FileOutlined />}
 | 
					 | 
				
			||||||
        title={t('File manager')}
 | 
					 | 
				
			||||||
      />
 | 
					 | 
				
			||||||
      <SchemaComponent components={{ StorageOptions }} schema={schema} />
 | 
					 | 
				
			||||||
    </ActionContextProvider>
 | 
					 | 
				
			||||||
  );
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
@ -12,12 +12,11 @@ import {
 | 
				
			|||||||
import { forEach } from '@nocobase/utils/client';
 | 
					import { forEach } from '@nocobase/utils/client';
 | 
				
			||||||
import React, { useContext } from 'react';
 | 
					import React, { useContext } from 'react';
 | 
				
			||||||
import { FileStoragePane } from './FileStorage';
 | 
					import { FileStoragePane } from './FileStorage';
 | 
				
			||||||
import { FileStorageShortcut } from './FileStorageShortcut';
 | 
					 | 
				
			||||||
import * as hooks from './hooks';
 | 
					import * as hooks from './hooks';
 | 
				
			||||||
import * as initializers from './initializers';
 | 
					import * as initializers from './initializers';
 | 
				
			||||||
import * as templates from './templates';
 | 
					 | 
				
			||||||
import { NAMESPACE } from './locale';
 | 
					 | 
				
			||||||
import { attachment } from './interfaces/attachment';
 | 
					import { attachment } from './interfaces/attachment';
 | 
				
			||||||
 | 
					import { NAMESPACE } from './locale';
 | 
				
			||||||
 | 
					import * as templates from './templates';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
// 注册之后就可以在 Crete collection 按钮中选择创建了
 | 
					// 注册之后就可以在 Crete collection 按钮中选择创建了
 | 
				
			||||||
forEach(templates, (template, key: string) => {
 | 
					forEach(templates, (template, key: string) => {
 | 
				
			||||||
@ -71,7 +70,6 @@ export default function (props) {
 | 
				
			|||||||
        value={{
 | 
					        value={{
 | 
				
			||||||
          components: {
 | 
					          components: {
 | 
				
			||||||
            ...ctx?.components,
 | 
					            ...ctx?.components,
 | 
				
			||||||
            FileStorageShortcut,
 | 
					 | 
				
			||||||
          },
 | 
					          },
 | 
				
			||||||
        }}
 | 
					        }}
 | 
				
			||||||
      >
 | 
					      >
 | 
				
			||||||
 | 
				
			|||||||
@ -5,7 +5,7 @@ import {
 | 
				
			|||||||
  SettingsCenterProvider,
 | 
					  SettingsCenterProvider,
 | 
				
			||||||
} from '@nocobase/client';
 | 
					} from '@nocobase/client';
 | 
				
			||||||
import React, { useContext } from 'react';
 | 
					import React, { useContext } from 'react';
 | 
				
			||||||
import { GraphCollectionPane, GraphCollectionShortcut } from './GraphCollectionShortcut';
 | 
					import { GraphCollectionPane } from './GraphCollectionShortcut';
 | 
				
			||||||
import { useGCMTranslation } from './utils';
 | 
					import { useGCMTranslation } from './utils';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export const GraphCollectionProvider = React.memo((props) => {
 | 
					export const GraphCollectionProvider = React.memo((props) => {
 | 
				
			||||||
@ -28,7 +28,6 @@ export const GraphCollectionProvider = React.memo((props) => {
 | 
				
			|||||||
        value={{
 | 
					        value={{
 | 
				
			||||||
          components: {
 | 
					          components: {
 | 
				
			||||||
            ...ctx?.components,
 | 
					            ...ctx?.components,
 | 
				
			||||||
            GraphCollectionShortcut,
 | 
					 | 
				
			||||||
          },
 | 
					          },
 | 
				
			||||||
        }}
 | 
					        }}
 | 
				
			||||||
      >
 | 
					      >
 | 
				
			||||||
 | 
				
			|||||||
@ -1,12 +1,10 @@
 | 
				
			|||||||
import { DeleteOutlined, PartitionOutlined } from '@ant-design/icons';
 | 
					import { DeleteOutlined } from '@ant-design/icons';
 | 
				
			||||||
import { css } from '@emotion/css';
 | 
					import { css } from '@emotion/css';
 | 
				
			||||||
import { uid } from '@formily/shared';
 | 
					import { uid } from '@formily/shared';
 | 
				
			||||||
import { PluginManager, SchemaComponent, useActionContext, useRequest } from '@nocobase/client';
 | 
					import { SchemaComponent, useActionContext, useRequest } from '@nocobase/client';
 | 
				
			||||||
import React, { useEffect } from 'react';
 | 
					import React, { useEffect } from 'react';
 | 
				
			||||||
import { useHistory } from 'react-router-dom';
 | 
					 | 
				
			||||||
import { useCreateActionAndRefreshCM } from './action-hooks';
 | 
					 | 
				
			||||||
import { GraphDrawPage } from './GraphDrawPage';
 | 
					import { GraphDrawPage } from './GraphDrawPage';
 | 
				
			||||||
import { useGCMTranslation } from './utils';
 | 
					import { useCreateActionAndRefreshCM } from './action-hooks';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const useCollectionValues = (options) => {
 | 
					const useCollectionValues = (options) => {
 | 
				
			||||||
  const { visible } = useActionContext();
 | 
					  const { visible } = useActionContext();
 | 
				
			||||||
@ -142,17 +140,3 @@ export const GraphCollectionPane = () => {
 | 
				
			|||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
  );
 | 
					  );
 | 
				
			||||||
};
 | 
					};
 | 
				
			||||||
 | 
					 | 
				
			||||||
export const GraphCollectionShortcut = () => {
 | 
					 | 
				
			||||||
  const { t } = useGCMTranslation();
 | 
					 | 
				
			||||||
  const history = useHistory();
 | 
					 | 
				
			||||||
  return (
 | 
					 | 
				
			||||||
    <PluginManager.Toolbar.Item
 | 
					 | 
				
			||||||
      icon={<PartitionOutlined />}
 | 
					 | 
				
			||||||
      title={t('Graph Collection')}
 | 
					 | 
				
			||||||
      onClick={() => {
 | 
					 | 
				
			||||||
        history.push('/admin/settings/graph/collections');
 | 
					 | 
				
			||||||
      }}
 | 
					 | 
				
			||||||
    />
 | 
					 | 
				
			||||||
  );
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
 | 
				
			|||||||
@ -1,20 +0,0 @@
 | 
				
			|||||||
import React from 'react';
 | 
					 | 
				
			||||||
import { useHistory } from 'react-router-dom';
 | 
					 | 
				
			||||||
import { useTranslation } from 'react-i18next';
 | 
					 | 
				
			||||||
import { CheckCircleOutlined } from '@ant-design/icons';
 | 
					 | 
				
			||||||
import { PluginManager } from '@nocobase/client';
 | 
					 | 
				
			||||||
import { NAMESPACE } from './locale';
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
export const Shortcut = () => {
 | 
					 | 
				
			||||||
  const { t } = useTranslation();
 | 
					 | 
				
			||||||
  const history = useHistory();
 | 
					 | 
				
			||||||
  return (
 | 
					 | 
				
			||||||
    <PluginManager.Toolbar.Item
 | 
					 | 
				
			||||||
      icon={<CheckCircleOutlined />}
 | 
					 | 
				
			||||||
      title={t('Verification', { ns: NAMESPACE })}
 | 
					 | 
				
			||||||
      onClick={() => {
 | 
					 | 
				
			||||||
        history.push('/admin/settings/verification/providers');
 | 
					 | 
				
			||||||
      }}
 | 
					 | 
				
			||||||
    />
 | 
					 | 
				
			||||||
  );
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
@ -1,5 +1,3 @@
 | 
				
			|||||||
import React, { useContext } from 'react';
 | 
					 | 
				
			||||||
import { Card } from 'antd';
 | 
					 | 
				
			||||||
import {
 | 
					import {
 | 
				
			||||||
  CollectionManagerContext,
 | 
					  CollectionManagerContext,
 | 
				
			||||||
  PluginManagerContext,
 | 
					  PluginManagerContext,
 | 
				
			||||||
@ -7,24 +5,25 @@ import {
 | 
				
			|||||||
  SchemaComponent,
 | 
					  SchemaComponent,
 | 
				
			||||||
  SchemaComponentOptions,
 | 
					  SchemaComponentOptions,
 | 
				
			||||||
  SettingsCenterProvider,
 | 
					  SettingsCenterProvider,
 | 
				
			||||||
  registerField,
 | 
					  useCollectionDataSource
 | 
				
			||||||
  useCollectionDataSource,
 | 
					 | 
				
			||||||
} from '@nocobase/client';
 | 
					} from '@nocobase/client';
 | 
				
			||||||
 | 
					import { Card } from 'antd';
 | 
				
			||||||
 | 
					import React, { useContext } from 'react';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
import { WorkflowPage } from './WorkflowPage';
 | 
					 | 
				
			||||||
import { ExecutionPage } from './ExecutionPage';
 | 
					 | 
				
			||||||
import { triggers } from './triggers';
 | 
					 | 
				
			||||||
import { instructions } from './nodes';
 | 
					 | 
				
			||||||
import { lang } from './locale';
 | 
					 | 
				
			||||||
import { workflowSchema } from './schemas/workflows';
 | 
					 | 
				
			||||||
import { WorkflowLink } from './WorkflowLink';
 | 
					 | 
				
			||||||
import { ExecutionResourceProvider } from './ExecutionResourceProvider';
 | 
					 | 
				
			||||||
import { ExecutionLink } from './ExecutionLink';
 | 
					import { ExecutionLink } from './ExecutionLink';
 | 
				
			||||||
 | 
					import { ExecutionPage } from './ExecutionPage';
 | 
				
			||||||
 | 
					import { ExecutionResourceProvider } from './ExecutionResourceProvider';
 | 
				
			||||||
 | 
					import { WorkflowLink } from './WorkflowLink';
 | 
				
			||||||
 | 
					import { WorkflowPage } from './WorkflowPage';
 | 
				
			||||||
 | 
					import { DynamicExpression } from './components/DynamicExpression';
 | 
				
			||||||
import OpenDrawer from './components/OpenDrawer';
 | 
					import OpenDrawer from './components/OpenDrawer';
 | 
				
			||||||
 | 
					import expressionField from './interfaces/expression';
 | 
				
			||||||
 | 
					import { lang } from './locale';
 | 
				
			||||||
 | 
					import { instructions } from './nodes';
 | 
				
			||||||
import { WorkflowTodo } from './nodes/manual/WorkflowTodo';
 | 
					import { WorkflowTodo } from './nodes/manual/WorkflowTodo';
 | 
				
			||||||
import { WorkflowTodoBlockInitializer } from './nodes/manual/WorkflowTodoBlockInitializer';
 | 
					import { WorkflowTodoBlockInitializer } from './nodes/manual/WorkflowTodoBlockInitializer';
 | 
				
			||||||
import { DynamicExpression } from './components/DynamicExpression';
 | 
					import { workflowSchema } from './schemas/workflows';
 | 
				
			||||||
import expressionField from './interfaces/expression';
 | 
					import { triggers } from './triggers';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
// registerField(expressionField.group, 'expression', expressionField);
 | 
					// registerField(expressionField.group, 'expression', expressionField);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@ -87,7 +86,6 @@ export const WorkflowProvider = (props) => {
 | 
				
			|||||||
        value={{
 | 
					        value={{
 | 
				
			||||||
          components: {
 | 
					          components: {
 | 
				
			||||||
            ...pmCtx?.components,
 | 
					            ...pmCtx?.components,
 | 
				
			||||||
            // WorkflowShortcut,
 | 
					 | 
				
			||||||
          },
 | 
					          },
 | 
				
			||||||
        }}
 | 
					        }}
 | 
				
			||||||
      >
 | 
					      >
 | 
				
			||||||
 | 
				
			|||||||
@ -1,21 +0,0 @@
 | 
				
			|||||||
import React from 'react';
 | 
					 | 
				
			||||||
import { PartitionOutlined } from '@ant-design/icons';
 | 
					 | 
				
			||||||
import { useHistory } from 'react-router-dom';
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
import { PluginManager } from '@nocobase/client';
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
import { lang } from './locale';
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
export const WorkflowShortcut = () => {
 | 
					 | 
				
			||||||
  const history = useHistory();
 | 
					 | 
				
			||||||
  return (
 | 
					 | 
				
			||||||
    <PluginManager.Toolbar.Item
 | 
					 | 
				
			||||||
      key="workflow"
 | 
					 | 
				
			||||||
      icon={<PartitionOutlined />}
 | 
					 | 
				
			||||||
      title={lang('Workflow')}
 | 
					 | 
				
			||||||
      onClick={() => {
 | 
					 | 
				
			||||||
        history.push('/admin/settings/workflow/workflows');
 | 
					 | 
				
			||||||
      }}
 | 
					 | 
				
			||||||
    />
 | 
					 | 
				
			||||||
  );
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
@ -1,15 +1,7 @@
 | 
				
			|||||||
import { ShopOutlined } from '@ant-design/icons';
 | 
					import { i18n, PluginManagerContext, RouteSwitchContext, SettingsCenterProvider } from '@nocobase/client';
 | 
				
			||||||
import {
 | 
					 | 
				
			||||||
  i18n,
 | 
					 | 
				
			||||||
  PluginManager,
 | 
					 | 
				
			||||||
  PluginManagerContext,
 | 
					 | 
				
			||||||
  RouteSwitchContext,
 | 
					 | 
				
			||||||
  SettingsCenterProvider,
 | 
					 | 
				
			||||||
} from '@nocobase/client';
 | 
					 | 
				
			||||||
import { Select } from 'antd';
 | 
					import { Select } from 'antd';
 | 
				
			||||||
import React, { useContext } from 'react';
 | 
					import React, { useContext } from 'react';
 | 
				
			||||||
import { useTranslation } from 'react-i18next';
 | 
					import { useTranslation } from 'react-i18next';
 | 
				
			||||||
import { useHistory } from 'react-router-dom';
 | 
					 | 
				
			||||||
 | 
					
 | 
				
			||||||
const ns = '@nocobase/plugin-sample-shop-i18n';
 | 
					const ns = '@nocobase/plugin-sample-shop-i18n';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@ -44,21 +36,6 @@ function OrderStatusSelect() {
 | 
				
			|||||||
  );
 | 
					  );
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export const ShopShortcut = () => {
 | 
					 | 
				
			||||||
  const { t } = useTranslation();
 | 
					 | 
				
			||||||
  const history = useHistory();
 | 
					 | 
				
			||||||
  return (
 | 
					 | 
				
			||||||
    <PluginManager.Toolbar.Item
 | 
					 | 
				
			||||||
      key="workflow"
 | 
					 | 
				
			||||||
      icon={<ShopOutlined />}
 | 
					 | 
				
			||||||
      title={t('Workflow')}
 | 
					 | 
				
			||||||
      onClick={() => {
 | 
					 | 
				
			||||||
        history.push('/admin/settings/workflow/workflows');
 | 
					 | 
				
			||||||
      }}
 | 
					 | 
				
			||||||
    />
 | 
					 | 
				
			||||||
  );
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
const ShopI18n = React.memo((props) => {
 | 
					const ShopI18n = React.memo((props) => {
 | 
				
			||||||
  const ctx = useContext(PluginManagerContext);
 | 
					  const ctx = useContext(PluginManagerContext);
 | 
				
			||||||
  const { routes, components, ...others } = useContext(RouteSwitchContext);
 | 
					  const { routes, components, ...others } = useContext(RouteSwitchContext);
 | 
				
			||||||
@ -82,7 +59,6 @@ const ShopI18n = React.memo((props) => {
 | 
				
			|||||||
        value={{
 | 
					        value={{
 | 
				
			||||||
          components: {
 | 
					          components: {
 | 
				
			||||||
            ...ctx?.components,
 | 
					            ...ctx?.components,
 | 
				
			||||||
            ShopShortcut,
 | 
					 | 
				
			||||||
          },
 | 
					          },
 | 
				
			||||||
        }}
 | 
					        }}
 | 
				
			||||||
      >
 | 
					      >
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
		Reference in New Issue
	
	Block a user