notes/iframePostmessage.drawio at main · lance631/notes · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<mxfile host="app.diagrams.net" agent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/138.0.0.0 Safari/537.36" version="28.0.9">
  <diagram name="第 1 页" id="p-Kf3uR-xjNbBCjLXrCC">
    <mxGraphModel dx="1237" dy="728" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
      <root>
        <mxCell id="0" />
        <mxCell id="1" parent="0" />
        <mxCell id="PUXzwF9LKrd8F2zT3Y6Q-1" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="160" y="130" width="560" height="260" as="geometry" />
        </mxCell>
        <mxCell id="8KbCy9lmEmseonxulgkd-1" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="430" y="140" width="280" height="240" as="geometry" />
        </mxCell>
        <mxCell id="k14G_yBd1Yv2Ia4y4y2w-1" value="Fin" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontStyle=1;fontSize=16;" vertex="1" parent="1">
          <mxGeometry x="170" y="140" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="k14G_yBd1Yv2Ia4y4y2w-3" value="APP" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=16;fontStyle=1" vertex="1" parent="1">
          <mxGeometry x="430" y="140" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="k14G_yBd1Yv2Ia4y4y2w-4" value="1. addEventListener&lt;div&gt;&lt;br&gt;&lt;/div&gt;" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=14;" vertex="1" parent="1">
          <mxGeometry x="460" y="180" width="190" height="30" as="geometry" />
        </mxCell>
        <mxCell id="k14G_yBd1Yv2Ia4y4y2w-6" value="&lt;div&gt;&lt;span style=&quot;background-color: transparent; color: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));&quot;&gt;&amp;nbsp;askAuth&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=14;" vertex="1" parent="1">
          <mxGeometry x="460" y="220" width="190" height="30" as="geometry" />
        </mxCell>
        <mxCell id="k14G_yBd1Yv2Ia4y4y2w-7" value="1. addEventListener&lt;div&gt;&lt;br&gt;&lt;/div&gt;" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=14;" vertex="1" parent="1">
          <mxGeometry x="190" y="180" width="190" height="30" as="geometry" />
        </mxCell>
        <mxCell id="k14G_yBd1Yv2Ia4y4y2w-8" value="postMessage({type:&quot;auth&quot;, ...})&lt;div&gt;&lt;br&gt;&lt;/div&gt;" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=14;" vertex="1" parent="1">
          <mxGeometry x="190" y="220" width="190" height="30" as="geometry" />
        </mxCell>
        <mxCell id="k14G_yBd1Yv2Ia4y4y2w-9" value="postMessage({type:&quot;close&quot;, ...})&lt;div&gt;&lt;br&gt;&lt;/div&gt;" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=14;" vertex="1" parent="1">
          <mxGeometry x="190" y="310" width="190" height="30" as="geometry" />
        </mxCell>
        <mxCell id="k14G_yBd1Yv2Ia4y4y2w-10" value="" style="endArrow=classic;html=1;rounded=0;exitX=0;exitY=0.25;exitDx=0;exitDy=0;entryX=1;entryY=0.25;entryDx=0;entryDy=0;" edge="1" parent="1" source="k14G_yBd1Yv2Ia4y4y2w-6" target="k14G_yBd1Yv2Ia4y4y2w-8">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="390" y="380" as="sourcePoint" />
            <mxPoint x="360" y="228" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="k14G_yBd1Yv2Ia4y4y2w-11" value="清空持久化数据" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=14;" vertex="1" parent="1">
          <mxGeometry x="460" y="300" width="120" height="20" as="geometry" />
        </mxCell>
        <mxCell id="k14G_yBd1Yv2Ia4y4y2w-12" value="" style="endArrow=classic;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" target="k14G_yBd1Yv2Ia4y4y2w-11">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="380" y="310" as="sourcePoint" />
            <mxPoint x="454" y="310" as="targetPoint" />
          </mxGeometry>
        </mxCell>
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>