style: tabs
Before Width: | Height: | Size: 894 B After Width: | Height: | Size: 4.2 KiB |
Before Width: | Height: | Size: 3.9 KiB After Width: | Height: | Size: 9.1 KiB |
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 51 KiB After Width: | Height: | Size: 58 KiB |
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 28 KiB |
|
@ -1,12 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<Select
|
<Select @dropdown-visible-change="handleFetch" v-bind="$attrs" @change="handleChange" :options="getOptions" v-model:value="state">
|
||||||
@dropdown-visible-change="handleFetch"
|
|
||||||
style="max-height: 150px"
|
|
||||||
v-bind="attrs"
|
|
||||||
@change="handleChange"
|
|
||||||
:options="getOptions"
|
|
||||||
v-model:value="state"
|
|
||||||
>
|
|
||||||
<template #[item]="data" v-for="item in Object.keys($slots)">
|
<template #[item]="data" v-for="item in Object.keys($slots)">
|
||||||
<slot :name="item" v-bind="data || {}"></slot>
|
<slot :name="item" v-bind="data || {}"></slot>
|
||||||
</template>
|
</template>
|
||||||
|
@ -26,7 +19,6 @@ import { ref, watchEffect, computed, unref, watch } from 'vue'
|
||||||
import { Select } from 'ant-design-vue'
|
import { Select } from 'ant-design-vue'
|
||||||
import { isFunction } from '@/utils/is'
|
import { isFunction } from '@/utils/is'
|
||||||
import { useRuleFormItem } from '@/hooks/component/useFormItem'
|
import { useRuleFormItem } from '@/hooks/component/useFormItem'
|
||||||
import { useAttrs } from '@/hooks/core/useAttrs'
|
|
||||||
import { get, omit } from 'lodash-es'
|
import { get, omit } from 'lodash-es'
|
||||||
import { LoadingOutlined } from '@ant-design/icons-vue'
|
import { LoadingOutlined } from '@ant-design/icons-vue'
|
||||||
import { useI18n } from '@/hooks/web/useI18n'
|
import { useI18n } from '@/hooks/web/useI18n'
|
||||||
|
@ -64,7 +56,6 @@ const options = ref<OptionsItem[]>([])
|
||||||
const loading = ref(false)
|
const loading = ref(false)
|
||||||
const isFirstLoad = ref(true)
|
const isFirstLoad = ref(true)
|
||||||
const emitData = ref<any[]>([])
|
const emitData = ref<any[]>([])
|
||||||
const attrs = useAttrs()
|
|
||||||
const { t } = useI18n()
|
const { t } = useI18n()
|
||||||
|
|
||||||
// Embedded in the form, just use the hook binding to perform form verification
|
// Embedded in the form, just use the hook binding to perform form verification
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
@namespace: vben;
|
@namespace: vben;
|
||||||
|
|
||||||
// tabs
|
// tabs
|
||||||
@multiple-height: 36px;
|
@multiple-height: 30px;
|
||||||
|
|
||||||
// headers
|
// headers
|
||||||
@header-height: 48px;
|
@header-height: 48px;
|
||||||
|
|