sort group

src/components/editor.tsx

@@ -553,7 +553,7 @@ export const Editor: FC<EditorProps> = ({ onUpdate: updateState, data: editor, .
     if (isTreeUpdated(editor, editTree)) {
       editor.data.desc = editTree.data.desc || "";
       editor.data.export = editTree.data.export !== false;
-      editor.data.group = editTree.data.group || [];
+      editor.data.group = editTree.data.group;
       editor.data.firstid = editTree.data.firstid ?? 1;
       editor.declare.declvar = editTree.data.declvar || [];
       editor.declare.import = editTree.data.import || [];

src/components/inspector.tsx

@@ -115,9 +115,9 @@ const TreeInspector: FC = () => {
         export: values.export,
         firstid: Number(values.firstid),
         group: (values.group as GroupDef[])
-          .map((v) => (v.value ? v.name : undefined))
+          .map((v) => (v.value ? v.name : ""))
           .filter((v) => v)
-          .sort(),
+          .sort((a, b) => a.localeCompare(b)),
         declvar: (values.declvar as VarDef[])
           .filter((v) => v && v.name)
           .sort((a, b) => a.name.localeCompare(b.name)),
@@ -246,7 +246,7 @@ const TreeInspector: FC = () => {
                           ]}
                         >
                           <Input
-                            style={{ width: "75%" }}
+                            style={{ width: "60%" }}
                             placeholder={t("tree.vars.desc")}
                             onBlur={form.submit}
                           />