rockfic/next
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(components): update band selector

Browse Source 
allow for custom label to be passed to the form item
This commit is contained in:
☙◦ The Tablet ❀ GamerGirlandCo ◦❧ 2024-11-11 18:15:30 -05:00
parent 3afcd2b602
commit 26c0352504
Signed by: tablet
GPG Key ID: 924A5F6AF051E87C
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/story/atoms/bands.vue
View File

@ -3,7 +3,7 @@
import { RuleExpression, useField } from "vee-validate"; import { RuleExpression, useField } from "vee-validate";
import { cs } from "@client/storyFormSchema"; import { cs } from "@client/storyFormSchema";
import { IBand } from "@models/band"; import { IBand } from "@models/band";
const props = defineProps<{ label: string }>();
const bandlist = inject<IBand[]>("bandlist"); const bandlist = inject<IBand[]>("bandlist");
const fname = inject<string>("curName"); const fname = inject<string>("curName");
const { updateBands, sb } = inject<any>("selectedBands"); const { updateBands, sb } = inject<any>("selectedBands");
@ -22,10 +22,11 @@
</script> </script>
<template> <template>
<a-form-item :validate-status="!!errorMessage ? 'error' : undefined" :help="errorMessage as any" label="Bands"> <a-form-item :validate-status="!!errorMessage ? 'error' : undefined" :help="errorMessage as any" :label="label || 'Bands'">
<a-select <a-select
v-bind="$attrs" v-bind="$attrs"
:allow-clear="true" :allow-clear="true"
placement="topLeft"
mode="multiple" mode="multiple"
option-filter-prop="label" option-filter-prop="label"
@change=" @change="