Просмотр исходного кода

update Web/src/components/iconSelector/index.vue.
图标选择组件优化:
1.取消 Focus Blur 事件处理函数(切换Tab页时可以保留搜索关键词,切换Tab页时不至于卡顿)
2.修复 偶发图标popover容器宽度一会儿大,一会儿小

Signed-off-by: netty <1025556487@qq.com>

netty 1 год назад
Родитель
Сommit
30cb296f1b
1 измененных файлов с 3 добавлено и 16 удалено
  1. 3 16
      Web/src/components/iconSelector/index.vue

+ 3 - 16
Web/src/components/iconSelector/index.vue

@@ -8,8 +8,6 @@
 			:size="size"
 			ref="inputWidthRef"
 			@clear="onClearFontIcon"
-			@focus="onIconFocus"
-			@blur="onIconBlur"
 		>
 			<template #prepend>
 				<SvgIcon
@@ -119,20 +117,7 @@ const state = reactive({
 	},
 });
 
-// 处理 input 获取焦点时,modelValue 有值时,改变 input 的 placeholder 值
-const onIconFocus = () => {
-	if (!props.modelValue) return false;
-	state.fontIconSearch = '';
-	state.fontIconPlaceholder = props.modelValue;
-};
-// 处理 input 失去焦点时,为空将清空 input 值,为点击选中图标时,将取原先值
-const onIconBlur = () => {
-	const list = fontIconTabNameList();
-	setTimeout(() => {
-		const icon = list.filter((icon: string) => icon === state.fontIconSearch);
-		if (icon.length <= 0) state.fontIconSearch = '';
-	}, 300);
-};
+
 // 图标搜索及图标数据显示
 const fontIconSheetsFilterList = computed(() => {
 	const list = fontIconTabNameList();
@@ -235,8 +220,10 @@ onMounted(() => {
 watch(
 	() => props.modelValue,
 	() => {
+        state.fontIconSearch='';
 		initModeValueEcho();
 		initFontIconName();
+        getInputWidth();
 	}
 );
 </script>