vue-editify 0.1.17 → 0.1.19
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +3 -3
- package/examples/App.vue +62 -53
- package/examples/main.ts +4 -4
- package/lib/components/button/button.vue.d.ts +11 -11
- package/lib/components/checkbox/checkbox.vue.d.ts +8 -8
- package/lib/components/colors/colors.vue.d.ts +4 -4
- package/lib/components/icon/icon.vue.d.ts +1 -1
- package/lib/components/insertImage/insertImage.vue.d.ts +9 -9
- package/lib/components/insertLink/insertLink.vue.d.ts +2 -2
- package/lib/components/insertTable/insertTable.vue.d.ts +2 -2
- package/lib/components/insertVideo/insertVideo.vue.d.ts +9 -9
- package/lib/components/layer/layer.vue.d.ts +9 -9
- package/lib/components/menu/menu.vue.d.ts +4 -4
- package/lib/components/toolbar/toolbar.vue.d.ts +9 -9
- package/lib/components/tooltip/tooltip.vue.d.ts +1 -1
- package/lib/components/triangle/triangle.vue.d.ts +4 -4
- package/lib/editify/editify.vue.d.ts +88 -70
- package/lib/editify/props.d.ts +11 -3
- package/lib/editify.es.js +65 -46
- package/lib/editify.umd.js +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/style.css +1 -1
- package/package.json +45 -45
- package/src/components/button/button.less +145 -145
- package/src/components/button/button.vue +197 -197
- package/src/components/button/props.ts +95 -95
- package/src/components/checkbox/checkbox.less +84 -84
- package/src/components/checkbox/checkbox.vue +68 -68
- package/src/components/checkbox/props.ts +49 -49
- package/src/components/colors/colors.less +75 -75
- package/src/components/colors/colors.vue +36 -36
- package/src/components/colors/props.ts +29 -29
- package/src/components/icon/icon.less +14 -14
- package/src/components/icon/icon.vue +12 -12
- package/src/components/icon/props.ts +11 -11
- package/src/components/insertImage/insertImage.less +135 -135
- package/src/components/insertImage/insertImage.vue +146 -146
- package/src/components/insertImage/props.ts +43 -43
- package/src/components/insertLink/insertLink.less +64 -64
- package/src/components/insertLink/insertLink.vue +58 -58
- package/src/components/insertLink/props.ts +16 -16
- package/src/components/insertTable/insertTable.less +54 -54
- package/src/components/insertTable/insertTable.vue +85 -85
- package/src/components/insertTable/props.ts +27 -27
- package/src/components/insertVideo/insertVideo.less +135 -135
- package/src/components/insertVideo/insertVideo.vue +146 -146
- package/src/components/insertVideo/props.ts +43 -43
- package/src/components/layer/layer.less +49 -49
- package/src/components/layer/layer.vue +598 -598
- package/src/components/layer/props.ts +71 -71
- package/src/components/menu/menu.less +63 -63
- package/src/components/menu/menu.vue +1569 -1569
- package/src/components/menu/props.ts +17 -17
- package/src/components/toolbar/props.ts +35 -35
- package/src/components/toolbar/toolbar.less +89 -89
- package/src/components/toolbar/toolbar.vue +1101 -1101
- package/src/components/tooltip/props.ts +21 -21
- package/src/components/tooltip/tooltip.less +23 -23
- package/src/components/tooltip/tooltip.vue +37 -37
- package/src/components/triangle/props.ts +26 -26
- package/src/components/triangle/triangle.less +79 -79
- package/src/components/triangle/triangle.vue +65 -65
- package/src/core/function.ts +1144 -1144
- package/src/core/rule.ts +259 -259
- package/src/core/tool.ts +1137 -1137
- package/src/css/base.less +30 -30
- package/src/css/hljs.less +54 -54
- package/src/editify/editify.less +404 -403
- package/src/editify/editify.vue +803 -792
- package/src/editify/props.ts +156 -146
- package/src/hljs/index.ts +197 -197
- package/src/icon/iconfont.css +219 -219
- package/src/index.ts +32 -32
- package/src/locale/en_US.ts +88 -88
- package/src/locale/index.ts +12 -12
- package/src/locale/zh_CN.ts +88 -88
- package/tsconfig.json +27 -27
- package/tsconfig.node.json +11 -11
- package/vite-env.d.ts +1 -1
- package/vite.config.ts +42 -42
package/src/css/base.less
CHANGED
@@ -1,30 +1,30 @@
|
|
1
|
-
//三角图标大小
|
2
|
-
@triangle-size: 6px;
|
3
|
-
//编辑器内的默认字体大小
|
4
|
-
@font-size: 14px;
|
5
|
-
//字体颜色
|
6
|
-
@font-color: #555;
|
7
|
-
//较浅的字体颜色(副文本颜色)
|
8
|
-
@font-color-light: #888;
|
9
|
-
//更浅的字体颜色(placeholder和禁用字体颜色)
|
10
|
-
@font-color-disabled: #bbb;
|
11
|
-
//较深的字体颜色(编辑器内容区域字体颜色)
|
12
|
-
@font-color-dark: #333;
|
13
|
-
//链接字体颜色
|
14
|
-
@font-color-link: #079457;
|
15
|
-
//链接字体悬浮色
|
16
|
-
@font-color-link-dark: #05683d;
|
17
|
-
//边框颜色
|
18
|
-
@border-color: #dfdfdf;
|
19
|
-
//默认背景色
|
20
|
-
@background: #fff;
|
21
|
-
//较深的背景色
|
22
|
-
@background-dark: #f7f8fa;
|
23
|
-
//更深的背景色
|
24
|
-
@background-darker: #ebedf0;
|
25
|
-
//代码块背景色
|
26
|
-
@pre-background: #f2f6fb;
|
27
|
-
//反色调字体颜色
|
28
|
-
@reverse-color: #fff;
|
29
|
-
//反色调背景色
|
30
|
-
@reverse-background: #000;
|
1
|
+
//三角图标大小
|
2
|
+
@triangle-size: 6px;
|
3
|
+
//编辑器内的默认字体大小
|
4
|
+
@font-size: 14px;
|
5
|
+
//字体颜色
|
6
|
+
@font-color: #555;
|
7
|
+
//较浅的字体颜色(副文本颜色)
|
8
|
+
@font-color-light: #888;
|
9
|
+
//更浅的字体颜色(placeholder和禁用字体颜色)
|
10
|
+
@font-color-disabled: #bbb;
|
11
|
+
//较深的字体颜色(编辑器内容区域字体颜色)
|
12
|
+
@font-color-dark: #333;
|
13
|
+
//链接字体颜色
|
14
|
+
@font-color-link: #079457;
|
15
|
+
//链接字体悬浮色
|
16
|
+
@font-color-link-dark: #05683d;
|
17
|
+
//边框颜色
|
18
|
+
@border-color: #dfdfdf;
|
19
|
+
//默认背景色
|
20
|
+
@background: #fff;
|
21
|
+
//较深的背景色
|
22
|
+
@background-dark: #f7f8fa;
|
23
|
+
//更深的背景色
|
24
|
+
@background-darker: #ebedf0;
|
25
|
+
//代码块背景色
|
26
|
+
@pre-background: #f2f6fb;
|
27
|
+
//反色调字体颜色
|
28
|
+
@reverse-color: #fff;
|
29
|
+
//反色调背景色
|
30
|
+
@reverse-background: #000;
|
package/src/css/hljs.less
CHANGED
@@ -1,54 +1,54 @@
|
|
1
|
-
/**
|
2
|
-
* 这里是对highlight的主题样式的自定义设置
|
3
|
-
*/
|
4
|
-
|
5
|
-
.editify-hljs-addition,
|
6
|
-
.editify-hljs-meta,
|
7
|
-
.editify-hljs-string,
|
8
|
-
.editify-hljs-symbol,
|
9
|
-
.editify-hljs-template-tag,
|
10
|
-
.editify-hljs-template-variable,
|
11
|
-
.editify-hljs-deletion,
|
12
|
-
.editify-hljs-variable {
|
13
|
-
color: #54489b;
|
14
|
-
}
|
15
|
-
.editify-hljs-comment,
|
16
|
-
.editify-hljs-quote {
|
17
|
-
color: #bbb;
|
18
|
-
}
|
19
|
-
.editify-hljs-bullet,
|
20
|
-
.editify-hljs-link,
|
21
|
-
.editify-hljs-number,
|
22
|
-
.editify-hljs-regexp,
|
23
|
-
.editify-hljs-attr,
|
24
|
-
.editify-hljs-attribute {
|
25
|
-
color: #0e9a56;
|
26
|
-
}
|
27
|
-
|
28
|
-
.editify-hljs-built_in,
|
29
|
-
.editify-hljs-doctag,
|
30
|
-
.editify-hljs-keyword,
|
31
|
-
.editify-hljs-name,
|
32
|
-
.editify-hljs-section,
|
33
|
-
.editify-hljs-strong,
|
34
|
-
.editify-hljs-tag,
|
35
|
-
.editify-hljs-literal,
|
36
|
-
.editify-hljs-type {
|
37
|
-
color: #092d5d;
|
38
|
-
}
|
39
|
-
|
40
|
-
.editify-hljs-title {
|
41
|
-
color: #c45d08;
|
42
|
-
}
|
43
|
-
|
44
|
-
.editify-hljs-selector-tag {
|
45
|
-
color: #920606;
|
46
|
-
}
|
47
|
-
|
48
|
-
.editify-hljs-selector-class {
|
49
|
-
color: #c45d08;
|
50
|
-
}
|
51
|
-
|
52
|
-
.editify-hljs-selector-id {
|
53
|
-
color: #0d658d;
|
54
|
-
}
|
1
|
+
/**
|
2
|
+
* 这里是对highlight的主题样式的自定义设置
|
3
|
+
*/
|
4
|
+
|
5
|
+
.editify-hljs-addition,
|
6
|
+
.editify-hljs-meta,
|
7
|
+
.editify-hljs-string,
|
8
|
+
.editify-hljs-symbol,
|
9
|
+
.editify-hljs-template-tag,
|
10
|
+
.editify-hljs-template-variable,
|
11
|
+
.editify-hljs-deletion,
|
12
|
+
.editify-hljs-variable {
|
13
|
+
color: #54489b;
|
14
|
+
}
|
15
|
+
.editify-hljs-comment,
|
16
|
+
.editify-hljs-quote {
|
17
|
+
color: #bbb;
|
18
|
+
}
|
19
|
+
.editify-hljs-bullet,
|
20
|
+
.editify-hljs-link,
|
21
|
+
.editify-hljs-number,
|
22
|
+
.editify-hljs-regexp,
|
23
|
+
.editify-hljs-attr,
|
24
|
+
.editify-hljs-attribute {
|
25
|
+
color: #0e9a56;
|
26
|
+
}
|
27
|
+
|
28
|
+
.editify-hljs-built_in,
|
29
|
+
.editify-hljs-doctag,
|
30
|
+
.editify-hljs-keyword,
|
31
|
+
.editify-hljs-name,
|
32
|
+
.editify-hljs-section,
|
33
|
+
.editify-hljs-strong,
|
34
|
+
.editify-hljs-tag,
|
35
|
+
.editify-hljs-literal,
|
36
|
+
.editify-hljs-type {
|
37
|
+
color: #092d5d;
|
38
|
+
}
|
39
|
+
|
40
|
+
.editify-hljs-title {
|
41
|
+
color: #c45d08;
|
42
|
+
}
|
43
|
+
|
44
|
+
.editify-hljs-selector-tag {
|
45
|
+
color: #920606;
|
46
|
+
}
|
47
|
+
|
48
|
+
.editify-hljs-selector-class {
|
49
|
+
color: #c45d08;
|
50
|
+
}
|
51
|
+
|
52
|
+
.editify-hljs-selector-id {
|
53
|
+
color: #0d658d;
|
54
|
+
}
|