|
@@ -57,43 +57,45 @@ const getPrefix = {
|
|
|
<slot name="row-label-text">{{ rowLabelText }}</slot>
|
|
|
</div>
|
|
|
</slot>
|
|
|
- <div
|
|
|
- class="search-schema-filter-item flex flex-row"
|
|
|
- v-for="(item, index) in schema"
|
|
|
- :key="getPrefix.item + index"
|
|
|
- :class="{
|
|
|
+ <div class="search-schema-filter-box">
|
|
|
+ <div
|
|
|
+ class="search-schema-filter-item flex flex-row"
|
|
|
+ v-for="(item, index) in schema"
|
|
|
+ :key="getPrefix.item + index"
|
|
|
+ :class="{
|
|
|
'flex-items-start': showLabel && item.label
|
|
|
}"
|
|
|
- >
|
|
|
- <div class="search-schema-filter-label" v-if="showLabel && item.label">
|
|
|
- <slot name="item-label">
|
|
|
- {{ item.label }}
|
|
|
- </slot>
|
|
|
- </div>
|
|
|
- <div class="flex-1">
|
|
|
- <!-- @component 自定义组件 -->
|
|
|
- <!-- @input @change 兼容不同组件的输出 -->
|
|
|
- <Component
|
|
|
- v-if="item._type === 'component'"
|
|
|
- :is="item.expand.component"
|
|
|
- :ref="getPrefix.component + item._name"
|
|
|
- :value="props.value[item.key]"
|
|
|
- @input="doChangeInput(item.key, $event)"
|
|
|
- @change="doChangeInput(item.key, $event)"
|
|
|
- v-bind="item.expand.props"
|
|
|
- v-on="{
|
|
|
+ >
|
|
|
+ <div class="search-schema-filter-label" v-if="showLabel && item.label">
|
|
|
+ <slot name="item-label">
|
|
|
+ {{ item.label }}
|
|
|
+ </slot>
|
|
|
+ </div>
|
|
|
+ <div class="flex-1">
|
|
|
+ <!-- @component 自定义组件 -->
|
|
|
+ <!-- @input @change 兼容不同组件的输出 -->
|
|
|
+ <Component
|
|
|
+ v-if="item._type === 'component'"
|
|
|
+ :is="item.expand.component"
|
|
|
+ :ref="getPrefix.component + item._name"
|
|
|
+ :value="props.value[item.key]"
|
|
|
+ @input="doChangeInput(item.key, $event)"
|
|
|
+ @change="doChangeInput(item.key, $event)"
|
|
|
+ v-bind="item.expand.props"
|
|
|
+ v-on="{
|
|
|
...item.expand.hooks
|
|
|
}"
|
|
|
- >
|
|
|
- </Component>
|
|
|
- <!-- @slot 自定义插槽 -->
|
|
|
- <slot
|
|
|
- v-if="item._type === 'slot'"
|
|
|
- :ref="getPrefix.slot + item._name"
|
|
|
- :name="item.expand.slot"
|
|
|
- :item="item"
|
|
|
- :index="index"
|
|
|
- ></slot>
|
|
|
+ >
|
|
|
+ </Component>
|
|
|
+ <!-- @slot 自定义插槽 -->
|
|
|
+ <slot
|
|
|
+ v-if="item._type === 'slot'"
|
|
|
+ :ref="getPrefix.slot + item._name"
|
|
|
+ :name="item.expand.slot"
|
|
|
+ :item="item"
|
|
|
+ :index="index"
|
|
|
+ ></slot>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -112,7 +114,13 @@ const getPrefix = {
|
|
|
&.use-style-row {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
- align-items: center;
|
|
|
+ .search-schema-filter-box{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
|
|
|
.search-schema-filter-label {
|