feat: chapter-1 准备工作

Author: zhaozhiwen

.commitlintrc.js

@@ -0,0 +1 @@
+module.exports = { extends: ['@commitlint/config-conventional'] };

.editorconfig

@@ -0,0 +1,16 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[Makefile]
+indent_style = tab

.eslintignore

@@ -0,0 +1 @@
+*.js

.eslintrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  extends: [require.resolve('@umijs/fabric/dist/eslint')],
+  rules: {
+    'react/require-default-props': 0,
+  },
+};

.gitignore

@@ -0,0 +1,32 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+/.vscode
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+/site
+# testing
+/coverage
+
+# production
+/build
+/dist
+/lib
+/es
+/.docz
+/.doc-site
+/types
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

.prettierrc.js

@@ -0,0 +1,5 @@
+const fabric = require('@umijs/fabric');
+
+module.exports = {
+  ...fabric.prettier,
+};

.stylelintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: [require.resolve('@umijs/fabric/dist/stylelint')],
+};

components/alert/alert.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import t from 'prop-types';
+
+import { AlertProps, KindMap } from './interface';
+
+const prefixCls = 'happy-alert';
+
+const kinds: KindMap = {
+  info: '#5352ED',
+  positive: '#2ED573',
+  negative: '#FF4757',
+  warning: '#FFA502',
+};
+
+const Alert: React.FC<AlertProps> = ({ children, kind = 'info', ...rest }) => (
+  <div
+    className={prefixCls}
+    style={{
+      background: kinds[kind],
+    }}
+    {...rest}
+  >
+    {children}
+  </div>
+);
+
+Alert.propTypes = {
+  kind: t.oneOf(['info', 'positive', 'negative', 'warning']),
+};
+
+export default Alert;

components/alert/index.ts

@@ -0,0 +1,5 @@
+import Alert from './alert';
+
+export default Alert;
+
+export * from './interface';

components/alert/interface.ts

@@ -0,0 +1,10 @@
+export type Kind = 'info' | 'positive' | 'negative' | 'warning';
+export type KindMap = Record<Kind, string>;
+
+export interface AlertProps {
+  /**
+   * Set this to change alert kind
+   * @default info
+   */
+  kind?: 'info' | 'positive' | 'negative' | 'warning';
+}