diff --git a/.plop/index.ts b/.plop/index.ts
new file mode 100644
index 0000000..7983201
--- /dev/null
+++ b/.plop/index.ts
@@ -0,0 +1,26 @@
+import path from "path";
+import minimist from "minimist";
+import { fileURLToPath } from "url";
+import { Plop, run } from "plop";
+
+// == Types ================================================================
+
+// == Constants ============================================================
+
+const args = process.argv.slice(2);
+const argv = minimist(args);
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+// == Exports ==============================================================
+
+Plop.prepare(
+ {
+ cwd: argv.cwd,
+ configPath: path.resolve(__dirname, "plopfile.ts"),
+ preload: argv.preload || [],
+ completion: argv.completion,
+ },
+ (env) => {
+ return run(env, undefined, true);
+ }
+);
diff --git a/.plop/plopfile.ts b/.plop/plopfile.ts
new file mode 100644
index 0000000..67202bd
--- /dev/null
+++ b/.plop/plopfile.ts
@@ -0,0 +1,70 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import path from 'path';
+import { fileURLToPath } from "url";
+import { NodePlopAPI } from 'plop';
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+export default function (plop: NodePlopAPI) {
+ plop.setGenerator('component', {
+ description: '创建一个新组件',
+ prompts: [
+ { type: 'input', name: 'name', message: '请输入组件名称（多个单词以中横线命名）' },
+ { type: 'input', name: 'CN', message: '请输入组件中文名称' },
+ { type: 'input', name: 'description', message: '请输入组件描述' },
+ ],
+ actions: [
+ {
+ type: 'add',
+ path: path.resolve(__dirname, '../src/{{kebabCase name}}/index.ts'),
+ templateFile: path.resolve(__dirname, './template/index.hbs'),
+ },
+ {
+ type: 'add',
+ path: path.resolve(__dirname, '../src/{{kebabCase name}}/{{pascalCase name}}.tsx'),
+ templateFile: path.resolve(__dirname, './template/comp.hbs'),
+ },
+ {
+ type: 'add',
+ path: path.resolve(__dirname, '../src/{{kebabCase name}}/style/index.less'),
+ templateFile: path.resolve(__dirname, './template/style/style.hbs'),
+ },
+ {
+ type: 'add',
+ path: path.resolve(__dirname, '../src/{{kebabCase name}}/style/index.ts'),
+ templateFile: path.resolve(__dirname, './template/style/index.hbs'),
+ },
+ {
+ type: 'add',
+ path: path.resolve(__dirname, '../docs/components/{{kebabCase name}}.md'),
+ templateFile: path.resolve(__dirname, './template/doc.hbs'),
+ },
+ {
+ type: 'add',
+ path: path.resolve(__dirname, '../src/{{kebabCase name}}/{{camelCase name}}Types.ts'),
+ templateFile: path.resolve(__dirname, './template/types.hbs'),
+ },
+ {
+ type: 'add',
+ path: path.resolve(__dirname, '../src/{{kebabCase name}}/demos/basic.tsx'),
+ templateFile: path.resolve(__dirname, './template/demos/basic.hbs'),
+ },
+ {
+ type: 'add',
+ path: path.resolve(__dirname, '../src/{{kebabCase name}}/__tests__/{{pascalCase name}}.spec.tsx'),
+ templateFile: path.resolve(__dirname, './template/__tests__/index.spec.hbs'),
+ },
+ {
+ type: 'append',
+ path: path.resolve(__dirname, '../src/index.ts'),
+ pattern: '/* PLOP_INJECT_EXPORT */',
+ template: "export { default as {{pascalCase name}} } from './{{kebabCase name}}'",
+ },
+ {
+ type: 'append',
+ path: path.resolve(__dirname, '../.umirc.ts'),
+ pattern: '/* PLOP_INJECT_MD */',
+ template: "'/components/{{kebabCase name}}.md',",
+ },
+ ],
+ });
+}
diff --git a/.plop/template/__tests__/index.spec.hbs b/.plop/template/__tests__/index.spec.hbs
new file mode 100644
index 0000000..b0b5653
--- /dev/null
+++ b/.plop/template/__tests__/index.spec.hbs
@@ -0,0 +1,10 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import {{pascalCase name}} from '../index';
+
+describe('{{pascalCase name}}', () => {
+ it('renders without error', () => {
+
+ });
+});
diff --git a/.plop/template/comp.hbs b/.plop/template/comp.hbs
new file mode 100644
index 0000000..78520f9
--- /dev/null
+++ b/.plop/template/comp.hbs
@@ -0,0 +1,14 @@
+import React from 'react';
+import { {{pascalCase name}}Props } from './{{camelCase name}}Types';
+
+const defaultProps = {
+
+};
+
+const {{pascalCase name}}: React.FC<{{pascalCase name}}Props> = userProps => {
+ const props = { ...defaultProps, ...userProps };
+
+ return <>{{pascalCase name}};
+};
+
+export default {{pascalCase name}};
diff --git a/.plop/template/demos/basic.hbs b/.plop/template/demos/basic.hbs
new file mode 100644
index 0000000..cc39aff
--- /dev/null
+++ b/.plop/template/demos/basic.hbs
@@ -0,0 +1,6 @@
+import React from 'react';
+import {{pascalCase name}} from '../{{pascalCase name}}';
+
+export default () => (
+<{{pascalCase name}} />
+);
diff --git a/.plop/template/doc.hbs b/.plop/template/doc.hbs
new file mode 100644
index 0000000..e4ddd12
--- /dev/null
+++ b/.plop/template/doc.hbs
@@ -0,0 +1,12 @@
+# {{pascalCase name}} {{CN}}
+
+{{description}}
+
+## 代码演示
+
+### 基本用法
+
+