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

fix: use advance instead of basic and put it at the bottom

Browse Source
This commit is contained in:
xzdry 2022-02-15 12:34:01 +08:00
parent eb58535565
commit 0aa55c7ad0
1 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
packages/editor/src/components/ComponentForm/JsonSchemaForm/TopLevelField.tsx
View File

@ -12,17 +12,17 @@ import {
Accordion, Accordion,
} from '@chakra-ui/react'; } from '@chakra-ui/react';
type ExpandedSpec = { type ExpandSpec = {
category?: string; category?: string;
weight?: string; weight?: number;
name?: string; name?: string;
}; };
type Property = Record<string, JSONSchema7 & ExpandedSpec>; type Property = Record<string, JSONSchema7 & ExpandSpec>;
type Category = { type Category = {
name: string; name: string;
schemas: (JSONSchema7 & ExpandedSpec)[]; schemas: (JSONSchema7 & ExpandSpec)[];
}; };
const TopLevelField: React.FC<FieldProps> = props => { const TopLevelField: React.FC<FieldProps> = props => {
@ -34,12 +34,23 @@ const TopLevelField: React.FC<FieldProps> = props => {
const schema = properties[name]; const schema = properties[name];
schema.name = name; schema.name = name;
}); });
const grouped = groupBy(properties, c => c.category || 'Basic'); const grouped = groupBy(properties, c => c.category || 'Advance');
return Object.keys(grouped).map(name => ({ const advance = grouped.Advance;
Reflect.deleteProperty(grouped, 'Advance');
const categories = Object.keys(grouped).map(name => ({
name, name,
schemas: sortBy(grouped[name],'weight'), schemas: sortBy(grouped[name], c => -(c.weight ?? -Infinity)),
})); }));
if (advance) {
categories.push({
name: 'Advance',
schemas: sortBy(advance, c => -(c.weight ?? -Infinity)),
});
}
return categories;
}, [schema.properties]); }, [schema.properties]);
return ( return (