ht-emr 0.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +2543 -0
- package/LICENSE +21 -0
- package/README.md +109 -0
- package/dist/assets/favicon-B2ZRofZp.png +0 -0
- package/dist/assets/index-B-zeM_hY.css +1 -0
- package/dist/assets/index-DDitMIYV.js +977 -0
- package/dist/assets/option-CG02tIgh.svg +1 -0
- package/dist/index.html +537 -0
- package/package.json +81 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 1084 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M1072.147851 406.226367c-6.331285-33.456782-26.762037-55.073399-52.047135-55.073399-0.323417 0-0.651455 0.003081-0.830105 0.009241l-4.655674 0c-73.124722 0-132.618162-59.491899-132.618162-132.618162 0-23.731152 11.447443-50.336101 11.546009-50.565574 13.104573-29.498767 3.023185-65.672257-23.427755-84.127081l-1.601687-1.127342-134.400039-74.661726-1.700252-0.745401c-8.753836-3.805547-18.334698-5.735272-28.479231-5.735272-20.789593 0-41.235746 8.344174-54.683758 22.306575-14.741683 15.216028-65.622973 58.649474-104.721083 58.649474-39.450789 0-90.633935-44.286652-105.438762-59.784516-13.518857-14.247316-34.128258-22.753199-55.127302-22.753199-9.945862 0-19.354234 1.861961-27.958682 5.531982l-1.746455 0.74078-139.141957 76.431283-1.643269 1.139662c-26.537186 18.437884-36.675557 54.579032-23.584845 84.062398 0.115506 0.264895 11.579891 26.725075 11.579891 50.634877 0 73.126262-59.491899 132.618162-132.618162 132.618162l-4.581749 0c-0.318797-0.00616-0.636055-0.01078-0.951772-0.01078-25.260456 0-45.672728 21.618157-52.002472 55.0811-0.462025 2.453354-11.313456 60.622322-11.313456 106.117939 0 45.494078 10.85143 103.659965 11.314996 106.119479 6.334365 33.458322 26.758957 55.076479 52.036353 55.076479 0.320337 0 0.651455-0.00616 0.842426-0.012321l4.655674 0c73.126262 0 132.618162 59.491899 132.618162 132.616622 0 23.760413-11.444363 50.333021-11.546009 50.565574-13.093793 29.474125-3.041666 65.646075 23.395414 84.151722l1.569346 1.093459 131.838879 73.726895 1.675611 0.7377c8.750757 3.84251 18.305437 5.790715 28.397607 5.790715 21.082208 0 41.676209-8.706094 55.0888-23.290689 18.724339-20.347588 69.527086-62.362616 107.04815-62.362616 40.625872 0 92.72537 47.100385 107.759669 63.583903 13.441852 14.831008 34.176001 23.689571 55.470741 23.695731l0.00616 0c9.895039 0 19.27877-1.883523 27.893999-5.598205l1.711034-0.73924 136.659342-75.531873 1.617088-1.128882c26.492523-18.456365 36.601633-54.600594 23.538642-84.016195-0.115506-0.267974-11.595291-27.082374-11.595291-50.67646 0-73.124722 59.49344-132.616622 132.618162-132.616622l4.517066-0.00154c0.300316 0.00616 0.599092 0.009241 0.899409 0.009241 25.331299-0.00154 45.785153-21.619697 52.107197-55.054918 0.112426-0.589852 11.325776-59.507301 11.325776-106.14104C1083.464388 466.640776 1072.609877 408.67356 1072.147851 406.226367zM377.486862 945.656142l-115.32764-64.487932c5.082277-13.052211 15.437801-43.51815 15.437801-75.017486 0-109.382917-84.176364-199.816642-192.587488-208.134635-2.647404-15.427021-8.873963-54.967133-8.873963-85.667166 0-30.65691 6.223479-70.232445 8.869343-85.671786 108.415744-8.311832 192.592108-98.745557 192.592108-208.134635 0-31.416171-10.300081-61.797405-15.371577-74.854236l122.721583-67.40331c0.003081 0 0.00462 0.00154 0.007701 0.00154 4.423121 4.518606 22.121764 22.080182 46.558275 39.493911 39.929754 28.46229 77.952885 42.894416 113.014434 42.894416 34.716571 0 72.437845-14.151831 112.115025-42.06431 24.282503-17.07953 41.896442-34.302288 46.308782-38.74543 0.009241-0.00154 0.018481-0.00462 0.026182-0.00616l118.301542 65.726159c-5.077657 13.055291-15.416239 43.499669-15.416239 74.958962 0 109.389077 84.174824 199.822802 192.590568 208.134635 2.645865 15.462442 8.872423 55.107281 8.872423 85.671786 0 30.687711-6.223479 70.241685-8.869343 85.673326C890.042174 606.334084 805.86427 696.767809 805.86427 806.158426c0 31.450053 10.317022 61.851309 15.393138 74.903519l-119.783103 66.198965c-5.168521-5.490399-22.603811-23.363073-46.740005-41.288109-40.701336-30.224145-79.662378-45.549521-115.800446-45.549521-35.79155 0-74.458435 15.038919-114.927219 44.694774C400.22004 922.554885 382.666163 940.255068 377.486862 945.656142zM731.271848 511.646647c0-105.803762-86.081448-191.88059-191.888289-191.88059-105.803762 0-191.88059 86.076827-191.88059 191.88059 0 105.803762 86.076827 191.882129 191.88059 191.882129C645.19194 703.528777 731.271848 617.450409 731.271848 511.646647zM539.383558 395.903184c63.825696 0 115.751164 51.922387 115.751164 115.743463 0 63.825696-51.925468 115.751164-115.751164 115.751164-63.821076 0-115.743463-51.925468-115.743463-115.751164C423.640095 447.824031 475.562482 395.903184 539.383558 395.903184z" fill="#000000"></path></svg>
|
package/dist/index.html
ADDED
|
@@ -0,0 +1,537 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="UTF-8" />
|
|
6
|
+
<link rel="icon" type="image/png" href="/canvas-editor/assets/favicon-B2ZRofZp.png" />
|
|
7
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
8
|
+
<title>canvas-editor</title>
|
|
9
|
+
<script type="module" crossorigin src="/canvas-editor/assets/index-DDitMIYV.js"></script>
|
|
10
|
+
<link rel="stylesheet" crossorigin href="/canvas-editor/assets/index-B-zeM_hY.css">
|
|
11
|
+
</head>
|
|
12
|
+
|
|
13
|
+
<body>
|
|
14
|
+
<div id="app">
|
|
15
|
+
<div class="menu" editor-component="menu">
|
|
16
|
+
<div class="menu-item">
|
|
17
|
+
<div class="menu-item__undo">
|
|
18
|
+
<i></i>
|
|
19
|
+
</div>
|
|
20
|
+
<div class="menu-item__redo">
|
|
21
|
+
<i></i>
|
|
22
|
+
</div>
|
|
23
|
+
<div class="menu-item__painter" title="格式刷(双击可连续使用)">
|
|
24
|
+
<i></i>
|
|
25
|
+
</div>
|
|
26
|
+
<div class="menu-item__format" title="清除格式">
|
|
27
|
+
<i></i>
|
|
28
|
+
</div>
|
|
29
|
+
</div>
|
|
30
|
+
<div class="menu-divider"></div>
|
|
31
|
+
<div class="menu-item">
|
|
32
|
+
<div class="menu-item__font">
|
|
33
|
+
<span class="select" title="字体">宋体</span>
|
|
34
|
+
<div class="options">
|
|
35
|
+
<ul>
|
|
36
|
+
<li data-family="SimSun" style="font-family:'SimSun';">宋体</li>
|
|
37
|
+
<li data-family="Microsoft YaHei" style="font-family:'Microsoft YaHei';">微软雅黑</li>
|
|
38
|
+
<li data-family="华文宋体" style="font-family:'华文宋体';">华文宋体</li>
|
|
39
|
+
<li data-family="华文黑体" style="font-family:'华文黑体';">华文黑体</li>
|
|
40
|
+
<li data-family="华文仿宋" style="font-family:'华文仿宋';">华文仿宋</li>
|
|
41
|
+
<li data-family="华文楷体" style="font-family:'华文楷体';">华文楷体</li>
|
|
42
|
+
<li data-family="华文琥珀" style="font-family:'华文琥珀';">华文琥珀</li>
|
|
43
|
+
<li data-family="华文楷体" style="font-family:'华文楷体';">华文楷体</li>
|
|
44
|
+
<li data-family="华文隶书" style="font-family:'华文隶书';">华文隶书</li>
|
|
45
|
+
<li data-family="华文新魏" style="font-family:'华文新魏';">华文新魏</li>
|
|
46
|
+
<li data-family="华文行楷" style="font-family:'华文行楷';">华文行楷</li>
|
|
47
|
+
<li data-family="华文中宋" style="font-family:'华文中宋';">华文中宋</li>
|
|
48
|
+
<li data-family="华文彩云" style="font-family:'华文彩云';">华文彩云</li>
|
|
49
|
+
<li data-family="Segoe UI" style="font-family:'Segoe UI';">Segoe UI</li>
|
|
50
|
+
<li data-family="Ink Free" style="font-family:'Ink Free';">Ink Free</li>
|
|
51
|
+
<li data-family="Arial" style="font-family:'Arial';">Arial</li>
|
|
52
|
+
<li data-family="Times New Roman" style="font-family:'Times New Roman';">Times New Roman</li>
|
|
53
|
+
</ul>
|
|
54
|
+
</div>
|
|
55
|
+
</div>
|
|
56
|
+
<div class="menu-item__size">
|
|
57
|
+
<span class="select" title="字体">小四</span>
|
|
58
|
+
<div class="options">
|
|
59
|
+
<ul>
|
|
60
|
+
<li data-size="56">初号</li>
|
|
61
|
+
<li data-size="48">小初</li>
|
|
62
|
+
<li data-size="34">一号</li>
|
|
63
|
+
<li data-size="32">小一</li>
|
|
64
|
+
<li data-size="29">二号</li>
|
|
65
|
+
<li data-size="24">小二</li>
|
|
66
|
+
<li data-size="21">三号</li>
|
|
67
|
+
<li data-size="20">小三</li>
|
|
68
|
+
<li data-size="18">四号</li>
|
|
69
|
+
<li data-size="16">小四</li>
|
|
70
|
+
<li data-size="14">五号</li>
|
|
71
|
+
<li data-size="12">小五</li>
|
|
72
|
+
<li data-size="10">六号</li>
|
|
73
|
+
<li data-size="8">小六</li>
|
|
74
|
+
<li data-size="7">七号</li>
|
|
75
|
+
<li data-size="6">八号</li>
|
|
76
|
+
</ul>
|
|
77
|
+
</div>
|
|
78
|
+
</div>
|
|
79
|
+
<div class="menu-item__size-add">
|
|
80
|
+
<i></i>
|
|
81
|
+
</div>
|
|
82
|
+
<div class="menu-item__size-minus">
|
|
83
|
+
<i></i>
|
|
84
|
+
</div>
|
|
85
|
+
<div class="menu-item__bold">
|
|
86
|
+
<i></i>
|
|
87
|
+
</div>
|
|
88
|
+
<div class="menu-item__italic">
|
|
89
|
+
<i></i>
|
|
90
|
+
</div>
|
|
91
|
+
<div class="menu-item__underline">
|
|
92
|
+
<i></i>
|
|
93
|
+
<span class="select"></span>
|
|
94
|
+
<div class="options">
|
|
95
|
+
<ul>
|
|
96
|
+
<li data-decoration-style='solid'>
|
|
97
|
+
<i></i>
|
|
98
|
+
</li>
|
|
99
|
+
<li data-decoration-style='double'>
|
|
100
|
+
<i></i>
|
|
101
|
+
</li>
|
|
102
|
+
<li data-decoration-style='dashed'>
|
|
103
|
+
<i></i>
|
|
104
|
+
</li>
|
|
105
|
+
<li data-decoration-style='dotted'>
|
|
106
|
+
<i></i>
|
|
107
|
+
</li>
|
|
108
|
+
<li data-decoration-style='wavy'>
|
|
109
|
+
<i></i>
|
|
110
|
+
</li>
|
|
111
|
+
</ul>
|
|
112
|
+
</div>
|
|
113
|
+
</div>
|
|
114
|
+
<div class="menu-item__strikeout" title="删除线(Ctrl+Shift+X)">
|
|
115
|
+
<i></i>
|
|
116
|
+
</div>
|
|
117
|
+
<div class="menu-item__superscript">
|
|
118
|
+
<i></i>
|
|
119
|
+
</div>
|
|
120
|
+
<div class="menu-item__subscript">
|
|
121
|
+
<i></i>
|
|
122
|
+
</div>
|
|
123
|
+
<div class="menu-item__color" title="字体颜色">
|
|
124
|
+
<i></i>
|
|
125
|
+
<span></span>
|
|
126
|
+
<input type="color" id="color" />
|
|
127
|
+
</div>
|
|
128
|
+
<div class="menu-item__highlight" title="高亮">
|
|
129
|
+
<i></i>
|
|
130
|
+
<span></span>
|
|
131
|
+
<input type="color" id="highlight">
|
|
132
|
+
</div>
|
|
133
|
+
</div>
|
|
134
|
+
<div class="menu-divider"></div>
|
|
135
|
+
<div class="menu-item">
|
|
136
|
+
<div class="menu-item__title">
|
|
137
|
+
<i></i>
|
|
138
|
+
<span class="select" title="切换标题">正文</span>
|
|
139
|
+
<div class="options">
|
|
140
|
+
<ul>
|
|
141
|
+
<li style="font-size:16px;">正文</li>
|
|
142
|
+
<li data-level="first" style="font-size:26px;">标题1</li>
|
|
143
|
+
<li data-level="second" style="font-size:24px;">标题2</li>
|
|
144
|
+
<li data-level="third" style="font-size:22px;">标题3</li>
|
|
145
|
+
<li data-level="fourth" style="font-size:20px;">标题4</li>
|
|
146
|
+
<li data-level="fifth" style="font-size:18px;">标题5</li>
|
|
147
|
+
<li data-level="sixth" style="font-size:16px;">标题6</li>
|
|
148
|
+
</ul>
|
|
149
|
+
</div>
|
|
150
|
+
</div>
|
|
151
|
+
<div class="menu-item__left">
|
|
152
|
+
<i></i>
|
|
153
|
+
</div>
|
|
154
|
+
<div class="menu-item__center">
|
|
155
|
+
<i></i>
|
|
156
|
+
</div>
|
|
157
|
+
<div class="menu-item__right">
|
|
158
|
+
<i></i>
|
|
159
|
+
</div>
|
|
160
|
+
<div class="menu-item__alignment">
|
|
161
|
+
<i></i>
|
|
162
|
+
</div>
|
|
163
|
+
<div class="menu-item__justify">
|
|
164
|
+
<i></i>
|
|
165
|
+
</div>
|
|
166
|
+
<div class="menu-item__verticalCenter" title="垂直居中">
|
|
167
|
+
<i></i>
|
|
168
|
+
</div>
|
|
169
|
+
|
|
170
|
+
<div class="menu-item__row-margin">
|
|
171
|
+
<i title="行间距"></i>
|
|
172
|
+
<div class="options">
|
|
173
|
+
<ul>
|
|
174
|
+
<li data-rowmargin='0.85'>0.85</li>
|
|
175
|
+
<li data-rowmargin='1'>1</li>
|
|
176
|
+
<li data-rowmargin="1.25">1.25</li>
|
|
177
|
+
<li data-rowmargin="1.5">1.5</li>
|
|
178
|
+
<li data-rowmargin="1.75">1.75</li>
|
|
179
|
+
<li data-rowmargin="2">2</li>
|
|
180
|
+
<li data-rowmargin="2.5">2.5</li>
|
|
181
|
+
<li data-rowmargin="3">3</li>
|
|
182
|
+
</ul>
|
|
183
|
+
</div>
|
|
184
|
+
</div>
|
|
185
|
+
<div class="menu-item__list">
|
|
186
|
+
<i></i>
|
|
187
|
+
<div class="options">
|
|
188
|
+
<ul>
|
|
189
|
+
<li>
|
|
190
|
+
<label>取消列表</label>
|
|
191
|
+
</li>
|
|
192
|
+
<li data-list-type="ol" data-list-style='decimal'>
|
|
193
|
+
<label>有序列表:</label>
|
|
194
|
+
<ol>
|
|
195
|
+
<li>________</li>
|
|
196
|
+
</ol>
|
|
197
|
+
</li>
|
|
198
|
+
<li data-list-type="ul" data-list-style='checkbox'>
|
|
199
|
+
<label>复选框列表:</label>
|
|
200
|
+
<ul style="list-style-type: '☑️ ';">
|
|
201
|
+
<li>________</li>
|
|
202
|
+
</ul>
|
|
203
|
+
</li>
|
|
204
|
+
<li data-list-type="ul" data-list-style='disc'>
|
|
205
|
+
<label>实心圆点列表:</label>
|
|
206
|
+
<ul style="list-style-type: disc;">
|
|
207
|
+
<li>________</li>
|
|
208
|
+
</ul>
|
|
209
|
+
</li>
|
|
210
|
+
<li data-list-type="ul" data-list-style='circle'>
|
|
211
|
+
<label>空心圆点列表:</label>
|
|
212
|
+
<ul style="list-style-type: circle;">
|
|
213
|
+
<li>________</li>
|
|
214
|
+
</ul>
|
|
215
|
+
</li>
|
|
216
|
+
<li data-list-type="ul" data-list-style='square'>
|
|
217
|
+
<label>空心方块列表:</label>
|
|
218
|
+
<ul style="list-style-type: '☐ ';">
|
|
219
|
+
<li>________</li>
|
|
220
|
+
</ul>
|
|
221
|
+
</li>
|
|
222
|
+
</ul>
|
|
223
|
+
</div>
|
|
224
|
+
</div>
|
|
225
|
+
</div>
|
|
226
|
+
<div class="menu-divider"></div>
|
|
227
|
+
|
|
228
|
+
|
|
229
|
+
<div class="menu-item">
|
|
230
|
+
<!-- 导入-->
|
|
231
|
+
<div class="menu-item__importJson" data-menu="importJson">
|
|
232
|
+
<i></i>
|
|
233
|
+
<input type="file" id="importJsonInput" accept=".json" style="display: none;">
|
|
234
|
+
</div>
|
|
235
|
+
<!-- 导出-->
|
|
236
|
+
<div class="menu-item__uploadJson" data-menu="uploadJson">
|
|
237
|
+
<i></i>
|
|
238
|
+
</div>
|
|
239
|
+
<!-- 保存模板-->
|
|
240
|
+
<div class="menu-item__saveTemplate" title="保存模板">
|
|
241
|
+
<i></i>
|
|
242
|
+
</div>
|
|
243
|
+
<div class="menu-text-field">
|
|
244
|
+
<i title="文本域"></i>
|
|
245
|
+
</div>
|
|
246
|
+
<div class="menu-item__table">
|
|
247
|
+
<i title="表格"></i>
|
|
248
|
+
</div>
|
|
249
|
+
<div class="menu-item__table__collapse">
|
|
250
|
+
<div class="table-close">×</div>
|
|
251
|
+
<div class="table-title">
|
|
252
|
+
<span class="table-select">插入</span>
|
|
253
|
+
<span>表格</span>
|
|
254
|
+
</div>
|
|
255
|
+
<div class="table-panel"></div>
|
|
256
|
+
</div>
|
|
257
|
+
<div class="menu-item__image">
|
|
258
|
+
<i title="图片"></i>
|
|
259
|
+
<input type="file" id="image" accept=".png, .jpg, .jpeg, .svg, .gif">
|
|
260
|
+
</div>
|
|
261
|
+
<div class="menu-item__hyperlink">
|
|
262
|
+
<i title="超链接"></i>
|
|
263
|
+
</div>
|
|
264
|
+
<div class="menu-item__separator">
|
|
265
|
+
<i title="分割线"></i>
|
|
266
|
+
<div class="options">
|
|
267
|
+
<ul>
|
|
268
|
+
<li data-separator='0,0'>
|
|
269
|
+
<i></i>
|
|
270
|
+
</li>
|
|
271
|
+
<li data-separator="1,1">
|
|
272
|
+
<i></i>
|
|
273
|
+
</li>
|
|
274
|
+
<li data-separator="3,1">
|
|
275
|
+
<i></i>
|
|
276
|
+
</li>
|
|
277
|
+
<li data-separator="4,4">
|
|
278
|
+
<i></i>
|
|
279
|
+
</li>
|
|
280
|
+
<li data-separator="7,3,3,3">
|
|
281
|
+
<i></i>
|
|
282
|
+
</li>
|
|
283
|
+
<li data-separator="6,2,2,2,2,2">
|
|
284
|
+
<i></i>
|
|
285
|
+
</li>
|
|
286
|
+
</ul>
|
|
287
|
+
</div>
|
|
288
|
+
</div>
|
|
289
|
+
<div class="menu-item__watermark">
|
|
290
|
+
<i title="水印(添加、删除)"></i>
|
|
291
|
+
<div class="options">
|
|
292
|
+
<ul>
|
|
293
|
+
<li data-menu="add">添加水印</li>
|
|
294
|
+
<li data-menu="delete">删除水印</li>
|
|
295
|
+
</ul>
|
|
296
|
+
</div>
|
|
297
|
+
</div>
|
|
298
|
+
<!-- 暂时没用-->
|
|
299
|
+
|
|
300
|
+
<!-- <div class="menu-item__codeblock" title="代码块">-->
|
|
301
|
+
<!-- <i></i>-->
|
|
302
|
+
<!-- </div>-->
|
|
303
|
+
<div class="menu-item__page-break" title="分页符">
|
|
304
|
+
<i></i>
|
|
305
|
+
</div>
|
|
306
|
+
<!--重复暂时不用-->
|
|
307
|
+
<!-- <div class="menu-item__checkbox" title="复选框">-->
|
|
308
|
+
<!-- <i></i>-->
|
|
309
|
+
<!-- </div>-->
|
|
310
|
+
<!-- <div class="menu-item__radio" title="单选框">-->
|
|
311
|
+
<!-- <i></i>-->
|
|
312
|
+
<!-- </div>-->
|
|
313
|
+
|
|
314
|
+
<div class="menu-item__latex" title="LateX">
|
|
315
|
+
<i></i>
|
|
316
|
+
</div>
|
|
317
|
+
<div class="menu-item__date">
|
|
318
|
+
<i title="日期"></i>
|
|
319
|
+
<div class="options">
|
|
320
|
+
<ul>
|
|
321
|
+
<li data-format="yyyy-MM-dd"></li>
|
|
322
|
+
<li data-format="yyyy-MM-dd hh:mm:ss"></li>
|
|
323
|
+
</ul>
|
|
324
|
+
</div>
|
|
325
|
+
</div>
|
|
326
|
+
<!-- 特殊符号按钮 -->
|
|
327
|
+
<div class="menu-item__special-symbols" title="特殊符号">
|
|
328
|
+
<i></i>
|
|
329
|
+
</div>
|
|
330
|
+
<!-- 宏按钮 -->
|
|
331
|
+
<div class="menu-item__macro" title="宏">
|
|
332
|
+
<i></i>
|
|
333
|
+
</div>
|
|
334
|
+
<!-- 复用项目按钮 -->
|
|
335
|
+
<div class="menu-item__reusable-item" title="复用项目">
|
|
336
|
+
<i></i>
|
|
337
|
+
</div>
|
|
338
|
+
<!-- 暂时没用-->
|
|
339
|
+
|
|
340
|
+
<!-- <div class="menu-item__block" title="内容块">-->
|
|
341
|
+
<!-- <i></i>-->
|
|
342
|
+
<!-- </div>-->
|
|
343
|
+
</div>
|
|
344
|
+
|
|
345
|
+
<div class="menu-item-des">
|
|
346
|
+
<div class="menu-item__control">
|
|
347
|
+
<i title="控件"></i>
|
|
348
|
+
<div class="options">
|
|
349
|
+
<ul>
|
|
350
|
+
<li data-control='text'>文本</li>
|
|
351
|
+
<li data-control="number">数值</li>
|
|
352
|
+
<li data-control="select">列举</li>
|
|
353
|
+
<li data-control="date">日期</li>
|
|
354
|
+
<li data-control="checkbox">复选框</li>
|
|
355
|
+
<li data-control="radio">单选框</li>
|
|
356
|
+
</ul>
|
|
357
|
+
</div>
|
|
358
|
+
</div>
|
|
359
|
+
|
|
360
|
+
</div>
|
|
361
|
+
|
|
362
|
+
<div class="menu-divider"></div>
|
|
363
|
+
<div class="menu-item">
|
|
364
|
+
<div class="menu-item__search" data-menu="search">
|
|
365
|
+
<i></i>
|
|
366
|
+
</div>
|
|
367
|
+
<div class="menu-item__search__collapse" data-menu="search">
|
|
368
|
+
<div class="menu-item__search__collapse__search">
|
|
369
|
+
<input type="text" />
|
|
370
|
+
<label class="search-result"></label>
|
|
371
|
+
<div class="arrow-left">
|
|
372
|
+
<i></i>
|
|
373
|
+
</div>
|
|
374
|
+
<div class="arrow-right">
|
|
375
|
+
<i></i>
|
|
376
|
+
</div>
|
|
377
|
+
<span>×</span>
|
|
378
|
+
</div>
|
|
379
|
+
<div class="menu-item__search__collapse__replace">
|
|
380
|
+
<input type="text">
|
|
381
|
+
<button>替换</button>
|
|
382
|
+
</div>
|
|
383
|
+
<div class="menu-item__search__collapse__option">
|
|
384
|
+
<div class="search-option-item">
|
|
385
|
+
<input type="checkbox" id="option-reg" checked />
|
|
386
|
+
<label for="option-reg">正则</label>
|
|
387
|
+
</div>
|
|
388
|
+
<div class="search-option-item">
|
|
389
|
+
<input type="checkbox" id="option-case" checked />
|
|
390
|
+
<label for="option-case">忽略大小写</label>
|
|
391
|
+
</div>
|
|
392
|
+
<div class="search-option-item">
|
|
393
|
+
<input type="checkbox" id="option-selection" />
|
|
394
|
+
<label for="option-selection">选定内容内查找</label>
|
|
395
|
+
</div>
|
|
396
|
+
</div>
|
|
397
|
+
</div>
|
|
398
|
+
<div class="menu-item__print" data-menu="print">
|
|
399
|
+
<i></i>
|
|
400
|
+
</div>
|
|
401
|
+
|
|
402
|
+
</div>
|
|
403
|
+
</div>
|
|
404
|
+
<!-- <div class="catalog" editor-component="catalog">-->
|
|
405
|
+
<!-- <div class="catalog__header">-->
|
|
406
|
+
<!-- <span>元素列表</span>-->
|
|
407
|
+
|
|
408
|
+
<!-- </div>-->
|
|
409
|
+
<!-- 123-->
|
|
410
|
+
<!-- </div>-->
|
|
411
|
+
|
|
412
|
+
<div class="catalog" editor-component="catalog">
|
|
413
|
+
<div class="catalog__header">
|
|
414
|
+
<span>目录</span>
|
|
415
|
+
<div class="catalog__header__close">
|
|
416
|
+
<i></i>
|
|
417
|
+
</div>
|
|
418
|
+
</div>
|
|
419
|
+
<div class="catalog__main"></div>
|
|
420
|
+
</div>
|
|
421
|
+
|
|
422
|
+
<!-- 模板列表面板 -->
|
|
423
|
+
<div class="template-list-panel" id="templateListPanel">
|
|
424
|
+
<!-- 由 JavaScript 动态填充 -->
|
|
425
|
+
</div>
|
|
426
|
+
|
|
427
|
+
<!-- 模板列表切换按钮 -->
|
|
428
|
+
<div class="template-toggle-btn hidden" id="templateToggleBtn" title="模板列表">
|
|
429
|
+
<i></i>
|
|
430
|
+
</div>
|
|
431
|
+
|
|
432
|
+
<div class="editor"></div>
|
|
433
|
+
|
|
434
|
+
<!-- 修改元素属性-->
|
|
435
|
+
<!-- element attribute-->
|
|
436
|
+
<div class="element-attribute" editor-component="element-attribute">
|
|
437
|
+
<div class="element-attribute__header">
|
|
438
|
+
<span class="element-attribute__header_span">修改属性</span>
|
|
439
|
+
<div class="element-attribute__header__close">
|
|
440
|
+
<i></i>
|
|
441
|
+
</div>
|
|
442
|
+
</div>
|
|
443
|
+
<div class="element-attribute__main">
|
|
444
|
+
<form id="sampleForm">
|
|
445
|
+
<div class="form-group">
|
|
446
|
+
<label for="nameField">元素名</label>
|
|
447
|
+
<input type="text" id="nameField" name="name" placeholder="请输入元素名" autocomplete="off">
|
|
448
|
+
</div>
|
|
449
|
+
|
|
450
|
+
<div class="form-group">
|
|
451
|
+
<label for="codeField">事件</label>
|
|
452
|
+
<input type="text" id="codeField" name="code" placeholder="事件" autocomplete="off">
|
|
453
|
+
</div>
|
|
454
|
+
|
|
455
|
+
<!-- 按钮作为表单的提交按钮,样式独立 -->
|
|
456
|
+
<button type="submit" class="get-btn">
|
|
457
|
+
<span></span> 保存 <span></span>
|
|
458
|
+
</button>
|
|
459
|
+
</form>
|
|
460
|
+
</div>
|
|
461
|
+
</div>
|
|
462
|
+
|
|
463
|
+
<!-- 原本右侧-->
|
|
464
|
+
<!-- <div class="comment" editor-component="comment"></div>-->
|
|
465
|
+
<div class="footer" editor-component="footer">
|
|
466
|
+
<div>
|
|
467
|
+
<div class="catalog-mode" title="目录">
|
|
468
|
+
<i></i>
|
|
469
|
+
</div>
|
|
470
|
+
<div class="page-mode">
|
|
471
|
+
<i title="页面模式(分页、连页)"></i>
|
|
472
|
+
<div class="options">
|
|
473
|
+
<ul>
|
|
474
|
+
<li data-page-mode="paging" class="active">分页</li>
|
|
475
|
+
<li data-page-mode="continuity">连页</li>
|
|
476
|
+
</ul>
|
|
477
|
+
</div>
|
|
478
|
+
</div>
|
|
479
|
+
<span>可见页码:<span class="page-no-list">1</span></span>
|
|
480
|
+
<span>页面:<span class="page-no">1</span>/<span class="page-size">1</span></span>
|
|
481
|
+
<span>字数:<span class="word-count">0</span></span>
|
|
482
|
+
<span>行:<span class="row-no">0</span></span>
|
|
483
|
+
<span>列:<span class="col-no">0</span></span>
|
|
484
|
+
</div>
|
|
485
|
+
<div class="editor-mode" title="编辑模式(编辑、清洁、只读、表单、设计、涂鸦)">编辑模式</div>
|
|
486
|
+
<div>
|
|
487
|
+
<div class="page-scale-minus" title="缩小(Ctrl+-)">
|
|
488
|
+
<i></i>
|
|
489
|
+
</div>
|
|
490
|
+
<span class="page-scale-percentage" title="显示比例(点击可复原Ctrl+0)">100%</span>
|
|
491
|
+
<div class="page-scale-add" title="放大(Ctrl+=)">
|
|
492
|
+
<i></i>
|
|
493
|
+
</div>
|
|
494
|
+
<div class="paper-size">
|
|
495
|
+
<i title="纸张类型"></i>
|
|
496
|
+
<div class="options">
|
|
497
|
+
<ul>
|
|
498
|
+
<li data-paper-size="794*1123" class="active">A4</li>
|
|
499
|
+
<li data-paper-size="1593*2251">A2</li>
|
|
500
|
+
<li data-paper-size="1125*1593">A3</li>
|
|
501
|
+
<li data-paper-size="565*796">A5</li>
|
|
502
|
+
<li data-paper-size="412*488">5号信封</li>
|
|
503
|
+
<li data-paper-size="450*866">6号信封</li>
|
|
504
|
+
<li data-paper-size="609*862">7号信封</li>
|
|
505
|
+
<li data-paper-size="862*1221">9号信封</li>
|
|
506
|
+
<li data-paper-size="813*1266">法律用纸</li>
|
|
507
|
+
<li data-paper-size="813*1054">信纸</li>
|
|
508
|
+
</ul>
|
|
509
|
+
</div>
|
|
510
|
+
</div>
|
|
511
|
+
<div class="paper-direction">
|
|
512
|
+
<i title="纸张方向"></i>
|
|
513
|
+
<div class="options">
|
|
514
|
+
<ul>
|
|
515
|
+
<li data-paper-direction="vertical" class="active">纵向</li>
|
|
516
|
+
<li data-paper-direction="horizontal">横向</li>
|
|
517
|
+
</ul>
|
|
518
|
+
</div>
|
|
519
|
+
</div>
|
|
520
|
+
<div class="paper-margin" title="页边距">
|
|
521
|
+
<i></i>
|
|
522
|
+
</div>
|
|
523
|
+
<div class="fullscreen" title="全屏显示">
|
|
524
|
+
<i></i>
|
|
525
|
+
</div>
|
|
526
|
+
<div class="editor-option" title="编辑器设置">
|
|
527
|
+
<i></i>
|
|
528
|
+
</div>
|
|
529
|
+
</div>
|
|
530
|
+
</div>
|
|
531
|
+
</div>
|
|
532
|
+
|
|
533
|
+
|
|
534
|
+
|
|
535
|
+
</body>
|
|
536
|
+
|
|
537
|
+
</html>
|
package/package.json
ADDED
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "ht-emr",
|
|
3
|
+
"author": "swj",
|
|
4
|
+
"license": "MIT",
|
|
5
|
+
"version": "0.4.2",
|
|
6
|
+
"description": "rich text editor by canvas/svg",
|
|
7
|
+
"publishConfig": {
|
|
8
|
+
"registry": "https://registry.npmjs.org/",
|
|
9
|
+
"access": "public"
|
|
10
|
+
},
|
|
11
|
+
"files": [
|
|
12
|
+
"dist",
|
|
13
|
+
"README.md",
|
|
14
|
+
"CHANGELOG.md",
|
|
15
|
+
"LICENSE",
|
|
16
|
+
"package.json"
|
|
17
|
+
],
|
|
18
|
+
"typings": "./dist/src/editor/index.d.ts",
|
|
19
|
+
"main": "./dist/canvas-editor.umd.js",
|
|
20
|
+
"module": "./dist/canvas-editor.es.js",
|
|
21
|
+
"keywords": [
|
|
22
|
+
"canvas-editor",
|
|
23
|
+
"editor",
|
|
24
|
+
"wysiwyg",
|
|
25
|
+
"emr"
|
|
26
|
+
],
|
|
27
|
+
"engines": {
|
|
28
|
+
"node": ">=16.9.1"
|
|
29
|
+
},
|
|
30
|
+
"type": "module",
|
|
31
|
+
"scripts": {
|
|
32
|
+
"dev": "vite",
|
|
33
|
+
"lib": "npm run lint && vite build --mode lib",
|
|
34
|
+
"build": "npm run lint && vite build --mode app",
|
|
35
|
+
"serve": "vite preview",
|
|
36
|
+
"lint": "eslint .",
|
|
37
|
+
"cypress:open": "cypress open",
|
|
38
|
+
"cypress:run": "cypress run",
|
|
39
|
+
"type:check": "tsc --noEmit",
|
|
40
|
+
"docs:dev": "vitepress dev docs",
|
|
41
|
+
"docs:build": "vitepress build docs",
|
|
42
|
+
"docs:preview": "vitepress preview docs",
|
|
43
|
+
"postinstall": "simple-git-hooks",
|
|
44
|
+
"release": "node scripts/release.js"
|
|
45
|
+
},
|
|
46
|
+
"devDependencies": {
|
|
47
|
+
"@rollup/plugin-typescript": "^10.0.1",
|
|
48
|
+
"@types/node": "16.18.96",
|
|
49
|
+
"@types/prismjs": "^1.26.0",
|
|
50
|
+
"@typescript-eslint/eslint-plugin": "5.62.0",
|
|
51
|
+
"@typescript-eslint/parser": "5.62.0",
|
|
52
|
+
"cypress": "13.6.0",
|
|
53
|
+
"cypress-file-upload": "^5.0.8",
|
|
54
|
+
"eslint": "7.32.0",
|
|
55
|
+
"simple-git-hooks": "^2.8.1",
|
|
56
|
+
"typescript": "4.9.5",
|
|
57
|
+
"vite": "^7.3.1",
|
|
58
|
+
"vite-plugin-css-injected-by-js": "^2.1.1",
|
|
59
|
+
"vitepress": "1.0.0-beta.6",
|
|
60
|
+
"vue": "^3.2.45"
|
|
61
|
+
},
|
|
62
|
+
"dependencies": {
|
|
63
|
+
"moment": "^2.30.1",
|
|
64
|
+
"prismjs": "^1.27.0"
|
|
65
|
+
},
|
|
66
|
+
"simple-git-hooks": {
|
|
67
|
+
"pre-commit": "npm run lint && npm run type:check",
|
|
68
|
+
"commit-msg": "node scripts/verifyCommit.js"
|
|
69
|
+
},
|
|
70
|
+
"directories": {
|
|
71
|
+
"doc": "docs"
|
|
72
|
+
},
|
|
73
|
+
"repository": {
|
|
74
|
+
"type": "git",
|
|
75
|
+
"url": "git+https://github.com/sunwanj1999/ht-emr.git"
|
|
76
|
+
},
|
|
77
|
+
"bugs": {
|
|
78
|
+
"url": "https://github.com/sunwanj1999/ht-emr/issues"
|
|
79
|
+
},
|
|
80
|
+
"homepage": "https://github.com/sunwanj1999/ht-emr#readme"
|
|
81
|
+
}
|