更新文档

docs/guide/Q&A.mdx

@@ -0,0 +1,3 @@
+# 常见问题
+
+## 为什么`openify`打开的组件拿不到`context`

docs/guide/_meta.json

@@ -3,5 +3,12 @@
     "type": "dir",
     "name": "intro",
     "label": "介绍"
-  }
+  },
+  {
+    "type": "dir",
+    "name": "feature",
+    "label": "特性"
+  },
+  "how-it-works",
+  "Q&A"
 ]

docs/guide/feature/_meta.json

@@ -0,0 +1 @@
+["static-call", "promisify", "no-dependency"]

docs/guide/feature/no-dependency.mdx

@@ -0,0 +1,3 @@
+# 组件库无关
+
+组件库无关则可以轻易的将该工具库应用到你的项目中。

docs/guide/feature/promisify.mdx

@@ -0,0 +1,3 @@
+# Promise 化
+
+Promise 化意味着配合 async/await 使用，可以大大简化代码组织

docs/guide/feature/static-call.mdx

@@ -0,0 +1,3 @@
+# 静态调用
+
+静态调用意味着调用可以用在任何地方，例如工具脚本，store 中，甚至能配合动态导入使用

docs/guide/how-it-works.mdx

@@ -0,0 +1 @@
+# 实现原理

docs/guide/intro/getting-started.mdx

@@ -1,10 +1,10 @@
+import { PackageManagerTabs } from '@theme';
+
 # 快速上手
 
 ## 安装
 
-```bash
-npm install @mx-space/api-client --save
-```
+<PackageManagerTabs command="install openify" />
 
 ## 开发自定义弹窗组件
 
@@ -14,17 +14,19 @@ export type MyModalProps = {
   onOk: () => void;
   onCancel: () => void;
   afterClose: () => void;
+  /** your props **/
 };
 
 export default function MyModal({
   visible,
   onOk,
   onCancel,
   afterClose,
+  /** your props **/
 }: MyModalProps) {
   // your code here
-  return <Modal {/*** your props **/}>
-  {/*** your content here **/}</Modal>;
+  return <Modal {/** your props **/}>
+  {/** your content here **/}</Modal>;
 }
 ```
 

docs/guide/intro/welcome.mdx

@@ -1 +1,3 @@
 # 欢迎使用
+
+openify 是一个简化弹窗/抽屉类组件打开的工具库

docs/index.mdx

@@ -13,6 +13,8 @@ hero:
 
 features:
   - title: 静态调用
+    link: /guide/feature/static-call
   - title: Promise化
+    link: /guide/feature/promisify
   - title: 组件库无关
 ---

src/openify.ts

@@ -6,7 +6,7 @@ import { OpenifyError } from './openifyError';
 
 export function openify<ModalProps extends object, Value, Reason>(
   comp: ComponentType<ModalProps>,
-  config: OpenifyConfig<ModalProps> & { bindToComponent?: true },
+  config?: OpenifyConfig<ModalProps> & { bindToComponent?: true },
 ): ComponentType<ModalProps> & {
   open: (openProps: Partial<ModalProps>) => Promise<Value>;
   openSafely: (
@@ -15,7 +15,7 @@ export function openify<ModalProps extends object, Value, Reason>(
 };
 export function openify<ModalProps extends object, Value, Reason>(
   comp: ComponentType<ModalProps>,
-  config: OpenifyConfig<ModalProps> & { bindToComponent: false },
+  config?: OpenifyConfig<ModalProps> & { bindToComponent: false },
 ): {
   open: (openProps: Partial<ModalProps>) => Promise<Value>;
   openSafely: (
@@ -24,7 +24,7 @@ export function openify<ModalProps extends object, Value, Reason>(
 };
 export function openify<ModalProps extends object, Value, Reason>(
   comp: ComponentType<ModalProps>,
-  config: OpenifyConfig<ModalProps> & { bindToComponent?: boolean },
+  config: OpenifyConfig<ModalProps> & { bindToComponent?: boolean } = {},
 ) {
   const {
     bindToComponent = true,
@@ -42,7 +42,7 @@ export function openify<ModalProps extends object, Value, Reason>(
   const getContainer =
     typeof container === 'function' ? container : () => container;
   const fns = {
-    open(openProps: Partial<ModalProps>) {
+    open(openProps?: Partial<ModalProps>) {
       return new Promise<Value>((resolve, reject) => {
         const element = getContainer();
         const currentRenderHook =
@@ -71,7 +71,7 @@ export function openify<ModalProps extends object, Value, Reason>(
         renderComp();
       });
     },
-    openSafely(openProps: Partial<ModalProps>) {
+    openSafely(openProps?: Partial<ModalProps>) {
       return new Promise<OpenifyCallabck<Value, Reason>>(resolve => {
         const element = getContainer();
         const currentRenderHook =