vue-editify 0.2.5 → 0.2.7

Sign up to get free protection for your applications and to get access to all the features.
package/lib/index.d.ts CHANGED
@@ -743,7 +743,7 @@ export type { MenuButtonType, MenuSelectButtonType, MenuDisplayButtonType, MenuI
743
743
  export type { ElementMatchConfigType } from './core/function';
744
744
  export { elementIsMatch, getMatchElementByElement, getMatchElementByRange, isList, isTask, elementIsInList, elementIsInTask, hasPreInRange, hasQuoteInRange, hasListInRange, hasTaskInRange, hasLinkInRange, hasTableInRange, hasImageInRange, hasVideoInRange, isRangeInQuote, isRangeInList, isRangeInTask, queryTextStyle, queryTextMark, getRangeText, setIndentIncrease, setIndentDecrease, setQuote, setAlign, setList, setTask, setTextStyle, setTextMark, removeTextStyle, removeTextMark, setLineHeight, insertLink, insertImage, insertVideo, insertTable, insertCodeBlock, insertSeparator } from './core/function';
745
745
  declare const install: (app: App) => void;
746
- declare const version = "0.2.5";
746
+ declare const version = "0.2.7";
747
747
  export { AlexElement } from 'alex-editor';
748
748
  export type { AttachmentOptionsType } from './plugins/attachment';
749
749
  export type { InsertAttachmentUploadErrorType } from './plugins/attachment/insertAttachment/props';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vue-editify",
3
- "version": "0.2.5",
3
+ "version": "0.2.7",
4
4
  "private": false,
5
5
  "sideEffects": [
6
6
  "*.css"
@@ -4,7 +4,7 @@
4
4
  align-items: center;
5
5
  position: relative;
6
6
  color: var(--editify-font-color);
7
- font-size: var(--font-size);
7
+ font-size: var(--editify-font-size);
8
8
 
9
9
  .editify-button-wrap {
10
10
  padding: 2px 4px;
@@ -54,7 +54,7 @@
54
54
  margin-left: 2px;
55
55
  transform: scale(0.6);
56
56
  transition: transform 300ms;
57
- font-size: var(--font-size);
57
+ font-size: var(--editify-font-size);
58
58
 
59
59
  &.editify-rotate {
60
60
  transform: scale(0.6) rotate(180deg);
@@ -8,7 +8,7 @@
8
8
  align-items: center;
9
9
  cursor: pointer;
10
10
  user-select: none;
11
- font-size: var(--font-size);
11
+ font-size: var(--editify-font-size);
12
12
 
13
13
  input[type='checkbox'] {
14
14
  width: 0;
@@ -1,7 +1,7 @@
1
1
  .editify-colors {
2
2
  display: block;
3
3
  color: var(--editify-font-color);
4
- font-size: var(--font-size);
4
+ font-size: var(--editify-font-size);
5
5
  padding: 6px 10px;
6
6
  box-sizing: border-box;
7
7
  width: 244px;
@@ -34,7 +34,7 @@
34
34
  .editify-image-header-item {
35
35
  display: block;
36
36
  text-align: center;
37
- font-size: var(--font-size);
37
+ font-size: var(--editify-font-size);
38
38
  color: var(--editify-font-color);
39
39
  opacity: 0.8;
40
40
  transition: all 300ms;
@@ -72,7 +72,7 @@
72
72
  margin: 0 0 10px 0;
73
73
  padding: 4px 2px;
74
74
  border: none;
75
- font-size: var(--font-size);
75
+ font-size: var(--editify-font-size);
76
76
  color: var(--editify-font-color);
77
77
  border-bottom: 1px solid var(--editify-border-color);
78
78
  line-height: 1.5;
@@ -96,7 +96,7 @@
96
96
  justify-content: flex-end;
97
97
  align-items: center;
98
98
  width: 100%;
99
- font-size: var(--font-size);
99
+ font-size: var(--editify-font-size);
100
100
  opacity: 0.8;
101
101
  transition: all 300ms;
102
102
 
@@ -7,7 +7,7 @@
7
7
  display: block;
8
8
  text-align: left;
9
9
  margin-bottom: 10px;
10
- font-size: var(--font-size);
10
+ font-size: var(--editify-font-size);
11
11
  color: var(--editify-font-color);
12
12
  }
13
13
 
@@ -20,7 +20,7 @@
20
20
  margin: 0 0 10px 0;
21
21
  padding: 4px 2px;
22
22
  border: none;
23
- font-size: var(--font-size);
23
+ font-size: var(--editify-font-size);
24
24
  color: var(--editify-font-color);
25
25
  border-bottom: 1px solid var(--editify-border-color);
26
26
  line-height: 1.5;
@@ -54,7 +54,7 @@
54
54
  cursor: pointer;
55
55
  opacity: 0.8;
56
56
  transition: all 300ms;
57
- font-size: var(--font-size);
57
+ font-size: var(--editify-font-size);
58
58
 
59
59
  &:hover {
60
60
  opacity: 1;
@@ -34,7 +34,7 @@
34
34
  .editify-video-header-item {
35
35
  display: block;
36
36
  text-align: center;
37
- font-size: var(--font-size);
37
+ font-size: var(--editify-font-size);
38
38
  color: var(--editify-font-color);
39
39
  opacity: 0.8;
40
40
  transition: all 300ms;
@@ -72,7 +72,7 @@
72
72
  margin: 0 0 10px 0;
73
73
  padding: 4px 2px;
74
74
  border: none;
75
- font-size: var(--font-size);
75
+ font-size: var(--editify-font-size);
76
76
  color: var(--editify-font-color);
77
77
  border-bottom: 1px solid var(--editify-border-color);
78
78
  line-height: 1.5;
@@ -96,7 +96,7 @@
96
96
  justify-content: flex-end;
97
97
  align-items: center;
98
98
  width: 100%;
99
- font-size: var(--font-size);
99
+ font-size: var(--editify-font-size);
100
100
  opacity: 0.8;
101
101
  transition: all 300ms;
102
102
 
@@ -22,7 +22,7 @@
22
22
  display: block;
23
23
  position: absolute;
24
24
  padding: 0 0 10px 0;
25
- font-size: var(--font-size);
25
+ font-size: var(--editify-font-size);
26
26
  color: var(--editify-font-color);
27
27
 
28
28
  &[data-editify-placement='bottom'],
@@ -18,7 +18,7 @@
18
18
  display: block;
19
19
  text-align: left;
20
20
  margin-bottom: 10px;
21
- font-size: var(--font-size);
21
+ font-size: var(--editify-font-size);
22
22
  color: var(--editify-font-color);
23
23
  }
24
24
 
@@ -31,7 +31,7 @@
31
31
  margin: 0 0 10px 0;
32
32
  padding: 4px 2px;
33
33
  border: none;
34
- font-size: var(--font-size);
34
+ font-size: var(--editify-font-size);
35
35
  color: var(--editify-font-color);
36
36
  border-bottom: 1px solid var(--editify-border-color);
37
37
  line-height: 1.5;
@@ -58,7 +58,7 @@
58
58
  justify-content: space-between;
59
59
  align-items: center;
60
60
  width: 100%;
61
- font-size: var(--font-size);
61
+ font-size: var(--editify-font-size);
62
62
  color: var(--editify-font-color-light);
63
63
 
64
64
  .editify-toolbar-link-operations {
package/src/css/var.less CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  //编辑器内的默认字体大小
3
- --font-size: 14px;
3
+ --editify-font-size: 14px;
4
4
  //字体颜色
5
5
  --editify-font-color: #555;
6
6
  //较浅的字体颜色(副文本颜色)
@@ -84,7 +84,7 @@
84
84
  padding: 6px 10px;
85
85
  line-height: 1.5;
86
86
  color: var(--editify-font-color-dark);
87
- font-size: var(--font-size);
87
+ font-size: var(--editify-font-size);
88
88
  position: relative;
89
89
  line-height: 1.5;
90
90
 
@@ -167,7 +167,7 @@
167
167
  color: var(--editify-font-color);
168
168
  border: 1px solid var(--editify-border-color);
169
169
  text-indent: initial;
170
- font-size: var(--font-size);
170
+ font-size: var(--editify-font-size);
171
171
  font-weight: normal;
172
172
  }
173
173
  //链接样式
@@ -192,7 +192,7 @@
192
192
  margin-bottom: 15px;
193
193
  background-color: var(--editify-background);
194
194
  color: var(--editify-font-color-dark);
195
- font-size: var(--font-size);
195
+ font-size: var(--editify-font-size);
196
196
 
197
197
  * {
198
198
  margin: 0 !important;
@@ -247,7 +247,7 @@
247
247
  margin: 0 0 15px;
248
248
  font-family: Consolas, monospace, Monaco, Andale Mono, Ubuntu Mono;
249
249
  line-height: 1.5;
250
- font-size: var(--font-size);
250
+ font-size: var(--editify-font-size);
251
251
  color: var(--editify-font-color-dark);
252
252
  background-color: var(--editify-pre-background);
253
253
  border: 1px solid var(--editify-border-color);
@@ -288,7 +288,7 @@
288
288
  padding: 6px 10px 6px 20px;
289
289
  margin: 0 0 15px;
290
290
  line-height: 1.5;
291
- font-size: var(--font-size);
291
+ font-size: var(--editify-font-size);
292
292
  color: var(--editify-font-color-light);
293
293
  border-radius: 0;
294
294
  }
@@ -306,7 +306,7 @@
306
306
  margin-bottom: 15px;
307
307
  position: relative;
308
308
  padding-left: 26px;
309
- font-size: var(--font-size);
309
+ font-size: var(--editify-font-size);
310
310
  color: var(--editify-font-color-dark);
311
311
  transition: all 300ms;
312
312
 
@@ -423,7 +423,7 @@
423
423
 
424
424
  & > div {
425
425
  margin: 0 0 10px 0;
426
- font-size: var(--font-size);
426
+ font-size: var(--editify-font-size);
427
427
 
428
428
  &:first-child {
429
429
  margin: 0 0 15px 0;
@@ -442,7 +442,7 @@
442
442
  border-radius: 4px;
443
443
  margin-bottom: 15px;
444
444
  padding: 10px 10px 10px 60px;
445
- font-size: var(--font-size);
445
+ font-size: var(--editify-font-size);
446
446
 
447
447
  &::before {
448
448
  position: absolute;
@@ -503,7 +503,7 @@
503
503
  padding: 6px 10px;
504
504
  overflow-x: hidden;
505
505
  overflow-y: auto;
506
- font-size: var(--font-size);
506
+ font-size: var(--editify-font-size);
507
507
  color: var(--editify-reverse-color);
508
508
  font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
509
509
  resize: none;
@@ -522,7 +522,7 @@
522
522
  position: relative;
523
523
 
524
524
  .editify-footer-words {
525
- font-size: var(--font-size);
525
+ font-size: var(--editify-font-size);
526
526
  color: var(--editify-font-color-light);
527
527
  line-height: 1;
528
528
  }
package/src/index.ts CHANGED
@@ -24,7 +24,7 @@ const install = (app: App) => {
24
24
  app.component(Editify.name!, Editify)
25
25
  }
26
26
  //版本号
27
- const version = '0.2.5'
27
+ const version = '0.2.7'
28
28
 
29
29
  //导出AlexElement元素
30
30
  export { AlexElement } from 'alex-editor'
@@ -34,7 +34,7 @@
34
34
  .editify-attachment-header-item {
35
35
  display: block;
36
36
  text-align: center;
37
- font-size: var(--font-size);
37
+ font-size: var(--editify-font-size);
38
38
  color: var(--editify-font-color);
39
39
  opacity: 0.8;
40
40
  transition: all 300ms;
@@ -72,7 +72,7 @@
72
72
  margin: 0 0 10px 0;
73
73
  padding: 4px 2px;
74
74
  border: none;
75
- font-size: var(--font-size);
75
+ font-size: var(--editify-font-size);
76
76
  color: var(--editify-font-color);
77
77
  border-bottom: 1px solid var(--editify-border-color);
78
78
  line-height: 1.5;
@@ -95,7 +95,7 @@
95
95
  justify-content: flex-end;
96
96
  align-items: center;
97
97
  width: 100%;
98
- font-size: var(--font-size);
98
+ font-size: var(--editify-font-size);
99
99
  opacity: 0.8;
100
100
  transition: all 300ms;
101
101
 
@@ -122,7 +122,7 @@
122
122
  margin: 0;
123
123
  padding: 4px 2px;
124
124
  border: none;
125
- font-size: var(--font-size);
125
+ font-size: var(--editify-font-size);
126
126
  color: var(--editify-font-color);
127
127
  border-bottom: 1px solid var(--editify-border-color);
128
128
  line-height: 1.5;
@@ -7,7 +7,7 @@
7
7
  display: block;
8
8
  text-align: left;
9
9
  margin-bottom: 10px;
10
- font-size: var(--font-size);
10
+ font-size: var(--editify-font-size);
11
11
  color: var(--editify-font-color);
12
12
  }
13
13
 
@@ -24,7 +24,7 @@
24
24
  border-radius: 2px;
25
25
  margin: 0;
26
26
  padding: 6px;
27
- font-size: var(--font-size);
27
+ font-size: var(--editify-font-size);
28
28
  color: var(--editify-font-color);
29
29
  line-height: 1.5;
30
30
  transition: border-color 300ms;
@@ -54,7 +54,7 @@
54
54
  cursor: pointer;
55
55
  opacity: 0.8;
56
56
  transition: all 300ms;
57
- font-size: var(--font-size);
57
+ font-size: var(--editify-font-size);
58
58
 
59
59
  &:hover {
60
60
  opacity: 1;