refactor! renam ui components

2023-09-27 16:41:47 +08:00
parent dc97bbc540
commit 545ec8a3be
6 changed files with 16 additions and 16 deletions
@@ -0,0 +1,37 @@
+import { iframeSrc, showEditor } from "./state.js";
+import { van } from "./van.js";
+const { button, iframe, div, img, span } = van.tags;
+
+export function ShapeFlowEditor() {
+  return div(
+    {
+      class: "w-full h-full relative",
+    },
+    button(
+      {
+        class: () =>
+          "btn btn-circle flex flex-row btn-ghost normal-case absolute px-2 rounded-md left-0 top-0 z-[200] w-fit pointer-events-auto bg-black " +
+          (showEditor.val ? "" : "hidden"),
+        onclick: () => {
+          console.log("close");
+          showEditor.val = false;
+        },
+      },
+      span({
+        class: "iconify text-lg",
+        "data-icon": "ic:baseline-arrow-back",
+        "data-inline": "false",
+      }),
+      div("Back")
+    ),
+    iframe({
+      id: "avatech-editor-iframe",
+      title: "avatech-editor-iframe",
+      name: "avatech-editor-iframe",
+      allow: "cross-origin-isolated",
+      class: () =>
+        "w-full h-full pointer-events-auto " + (showEditor.val ? "" : "hidden"),
+      src: iframeSrc,
+    })
+  );
+}