vue-super-crud 1.7.1

package/docs/guide/crud/baseUse.md

@@ -0,0 +1,120 @@
+# 基本使用
+
+## 基本使用
+
+`@getList` 获取表格数据 </br>
+`init` 初始化是否立即调用 getList（默认为 true） </br>
+
+<ClientOnly>
+<common-code-format>
+  <crud-baseUse-baseUse slot="source"></crud-baseUse-baseUse>
+  
+<<< @/docs/.vuepress/components/crud/baseUse/baseUse.vue
+</common-code-format>
+</ClientOnly>
+
+## 分页配置
+
+搜索表单对象中 `pageNum` 当前页码，`pageSize` 每页条数 </br>
+`pagination` 分页配置（传递对象，具体参考 el-pagination）
+
+<ClientOnly>
+<common-code-format>
+  <crud-baseUse-pagination slot="source"></crud-baseUse-pagination>
+  
+<<< @/docs/.vuepress/components/crud/baseUse/pagination.vue
+</common-code-format>
+</ClientOnly>
+
+## 标题
+
+`title` 表格标题 </br>
+
+<ClientOnly>
+<common-code-format>
+  <crud-baseUse-title slot="source"></crud-baseUse-title>
+  
+<<< @/docs/.vuepress/components/crud/baseUse/title.vue
+</common-code-format>
+</ClientOnly>
+
+## 操作栏
+
+`handleRow` 操作栏 </br>
+
+<ClientOnly>
+<common-code-format>
+  <crud-baseUse-handleRow slot="source"></crud-baseUse-handleRow>
+  
+<<< @/docs/.vuepress/components/crud/baseUse/handleRow.vue
+</common-code-format>
+</ClientOnly>
+
+## 工具栏
+
+`toolbar` 工具栏 </br>
+
+<ClientOnly>
+<common-code-format>
+  <crud-baseUse-toolbar slot="source"></crud-baseUse-toolbar>
+  
+<<< @/docs/.vuepress/components/crud/baseUse/toolbar.vue
+</common-code-format>
+</ClientOnly>
+
+## 表格操作列
+
+`action` 操作列配置，值为`false`则隐藏 </br>
+`action.width`、`action.minWidth` 设置为`auto`，会自适应列宽度 </br>
+
+<ClientOnly>
+<common-code-format>
+  <crud-baseUse-columnAction slot="source"></crud-baseUse-columnAction>
+  
+<<< @/docs/.vuepress/components/crud/baseUse/columnAction.vue
+</common-code-format>
+</ClientOnly>
+
+
+## 表格高度与嵌套表头
+
+`height`、`maxHeight` 设置为`auto`，会自适应窗口高度，配合calcHeight 自定义调节范围 </br>
+`calcHeight` 减去的底部高度 </br>
+`children` 多级嵌套表头
+
+<ClientOnly>
+<common-code-format>
+  <crud-baseUse-height slot="source"></crud-baseUse-height>
+  
+<<< @/docs/.vuepress/components/crud/baseUse/height.vue
+</common-code-format>
+</ClientOnly>
+
+## 索引列、展开列
+
+`index` 索引列，值为对象时自定义属性 </br>
+`expand` 展开列
+
+<ClientOnly>
+<common-code-format>
+  <crud-baseUse-index slot="source"></crud-baseUse-index>
+  
+<<< @/docs/.vuepress/components/crud/baseUse/index.vue
+</common-code-format>
+</ClientOnly>
+
+## 组件加载
+
+`loading` 外部控制加载状态，支持`.sync`双向绑定</br>
+`disableLoading` 禁用组件内部控制加载状态 </br>
+`loadingText` 自定义加载文本 </br>
+`loadingSpinner` 自定义加载图标 </br>
+`loadingBackground` 自定义加载背景颜色
+
+<ClientOnly>
+<common-code-format>
+  <crud-baseUse-loading slot="source"></crud-baseUse-loading>
+  
+<<< @/docs/.vuepress/components/crud/baseUse/loading.vue
+</common-code-format>
+</ClientOnly>

package/docs/guide/crud/buttons.md

