aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

填充颜色更改

Browse Source
This commit is contained in:
李志鹏
2025-11-06 13:42:34 +08:00
parent 6c542de564
commit 4ab8da591a
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/component/Canvas/CanvasEditor/components/ToolsSidebar.vue
View File

@@ -327,11 +327,14 @@ function handleKeyDown(event) {
} }
} }
const fillInputTimeout = ref(null);
// 填充颜色选择器 // 填充颜色选择器
function fillColorChange() { function fillColorChange() {
clearTimeout(fillInputTimeout.value);
fillInputTimeout.value = setTimeout(() => {
layerManager.fillLayerBackground(lastSelectLayerId.value, fillColor.value, true); layerManager.fillLayerBackground(lastSelectLayerId.value, fillColor.value, true);
}, 100);
} }
onMounted(() => { onMounted(() => {
// 添加键盘事件监听 // 添加键盘事件监听
window.addEventListener("keydown", handleKeyDown); window.addEventListener("keydown", handleKeyDown);
@@ -355,7 +358,7 @@ const handleToolClick = (tool) => {
v-model="fillColor" v-model="fillColor"
ref="fillColorRef" ref="fillColorRef"
type="color" type="color"
@change="fillColorChange" @input="fillColorChange"
style="width: 0; height: 0; opacity: 0" style="width: 0; height: 0; opacity: 0"
/> />
<div class="tools-list"> <div class="tools-list">