@kaitify/react 0.0.1-beta.1

package/docs/menus/built-in/horizontal.md

@@ -0,0 +1,29 @@
+---
+title: horizontal 水平线
+---
+
+# horizontal 水平线
+
+插入水平线
+
+## 使用方法
+
+```tsx
+import { useState } from 'react'
+import { Wrapper, HorizontalMenu } from '@kaitify/react'
+
+export default function App() {
+  const [content, setContent] = useState('<p>hello</p>')
+  return <Wrapper value={content} onChange={v => setContent(v)} before={<HorizontalMenu />}></Wrapper>
+}
+```
+
+## Props 参数
+
+##### disabled <Badge type="danger" text="boolean" />
+
+是否禁用该菜单，默认为 `false`
+
+##### shortcut <Badge type="danger" text="(e: KeyboardEvent) => boolean" />
+
+菜单快捷键实现，继承自 `Menu` 组件的同名属性，具体使用可参考 [Menu 组件的 shortcut](/guide/menu#shortcut)

package/docs/menus/built-in/image.md

@@ -0,0 +1,41 @@
+---
+title: image 图片
+---
+
+# image 图片
+
+插入图片 / 更新图片
+
+## 使用方法
+
+```tsx
+import { useState } from 'react'
+import { Wrapper, ImageMenu } from '@kaitify/react'
+
+export default function App() {
+  const [content, setContent] = useState('<p>hello</p>')
+  return <Wrapper value={content} onChange={v => setContent(v)} before={<ImageMenu />}></Wrapper>
+}
+```
+
+## Props 参数
+
+##### disabled <Badge type="danger" text="boolean" />
+
+是否禁用该菜单，默认为 `false`
+
+##### tabs <Badge type="danger" text="{ data: ('remote' | 'upload')[]; default: 'remote' | 'upload'}" />
+
+配置浮层内的选项卡，目前支持 `upload`（本地上传）和 `remote`（远程图片），`data` 表示选项卡的数据，`default` 表示默认展示的选项卡
+
+##### popoverProps <Badge type="danger" text="Omit<NonNullable<MenuPropsType['popoverProps']>, 'onShow' | 'onShowing' | 'onShown' | 'onHide' | 'onHiding' | 'onHidden'>" />
+
+浮层属性配置，参考 `Menu` 的 `popoverProps` 属性
+
+##### width <Badge type="danger" text="string | number" />
+
+初始图片宽度
+
+##### customUpload <Badge type="danger" text="(file: File) => string | Promise<string>" />
+
+自定义本地图片上传的方法，该方法返回一个字符串值，表示上传后的图片文件地址，回调参数为 `File` 文件，如果不设置该方法，图片默认以 `base64` 字符串的形式插入编辑器中

package/docs/menus/built-in/increase-indent.md

@@ -0,0 +1,29 @@
+---
+title: increase-indent 增加缩进
+---
+
+# increase-indent 增加缩进
+
+增加块节点的缩进
+
+## 使用方法
+
+```tsx
+import { useState } from 'react'
+import { Wrapper, IncreaseIndentMenu } from '@kaitify/react'
+
+export default function App() {
+  const [content, setContent] = useState('<p>hello</p>')
+  return <Wrapper value={content} onChange={v => setContent(v)} before={<IncreaseIndentMenu />}></Wrapper>
+}
+```
+
+## Props 参数
+
+##### disabled <Badge type="danger" text="boolean" />
+
+是否禁用该菜单，默认为 `false`
+
+##### shortcut <Badge type="danger" text="(e: KeyboardEvent) => boolean" />
+
+菜单快捷键实现，继承自 `Menu` 组件的同名属性，具体使用可参考 [Menu 组件的 shortcut](/guide/menu#shortcut)

package/docs/menus/built-in/italic.md

@@ -0,0 +1,29 @@
+---
+title: italic 斜体
+---
+
+# italic 斜体
+
+设置/取消文本斜体效果
+
+## 使用方法
+
+```tsx
+import { useState } from 'react'
+import { Wrapper, ItalicMenu } from '@kaitify/react'
+
+export default function App() {
+  const [content, setContent] = useState('<p>hello</p>')
+  return <Wrapper value={content} onChange={v => setContent(v)} before={<ItalicMenu />}></Wrapper>
+}
+```
+
+## Props 参数
+
+##### disabled <Badge type="danger" text="boolean" />
+
+是否禁用该菜单，默认为 `false`
+
+##### shortcut <Badge type="danger" text="(e: KeyboardEvent) => boolean" />
+
+菜单快捷键实现，继承自 `Menu` 组件的同名属性，具体使用可参考 [Menu 组件的 shortcut](/guide/menu#shortcut)

package/docs/menus/built-in/line-height.md

@@ -0,0 +1,44 @@
+---
+title: line-height 行高
+---
+
+# line-height 行高
+
+设置/取消块节点的行高
+
+## 使用方法
+
+```tsx
+import { useState } from 'react'
+import { Wrapper, LineHeightMenu } from '@kaitify/react'
+
+export default function App() {
+  const [content, setContent] = useState('<p>hello</p>')
+  return <Wrapper value={content} onChange={v => setContent(v)} before={<LineHeightMenu />}></Wrapper>
+}
+```
+
+## Props 参数
+
+##### disabled <Badge type="danger" text="boolean" />
+
+是否禁用该菜单，默认为 `false`
+
+##### data <Badge type="danger" text="MenuDataType[]" />
+
+自定义可选择的行高列表，同 `Menu` 组件的 `data` 参数类型，如：
+
+```json
+[
+  { "label": "1", "value": 3 },
+  { "label": "3", "value": 3 }
+]
+```
+
+##### popoverProps <Badge type="danger" text="Omit<NonNullable<MenuPropsType['popoverProps']>, 'onShow' | 'onShowing' | 'onShown' | 'onHide' | 'onHiding' | 'onHidden'>" />
+
+浮层属性配置，参考 `Menu` 的 `popoverProps` 属性
+
+##### shortcut <Badge type="danger" text="{ [key: MenuDataType['value']]: (e: KeyboardEvent) => boolean }" />
+
+菜单快捷键实现，继承自 `Menu` 组件的同名属性，具体使用可参考 [Menu 组件的 shortcut](/guide/menu#shortcut)

package/docs/menus/built-in/link-unset.md

@@ -0,0 +1,29 @@
+---
+title: link-unset 取消链接
+---
+
+# link-unset 取消链接
+
+取消链接
+
+## 使用方法
+
+```tsx
+import { useState } from 'react'
+import { Wrapper, LinkUnsetMenu } from '@kaitify/react'
+
+export default function App() {
+  const [content, setContent] = useState('<p>hello</p>')
+  return <Wrapper value={content} onChange={v => setContent(v)} before={<LinkUnsetMenu />}></Wrapper>
+}
+```
+
+## Props 参数
+
+##### disabled <Badge type="danger" text="boolean" />
+
+是否禁用该菜单，默认为 `false`
+
+##### shortcut <Badge type="danger" text="(e: KeyboardEvent) => boolean" />
+
+菜单快捷键实现，继承自 `Menu` 组件的同名属性，具体使用可参考 [Menu 组件的 shortcut](/guide/menu#shortcut)

package/docs/menus/built-in/link.md

@@ -0,0 +1,29 @@
+---
+title: link 链接
+---
+
+# link 链接
+
+插入链接 / 更新链接
+
+## 使用方法
+
+```tsx
+import { useState } from 'react'
+import { Wrapper, LinkMenu } from '@kaitify/react'
+
+export default function App() {
+  const [content, setContent] = useState('<p>hello</p>')
+  return <Wrapper value={content} onChange={v => setContent(v)} before={<LinkMenu />}></Wrapper>
+}
+```
+
+## Props 参数
+
+##### disabled <Badge type="danger" text="boolean" />
+
+是否禁用该菜单，默认为 `false`
+
+##### popoverProps <Badge type="danger" text="Omit<NonNullable<MenuPropsType['popoverProps']>, 'onShow' | 'onShowing' | 'onShown' | 'onHide' | 'onHiding' | 'onHidden'>" />
+
+浮层属性配置，参考 `Menu` 的 `popoverProps` 属性

package/docs/menus/built-in/math.md

@@ -0,0 +1,29 @@
+---
+title: math 数学公式
+---
+
+# math 数学公式
+
+插入数学公式 / 更新数学公式
+
+## 使用方法
+
+```tsx
+import { useState } from 'react'
+import { Wrapper, MathMenu } from '@kaitify/react'
+
+export default function App() {
+  const [content, setContent] = useState('<p>hello</p>')
+  return <Wrapper value={content} onChange={v => setContent(v)} before={<MathMenu />}></Wrapper>
+}
+```
+
+## Props 参数
+
+##### disabled <Badge type="danger" text="boolean" />
+
+是否禁用该菜单，默认为 `false`
+
+##### popoverProps <Badge type="danger" text="Omit<NonNullable<MenuPropsType['popoverProps']>, 'onShow' | 'onShowing' | 'onShown' | 'onHide' | 'onHiding' | 'onHidden'>" />
+
+浮层属性配置，参考 `Menu` 的 `popoverProps` 属性

package/docs/menus/built-in/ordered-list.md

@@ -0,0 +1,29 @@
+---
+title: ordered-list 有序列表
+---
+
+# ordered-list 有序列表
+
+插入有序列表
+
+## 使用方法
+
+```tsx
+import { useState } from 'react'
+import { Wrapper, OrderedListMenu } from '@kaitify/react'
+
+export default function App() {
+  const [content, setContent] = useState('<p>hello</p>')
+  return <Wrapper value={content} onChange={v => setContent(v)} before={<OrderedListMenu />}></Wrapper>
+}
+```
+
+## Props 参数
+
+##### disabled <Badge type="danger" text="boolean" />
+
+是否禁用该菜单，默认为 `false`
+
+##### popoverProps <Badge type="danger" text="Omit<NonNullable<MenuPropsType['popoverProps']>, 'onShow' | 'onShowing' | 'onShown' | 'onHide' | 'onHiding' | 'onHidden'>" />
+
+浮层属性配置，参考 `Menu` 的 `popoverProps` 属性

package/docs/menus/built-in/redo.md

@@ -0,0 +1,25 @@
+---
+title: redo 重做
+---
+
+# redo 重做
+
+执行重做操作
+
+## 使用方法
+
+```tsx
+import { useState } from 'react'
+import { Wrapper, RedoMenu } from '@kaitify/react'
+
+export default function App() {
+  const [content, setContent] = useState('<p>hello</p>')
+  return <Wrapper value={content} onChange={v => setContent(v)} before={<RedoMenu />}></Wrapper>
+}
+```
+
+## Props 参数
+
+##### disabled <Badge type="danger" text="boolean" />
+
+是否禁用该菜单，默认为 `false`

package/docs/menus/built-in/strikethrough.md

@@ -0,0 +1,29 @@
+---
+title: strikethrough 删除线
+---
+
+# strikethrough 删除线
+
+设置/取消文本删除线
+
+## 使用方法
+
+```tsx
+import { useState } from 'react'
+import { Wrapper, StrikethroughMenu } from '@kaitify/react'
+
+export default function App() {
+  const [content, setContent] = useState('<p>hello</p>')
+  return <Wrapper value={content} onChange={v => setContent(v)} before={<StrikethroughMenu />}></Wrapper>
+}
+```
+
+## Props 参数
+
+##### disabled <Badge type="danger" text="boolean" />
+
+是否禁用该菜单，默认为 `false`
+
+##### shortcut <Badge type="danger" text="(e: KeyboardEvent) => boolean" />
+
+菜单快捷键实现，继承自 `Menu` 组件的同名属性，具体使用可参考 [Menu 组件的 shortcut](/guide/menu#shortcut)

package/docs/menus/built-in/subscript.md

@@ -0,0 +1,29 @@
+---
+title: subscript 下标
+---
+
+# subscript 下标
+
+设置/取消文本下标
+
+## 使用方法
+
+```tsx
+import { useState } from 'react'
+import { Wrapper, SubscriptMenu } from '@kaitify/react'
+
+export default function App() {
+  const [content, setContent] = useState('<p>hello</p>')
+  return <Wrapper value={content} onChange={v => setContent(v)} before={<SubscriptMenu />}></Wrapper>
+}
+```
+
+## Props 参数
+
+##### disabled <Badge type="danger" text="boolean" />
+
+是否禁用该菜单，默认为 `false`
+
+##### shortcut <Badge type="danger" text="(e: KeyboardEvent) => boolean" />
+
+菜单快捷键实现，继承自 `Menu` 组件的同名属性，具体使用可参考 [Menu 组件的 shortcut](/guide/menu#shortcut)

package/docs/menus/built-in/superscript.md

@@ -0,0 +1,29 @@
+---
+title: superscript 上标
+---
+
+# superscript 上标
+
+设置/取消文本上标
+
+## 使用方法
+
+```tsx
+import { useState } from 'react'
+import { Wrapper, SuperscriptMenu } from '@kaitify/react'
+
+export default function App() {
+  const [content, setContent] = useState('<p>hello</p>')
+  return <Wrapper value={content} onChange={v => setContent(v)} before={<SuperscriptMenu />}></Wrapper>
+}
+```
+
+## Props 参数
+
+##### disabled <Badge type="danger" text="boolean" />
+
+是否禁用该菜单，默认为 `false`
+
+##### shortcut <Badge type="danger" text="(e: KeyboardEvent) => boolean" />
+
+菜单快捷键实现，继承自 `Menu` 组件的同名属性，具体使用可参考 [Menu 组件的 shortcut](/guide/menu#shortcut)

package/docs/menus/built-in/table-add-column.md

@@ -0,0 +1,33 @@
+---
+title: table-add-column 表格添加列
+---
+
+# table-add-column 表格添加列
+
+给表格添加列
+
+## 使用方法
+
+```tsx
+import { useState } from 'react'
+import { Wrapper, TableAddColumnMenu } from '@kaitify/react'
+
+export default function App() {
+  const [content, setContent] = useState('<p>hello</p>')
+  return <Wrapper value={content} onChange={v => setContent(v)} before={<TableAddColumnMenu />}></Wrapper>
+}
+```
+
+## Props 参数
+
+##### disabled <Badge type="danger" text="boolean" />
+
+是否禁用该菜单，默认为 `false`
+
+##### type <Badge type="danger" text="'left' | 'right'" />
+
+在当前光标所在列的左侧还是右侧添加列
+
+##### shortcut <Badge type="danger" text="(e: KeyboardEvent) => boolean" />
+
+菜单快捷键实现，继承自 `Menu` 组件的同名属性，具体使用可参考 [Menu 组件的 shortcut](/guide/menu#shortcut)

package/docs/menus/built-in/table-add-row.md

@@ -0,0 +1,33 @@
+---
+title: table-add-row 表格添加行
+---
+
+# table-add-row 表格添加行
+
+给表格添加行
+
+## 使用方法
+
+```tsx
+import { useState } from 'react'
+import { Wrapper, TableAddRowMenu } from '@kaitify/react'
+
+export default function App() {
+  const [content, setContent] = useState('<p>hello</p>')
+  return <Wrapper value={content} onChange={v => setContent(v)} before={<TableAddRowMenu />}></Wrapper>
+}
+```
+
+## Props 参数
+
+##### disabled <Badge type="danger" text="boolean" />
+
+是否禁用该菜单，默认为 `false`
+
+##### type <Badge type="danger" text="'top' | 'bottom'" />
+
+在当前光标所在列的上方还是下方添加行
+
+##### shortcut <Badge type="danger" text="(e: KeyboardEvent) => boolean" />
+
+菜单快捷键实现，继承自 `Menu` 组件的同名属性，具体使用可参考 [Menu 组件的 shortcut](/guide/menu#shortcut)

package/docs/menus/built-in/table-delete-column.md

@@ -0,0 +1,29 @@
+---
+title: table-delete-column 表格删除列
+---
+
+# table-delete-column 表格删除列
+
+删除表格列
+
+## 使用方法
+
+```tsx
+import { useState } from 'react'
+import { Wrapper, TableDeleteColumnMenu } from '@kaitify/react'
+
+export default function App() {
+  const [content, setContent] = useState('<p>hello</p>')
+  return <Wrapper value={content} onChange={v => setContent(v)} before={<TableDeleteColumnMenu />}></Wrapper>
+}
+```
+
+## Props 参数
+
+##### disabled <Badge type="danger" text="boolean" />
+
+是否禁用该菜单，默认为 `false`
+
+##### shortcut <Badge type="danger" text="(e: KeyboardEvent) => boolean" />
+
+菜单快捷键实现，继承自 `Menu` 组件的同名属性，具体使用可参考 [Menu 组件的 shortcut](/guide/menu#shortcut)

package/docs/menus/built-in/table-delete-row.md

@@ -0,0 +1,29 @@
+---
+title: table-delete-row 表格删除行
+---
+
+# table-delete-row 表格删除行
+
+删除表格行
+
+## 使用方法
+
+```tsx
+import { useState } from 'react'
+import { Wrapper, TableDeleteRowMenu } from '@kaitify/react'
+
+export default function App() {
+  const [content, setContent] = useState('<p>hello</p>')
+  return <Wrapper value={content} onChange={v => setContent(v)} before={<TableDeleteRowMenu />}></Wrapper>
+}
+```
+
+## Props 参数
+
+##### disabled <Badge type="danger" text="boolean" />
+
+是否禁用该菜单，默认为 `false`
+
+##### shortcut <Badge type="danger" text="(e: KeyboardEvent) => boolean" />
+
+菜单快捷键实现，继承自 `Menu` 组件的同名属性，具体使用可参考 [Menu 组件的 shortcut](/guide/menu#shortcut)

package/docs/menus/built-in/table-merge-cell.md

@@ -0,0 +1,33 @@
+---
+title: table-merge-cell 表格单元格合并
+---
+
+# table-merge-cell 表格单元格合并
+
+删除表格行
+
+## 使用方法
+
+```tsx
+import { useState } from 'react'
+import { Wrapper, TableMergeCellMenu } from '@kaitify/react'
+
+export default function App() {
+  const [content, setContent] = useState('<p>hello</p>')
+  return <Wrapper value={content} onChange={v => setContent(v)} before={<TableMergeCellMenu />}></Wrapper>
+}
+```
+
+## Props 参数
+
+##### disabled <Badge type="danger" text="boolean" />
+
+是否禁用该菜单，默认为 `false`
+
+##### direction <Badge type="danger" text="TableCellsMergeDirectionType" />
+
+当前光标所在的单元格往哪个方向合并，可取值 `"left" | "right" | "bottom" | "top"`
+
+##### shortcut <Badge type="danger" text="(e: KeyboardEvent) => boolean" />
+
+菜单快捷键实现，继承自 `Menu` 组件的同名属性，具体使用可参考 [Menu 组件的 shortcut](/guide/menu#shortcut)

package/docs/menus/built-in/table-unset.md

@@ -0,0 +1,29 @@
+---
+title: table-unset 删除表格
+---
+
+# table-unset 删除表格
+
+删除表格行
+
+## 使用方法
+
+```tsx
+import { useState } from 'react'
+import { Wrapper, TableUnsetMenu } from '@kaitify/react'
+
+export default function App() {
+  const [content, setContent] = useState('<p>hello</p>')
+  return <Wrapper value={content} onChange={v => setContent(v)} before={<TableUnsetMenu />}></Wrapper>
+}
+```
+
+## Props 参数
+
+##### disabled <Badge type="danger" text="boolean" />
+
+是否禁用该菜单，默认为 `false`
+
+##### shortcut <Badge type="danger" text="(e: KeyboardEvent) => boolean" />
+
+菜单快捷键实现，继承自 `Menu` 组件的同名属性，具体使用可参考 [Menu 组件的 shortcut](/guide/menu#shortcut)

package/docs/menus/built-in/table.md

@@ -0,0 +1,37 @@
+---
+title: table 表格
+---
+
+# table 表格
+
+插入表格
+
+## 使用方法
+
+```tsx
+import { useState } from 'react'
+import { Wrapper, TableMenu } from '@kaitify/react'
+
+export default function App() {
+  const [content, setContent] = useState('<p>hello</p>')
+  return <Wrapper value={content} onChange={v => setContent(v)} before={<TableMenu />}></Wrapper>
+}
+```
+
+## Props 参数
+
+##### disabled <Badge type="danger" text="boolean" />
+
+是否禁用该菜单，默认为 `false`
+
+##### popoverProps <Badge type="danger" text="Omit<NonNullable<MenuPropsType['popoverProps']>, 'onShow' | 'onShowing' | 'onShown' | 'onHide' | 'onHiding' | 'onHidden'>" />
+
+浮层属性配置，参考 `Menu` 的 `popoverProps` 属性
+
+##### maxRows <Badge type="danger" text="number" />
+
+创建表格时的最大行数
+
+##### maxColumns <Badge type="danger" text="number" />
+
+创建表格时的最大列数

package/docs/menus/built-in/task.md

@@ -0,0 +1,29 @@
+---
+title: task 待办
+---
+
+# task 待办
+
+设置/取消待办
+
+## 使用方法
+
+```tsx
+import { useState } from 'react'
+import { Wrapper, TaskMenu } from '@kaitify/react'
+
+export default function App() {
+  const [content, setContent] = useState('<p>hello</p>')
+  return <Wrapper value={content} onChange={v => setContent(v)} before={<TaskMenu />}></Wrapper>
+}
+```
+
+## Props 参数
+
+##### disabled <Badge type="danger" text="boolean" />
+
+是否禁用该菜单，默认为 `false`
+
+##### shortcut <Badge type="danger" text="(e: KeyboardEvent) => boolean" />
+
+菜单快捷键实现，继承自 `Menu` 组件的同名属性，具体使用可参考 [Menu 组件的 shortcut](/guide/menu#shortcut)