From 8ae022c8d1c6ff00431a7360a1c336cb0a3e891e Mon Sep 17 00:00:00 2001
From: Aaron <427787340@qq.com>
Date: Tue, 6 Aug 2019 14:40:12 +0800
Subject: [PATCH] Scheme表格按钮支持替换与控制显示

---
 examples/main.js             |  2 +-
 examples/views/page/test.vue |  8 +++++++-
 packages/scheme/index.vue    | 32 ++++++++++++++++++++------------
 3 files changed, 28 insertions(+), 14 deletions(-)

diff --git a/examples/main.js b/examples/main.js
index 1c9e88f..e969065 100644
--- a/examples/main.js
+++ b/examples/main.js
@@ -18,7 +18,7 @@ const request = axios.create({
   timeout: 1000 * 60,
   withCredentials: true,
   headers: {
-    token: '04c8fe07d7ded87936343ef8f0a6767a',
+    token: '5d3cb24cecd69e7d61d3c84912735e09',
     'Accept-Language': 'zh-CN'
   }
 });
diff --git a/examples/views/page/test.vue b/examples/views/page/test.vue
index 8acbf77..f78c0f1 100644
--- a/examples/views/page/test.vue
+++ b/examples/views/page/test.vue
@@ -1,5 +1,5 @@
 <template>
-  <eagle-scheme class="p-3" :list="schemeList" :option="{ $http: $axios, url: '/overseas/price/sale' }">
+  <eagle-scheme class="p-3" :list="schemeList" :option="{ $http: $axios, url: '/overseas/price/sale', showActionBtnDelete: false }">
     <template #search-enableFlag="{ model }">
       <eagle-select v-model="model.enableFlag" :dataSource="[{ label: '正常', value: true }, { label: '禁用', value: false }]"></eagle-select>
     </template>
@@ -9,6 +9,12 @@
         <span slot-scope="{ row: { productName, productCode } }">{{ productName || productCode }}</span>
       </el-table-column>
     </template>
+    <template #action-btn-new>
+      <el-button>按钮</el-button>
+    </template>
+    <template #table-operation-btn-edit>
+      <el-button class="eagle-scheme__table-btn" type="text">测试</el-button>
+    </template>
     <template #table-append>
       <el-table-column prop="createTime" label="创建时间" min-width="180"></el-table-column>
       <el-table-column prop="createUser" label="创建人" min-width="160" show-overflow-tooltip></el-table-column>
diff --git a/packages/scheme/index.vue b/packages/scheme/index.vue
index 5954380..7b20aef 100644
--- a/packages/scheme/index.vue
+++ b/packages/scheme/index.vue
@@ -33,11 +33,17 @@
   display: flex;
   align-items: center;
 }
