@nocobase/client 0.7.0-alpha.82 → 0.7.1-alpha.4

package/src/plugin-manager/demos/plugins/index.tsx

@@ -1,5 +0,0 @@
-export * from './plugin1';
-export * from './plugin2';
-export * from './plugin3';
-export * from './plugin4';
-export * from './plugin5';

package/src/plugin-manager/demos/plugins/plugin1.tsx

@@ -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');
-      }}
-    />
-  );
-};

package/src/plugin-manager/demos/plugins/plugin2.tsx

@@ -1,65 +0,0 @@
-import { VerifiedOutlined } from '@ant-design/icons';
-import { ISchema, useForm } from '@formily/react';
-import { ActionContext, 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 (
-    <ActionContext.Provider value={{ visible, setVisible }}>
-      <PluginManager.Toolbar.Item
-        icon={<VerifiedOutlined />}
-        title={'Plugin2'}
-        onClick={() => {
-          setVisible(true);
-        }}
-      />
-      <SchemaComponent scope={{ useCloseAction }} schema={schema} />
-    </ActionContext.Provider>
-  );
-};

package/src/plugin-manager/demos/plugins/plugin3.tsx

@@ -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');
-      }}
-    />
-  );
-};

package/src/plugin-manager/demos/plugins/plugin4.tsx

@@ -1,65 +0,0 @@
-import { VerifiedOutlined } from '@ant-design/icons';
-import { ISchema, useForm } from '@formily/react';
-import { ActionContext, 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 (
-    <ActionContext.Provider value={{ visible, setVisible }}>
-      <PluginManager.Toolbar.Item
-        icon={<VerifiedOutlined />}
-        title={'Plugin4'}
-        onClick={() => {
-          setVisible(true);
-        }}
-      />
-      <SchemaComponent scope={{ useCloseAction }} schema={schema} />
-    </ActionContext.Provider>
-  );
-};

package/src/plugin-manager/demos/plugins/plugin5.tsx

@@ -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');
-      }}
-    />
-  );
-};

package/src/plugin-manager/index.md

