mirror/sunmao-ui
2
0
Fork 0
mirror of https://github.com/smartxworks/sunmao-ui.git synced 2025-01-30 17:09:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(editor): fix the API's response doesn't display

Browse Source
This commit is contained in:
MrWindlike 2022-03-03 14:04:36 +08:00
parent ea9f331fa7
commit eba99423c3
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/editor/src/components/DataSource/ApiForm/ApiForm.tsx
View File

@ -1,6 +1,6 @@
import React, { useState, useEffect, useMemo, useCallback } from 'react';
import { ComponentSchema } from '@sunmao-ui/core';
import { FetchTraitPropertiesSchema } from '@sunmao-ui/runtime';
import { FetchTraitPropertiesSchema, watch } from '@sunmao-ui/runtime';
import { Static } from '@sinclair/typebox';
import {
Box,
@ -48,13 +48,14 @@ const METHODS = ['get', 'post', 'put', 'delete', 'patch'];
export const ApiForm: React.FC<Props> = props => {
const { api, services, store, className } = props;
const { editorStore, stateManager } = services;
const [reactiveStore, setReactiveStore] = useState<Record<string, any>>({});
const [isEditing, setIsEditing] = useState(false);
const [name, setName] = useState(api.id);
const [tabIndex, setTabIndex] = useState(0);
const { registry, eventBus } = services;
const result = useMemo(() => {
return store[api.id]?.fetch ?? {};
}, [api.id, store]);
return reactiveStore[api.id]?.fetch ?? {};
}, [api.id, reactiveStore]);
const traitIndex = useMemo(
() => api.traits.findIndex(({ type }) => type === 'core/v1/fetch'),
[api.traits]
@ -137,6 +138,13 @@ export const ApiForm: React.FC<Props> = props => {
setName(api.id);
}
}, [api.id]);
useEffect(() => {
const stop = watch(store, newValue => {
setReactiveStore({ ...newValue });
});
return stop;
}, [store]);
return (
<VStack