From c2cf787ef331766775c877cc0f00d3f6a3ffd5f5 Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Mon, 24 Feb 2025 13:40:58 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=AF=E8=A7=86=E5=8C=96=E7=BC=96=E6=8E=92?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=AC=AC=E4=B8=80=E6=AC=A1=E8=BF=90=E8=A1=8C?=
 =?UTF-8?q?=E7=9A=84=E5=B8=AE=E5=8A=A9=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ComposerEditor.vue | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/components/ComposerEditor.vue b/src/components/ComposerEditor.vue
index 2a4142b..4d8c771 100644
--- a/src/components/ComposerEditor.vue
+++ b/src/components/ComposerEditor.vue
@@ -14,10 +14,26 @@
 import CommandComposer from "components/composer/CommandComposer.vue";
 import CommandRunResult from "components/CommandRunResult";
 import { useCommandManager } from "js/commandManager.js";
+import { dbManager } from "js/utools";
 
 export default {
   components: { CommandComposer, CommandRunResult },
   setup() {
+    const hasRunComposer = dbManager.getStorage("st_hasRunComposer");
+
+    if (!hasRunComposer) {
+      quickcommand.showConfirmBox(
+        `<div>👏🏻 欢迎使用可视化编排，由于编排功能众多，推荐先查看教程再使用</div>
+        <div>查看教程<a href="javascript:void(0)" onclick="utools.ubrowser.goto('https://www.yuque.com/fofolee/qcdocs3/bg31vl#TMtYg').run({width: 1280, height: 720})">戳我</a></div>
+        <div>或者看一个<a href="javascript:void(0)" onclick="utools.ubrowser.goto('https://www.yuque.com/fofolee/qcdocs3/bg31vl#JqM2f').run({width: 1280, height: 720})">浏览器控制典型案例</a>快速入门</div>
+        <div>你随时可以点击右上角的<span style="font-weight: bolder;">帮助</span>按钮（图标为问号），再次查看教程</div>`,
+        "帮助",
+        true,
+        600
+      );
+      dbManager.setStorage("st_hasRunComposer", true);
+    }
+
     const commandManager = useCommandManager();
 
     const defaultCommand = commandManager.getDefaultCommand("quickcomposer");