rayyy-vue-table-components 1.2.21 → 1.2.22

package/dist/src/components/items/SearchBar.vue.d.ts

@@ -1,7 +1,6 @@
 type __VLS_Props = {
     showFilter?: boolean;
     showSearch?: boolean;
-    fullInput?: boolean;
     badgeValue?: number;
 };
 declare function __VLS_template(): {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rayyy-vue-table-components",
-  "version": "1.2.21",
+  "version": "1.2.22",
   "description": "Vue 3 + Element Plus 表格組件庫",
   "type": "module",
   "main": "./dist/index.umd.js",

package/src/components/items/SearchBar.vue

@@ -6,7 +6,6 @@ import FilterBtn from './FilterBtn.vue'
 defineProps<{
   showFilter?: boolean
   showSearch?: boolean
-  fullInput?: boolean
   badgeValue?: number
 }>()
 
@@ -39,7 +38,7 @@ const resetFilter = () => {
     </div>
 
     <div class="flex items-center justify-end">
-      <div v-if="showSearch" :class="{ 'w-full': fullInput, 'search-input': !fullInput }">
+      <div v-if="showSearch" class="search-input">
         <base-input
           v-model="keyword"
           placeholder="請輸入關鍵字搜尋列表"

package/src/components/layout/SearchableListPanel.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { toRefs } from 'vue'
+import { toRefs, computed } from 'vue'
 import type { Pager } from '@/types'
 import { MainPanel, SearchBar } from '@/components'
 
@@ -22,6 +22,9 @@ const emits = defineEmits<{
   (e: 'updatePageSize', limit: number): boolean
 }>()
 
+const showAllFeatures = computed(() => {
+  return props.showDefaultSearch || (props.showSearch && props.showEdit && props.showFilter)
+})
 const search = (keyword: string) => {
   emits('search', keyword)
 }
@@ -43,15 +46,15 @@ const changePageSize = (limit: number) => {
   <main-panel :title="props.title" :show-back="showBack">
     <template #searchBar>
       <search-bar
-        :show-filter="showFilter"
-        :show-search="showSearch"
+        :show-filter="showAllFeatures || showFilter"
+        :show-search="showAllFeatures || showSearch"
         :badge-value="badgeValue"
         @keydown:enter="search"
         @update:clear="clearable"
       >
         <template #button>
           <slot name="firstButton"></slot>
-          <slot name="customButton"> </slot>
+          <slot name="customButton" v-if="showAllFeatures || showEdit"> </slot>
           <slot name="lastButton"></slot>
         </template>
         <template #filterBody>