feat(theme): add badge built-in component

packages/preset-dumi/src/themes/default/builtins/Badge.less

@@ -0,0 +1,31 @@
+@import (reference) '../variables.less';
+
+.@{prefix}-badge {
+  display: inline-block;
+  margin-left: 6px;
+  padding: 1px 7px;
+  color: #fff;
+  font-size: 13px;
+  line-height: 20px;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 6px 16px -2px rgba(0, 0, 0, 0.06);
+  border-radius: 1px;
+  vertical-align: top;
+
+  &:not([type]),
+  &[type='info'] {
+    background: @c-primary;
+  }
+
+  &[type='warning'] {
+    background: #ffc121;
+  }
+
+  &[type='success'] {
+    background: #8cd225;
+  }
+
+  &[type='error'] {
+    background: #ff4646;
+  }
+}

packages/preset-dumi/src/themes/default/builtins/Badge.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import './Badge.less';
+
+export default ({ children, ...props }) => (
+  <span className="__dumi-default-badge" {...props}>
+    {children}
+  </span>
+);

packages/preset-dumi/src/transformer/index.ts

@@ -47,6 +47,7 @@ function wrapperHtmlByComponent(jsx: string, meta: TransformResult['config']) {
     import { Link } from 'umi';
     import React from 'react';
     import Alert from '${slash(path.join(__dirname, '../themes/default/builtins/Alert.js'))}';
+    import Badge from '${slash(path.join(__dirname, '../themes/default/builtins/Badge.js'))}';
     import DumiPreviewer from '${slash(
       path.join(__dirname, '../themes/default/builtins/Previewer.js'),
     )}';