fix: 修复SchemaSelect插槽

刘汉宸
1 parent d0e13360
Showing 1 changed file with 20 additions and 0 deletions Show diff stats
packages/schema-select/index.vue
@@ -48,12 +48,18 @@
           <cell-highlight v-if="highlight" :value="value" :keyword="query" :key="index"></cell-highlight>
           <template v-else>{{ value }}</template>
         </template>
+        <template v-for="item in getSlotKeys('table-')" #[item.name]="slotScope">
+          <slot :name="item.slot" v-bind="slotScope"></slot>
+        </template>
       </z-schema-page>
       <z-schema-table v-else ref="table" :value="options" :schema="selectTableSchema" :size="selectSize">
         <template v-for="(item, index) in tableColumns" #[`cell-${item.prop}`]="{ value }">
           <cell-highlight v-if="highlight" :value="value" :keyword="query" :key="index"></cell-highlight>
           <template v-else>{{ value }}</template>
         </template>
+        <template v-for="item in getSlotKeys('table-', true)" #[item.name]="slotScope">
+          <slot :name="item.slot" v-bind="slotScope"></slot>
+        </template>
       </z-schema-table>
     </div>
   </el-popover>
@@ -224,6 +230,9 @@ export default {
       }
       return true;
     },
+    slotKeys() {
+      return Object.keys(this.$scopedSlots);
+    },
   },
   watch: {
     value(val) {
@@ -234,6 +243,17 @@ export default {
     },
   },
   methods: {
+    getSlotKeys(prefix, fixed) {
+      return this.slotKeys.reduce((result, current) => {
+        if (current.indexOf(prefix) === 0) {
+          result.push({
+            slot: current,
+            name: fixed ? current.substring(prefix.length) : current,
+          });
+        }
+        return result;
+      }, []);
+    },
     // 手动设置当前value对应的label
     setLabel(val) {
       this.currentLabel = val;