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

package/src/application/__tests__/__snapshots__/compose.test.tsx.snap

@@ -1,77 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`compose case 1 1`] = `
-<div>
-  <div>
-    <h1>
-      A
-    </h1>
-  </div>
-</div>
-`;
-
-exports[`compose case 2 1`] = `
-<div>
-  <div>
-    <h1>
-      A
-    </h1>
-    <div>
-      <h1>
-        B
-      </h1>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`compose case 3 1`] = `
-<div>
-  <div>
-    <h1>
-      A
-    </h1>
-  </div>
-</div>
-`;
-
-exports[`compose case 4 1`] = `
-<div>
-  <div>
-    <h1>
-      A
-    </h1>
-    <div>
-      <h1>
-        B
-      </h1>
-      <div>
-        <h1>
-          C
-        </h1>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`compose case 5 1`] = `
-<div>
-  <div>
-    <h1>
-      A 
-    </h1>
-    <div>
-      <h1>
-        B 
-        1
-      </h1>
-      <div>
-        <h1>
-          C
-        </h1>
-      </div>
-    </div>
-  </div>
-</div>
-`;

package/src/application/__tests__/compose.test.tsx

@@ -1,95 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { compose } from '../';
-
-describe('compose', () => {
-  it('case 1', () => {
-    const A: React.FC = (props) => (
-      <div>
-        <h1>A</h1>
-        {props.children}
-      </div>
-    );
-    const App = compose(A)();
-    const { container } = render(<App />);
-    expect(container).toMatchSnapshot();
-  });
-
-  it('case 2', () => {
-    const A: React.FC = (props) => (
-      <div>
-        <h1>A</h1>
-        {props.children}
-      </div>
-    );
-    const B: React.FC = (props) => (
-      <div>
-        <h1>B</h1>
-        {props.children}
-      </div>
-    );
-    const App = compose(A)(B);
-    const { container } = render(<App />);
-    expect(container).toMatchSnapshot();
-  });
-
-  it('case 3', () => {
-    const A: React.FC = (props) => (
-      <div>
-        <h1>A</h1>
-        {props.children}
-      </div>
-    );
-    const App = compose([A])();
-    const { container } = render(<App />);
-    expect(container).toMatchSnapshot();
-  });
-
-  it('case 4', () => {
-    const A: React.FC = (props) => (
-      <div>
-        <h1>A</h1>
-        {props.children}
-      </div>
-    );
-    const B: React.FC = (props) => (
-      <div>
-        <h1>B</h1>
-        {props.children}
-      </div>
-    );
-    const C: React.FC = (props) => (
-      <div>
-        <h1>C</h1>
-        {props.children}
-      </div>
-    );
-    const App = compose(A, B)(C);
-    const { container } = render(<App />);
-    expect(container).toMatchSnapshot();
-  });
-
-  it('case 5', () => {
-    const A: React.FC<any> = (props) => (
-      <div>
-        <h1>A {props.name}</h1>
-        {props.children}
-      </div>
-    );
-    const B: React.FC<any> = (props) => (
-      <div>
-        <h1>B {props.name}</h1>
-        {props.children}
-      </div>
-    );
-    const C: React.FC<any> = (props) => (
-      <div>
-        <h1>C</h1>
-        {props.children}
-      </div>
-    );
-    const App = compose(A, [B, { name: '1' }])(C);
-    const { container } = render(<App />);
-    expect(container).toMatchSnapshot();
-  });
-});

package/src/application/compose.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-
-const Blank = ({ children }) => children || null;
-
-export const compose = (...components: any[]) => {
-  const Root = [...components, Blank].reduce((parent, child) => {
-    const [Parent, parentProps] = Array.isArray(parent) ? parent : [parent];
-    const [Child, childProps] = Array.isArray(child) ? child : [child];
-    return ({ children }) => (
-      <Parent {...parentProps}>
-        <Child {...childProps}>{children}</Child>
-      </Parent>
-    );
-  });
-  return (LastChild?: any) => (props?: any) => {
-    return <Root>{LastChild && <LastChild {...props} />}</Root>;
-  };
-};

package/src/application/demos/demo1/Hello.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import { useDesignable } from '@nocobase/client';
-import { Button } from 'antd';
-import { observer } from '@formily/react';
-
-export const Hello: React.FC<any> = observer(({ name }) => {
-  const { patch, remove } = useDesignable();
-  return (
-    <div>
-      <h1>Hello {name}!</h1>
-      <Button
-        onClick={() => {
-          patch('x-component-props.name', Math.random());
-        }}
-      >
-        更新
-      </Button>
-    </div>
-  );
-});