@@ -0,0 +1,18 @@
+# 按钮配置
+
+# 通用配置
+
+按钮配置对象接收`el-button`属性, 详情参考[element-ui](https://element.eleme.cn/#/zh-CN/component/button)</br>
+`button.handles` 添加自定义按钮 </br>
+`button.hidden` 自定义按钮隐藏, 可接收函数, 在操作列`action`按钮中使用可获取行数据 </br>
+`button.children` 为折叠按钮,可配置多个子按钮 </br>
+
+`controlButton` 控制所有按钮，返回所需的按钮组 </br>
+
+<ClientOnly>
+<common-code-format>
+  <crud-buttons-common slot="source"></crud-buttons-common>
+  
+<<< @/docs/.vuepress/components/crud/buttons/common.vue
+</common-code-format>
+</ClientOnly>

package/docs/guide/crud/config.md

@@ -0,0 +1,217 @@
+
+# 配置文档
+
+## 基础配置项
+
+| 属性名        | 说明                                                             | 类型             | 可选值             | 默认值                     |
+| :------------ | :--------------------------------------------------------------- | :--------------- | :----------------- | :------------------------- |
+| data.sync     | 表格数据绑定值                                                   | Array            | —                  | —                          |
+| search.sync   | 搜索表单绑定值                                                   | Object           | —                  | {pageNum: 1, pageSize: 10} |
+| loading.sync  | 加载绑定值                                                       | Boolean          | —                  | —                          |
+| options       | 表格全部配置                                                     | Object           | —                  | —                          |
+| title         | 表格标题                                                         | String           | -                  | -                          |
+| size          | 表格尺寸                                                         | String           | small/medium/large | small                      |
+| disabled      | 是否禁用                                                         | Boolean          | true/false         | false                      |
+| init          | 是否开启初始化，配合 `getList` 使用                              | Boolean          | true/false         | false                      |
+| height        | 表格高度,  配置`auto` 自动计算高度                               | String           | auto/-             | -                          |
+| calcHeight    | 自动计算高度的偏差值                                             | Number           | -                  | 0                          |
+| gap           | 表格外间距                                                       | Number/String    | -                  | 20                         |
+| uniqueId      | 是否本地生成唯一标识                                             | Boolean          | true/false         | false                      |
+| valueKey      | 唯一值的Key                                                      | String           | -                  | "id"                       |
+| handleRow     | [操作行配置](/guide/crud/config.html#handlerow-操作行配置)       | Object           | -                  | {}                         |
+| action        | [操作列配置](/guide/crud/config.html#action-操作列配置)          | Object           | -                  | {}                         |
+| toolbar       | [工具栏配置](/guide/crud/config.html#toolbar-工具栏配置)         | Object           | -                  | {}                         |
+| pagination    | [分页配置](/guide/crud/config.html#pagination-分页配置)          | Object           | -                  | {}                         |
+| empty         | [空状态配置](/guide/crud/config.html#empty-空状态配置)           | Object           | -                  | {}                         |
+| contextMenu   | [右键菜单配置](/guide/crud/config.html#contextmenu-右键菜单配置) | Object           | -                  | {}                         |
+| renderColumns | [表格列配置](/guide/crud/config.html#rendercolumns-列渲染配置)   | Array / Function | []/()=>[]          | -                          |
+| props         | [字段名配置](/guide/crud/config.html#props-数据属性配置)         | Object           | -                  | {}                         |
+
+
+## 按钮控制配置
+
+| 属性名         | 说明                     | 类型    | 可选值     | 默认值 |
+| :------------- | :----------------------- | :------ | :--------- | :----- |
+| footerAddBtn   | 表格底部，追加行新增按钮 | Boolean | true/false | false  |
+| rowAddType     | 行新增类型               | String  | first/last | first  |
+| rowAddBtn      | 是否显示行新增按钮       | Boolean | true/false | false  |
+| deleteBtn      | 是否显示删除按钮         | Boolean | true/false | false  |
+| batchDeleteBtn | 是否显示批量删除按钮     | Boolean | true/false | false  |
+| addBtn         | 是否显示弹窗新增按钮     | Boolean | true/false | false  |
+| editBtn        | 是否显示弹窗编辑按钮     | Boolean | true/false | false  |
+| viewBtn        | 是否显示弹窗查看按钮     | Boolean | true/false | false  |
+
+
+## 编辑模式配置
+
+| 属性名                | 说明                 | 类型           | 可选值     | 默认值 |
+| :-------------------- | :------------------- | :------------- | :--------- | :----- |
+| freeEdit              | 是否开启自由编辑     | Boolean        | true/false | false  |
+| rowEdit               | 是否开启行编辑       | Boolean/Object | -          | false  |
+| cellEdit              | 是否开启单元格编辑   | Boolean/Object | -          | false  |
+| batchEdit             | 是否开启批量编辑     | Boolean/Object | -          | false  |
+| batchRowEdit          | 是否开启批量行编辑   | Boolean/Object | -          | false  |
+| isRowEdit             | 控制行编辑状态的函数 | Function       | -          | -      |
+| editOpacity           | 是否开启编辑透明主题 | Boolean        | true/false | true   |
+| refreshAfterOperation | 操作后是否刷新表格   | Boolean        | true/false | true   |
+
+## 表单配置
+
+| 属性名      | 说明         | 类型   | 可选值 | 默认值             |
+| :---------- | :----------- | :----- | :----- | :----------------- |
+| addForm     | 新增表单配置 | Object | -      | {}                 |
+| editForm    | 编辑表单配置 | Object | -      | {}                 |
+| viewForm    | 查看表单配置 | Object | -      | {viewType: "form"} |
+| formOptions | 通用表单配置 | Object | -      | {}                 |
+| dialog      | 弹窗配置     | Object | -      | {}                 |
+
+## 搜索配置
+
+| 属性名       | 说明             | 类型           | 可选值     | 默认值                       |
+| :----------- | :--------------- | :------------- | :--------- | :--------------------------- |
+| searchForm   | 搜索表单配置     | Boolean/Object | -          | {initShow: false}            |
+| searchHeader | 搜索表头配置     | Boolean/Object | -          | {width: 290, resetBtn: true} |
+| showPopper   | 搜索弹窗是否打开 | Boolean        | true/false | false                        |
+
+## 特殊列配置
+
+| 属性名    | 说明       | 类型           | 可选值 | 默认值                                      |
+| :-------- | :--------- | :------------- | :----- | :------------------------------------------ |
+| selection | 选择列配置 | Boolean/Object | -      | {width: 50, align: "center"}                |
+| index     | 序号列配置 | Boolean/Object | -      | {label: "序号", width: 50, align: "center"} |
+| expand    | 展开列配置 | Boolean/Object | -      | {width: 50, align: "center"}                |
+
+## handleRow 操作行配置
+
+| 属性名      | 说明             | 类型           | 可选值     | 默认值 |
+| :---------- | :--------------- | :------------- | :--------- | :----- |
+| show        | 是否显示         | Boolean        | true/false | -      |
+| add         | 弹窗新增按钮     | Boolean/Object | -          | {}     |
+| rowAdd      | 行新增按钮       | Boolean/Object | -          | {}     |
+| batchDelete | 批量删除按钮配置 | Boolean/Object | -          | {}     |
+| handles     | 自定义按钮列表   | Array          | -          | []     |
+
+## action 操作列配置
+
+| 属性名       | 说明           | 类型    | 可选值            | 默认值   |
+| :----------- | :------------- | :------ | :---------------- | :------- |
+| show         | 是否显示       | Boolean | true/false        | -        |
+| prop         | 列属性名       | String  | -                 | "action" |
+| width        | 列宽度         | String  | auto/-            | "auto"   |
+| label        | 列标题         | String  | -                 | "操作"   |
+| align        | 对齐方式       | String  | left/center/right | "center" |
+| calcWidth    | 宽度计算偏差   | Number  | -                 | 20       |
+| defaultWidth | 默认宽度       | Number  | -                 | 50       |
+| handles      | 自定义按钮列表 | Array   | -                 | []       |
+| delete       | 删除按钮配置   | Object  | -                 | {}       |
+| view         | 查看按钮配置   | Object  | -                 | {}       |
+| edit         | 编辑按钮配置   | Object  | -                 | {}       |
+| rowEdit      | 行编辑按钮配置 | Object  | -                 | {}       |
+| handles      | 自定义按钮列表 | Array   | -                 | []       |
+
+## toolbar 工具栏配置
+
+| 属性名    | 说明             | 类型    | 可选值     | 默认值 |
+| :-------- | :--------------- | :------ | :--------- | :----- |
+| show      | 是否显示         | Boolean | true/false | -      |
+| handles   | 自定义按钮列表   | Array   | -          | []     |
+| batchEdit | 批量编辑按钮配置 | Object  | -          | {}     |
+| zoom      | 缩放按钮配置     | Object  | -          | {}     |
+| search    | 搜索按钮配置     | Object  | -          | {}     |
+| refresh   | 刷新按钮配置     | Object  | -          | {}     |
+| reset     | 重置按钮配置     | Object  | -          | {}     |
+| column    | 列设置按钮配置   | Object  | -          | {}     |
+| handles   | 自定义按钮列表   | Array   | -          | []     |
+
+## pagination 分页配置
+
+| 属性名     | 说明                         | 类型    | 可选值            | 默认值                                    |
+| :--------- | :--------------------------- | :------ | :---------------- | :---------------------------------------- |
+| align      | 对齐方式                     | String  | left/center/right | "right"                                   |
+| pageSizes  | 每页显示个数选择器的选项设置 | Array   | -                 | [10, 20, 30, 50, 100, 200]                |
+| layout     | 组件布局                     | String  | -                 | "total, sizes, prev, pager, next, jumper" |
+| background | 是否为分页按钮添加背景色     | Boolean | true/false        | true                                      |
+| pagerCount | 页码按钮的数量               | Number  | -                 | 5                                         |
+
+## empty 空状态配置
+
+| 属性名 | 说明     | 类型   | 可选值 | 默认值     |
+| :----- | :------- | :----- | :----- | :--------- |
+| image  | 图片地址 | String | -      | ""         |
+| size   | 图片大小 | Number | -      | 100        |
+| text   | 显示文本 | String | -      | "暂无数据" |
+
+## contextMenu 右键菜单配置
+
+| 属性名    | 说明             | 类型    | 可选值     | 默认值 |
+| :-------- | :--------------- | :------ | :--------- | :----- |
+| copy      | 是否启用复制功能 | Boolean | true/false | true   |
+| quickEdit | 是否启用快速编辑 | Boolean | true/false | true   |
+| actionBtn | 是否显示操作按钮 | Boolean | true/false | true   |
+| handles   | 自定义菜单项     | Array   | -          | []     |
+
+## renderColumns 列渲染配置
+
+| 属性名       | 说明           | 类型             | 可选值            | 默认值 |
+| :----------- | :------------- | :--------------- | :---------------- | :----- |
+| hiddenList   | 是否只隐藏列表 | Boolean          | true/false        | -      |
+| children     | 嵌套列子列     | Array            | -                 | -      |
+| sameRowSpan  | 是否合并单元格 | Boolean/String   | true/false/[prop] | -      |
+| spanMethod   | 合并单元格方法 | Function         | -                 | -      |
+| isEdit       | 是否允许编辑   | Boolean/Function | -                 | -      |
+| summary      | 汇总方式       | String/Function  | sum/avg/max/min   | -      |
+| add          | 新增时的配置   | Object           | -                 | {}     |
+| edit         | 编辑时的配置   | Object           | -                 | {}     |
+| view         | 查看时的配置   | Object           | -                 | {}     |
+| form         | 通用表单配置   | Object           | -                 | {}     |
+| search       | 搜索配置       | Object           | -                 | {}     |
+| searchHeader | 搜索表头配置   | Object           | -                 | {}     |
+
+## props 字段名配置
+
+| 属性名   | 说明           | 类型   | 可选值 | 默认值     |
+| :------- | :------------- | :----- | :----- | :--------- |
+| pageNum  | 页码字段名     | String | -      | "pageNum"  |
+| pageSize | 每页数量字段名 | String | -      | "pageSize" |
+
+## 插槽
+
+| 名称                | 说明                 |
+| :------------------ | :------------------- |
+| [prop]              | 列渲染               |
+| [prop]-header       | 列渲染表头           |
+| [prop]-form         | 列渲染表单状态       |
+| [prop]-view         | 列渲染查看状态       |
+| [prop]-edit         | 列渲染编辑状态       |
+| [prop]-add          | 列渲染新增状态       |
+| [prop]-search       | 列渲染搜索状态       |
+| [prop]-searchHeader | 列渲染搜索表头状态   |
+| empty               | 空状态               |
+| title               | 标题(覆盖原有内容)   |
+| title-left          | 标题左侧             |
+| title-right         | 标题右侧             |
+| title-top           | 标题顶部             |
+| title-bottom        | 标题底部             |
+| handleRow           | 操作行(覆盖原有内容) |
+| handleRow-left      | 操作行左侧           |
+| handleRow-right     | 操作行右侧           |
+| handleRow-top       | 操作行顶部           |
+| handleRow-bottom    | 操作行底部           |
+| toolbar             | 工具栏(覆盖原有内容) |
+| toolbar-left        | 工具栏左侧           |
+| toolbar-right       | 工具栏右侧           |
+| toolbar-top         | 工具栏顶部           |
+| toolbar-bottom      | 工具栏底部           |
+| pagination          | 分页(覆盖原有内容)   |
+| pagination-left     | 分页左侧             |
+| pagination-right    | 分页右侧             |
+| pagination-top      | 分页顶部             |
+| pagination-bottom   | 分页底部             |
+
+
+<style>
+table {
+  width: 100% !important;
+  display: table;
+}
+</style>

package/docs/guide/crud/contextMenu.md

@@ -0,0 +1,18 @@
+# 右键菜单
+
+:::tip
+
+需要安装 vue-contextmenujs
+
+:::
+
+`contextMenu.actionBtn` 继承操作列 `action` 上的所有按钮</br>
+`contextMenu.handles` 自定义右键菜单
+
+<ClientOnly>
+<common-code-format>
+  <crud-contextMenu-base slot="source"></crud-contextMenu-base>
+  
+<<< @/docs/.vuepress/components/crud/contextMenu/base.vue
+</common-code-format>
+</ClientOnly>

package/docs/guide/crud/dataSort.md

@@ -0,0 +1,66 @@
+# 多层级数据排序
+
+表格支持按照多个字段进行层级排序，即在上一层级排序的基础上，对相同值的数据进行下一层级的排序。常用于具有明确层级关系的数据展示,如省市区地址、组织架构等。
+
+## 基础用法
+
+通过配置 `sortProps` 数组来指定排序字段及其优先级。数组中的字段顺序决定了排序的优先级。
+
+<ClientOnly>
+<common-code-format>
+  <crud-dataSort-base slot="source"></crud-dataSort-base>
+  
+<<< @/docs/.vuepress/components/crud/dataSort/base.vue
+</common-code-format>
+</ClientOnly>
+
+## 高级排序配置
+
+对象数组：为每个字段指定详细的排序规则
+
+```js
+options: {
+  sortProps: [
+    "province",
+    { prop: "city", order: "desc", nullsPosition: "first" },
+    "amount",
+  ],
+},
+```
+
+## 自定义排序规则
+
+通过配置 `sortMethod` 来自定义排序逻辑。
+
+```js
+options: {
+  sortProps: [
+    "province",
+    "city",
+    { prop: "amount", sortMethod: (a, b) => b.amount - a.amount },
+  ],
+},
+```
+
+## API
+
+### Options 配置
+
+| 参数      | 说明                       | 类型     | 默认值 |
+| --------- | -------------------------- | -------- | ------ |
+| sortProps | 排序字段数组(按优先级排序) | string[] | []     |
+
+### 排序参数
+
+| 参数          | 说明           | 类型             | 默认值 |
+| ------------- | -------------- | ---------------- | ------ |
+| prop          | 排序字段名称   | string           | -      |
+| order         | 排序方向       | 'asc' / 'desc'   | 'asc'  |
+| nullsPosition | 空值位置       | 'first' / 'last' | 'last' |
+| sortMethod    | 自定义排序方法 | Function(a, b)   | -      |
+
+### Methods 方法
+
+| 方法名     | 说明                                            | 参数          | 返回值 |
+| ---------- | ----------------------------------------------- | ------------- | ------ |
+| sortedData | 排序方法，默认使用 sortProps 配置并排序所有数据 | (data, props) | -      |

package/docs/guide/crud/genDynamicColumns.md

@@ -0,0 +1,145 @@
+# 动态列
+
+通过 `dynamicConfig` 配置可以快速生成多层级的动态列，常用于通过树级数据生成多层级列。
+
+## 单层级动态列
+
+`path` 设置树级数据路径，`prop` 设置树级数据唯一标识。
+
+<ClientOnly></ClientOnly>
+<common-code-format>
+<crud-genDynamicColumns-base slot="source"></crud-genDynamicColumns-base>
+
+<<< @/docs/.vuepress/components/crud/genDynamicColumns/base.vue
+</common-code-format>
+</ClientOnly>
+
+## 多层级动态列
+
+通过 `columnConfig` 可以设置列渲染配置，可以获取树级路径 `path` 和树级数据 `source` 。
+
+<ClientOnly>
+<common-code-format>
+<crud-genDynamicColumns-treeDynamic slot="source"></crud-genDynamicColumns-treeDynamic>
+
+<<< @/docs/.vuepress/components/crud/genDynamicColumns/treeDynamic.vue
+</common-code-format>
+</ClientOnly>
+
+## 多层级动态列和固定子列
+
+通过 `source[row.$index]` 可以获取到当前行的层级数据。 </br>
+支持响应式修改数据。
+
+<ClientOnly>
+<common-code-format>
+<crud-genDynamicColumns-dynamicAndFixed slot="source"></crud-genDynamicColumns-dynamicAndFixed>
+
+<<< @/docs/.vuepress/components/crud/genDynamicColumns/dynamicAndFixed.vue
+</common-code-format>
+</ClientOnly>
+
+## 数据格式与转换
+
+```js
+// 数据结构为: 
+const data = [
+  {
+    materialCode: `M001`,
+    materialName: `产品1`,
+    materialSpec: `规格 1`,
+    quantityGradeName: "A",
+    firstChildren: [
+      // 第一层级
+      {
+        id: "S001", // 第一层级唯一标识
+        name: "供应商1", // 第一层级名称
+        secondChildren: [
+          // 第二层级
+          {
+            sort: 1, // 第二层级唯一标识
+            productUnitPrice: 100,
+            priceFollow: "Y",
+            priceDifference: -10,
+            pricePercentageChange: 0.1,
+          },
+          {
+            sort: 2,
+            productUnitPrice: 90,
+            priceFollow: "N",
+            priceDifference: 5,
+            pricePercentageChange: 0.05,
+          },
+        ],
+      },
+    ],
+  },
+];
+
+// 转换后的数据结构为:
+
+const data = [
+  {
+    materialCode: `M001`,
+    materialName: `产品1`,
+    materialSpec: `规格 1`,
+    quantityGradeName: "A",
+    S001: {  // 第一层级唯一标识
+      id: "S001",
+      name: "供应商1",
+      1: { // 第二层级唯一标识
+        sort: 1,
+        productUnitPrice: 100,
+        priceFollow: "Y",
+        priceDifference: -10,
+        pricePercentageChange: 0.1,
+      },
+      2: {
+        sort: 2,
+        productUnitPrice: 90,
+        priceFollow: "N",
+        priceDifference: 5,
+        pricePercentageChange: 0.05,
+      },
+    },
+    firstChildren: [ // 原来的数据依旧保留
+      {
+        id: "S001",
+        name: "供应商1",
+        secondChildren: [
+          {
+            sort: 1,
+            productUnitPrice: 100,
+            priceFollow: "Y",
+            priceDifference: -10,
+            pricePercentageChange: 0.1,
+          },
+          {
+            sort: 2,
+            productUnitPrice: 90,
+            priceFollow: "N",
+            priceDifference: 5,
+            pricePercentageChange: 0.05,
+          },
+        ],
+      },
+    ],
+  },
+];
+```
+
+## options 配置项
+
+| 参数                  | 说明                                                    | 类型   | 默认值 |
+| --------------------- | ------------------------------------------------------- | ------ | ------ |
+| dynamicInsertPosition | 动态列插入位置，可接收普通列的 prop 值，或者 index 索引 | String | -      |
+| dynamicConfig         | 动态列配置数组                                          | Array  | -      |
+
+## dynamicConfig 配置项
+
+| 参数         | 说明                 | 类型                  | 默认值 |
+| ------------ | -------------------- | --------------------- | ------ |
+| path         | 当前层级数据路径     | String                | -      |
+| prop         | 当前层级唯一标识     | String                | -      |
+| label        | 当前层级标题字段     | String/Function(item) | -      |
+| columnConfig | 设置真正的渲染列配置 | Function(path, item)  | -      |

package/docs/guide/crud/handleBar.md

@@ -0,0 +1,26 @@
+# 操作栏
+
+## 左操作栏
+`handleRow` 操作行不默认展示按钮 </br>
+`#handleRow` `#handleRow-left` 插槽
+
+<ClientOnly>
+<common-code-format>
+  <crud-handleBar-handleRow slot="source"></crud-handleBar-handleRow>
+  
+<<< @/docs/.vuepress/components/crud/handleBar/handleRow.vue
+</common-code-format>
+</ClientOnly>
+
+## 右工具栏
+`toolbar` 工具栏默认展示全部 </br>
+`#toolbar` `#toolbar-left` 插槽
+
+<ClientOnly>
+<common-code-format>
+  <crud-handleBar-toolbar slot="source"></crud-handleBar-toolbar>
+  
+<<< @/docs/.vuepress/components/crud/handleBar/toolbar.vue
+</common-code-format>
+</ClientOnly>
+

package/docs/guide/crud/renderType.md

@@ -0,0 +1,4 @@
+
+# 自定义表格内容
+
+详情参考[通用配置-自定义组件内容](/guide/commonConfig/renderType.html#基本使用)