From d63dd04bddbbf6ae0b92cd826e86e7c9b11beadc Mon Sep 17 00:00:00 2001
From: Phodal Huang <h@phodal.com>
Date: Mon, 27 Dec 2021 08:23:31 +0800
Subject: [PATCH] build: init transflow graph

---
 .../graph-transflow/graph-transflow.css        |  3 +++
 .../graph-transflow/graph-transflow.tsx        | 18 ++++++++++++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 quake_webapp/quake-render/src/components/graph-transflow/graph-transflow.css
 create mode 100644 quake_webapp/quake-render/src/components/graph-transflow/graph-transflow.tsx

diff --git a/quake_webapp/quake-render/src/components/graph-transflow/graph-transflow.css b/quake_webapp/quake-render/src/components/graph-transflow/graph-transflow.css
new file mode 100644
index 00000000..5d4e87f3
--- /dev/null
+++ b/quake_webapp/quake-render/src/components/graph-transflow/graph-transflow.css
@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}
diff --git a/quake_webapp/quake-render/src/components/graph-transflow/graph-transflow.tsx b/quake_webapp/quake-render/src/components/graph-transflow/graph-transflow.tsx
new file mode 100644
index 00000000..69112ba5
--- /dev/null
+++ b/quake_webapp/quake-render/src/components/graph-transflow/graph-transflow.tsx
@@ -0,0 +1,18 @@
+import { Component, Host, h } from '@stencil/core';
+
+@Component({
+  tag: 'graph-transflow',
+  styleUrl: 'graph-transflow.css',
+  shadow: true,
+})
+export class GraphTransflow {
+
+  render() {
+    return (
+      <Host>
+        <slot></slot>
+      </Host>
+    );
+  }
+
+}