package/src/application/demos/demo1/RouteSchemaComponent.tsx

@@ -1,7 +0,0 @@
-import React from 'react';
-import { SchemaComponent, useRoute } from '@nocobase/client';
-
-export const RouteSchemaComponent = () => {
-  const route = useRoute();
-  return <SchemaComponent schema={route.schema} />;
-};

package/src/application/demos/demo1/index.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import { Link, MemoryRouter } from 'react-router-dom';
-import { RouteSwitchProvider, RouteSwitch, SchemaComponentProvider, compose } from '@nocobase/client';
-import { Hello } from './Hello';
-import { RouteSchemaComponent } from './RouteSchemaComponent';
-import routes from './routes';
-
-const providers = [
-  [MemoryRouter, { initialEntries: ['/'] }],
-  [SchemaComponentProvider, { components: { Hello } }],
-  [RouteSwitchProvider, { components: { RouteSchemaComponent } }],
-];
-
-const App = compose(...providers)(() => {
-  return (
-    <div>
-      <Link to={'/'}>Home</Link>,<Link to={'/about'}>About</Link>
-      <RouteSwitch routes={routes} />
-    </div>
-  );
-});
-
-export default App;

package/src/application/demos/demo1/routes.ts

@@ -1,29 +0,0 @@
-import { RouteRedirectProps } from '@nocobase/client';
-
-export default [
-  {
-    type: 'route',
-    path: '/',
-    exact: true,
-    component: 'RouteSchemaComponent',
-    schema: {
-      name: 'home',
-      'x-component': 'Hello',
-      'x-component-props': {
-        name: 'Home',
-      },
-    },
-  },
-  {
-    type: 'route',
-    path: '/about',
-    component: 'RouteSchemaComponent',
-    schema: {
-      name: 'home',
-      'x-component': 'Hello',
-      'x-component-props': {
-        name: 'About',
-      },
-    },
-  },
-] as Array<RouteRedirectProps>;

package/src/application/demos/demo2/apiClient.ts

@@ -1,10 +0,0 @@
-import { APIClient } from '@nocobase/client';
-import mock from './mock';
-
-const apiClient = new APIClient({
-  baseURL: `${location.protocol}//${location.host}/api/`,
-});
-
-mock(apiClient);
-
-export default apiClient;

package/src/application/demos/demo2/index.tsx

@@ -1,65 +0,0 @@
-import {
-  ACLShortcut,
-  AdminLayout,
-  AntdConfigProvider,
-  AntdSchemaComponentProvider,
-  APIClientProvider,
-  AuthLayout,
-  CollectionManagerProvider,
-  CollectionManagerShortcut,
-  compose,
-  DesignableSwitch,
-  DocumentTitleProvider,
-  i18n,
-  PluginManagerProvider,
-  RouteSchemaComponent,
-  RouteSwitch,
-  RouteSwitchProvider,
-  SchemaComponentProvider,
-  SchemaInitializerProvider,
-  SigninPage,
-  SignupPage,
-  SystemSettingsProvider,
-  SystemSettingsShortcut,
-  useRequest
-} from '@nocobase/client';
-import { Spin } from 'antd';
-import React from 'react';
-import { I18nextProvider } from 'react-i18next';
-import { Link, MemoryRouter, NavLink } from 'react-router-dom';
-import apiClient from './apiClient';
-
-const providers = [
-  // [HashRouter],
-  [MemoryRouter, { initialEntries: ['/'] }],
-  [APIClientProvider, { apiClient }],
-  [I18nextProvider, { i18n }],
-  [AntdConfigProvider, { remoteLocale: true }],
-  SystemSettingsProvider,
-  [
-    PluginManagerProvider,
-    { components: { ACLShortcut, DesignableSwitch, CollectionManagerShortcut, SystemSettingsShortcut } },
-  ],
-  [SchemaComponentProvider, { components: { Link, NavLink } }],
-  CollectionManagerProvider,
-  AntdSchemaComponentProvider,
-  SchemaInitializerProvider,
-  [DocumentTitleProvider, { addonAfter: 'NocoBase' }],
-  [RouteSwitchProvider, { components: { AuthLayout, AdminLayout, RouteSchemaComponent, SigninPage, SignupPage } }],
-];
-
-const App = compose(...providers)(() => {
-  const { data, loading } = useRequest({
-    url: 'routes:getAccessible',
-  });
-  if (loading) {
-    return <Spin />;
-  }
-  return (
-    <div>
-      <RouteSwitch routes={data?.data || []} />
-    </div>
-  );
-});
-
-export default App;

