From 159d0a07ef532dc8d79f3d0bc3ca6f906e0bb296 Mon Sep 17 00:00:00 2001
From: 刘汉宸 <liuhanchen@zeyihuoyun.com>
Date: Thu, 8 Apr 2021 18:50:40 +0800
Subject: [PATCH] feat: 新增SchemaPage自定义Table插槽

---
 packages/schema-page/index.vue | 64 +++++++++++++++++++++++++++++++++-------------------------------
 1 file changed, 33 insertions(+), 31 deletions(-)

diff --git a/packages/schema-page/index.vue b/packages/schema-page/index.vue
index dcaeeca..3171e51 100644
--- a/packages/schema-page/index.vue
+++ b/packages/schema-page/index.vue
@@ -25,36 +25,38 @@
       </slot>
     </div>
     <!-- 表格内容 -->
-    <div v-if="schema.table" class="z-schema-page__table">
-      <z-schema-table
-        :size="_size"
-        :schema="tableSchemaDefaultProps(schema.table)"
-        v-model="tableData"
-        v-loading="schema.loading !== false ? tableLoading : false"
-        @selection-change="onTableSelectionChange"
-      >
-        <template #left>
-          <el-table-column v-if="schema.selection !== false" type="selection" width="40" align="center"></el-table-column>
-        </template>
-        <template v-for="item in getSlotKeys('table-')" #[item.name]="slotScope">
-          <slot :name="item.slot" v-bind="{ ..._slotScope, ...slotScope }"></slot>
-        </template>
-        <slot v-if="schema.operation !== false" name="operation" v-bind="_slotScope">
-          <el-table-column v-bind="{ label: '操作', width: '90', align: 'center', ...(schema.operation || {}) }">
-            <template #default="{ row, column, $index }">
-              <div class="z-schema-page__table-operation">
-                <slot name="operation-left" v-bind="{ ..._slotScope, row, column, $index }"></slot>
-                <slot name="operation-button" v-bind="{ ..._slotScope, row, column, $index }"></slot>
-                <el-button type="text" icon="el-icon-edit" title="编辑" @click="openEdit(row)"></el-button>
-                <el-popconfirm confirm-button-text="确定" cancel-button-text="取消" title="确定删除吗？" placement="top" @confirm="onDelete([row])">
-                  <el-button slot="reference" type="text" icon="el-icon-delete" title="删除"></el-button>
-                </el-popconfirm>
-                <slot name="operation-right" v-bind="{ ..._slotScope, row, column, $index }"></slot>
-              </div>
-            </template>
-          </el-table-column>
-        </slot>
-      </z-schema-table>
+    <div v-if="schema.table || $scopedSlots.table" class="z-schema-page__table">
+      <slot name="table" v-bind="_slotScope">
+        <z-schema-table
+          :size="_size"
+          :schema="tableSchemaDefaultProps(schema.table)"
+          v-model="tableData"
+          v-loading="schema.loading !== false ? tableLoading : false"
+          @selection-change="onTableSelectionChange"
+        >
+          <template #left>
+            <el-table-column v-if="schema.selection !== false" type="selection" width="40" align="center"></el-table-column>
+          </template>
+          <template v-for="item in getSlotKeys('table-')" #[item.name]="slotScope">
+            <slot :name="item.slot" v-bind="{ ..._slotScope, ...slotScope }"></slot>
+          </template>
+          <slot v-if="schema.operation !== false" name="operation" v-bind="_slotScope">
+            <el-table-column v-bind="{ label: '操作', width: '90', align: 'center', ...(schema.operation || {}) }">
+              <template #default="{ row, column, $index }">
+                <div class="z-schema-page__table-operation">
+                  <slot name="operation-left" v-bind="{ ..._slotScope, row, column, $index }"></slot>
+                  <slot name="operation-button" v-bind="{ ..._slotScope, row, column, $index }"></slot>
+                  <el-button type="text" icon="el-icon-edit" title="编辑" @click="openEdit(row)"></el-button>
+                  <el-popconfirm confirm-button-text="确定" cancel-button-text="取消" title="确定删除吗？" placement="top" @confirm="onDelete([row])">
+                    <el-button slot="reference" type="text" icon="el-icon-delete" title="删除"></el-button>
+                  </el-popconfirm>
+                  <slot name="operation-right" v-bind="{ ..._slotScope, row, column, $index }"></slot>
+                </div>
+              </template>
+            </el-table-column>
+          </slot>
+        </z-schema-table>
+      </slot>
     </div>
     <!-- 底部区域 -->
     <div v-if="schema.selection !== false || schema.pagination !== false" class="z-schema-page__footer">
@@ -258,7 +260,7 @@ export default {
     },
     _slotScope() {
       const properties = ['selection', 'currentPage', 'pageSizes', 'pageSize', 'layout', 'total'];
-      const methods = ['search', 'onSearch', 'onDelete', 'onDeleteMultiple', 'openNew', 'openEdit', 'openDetail', 'openDialog', 'closeDialog'];
+      const methods = ['search', 'onSearch', 'onDelete', 'onDeleteMultiple', 'onTableSelectionChange', 'openNew', 'openEdit', 'openDetail', 'openDialog', 'closeDialog'];
       const defaultScope = {
         size: this._size,
         loading: this.tableLoading,
--
libgit2 0.21.0