From d5eb758448c90abdaf7fa61b9a2056a0803ed03a Mon Sep 17 00:00:00 2001
From: Aaron <427787340@qq.com>
Date: Thu, 25 Jul 2019 18:36:36 +0800
Subject: [PATCH] scheme支持具名table插槽和具名弹出框插槽

---
 examples/views/docs/scheme.md |  8 ++++++++
 packages/scheme/index.vue     | 24 +++++++++++++++++-------
 2 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/examples/views/docs/scheme.md b/examples/views/docs/scheme.md
index 2ae0bef..d5b6c62 100644
--- a/examples/views/docs/scheme.md
+++ b/examples/views/docs/scheme.md
@@ -12,6 +12,11 @@ Scheme是一个数据驱动的解决方案，通过既定的业务配置参数�
 <template>
   <eagle-scheme :list="schemeList">
     <el-table-column type="selection" width="50" align="center"></el-table-column>
+    <template #table-status="{ setDialog }">
+      <el-table-column prop="status" label="激活状态" min-width="120">
+        <el-tag @click="setDialog({ title: 'Status模式', type: 'dialog-status' })" slot-scope="{ row: { status } }" :type="status === 'active' ? 'success' : 'danger'">{{ status === 'active' ? '激活' : '禁用' }}</el-tag>
+      </el-table-column>
+    </template>
     <template #search-status="{ model }">
       <eagle-select v-model="model.status" :dataSource="dataSource"></eagle-select>
     </template>
@@ -28,6 +33,9 @@ Scheme是一个数据驱动的解决方案，通过既定的业务配置参数�
       <div>这是一个自定义弹出框内容</div>
       <div>{{ row }}</div>
     </template>
+    <template #dialog-status>
+      <div>这是Status的内容</div>
+    </template>
     <!-- 自定义按钮组 -->
     <!-- <el-table-column slot="table-operation" prop="$operation" label="操作" min-width="140">
       <el-tag>自定义按钮组</el-tag>
diff --git a/packages/scheme/index.vue b/packages/scheme/index.vue
index db4185f..8d7af19 100644
--- a/packages/scheme/index.vue
+++ b/packages/scheme/index.vue
@@ -75,6 +75,10 @@
         }"
       >
         <slot></slot>
+        <!-- 表格具名插槽 -->
+        <template v-for="item in _tableList">
+          <slot v-if="$scopedSlots[`table-${item.key}`] || $slots[`table-${item.key}`]" :name="`table-${item.key}`" :slot="item.key" :setDialog="setDialog"></slot>
+        </template>
         <!-- 表格后置插槽 -->
         <template v-if="$scopedSlots['table-append'] || $slots['table-append']">
           <slot name="table-append" slot="$append"></slot>
@@ -197,18 +201,18 @@ export default {
         { name: '钱仲', code: 'U00002', type: 'user', sort: 1, status: 'active' },
         { name: '孙叔', code: 'U00003', type: 'user', sort: 2, status: 'active' },
         { name: '李季', code: 'U00004', type: 'user', sort: 3, status: 'active' },
-        { name: '赵伯', code: 'U00001', type: 'admin', sort: 0, status: 'active' },
+        { name: '赵伯', code: 'U00001', type: 'admin', sort: 0, status: '' },
         { name: '钱仲', code: 'U00002', type: 'user', sort: 1, status: 'active' },
-        { name: '孙叔', code: 'U00003', type: 'user', sort: 2, status: 'active' },
+        { name: '孙叔', code: 'U00003', type: 'user', sort: 2, status: '' },
         { name: '李季', code: 'U00004', type: 'user', sort: 3, status: 'active' },
         { name: '赵伯', code: 'U00001', type: 'admin', sort: 0, status: 'active' },
         { name: '钱仲', code: 'U00002', type: 'user', sort: 1, status: 'active' },
-        { name: '孙叔', code: 'U00003', type: 'user', sort: 2, status: 'active' },
-        { name: '李季', code: 'U00004', type: 'user', sort: 3, status: 'active' },
+        { name: '孙叔', code: 'U00003', type: 'user', sort: 2, status: '' },
+        { name: '李季', code: 'U00004', type: 'user', sort: 3, status: '' },
         { name: '赵伯', code: 'U00001', type: 'admin', sort: 0, status: 'active' },
-        { name: '钱仲', code: 'U00002', type: 'user', sort: 1, status: 'active' },
-        { name: '孙叔', code: 'U00003', type: 'user', sort: 2, status: 'active' },
-        { name: '李季', code: 'U00004', type: 'user', sort: 3, status: 'active' },
+        { name: '钱仲', code: 'U00002', type: 'user', sort: 1, status: '' },
+        { name: '孙叔', code: 'U00003', type: 'user', sort: 2, status: '' },
+        { name: '李季', code: 'U00004', type: 'user', sort: 3, status: '' },
       ],
       // 表格选中项
       tableSelection: [],
@@ -348,6 +352,12 @@ export default {
         this.dialogType = '';
       });
     },
+    // 设置弹出框模式
+    setDialog({ title, type }) {
+      this.dialogTitle = title;
+      this.dialogType = type;
+      this.dialogVisible = true;
+    }
   }
 };
 </script>
--
libgit2 0.21.0