package/src/application/demos/demo2/mock.ts

@@ -1,198 +0,0 @@
-import { uid } from '@formily/shared';
-import { APIClient } from '@nocobase/client';
-import MockAdapter from 'axios-mock-adapter';
-
-export default (apiClient: APIClient) => {
-  const mock = new MockAdapter(apiClient.axios);
-
-  mock.onGet('/app:getLang').reply(200, {
-    data: { lang: 'en-US' },
-  });
-
-  mock.onGet('/systemSettings:get/1').reply(200, {
-    data: {
-      title: 'NocoBase',
-    },
-  });
-
-  const jsonSchema = {
-    qqzzjakwkwl: {
-      name: 'qqzzjakwkwl',
-      type: 'void',
-      'x-component': 'Menu',
-      'x-component-props': {
-        mode: 'mix',
-        theme: 'dark',
-        // defaultSelectedUid: 'u8',
-        onSelect: '{{ onSelect }}',
-        sideMenuRefScopeKey: 'sideMenuRef',
-      },
-      properties: {
-        item3: {
-          type: 'void',
-          title: 'SubMenu u3',
-          'x-uid': 'u3',
-          'x-component': 'Menu.SubMenu',
-          'x-component-props': {},
-          properties: {
-            item6: {
-              type: 'void',
-              title: 'SubMenu u6',
-              'x-uid': 'u6',
-              'x-component': 'Menu.SubMenu',
-              'x-component-props': {},
-              properties: {
-                item7: {
-                  type: 'void',
-                  title: 'Menu Item u7',
-                  'x-uid': 'u7',
-                  'x-component': 'Menu.Item',
-                  'x-component-props': {},
-                },
-                item8: {
-                  type: 'void',
-                  title: 'Menu Item u8',
-                  'x-uid': 'u8',
-                  'x-component': 'Menu.Item',
-                  'x-component-props': {},
-                },
-              },
-            },
-            item4: {
-              type: 'void',
-              title: 'Menu Item u4',
-              'x-uid': 'u4',
-              'x-component': 'Menu.Item',
-              'x-component-props': {},
-            },
-            item5: {
-              type: 'void',
-              title: 'Menu Item u5',
-              'x-uid': 'u5',
-              'x-component': 'Menu.Item',
-              'x-component-props': {},
-            },
-          },
-        },
-        item1: {
-          type: 'void',
-          title: 'Menu Item u1',
-          'x-uid': 'u1',
-          'x-component': 'Menu.Item',
-          'x-component-props': {},
-        },
-        item2: {
-          type: 'void',
-          title: 'Menu Item u2',
-          'x-uid': 'u2',
-          'x-component': 'Menu.Item',
-          'x-component-props': {},
-        },
-        item9: {
-          type: 'void',
-          title: 'SubMenu u9',
-          'x-uid': 'u9',
-          'x-component': 'Menu.SubMenu',
-          'x-component-props': {},
-          properties: {
-            item10: {
-              type: 'void',
-              title: 'Menu Item u10',
-              'x-uid': 'u10',
-              'x-component': 'Menu.Item',
-              'x-component-props': {},
-            },
-          },
-        },
-      },
-    },
-  };
-
-  mock.onGet(/\/uiSchemas\:getJsonSchema\/(\w+)/).reply(function (config) {
-    const name = config.url.split('/').pop();
-    console.log(name);
-    if (jsonSchema[name]) {
-      return [200, { data: jsonSchema[name] }];
-    }
-    const response = {
-      data: {
-        type: 'void',
-        name: name,
-        'x-uid': name,
-        'x-component': 'Page',
-        properties: {
-          [uid()]: {
-            type: 'void',
-            name: 'grid1',
-            'x-component': 'Grid',
-            'x-initializer': 'Grid.AddBlockItem',
-            'x-uid': uid(),
-            properties: {},
-          },
-        },
-      },
-    };
-    return [200, response];
-  });
-
-  mock.onGet(/\/uiSchemas\:getProperties\/(\w+)/).reply(function (config) {
-    // const name = config.url.split('/').pop();
-    // console.log(name);
-    // if (jsonSchema[name]) {
-    //   return [200, { data: jsonSchema[name] }];
-    // }
-    const response = {
-      data: {
-        type: 'void',
-        name:  uid(),
-        'x-uid': uid(),
-        'x-component': 'Page',
-        properties: {
-          [uid()]: {
-            type: 'void',
-            name: 'grid1',
-            'x-component': 'Grid',
-            'x-initializer': 'Grid.AddBlockItem',
-            'x-uid': uid(),
-            properties: {},
-          },
-        },
-      },
-    };
-    return [200, response];
-  });
-
-  mock.onGet('/routes:getAccessible').reply(200, {
-    data: [
-      {
-        type: 'redirect',
-        from: '/',
-        to: '/admin',
-        exact: true,
-      },
-      {
-        type: 'route',
-        uiSchemaUid: 'qqzzjakwkwl',
-        path: '/admin/:name(.+)?',
-        component: 'AdminLayout',
-        title: 'NocoBase Admin',
-      },
-      {
-        type: 'route',
-        component: 'AuthLayout',
-        routes: [
-          {
-            type: 'route',
-            path: '/signin',
-            component: 'SigninPage',
-          },
-          {
-            type: 'route',
-            path: '/signup',
-            component: 'SignupPage',
-          },
-        ],
-      },
-    ],
-  });
-};

