fix: 修复search-middle插槽错位问题

fast-crud · May 31, 2023 · 6423c14 · 6423c14
1 parent 169bd26
commit 6423c14
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/packages/fast-crud/src/components/search/layout-default.vue b/packages/fast-crud/src/components/search/layout-default.vue
@@ -7,7 +7,7 @@
         :style="{ maxHeight: computedColumnBoxHeight }"
       >
         <component :is="ui.row.name" ref="columnsRowRef" class="fs-search-columns">
-          <span class="fs-search-col">
+          <span class="fs-search-col fs-search-slot">
             <slot name="search-left"></slot>
           </span>
           <!-- 查询字段render，需要定义props.columns -->
@@ -16,14 +16,16 @@
               <fs-render :render-func="item._cellRender" />
             </component>
           </template>
+          <span class="fs-search-col fs-search-slot">
+            <slot name="search-middle"></slot>
+          </span>
           <component
             :is="ui.col.name"
             v-if="!computedIsMultiLine"
             class="fs-search-col fs-search-buttons-group"
             v-bind="mergeCol(action?.col)"
           >
             <component :is="ui.formItem.name" :[ui.formItem.label]="action?.label">
-              <slot name="search-middle"></slot>
               <!-- 查询按钮插槽-->
               <slot name="search-buttons"></slot>
               <slot name="search-right"></slot>
@@ -166,7 +168,9 @@ export default defineComponent({
 
         .fs-search-col {
           min-width: 180px;
-
+          &.fs-search-slot {
+            min-width: 0;
+          }
           & > * {
             margin: 0px 4px;
           }