@fastkit/vui-wysiwyg 0.0.1
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/LICENSE +21 -0
- package/README.md +1 -0
- package/dist/pm/changeset.d.ts +1 -0
- package/dist/pm/changeset.mjs +3 -0
- package/dist/pm/changeset.mjs.map +1 -0
- package/dist/pm/collab.d.ts +1 -0
- package/dist/pm/collab.mjs +3 -0
- package/dist/pm/collab.mjs.map +1 -0
- package/dist/pm/commands.d.ts +1 -0
- package/dist/pm/commands.mjs +3 -0
- package/dist/pm/commands.mjs.map +1 -0
- package/dist/pm/dropcursor.d.ts +1 -0
- package/dist/pm/dropcursor.mjs +3 -0
- package/dist/pm/dropcursor.mjs.map +1 -0
- package/dist/pm/gapcursor.d.ts +1 -0
- package/dist/pm/gapcursor.mjs +3 -0
- package/dist/pm/gapcursor.mjs.map +1 -0
- package/dist/pm/history.d.ts +1 -0
- package/dist/pm/history.mjs +3 -0
- package/dist/pm/history.mjs.map +1 -0
- package/dist/pm/inputrules.d.ts +1 -0
- package/dist/pm/inputrules.mjs +3 -0
- package/dist/pm/inputrules.mjs.map +1 -0
- package/dist/pm/keymap.d.ts +1 -0
- package/dist/pm/keymap.mjs +3 -0
- package/dist/pm/keymap.mjs.map +1 -0
- package/dist/pm/markdown.d.ts +1 -0
- package/dist/pm/markdown.mjs +3 -0
- package/dist/pm/markdown.mjs.map +1 -0
- package/dist/pm/menu.d.ts +1 -0
- package/dist/pm/menu.mjs +3 -0
- package/dist/pm/menu.mjs.map +1 -0
- package/dist/pm/model.d.ts +1 -0
- package/dist/pm/model.mjs +3 -0
- package/dist/pm/model.mjs.map +1 -0
- package/dist/pm/schema-basic.d.ts +1 -0
- package/dist/pm/schema-basic.mjs +3 -0
- package/dist/pm/schema-basic.mjs.map +1 -0
- package/dist/pm/schema-list.d.ts +1 -0
- package/dist/pm/schema-list.mjs +3 -0
- package/dist/pm/schema-list.mjs.map +1 -0
- package/dist/pm/state.d.ts +1 -0
- package/dist/pm/state.mjs +3 -0
- package/dist/pm/state.mjs.map +1 -0
- package/dist/pm/tables.d.ts +1 -0
- package/dist/pm/tables.mjs +3 -0
- package/dist/pm/tables.mjs.map +1 -0
- package/dist/pm/trailing-node.d.ts +1 -0
- package/dist/pm/trailing-node.mjs +3 -0
- package/dist/pm/trailing-node.mjs.map +1 -0
- package/dist/pm/transform.d.ts +1 -0
- package/dist/pm/transform.mjs +3 -0
- package/dist/pm/transform.mjs.map +1 -0
- package/dist/pm/view.d.ts +1 -0
- package/dist/pm/view.mjs +3 -0
- package/dist/pm/view.mjs.map +1 -0
- package/dist/tiptap/core.d.ts +1 -0
- package/dist/tiptap/core.mjs +3 -0
- package/dist/tiptap/core.mjs.map +1 -0
- package/dist/tiptap/extensions/bold.d.ts +1 -0
- package/dist/tiptap/extensions/bold.mjs +3 -0
- package/dist/tiptap/extensions/bold.mjs.map +1 -0
- package/dist/tiptap/extensions/bullet-list.d.ts +1 -0
- package/dist/tiptap/extensions/bullet-list.mjs +3 -0
- package/dist/tiptap/extensions/bullet-list.mjs.map +1 -0
- package/dist/tiptap/extensions/history.d.ts +1 -0
- package/dist/tiptap/extensions/history.mjs +3 -0
- package/dist/tiptap/extensions/history.mjs.map +1 -0
- package/dist/tiptap/extensions/italic.d.ts +1 -0
- package/dist/tiptap/extensions/italic.mjs +3 -0
- package/dist/tiptap/extensions/italic.mjs.map +1 -0
- package/dist/tiptap/extensions/link.d.ts +1 -0
- package/dist/tiptap/extensions/link.mjs +3 -0
- package/dist/tiptap/extensions/link.mjs.map +1 -0
- package/dist/tiptap/extensions/ordered-list.d.ts +1 -0
- package/dist/tiptap/extensions/ordered-list.mjs +3 -0
- package/dist/tiptap/extensions/ordered-list.mjs.map +1 -0
- package/dist/tiptap/extensions/text-style.d.ts +1 -0
- package/dist/tiptap/extensions/text-style.mjs +3 -0
- package/dist/tiptap/extensions/text-style.mjs.map +1 -0
- package/dist/tiptap/extensions/underline.d.ts +1 -0
- package/dist/tiptap/extensions/underline.mjs +3 -0
- package/dist/tiptap/extensions/underline.mjs.map +1 -0
- package/dist/vui-wysiwyg.css +271 -0
- package/dist/vui-wysiwyg.css.map +1 -0
- package/dist/vui-wysiwyg.d.ts +415 -0
- package/dist/vui-wysiwyg.mjs +924 -0
- package/dist/vui-wysiwyg.mjs.map +1 -0
- package/package.json +312 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2020-present, Ayumu Fujii (dadajam4) and Fastkit contributors
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
# @fastkit/vui-wysiwyg
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/pm/changeset';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/dependencies/pm/changeset.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/pm/changeset';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/pm/collab';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/dependencies/pm/collab.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/pm/collab';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/pm/commands';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/dependencies/pm/commands.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/pm/commands';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/pm/dropcursor';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/dependencies/pm/dropcursor.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/pm/dropcursor';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/pm/gapcursor';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/dependencies/pm/gapcursor.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/pm/gapcursor';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/pm/history';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/dependencies/pm/history.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/pm/history';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/pm/inputrules';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/dependencies/pm/inputrules.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/pm/inputrules';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/pm/keymap';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/dependencies/pm/keymap.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/pm/keymap';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/pm/markdown';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/dependencies/pm/markdown.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/pm/markdown';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/pm/menu';
|
package/dist/pm/menu.mjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/dependencies/pm/menu.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/pm/menu';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/pm/model';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/dependencies/pm/model.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/pm/model';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/pm/schema-basic';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/dependencies/pm/schema-basic.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/pm/schema-basic';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/pm/schema-list';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/dependencies/pm/schema-list.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/pm/schema-list';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/pm/state';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/dependencies/pm/state.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/pm/state';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/pm/tables';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/dependencies/pm/tables.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/pm/tables';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/pm/trailing-node';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/dependencies/pm/trailing-node.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/pm/trailing-node';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/pm/transform';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/dependencies/pm/transform.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/pm/transform';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/pm/view';
|
package/dist/pm/view.mjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/dependencies/pm/view.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/pm/view';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/vue-3';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/dependencies/tiptap/core.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/vue-3';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/extension-bold';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/dependencies/tiptap/extensions/bold.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/extension-bold';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/extension-bullet-list';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/dependencies/tiptap/extensions/bullet-list.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/extension-bullet-list';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/extension-history';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/dependencies/tiptap/extensions/history.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/extension-history';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/extension-italic';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/dependencies/tiptap/extensions/italic.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/extension-italic';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/extension-link';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/dependencies/tiptap/extensions/link.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/extension-link';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/extension-ordered-list';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/dependencies/tiptap/extensions/ordered-list.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/extension-ordered-list';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/extension-text-style';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/dependencies/tiptap/extensions/text-style.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/extension-text-style';\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@tiptap/extension-underline';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/dependencies/tiptap/extensions/underline.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAc","sourcesContent":["export * from '@tiptap/extension-underline';\n"]}
|
|
@@ -0,0 +1,271 @@
|
|
|
1
|
+
/* src/extensions/linter/Linter.scss */
|
|
2
|
+
@layer vui {
|
|
3
|
+
.v-linter__problem {
|
|
4
|
+
margin-bottom: -1px;
|
|
5
|
+
cursor: help;
|
|
6
|
+
background: var(--deep-color);
|
|
7
|
+
border-bottom: 1px solid var(--main-color);
|
|
8
|
+
}
|
|
9
|
+
.v-linter__issue-icon {
|
|
10
|
+
position: absolute;
|
|
11
|
+
right: 2px;
|
|
12
|
+
display: inline-flex;
|
|
13
|
+
align-items: center;
|
|
14
|
+
justify-content: center;
|
|
15
|
+
width: 1.2em;
|
|
16
|
+
height: 1.2em;
|
|
17
|
+
margin-top: 0.2em;
|
|
18
|
+
font-family:
|
|
19
|
+
times,
|
|
20
|
+
georgia,
|
|
21
|
+
serif;
|
|
22
|
+
font-size: 15px;
|
|
23
|
+
font-weight: 700;
|
|
24
|
+
line-height: 1;
|
|
25
|
+
color: var(--text-color);
|
|
26
|
+
text-align: center;
|
|
27
|
+
cursor: pointer;
|
|
28
|
+
background: var(--main-color);
|
|
29
|
+
border-radius: 100px;
|
|
30
|
+
}
|
|
31
|
+
.v-linter__issue-icon::before {
|
|
32
|
+
content: "!";
|
|
33
|
+
}
|
|
34
|
+
.v-linter__issue-menu-wrapper {
|
|
35
|
+
position: relative;
|
|
36
|
+
display: inline-block;
|
|
37
|
+
width: 0px;
|
|
38
|
+
height: 1em;
|
|
39
|
+
overflow: visible;
|
|
40
|
+
}
|
|
41
|
+
.v-linter__issue-menu {
|
|
42
|
+
font-size: 87.5%;
|
|
43
|
+
line-height: 1.5;
|
|
44
|
+
}
|
|
45
|
+
.v-linter__issue-menu .v-dialog__body {
|
|
46
|
+
padding: 0;
|
|
47
|
+
font-size: inherit;
|
|
48
|
+
}
|
|
49
|
+
.v-linter__issue-menu__message {
|
|
50
|
+
padding: 8px;
|
|
51
|
+
}
|
|
52
|
+
.v-linter__issue-menu__fixers {
|
|
53
|
+
position: relative;
|
|
54
|
+
padding: 4px 0;
|
|
55
|
+
}
|
|
56
|
+
.v-linter__issue-menu__fixers::before {
|
|
57
|
+
position: absolute;
|
|
58
|
+
top: 0;
|
|
59
|
+
right: 0;
|
|
60
|
+
left: 0;
|
|
61
|
+
display: block;
|
|
62
|
+
height: 1px;
|
|
63
|
+
content: "";
|
|
64
|
+
background: currentColor;
|
|
65
|
+
opacity: 0.5;
|
|
66
|
+
}
|
|
67
|
+
.v-linter__issue-menu__fixer__button {
|
|
68
|
+
position: relative;
|
|
69
|
+
display: block;
|
|
70
|
+
width: 100%;
|
|
71
|
+
padding: 8px;
|
|
72
|
+
font: inherit;
|
|
73
|
+
font-size: 12px;
|
|
74
|
+
text-align: left;
|
|
75
|
+
cursor: pointer;
|
|
76
|
+
background: transparent;
|
|
77
|
+
border: 0;
|
|
78
|
+
outline: 0;
|
|
79
|
+
appearance: none;
|
|
80
|
+
}
|
|
81
|
+
.v-linter__issue-menu__fixer__button::before {
|
|
82
|
+
position: absolute;
|
|
83
|
+
inset: 0;
|
|
84
|
+
display: block;
|
|
85
|
+
content: "";
|
|
86
|
+
background: currentColor;
|
|
87
|
+
opacity: 0;
|
|
88
|
+
transition: 0.15s;
|
|
89
|
+
}
|
|
90
|
+
.v-linter__issue-menu__fixer__button:hover::before,
|
|
91
|
+
.v-linter__issue-menu__fixer__button:focus::before {
|
|
92
|
+
opacity: 0.1;
|
|
93
|
+
}
|
|
94
|
+
.v-linter__issue-menu__fixer__button__message {
|
|
95
|
+
position: relative;
|
|
96
|
+
}
|
|
97
|
+
.v-linter__issue-menu__fix {
|
|
98
|
+
display: inline;
|
|
99
|
+
margin-top: 8px;
|
|
100
|
+
color: var(--palette-link);
|
|
101
|
+
text-decoration: underline;
|
|
102
|
+
cursor: pointer;
|
|
103
|
+
background: transparent;
|
|
104
|
+
border: 0;
|
|
105
|
+
outline: 0;
|
|
106
|
+
appearance: none;
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
/* src/tools/color.scss */
|
|
111
|
+
:root {
|
|
112
|
+
--v-wysiwyg-color-tool: 30px;
|
|
113
|
+
}
|
|
114
|
+
@layer vui {
|
|
115
|
+
.v-wysiwyg-color-tool__button {
|
|
116
|
+
position: relative;
|
|
117
|
+
display: inline-flex;
|
|
118
|
+
align-items: center;
|
|
119
|
+
justify-content: center;
|
|
120
|
+
vertical-align: bottom;
|
|
121
|
+
}
|
|
122
|
+
.v-wysiwyg-color-tool__button__bar {
|
|
123
|
+
position: absolute;
|
|
124
|
+
right: 0;
|
|
125
|
+
bottom: 0;
|
|
126
|
+
left: 0;
|
|
127
|
+
display: block;
|
|
128
|
+
height: 2px;
|
|
129
|
+
background: currentColor;
|
|
130
|
+
}
|
|
131
|
+
.v-wysiwyg-color-tool__menu .v-dialog__content {
|
|
132
|
+
min-width: 0;
|
|
133
|
+
}
|
|
134
|
+
.v-wysiwyg-color-tool__menu .v-dialog__body {
|
|
135
|
+
padding: 2px;
|
|
136
|
+
}
|
|
137
|
+
.v-wysiwyg-color-tool__items {
|
|
138
|
+
--item-size: var(--v-wysiwyg-color-tool);
|
|
139
|
+
display: inline-flex;
|
|
140
|
+
flex-wrap: wrap;
|
|
141
|
+
align-items: center;
|
|
142
|
+
max-width: calc(var(--item-size) * 5);
|
|
143
|
+
vertical-align: bottom;
|
|
144
|
+
}
|
|
145
|
+
.v-wysiwyg-color-tool__items--with-label {
|
|
146
|
+
display: flex;
|
|
147
|
+
flex-direction: column;
|
|
148
|
+
align-items: flex-start;
|
|
149
|
+
max-width: none;
|
|
150
|
+
padding: 2px;
|
|
151
|
+
}
|
|
152
|
+
.v-wysiwyg-color-tool__item {
|
|
153
|
+
--focus-offset: calc(var(--item-size) * 0.05);
|
|
154
|
+
position: relative;
|
|
155
|
+
display: flex;
|
|
156
|
+
flex-basis: var(--item-size);
|
|
157
|
+
align-items: center;
|
|
158
|
+
width: var(--item-size);
|
|
159
|
+
height: var(--item-size);
|
|
160
|
+
padding: 0;
|
|
161
|
+
margin: 0;
|
|
162
|
+
cursor: pointer;
|
|
163
|
+
background: transparent;
|
|
164
|
+
border: 0;
|
|
165
|
+
border-radius: 0;
|
|
166
|
+
outline: 0;
|
|
167
|
+
appearance: none;
|
|
168
|
+
}
|
|
169
|
+
.v-wysiwyg-color-tool__item__color {
|
|
170
|
+
position: relative;
|
|
171
|
+
flex: 0 0 var(--item-size);
|
|
172
|
+
width: var(--item-size);
|
|
173
|
+
height: var(--item-size);
|
|
174
|
+
}
|
|
175
|
+
.v-wysiwyg-color-tool__item__color::before {
|
|
176
|
+
position: absolute;
|
|
177
|
+
inset: 0;
|
|
178
|
+
display: block;
|
|
179
|
+
content: "";
|
|
180
|
+
background: currentColor;
|
|
181
|
+
border: solid 1px transparent;
|
|
182
|
+
transition: all 0.15s;
|
|
183
|
+
}
|
|
184
|
+
.v-wysiwyg-color-tool__item__name {
|
|
185
|
+
position: relative;
|
|
186
|
+
padding: 0 8px;
|
|
187
|
+
font-size: 12px;
|
|
188
|
+
white-space: nowrap;
|
|
189
|
+
}
|
|
190
|
+
.v-wysiwyg-color-tool__item:hover .v-wysiwyg-color-tool__item__color::before,
|
|
191
|
+
.v-wysiwyg-color-tool__item:focus .v-wysiwyg-color-tool__item__color::before {
|
|
192
|
+
inset: var(--focus-offset) var(--focus-offset) var(--focus-offset) var(--focus-offset);
|
|
193
|
+
border-color: rgba(0, 0, 0, 0.1);
|
|
194
|
+
}
|
|
195
|
+
.v-wysiwyg-color-tool__items--with-label .v-wysiwyg-color-tool__item {
|
|
196
|
+
flex-basis: auto;
|
|
197
|
+
width: auto;
|
|
198
|
+
width: 100%;
|
|
199
|
+
}
|
|
200
|
+
.v-wysiwyg-color-tool__items--with-label .v-wysiwyg-color-tool__item::before {
|
|
201
|
+
position: absolute;
|
|
202
|
+
inset: 0;
|
|
203
|
+
display: block;
|
|
204
|
+
content: "";
|
|
205
|
+
background: currentColor;
|
|
206
|
+
opacity: 0;
|
|
207
|
+
transition: opacity 0.15s;
|
|
208
|
+
}
|
|
209
|
+
.v-wysiwyg-color-tool__items--with-label .v-wysiwyg-color-tool__item:hover::before,
|
|
210
|
+
.v-wysiwyg-color-tool__items--with-label .v-wysiwyg-color-tool__item:focus::before {
|
|
211
|
+
opacity: 0.1;
|
|
212
|
+
}
|
|
213
|
+
.v-wysiwyg-color-tool__items--with-label .v-wysiwyg-color-tool__item + .v-wysiwyg-color-tool__item {
|
|
214
|
+
margin-top: 2px;
|
|
215
|
+
}
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
/* src/components/VWysiwygEditor/VWysiwygEditor.scss */
|
|
219
|
+
@layer vui {
|
|
220
|
+
.v-wysiwyg-editor--sm {
|
|
221
|
+
--min-height: var(--wysiwyg-min-height-sm);
|
|
222
|
+
--max-height: var(--wysiwyg-max-height-sm);
|
|
223
|
+
}
|
|
224
|
+
.v-wysiwyg-editor--md {
|
|
225
|
+
--min-height: var(--wysiwyg-min-height-md);
|
|
226
|
+
--max-height: var(--wysiwyg-max-height-md);
|
|
227
|
+
}
|
|
228
|
+
.v-wysiwyg-editor--lg {
|
|
229
|
+
--min-height: var(--wysiwyg-min-height-lg);
|
|
230
|
+
--max-height: var(--wysiwyg-max-height-lg);
|
|
231
|
+
}
|
|
232
|
+
.v-wysiwyg-editor__wrapper {
|
|
233
|
+
position: relative;
|
|
234
|
+
}
|
|
235
|
+
.v-wysiwyg-editor .v-control-field__body {
|
|
236
|
+
width: 100%;
|
|
237
|
+
}
|
|
238
|
+
.v-wysiwyg-editor__floating-toolbar {
|
|
239
|
+
position: absolute;
|
|
240
|
+
right: 0;
|
|
241
|
+
bottom: 100%;
|
|
242
|
+
z-index: 1;
|
|
243
|
+
}
|
|
244
|
+
.v-wysiwyg-editor__body {
|
|
245
|
+
position: relative;
|
|
246
|
+
width: 100%;
|
|
247
|
+
max-height: var(--max-height);
|
|
248
|
+
overflow: auto;
|
|
249
|
+
}
|
|
250
|
+
.v-wysiwyg-editor__input {
|
|
251
|
+
cursor: text;
|
|
252
|
+
}
|
|
253
|
+
.v-wysiwyg-editor__input__element {
|
|
254
|
+
width: 100%;
|
|
255
|
+
min-width: 0;
|
|
256
|
+
padding: 8px 0;
|
|
257
|
+
margin: 0;
|
|
258
|
+
}
|
|
259
|
+
.v-wysiwyg-editor__input__prose {
|
|
260
|
+
width: 100%;
|
|
261
|
+
min-height: var(--min-height);
|
|
262
|
+
outline: none;
|
|
263
|
+
}
|
|
264
|
+
.v-wysiwyg-editor--disabled-min-heihgt .v-wysiwyg-editor__input__prose {
|
|
265
|
+
min-height: 0;
|
|
266
|
+
}
|
|
267
|
+
.v-wysiwyg-editor--disabled-max-heihgt .v-wysiwyg-editor__body {
|
|
268
|
+
max-height: none;
|
|
269
|
+
}
|
|
270
|
+
}
|
|
271
|
+
/*# sourceMappingURL=vui-wysiwyg.css.map */
|