vue-super-crud 1.7.1 → 1.7.2

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 (269) hide show
  1. package/README.md +42 -10
  2. package/lib/index.css +1 -1
  3. package/lib/super-crud.min.js +2 -2
  4. package/package.json +21 -16
  5. package/.browserslistrc +0 -3
  6. package/.versionrc.json +0 -36
  7. package/CHANGELOG.md +0 -232
  8. package/babel.config.js +0 -12
  9. package/build/alias.js +0 -10
  10. package/build/build.js +0 -52
  11. package/build/config.js +0 -70
  12. package/deploy.bat +0 -14
  13. package/docs/.vuepress/components/button/base.vue +0 -88
  14. package/docs/.vuepress/components/common/code-format.vue +0 -331
  15. package/docs/.vuepress/components/commonConfig/presetCodeTemplate/base.vue +0 -68
  16. package/docs/.vuepress/components/commonConfig/presetCodeTemplate/customParams.vue +0 -73
  17. package/docs/.vuepress/components/commonConfig/renderType/component.vue +0 -160
  18. package/docs/.vuepress/components/commonConfig/renderType/formatter.vue +0 -49
  19. package/docs/.vuepress/components/commonConfig/renderType/render.vue +0 -91
  20. package/docs/.vuepress/components/commonConfig/renderType/slot.vue +0 -63
  21. package/docs/.vuepress/components/crud/baseUse/baseUse.vue +0 -98
  22. package/docs/.vuepress/components/crud/baseUse/columnAction.vue +0 -72
  23. package/docs/.vuepress/components/crud/baseUse/columnWidth.vue +0 -107
  24. package/docs/.vuepress/components/crud/baseUse/handleRow.vue +0 -65
  25. package/docs/.vuepress/components/crud/baseUse/height.vue +0 -82
  26. package/docs/.vuepress/components/crud/baseUse/index.vue +0 -54
  27. package/docs/.vuepress/components/crud/baseUse/loading.vue +0 -70
  28. package/docs/.vuepress/components/crud/baseUse/pagination.vue +0 -108
  29. package/docs/.vuepress/components/crud/baseUse/selection.vue +0 -114
  30. package/docs/.vuepress/components/crud/baseUse/summaryMethod.vue +0 -118
  31. package/docs/.vuepress/components/crud/baseUse/title.vue +0 -54
  32. package/docs/.vuepress/components/crud/baseUse/toolbar.vue +0 -69
  33. package/docs/.vuepress/components/crud/buttons/common.vue +0 -115
  34. package/docs/.vuepress/components/crud/buttons/fast.vue +0 -82
  35. package/docs/.vuepress/components/crud/contextMenu/base.vue +0 -72
  36. package/docs/.vuepress/components/crud/copy.vue +0 -52
  37. package/docs/.vuepress/components/crud/crudEvents/api.vue +0 -157
  38. package/docs/.vuepress/components/crud/crudEvents/deleteTip.vue +0 -93
  39. package/docs/.vuepress/components/crud/crudEvents/events.vue +0 -188
  40. package/docs/.vuepress/components/crud/dataSort/base.vue +0 -142
  41. package/docs/.vuepress/components/crud/genDynamicColumns/base.vue +0 -53
  42. package/docs/.vuepress/components/crud/genDynamicColumns/dynamicAndFixed.vue +0 -111
  43. package/docs/.vuepress/components/crud/genDynamicColumns/treeDynamic.vue +0 -68
  44. package/docs/.vuepress/components/crud/handleBar/handleRow.vue +0 -65
  45. package/docs/.vuepress/components/crud/handleBar/toolbar.vue +0 -69
  46. package/docs/.vuepress/components/crud/renderType/1.vue +0 -57
  47. package/docs/.vuepress/components/crud/renderType/2.vue +0 -63
  48. package/docs/.vuepress/components/crud/renderType/3.vue +0 -105
  49. package/docs/.vuepress/components/crud/renderType/5.vue +0 -91
  50. package/docs/.vuepress/components/crud/search/1.vue +0 -90
  51. package/docs/.vuepress/components/crud/search/2.vue +0 -78
  52. package/docs/.vuepress/components/crud/search/3.vue +0 -107
  53. package/docs/.vuepress/components/crud/search/base.vue +0 -123
  54. package/docs/.vuepress/components/crud/search/localSearch.vue +0 -124
  55. package/docs/.vuepress/components/crud/search/special.vue +0 -148
  56. package/docs/.vuepress/components/crud/selection/events.vue +0 -47
  57. package/docs/.vuepress/components/crud/selection/pagination.vue +0 -94
  58. package/docs/.vuepress/components/crud/selection/singleSelection.vue +0 -64
  59. package/docs/.vuepress/components/crud/span/base.vue +0 -69
  60. package/docs/.vuepress/components/crud/span/special.vue +0 -75
  61. package/docs/.vuepress/components/crud/summary/base.vue +0 -99
  62. package/docs/.vuepress/components/crud/tableEdit/addDeleteBtn.vue +0 -174
  63. package/docs/.vuepress/components/crud/tableEdit/cellEdit.vue +0 -194
  64. package/docs/.vuepress/components/crud/tableEdit/controlEdit.vue +0 -219
  65. package/docs/.vuepress/components/crud/tableEdit/dialog.vue +0 -172
  66. package/docs/.vuepress/components/crud/tableEdit/free.vue +0 -88
  67. package/docs/.vuepress/components/crud/tableEdit/freeColumn.vue +0 -82
  68. package/docs/.vuepress/components/crud/tableEdit/methods.vue +0 -154
  69. package/docs/.vuepress/components/crud/tableEdit/rowAction.vue +0 -107
  70. package/docs/.vuepress/components/crud/tableEdit/rowBatch.vue +0 -116
  71. package/docs/.vuepress/components/crud/tableEdit/rowClick.vue +0 -98
  72. package/docs/.vuepress/components/crud/validate/base.vue +0 -122
  73. package/docs/.vuepress/components/crud/validate/custom.vue +0 -82
  74. package/docs/.vuepress/components/crud/validate/regulars.vue +0 -88
  75. package/docs/.vuepress/components/crud/validate/relation.vue +0 -91
  76. package/docs/.vuepress/components/crud/validate/tree.vue +0 -82
  77. package/docs/.vuepress/components/dialog/baseUse/base.vue +0 -92
  78. package/docs/.vuepress/components/dialog/baseUse/beforeConfirm.vue +0 -78
  79. package/docs/.vuepress/components/dialog/baseUse/control.vue +0 -79
  80. package/docs/.vuepress/components/dialog/baseUse/drawer.vue +0 -59
  81. package/docs/.vuepress/components/dialog/baseUse/footer.vue +0 -87
  82. package/docs/.vuepress/components/dialog/baseUse/insertSlot.vue +0 -79
  83. package/docs/.vuepress/components/dict/DictLinkage.vue +0 -91
  84. package/docs/.vuepress/components/dict/baseUse.vue +0 -72
  85. package/docs/.vuepress/components/dict/component.vue +0 -82
  86. package/docs/.vuepress/components/dict/localDict.vue +0 -68
  87. package/docs/.vuepress/components/form/baseUse/base.vue +0 -48
  88. package/docs/.vuepress/components/form/baseUse/dataFormat.vue +0 -92
  89. package/docs/.vuepress/components/form/baseUse/deep.vue +0 -57
  90. package/docs/.vuepress/components/form/baseUse/gridLayout.vue +0 -47
  91. package/docs/.vuepress/components/form/baseUse/group.vue +0 -66
  92. package/docs/.vuepress/components/form/baseUse/hidden.vue +0 -40
  93. package/docs/.vuepress/components/form/baseUse/inlineLayout.vue +0 -48
  94. package/docs/.vuepress/components/form/baseUse/label.vue +0 -51
  95. package/docs/.vuepress/components/form/baseUse/tooltip.vue +0 -40
  96. package/docs/.vuepress/components/form/baseUse/validate.vue +0 -52
  97. package/docs/.vuepress/components/form/detail/base.vue +0 -78
  98. package/docs/.vuepress/components/form/detail/border.vue +0 -90
  99. package/docs/.vuepress/components/form/detail/singleDetail.vue +0 -72
  100. package/docs/.vuepress/components/formatData/baseUse.vue +0 -131
  101. package/docs/.vuepress/components/mock/index.js +0 -347
  102. package/docs/.vuepress/components/mockData/custom.vue +0 -69
  103. package/docs/.vuepress/components/mockData/example.vue +0 -290
  104. package/docs/.vuepress/components/positionSlot/base.vue +0 -24
  105. package/docs/.vuepress/components/positionSlot/form.vue +0 -71
  106. package/docs/.vuepress/components/positionSlot/table.vue +0 -85
  107. package/docs/.vuepress/components/tabs/base.vue +0 -57
  108. package/docs/.vuepress/components/temp.js +0 -195
  109. package/docs/.vuepress/config.js +0 -146
  110. package/docs/.vuepress/enhanceApp.js +0 -142
  111. package/docs/.vuepress/public/favicon.ico +0 -0
  112. package/docs/.vuepress/public/super.png +0 -0
  113. package/docs/.vuepress/styles/index.styl +0 -25
  114. package/docs/.vuepress/styles/palette.styl +0 -6
  115. package/docs/README.md +0 -14
  116. package/docs/guide/button/base.md +0 -31
  117. package/docs/guide/commonConfig/jsx.md +0 -166
  118. package/docs/guide/commonConfig/presetCodeTemplate.md +0 -68
  119. package/docs/guide/commonConfig/renderType.md +0 -181
  120. package/docs/guide/crud/baseUse.md +0 -120
  121. package/docs/guide/crud/buttons.md +0 -18
  122. package/docs/guide/crud/config.md +0 -217
  123. package/docs/guide/crud/contextMenu.md +0 -18
  124. package/docs/guide/crud/dataSort.md +0 -66
  125. package/docs/guide/crud/genDynamicColumns.md +0 -145
  126. package/docs/guide/crud/handleBar.md +0 -26
  127. package/docs/guide/crud/renderType.md +0 -4
  128. package/docs/guide/crud/search.md +0 -150
  129. package/docs/guide/crud/selection.md +0 -73
  130. package/docs/guide/crud/span.md +0 -98
  131. package/docs/guide/crud/summary.md +0 -167
  132. package/docs/guide/crud/tableEdit.md +0 -377
  133. package/docs/guide/crud/validate.md +0 -158
  134. package/docs/guide/dialog/baseUse.md +0 -81
  135. package/docs/guide/dict/baseUse.md +0 -174
  136. package/docs/guide/dict/component.md +0 -88
  137. package/docs/guide/dict/config.md +0 -44
  138. package/docs/guide/form/baseUse.md +0 -142
  139. package/docs/guide/form/detail.md +0 -38
  140. package/docs/guide/formatData/baseUse.md +0 -98
  141. package/docs/guide/formatData/config.md +0 -142
  142. package/docs/guide/mockData/base.md +0 -26
  143. package/docs/guide/positionSlot/base.md +0 -41
  144. package/docs/guide/question/base.md +0 -44
  145. package/docs/guide/start/base.md +0 -30
  146. package/docs/guide/tabs/base.md +0 -63
  147. package/examples/App.vue +0 -52
  148. package/examples/Layout/components/AppMain.vue +0 -40
  149. package/examples/Layout/components/Item.vue +0 -29
  150. package/examples/Layout/components/Link.vue +0 -44
  151. package/examples/Layout/components/SidebarItem.vue +0 -93
  152. package/examples/Layout/index.vue +0 -69
  153. package/examples/assets/logo.png +0 -0
  154. package/examples/favicon.ico +0 -0
  155. package/examples/index.html +0 -18
  156. package/examples/main.js +0 -54
  157. package/examples/router/index.js +0 -140
  158. package/examples/store/index.js +0 -0
  159. package/examples/styles/index.scss +0 -63
  160. package/examples/styles/sidebar.scss +0 -226
  161. package/examples/styles/transition.scss +0 -48
  162. package/examples/styles/variables.scss +0 -25
  163. package/examples/views/crud/base.vue +0 -68
  164. package/examples/views/crud/handleRow.vue +0 -84
  165. package/examples/views/crud/search.vue +0 -116
  166. package/examples/views/dashboard/index.vue +0 -244
  167. package/examples/views/dashboard/index1.vue +0 -234
  168. package/examples/views/dashboard/test.vue +0 -9
  169. package/examples/views/formTest/index.vue +0 -168
  170. package/examples/views/nested/menu1/index.vue +0 -7
  171. package/examples/views/nested/menu1/menu1-1/index.vue +0 -7
  172. package/examples/views/nested/menu1/menu1-2/index.vue +0 -7
  173. package/examples/views/nested/menu1/menu1-2/menu1-2-1/index.vue +0 -5
  174. package/examples/views/nested/menu1/menu1-2/menu1-2-2/index.vue +0 -5
  175. package/examples/views/nested/menu1/menu1-3/index.vue +0 -5
  176. package/examples/views/nested/menu2/index.vue +0 -5
  177. package/gulpfile.js +0 -84
  178. package/packages/button/index.vue +0 -189
  179. package/packages/core/components/comp.vue +0 -223
  180. package/packages/core/components/position.vue +0 -135
  181. package/packages/core/components/render.vue +0 -460
  182. package/packages/core/configManager.js +0 -302
  183. package/packages/core/create.js +0 -8
  184. package/packages/core/defaultRender.js +0 -64
  185. package/packages/core/dict/global.js +0 -10
  186. package/packages/core/dict/index.js +0 -432
  187. package/packages/core/dict/mixin.js +0 -94
  188. package/packages/core/event.js +0 -60
  189. package/packages/core/index.js +0 -6
  190. package/packages/core/init.js +0 -122
  191. package/packages/core/mock/genConfig.js +0 -228
  192. package/packages/core/mock/genData.js +0 -422
  193. package/packages/core/mock/index.js +0 -4
  194. package/packages/core/rules.js +0 -111
  195. package/packages/crud/column.vue +0 -205
  196. package/packages/crud/columnAction.vue +0 -207
  197. package/packages/crud/columnCell.vue +0 -146
  198. package/packages/crud/defaultColumn.vue +0 -130
  199. package/packages/crud/drawerColumn.vue +0 -225
  200. package/packages/crud/form.vue +0 -69
  201. package/packages/crud/index.vue +0 -564
  202. package/packages/crud/menuBar.vue +0 -298
  203. package/packages/crud/mixins/cacheHandler.js +0 -36
  204. package/packages/crud/mixins/calcColumnWidth.js +0 -79
  205. package/packages/crud/mixins/calcHeight.js +0 -105
  206. package/packages/crud/mixins/columnHandler.js +0 -128
  207. package/packages/crud/mixins/contextMenu.js +0 -98
  208. package/packages/crud/mixins/dataProcessor.js +0 -202
  209. package/packages/crud/mixins/dialog.js +0 -109
  210. package/packages/crud/mixins/excelHandler.js +0 -150
  211. package/packages/crud/mixins/exposeMethods.js +0 -107
  212. package/packages/crud/mixins/generateDynamicColumns.js +0 -250
  213. package/packages/crud/mixins/props.js +0 -38
  214. package/packages/crud/mixins/searchHandler.js +0 -151
  215. package/packages/crud/mixins/select.js +0 -359
  216. package/packages/crud/mixins/spanMethod.js +0 -288
  217. package/packages/crud/mixins/summary.js +0 -177
  218. package/packages/crud/mixins/tableEdit.js +0 -547
  219. package/packages/crud/mixins/validate.js +0 -219
  220. package/packages/crud/pagination.vue +0 -110
  221. package/packages/crud/search.vue +0 -119
  222. package/packages/crud/searchHeader.vue +0 -231
  223. package/packages/crud/selectBanner.vue +0 -138
  224. package/packages/crud/utils/EditState.js +0 -319
  225. package/packages/crud/utils/excelExport.js +0 -112
  226. package/packages/crud/utils/excelImport.js +0 -112
  227. package/packages/crud/utils/index.js +0 -98
  228. package/packages/dialog/dialog.js +0 -233
  229. package/packages/dialog/dialog.vue +0 -15
  230. package/packages/dialog/index.js +0 -22
  231. package/packages/dict/cascadeFormat.vue +0 -179
  232. package/packages/dict/dateFormat.vue +0 -40
  233. package/packages/dict/form/cascade.vue +0 -61
  234. package/packages/dict/form/checkbox.vue +0 -90
  235. package/packages/dict/form/extendMethod.js +0 -22
  236. package/packages/dict/form/input-base.js +0 -31
  237. package/packages/dict/form/input.js +0 -20
  238. package/packages/dict/form/radio.vue +0 -69
  239. package/packages/dict/form/select.vue +0 -118
  240. package/packages/dict/form/switch.vue +0 -75
  241. package/packages/dict/valueFormat.vue +0 -188
  242. package/packages/directive/dialog/drag.js +0 -86
  243. package/packages/directive/dialog/dragSize.js +0 -42
  244. package/packages/directive/index.js +0 -9
  245. package/packages/directive/insertSlot.js +0 -10
  246. package/packages/form/contextMenu.js +0 -192
  247. package/packages/form/draftDrawer.vue +0 -391
  248. package/packages/form/formAction.vue +0 -97
  249. package/packages/form/formItem.vue +0 -259
  250. package/packages/form/index.vue +0 -451
  251. package/packages/form/props.js +0 -15
  252. package/packages/grid/cell.vue +0 -65
  253. package/packages/grid/index.vue +0 -130
  254. package/packages/group/index.vue +0 -96
  255. package/packages/tabs/index.vue +0 -290
  256. package/packages/tooltip/index.js +0 -9
  257. package/packages/tooltip/tooltip.vue +0 -32
  258. package/packages/tooltip/tooltipComponent.js +0 -38
  259. package/packages/verifyInput/index.vue +0 -131
  260. package/styles/button.scss +0 -3
  261. package/styles/crud.scss +0 -425
  262. package/styles/dialog.scss +0 -95
  263. package/styles/form.scss +0 -532
  264. package/styles/group.scss +0 -78
  265. package/styles/index.scss +0 -94
  266. package/styles/tabs.scss +0 -139
  267. package/styles/verifyInput.scss +0 -56
  268. package/vue-jsx-sync.js +0 -90
  269. package/vue.config.js +0 -54
