feat: 新增SchemaPage自定义Footer插槽

刘汉宸
1 parent 311886d2
Showing 1 changed file with 16 additions and 3 deletions Show diff stats
packages/schema-page/index.vue
@@ -59,8 +59,8 @@
       </slot>
     </div>
     <!-- 底部区域 -->
-    <div v-if="schema.selection !== false || schema.pagination !== false" class="z-schema-page__footer">
-      <slot name="pagination" v-bind="_slotScope">
+    <div v-if="schema.selection !== false || schema.pagination !== false || $scopedSlots.footer" class="z-schema-page__footer">
+      <slot name="footer" v-bind="_slotScope">
         <div v-if="schema.selection !== false && selection.length > 0" class="selection-info">
           <span>已选中</span>
           <span class="num">{{ selection.length }}</span>
@@ -260,7 +260,20 @@ export default {
     },
     _slotScope() {
       const properties = ['selection', 'currentPage', 'pageSizes', 'pageSize', 'layout', 'total'];
-      const methods = ['search', 'onSearch', 'onDelete', 'onDeleteMultiple', 'onTableSelectionChange', 'openNew', 'openEdit', 'openDetail', 'openDialog', 'closeDialog'];
+      const methods = [
+        'search',
+        'onSearch',
+        'onDelete',
+        'onDeleteMultiple',
+        'onSizeChange',
+        'onCurrentChange',
+        'onTableSelectionChange',
+        'openNew',
+        'openEdit',
+        'openDetail',
+        'openDialog',
+        'closeDialog',
+      ];
       const defaultScope = {
         size: this._size,
         loading: this.tableLoading,
...	...	@@ -59,8 +59,8 @@
59	59	</slot>
60	60	</div>
61	61	<!-- 底部区域 -->
62		- <div v-if="schema.selection !== false \|\| schema.pagination !== false" class="z-schema-page__footer">
63		- <slot name="pagination" v-bind="_slotScope">
	62	+ <div v-if="schema.selection !== false \|\| schema.pagination !== false \|\| $scopedSlots.footer" class="z-schema-page__footer">
	63	+ <slot name="footer" v-bind="_slotScope">
64	64	<div v-if="schema.selection !== false && selection.length > 0" class="selection-info">
65	65	<span>已选中</span>
66	66	<span class="num">{{ selection.length }}</span>
...	...	@@ -260,7 +260,20 @@ export default {
260	260	},
261	261	_slotScope() {
262	262	const properties = ['selection', 'currentPage', 'pageSizes', 'pageSize', 'layout', 'total'];
263		- const methods = ['search', 'onSearch', 'onDelete', 'onDeleteMultiple', 'onTableSelectionChange', 'openNew', 'openEdit', 'openDetail', 'openDialog', 'closeDialog'];
	263	+ const methods = [
	264	+ 'search',
	265	+ 'onSearch',
	266	+ 'onDelete',
	267	+ 'onDeleteMultiple',
	268	+ 'onSizeChange',
	269	+ 'onCurrentChange',
	270	+ 'onTableSelectionChange',
	271	+ 'openNew',
	272	+ 'openEdit',
	273	+ 'openDetail',
	274	+ 'openDialog',
	275	+ 'closeDialog',
	276	+ ];
264	277	const defaultScope = {
265	278	size: this._size,
266	279	loading: this.tableLoading,
...	...