@hailin-zheng/editor-core 2.2.0 → 2.2.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/editor.css +54 -2
- package/index-cjs.js +282 -153
- package/index-cjs.js.map +1 -1
- package/index.js +281 -154
- package/index.js.map +1 -1
- package/med_editor/framework/doc-layout/document-arrange.d.ts +6 -0
- package/med_editor/framework/document-context.d.ts +4 -7
- package/med_editor/framework/document-paginator.d.ts +5 -0
- package/med_editor/framework/element-props.d.ts +0 -2
- package/med_editor/framework/impl/data-element/data-element-base-impl.d.ts +13 -0
- package/package.json +1 -1
package/editor.css
CHANGED
|
@@ -17,7 +17,20 @@
|
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
.data-list > div {
|
|
20
|
-
|
|
20
|
+
padding: 10px 6px;
|
|
21
|
+
display: flex;
|
|
22
|
+
align-items: center;
|
|
23
|
+
gap: 10px;
|
|
24
|
+
border-bottom: 1px solid #ccc;
|
|
25
|
+
cursor: default;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.data-list > div:hover {
|
|
29
|
+
background-color: #ccc;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.data-list > div:last-child {
|
|
33
|
+
border-bottom: none; /* 去掉最后一个列表项的底部边框线 */
|
|
21
34
|
}
|
|
22
35
|
|
|
23
36
|
@keyframes hover-color {
|
|
@@ -163,6 +176,44 @@
|
|
|
163
176
|
border: #c9e2f9;
|
|
164
177
|
background: #c9e2f9;
|
|
165
178
|
}
|
|
179
|
+
/* 样式化 radio box 的外观 */
|
|
180
|
+
.editor-list-radiobox {
|
|
181
|
+
width: 16px;
|
|
182
|
+
height: 16px;
|
|
183
|
+
border: 1px solid #000;
|
|
184
|
+
border-radius: 50%;
|
|
185
|
+
cursor: pointer;
|
|
186
|
+
display: inline-block;
|
|
187
|
+
position: relative;
|
|
188
|
+
}
|
|
189
|
+
/* 选中状态的样式 */
|
|
190
|
+
.editor-list-radiobox.checked::after {
|
|
191
|
+
content: "";
|
|
192
|
+
width: 8px;
|
|
193
|
+
height: 8px;
|
|
194
|
+
background-color: #007bff;
|
|
195
|
+
border-radius: 50%;
|
|
196
|
+
position: absolute;
|
|
197
|
+
top: 50%;
|
|
198
|
+
left: 50%;
|
|
199
|
+
transform: translate(-50%, -50%);
|
|
200
|
+
}
|
|
201
|
+
/* 样式化 checkbox 的外观 */
|
|
202
|
+
.editor-list-checkbox {
|
|
203
|
+
width: 16px;
|
|
204
|
+
height: 16px;
|
|
205
|
+
border: 1px solid #000;
|
|
206
|
+
cursor: pointer;
|
|
207
|
+
}
|
|
208
|
+
/* 选中状态的样式 */
|
|
209
|
+
.editor-list-checkbox.checked::after {
|
|
210
|
+
content: "✔";
|
|
211
|
+
font-size: 14px;
|
|
212
|
+
color: #007bff;
|
|
213
|
+
display: block;
|
|
214
|
+
text-align: center;
|
|
215
|
+
line-height: 16px;
|
|
216
|
+
}
|
|
166
217
|
|
|
167
218
|
.decorate-container {
|
|
168
219
|
position: absolute;
|
|
@@ -219,6 +270,7 @@
|
|
|
219
270
|
background: #fff;
|
|
220
271
|
cursor: default;
|
|
221
272
|
user-select: none;
|
|
273
|
+
font-size: 12px;
|
|
222
274
|
}
|
|
223
275
|
|
|
224
276
|
.editor-calendar-header {
|
|
@@ -522,7 +574,7 @@
|
|
|
522
574
|
}
|
|
523
575
|
.editor-input-cursor{
|
|
524
576
|
position: absolute;
|
|
525
|
-
width:
|
|
577
|
+
width: 1.6px;
|
|
526
578
|
padding: 0;
|
|
527
579
|
border: none;
|
|
528
580
|
outline: none;
|