@@ -1,217 +0,0 @@
1
-
2
- # 配置文档
3
-
4
- ## 基础配置项
5
-
6
- | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
7
- | :------------ | :--------------------------------------------------------------- | :--------------- | :----------------- | :------------------------- |
8
- | data.sync | 表格数据绑定值 | Array | — | — |
9
- | search.sync | 搜索表单绑定值 | Object | — | {pageNum: 1, pageSize: 10} |
10
- | loading.sync | 加载绑定值 | Boolean | — | — |
11
- | options | 表格全部配置 | Object | — | — |
12
- | title | 表格标题 | String | - | - |
13
- | size | 表格尺寸 | String | small/medium/large | small |
14
- | disabled | 是否禁用 | Boolean | true/false | false |
15
- | init | 是否开启初始化,配合 `getList` 使用 | Boolean | true/false | false |
16
- | height | 表格高度, 配置`auto` 自动计算高度 | String | auto/- | - |
17
- | calcHeight | 自动计算高度的偏差值 | Number | - | 0 |
18
- | gap | 表格外间距 | Number/String | - | 20 |
19
- | uniqueId | 是否本地生成唯一标识 | Boolean | true/false | false |
20
- | valueKey | 唯一值的Key | String | - | "id" |
21
- | handleRow | [操作行配置](/guide/crud/config.html#handlerow-操作行配置) | Object | - | {} |
22
- | action | [操作列配置](/guide/crud/config.html#action-操作列配置) | Object | - | {} |
23
- | toolbar | [工具栏配置](/guide/crud/config.html#toolbar-工具栏配置) | Object | - | {} |
24
- | pagination | [分页配置](/guide/crud/config.html#pagination-分页配置) | Object | - | {} |
25
- | empty | [空状态配置](/guide/crud/config.html#empty-空状态配置) | Object | - | {} |
26
- | contextMenu | [右键菜单配置](/guide/crud/config.html#contextmenu-右键菜单配置) | Object | - | {} |
27
- | renderColumns | [表格列配置](/guide/crud/config.html#rendercolumns-列渲染配置) | Array / Function | []/()=>[] | - |
28
- | props | [字段名配置](/guide/crud/config.html#props-数据属性配置) | Object | - | {} |
29
-
30
-
31
- ## 按钮控制配置
32
-
33
- | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
34
- | :------------- | :----------------------- | :------ | :--------- | :----- |
35
- | footerAddBtn | 表格底部,追加行新增按钮 | Boolean | true/false | false |
36
- | rowAddType | 行新增类型 | String | first/last | first |
37
- | rowAddBtn | 是否显示行新增按钮 | Boolean | true/false | false |
38
- | deleteBtn | 是否显示删除按钮 | Boolean | true/false | false |
39
- | batchDeleteBtn | 是否显示批量删除按钮 | Boolean | true/false | false |
40
- | addBtn | 是否显示弹窗新增按钮 | Boolean | true/false | false |
41
- | editBtn | 是否显示弹窗编辑按钮 | Boolean | true/false | false |
42
- | viewBtn | 是否显示弹窗查看按钮 | Boolean | true/false | false |
43
-
44
-
45
- ## 编辑模式配置
46
-
47
- | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
48
- | :-------------------- | :------------------- | :------------- | :--------- | :----- |
49
- | freeEdit | 是否开启自由编辑 | Boolean | true/false | false |
50
- | rowEdit | 是否开启行编辑 | Boolean/Object | - | false |
51
- | cellEdit | 是否开启单元格编辑 | Boolean/Object | - | false |
52
- | batchEdit | 是否开启批量编辑 | Boolean/Object | - | false |
53
- | batchRowEdit | 是否开启批量行编辑 | Boolean/Object | - | false |
54
- | isRowEdit | 控制行编辑状态的函数 | Function | - | - |
55
- | editOpacity | 是否开启编辑透明主题 | Boolean | true/false | true |
56
- | refreshAfterOperation | 操作后是否刷新表格 | Boolean | true/false | true |
57
-
58
- ## 表单配置
59
-
60
- | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
61
- | :---------- | :----------- | :----- | :----- | :----------------- |
62
- | addForm | 新增表单配置 | Object | - | {} |
63
- | editForm | 编辑表单配置 | Object | - | {} |
64
- | viewForm | 查看表单配置 | Object | - | {viewType: "form"} |
65
- | formOptions | 通用表单配置 | Object | - | {} |
66
- | dialog | 弹窗配置 | Object | - | {} |
67
-
68
- ## 搜索配置
69
-
70
- | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
71
- | :----------- | :--------------- | :------------- | :--------- | :--------------------------- |
72
- | searchForm | 搜索表单配置 | Boolean/Object | - | {initShow: false} |
73
- | searchHeader | 搜索表头配置 | Boolean/Object | - | {width: 290, resetBtn: true} |
74
- | showPopper | 搜索弹窗是否打开 | Boolean | true/false | false |
75
-
76
- ## 特殊列配置
77
-
78
- | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
79
- | :-------- | :--------- | :------------- | :----- | :------------------------------------------ |
80
- | selection | 选择列配置 | Boolean/Object | - | {width: 50, align: "center"} |
81
- | index | 序号列配置 | Boolean/Object | - | {label: "序号", width: 50, align: "center"} |
82
- | expand | 展开列配置 | Boolean/Object | - | {width: 50, align: "center"} |
83
-
84
- ## handleRow 操作行配置
85
-
86
- | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
87
- | :---------- | :--------------- | :------------- | :--------- | :----- |
88
- | show | 是否显示 | Boolean | true/false | - |
89
- | add | 弹窗新增按钮 | Boolean/Object | - | {} |
90
- | rowAdd | 行新增按钮 | Boolean/Object | - | {} |
91
- | batchDelete | 批量删除按钮配置 | Boolean/Object | - | {} |
92
- | handles | 自定义按钮列表 | Array | - | [] |
93
-
94
- ## action 操作列配置
95
-
96
- | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
97
- | :----------- | :------------- | :------ | :---------------- | :------- |
98
- | show | 是否显示 | Boolean | true/false | - |
99
- | prop | 列属性名 | String | - | "action" |
100
- | width | 列宽度 | String | auto/- | "auto" |
101
- | label | 列标题 | String | - | "操作" |
102
- | align | 对齐方式 | String | left/center/right | "center" |
103
- | calcWidth | 宽度计算偏差 | Number | - | 20 |
104
- | defaultWidth | 默认宽度 | Number | - | 50 |
105
- | handles | 自定义按钮列表 | Array | - | [] |
106
- | delete | 删除按钮配置 | Object | - | {} |
107
- | view | 查看按钮配置 | Object | - | {} |
108
- | edit | 编辑按钮配置 | Object | - | {} |
109
- | rowEdit | 行编辑按钮配置 | Object | - | {} |
110
- | handles | 自定义按钮列表 | Array | - | [] |
111
-
112
- ## toolbar 工具栏配置
113
-
114
- | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
115
- | :-------- | :--------------- | :------ | :--------- | :----- |
116
- | show | 是否显示 | Boolean | true/false | - |
117
- | handles | 自定义按钮列表 | Array | - | [] |
118
- | batchEdit | 批量编辑按钮配置 | Object | - | {} |
119
- | zoom | 缩放按钮配置 | Object | - | {} |
120
- | search | 搜索按钮配置 | Object | - | {} |
121
- | refresh | 刷新按钮配置 | Object | - | {} |
122
- | reset | 重置按钮配置 | Object | - | {} |
123
- | column | 列设置按钮配置 | Object | - | {} |
124
- | handles | 自定义按钮列表 | Array | - | [] |
125
-
126
- ## pagination 分页配置
127
-
128
- | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
129
- | :--------- | :--------------------------- | :------ | :---------------- | :---------------------------------------- |
130
- | align | 对齐方式 | String | left/center/right | "right" |
131
- | pageSizes | 每页显示个数选择器的选项设置 | Array | - | [10, 20, 30, 50, 100, 200] |
132
- | layout | 组件布局 | String | - | "total, sizes, prev, pager, next, jumper" |
133
- | background | 是否为分页按钮添加背景色 | Boolean | true/false | true |
134
- | pagerCount | 页码按钮的数量 | Number | - | 5 |
135
-
136
- ## empty 空状态配置
137
-
138
- | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
139
- | :----- | :------- | :----- | :----- | :--------- |
140
- | image | 图片地址 | String | - | "" |
141
- | size | 图片大小 | Number | - | 100 |
142
- | text | 显示文本 | String | - | "暂无数据" |
143
-
144
- ## contextMenu 右键菜单配置
145
-
146
- | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
147
- | :-------- | :--------------- | :------ | :--------- | :----- |
148
- | copy | 是否启用复制功能 | Boolean | true/false | true |
149
- | quickEdit | 是否启用快速编辑 | Boolean | true/false | true |
150
- | actionBtn | 是否显示操作按钮 | Boolean | true/false | true |
151
- | handles | 自定义菜单项 | Array | - | [] |
152
-
153
- ## renderColumns 列渲染配置
154
-
155
- | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
156
- | :----------- | :------------- | :--------------- | :---------------- | :----- |
157
- | hiddenList | 是否只隐藏列表 | Boolean | true/false | - |
158
- | children | 嵌套列子列 | Array | - | - |
159
- | sameRowSpan | 是否合并单元格 | Boolean/String | true/false/[prop] | - |
160
- | spanMethod | 合并单元格方法 | Function | - | - |
161
- | isEdit | 是否允许编辑 | Boolean/Function | - | - |
162
- | summary | 汇总方式 | String/Function | sum/avg/max/min | - |
163
- | add | 新增时的配置 | Object | - | {} |
164
- | edit | 编辑时的配置 | Object | - | {} |
165
- | view | 查看时的配置 | Object | - | {} |
166
- | form | 通用表单配置 | Object | - | {} |
167
- | search | 搜索配置 | Object | - | {} |
168
- | searchHeader | 搜索表头配置 | Object | - | {} |
169
-
170
- ## props 字段名配置
171
-
172
- | 属性名 | 说明 | 类型 | 可选值 | 默认值 |
173
- | :------- | :------------- | :----- | :----- | :--------- |
174
- | pageNum | 页码字段名 | String | - | "pageNum" |
175
- | pageSize | 每页数量字段名 | String | - | "pageSize" |
176
-
177
- ## 插槽
178
-
179
- | 名称 | 说明 |
180
- | :------------------ | :------------------- |
181
- | [prop] | 列渲染 |
182
- | [prop]-header | 列渲染表头 |
183
- | [prop]-form | 列渲染表单状态 |
184
- | [prop]-view | 列渲染查看状态 |
185
- | [prop]-edit | 列渲染编辑状态 |
186
- | [prop]-add | 列渲染新增状态 |
187
- | [prop]-search | 列渲染搜索状态 |
188
- | [prop]-searchHeader | 列渲染搜索表头状态 |
189
- | empty | 空状态 |
190
- | title | 标题(覆盖原有内容) |
191
- | title-left | 标题左侧 |
192
- | title-right | 标题右侧 |
193
- | title-top | 标题顶部 |
194
- | title-bottom | 标题底部 |
195
- | handleRow | 操作行(覆盖原有内容) |
196
- | handleRow-left | 操作行左侧 |
197
- | handleRow-right | 操作行右侧 |
198
- | handleRow-top | 操作行顶部 |
199
- | handleRow-bottom | 操作行底部 |
200
- | toolbar | 工具栏(覆盖原有内容) |
201
- | toolbar-left | 工具栏左侧 |
202
- | toolbar-right | 工具栏右侧 |
203
- | toolbar-top | 工具栏顶部 |
204
- | toolbar-bottom | 工具栏底部 |
205
- | pagination | 分页(覆盖原有内容) |
206
- | pagination-left | 分页左侧 |
207
- | pagination-right | 分页右侧 |
208
- | pagination-top | 分页顶部 |
209
- | pagination-bottom | 分页底部 |
210
-
211
-
212
- <style>
213
- table {
214
- width: 100% !important;
215
- display: table;
216
- }
217
- </style>
@@ -1,18 +0,0 @@
1
- # 右键菜单
2
-
3
- :::tip
4
-
5
- 需要安装 vue-contextmenujs
6
-
7
- :::
8
-
9
- `contextMenu.actionBtn` 继承操作列 `action` 上的所有按钮</br>
10
- `contextMenu.handles` 自定义右键菜单
11
-
12
- <ClientOnly>
13
- <common-code-format>
14
- <crud-contextMenu-base slot="source"></crud-contextMenu-base>
15
-
16
- <<< @/docs/.vuepress/components/crud/contextMenu/base.vue
17
- </common-code-format>
18
- </ClientOnly>
@@ -1,66 +0,0 @@
1
- # 多层级数据排序
2
-
3
- 表格支持按照多个字段进行层级排序,即在上一层级排序的基础上,对相同值的数据进行下一层级的排序。常用于具有明确层级关系的数据展示,如省市区地址、组织架构等。
4
-
5
- ## 基础用法
6
-
7
- 通过配置 `sortProps` 数组来指定排序字段及其优先级。数组中的字段顺序决定了排序的优先级。
8
-
9
- <ClientOnly>
10
- <common-code-format>
11
- <crud-dataSort-base slot="source"></crud-dataSort-base>
12
-
13
- <<< @/docs/.vuepress/components/crud/dataSort/base.vue
14
- </common-code-format>
15
- </ClientOnly>
16
-
17
- ## 高级排序配置
18
-
19
- 对象数组:为每个字段指定详细的排序规则
20
-
21
- ```js
22
- options: {
23
- sortProps: [
24
- "province",
25
- { prop: "city", order: "desc", nullsPosition: "first" },
26
- "amount",
27
- ],
28
- },
29
- ```
30
-
31
- ## 自定义排序规则
32
-
33
- 通过配置 `sortMethod` 来自定义排序逻辑。
34
-
35
- ```js
36
- options: {
37
- sortProps: [
38
- "province",
39
- "city",
40
- { prop: "amount", sortMethod: (a, b) => b.amount - a.amount },
41
- ],
42
- },
43
- ```
44
-
45
- ## API
46
-
47
- ### Options 配置
48
-
49
- | 参数 | 说明 | 类型 | 默认值 |
50
- | --------- | -------------------------- | -------- | ------ |
51
- | sortProps | 排序字段数组(按优先级排序) | string[] | [] |
52
-
53
- ### 排序参数
54
-
55
- | 参数 | 说明 | 类型 | 默认值 |
56
- | ------------- | -------------- | ---------------- | ------ |
57
- | prop | 排序字段名称 | string | - |
58
- | order | 排序方向 | 'asc' / 'desc' | 'asc' |
59
- | nullsPosition | 空值位置 | 'first' / 'last' | 'last' |
60
- | sortMethod | 自定义排序方法 | Function(a, b) | - |
61
-
62
- ### Methods 方法
63
-
64
- | 方法名 | 说明 | 参数 | 返回值 |
65
- | ---------- | ----------------------------------------------- | ------------- | ------ |
66
- | sortedData | 排序方法,默认使用 sortProps 配置并排序所有数据 | (data, props) | - |
@@ -1,145 +0,0 @@
1
- # 动态列
2
-
3
- 通过 `dynamicConfig` 配置可以快速生成多层级的动态列,常用于通过树级数据生成多层级列。
4
-
5
- ## 单层级动态列
6
-
7
- `path` 设置树级数据路径,`prop` 设置树级数据唯一标识。
8
-
9
- <ClientOnly></ClientOnly>
10
- <common-code-format>
11
- <crud-genDynamicColumns-base slot="source"></crud-genDynamicColumns-base>
12
-
13
- <<< @/docs/.vuepress/components/crud/genDynamicColumns/base.vue
14
- </common-code-format>
15
- </ClientOnly>
16
-
17
- ## 多层级动态列
18
-
19
- 通过 `columnConfig` 可以设置列渲染配置,可以获取树级路径 `path` 和树级数据 `source` 。
20
-
21
- <ClientOnly>
22
- <common-code-format>
23
- <crud-genDynamicColumns-treeDynamic slot="source"></crud-genDynamicColumns-treeDynamic>
24
-
25
- <<< @/docs/.vuepress/components/crud/genDynamicColumns/treeDynamic.vue
26
- </common-code-format>
27
- </ClientOnly>
28
-
29
- ## 多层级动态列和固定子列
30
-
31
- 通过 `source[row.$index]` 可以获取到当前行的层级数据。 </br>
32
- 支持响应式修改数据。
33
-
34
- <ClientOnly>
35
- <common-code-format>
36
- <crud-genDynamicColumns-dynamicAndFixed slot="source"></crud-genDynamicColumns-dynamicAndFixed>
37
-
38
- <<< @/docs/.vuepress/components/crud/genDynamicColumns/dynamicAndFixed.vue
39
- </common-code-format>
40
- </ClientOnly>
41
-
42
- ## 数据格式与转换
43
-
44
- ```js
45
- // 数据结构为:
46
- const data = [
47
- {
48
- materialCode: `M001`,
49
- materialName: `产品1`,
50
- materialSpec: `规格 1`,
51
- quantityGradeName: "A",
52
- firstChildren: [
53
- // 第一层级
54
- {
55
- id: "S001", // 第一层级唯一标识
56
- name: "供应商1", // 第一层级名称
57
- secondChildren: [
58
- // 第二层级
59
- {
60
- sort: 1, // 第二层级唯一标识
61
- productUnitPrice: 100,
62
- priceFollow: "Y",
63
- priceDifference: -10,
64
- pricePercentageChange: 0.1,
65
- },
66
- {
67
- sort: 2,
68
- productUnitPrice: 90,
69
- priceFollow: "N",
70
- priceDifference: 5,
71
- pricePercentageChange: 0.05,
72
- },
73
- ],
74
- },
75
- ],
76
- },
77
- ];
78
-
79
- // 转换后的数据结构为:
80
-
81
- const data = [
82
- {
83
- materialCode: `M001`,
84
- materialName: `产品1`,
85
- materialSpec: `规格 1`,
86
- quantityGradeName: "A",
87
- S001: { // 第一层级唯一标识
88
- id: "S001",
89
- name: "供应商1",
90
- 1: { // 第二层级唯一标识
91
- sort: 1,
92
- productUnitPrice: 100,
93
- priceFollow: "Y",
94
- priceDifference: -10,
95
- pricePercentageChange: 0.1,
96
- },
97
- 2: {
98
- sort: 2,
99
- productUnitPrice: 90,
100
- priceFollow: "N",
101
- priceDifference: 5,
102
- pricePercentageChange: 0.05,
103
- },
104
- },
105
- firstChildren: [ // 原来的数据依旧保留
106
- {
107
- id: "S001",
108
- name: "供应商1",
109
- secondChildren: [
110
- {
111
- sort: 1,
112
- productUnitPrice: 100,
113
- priceFollow: "Y",
114
- priceDifference: -10,
115
- pricePercentageChange: 0.1,
116
- },
117
- {
118
- sort: 2,
119
- productUnitPrice: 90,
120
- priceFollow: "N",
121
- priceDifference: 5,
122
- pricePercentageChange: 0.05,
123
- },
124
- ],
125
- },
126
- ],
127
- },
128
- ];
129
- ```
130
-
131
- ## options 配置项
132
-
133
- | 参数 | 说明 | 类型 | 默认值 |
134
- | --------------------- | ------------------------------------------------------- | ------ | ------ |
135
- | dynamicInsertPosition | 动态列插入位置,可接收普通列的 prop 值,或者 index 索引 | String | - |
136
- | dynamicConfig | 动态列配置数组 | Array | - |
137
-
138
- ## dynamicConfig 配置项
139
-
140
- | 参数 | 说明 | 类型 | 默认值 |
141
- | ------------ | -------------------- | --------------------- | ------ |
142
- | path | 当前层级数据路径 | String | - |
143
- | prop | 当前层级唯一标识 | String | - |
144
- | label | 当前层级标题字段 | String/Function(item) | - |
145
- | columnConfig | 设置真正的渲染列配置 | Function(path, item) | - |
@@ -1,26 +0,0 @@
1
- # 操作栏
2
-
3
- ## 左操作栏
4
- `handleRow` 操作行不默认展示按钮 </br>
5
- `#handleRow` `#handleRow-left` 插槽
6
-
7
- <ClientOnly>
8
- <common-code-format>
9
- <crud-handleBar-handleRow slot="source"></crud-handleBar-handleRow>
10
-
11
- <<< @/docs/.vuepress/components/crud/handleBar/handleRow.vue
12
- </common-code-format>
13
- </ClientOnly>
14
-
15
- ## 右工具栏
16
- `toolbar` 工具栏默认展示全部 </br>
17
- `#toolbar` `#toolbar-left` 插槽
18
-
19
- <ClientOnly>
20
- <common-code-format>
21
- <crud-handleBar-toolbar slot="source"></crud-handleBar-toolbar>
22
-
23
- <<< @/docs/.vuepress/components/crud/handleBar/toolbar.vue
24
- </common-code-format>
25
- </ClientOnly>
26
-
@@ -1,4 +0,0 @@
1
-
2
- # 自定义表格内容
3
-
4
- 详情参考[通用配置-自定义组件内容](/guide/commonConfig/renderType.html#基本使用)
@@ -1,150 +0,0 @@
1
- # 搜索
2
-
3
- 搜索功能支持表单搜索和表头搜索两种方式,并可配置本地搜索或远程搜索。
4
-
5
- ## 基础用法
6
-
7
- 通过配置列的 `search` 属性启用搜索功能。支持表单搜索和表头搜索两种方式。</br>
8
- 使用 `search.sync` 可以双向绑定搜索参数对象。
9
-
10
- <ClientOnly>
11
- <common-code-format>
12
- <crud-search-base slot="source"></crud-search-base>
13
-
14
- <<< @/docs/.vuepress/components/crud/search/base.vue
15
- </common-code-format>
16
- </ClientOnly>
17
-
18
- ## 自定义搜索组件
19
-
20
- 支持插槽自定义搜索组件、搜索标题</br>
21
- 支持自定义搜索表单、搜索头配置。
22
-
23
- <ClientOnly>
24
- <common-code-format>
25
- <crud-search-special slot="source"></crud-search-special>
26
-
27
- <<< @/docs/.vuepress/components/crud/search/special.vue
28
- </common-code-format>
29
- </ClientOnly>
30
-
31
- ### 搜索表单配置
32
-
33
- 通过 `searchForm` 可以自定义搜索表单的配置。
34
-
35
- ```js
36
- searchForm: {
37
- initShow: true, // 初始展开
38
- columnWidth: "200px", // 列宽
39
- labelWidth: "100px", // 标签宽度
40
- action: {
41
- search: {
42
- text: "查询" // 自定义按钮文本
43
- },
44
- reset: {
45
- text: "重置"
46
- }
47
- }
48
- }
49
- ```
50
-
51
- ### 表头搜索
52
-
53
- 通过 `searchHeader` 配置表头搜索的行为:
54
-
55
- ```js
56
- options: {
57
- searchHeader: {
58
- placement: "bottom", // 弹出位置
59
- width: "290px" // 搜索框宽度
60
- }
61
- }
62
- ```
63
-
64
- ## 本地搜索
65
-
66
- 通过配置 `localSearch: true` 启用本地搜索功能,可直接对表格数据进行筛选,无需发送请求。</br>
67
- 启用本地搜索时,可以搭配本地分页使用 `localPagination: true`。
68
- </br>
69
- 支持输入框搜索、下拉选择搜索、日期搜索、自定义搜索过滤。</br>
70
- search组件使用插槽或者函数自定义时,需要指定`search.type`。
71
-
72
- <ClientOnly>
73
- <common-code-format>
74
- <crud-search-localSearch slot="source"></crud-search-localSearch>
75
-
76
- <<< @/docs/.vuepress/components/crud/search/localSearch.vue
77
- </common-code-format>
78
- </ClientOnly>
79
-
80
- ### 本地搜索指定搜索类型
81
- ```js
82
- {
83
- prop: "date",
84
- label: "日期",
85
- search: {
86
- type: "date" // 本地搜索类型
87
- }
88
- }
89
- ```
90
-
91
- ### 本地搜索自定义搜索过滤
92
- ```js
93
- {
94
- prop: "custom",
95
- label: "自定义",
96
- search: {
97
- filter: (cellValue, searchValue, row) => {
98
- // 返回 true 表示匹配,false 表示不匹配
99
- return customFilter(cellValue, searchValue, row);
100
- }
101
- }
102
- }
103
- ```
104
-
105
- ## API
106
-
107
- ### Column 配置
108
-
109
- | 参数 | 说明 | 类型 | 默认值 |
110
- | ---------------------- | ------------------------------------------------------------------------------------------------------------- | -------------- | ------------------- |
111
- | search | 是否启用搜索 | boolean/object | false |
112
- | search.prop | 搜索字段 | object | 默认继承列的prop |
113
- | search.validateProp | 搜索验证字段、用于验证表头是否为空 | string | 默认继承search.prop |
114
- | search.label | 搜索标签 | string | 默认继承列的label |
115
- | search.labelRender | 搜索标签渲染函数 | function | - |
116
- | search.reset | 单个重置事件 | function | - |
117
- | search.comp | 搜索组件 | object | el-input |
118
- | search.render | 搜索组件渲染函数 | function | - |
119
- | search.type | 本地搜索类型,支持input、select、date | string | input |
120
- | search.filter | 本地搜索过滤函数 | function | - |
121
- | searchHeader | 是否启用表头搜索, [可配置el-popover组件属性](https://element.eleme.cn/2.15/#/zh-CN/component/popover#events) | boolean/object | 默认继承search |
122
- | searchHeader.width | 表头搜索宽度 | string | 290px |
123
- | searchHeader.searchBtn | 是否显示表头搜索按钮 | boolean | false |
124
- | searchHeader.resetBtn | 是否显示表头重置按钮 | boolean | true |
125
- | searchHeader.comp | 表头搜索组件 | object | 默认继承search |
126
- | searchHeader.render | 表头搜索组件渲染函数 | function | 默认继承search |
127
-
128
- ### Options 配置
129
-
130
- | 参数 | 说明 | 类型 | 默认值 |
131
- | ------------ | ------------------ | ------- | ------ |
132
- | expandSearch | 初始是否展开搜索框 | boolean | false |
133
- | localSearch | 是否启用本地搜索 | boolean | false |
134
- | searchForm | 搜索表单配置 | object | - |
135
- | searchHeader | 表头搜索配置 | object | - |
136
-
137
- ### Events
138
-
139
- | 事件名 | 说明 | 参数 |
140
- | ------ | -------- | ---------- |
141
- | search | 搜索事件 | searchData |
142
- | reset | 重置事件 | - |
143
-
144
- ### slots
145
-
146
- | 插槽名 | 说明 | 默认值 |
147
- | --------------------- | -------------------- | -------------- |
148
- | `{prop}-search` | 自定义列搜索组件 | - |
149
- | `{prop}-search-label` | 自定义列搜索标签 | - |
150
- | `{prop}-searchHeader` | 自定义列表头搜索内容 | 默认继承search |