@@ -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>
-  );
-};
-```

package/src/plugin-manager/index.ts

@@ -1,3 +0,0 @@
-export * from './context';
-export * from './PluginManager';
-export * from './PluginManagerProvider';

package/src/powered-by/index.tsx

@@ -1,27 +0,0 @@
-import { css } from '@emotion/css';
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-
-export const PoweredBy = () => {
-  const { i18n } = useTranslation();
-  const urls = {
-    'en-US': 'https://www.nocobase.com',
-    'zh-CN': 'https://cn.nocobase.com',
-  };
-  return (
-    <div
-      className={css`
-        text-align: center;
-        color: rgba(0, 0, 0, 0.45);
-        a {
-          color: rgba(0, 0, 0, 0.45);
-          &:hover {
-            color: rgba(0, 0, 0, 0.85);
-          }
-        }
-      `}
-    >
-      Powered by <a href={urls[i18n.language] || urls['en-US']}>NocoBase</a>
-    </div>
-  );
-};

package/src/record-provider/index.md

@@ -1,30 +0,0 @@
----
-nav:
-  path: /client
-group:
-  path: /client
----
-
-# RecordProvider
-
-「Record」在这里有着特殊的意义，表示数据表的行记录。
-
-## RecordProvider
-
-提供当前行记录的上下文
-
-```tsx | pure
-<RecordProvider record={{}}></RecordProvider>
-```
-
-## useRecord()
-
-```ts
-interface User {
-  id: number;
-  username: string;
-  password: string;
-}
-
-const record = useRecord<User>();
-```

package/src/record-provider/index.tsx

@@ -1,33 +0,0 @@
-import React, { createContext, useContext } from 'react';
-import { useCurrentUserContext } from '../user';
-
-export const RecordContext = createContext({});
-export const RecordIndexContext = createContext(null);
-
-export const RecordProvider: React.FC<{ record: any }> = (props) => {
-  const { record, children } = props;
-  const __parent = useContext(RecordContext);
-  return <RecordContext.Provider value={{ ...record, __parent }}>{children}</RecordContext.Provider>;
-};
-
-export const RecordIndexProvider: React.FC<{ index: any }> = (props) => {
-  const { index, children } = props;
-  return <RecordIndexContext.Provider value={index}>{children}</RecordIndexContext.Provider>;
-};
-
-export function useRecord<D = any>() {
-  return useContext(RecordContext) as D;
-}
-
-export function useRecordIndex() {
-  return useContext(RecordIndexContext);
-}
-
-export const useRecordIsOwn = () => {
-  const record = useRecord();
-  const ctx = useCurrentUserContext();
-  if (!record?.createdById) {
-    return false;
-  }
-  return record?.createdById === ctx?.data?.data?.id;
-};

package/src/route-switch/RouteSwitch.tsx

@@ -1,59 +0,0 @@
-import React from 'react';
-import { Redirect, Route, Switch } from 'react-router-dom';
-import { RouteContext } from './context';
-import { useRouteComponent } from './hooks';
-import { RouteSwitchProps } from './types';
-
-export function RouteSwitch(props: RouteSwitchProps) {
-  const { routes = [] } = props;
-  if (!routes.length) {
-    return null;
-  }
-  return (
-    <Switch>
-      {routes.map((route, index) => {
-        if (route.type == 'redirect') {
-          return (
-            <Redirect
-              key={index}
-              to={route.to}
-              push={route.push}
-              from={route.from}
-              path={route.path}
-              exact={route.exact}
-              strict={route.strict}
-            />
-          );
-        }
-        if (!route.path && Array.isArray(route.routes)) {
-          route.path = route.routes.map((r) => r.path) as any;
-        }
-        return (
-          <Route
-            key={index}
-            path={route.path}
-            exact={route.exact}
-            strict={route.strict}
-            sensitive={route.sensitive}
-            render={(props) => {
-              return (
-                <RouteContext.Provider value={route}>
-                  <ComponentRenderer {...props} route={route} />
-                </RouteContext.Provider>
-              );
-            }}
-          />
-        );
-      })}
-    </Switch>
-  );
-}
-
-function ComponentRenderer(props) {
-  const Component = useRouteComponent(props?.route?.component);
-  return (
-    <Component {...props}>
-      <RouteSwitch routes={props.route.routes} />
-    </Component>
-  );
-}

package/src/route-switch/RouteSwitchProvider.tsx

@@ -1,20 +0,0 @@
-import { Spin } from 'antd';
-import React from 'react';
-import { useRequest } from '../api-client';
-import { RouteSwitchContext } from './context';
-import { RouteSwitchProviderProps } from './types';
-
-export function RouteSwitchProvider(props: RouteSwitchProviderProps) {
-  const { children, components, routes } = props;
-  return <RouteSwitchContext.Provider value={{ routes, components }}>{children}</RouteSwitchContext.Provider>;
-}
-
-export function RemoteRouteSwitchProvider(props: RouteSwitchProviderProps) {
-  const { data, loading } = useRequest({
-    url: 'uiRoutes:getAccessible',
-  });
-  if (loading) {
-    return <Spin />;
-  }
-  return <RouteSwitchProvider {...props} routes={data?.data || []} />;
-}

package/src/route-switch/__tests__/RouteSwitch.test.tsx

@@ -1,33 +0,0 @@
-import { render } from '@testing-library/react';
-import React from 'react';
-import { MemoryRouter } from 'react-router-dom';
-import { RouteSwitch } from '../RouteSwitch';
-import { RouteSwitchProvider } from '../RouteSwitchProvider';
-
-const Home = () => <h1>Home</h1>;
-const About = () => <h1>About</h1>;
-
-describe('route-switch', () => {
-  it('case 1', () => {
-    const App = () => {
-      return (
-        <RouteSwitchProvider components={{ Home, About }}>
-          <MemoryRouter initialEntries={['/']}>
-            <RouteSwitch
-              routes={[
-                {
-                  type: 'route',
-                  path: '/',
-                  exact: true,
-                  component: 'Home',
-                },
-              ]}
-            />
-          </MemoryRouter>
-        </RouteSwitchProvider>
-      );
-    };
-    const { container } = render(<App />);
-    expect(container).toMatchSnapshot();
-  });
-});

package/src/route-switch/__tests__/__snapshots__/RouteSwitch.test.tsx.snap

@@ -1,9 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`route-switch case 1 1`] = `
-<div>
-  <h1>
-    Home
-  </h1>
-</div>
-`;

package/src/route-switch/antd/admin-layout/index.md

@@ -1,27 +0,0 @@
----
-nav:
-  path: /client
-group:
-  title: Route Components
-  path: /route-components
----
-
-# AdminLayout <Badge>待定</Badge>
-
-结构
-
-- Layout
-- Layout.Header
-  - SiteTitle
-  - Menu（SchemaComponent）
-  - PluginManager.Toolbar
-    - DesignableAction
-    - CollectionManager.Action
-    - ACL.Action
-    - SystemSettings.Action
-    - CurrentUser.Dropdown
-- Layout.Sider
-  - SideMenu（随 Menu 联动的）
-- Layout.Content
-  - PageTitle
-  - SchemaComponent