深度画布-平铺设置

src/components/Canvas/FlowCanvas/components/tools/my-input.vue

@@ -5,7 +5,14 @@
 			<svg-icon :name="icon" :size="iconSize" size-unit="px" />
 		</span>
 		<span v-show="before" class="before">{{ before }}</span>
-		<input v-bind="attrs" :value="modelValue" @input="onInput" @copy.stop @keydown.stop />
+		<input
+			v-bind="attrs"
+			:value="modelValue"
+			@input="onInput"
+			@change="onChange"
+			@copy.stop
+			@keydown.stop
+		/>
 		<span v-show="after" class="after">{{ after }}</span>
 	</div>
 </template>
@@ -20,13 +27,19 @@
 		after: { default: '', type: String }
 	})
 	const attrs = useAttrs()
-	const emit = defineEmits(['update:modelValue', 'input'])
+	const emit = defineEmits(['update:modelValue', 'input', 'change'])
 	const onInput = (e) => {
 		var value = e.target.value
 		if (attrs.type === 'number') value = Number(value)
 		emit('update:modelValue', value)
 		emit('input', value)
 	}
+	const onChange = (e) => {
+		var value = e.target.value
+		if (attrs.type === 'number') value = Number(value)
+		emit('update:modelValue', value)
+		emit('change', value)
+	}
 </script>
 <style scoped lang="less">
 	.my-input {

src/components/Canvas/FlowCanvas/components/tools/offset-tool.vue

@@ -103,7 +103,7 @@
 			}
 			emit('update:modelValue', value)
 			emit('change', value)
-		}, 500)
+		}, 100)
 	}
 	const lineZStyle = computed(() => ({
 		'--rotateZ': calculateAngle(0, 0, left.value, top.value) + 'deg',