vue-editify 0.2.5 → 0.2.7

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/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;