chore: label样式

This commit is contained in:
dap 2024-11-26 20:08:39 +08:00
parent afdf186fa4
commit 593ed62585

View File

@ -1,12 +1,10 @@
<script setup lang="ts">
import { computed, h, ref } from 'vue';
import { computed, ref } from 'vue';
import { useVbenDrawer } from '@vben/common-ui';
import { $t } from '@vben/locales';
import { cloneDeep } from '@vben/utils';
import { Tag } from 'ant-design-vue';
import { useVbenForm } from '#/adapter/form';
import { tenantAdd, tenantInfo, tenantUpdate } from '#/api/system/tenant';
import { packageSelectList } from '#/api/system/tenant-package';
@ -34,18 +32,14 @@ const [BasicForm, formApi] = useVbenForm({
async function setupPackageSelect() {
const tenantPackageList = await packageSelectList();
const options = tenantPackageList.map((item) => ({
label: h('div', { class: 'flex items-center gap-[6px]' }, [
h('span', null, item.packageName),
h(Tag, { color: 'processing' }, () => `${item.menuIds.length}个菜单项`),
]),
title: item.packageName,
label: item.packageName,
value: item.packageId,
}));
formApi.updateSchema([
{
componentProps: {
optionFilterProp: 'title',
optionLabelProp: 'title',
optionFilterProp: 'label',
optionLabelProp: 'label',
options,
showSearch: true,
},