fix: add triggerClass binding to PopoverTrigger and update icon-picker styles (#6095)
* Popover支持设置trigger的样式 * 修正icon-picker的input值更新pull/87/MERGE
							parent
							
								
									0517a7014f
								
							
						
					
					
						commit
						f1af9f8f6e
					
				|  | @ -21,6 +21,7 @@ interface Props extends PopoverRootProps { | |||
|   class?: ClassType; | ||||
|   contentClass?: ClassType; | ||||
|   contentProps?: PopoverContentProps; | ||||
|   triggerClass?: ClassType; | ||||
| } | ||||
| 
 | ||||
| const props = withDefaults(defineProps<Props>(), {}); | ||||
|  | @ -32,6 +33,7 @@ const delegatedProps = computed(() => { | |||
|     class: _cls, | ||||
|     contentClass: _, | ||||
|     contentProps: _cProps, | ||||
|     triggerClass: _tClass, | ||||
|     ...delegated | ||||
|   } = props; | ||||
| 
 | ||||
|  | @ -43,7 +45,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits); | |||
| 
 | ||||
| <template> | ||||
|   <PopoverRoot v-bind="forwarded"> | ||||
|     <PopoverTrigger> | ||||
|     <PopoverTrigger :class="triggerClass"> | ||||
|       <slot name="trigger"></slot> | ||||
| 
 | ||||
|       <PopoverContent | ||||
|  |  | |||
|  | @ -165,13 +165,18 @@ const searchInputProps = computed(() => { | |||
|   }; | ||||
| }); | ||||
| 
 | ||||
| function updateCurrentSelect(v: string) { | ||||
|   currentSelect.value = v; | ||||
| } | ||||
| 
 | ||||
| defineExpose({ toggleOpenState, open, close }); | ||||
| </script> | ||||
| <template> | ||||
|   <VbenPopover | ||||
|     v-model:open="visible" | ||||
|     :content-props="{ align: 'end', alignOffset: -11, sideOffset: 8 }" | ||||
|     content-class="p-0 pt-3" | ||||
|     content-class="p-0 pt-3 w-full" | ||||
|     trigger-class="w-full" | ||||
|   > | ||||
|     <template #trigger> | ||||
|       <template v-if="props.type === 'input'"> | ||||
|  | @ -183,6 +188,7 @@ defineExpose({ toggleOpenState, open, close }); | |||
|           role="combobox" | ||||
|           :aria-label="$t('ui.iconPicker.placeholder')" | ||||
|           aria-expanded="visible" | ||||
|           :[`onUpdate:${modelValueProp}`]="updateCurrentSelect" | ||||
|           v-bind="$attrs" | ||||
|         > | ||||
|           <template #[iconSlot]> | ||||
|  |  | |||
		Loading…
	
		Reference in New Issue
	
	 Netfan
						Netfan