-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwebStorage.dio
96 lines (96 loc) · 10.2 KB
/
webStorage.dio
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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<mxfile host="65bd71144e">
<diagram id="7s3gRdupErz70G_t_kkL" name="第 1 页">
<mxGraphModel dx="465" dy="558" 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="2" value="WebStorage" style="swimlane;fontStyle=3;align=center;verticalAlign=top;childLayout=stackLayout;horizontal=1;startSize=26;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=1;marginBottom=0;" parent="1" vertex="1">
<mxGeometry x="435" y="250" width="365" height="240" as="geometry">
<mxRectangle x="250" y="290" width="100" height="30" as="alternateBounds"/>
</mxGeometry>
</mxCell>
<mxCell id="3" value="- storage: Storage" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;" parent="2" vertex="1">
<mxGeometry y="26" width="365" height="24" as="geometry"/>
</mxCell>
<mxCell id="4" value="" style="line;strokeWidth=1;fillColor=none;align=left;verticalAlign=middle;spacingTop=-1;spacingLeft=3;spacingRight=3;rotatable=0;labelPosition=right;points=[];portConstraint=eastwest;strokeColor=inherit;" parent="2" vertex="1">
<mxGeometry y="50" width="365" height="8" as="geometry"/>
</mxCell>
<mxCell id="5" value="+ constructor(storageType: StoageType) + addTypeOperation(type: string, operations:TypeOperation ): void + get(key: string): unknown + set(key: string, value: unknown): void + remove(key: string): void + clear(): void + key(index: number): string | null + length: number {get} + getItem: unknown {get} + setItem: void {get} + removeItem: void {get} " style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;" parent="2" vertex="1">
<mxGeometry y="58" width="365" height="182" as="geometry"/>
</mxCell>
<mxCell id="6" value="SessionStore" style="swimlane;fontStyle=1;align=center;verticalAlign=top;childLayout=stackLayout;horizontal=1;startSize=26;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=1;marginBottom=0;" parent="1" vertex="1">
<mxGeometry x="145" y="360" width="160" height="90" as="geometry"/>
</mxCell>
<mxCell id="7" value="+ " style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;" parent="6" vertex="1">
<mxGeometry y="26" width="160" height="26" as="geometry"/>
</mxCell>
<mxCell id="8" value="" style="line;strokeWidth=1;fillColor=none;align=left;verticalAlign=middle;spacingTop=-1;spacingLeft=3;spacingRight=3;rotatable=0;labelPosition=right;points=[];portConstraint=eastwest;strokeColor=inherit;" parent="6" vertex="1">
<mxGeometry y="52" width="160" height="8" as="geometry"/>
</mxCell>
<mxCell id="9" value="+ constructor()" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;" parent="6" vertex="1">
<mxGeometry y="60" width="160" height="30" as="geometry"/>
</mxCell>
<mxCell id="10" value="LocalStore" style="swimlane;fontStyle=1;align=center;verticalAlign=top;childLayout=stackLayout;horizontal=1;startSize=26;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=1;marginBottom=0;" parent="1" vertex="1">
<mxGeometry x="145" y="250" width="160" height="86" as="geometry"/>
</mxCell>
<mxCell id="11" value="+ " style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;" parent="10" vertex="1">
<mxGeometry y="26" width="160" height="26" as="geometry"/>
</mxCell>
<mxCell id="12" value="" style="line;strokeWidth=1;fillColor=none;align=left;verticalAlign=middle;spacingTop=-1;spacingLeft=3;spacingRight=3;rotatable=0;labelPosition=right;points=[];portConstraint=eastwest;strokeColor=inherit;" parent="10" vertex="1">
<mxGeometry y="52" width="160" height="8" as="geometry"/>
</mxCell>
<mxCell id="13" value="+ constructor()" style="text;strokeColor=none;fillColor=none;align=left;verticalAlign=top;spacingLeft=4;spacingRight=4;overflow=hidden;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;" parent="10" vertex="1">
<mxGeometry y="60" width="160" height="26" as="geometry"/>
</mxCell>
<mxCell id="14" value="Extends" style="endArrow=block;endSize=16;endFill=0;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="11" target="3" edge="1">
<mxGeometry width="160" relative="1" as="geometry">
<mxPoint x="645" y="340" as="sourcePoint"/>
<mxPoint x="805" y="340" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="15" value="Extends" style="endArrow=block;endSize=16;endFill=0;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="7" target="5" edge="1">
<mxGeometry width="160" relative="1" as="geometry">
<mxPoint x="645" y="340" as="sourcePoint"/>
<mxPoint x="805" y="340" as="targetPoint"/>
<Array as="points"/>
</mxGeometry>
</mxCell>
<mxCell id="17" value="<p style="margin:0px;margin-top:4px;text-align:center;"><i>&lt;&lt;enum&gt;&gt;</i><br><b>StorageType</b></p><hr size="1"><p style="margin:0px;margin-left:4px;">+ Local: string = "local"<br>+ Session: string = "session"</p><p style="margin:0px;margin-left:4px;"><br></p>" style="verticalAlign=top;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica;html=1;" parent="1" vertex="1">
<mxGeometry x="522.5" y="90" width="190" height="90" as="geometry"/>
</mxCell>
<mxCell id="18" value="typeOperations: Map&lt;string, TypeOperation&gt;" style="html=1;" parent="1" vertex="1">
<mxGeometry x="467.5" y="590" width="300" height="50" as="geometry"/>
</mxCell>
<mxCell id="19" value="<p style="margin:0px;margin-top:4px;text-align:center;"><i>&lt;&lt;Interface&gt;&gt;</i><br><b>TypeOperation</b></p><hr size="1"><p style="margin:0px;margin-left:4px;"><br></p><hr size="1"><p style="margin:0px;margin-left:4px;">+ deserialize(value: unknown): unknown<br>+ serialize(value: unknown): string</p>" style="verticalAlign=top;align=left;overflow=fill;fontSize=12;fontFamily=Helvetica;html=1;" parent="1" vertex="1">
<mxGeometry x="130" y="545" width="235" height="140" as="geometry"/>
</mxCell>
<mxCell id="20" value="" style="endArrow=block;dashed=1;endFill=0;endSize=12;html=1;exitX=0;exitY=0.5;exitDx=0;exitDy=0;entryX=1;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="18" target="19" edge="1">
<mxGeometry width="160" relative="1" as="geometry">
<mxPoint x="295" y="440" as="sourcePoint"/>
<mxPoint x="455" y="440" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="21" value="constructor 参数类型" style="endArrow=block;dashed=1;endFill=0;endSize=12;html=1;exitX=0.5;exitY=0;exitDx=0;exitDy=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" parent="1" source="2" target="17" edge="1">
<mxGeometry width="160" relative="1" as="geometry">
<mxPoint x="425" y="440" as="sourcePoint"/>
<mxPoint x="585" y="440" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="22" value="" style="endArrow=block;dashed=1;endFill=0;endSize=12;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;exitX=0.499;exitY=1.013;exitDx=0;exitDy=0;exitPerimeter=0;" parent="1" source="5" target="18" edge="1">
<mxGeometry width="160" relative="1" as="geometry">
<mxPoint x="618" y="470" as="sourcePoint"/>
<mxPoint x="617" y="591" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="23" value="get,set 中使用<br>" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" parent="22" vertex="1" connectable="0">
<mxGeometry x="-0.2707" y="4" relative="1" as="geometry">
<mxPoint as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="24" value="typeOperations, 一个Map对象,存储对应类型的序列化反序列化方法" style="text;align=center;fontStyle=1;verticalAlign=middle;spacingLeft=3;spacingRight=3;strokeColor=none;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;" parent="1" vertex="1">
<mxGeometry x="575" y="650" width="80" height="26" as="geometry"/>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>