feat(Select): select add top and bottom

heyui · Jan 14, 2019 · 9d445f8 · 9d445f8
1 parent 1534b8e
commit 9d445f8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/doc/components/demos/dataplugins/select7.vue b/doc/components/demos/dataplugins/select7.vue
@@ -3,7 +3,9 @@
     <p>选中值：{{select}}</p>
     <div v-width="300">
       <Select v-model="select" :datas="param">
+        <template slot-scope="{item}" slot="top"><div class="text-center">自定义头部</div></template>
         <template slot-scope="{item}" slot="item"><div>标题：{{item.title}}<span style="float:right" class='gray1-color'>{{item.key}}</span></div><div class='gray1-color'>描述：{{item.title}}</div></template>
+        <template slot-scope="{item}" slot="bottom"><div class="text-center link">加载更多</div></template>
       </Select>
     </div>
   </div>

diff --git a/src/components/select/select.vue b/src/components/select/select.vue
@@ -41,6 +41,7 @@
       <div class="h-select-group-container" v-if="isShow">
         <!-- <Search v-if="filterable" class="h-select-search-input" :placeholder="showSearchPlaceHolder" trigger-type="input" @onsearch="search" position="front"></Search> -->
         <div class="h-select-list">
+          <slot name="top" :results="filterOptions"></slot>
           <ul class="h-select-ul">
             <template v-for="(option, index) of filterOptions">
             <li v-if="!option.hidden"
@@ -57,6 +58,7 @@
             </template>
             <li v-if="filterOptions.length==0" class="h-select-ul-empty">{{showEmptyContent}}</li>
           </ul>
+          <slot name="bottom" :results="filterOptions"></slot>
         </div>
       </div>
     </div>