feat: 上传版本 1.0.0

Author: twp0217

.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

.fatherrc.ts

@@ -0,0 +1,4 @@
+export default {
+  cjs: 'babel',
+  esm: 'babel',
+};

.gitignore

@@ -0,0 +1,27 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/npm-debug.log*
+/yarn-error.log
+/yarn.lock
+/package-lock.json
+
+# production
+/es
+/lib
+/docs-dist
+
+# misc
+.DS_Store
+/coverage
+
+# umi
+.umi
+.umi-production
+.umi-test
+.env.local
+
+# ide
+/.vscode
+/.idea

.prettierignore

@@ -0,0 +1,7 @@
+**/*.svg
+**/*.ejs
+**/*.html
+package.json
+.umi
+.umi-production
+.umi-test

.prettierrc.js

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

.umirc.ts

@@ -0,0 +1,11 @@
+import { defineConfig } from 'dumi';
+
+export default defineConfig({
+  title: 'react-inline-edit',
+  favicon:
+    'https://user-images.githubusercontent.com/9554297/83762004-a0761b00-a6a9-11ea-83b4-9c8ff721d4b8.png',
+  logo: 'https://user-images.githubusercontent.com/9554297/83762004-a0761b00-a6a9-11ea-83b4-9c8ff721d4b8.png',
+  outputPath: 'docs-dist',
+  // mode: 'site',
+  // more config: https://d.umijs.org/config
+});

README.md

@@ -0,0 +1,57 @@
+# react-inline-edit
+
+Inline edit component for React（基于 React 的内联编辑组件）
+
+## 安装
+
+```bash
+npm install @twp0217/react-inline-edit --save
+```
+
+## 使用
+
+```typescript
+import React from 'react';
+import InlineEdit from '@twp0217/react-inline-edit';
+
+export default () => {
+  const [editValue, setEditValue] = React.useState<string>('');
+
+  return (
+    <InlineEdit
+      defaultValue={editValue}
+      readView={editValue || '请点击输入值'}
+      editView={<input placeholder="请输入值" />}
+      onConfirm={setEditValue}
+    />
+  );
+};
+```
+
+## API
+
+### InlineEditProps
+
+| 名称           | 类型                 | 默认值    | 说明               |
+| -------------- | -------------------- | --------- | ------------------ | ---- |
+| className      | string               | -         | 类名               |
+| style          | React.CSSProperties  | -         | 样式               |
+| keepOpenOnBlur | `boolean`            | `false`   | 失去焦点时保持打开 |
+| hideActions    | `boolean`            | `false`   | 是否隐藏操作按钮   |
+| confirmText    | `string`             | `Confirm` | 确认文本           |
+| cancelText     | `string`             | `Cancel`  | 取消文本           |
+| defaultValue   | `string`             | -         | 默认值             |
+| isEditing      | `boolean`            | -         | 是否正在编辑       |
+| loading        | `boolean`            | -         | 加载中             |
+| placement      | `'top'               | 'bottom'` | -                  | 位置 |
+| readView       | `React.ReactNode`    | -         | 查看视图           |
+| editView       | `React.ReactNode`    | -         | 编辑视图           |
+| onEdit         | `() => void`         | -         | 编辑事件           |
+| onBlur         | `() => void`         | -         | 失去焦点事件       |
+| onConfirm      | `(value: T) => void` | -         | 确认事件           |
+| onCancel       | `() => void`         | -         | 取消事件           |
+
+## 支持
+
+- 如果项目对你有帮助，请点颗星星:star:，谢谢。
+- 如果你对项目有想法、问题、BUG，欢迎讨论。

docs/demo/basic.md

@@ -0,0 +1,7 @@
+---
+order: 1
+---
+
+## basic
+
+<code src="../examples/basic.tsx" />

docs/demo/event.md

@@ -0,0 +1,7 @@
+---
+order: 1
+---
+
+## event
+
+<code src="../examples/event.tsx" />

docs/examples/basic.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import InlineEdit from '@twp0217/react-inline-edit';
+
+export default () => {
+  const [editValue, setEditValue] = React.useState<string>('');
+
+  return (
+    <InlineEdit
+      defaultValue={editValue}
+      readView={editValue || '请点击输入值'}
+      editView={<input placeholder="请输入值" />}
+      onConfirm={setEditValue}
+    />
+  );
+};