package/src/application/index.md

@@ -1,14 +0,0 @@
----
-nav:
-  path: /client
-group:
-  path: /client
----
-
-# Application <Badge>待定</Badge>
-
-<img src="https://nocobase.oss-cn-beijing.aliyuncs.com/5be7ebc2f47effef85be7a0c75cf76f9.png" style="max-width: 800px;" />
-
-## compose
-
-<code src="./demos/demo1/index.tsx"/>

package/src/application/index.tsx

@@ -1 +0,0 @@
-export * from './compose';

package/src/async-data-provider/demos/demo1.tsx

@@ -1,22 +0,0 @@
-import React, { createContext, useContext } from 'react';
-import MockAdapter from 'axios-mock-adapter';
-import { APIClient, APIClientProvider, compose, AsyncDataProvider, useAsyncData } from '@nocobase/client';
-
-const apiClient = new APIClient();
-
-const mock = new MockAdapter(apiClient.axios);
-
-mock.onGet('/users/1').reply(200, {
-  data: { id: 1, name: 'John Smith' },
-});
-
-const providers = [
-  [APIClientProvider, { apiClient }],
-  [AsyncDataProvider, { request: { url: '/users/1' } }],
-];
-
-export default compose(...providers)(() => {
-  const { data } = useAsyncData();
-  console.log(data);
-  return <div>{data?.data?.name}</div>;
-});

package/src/async-data-provider/demos/demo2.tsx

@@ -1,50 +0,0 @@
-import React from 'react';
-import { Table } from 'antd';
-import MockAdapter from 'axios-mock-adapter';
-import { APIClientProvider, SchemaComponentProvider, SchemaComponent, useRequest, APIClient } from '@nocobase/client';
-import { observer } from '@formily/react';
-
-const apiClient = new APIClient();
-
-const mock = new MockAdapter(apiClient.axios);
-
-mock.onGet('/users').reply(200, {
-  data: [
-    { id: 1, name: 'John Smith' },
-    { id: 2, name: 'Mike' },
-  ],
-});
-
-const TableView = (props) => {
-  const { request, ...others } = props;
-  const callback = () => props.dataSource || [];
-  const { data, loading } = useRequest(props.request || callback);
-  return <Table {...others} dataSource={data?.data} loading={loading} />;
-};
-
-export default () => {
-  return (
-    <APIClientProvider apiClient={apiClient}>
-      <SchemaComponentProvider components={{ TableView }}>
-        <SchemaComponent
-          schema={{
-            type: 'void',
-            name: 'tableView',
-            'x-component': 'TableView',
-            'x-component-props': {
-              request: { url: '/users' },
-              rowKey: 'id',
-              columns: [
-                {
-                  title: 'Name',
-                  dataIndex: 'name',
-                  key: 'name',
-                },
-              ],
-            },
-          }}
-        />
-      </SchemaComponentProvider>
-    </APIClientProvider>
-  );
-};