aitext

src/modules/editor/components/Viewport/Toolbar/AiText.tsx

@@ -0,0 +1,28 @@
+import { useEditor } from "@/modules/editor";
+import { defineComponent } from "vue";
+import { Button, Input } from "ant-design-vue";
+export default defineComponent({
+  setup() {
+    const { store } = useEditor();
+
+    return () => (
+      <div class="w-280px p-20px bg-component border-r-4px">
+        <div>
+          <div>AI提示词</div>
+          <div>
+            <Input.TextArea showCount={true} />
+          </div>
+        </div>
+        <div>
+          <div>结果生成</div>
+          <div>
+            <Input.TextArea />
+          </div>
+        </div>
+        <div>
+          <Button type="primary">开始生成</Button>
+        </div>
+      </div>
+    );
+  },
+});

src/modules/editor/components/Viewport/Toolbar/index.tsx

@@ -1,14 +1,16 @@
 import { useEditor } from "@/modules/editor";
 import { defineUI } from "queenjs";
 import { TipIcons } from "../../TipIcons";
+import { Dropdown } from "ant-design-vue";
 import { css } from "@linaria/core";
 import { useLauncher } from "@/modules/launcher";
-
+import AiText from "./AiText";
 export default defineUI({
   setup() {
     const { actions, controls } = useEditor();
     const launcher = useLauncher();
     const { history } = controls.historyCtrl;
+
     return () => (
       <>
         <div class="absolute top-20px left-20px space-x-10px z-999">
@@ -24,12 +26,13 @@ export default defineUI({
           />
         </div>
         <div class="absolute top-20px right-20px space-x-10px z-999">
-          <TipIcons.AiText
-            class={btnCls}
-            onClick={() => {
-              console.log(1);
-            }}
-          />
+          {/* <Dropdown
+            overlay={<AiText />}
+            placement="bottomRight"
+            trigger="click"
+          >
+            <TipIcons.AiText class={btnCls} />
+          </Dropdown> */}
           <TipIcons.Screenshot
             class={btnCls}
             onClick={() => actions.updateThumbnailByScreenshot(true)}