test/nocobase2
1
0
Fork 0
mirror of https://gitee.com/nocobase/nocobase.git synced 2024-12-01 11:47:51 +08:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

feat: improve demo

Browse Source
This commit is contained in:
chenos 2022-01-21 09:38:34 +08:00
parent 48722c7c99
commit 84f3ed1564
1 changed files with 31 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
packages/client/src/schema-component/antd/cascader/demos/demo2.tsx
View File

@ -2,7 +2,14 @@ import { FormItem } from '@formily/antd';
import { ArrayField } from '@formily/core';
import { useField } from '@formily/react';
import { action } from '@formily/reactive';
import { APIClient, APIClientProvider, Cascader, SchemaComponent, SchemaComponentProvider } from '@nocobase/client';
import {
APIClient,
APIClientProvider,
Cascader,
SchemaComponent,
SchemaComponentProvider,
useAPIClient
} from '@nocobase/client';
import MockAdapter from 'axios-mock-adapter';
import React from 'react';
@ -35,29 +42,28 @@ const useAsyncDataSource = (api: APIClient) => (field) => {
);
};
const useLoadData = (api: APIClient) => {
return () => {
// hook 写在这里
const field = useField<ArrayField>();
return (selectedOptions) => {
const targetOption = selectedOptions[selectedOptions.length - 1];
targetOption.loading = true;
// load options lazily
setTimeout(() => {
targetOption.loading = false;
targetOption.children = [
{
label: `${targetOption.label} Dynamic 1`,
value: 'dynamic1',
},
{
label: `${targetOption.label} Dynamic 2`,
value: 'dynamic2',
},
];
field.dataSource = [...field.dataSource];
}, 500);
};
const useLoadData = () => {
// hook 写在这里
const api = useAPIClient();
const field = useField<ArrayField>();
return (selectedOptions) => {
const targetOption = selectedOptions[selectedOptions.length - 1];
targetOption.loading = true;
// load options lazily
setTimeout(() => {
targetOption.loading = false;
targetOption.children = [
{
label: `${targetOption.label} Dynamic 1`,
value: 'dynamic1',
},
{
label: `${targetOption.label} Dynamic 2`,
value: 'dynamic2',
},
];
field.dataSource = [...field.dataSource];
}, 500);
};
};
@ -73,7 +79,7 @@ const schema = {
changeOnSelectLast: false,
labelInValue: true,
maxLevel: 3,
useLoadData: '{{useLoadData(apiClient)}}',
useLoadData: '{{useLoadData}}',
// fieldNames: {
// label: 'name',
// value: 'code',