文档整理

docs/renderers/ButtonGroup.md

@@ -1,4 +1,4 @@
-## Button-Group
+## ButtonGroup
 
 按钮集合。
 

examples/components/Doc.jsx

@@ -617,9 +617,9 @@ export default {
                     }),
                 },
                 {
-                    label: 'Button-Group',
+                    label: 'ButtonGroup',
-                    path: '/docs/renderers/Button-Group',
+                    path: '/docs/renderers/ButtonGroup',
-                    getComponent: (location, cb) => require(['../../docs/renderers/Button-Group.md'], (doc) => {
+                    getComponent: (location, cb) => require(['../../docs/renderers/ButtonGroup.md'], (doc) => {
                         cb(null, makeMarkdownRenderer(doc));
                     }),
                 },

scss/components/form/_combo.scss

@@ -191,6 +191,10 @@
     color: $text--muted-color;
     font-size: $fontSizeSm;
     margin-left: $gap-xs;
+
+    &:empty {
+        display: none;
+    }
 }
 
 .#{$ns}ComboControl.is-inline {

src/renderers/Form/ButtonGroup.tsx

@@ -81,7 +81,8 @@ export default class ButtonGroupControl extends React.Component<ButtonGroupProps
                 activeLevel: btnActiveLevel,
                 ...button
             }, {
-                key
+                key,
+                className: cx(button.className, btnClassName),
             }));
         }
 

src/types.ts

@@ -67,6 +67,7 @@ export interface Button {
     icon?: string;
     size?: string;
     disabled?: boolean;
+    className?: string;
 };
 
 export type SchemaNode = number | string | Schema | SchemaArray;