-.eagle-scheme__table .eagle-scheme__table-btn:not(:last-child) {
-  padding-left: 0px;
-  padding-right: 10px;
-  margin-left: 0px;
-  margin-right: 0px;
+.eagle-scheme__table .eagle-scheme__table-btn {
+  padding-left: 0px !important;
+  padding-right: 10px !important;
+  margin-left: 0px !important;
+  margin-right: 0px !important;
+}
+.eagle-scheme__table .eagle-scheme__table-btn:last-child {
+  padding-left: 0px !important;
+  padding-right: 0px !important;
+  margin-left: 0px !important;
+  margin-right: 0px !important;
 }
 .eagle-scheme__pagination {
   text-align: right;
@@ -63,10 +69,11 @@
     <div v-if="option.showActionBar !== false" class="eagle-scheme__action" v-loading="tableLoading" element-loading-spinner="none" element-loading-background="rgba(255, 255, 255, 0.6)">
       <slot v-if="$scopedSlots['action-bar'] || $slots['action-bar']" name="action-bar" :handleNew="handleNew" :handleDelete="handleDelete" :model="formModel" :selection="tableSelection" :setDialog="setDialog"></slot>
       <template v-else>
-        <el-button class="eagle-scheme__action-btn" type="primary" size="small" @click="handleNew">{{ i18n('eagle.scheme.new') || '新增'  }}</el-button>
-        <el-button v-if="hasSelectionSlot" :disabled="tableSelection && tableSelection.length <= 0" class="eagle-scheme__action-btn" plain size="small" @click="handleDelete('more')">{{ i18n('eagle.scheme.delete') || '删除'  }}</el-button>
-        <slot v-if="$scopedSlots['action-button'] || $slots['action-button']" name="action-button" class="eagle-scheme__action-btn" :model="formModel" :selection="tableSelection" :setDialog="setDialog"></slot>
-        <div v-if="hasSelectionSlot && tableSelection && tableSelection.length > 0" class="eagle-scheme__action-btn eagle-scheme__text-selection">{{ i18n('eagle.scheme.checked') || '已选中'  }}<span class="eagle-scheme__text-selection-highlight">{{ tableSelection.length }}</span>{{ i18n('eagle.scheme.item') || '项'  }}</div>
+        <slot v-if="$scopedSlots['action-btn-new'] || $slots['action-btn-new']" name="action-btn-new" :handleNew="handleNew" :handleEdit="handleEdit" :handleDelete="handleDelete" :handleView="handleView" :model="formModel" :selection="tableSelection" :setDialog="setDialog"></slot>
+        <el-button v-else class="eagle-scheme__action-btn" type="primary" size="small" @click="handleNew">{{ i18n('eagle.scheme.new') || '新增'  }}</el-button>
+        <el-button v-if="hasSelectionSlot && option.showActionBtnDelete !== false" :disabled="tableSelection && tableSelection.length <= 0" class="eagle-scheme__action-btn" plain size="small" @click="handleDelete('more')">{{ i18n('eagle.scheme.delete') || '删除'  }}</el-button>
+        <slot v-if="$scopedSlots['action-button'] || $slots['action-button']" name="action-button" class="eagle-scheme__action-btn" :handleNew="handleNew" :handleEdit="handleEdit" :handleDelete="handleDelete" :handleView="handleView" :model="formModel" :selection="tableSelection" :setDialog="setDialog"></slot>
+        <div v-if="hasSelectionSlot && tableSelection && tableSelection.length > 0 && option.showActionBtnDelete !== false" class="eagle-scheme__action-btn eagle-scheme__text-selection">{{ i18n('eagle.scheme.checked') || '已选中'  }}<span class="eagle-scheme__text-selection-highlight">{{ tableSelection.length }}</span>{{ i18n('eagle.scheme.item') || '项'  }}</div>
       </template>
     </div>
     <div class="eagle-scheme__table">
@@ -91,7 +98,7 @@
         </template>
         <!-- 表格操作栏插槽 - 自定义 -->
         <template v-if="$scopedSlots['table-operation'] || $slots['table-operation']">
-          <slot name="table-operation" slot="$end"></slot>
+          <slot name="table-operation" slot="$end" :handleView="handleView" :handleEdit="handleEdit" :handleDelete="handleDelete"></slot>
         </template>
         <!-- 表格操作栏插槽 - 默认 -->
         <el-table-column v-else slot="$end" prop="$operation" :label="i18n('eagle.scheme.operation') || '操作'" min-width="140" fixed="right">
@@ -99,8 +106,9 @@
             <!-- 表格操作栏插槽 - 前置插槽 -->
             <slot v-if="$scopedSlots['table-operation-btn'] || $slots['table-operation-btn']" name="table-operation-btn"></slot>
             <el-button v-if="option.showViewBtn !== false" class="eagle-scheme__table-btn" type="text" icon="el-icon-view" :title="i18n('eagle.scheme.detail') || '详情'" @click="handleView(slotScope)"></el-button>
-            <el-button class="eagle-scheme__table-btn" type="text" icon="el-icon-edit" :title="i18n('eagle.scheme.edit') || '编辑'" @click="handleEdit(slotScope)"></el-button>
-            <eagle-confirm class="eagle-scheme__table-btn" :title="i18n('eagle.scheme.deleteConfirm') || '是否删除？'" @confirm="handleDelete('one', slotScope)">
+            <slot v-if="$scopedSlots['table-operation-btn-edit'] || $slots['table-operation-btn-edit']" name="table-operation-btn-edit" :handleEdit="handleEdit"></slot>
+            <el-button v-else-if="option.showEditBtn !== false" class="eagle-scheme__table-btn" type="text" icon="el-icon-edit" :title="i18n('eagle.scheme.edit') || '编辑'" @click="handleEdit(slotScope)"></el-button>
+            <eagle-confirm v-if="option.showDeleteBtn !== false" class="eagle-scheme__table-btn" :title="i18n('eagle.scheme.deleteConfirm') || '是否删除？'" @confirm="handleDelete('one', slotScope)">
               <el-button type="text" icon="el-icon-delete" :title="i18n('eagle.scheme.delete') || '删除'"></el-button>
             </eagle-confirm>
             <!-- 表格操作栏插槽 - 后置插槽 -->
--
libgit2 0.21.0