导出印花等所有信息

src/component/Canvas/CanvasEditor/components/LayersPanel/LayerItem.vue

@@ -364,14 +364,13 @@ const clickColor = () => {
   const fill = layerObject.value.fill;
   if (fill) {
     const obj = fillToPallet(fill);
-	console.log("===========:", obj);
 	palletPanel(obj).then((res) => {
-		console.log("===========:", res);
 		const cmd = new SetColorLayerFillCommand({
 			canvas: canvasManager.canvas,
 			layerManager: layerManager,
 			object: layerObject.value,
 			newFill: palletToFill(res),
+			originColor: res,
 		});
 		layerManager.commandManager.execute(cmd);
 	});

src/component/Canvas/CanvasEditor/components/SelectMenuPanel/index.vue

@@ -264,7 +264,7 @@
 	 * 显示面板
 	 */
 	function show() {
-		if (activeObjects.length === 0) return;
+		if (activeObjects.value.length === 0) return;
 		visible.value = true;
 		closePanel.value = true;
 	}
@@ -276,14 +276,14 @@
 		visible.value = false;
 	}
 	// 获取当前选中的对象
-	const activeObjects = reactive([]);
+	const activeObjects = ref([]);
 	const getActiveObject = (e) => {
 		console.log("==========切换激活对象", e, activeObjects);
-		activeObjects.splice(0, activeObjects.length, ...e.selected);
-		activeObjects.forEach((v) => {
+		activeObjects.value = [...e.selected];
+		activeObjects.value.forEach((v) => {
 			v.layer = props.layerManager.getLayerById(v.layerId);
 		});
-		if (activeObjects.length === 0) {
+		if (activeObjects.value.length === 0) {
 			close();
 		} else {
 			show();
@@ -291,7 +291,7 @@
 	};
 	//取消当前选中
 	const cancelSelect = () => {
-		activeObjects.splice(0, activeObjects.length);
+		activeObjects.value = [];
 		close();
 	};
 	const lastSelectLayerId = inject("lastSelectLayerId");
@@ -537,7 +537,7 @@
 	// 更新选中对象属性
 	const updateActiveObjects = (arrs, keys, isNumber = true) => {
 		arrs.forEach((v) => {
-			activeObjects.forEach((item) => {
+			activeObjects.value.forEach((item) => {
 				if (item.id === v.id) {
 					keys.forEach(
 						(key) => (item[key] = isNumber ? Number(v[key]) : v[key])
@@ -545,6 +545,7 @@
 				}
 			});
 		});
+		activeObjects.value = [...activeObjects.value];
 	};
 
 	// 旋转对象时更新角度