<script setup lang="ts">
import SearchForm from '@/components/advanced/search-form.vue';

defineOptions({
  name: 'OssConfigSearch',
  inheritAttrs: false
});

defineProps<{ statusOptions: Api.SystemManage.DictInfo[] }>();

const model = defineModel<Api.SystemManage.OssConfigSearchParams>('model', { required: true });
</script>

<template>
  <SearchForm v-model:model="model" v-bind="$attrs">
    <template #formItem>
      <NFormItemGi span="24 s:6" label="配置Key" class="pr-24px">
        <NInput v-model:value="model.configKey" placeholder="请输入配置Key" />
      </NFormItemGi>
      <NFormItemGi span="24 s:6" label="桶名称" class="pr-24px">
        <NInput v-model:value="model.bucketName" placeholder="请输入桶名称" />
      </NFormItemGi>
      <NFormItemGi span="24 s:6" label="状态" class="pr-24px">
        <NSelect
          v-model:value="model.status"
          placeholder="请选择状态"
          label-field="dictLabel"
          value-field="dictValue"
          :options="statusOptions"
          clearable
        />
      </NFormItemGi>
    </template>
  </SearchForm>
</template>

<style scoped></style>
