chore: update sample date, test iframe

Author: SSShooter

src/exampleData/1.ts

@@ -181,6 +181,14 @@ const aboutMindElixir: MindElixirData = {
             topic: 'Modify link with control points',
             id: 'bd1c0c4a487bd036',
           },
+          {
+            topic: 'Bidirectional link is',
+            id: '4da8dbbc7b71be99',
+          },
+          {
+            topic: 'Also available.',
+            id: '4da8ded27033a710',
+          },
         ],
       },
       {
@@ -280,7 +288,8 @@ const aboutMindElixir: MindElixirData = {
               {
                 topic: '',
                 id: 'c00a2264f4532612',
-                dangerouslySetInnerHTML: katexHTML,
+                dangerouslySetInnerHTML:
+                  '<div class="math math-display"><span class="katex-display"><span class="katex"><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:2.4em;vertical-align:-0.95em;"></span><span class="minner"><span class="mopen delimcenter" style="top:0em;"><span class="delimsizing size1">[</span></span><span class="mord"><span class="mtable"><span class="col-align-c"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.85em;"><span style="top:-3.01em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">x</span></span></span></span><span class="vlist-s">&ZeroWidthSpace;</span></span><span class="vlist-r"><span class="vlist" style="height:0.35em;"><span></span></span></span></span></span><span class="arraycolsep" style="width:0.5em;"></span><span class="arraycolsep" style="width:0.5em;"></span><span class="col-align-c"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.85em;"><span style="top:-3.01em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal" style="margin-right:0.03588em;">y</span></span></span></span><span class="vlist-s">&ZeroWidthSpace;</span></span><span class="vlist-r"><span class="vlist" style="height:0.35em;"><span></span></span></span></span></span></span></span><span class="mclose delimcenter" style="top:0em;"><span class="delimsizing size1">]</span></span></span><span class="mspace" style="margin-right:0.1667em;"></span><span class="minner"><span class="mopen delimcenter" style="top:0em;"><span class="delimsizing size3">[</span></span><span class="mord"><span class="mtable"><span class="col-align-c"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.45em;"><span style="top:-3.61em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">a</span></span></span><span style="top:-2.41em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">b</span></span></span></span><span class="vlist-s">&ZeroWidthSpace;</span></span><span class="vlist-r"><span class="vlist" style="height:0.95em;"><span></span></span></span></span></span><span class="arraycolsep" style="width:0.5em;"></span><span class="arraycolsep" style="width:0.5em;"></span><span class="col-align-c"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.45em;"><span style="top:-3.61em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">c</span></span></span><span style="top:-2.41em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">d</span></span></span></span><span class="vlist-s">&ZeroWidthSpace;</span></span><span class="vlist-r"><span class="vlist" style="height:0.95em;"><span></span></span></span></span></span></span></span><span class="mclose delimcenter" style="top:0em;"><span class="delimsizing size3">]</span></span></span></span></span></span></span></div>',
               },
             ],
           },
@@ -291,7 +300,8 @@ const aboutMindElixir: MindElixirData = {
               {
                 topic: '',
                 id: 'c00a2264f4532613',
-                dangerouslySetInnerHTML: codeBlock,
+                dangerouslySetInnerHTML:
+                  '<pre class="language-javascript"><code class="language-javascript"><span class="token keyword">let</span> message <span class="token operator">=</span> <span class="token string">\'Hello world\'</span>\n<span class="token function">alert</span><span class="token punctuation">(</span>message<span class="token punctuation">)</span></code></pre>',
               },
             ],
           },
@@ -302,11 +312,25 @@ const aboutMindElixir: MindElixirData = {
               {
                 topic: '',
                 id: 'c00a2264f4532614',
-                dangerouslySetInnerHTML: styledDiv,
+                dangerouslySetInnerHTML:
+                  '<div><style>.title{font-size:50px}</style><div class="title">Title</div><div style="color: red; font-size: 20px;">Hello world</div></div>',
+              },
+            ],
+          },
+          {
+            topic: 'Video',
+            id: 'c00a2264ffadw19',
+            children: [
+              {
+                topic: '',
+                id: 'c00a2264f453fv14',
+                dangerouslySetInnerHTML:
+                  '<iframe src="//player.bilibili.com/player.html?bvid=BV1aTxMehEjK&poster=1&autoplay=0&danmaku=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>',
               },
             ],
           },
         ],
+        direction: 1,
       },
       {
         topic: 'Caution',
@@ -356,6 +380,21 @@ const aboutMindElixir: MindElixirData = {
       },
       bidirectional: false,
     },
+    {
+      id: '4da8e3367b63b640',
+      label: 'Bidirectional!',
+      from: '4da8dbbc7b71be99',
+      to: '4da8ded27033a710',
+      delta1: {
+        x: -186,
+        y: 7,
+      },
+      delta2: {
+        x: -155,
+        y: 28,
+      },
+      bidirectional: true,
+    },
   ],
   summaries: [
     {

src/index.less

@@ -237,7 +237,8 @@
       // tags,icons,images should not response to click event
       pointer-events: none;
     }
-    & > a {
+    & > a,
+    & > iframe {
       pointer-events: auto;
     }
     & > img {