refactor(lock): 锁定插件重构

Author: nihaojob

packages/core/plugin/LayerPlugin.ts

@@ -2,7 +2,7 @@
  * @Author: 秦少卫
  * @Date: 2023-06-15 23:23:18
  * @LastEditors: 秦少卫
- * @LastEditTime: 2024-04-10 17:33:28
+ * @LastEditTime: 2024-07-06 18:22:46
  * @Description: 图层调整插件
  */
 
@@ -12,7 +12,7 @@ type IEditor = Editor;
 
 class LayerPlugin implements IPluginTempl {
   static pluginName = 'LayerPlugin';
-  static apis = ['up', 'upTop', 'down', 'downTop'];
+  static apis = ['up', 'down', 'toFront', 'toBack'];
   constructor(public canvas: fabric.Canvas, public editor: IEditor) {}
 
   _getWorkspace() {
@@ -34,28 +34,27 @@ class LayerPlugin implements IPluginTempl {
     }
   }
 
-  upTop() {
+  down() {
     const actives = this.canvas.getActiveObjects();
     if (actives && actives.length === 1) {
       const activeObject = this.canvas.getActiveObjects()[0];
-      activeObject && activeObject.bringToFront();
+      activeObject && activeObject.sendBackwards();
       this.canvas.renderAll();
-      console.log(this);
       this._workspaceSendToBack();
     }
   }
 
-  down() {
+  toFront() {
     const actives = this.canvas.getActiveObjects();
     if (actives && actives.length === 1) {
       const activeObject = this.canvas.getActiveObjects()[0];
-      activeObject && activeObject.sendBackwards();
+      activeObject && activeObject.bringToFront();
       this.canvas.renderAll();
       this._workspaceSendToBack();
     }
   }
 
-  downTop() {
+  toBack() {
     const actives = this.canvas.getActiveObjects();
     if (actives && actives.length === 1) {
       const activeObject = this.canvas.getActiveObjects()[0];
@@ -75,22 +74,22 @@ class LayerPlugin implements IPluginTempl {
           subitems: [
             {
               text: '上一个',
-              hotkey: 'key',
+              hotkey: '',
               onclick: () => this.up(),
             },
             {
               text: '下一个',
-              hotkey: 'key',
+              hotkey: '',
               onclick: () => this.down(),
             },
             {
               text: '置顶',
-              hotkey: 'key',
+              hotkey: '',
               onclick: () => this.upTop(),
             },
             {
               text: '置底',
-              hotkey: 'key',
+              hotkey: '',
               onclick: () => this.downTop(),
             },
           ],

packages/core/plugin/LockPlugin.ts

@@ -1,16 +1,9 @@
-/*
- * @Author: 秦少卫
- * @Date: 2024-07-06 12:10:36
- * @LastEditors: 秦少卫
- * @LastEditTime: 2024-07-06 12:10:38
- * @Description: file content
- */
 /*
  * @Author: 秦少卫
  * @Date: 2024-07-04 14:27:05
  * @LastEditors: 秦少卫
- * @LastEditTime: 2024-07-04 23:06:33
- * @Description: file content
+ * @LastEditTime: 2024-07-06 17:49:01
+ * @Description: 锁定文件
  */
 import { fabric } from 'fabric';
 import type Editor from '../Editor';

src/components/layer.vue

@@ -2,7 +2,7 @@
  * @Author: 秦少卫
  * @Date: 2022-09-03 19:16:55
  * @LastEditors: 秦少卫
- * @LastEditTime: 2024-05-21 08:59:36
+ * @LastEditTime: 2024-07-06 17:59:51
  * @Description: 图层面板
 -->
 
@@ -115,13 +115,13 @@ const up = () => {
   canvasEditor.up();
 };
 const upTop = () => {
-  canvasEditor.upTop();
+  canvasEditor.toFront();
 };
 const down = () => {
   canvasEditor.down();
 };
 const downTop = () => {
-  canvasEditor.downTop();
+  canvasEditor.toBack();
 };
 
 const getList = () => {