jsmom-table-form 1.2.13 → 1.2.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/CHANGELOG.MD +359 -351
  2. package/README.md +298 -296
  3. package/dist/main.js +1 -1
  4. package/package.json +1 -1
package/README.md CHANGED
@@ -1,296 +1,298 @@
1
- # 表格表单组件
2
-
3
- ## 安装
4
-
5
- > npm i jsmom-table-form -S
6
-
7
- or
8
-
9
- > yarn add jsmom-table-form
10
-
11
- ## 使用
12
-
13
- - 引入
14
- ```javascript
15
- import TableForm from "jsmom-table-form";
16
- ```
17
- - 注册
18
- ```javascript
19
- components: {
20
- TableForm,
21
- }
22
- ```
23
- - 页面
24
- ```html
25
- <TableForm></TableForm>
26
- ```
27
-
28
- ## 配置
29
-
30
- - fieldData `Array<Object>` 字段配置
31
-
32
- - name `string` 字段名
33
- - text `string` 展示文本
34
- - formType `String` 类型 select|cascader|selectData|textarea|datetime|date|calendar|images|file|number|switch|content|text|html|radio
35
- - enumName `string` 枚举名
36
- - formRules `Array<Object>` 表单验证规则
37
- - formSpan `Number` 表单占栅格数 最大 24
38
- - inputStyle `String` 表单输入项 style
39
- - selectMultiple `Boolean` 多选
40
- - clearable `Boolean` 可被清理
41
- - optionLoading `Boolean|Function` 选择列表加载中
42
- - isLazy `Boolean` 懒加载(级联选择)
43
- - lazyLoadFunction `Function` 懒加载函数(级联选择)
44
- - showAllLevels `Function` 显示所有级(级联选择)
45
- - isCheckStrictly `Boolean` 父子不关联(级联选择)
46
- - isCollapseTags `Boolean` 折叠选项
47
- - selectOption `Array<Object>|Function` 选择项
48
- - allowCreate `Boolean` 手动创建选择项
49
- - filterable `Boolean` 是否可搜索 手动创建开启时必须为 true
50
- - defaultFirstOption `Boolean` 回车时选择第一个
51
- - dateType `String` 日期类型 year|month|date|dates| week|datetime|datetimerange|daterange|monthrange
52
- - selectTable `String` 选择表
53
- - selectParams `Object|Function` 选择额外的参数(selectData)
54
- - formEventMaps `Object<Function>` 表单多动态事件
55
- - selectBind `Object<Function>` 关联其他字段(selectData)
56
- - sortable `Boolean` 启用排序
57
- - disabled `Boolean|Function` 禁用表单
58
- - isExpandTableId `Boolean` 是展开表格数据 id 出现一次即可
59
- - valueFormat `String` 格式化时间值
60
- - textareaRowNum `Number` 文本域显示行数
61
- - limit `Number` 限制文件图片数量
62
- - showStepControls `Boolean` 显示步进控制条
63
- - numberMin `Number|Function` 最小数值
64
- - numberMax `Number|Function` 最大数值
65
- - numberPrecision `Number` 数值精度
66
- - numberStep `Number` 步进值
67
- - switchActiveValue `Number|String|Boolean` 开关打开时的的值
68
- - switchinactiveValue `Number|String|Boolean` 开关关闭时的值
69
- - uploadUrl `String|Function` 文件上传 URL
70
- - checkUrl `String|Function` 检查服务器文件是上传情况
71
- - mergeUrl `String|Function` 请求文件合并 URL
72
- - fromTable `String` 文件关联表
73
- - downloadUrl `String|Function` 文件下载
74
- - placeholder `String` 表单占位符
75
- - fileList `Array<Object>` 附件时,文件列表
76
- - action `String|Function` 图片文件上传地址
77
- - imageUrl `String|Function` 图片预览地址 将替换$id
78
- - listType `String` 图片组件类型
79
- - tableCellOnClick `Function` 点击单元格事件
80
- - showTableColumn `Boolean` 显示在表格中
81
- - showExpandItem `Boolean` 显示在展开行
82
- - showFormItem `Boolean|Function` 显示在表单中
83
- - showPreviewItem `Boolean|Function` 显示在预览中
84
- - filterType `String` 筛选类型 dateRange|select|selectMulti|boolean|text
85
- - filterDateType `String` 筛选日期类型(dateRange) year|month|date|dates| week|datetime|datetimerange|daterange|monthrange
86
- - filterEventMaps `Object<Function>|Function` 筛选日期类型(dateRange) year|month|date|dates| week|datetime|datetimerange|daterange|monthrange
87
- - initalValue `any` 初使值
88
- - formatterFunction `Function` 格式化方法
89
- - 参数1 单元格值
90
- - 参数2 列属性
91
- - 参数3 行数据
92
- - ~~postFormatterDataFunction `Function` 添加更新时的数据格式化~~
93
- - ~~editFormatterDataFunction `Function` 编辑时的数据格式化~~
94
- - tableColumnWidth `Number|String` 表格列最小宽度
95
- - columnWidth `Number|String` 表格列宽度
96
- - fixed `String` 固定定位
97
- - formatterFunction `Function` 格式化显示文本
98
- - isTreeNode `Boolean` 是树型展开的节点
99
- - downloadUrl `String` 下载链接 替换$id
100
- - formatTextFunction `Function` 格式化自定义日历的内容
101
- - align `left(左对齐)| center(居中对齐)| right(右对齐)` 列对齐方式
102
- - headerAlign `left(左对齐)| center(居中对齐)| right(右对齐)` 表头对齐方式
103
- - filterInitialValue 高级查询初使值
104
- - formLabelWidth `String|Number` 单标签宽度
105
- - formOnClick `Function` 点击表单事件
106
- - formatterFormFunction `Function` 格式化表单方法
107
- 参数 { formData, value }
108
- - exportMethod `Function` 导出内容格式化
109
- 参数 { row, column, options }
110
- - cellRender `Function|Object` 表格内容渲染
111
- 参数 { row, column, ... }
112
- 返回值 { jsx }
113
- - headerParentName `String` 父表头name
114
-
115
- - isPreview 预览 `Boolean`
116
- - expandTableFieldData `Array<Object>` 展开表格的字段配置
117
- - fnPropExpandTableListRecord `Function` 展开表格的请求方法
118
- - fnPropDelDataFromIds `Function` 删除的请求方法
119
- - fnPropEditRecordDataFromRow `Function` 点击编辑记录的数据方法
120
- - fnPropAddRecord `Function` 新增的方法
121
- - fnPropUpdateRecord `Function` 更新的方法
122
- - fnPropListRecord `Function` 获取列表的方法
123
- - fnPropExportExcel `Function` 导出 Excel 的方法
124
- - eventMaps `Object<Function>` 事件集合
125
-
126
- - checkboxChange 多行选中行时
127
- - 参数 {records,reserves,indeterminates,checked,row,rowIndex,column,columnIndex}
128
- - radioChange 单行选中时
129
- - 参数 {newValue,oldValue,row,rowIndex,column,columnIndex}
130
- - expandChange 当行展开或收起时会触发该事件
131
- - 参数 { expanded, row, rowIndex, column, columnIndex }
132
- - filterSubmit 过滤提交时
133
- - 参数 当前过虑表单数据
134
- - refreshTable 点击表格刷新时
135
- - clickAddBtn 点击添加按钮时
136
- - getListData 获取列表数据成功后
137
- - 参数 数据列表
138
- - importExcelSuccessAfter 导入文件时 status:200 后
139
- - 参数1 响应数据
140
- - 参数2 文件信息
141
- - cellSelected 单元格被选中时会触发该事件
142
- - 参数 { row, rowIndex, $rowIndex, column, columnIndex, $columnIndex, $event }
143
- - checkboxAll 多行全选时
144
- - 参数 {records,reserves,indeterminates,checked}
145
- - closeFormDialog 关闭表单弹窗时
146
- - 参数 弹窗类型状态
147
- - clickFooterCell 点击表尾单元格
148
- - 参数 { items, $rowIndex, column, columnIndex, $columnIndex, $event }
149
- - scroll 表格滚动时
150
- - 参数 { type, scrollTop, scrollLeft, scrollHeight, scrollWidth, bodyWidth, bodyHeight, isX, isY, $event }
151
- - resizableChange 拖动列宽时
152
- - 参数 { column, columnIndex, $event }
153
-
154
- - configData `Object`
155
- - size `String` 组件大小 medium|small|mini
156
- - headers `Object` 请求头信息
157
- - disableToolBar `Boolean` 禁用表格工具栏
158
- - disableRefresh `Boolean` 禁用刷新按钮
159
- - disableCustom `Boolean` 禁用自定义列
160
- - disablePrint `Boolean` 禁用打印
161
- - disableAdd `Boolean` 禁用添加
162
- - disableDelete `Boolean` 禁用删除
163
- - disableMultipleDelete `Boolean` 禁用多选删除
164
- - disableAudit `Boolean` 禁用审核
165
- - disableImport `Boolean` 禁用导入
166
- - disableExport `Boolean` 禁用导出
167
- - disableCheckbox `Boolean` 禁用多选
168
- - disableRadio `Boolean` 禁用单选
169
- - disableSequence `Boolean` 禁用序号列
170
- - disablePreview `Boolean` 禁用预览按钮
171
- - disableEdit `Boolean` 禁用编辑按钮
172
- - disablePaging `Boolean` 禁用分页
173
- - disableDragColumn `Boolean` 禁用拖动列
174
- - hideOverflow `Boolean` 单元格不换行
175
- - showDefaultExport `Boolean` 显示默认导出
176
- - showRadio `Boolean` 显示单选
177
- - disableFixedFilter `Boolean` 禁用固定高级查询在左侧
178
- - disableSearch `Boolean` 禁用搜索
179
- - searchPlaceholder 搜索占位符
180
- - id `String` 唯一标识 记录列顺序、显隐等
181
- - tree `Object` 树型配置
182
- - enabled `Boolean` 启用
183
- - childrenName `String` 子列字段名称
184
- - expandAll `Boolean` 展开所有
185
- - trigger `String` 触发方式
186
- - align `String` 对齐方式
187
- - tableHeight `Number||String` 表格高度 auto|empty|Number
188
- - fnTableHeaderCellClassName `Function` 表格表头 Class 名称方法
189
- - fnTableRowClassName `Function` 表格行 Class 名称方法
190
- - fnTableCellClassName `Function` 单元格 Class 名称方法
191
- - fnTableHeaderCellStyle `Function` 表格表头样式方法
192
- - fnTableRowStyle `Function` 表格行样式方法
193
- - fnTableCellStyle `Function` 单元格样式方法
194
- - pagingAlign `String` 分页对齐方式
195
- - formSize `String` 表单样式大小
196
- - editLabelWidth `String` 表单标签宽度
197
- - importExcelAction `String` 导入表格的地址
198
- - importExcelSize `Number` 导入表格的限制大小
199
- - showExportField `Boolean` 导出时选择字段
200
- - operateExtraWidth `Number` 操作列增加宽度
201
- - pageSize `Number` 页数量
202
- - title `String` 标题
203
- - disableScrollY `Boolean` 是否禁用Y轴虚拟滚动
204
- - disableScrollX `Boolean` 是否禁用X轴虚拟滚动
205
- - footerMethod `Function` 设置表尾数据
206
- - 参数 { columns, data }
207
- - 返回二维数组 第二维为每列的值
208
- - mergeCells `Function|Array` 合并单元格
209
- - 参数1 tableData
210
- - 参数2 computeColumnOrder
211
- - 对象数组 Array<{ row: number, col: number, rowspan: number, colspan: number }>
212
- - disableDragSelect `Boolean` 禁用拖动选择列
213
- - disableDragTree `Boolean` 禁用拖动树型列
214
- - disableDragExpand `Boolean` 禁用拖动展开列
215
- - disableDragSeq `Boolean` 禁用拖动序号列
216
- - fixedSelect `Boolean` 选择列固定在左侧
217
- - fixedSeq `Boolean` 序号列固定在左侧
218
- - filterLabelWidth `String` 高级查询标签宽度
219
- - enableSelectCell `Boolean` 启用选择单元格
220
- - formInitData `Object` 表单初使数据
221
- - baseApi `String` 请求地址
222
- - exportModes `Array<string>` 前端导出输出数据的方式列表
223
- - current, selected, all
224
- - showAdd `Boolean` 显示添加按钮
225
- - showDelete `Boolean` 显示删除按钮
226
- - showEdit `Boolean` 显示修改按钮
227
- - rowHeight `Number` 表格行高
228
- - defaultSort `Object<{ field: String, order: String }>` 默认排序字段
229
- - showImport `Boolean` 显示导入按钮
230
- - showExport `Boolean` 显示导出按钮
231
- - hideHeaderOverflow `Boolean` 隐藏表头省略
232
- - stripe `Boolean` 是否带有斑马纹
233
- - rowIsCurrent `Boolean` 当鼠标点击行时,是否要高亮当前行
234
- - disableRowIsHover `Boolean` 禁用高亮鼠标当前行
235
- - operateFixed `String` 操作列固定方式 默认right
236
-
237
- ## 方法
238
-
239
- - execMethod
240
- req: {type, params}
241
- - recalculate(refull:Boolean) 重新计算表格
242
- - refull 完整计算
243
- - updateData 更新数据
244
- - insertAt(records, row) 临时插入数据
245
- - row 指定位置、null从第一行插入、-1 从最后插入
246
- - getTableData 获取表格的数据
247
- - getRadioRecord 用于radio,获取当前已选中的行数据
248
- - getCheckboxRecords 用于checkbox,获取当前已选中的行数据
249
- - getRowExpandRecords 获取已展开的行数据
250
- - setRowExpand(rows, checked:Boolean) 设置要展开的行
251
- - checked 展开或折叠
252
- - setRadioRow(row) 设置某一行为选中状态
253
- - setCheckboxRow(rows, checked:Boolean) 设置行为选中状态
254
- - getSelectedCell 获取选中的单元格信息
255
- - scrollToRow(row, fieldOrColumn) 滚动到对应的行
256
- - setCurrentRow(row) 设置某一行为高亮状态
257
- - scrollTo(scrollLeft, scrollTop) 滚动到对应的位置
258
- <!-- - getListData({page,limit,key,otherData={},isClear=false}) 重新获取列表 -->
259
- - fnResetFormData 清空表单数据
260
- - ~~fnSetData({ variate, prop, value }) 修改data数据~~ `旧`
261
- - variate 变量名
262
- - prop 子属性
263
- - value
264
- - fnSetData(variate, property, value) 修改数据 `新`
265
- - variate 变量名
266
- - property 属性 如:'a.b'、'a.d[0]'、'a.d[1].f'
267
- - value
268
- - fnGetData(variate:String, property:String|Array, defaultValue) 获取数据
269
- - variate 变量名
270
- - property 属性 如:'a.b'、'a.d[0]'、'a.d[1].f'、['a', 'c']
271
- - defaultValue 默认值
272
- - reloadData(`Object`) 重新加载表格数据
273
- - page `Number` 页码 default: `当前页`
274
- - params `Object` 传递到请求的其他数据
275
- - filter `Boolean` 是否传递高级查询和关键词的数据 default: `true`
276
-
277
- ## 插槽
278
-
279
- - expand 展开行内容
280
- - row 当前行数据
281
- - operateExtraButton 操作列扩展按钮
282
- - row 当前行数据
283
- - importBefore 导入表格前的内容
284
- - importBefore 表单内容
285
- - toolbarButton 工具栏按钮
286
- - selectedRow 选中的行数据
287
- - toolbarTool 右侧工具列表插槽
288
- - selectedRow 选中的行数据
289
- - formFooterAfter 表单底部按钮
290
- - formStatus 状态
291
- - formFooterBefore 表单底部按钮
292
- - formStatus 状态
293
-
294
- ## 迁移
295
-
296
- _待补充_
1
+ # 表格表单组件
2
+
3
+ ## 安装
4
+
5
+ > npm i jsmom-table-form -S
6
+
7
+ or
8
+
9
+ > yarn add jsmom-table-form
10
+
11
+ ## 使用
12
+
13
+ - 引入
14
+ ```javascript
15
+ import TableForm from "jsmom-table-form";
16
+ ```
17
+ - 注册
18
+ ```javascript
19
+ components: {
20
+ TableForm,
21
+ }
22
+ ```
23
+ - 页面
24
+ ```html
25
+ <TableForm></TableForm>
26
+ ```
27
+
28
+ ## 配置
29
+
30
+ - fieldData `Array<Object>` 字段配置
31
+
32
+ - name `string` 字段名
33
+ - text `string` 展示文本
34
+ - formType `String` 类型 select|cascader|selectData|textarea|datetime|date|calendar|images|file|number|switch|content|text|html|radio
35
+ - enumName `string` 枚举名
36
+ - formRules `Array<Object>` 表单验证规则
37
+ - formSpan `Number` 表单占栅格数 最大 24
38
+ - inputStyle `String` 表单输入项 style
39
+ - selectMultiple `Boolean` 多选
40
+ - clearable `Boolean` 可被清理
41
+ - optionLoading `Boolean|Function` 选择列表加载中
42
+ - isLazy `Boolean` 懒加载(级联选择)
43
+ - lazyLoadFunction `Function` 懒加载函数(级联选择)
44
+ - showAllLevels `Function` 显示所有级(级联选择)
45
+ - isCheckStrictly `Boolean` 父子不关联(级联选择)
46
+ - isCollapseTags `Boolean` 折叠选项
47
+ - selectOption `Array<Object>|Function` 选择项
48
+ - allowCreate `Boolean` 手动创建选择项
49
+ - filterable `Boolean` 是否可搜索 手动创建开启时必须为 true
50
+ - defaultFirstOption `Boolean` 回车时选择第一个
51
+ - dateType `String` 日期类型 year|month|date|dates| week|datetime|datetimerange|daterange|monthrange
52
+ - selectTable `String` 选择表
53
+ - selectParams `Object|Function` 选择额外的参数(selectData)
54
+ - formEventMaps `Object<Function>` 表单多动态事件
55
+ - selectBind `Object<Function>` 关联其他字段(selectData)
56
+ - sortable `Boolean` 启用排序
57
+ - disabled `Boolean|Function` 禁用表单
58
+ - isExpandTableId `Boolean` 是展开表格数据 id 出现一次即可
59
+ - valueFormat `String` 格式化时间值
60
+ - textareaRowNum `Number` 文本域显示行数
61
+ - limit `Number` 限制文件图片数量
62
+ - showStepControls `Boolean` 显示步进控制条
63
+ - numberMin `Number|Function` 最小数值
64
+ - numberMax `Number|Function` 最大数值
65
+ - numberPrecision `Number` 数值精度
66
+ - numberStep `Number` 步进值
67
+ - switchActiveValue `Number|String|Boolean` 开关打开时的的值
68
+ - switchinactiveValue `Number|String|Boolean` 开关关闭时的值
69
+ - uploadUrl `String|Function` 文件上传 URL
70
+ - checkUrl `String|Function` 检查服务器文件是上传情况
71
+ - mergeUrl `String|Function` 请求文件合并 URL
72
+ - fromTable `String` 文件关联表
73
+ - downloadUrl `String|Function` 文件下载
74
+ - placeholder `String` 表单占位符
75
+ - fileList `Array<Object>` 附件时,文件列表
76
+ - action `String|Function` 图片文件上传地址
77
+ - imageUrl `String|Function` 图片预览地址 将替换$id
78
+ - listType `String` 图片组件类型
79
+ - tableCellOnClick `Function` 点击单元格事件
80
+ - showTableColumn `Boolean` 显示在表格中
81
+ - showExpandItem `Boolean` 显示在展开行
82
+ - showFormItem `Boolean|Function` 显示在表单中
83
+ - showPreviewItem `Boolean|Function` 显示在预览中
84
+ - filterType `String` 筛选类型 dateRange|select|selectMulti|boolean|text
85
+ - filterDateType `String` 筛选日期类型(dateRange) year|month|date|dates| week|datetime|datetimerange|daterange|monthrange
86
+ - filterEventMaps `Object<Function>|Function` 筛选日期类型(dateRange) year|month|date|dates| week|datetime|datetimerange|daterange|monthrange
87
+ - initalValue `any` 初使值
88
+ - formatterFunction `Function` 格式化方法
89
+ - 参数1 单元格值
90
+ - 参数2 列属性
91
+ - 参数3 行数据
92
+ - ~~postFormatterDataFunction `Function` 添加更新时的数据格式化~~
93
+ - ~~editFormatterDataFunction `Function` 编辑时的数据格式化~~
94
+ - tableColumnWidth `Number|String` 表格列最小宽度
95
+ - columnWidth `Number|String` 表格列宽度
96
+ - fixed `String` 固定定位
97
+ - formatterFunction `Function` 格式化显示文本
98
+ - isTreeNode `Boolean` 是树型展开的节点
99
+ - downloadUrl `String` 下载链接 替换$id
100
+ - formatTextFunction `Function` 格式化自定义日历的内容
101
+ - align `left(左对齐)| center(居中对齐)| right(右对齐)` 列对齐方式
102
+ - headerAlign `left(左对齐)| center(居中对齐)| right(右对齐)` 表头对齐方式
103
+ - filterInitialValue 高级查询初使值
104
+ - formLabelWidth `String|Number` 单标签宽度
105
+ - formOnClick `Function` 点击表单事件
106
+ - formatterFormFunction `Function` 格式化表单方法
107
+ 参数 { formData, value }
108
+ - exportMethod `Function` 导出内容格式化
109
+ 参数 { row, column, options }
110
+ - cellRender `Function|Object` 表格内容渲染
111
+ 参数 { row, column, ... }
112
+ 返回值 { jsx }
113
+ - headerParentName `String` 父表头name
114
+ - cellType 导出数据类型 `auto|number|string`
115
+
116
+ - isPreview 预览 `Boolean`
117
+ - expandTableFieldData `Array<Object>` 展开表格的字段配置
118
+ - fnPropExpandTableListRecord `Function` 展开表格的请求方法
119
+ - fnPropDelDataFromIds `Function` 删除的请求方法
120
+ - fnPropEditRecordDataFromRow `Function` 点击编辑记录的数据方法
121
+ - fnPropAddRecord `Function` 新增的方法
122
+ - fnPropUpdateRecord `Function` 更新的方法
123
+ - fnPropListRecord `Function` 获取列表的方法
124
+ - fnPropExportExcel `Function` 导出 Excel 的方法
125
+ - eventMaps `Object<Function>` 事件集合
126
+
127
+ - checkboxChange 多行选中行时
128
+ - 参数 {records,reserves,indeterminates,checked,row,rowIndex,column,columnIndex}
129
+ - radioChange 单行选中时
130
+ - 参数 {newValue,oldValue,row,rowIndex,column,columnIndex}
131
+ - expandChange 当行展开或收起时会触发该事件
132
+ - 参数 { expanded, row, rowIndex, column, columnIndex }
133
+ - filterSubmit 过滤提交时
134
+ - 参数 当前过虑表单数据
135
+ - refreshTable 点击表格刷新时
136
+ - clickAddBtn 点击添加按钮时
137
+ - getListData 获取列表数据成功后
138
+ - 参数 数据列表
139
+ - importExcelSuccessAfter 导入文件时 status:200 后
140
+ - 参数1 响应数据
141
+ - 参数2 文件信息
142
+ - cellSelected 单元格被选中时会触发该事件
143
+ - 参数 { row, rowIndex, $rowIndex, column, columnIndex, $columnIndex, $event }
144
+ - checkboxAll 多行全选时
145
+ - 参数 {records,reserves,indeterminates,checked}
146
+ - closeFormDialog 关闭表单弹窗时
147
+ - 参数 弹窗类型状态
148
+ - clickFooterCell 点击表尾单元格
149
+ - 参数 { items, $rowIndex, column, columnIndex, $columnIndex, $event }
150
+ - scroll 表格滚动时
151
+ - 参数 { type, scrollTop, scrollLeft, scrollHeight, scrollWidth, bodyWidth, bodyHeight, isX, isY, $event }
152
+ - resizableChange 拖动列宽时
153
+ - 参数 { column, columnIndex, $event }
154
+
155
+ - configData `Object`
156
+ - size `String` 组件大小 medium|small|mini
157
+ - headers `Object` 请求头信息
158
+ - disableToolBar `Boolean` 禁用表格工具栏
159
+ - disableRefresh `Boolean` 禁用刷新按钮
160
+ - disableCustom `Boolean` 禁用自定义列
161
+ - disablePrint `Boolean` 禁用打印
162
+ - disableAdd `Boolean` 禁用添加
163
+ - disableDelete `Boolean` 禁用删除
164
+ - disableMultipleDelete `Boolean` 禁用多选删除
165
+ - disableAudit `Boolean` 禁用审核
166
+ - disableImport `Boolean` 禁用导入
167
+ - disableExport `Boolean` 禁用导出
168
+ - disableCheckbox `Boolean` 禁用多选
169
+ - disableRadio `Boolean` 禁用单选
170
+ - disableSequence `Boolean` 禁用序号列
171
+ - disablePreview `Boolean` 禁用预览按钮
172
+ - disableEdit `Boolean` 禁用编辑按钮
173
+ - disablePaging `Boolean` 禁用分页
174
+ - disableDragColumn `Boolean` 禁用拖动列
175
+ - hideOverflow `Boolean` 单元格不换行
176
+ - showDefaultExport `Boolean` 显示默认导出
177
+ - showRadio `Boolean` 显示单选
178
+ - disableFixedFilter `Boolean` 禁用固定高级查询在左侧
179
+ - disableSearch `Boolean` 禁用搜索
180
+ - searchPlaceholder 搜索占位符
181
+ - id `String` 唯一标识 记录列顺序、显隐等
182
+ - tree `Object` 树型配置
183
+ - enabled `Boolean` 启用
184
+ - childrenName `String` 子列字段名称
185
+ - expandAll `Boolean` 展开所有
186
+ - trigger `String` 触发方式
187
+ - align `String` 对齐方式
188
+ - tableHeight `Number||String` 表格高度 auto|empty|Number
189
+ - fnTableHeaderCellClassName `Function` 表格表头 Class 名称方法
190
+ - fnTableRowClassName `Function` 表格行 Class 名称方法
191
+ - fnTableCellClassName `Function` 单元格 Class 名称方法
192
+ - fnTableHeaderCellStyle `Function` 表格表头样式方法
193
+ - fnTableRowStyle `Function` 表格行样式方法
194
+ - fnTableCellStyle `Function` 单元格样式方法
195
+ - pagingAlign `String` 分页对齐方式
196
+ - formSize `String` 表单样式大小
197
+ - editLabelWidth `String` 表单标签宽度
198
+ - importExcelAction `String` 导入表格的地址
199
+ - importExcelSize `Number` 导入表格的限制大小
200
+ - showExportField `Boolean` 导出时选择字段
201
+ - operateExtraWidth `Number` 操作列增加宽度
202
+ - pageSize `Number` 页数量
203
+ - title `String` 标题
204
+ - disableScrollY `Boolean` 是否禁用Y轴虚拟滚动
205
+ - disableScrollX `Boolean` 是否禁用X轴虚拟滚动
206
+ - footerMethod `Function` 设置表尾数据
207
+ - 参数 { columns, data }
208
+ - 返回二维数组 第二维为每列的值
209
+ - mergeCells `Function|Array` 合并单元格
210
+ - 参数1 tableData
211
+ - 参数2 computeColumnOrder
212
+ - 对象数组 Array<{ row: number, col: number, rowspan: number, colspan: number }>
213
+ - disableDragSelect `Boolean` 禁用拖动选择列
214
+ - disableDragTree `Boolean` 禁用拖动树型列
215
+ - disableDragExpand `Boolean` 禁用拖动展开列
216
+ - disableDragSeq `Boolean` 禁用拖动序号列
217
+ - fixedSelect `Boolean` 选择列固定在左侧
218
+ - fixedSeq `Boolean` 序号列固定在左侧
219
+ - filterLabelWidth `String` 高级查询标签宽度
220
+ - enableSelectCell `Boolean` 启用选择单元格
221
+ - formInitData `Object` 表单初使数据
222
+ - baseApi `String` 请求地址
223
+ - exportModes `Array<string>` 前端导出输出数据的方式列表
224
+ - current, selected, all
225
+ - exportColumns `Array<{ colId?: number; field:? string; type?: string }>` 前端导出默认选中的列
226
+ - showAdd `Boolean` 显示添加按钮
227
+ - showDelete `Boolean` 显示删除按钮
228
+ - showEdit `Boolean` 显示修改按钮
229
+ - rowHeight `Number` 表格行高
230
+ - defaultSort `Object<{ field: String, order: String }>` 默认排序字段
231
+ - showImport `Boolean` 显示导入按钮
232
+ - showExport `Boolean` 显示导出按钮
233
+ - hideHeaderOverflow `Boolean` 隐藏表头省略
234
+ - stripe `Boolean` 是否带有斑马纹
235
+ - rowIsCurrent `Boolean` 当鼠标点击行时,是否要高亮当前行
236
+ - disableRowIsHover `Boolean` 禁用高亮鼠标当前行
237
+ - operateFixed `String` 操作列固定方式 默认right
238
+
239
+ ## 方法
240
+
241
+ - execMethod
242
+ req: {type, params}
243
+ - recalculate(refull:Boolean) 重新计算表格
244
+ - refull 完整计算
245
+ - updateData 更新数据
246
+ - insertAt(records, row) 临时插入数据
247
+ - row 指定位置、null从第一行插入、-1 从最后插入
248
+ - getTableData 获取表格的数据
249
+ - getRadioRecord 用于radio,获取当前已选中的行数据
250
+ - getCheckboxRecords 用于checkbox,获取当前已选中的行数据
251
+ - getRowExpandRecords 获取已展开的行数据
252
+ - setRowExpand(rows, checked:Boolean) 设置要展开的行
253
+ - checked 展开或折叠
254
+ - setRadioRow(row) 设置某一行为选中状态
255
+ - setCheckboxRow(rows, checked:Boolean) 设置行为选中状态
256
+ - getSelectedCell 获取选中的单元格信息
257
+ - scrollToRow(row, fieldOrColumn) 滚动到对应的行
258
+ - setCurrentRow(row) 设置某一行为高亮状态
259
+ - scrollTo(scrollLeft, scrollTop) 滚动到对应的位置
260
+ <!-- - getListData({page,limit,key,otherData={},isClear=false}) 重新获取列表 -->
261
+ - fnResetFormData 清空表单数据
262
+ - ~~fnSetData({ variate, prop, value }) 修改data数据~~ `旧`
263
+ - variate 变量名
264
+ - prop 子属性
265
+ - value
266
+ - fnSetData(variate, property, value) 修改数据 `新`
267
+ - variate 变量名
268
+ - property 属性 如:'a.b'、'a.d[0]'、'a.d[1].f'
269
+ - value
270
+ - fnGetData(variate:String, property:String|Array, defaultValue) 获取数据
271
+ - variate 变量名
272
+ - property 属性 如:'a.b'、'a.d[0]'、'a.d[1].f'、['a', 'c']
273
+ - defaultValue 默认值
274
+ - reloadData(`Object`) 重新加载表格数据
275
+ - page `Number` 页码 default: `当前页`
276
+ - params `Object` 传递到请求的其他数据
277
+ - filter `Boolean` 是否传递高级查询和关键词的数据 default: `true`
278
+
279
+ ## 插槽
280
+
281
+ - expand 展开行内容
282
+ - row 当前行数据
283
+ - operateExtraButton 操作列扩展按钮
284
+ - row 当前行数据
285
+ - importBefore 导入表格前的内容
286
+ - importBefore 表单内容
287
+ - toolbarButton 工具栏按钮
288
+ - selectedRow 选中的行数据
289
+ - toolbarTool 右侧工具列表插槽
290
+ - selectedRow 选中的行数据
291
+ - formFooterAfter 表单底部按钮
292
+ - formStatus 状态
293
+ - formFooterBefore 表单底部按钮
294
+ - formStatus 状态
295
+
296
+ ## 迁移
297
+
298
+ _待补充_