条件判断添加作用范围样式及拖拽校验

src/App.vue

@@ -251,6 +251,13 @@ export default defineComponent({
           .padStart(2, "0")
       );
     },
+    getUniqueId() {
+      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+        const r = (Math.random() * 16) | 0;
+        const v = c === "x" ? r : (r & 0x3) | 0x8;
+        return v.toString(16);
+      });
+    },
   },
   watch: {
     // 监听 glassEffect 值变化