@cgboiler/biz-basic 1.0.10 → 1.0.11
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/es/index.d.ts +10 -2
- package/es/index.js +23 -2
- package/es/rich-text-editor/RichTextEditor.js +2 -1
- package/es/rich-text-editor/index.css +1 -1
- package/es/rich-text-editor/index.less +229 -226
- package/es/vue-sfc-shim.d.ts +6 -6
- package/es/vue-tsx-shim.d.ts +24 -24
- package/lib/index.d.ts +10 -2
- package/lib/index.js +23 -1
- package/lib/rich-text-editor/RichTextEditor.js +2 -1
- package/lib/rich-text-editor/index.css +1 -1
- package/lib/rich-text-editor/index.less +229 -226
- package/lib/vue-sfc-shim.d.ts +6 -6
- package/lib/vue-tsx-shim.d.ts +24 -24
- package/package.json +1 -1
package/es/index.d.ts
CHANGED
|
@@ -1,2 +1,10 @@
|
|
|
1
|
-
export
|
|
2
|
-
|
|
1
|
+
export * from "./rich-text-editor";
|
|
2
|
+
declare namespace _default {
|
|
3
|
+
export { install };
|
|
4
|
+
export { version };
|
|
5
|
+
}
|
|
6
|
+
export default _default;
|
|
7
|
+
export function install(app: any): void;
|
|
8
|
+
export const version: "1.0.10";
|
|
9
|
+
import RichTextEditor from './rich-text-editor';
|
|
10
|
+
export { RichTextEditor };
|
package/es/index.js
CHANGED
|
@@ -1,4 +1,25 @@
|
|
|
1
|
-
import
|
|
1
|
+
import RichTextEditor from "./rich-text-editor";
|
|
2
|
+
const version = "1.0.10";
|
|
3
|
+
function install(app) {
|
|
4
|
+
const components = [
|
|
5
|
+
RichTextEditor
|
|
6
|
+
];
|
|
7
|
+
components.forEach((item) => {
|
|
8
|
+
if (item.install) {
|
|
9
|
+
app.use(item);
|
|
10
|
+
} else if (item.name) {
|
|
11
|
+
app.component(item.name, item);
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
export * from "./rich-text-editor";
|
|
16
|
+
var stdin_default = {
|
|
17
|
+
install,
|
|
18
|
+
version
|
|
19
|
+
};
|
|
2
20
|
export {
|
|
3
|
-
|
|
21
|
+
RichTextEditor,
|
|
22
|
+
stdin_default as default,
|
|
23
|
+
install,
|
|
24
|
+
version
|
|
4
25
|
};
|
|
@@ -27,7 +27,8 @@ var stdin_default = defineComponent({
|
|
|
27
27
|
editor: editor2
|
|
28
28
|
}) => {
|
|
29
29
|
const html = editor2.getHTML();
|
|
30
|
-
|
|
30
|
+
const isEmpty = html === "<p></p>" || editor2.isEmpty;
|
|
31
|
+
emit("update:modelValue", isEmpty ? "" : html);
|
|
31
32
|
},
|
|
32
33
|
onSelectionUpdate: ({
|
|
33
34
|
editor: editor2
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ProseMirror{flex:1;overflow:auto;outline:none;line-height:1.6;font-size:var(--font-base);--white: #fff;--black: #2e2b29;--gray-1: rgba(61, 37, 20, .05);--gray-2: rgba(61, 37, 20, .08);--gray-3: rgba(61, 37, 20, .12);--gray-4: rgba(53, 38, 28, .3);--gray-5: rgba(28, 25, 23, .6);--green: #22c55e;--purple: #6a00f5;--purple-contrast: #5800cc;--purple-light: rgba(88, 5, 255, .05);--yellow-contrast: #facc15;--yellow: rgba(250, 204, 21, .4);--yellow-light: #fffae5;--red: #ff5c33;--red-light: #ffebe5;--shadow: 0px 12px 33px 0px rgba(0, 0, 0, .06), 0px 3.618px 9.949px 0px rgba(0, 0, 0, .04)}.ProseMirror :first-child{margin-top:0}.ProseMirror ol{list-style:auto}.ProseMirror ul{list-style:disc}.ProseMirror ol,.ProseMirror ul{padding-left:1.5em;margin:0 0 12px}.ProseMirror ol li p,.ProseMirror ul li p{margin-top:.25em;margin-bottom:.25em}.ProseMirror li::marker{text-align:start!important}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{line-height:1.1;margin-top:2.5rem;text-wrap:pretty}.ProseMirror h1,.ProseMirror h2{margin-top:1rem;margin-bottom:1rem}.ProseMirror h1{font-size:1.4rem}.ProseMirror h2{font-size:1.2rem}.ProseMirror h3{font-size:1.1rem}.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{font-size:1rem}.ProseMirror code{background-color:#ffe5e8;border-radius:.4rem;color:var(--black);font-size:.85rem;padding:.25em .3em}.ProseMirror pre{background:var(--black);border-radius:.5rem;color:var(--white);font-family:JetBrainsMono,monospace;margin:1.5rem 0;padding:.75rem 1rem}.ProseMirror pre code{background:none;color:inherit;font-size:.8rem;padding:0}.ProseMirror blockquote{border-left:3px solid var(--gray-3);margin:1.5rem 0;padding-left:1rem}.ProseMirror hr{border:none;border-top:1px solid var(--gray-2);margin:2rem 0}.ProseMirror p.is-editor-empty:first-child:before{color:var(--gray-4);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.ProseMirror .is-empty:before{color:var(--gray-4);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.ProseMirror table{border-collapse:collapse;margin:0;overflow:hidden;table-layout:fixed;width:100%}.ProseMirror table td,.ProseMirror table th{border:1px solid var(--gray-3);box-sizing:border-box;min-width:1em;padding:6px 8px;position:relative;vertical-align:top}.ProseMirror table td>*,.ProseMirror table th>*{margin-bottom:0}.ProseMirror table th{background-color:var(--gray-1);font-weight:700;text-align:left}.ProseMirror table .selectedCell:after{background:var(--gray-2);content:"";left:0;right:0;top:0;bottom:0;pointer-events:none;position:absolute;z-index:2}.ProseMirror table .column-resize-handle{background-color:var(--purple);bottom:-2px;pointer-events:none;position:absolute;right:-2px;top:0;width:4px}.ProseMirror .tableWrapper{margin:1.5rem 0;overflow-x:auto}.ProseMirror.resize-cursor{cursor:ew-resize;cursor:col-resize}.ProseMirror img{max-width:100%}.ProseMirror .mention{color:#c02537;padding:0 .3em}.animation-indent--right{animation:indent-right .5s cubic-bezier(.68,-.55,.27,1.55) 1 alternate-reverse}@keyframes indent-right{0%{transform:translate(0)}to{transform:translate(12px)}}
|
|
1
|
+
.ProseMirror{flex:1;overflow:auto;outline:none;line-height:1.6;font-size:var(--font-base);--white: #fff;--black: #2e2b29;--gray-1: rgba(61, 37, 20, .05);--gray-2: rgba(61, 37, 20, .08);--gray-3: rgba(61, 37, 20, .12);--gray-4: rgba(53, 38, 28, .3);--gray-5: rgba(28, 25, 23, .6);--green: #22c55e;--purple: #6a00f5;--purple-contrast: #5800cc;--purple-light: rgba(88, 5, 255, .05);--yellow-contrast: #facc15;--yellow: rgba(250, 204, 21, .4);--yellow-light: #fffae5;--red: #ff5c33;--red-light: #ffebe5;--shadow: 0px 12px 33px 0px rgba(0, 0, 0, .06), 0px 3.618px 9.949px 0px rgba(0, 0, 0, .04)}.ProseMirror :first-child{margin-top:0}.ProseMirror ol{list-style:auto}.ProseMirror ol ol,.ProseMirror ul{list-style:disc}.ProseMirror ol,.ProseMirror ul{padding-left:1.5em;margin:0 0 12px}.ProseMirror ol li p,.ProseMirror ul li p{margin-top:.25em;margin-bottom:.25em}.ProseMirror li::marker{text-align:start!important}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{line-height:1.1;margin-top:2.5rem;text-wrap:pretty}.ProseMirror h1,.ProseMirror h2{margin-top:1rem;margin-bottom:1rem}.ProseMirror h1{font-size:1.4rem}.ProseMirror h2{font-size:1.2rem}.ProseMirror h3{font-size:1.1rem}.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{font-size:1rem}.ProseMirror code{background-color:#ffe5e8;border-radius:.4rem;color:var(--black);font-size:.85rem;padding:.25em .3em}.ProseMirror pre{background:var(--black);border-radius:.5rem;color:var(--white);font-family:JetBrainsMono,monospace;margin:1.5rem 0;padding:.75rem 1rem}.ProseMirror pre code{background:none;color:inherit;font-size:.8rem;padding:0}.ProseMirror blockquote{border-left:3px solid var(--gray-3);margin:1.5rem 0;padding-left:1rem}.ProseMirror hr{border:none;border-top:1px solid var(--gray-2);margin:2rem 0}.ProseMirror p.is-editor-empty:first-child:before{color:var(--gray-4);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.ProseMirror .is-empty:before{color:var(--gray-4);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.ProseMirror table{border-collapse:collapse;margin:0;overflow:hidden;table-layout:fixed;width:100%}.ProseMirror table td,.ProseMirror table th{border:1px solid var(--gray-3);box-sizing:border-box;min-width:1em;padding:6px 8px;position:relative;vertical-align:top}.ProseMirror table td>*,.ProseMirror table th>*{margin-bottom:0}.ProseMirror table th{background-color:var(--gray-1);font-weight:700;text-align:left}.ProseMirror table .selectedCell:after{background:var(--gray-2);content:"";left:0;right:0;top:0;bottom:0;pointer-events:none;position:absolute;z-index:2}.ProseMirror table .column-resize-handle{background-color:var(--purple);bottom:-2px;pointer-events:none;position:absolute;right:-2px;top:0;width:4px}.ProseMirror .tableWrapper{margin:1.5rem 0;overflow-x:auto}.ProseMirror.resize-cursor{cursor:ew-resize;cursor:col-resize}.ProseMirror img{max-width:100%}.ProseMirror .mention{color:#c02537;padding:0 .3em}.animation-indent--right{animation:indent-right .5s cubic-bezier(.68,-.55,.27,1.55) 1 alternate-reverse}@keyframes indent-right{0%{transform:translate(0)}to{transform:translate(12px)}}
|
|
@@ -1,226 +1,229 @@
|
|
|
1
|
-
.ProseMirror {
|
|
2
|
-
flex: 1;
|
|
3
|
-
overflow: auto;
|
|
4
|
-
outline: none;
|
|
5
|
-
|
|
6
|
-
line-height: 1.6;
|
|
7
|
-
font-size: var(--font-base);
|
|
8
|
-
--white: #fff;
|
|
9
|
-
--black: #2e2b29;
|
|
10
|
-
--gray-1: rgba(61, 37, 20, 0.05);
|
|
11
|
-
--gray-2: rgba(61, 37, 20, 0.08);
|
|
12
|
-
--gray-3: rgba(61, 37, 20, 0.12);
|
|
13
|
-
--gray-4: rgba(53, 38, 28, 0.3);
|
|
14
|
-
--gray-5: rgba(28, 25, 23, 0.6);
|
|
15
|
-
--green: #22c55e;
|
|
16
|
-
--purple: #6a00f5;
|
|
17
|
-
--purple-contrast: #5800cc;
|
|
18
|
-
--purple-light: rgba(88, 5, 255, 0.05);
|
|
19
|
-
--yellow-contrast: #facc15;
|
|
20
|
-
--yellow: rgba(250, 204, 21, 0.4);
|
|
21
|
-
--yellow-light: #fffae5;
|
|
22
|
-
--red: #ff5c33;
|
|
23
|
-
--red-light: #ffebe5;
|
|
24
|
-
--shadow: 0px 12px 33px 0px rgba(0, 0, 0, 0.06), 0px 3.618px 9.949px 0px rgba(0, 0, 0, 0.04);
|
|
25
|
-
:first-child {
|
|
26
|
-
margin-top: 0;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
/* List styles */
|
|
30
|
-
ol {
|
|
31
|
-
list-style: auto;
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
1
|
+
.ProseMirror {
|
|
2
|
+
flex: 1;
|
|
3
|
+
overflow: auto;
|
|
4
|
+
outline: none;
|
|
5
|
+
|
|
6
|
+
line-height: 1.6;
|
|
7
|
+
font-size: var(--font-base);
|
|
8
|
+
--white: #fff;
|
|
9
|
+
--black: #2e2b29;
|
|
10
|
+
--gray-1: rgba(61, 37, 20, 0.05);
|
|
11
|
+
--gray-2: rgba(61, 37, 20, 0.08);
|
|
12
|
+
--gray-3: rgba(61, 37, 20, 0.12);
|
|
13
|
+
--gray-4: rgba(53, 38, 28, 0.3);
|
|
14
|
+
--gray-5: rgba(28, 25, 23, 0.6);
|
|
15
|
+
--green: #22c55e;
|
|
16
|
+
--purple: #6a00f5;
|
|
17
|
+
--purple-contrast: #5800cc;
|
|
18
|
+
--purple-light: rgba(88, 5, 255, 0.05);
|
|
19
|
+
--yellow-contrast: #facc15;
|
|
20
|
+
--yellow: rgba(250, 204, 21, 0.4);
|
|
21
|
+
--yellow-light: #fffae5;
|
|
22
|
+
--red: #ff5c33;
|
|
23
|
+
--red-light: #ffebe5;
|
|
24
|
+
--shadow: 0px 12px 33px 0px rgba(0, 0, 0, 0.06), 0px 3.618px 9.949px 0px rgba(0, 0, 0, 0.04);
|
|
25
|
+
:first-child {
|
|
26
|
+
margin-top: 0;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
/* List styles */
|
|
30
|
+
ol {
|
|
31
|
+
list-style: auto;
|
|
32
|
+
ol {
|
|
33
|
+
list-style: disc;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
ul {
|
|
38
|
+
list-style: disc;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
ol,
|
|
42
|
+
ul {
|
|
43
|
+
padding-left: 1.5em;
|
|
44
|
+
margin: 0 0 12px 0;
|
|
45
|
+
li p {
|
|
46
|
+
margin-top: 0.25em;
|
|
47
|
+
margin-bottom: 0.25em;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
li::marker {
|
|
52
|
+
text-align: start !important;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
/* Heading styles */
|
|
56
|
+
h1,
|
|
57
|
+
h2,
|
|
58
|
+
h3,
|
|
59
|
+
h4,
|
|
60
|
+
h5,
|
|
61
|
+
h6 {
|
|
62
|
+
line-height: 1.1;
|
|
63
|
+
margin-top: 2.5rem;
|
|
64
|
+
text-wrap: pretty;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
h1,
|
|
68
|
+
h2 {
|
|
69
|
+
margin-top: 1rem;
|
|
70
|
+
margin-bottom: 1rem;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
h1 {
|
|
74
|
+
font-size: 1.4rem;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
h2 {
|
|
78
|
+
font-size: 1.2rem;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
h3 {
|
|
82
|
+
font-size: 1.1rem;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
h4,
|
|
86
|
+
h5,
|
|
87
|
+
h6 {
|
|
88
|
+
font-size: 1rem;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
/* Code and preformatted text styles */
|
|
92
|
+
code {
|
|
93
|
+
background-color: #ffe5e8;
|
|
94
|
+
border-radius: 0.4rem;
|
|
95
|
+
color: var(--black);
|
|
96
|
+
font-size: 0.85rem;
|
|
97
|
+
padding: 0.25em 0.3em;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
pre {
|
|
101
|
+
background: var(--black);
|
|
102
|
+
border-radius: 0.5rem;
|
|
103
|
+
color: var(--white);
|
|
104
|
+
font-family: 'JetBrainsMono', monospace;
|
|
105
|
+
margin: 1.5rem 0;
|
|
106
|
+
padding: 0.75rem 1rem;
|
|
107
|
+
|
|
108
|
+
code {
|
|
109
|
+
background: none;
|
|
110
|
+
color: inherit;
|
|
111
|
+
font-size: 0.8rem;
|
|
112
|
+
padding: 0;
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
blockquote {
|
|
117
|
+
border-left: 3px solid var(--gray-3);
|
|
118
|
+
margin: 1.5rem 0;
|
|
119
|
+
padding-left: 1rem;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
hr {
|
|
123
|
+
border: none;
|
|
124
|
+
border-top: 1px solid var(--gray-2);
|
|
125
|
+
margin: 2rem 0;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
/* Placeholder (at the top) */
|
|
129
|
+
p.is-editor-empty:first-child::before {
|
|
130
|
+
color: var(--gray-4);
|
|
131
|
+
content: attr(data-placeholder);
|
|
132
|
+
float: left;
|
|
133
|
+
height: 0;
|
|
134
|
+
pointer-events: none;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.is-empty::before {
|
|
138
|
+
color: var(--gray-4);
|
|
139
|
+
content: attr(data-placeholder);
|
|
140
|
+
float: left;
|
|
141
|
+
height: 0;
|
|
142
|
+
pointer-events: none;
|
|
143
|
+
}
|
|
144
|
+
/* Table-specific styling */
|
|
145
|
+
table {
|
|
146
|
+
border-collapse: collapse;
|
|
147
|
+
margin: 0;
|
|
148
|
+
overflow: hidden;
|
|
149
|
+
table-layout: fixed;
|
|
150
|
+
width: 100%;
|
|
151
|
+
|
|
152
|
+
td,
|
|
153
|
+
th {
|
|
154
|
+
border: 1px solid var(--gray-3);
|
|
155
|
+
box-sizing: border-box;
|
|
156
|
+
min-width: 1em;
|
|
157
|
+
padding: 6px 8px;
|
|
158
|
+
position: relative;
|
|
159
|
+
vertical-align: top;
|
|
160
|
+
|
|
161
|
+
> * {
|
|
162
|
+
margin-bottom: 0;
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
th {
|
|
167
|
+
background-color: var(--gray-1);
|
|
168
|
+
font-weight: bold;
|
|
169
|
+
text-align: left;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
.selectedCell:after {
|
|
173
|
+
background: var(--gray-2);
|
|
174
|
+
content: '';
|
|
175
|
+
left: 0;
|
|
176
|
+
right: 0;
|
|
177
|
+
top: 0;
|
|
178
|
+
bottom: 0;
|
|
179
|
+
pointer-events: none;
|
|
180
|
+
position: absolute;
|
|
181
|
+
z-index: 2;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
.column-resize-handle {
|
|
185
|
+
background-color: var(--purple);
|
|
186
|
+
bottom: -2px;
|
|
187
|
+
pointer-events: none;
|
|
188
|
+
position: absolute;
|
|
189
|
+
right: -2px;
|
|
190
|
+
top: 0;
|
|
191
|
+
width: 4px;
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
.tableWrapper {
|
|
196
|
+
margin: 1.5rem 0;
|
|
197
|
+
overflow-x: auto;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
&.resize-cursor {
|
|
201
|
+
cursor: ew-resize;
|
|
202
|
+
cursor: col-resize;
|
|
203
|
+
}
|
|
204
|
+
img {
|
|
205
|
+
max-width: 100%;
|
|
206
|
+
}
|
|
207
|
+
// @人的样式
|
|
208
|
+
.mention {
|
|
209
|
+
color: #c02537;
|
|
210
|
+
padding: 0 0.3em;
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
// animation
|
|
215
|
+
.animation-indent--right {
|
|
216
|
+
animation: indent-right 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1 alternate-reverse;
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
@keyframes indent-right {
|
|
220
|
+
0% {
|
|
221
|
+
-webkit-transform: translateX(0);
|
|
222
|
+
transform: translateX(0);
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
to {
|
|
226
|
+
-webkit-transform: translateX(12px);
|
|
227
|
+
transform: translateX(12px);
|
|
228
|
+
}
|
|
229
|
+
}
|
package/es/vue-sfc-shim.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
declare module '*.vue' {
|
|
2
|
-
// eslint-disable-next-line
|
|
3
|
-
import { DefineComponent } from 'vue'
|
|
4
|
-
const Component: DefineComponent
|
|
5
|
-
export default Component
|
|
6
|
-
}
|
|
1
|
+
declare module '*.vue' {
|
|
2
|
+
// eslint-disable-next-line
|
|
3
|
+
import { DefineComponent } from 'vue'
|
|
4
|
+
const Component: DefineComponent
|
|
5
|
+
export default Component
|
|
6
|
+
}
|
package/es/vue-tsx-shim.d.ts
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import 'vue';
|
|
2
|
-
|
|
3
|
-
type EventHandler = (...args: any[]) => void;
|
|
4
|
-
|
|
5
|
-
declare module 'vue' {
|
|
6
|
-
interface ComponentCustomProps {
|
|
7
|
-
id?: string;
|
|
8
|
-
role?: string;
|
|
9
|
-
tabindex?: number;
|
|
10
|
-
onClick?: EventHandler;
|
|
11
|
-
onTouchend?: EventHandler;
|
|
12
|
-
onTouchmove?: EventHandler;
|
|
13
|
-
onTouchstart?: EventHandler;
|
|
14
|
-
onTouchcancel?: EventHandler;
|
|
15
|
-
onTouchmovePassive?: EventHandler;
|
|
16
|
-
onTouchstartPassive?: EventHandler;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
interface HTMLAttributes {
|
|
20
|
-
onTouchmovePassive?: EventHandler;
|
|
21
|
-
onTouchstartPassive?: EventHandler;
|
|
22
|
-
onClickCapture?: EventHandler;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
1
|
+
import 'vue';
|
|
2
|
+
|
|
3
|
+
type EventHandler = (...args: any[]) => void;
|
|
4
|
+
|
|
5
|
+
declare module 'vue' {
|
|
6
|
+
interface ComponentCustomProps {
|
|
7
|
+
id?: string;
|
|
8
|
+
role?: string;
|
|
9
|
+
tabindex?: number;
|
|
10
|
+
onClick?: EventHandler;
|
|
11
|
+
onTouchend?: EventHandler;
|
|
12
|
+
onTouchmove?: EventHandler;
|
|
13
|
+
onTouchstart?: EventHandler;
|
|
14
|
+
onTouchcancel?: EventHandler;
|
|
15
|
+
onTouchmovePassive?: EventHandler;
|
|
16
|
+
onTouchstartPassive?: EventHandler;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
interface HTMLAttributes {
|
|
20
|
+
onTouchmovePassive?: EventHandler;
|
|
21
|
+
onTouchstartPassive?: EventHandler;
|
|
22
|
+
onClickCapture?: EventHandler;
|
|
23
|
+
}
|
|
24
|
+
}
|
package/lib/index.d.ts
CHANGED
|
@@ -1,2 +1,10 @@
|
|
|
1
|
-
export
|
|
2
|
-
|
|
1
|
+
export * from "./rich-text-editor";
|
|
2
|
+
declare namespace _default {
|
|
3
|
+
export { install };
|
|
4
|
+
export { version };
|
|
5
|
+
}
|
|
6
|
+
export default _default;
|
|
7
|
+
export function install(app: any): void;
|
|
8
|
+
export const version: "1.0.10";
|
|
9
|
+
import RichTextEditor from './rich-text-editor';
|
|
10
|
+
export { RichTextEditor };
|
package/lib/index.js
CHANGED
|
@@ -16,6 +16,7 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
}
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
19
20
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
21
|
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
22
|
// file that has been converted to a CommonJS file using a Babel-
|
|
@@ -27,7 +28,28 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
27
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
29
|
var stdin_exports = {};
|
|
29
30
|
__export(stdin_exports, {
|
|
30
|
-
RichTextEditor: () => import_rich_text_editor.default
|
|
31
|
+
RichTextEditor: () => import_rich_text_editor.default,
|
|
32
|
+
default: () => stdin_default,
|
|
33
|
+
install: () => install,
|
|
34
|
+
version: () => version
|
|
31
35
|
});
|
|
32
36
|
module.exports = __toCommonJS(stdin_exports);
|
|
33
37
|
var import_rich_text_editor = __toESM(require("./rich-text-editor"));
|
|
38
|
+
__reExport(stdin_exports, require("./rich-text-editor"), module.exports);
|
|
39
|
+
const version = "1.0.10";
|
|
40
|
+
function install(app) {
|
|
41
|
+
const components = [
|
|
42
|
+
import_rich_text_editor.default
|
|
43
|
+
];
|
|
44
|
+
components.forEach((item) => {
|
|
45
|
+
if (item.install) {
|
|
46
|
+
app.use(item);
|
|
47
|
+
} else if (item.name) {
|
|
48
|
+
app.component(item.name, item);
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
var stdin_default = {
|
|
53
|
+
install,
|
|
54
|
+
version
|
|
55
|
+
};
|
|
@@ -49,7 +49,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
|
|
|
49
49
|
editor: editor2
|
|
50
50
|
}) => {
|
|
51
51
|
const html = editor2.getHTML();
|
|
52
|
-
|
|
52
|
+
const isEmpty = html === "<p></p>" || editor2.isEmpty;
|
|
53
|
+
emit("update:modelValue", isEmpty ? "" : html);
|
|
53
54
|
},
|
|
54
55
|
onSelectionUpdate: ({
|
|
55
56
|
editor: editor2
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ProseMirror{flex:1;overflow:auto;outline:none;line-height:1.6;font-size:var(--font-base);--white: #fff;--black: #2e2b29;--gray-1: rgba(61, 37, 20, .05);--gray-2: rgba(61, 37, 20, .08);--gray-3: rgba(61, 37, 20, .12);--gray-4: rgba(53, 38, 28, .3);--gray-5: rgba(28, 25, 23, .6);--green: #22c55e;--purple: #6a00f5;--purple-contrast: #5800cc;--purple-light: rgba(88, 5, 255, .05);--yellow-contrast: #facc15;--yellow: rgba(250, 204, 21, .4);--yellow-light: #fffae5;--red: #ff5c33;--red-light: #ffebe5;--shadow: 0px 12px 33px 0px rgba(0, 0, 0, .06), 0px 3.618px 9.949px 0px rgba(0, 0, 0, .04)}.ProseMirror :first-child{margin-top:0}.ProseMirror ol{list-style:auto}.ProseMirror ul{list-style:disc}.ProseMirror ol,.ProseMirror ul{padding-left:1.5em;margin:0 0 12px}.ProseMirror ol li p,.ProseMirror ul li p{margin-top:.25em;margin-bottom:.25em}.ProseMirror li::marker{text-align:start!important}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{line-height:1.1;margin-top:2.5rem;text-wrap:pretty}.ProseMirror h1,.ProseMirror h2{margin-top:1rem;margin-bottom:1rem}.ProseMirror h1{font-size:1.4rem}.ProseMirror h2{font-size:1.2rem}.ProseMirror h3{font-size:1.1rem}.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{font-size:1rem}.ProseMirror code{background-color:#ffe5e8;border-radius:.4rem;color:var(--black);font-size:.85rem;padding:.25em .3em}.ProseMirror pre{background:var(--black);border-radius:.5rem;color:var(--white);font-family:JetBrainsMono,monospace;margin:1.5rem 0;padding:.75rem 1rem}.ProseMirror pre code{background:none;color:inherit;font-size:.8rem;padding:0}.ProseMirror blockquote{border-left:3px solid var(--gray-3);margin:1.5rem 0;padding-left:1rem}.ProseMirror hr{border:none;border-top:1px solid var(--gray-2);margin:2rem 0}.ProseMirror p.is-editor-empty:first-child:before{color:var(--gray-4);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.ProseMirror .is-empty:before{color:var(--gray-4);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.ProseMirror table{border-collapse:collapse;margin:0;overflow:hidden;table-layout:fixed;width:100%}.ProseMirror table td,.ProseMirror table th{border:1px solid var(--gray-3);box-sizing:border-box;min-width:1em;padding:6px 8px;position:relative;vertical-align:top}.ProseMirror table td>*,.ProseMirror table th>*{margin-bottom:0}.ProseMirror table th{background-color:var(--gray-1);font-weight:700;text-align:left}.ProseMirror table .selectedCell:after{background:var(--gray-2);content:"";left:0;right:0;top:0;bottom:0;pointer-events:none;position:absolute;z-index:2}.ProseMirror table .column-resize-handle{background-color:var(--purple);bottom:-2px;pointer-events:none;position:absolute;right:-2px;top:0;width:4px}.ProseMirror .tableWrapper{margin:1.5rem 0;overflow-x:auto}.ProseMirror.resize-cursor{cursor:ew-resize;cursor:col-resize}.ProseMirror img{max-width:100%}.ProseMirror .mention{color:#c02537;padding:0 .3em}.animation-indent--right{animation:indent-right .5s cubic-bezier(.68,-.55,.27,1.55) 1 alternate-reverse}@keyframes indent-right{0%{transform:translate(0)}to{transform:translate(12px)}}
|
|
1
|
+
.ProseMirror{flex:1;overflow:auto;outline:none;line-height:1.6;font-size:var(--font-base);--white: #fff;--black: #2e2b29;--gray-1: rgba(61, 37, 20, .05);--gray-2: rgba(61, 37, 20, .08);--gray-3: rgba(61, 37, 20, .12);--gray-4: rgba(53, 38, 28, .3);--gray-5: rgba(28, 25, 23, .6);--green: #22c55e;--purple: #6a00f5;--purple-contrast: #5800cc;--purple-light: rgba(88, 5, 255, .05);--yellow-contrast: #facc15;--yellow: rgba(250, 204, 21, .4);--yellow-light: #fffae5;--red: #ff5c33;--red-light: #ffebe5;--shadow: 0px 12px 33px 0px rgba(0, 0, 0, .06), 0px 3.618px 9.949px 0px rgba(0, 0, 0, .04)}.ProseMirror :first-child{margin-top:0}.ProseMirror ol{list-style:auto}.ProseMirror ol ol,.ProseMirror ul{list-style:disc}.ProseMirror ol,.ProseMirror ul{padding-left:1.5em;margin:0 0 12px}.ProseMirror ol li p,.ProseMirror ul li p{margin-top:.25em;margin-bottom:.25em}.ProseMirror li::marker{text-align:start!important}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{line-height:1.1;margin-top:2.5rem;text-wrap:pretty}.ProseMirror h1,.ProseMirror h2{margin-top:1rem;margin-bottom:1rem}.ProseMirror h1{font-size:1.4rem}.ProseMirror h2{font-size:1.2rem}.ProseMirror h3{font-size:1.1rem}.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{font-size:1rem}.ProseMirror code{background-color:#ffe5e8;border-radius:.4rem;color:var(--black);font-size:.85rem;padding:.25em .3em}.ProseMirror pre{background:var(--black);border-radius:.5rem;color:var(--white);font-family:JetBrainsMono,monospace;margin:1.5rem 0;padding:.75rem 1rem}.ProseMirror pre code{background:none;color:inherit;font-size:.8rem;padding:0}.ProseMirror blockquote{border-left:3px solid var(--gray-3);margin:1.5rem 0;padding-left:1rem}.ProseMirror hr{border:none;border-top:1px solid var(--gray-2);margin:2rem 0}.ProseMirror p.is-editor-empty:first-child:before{color:var(--gray-4);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.ProseMirror .is-empty:before{color:var(--gray-4);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.ProseMirror table{border-collapse:collapse;margin:0;overflow:hidden;table-layout:fixed;width:100%}.ProseMirror table td,.ProseMirror table th{border:1px solid var(--gray-3);box-sizing:border-box;min-width:1em;padding:6px 8px;position:relative;vertical-align:top}.ProseMirror table td>*,.ProseMirror table th>*{margin-bottom:0}.ProseMirror table th{background-color:var(--gray-1);font-weight:700;text-align:left}.ProseMirror table .selectedCell:after{background:var(--gray-2);content:"";left:0;right:0;top:0;bottom:0;pointer-events:none;position:absolute;z-index:2}.ProseMirror table .column-resize-handle{background-color:var(--purple);bottom:-2px;pointer-events:none;position:absolute;right:-2px;top:0;width:4px}.ProseMirror .tableWrapper{margin:1.5rem 0;overflow-x:auto}.ProseMirror.resize-cursor{cursor:ew-resize;cursor:col-resize}.ProseMirror img{max-width:100%}.ProseMirror .mention{color:#c02537;padding:0 .3em}.animation-indent--right{animation:indent-right .5s cubic-bezier(.68,-.55,.27,1.55) 1 alternate-reverse}@keyframes indent-right{0%{transform:translate(0)}to{transform:translate(12px)}}
|
|
@@ -1,226 +1,229 @@
|
|
|
1
|
-
.ProseMirror {
|
|
2
|
-
flex: 1;
|
|
3
|
-
overflow: auto;
|
|
4
|
-
outline: none;
|
|
5
|
-
|
|
6
|
-
line-height: 1.6;
|
|
7
|
-
font-size: var(--font-base);
|
|
8
|
-
--white: #fff;
|
|
9
|
-
--black: #2e2b29;
|
|
10
|
-
--gray-1: rgba(61, 37, 20, 0.05);
|
|
11
|
-
--gray-2: rgba(61, 37, 20, 0.08);
|
|
12
|
-
--gray-3: rgba(61, 37, 20, 0.12);
|
|
13
|
-
--gray-4: rgba(53, 38, 28, 0.3);
|
|
14
|
-
--gray-5: rgba(28, 25, 23, 0.6);
|
|
15
|
-
--green: #22c55e;
|
|
16
|
-
--purple: #6a00f5;
|
|
17
|
-
--purple-contrast: #5800cc;
|
|
18
|
-
--purple-light: rgba(88, 5, 255, 0.05);
|
|
19
|
-
--yellow-contrast: #facc15;
|
|
20
|
-
--yellow: rgba(250, 204, 21, 0.4);
|
|
21
|
-
--yellow-light: #fffae5;
|
|
22
|
-
--red: #ff5c33;
|
|
23
|
-
--red-light: #ffebe5;
|
|
24
|
-
--shadow: 0px 12px 33px 0px rgba(0, 0, 0, 0.06), 0px 3.618px 9.949px 0px rgba(0, 0, 0, 0.04);
|
|
25
|
-
:first-child {
|
|
26
|
-
margin-top: 0;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
/* List styles */
|
|
30
|
-
ol {
|
|
31
|
-
list-style: auto;
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
1
|
+
.ProseMirror {
|
|
2
|
+
flex: 1;
|
|
3
|
+
overflow: auto;
|
|
4
|
+
outline: none;
|
|
5
|
+
|
|
6
|
+
line-height: 1.6;
|
|
7
|
+
font-size: var(--font-base);
|
|
8
|
+
--white: #fff;
|
|
9
|
+
--black: #2e2b29;
|
|
10
|
+
--gray-1: rgba(61, 37, 20, 0.05);
|
|
11
|
+
--gray-2: rgba(61, 37, 20, 0.08);
|
|
12
|
+
--gray-3: rgba(61, 37, 20, 0.12);
|
|
13
|
+
--gray-4: rgba(53, 38, 28, 0.3);
|
|
14
|
+
--gray-5: rgba(28, 25, 23, 0.6);
|
|
15
|
+
--green: #22c55e;
|
|
16
|
+
--purple: #6a00f5;
|
|
17
|
+
--purple-contrast: #5800cc;
|
|
18
|
+
--purple-light: rgba(88, 5, 255, 0.05);
|
|
19
|
+
--yellow-contrast: #facc15;
|
|
20
|
+
--yellow: rgba(250, 204, 21, 0.4);
|
|
21
|
+
--yellow-light: #fffae5;
|
|
22
|
+
--red: #ff5c33;
|
|
23
|
+
--red-light: #ffebe5;
|
|
24
|
+
--shadow: 0px 12px 33px 0px rgba(0, 0, 0, 0.06), 0px 3.618px 9.949px 0px rgba(0, 0, 0, 0.04);
|
|
25
|
+
:first-child {
|
|
26
|
+
margin-top: 0;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
/* List styles */
|
|
30
|
+
ol {
|
|
31
|
+
list-style: auto;
|
|
32
|
+
ol {
|
|
33
|
+
list-style: disc;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
ul {
|
|
38
|
+
list-style: disc;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
ol,
|
|
42
|
+
ul {
|
|
43
|
+
padding-left: 1.5em;
|
|
44
|
+
margin: 0 0 12px 0;
|
|
45
|
+
li p {
|
|
46
|
+
margin-top: 0.25em;
|
|
47
|
+
margin-bottom: 0.25em;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
li::marker {
|
|
52
|
+
text-align: start !important;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
/* Heading styles */
|
|
56
|
+
h1,
|
|
57
|
+
h2,
|
|
58
|
+
h3,
|
|
59
|
+
h4,
|
|
60
|
+
h5,
|
|
61
|
+
h6 {
|
|
62
|
+
line-height: 1.1;
|
|
63
|
+
margin-top: 2.5rem;
|
|
64
|
+
text-wrap: pretty;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
h1,
|
|
68
|
+
h2 {
|
|
69
|
+
margin-top: 1rem;
|
|
70
|
+
margin-bottom: 1rem;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
h1 {
|
|
74
|
+
font-size: 1.4rem;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
h2 {
|
|
78
|
+
font-size: 1.2rem;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
h3 {
|
|
82
|
+
font-size: 1.1rem;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
h4,
|
|
86
|
+
h5,
|
|
87
|
+
h6 {
|
|
88
|
+
font-size: 1rem;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
/* Code and preformatted text styles */
|
|
92
|
+
code {
|
|
93
|
+
background-color: #ffe5e8;
|
|
94
|
+
border-radius: 0.4rem;
|
|
95
|
+
color: var(--black);
|
|
96
|
+
font-size: 0.85rem;
|
|
97
|
+
padding: 0.25em 0.3em;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
pre {
|
|
101
|
+
background: var(--black);
|
|
102
|
+
border-radius: 0.5rem;
|
|
103
|
+
color: var(--white);
|
|
104
|
+
font-family: 'JetBrainsMono', monospace;
|
|
105
|
+
margin: 1.5rem 0;
|
|
106
|
+
padding: 0.75rem 1rem;
|
|
107
|
+
|
|
108
|
+
code {
|
|
109
|
+
background: none;
|
|
110
|
+
color: inherit;
|
|
111
|
+
font-size: 0.8rem;
|
|
112
|
+
padding: 0;
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
blockquote {
|
|
117
|
+
border-left: 3px solid var(--gray-3);
|
|
118
|
+
margin: 1.5rem 0;
|
|
119
|
+
padding-left: 1rem;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
hr {
|
|
123
|
+
border: none;
|
|
124
|
+
border-top: 1px solid var(--gray-2);
|
|
125
|
+
margin: 2rem 0;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
/* Placeholder (at the top) */
|
|
129
|
+
p.is-editor-empty:first-child::before {
|
|
130
|
+
color: var(--gray-4);
|
|
131
|
+
content: attr(data-placeholder);
|
|
132
|
+
float: left;
|
|
133
|
+
height: 0;
|
|
134
|
+
pointer-events: none;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.is-empty::before {
|
|
138
|
+
color: var(--gray-4);
|
|
139
|
+
content: attr(data-placeholder);
|
|
140
|
+
float: left;
|
|
141
|
+
height: 0;
|
|
142
|
+
pointer-events: none;
|
|
143
|
+
}
|
|
144
|
+
/* Table-specific styling */
|
|
145
|
+
table {
|
|
146
|
+
border-collapse: collapse;
|
|
147
|
+
margin: 0;
|
|
148
|
+
overflow: hidden;
|
|
149
|
+
table-layout: fixed;
|
|
150
|
+
width: 100%;
|
|
151
|
+
|
|
152
|
+
td,
|
|
153
|
+
th {
|
|
154
|
+
border: 1px solid var(--gray-3);
|
|
155
|
+
box-sizing: border-box;
|
|
156
|
+
min-width: 1em;
|
|
157
|
+
padding: 6px 8px;
|
|
158
|
+
position: relative;
|
|
159
|
+
vertical-align: top;
|
|
160
|
+
|
|
161
|
+
> * {
|
|
162
|
+
margin-bottom: 0;
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
th {
|
|
167
|
+
background-color: var(--gray-1);
|
|
168
|
+
font-weight: bold;
|
|
169
|
+
text-align: left;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
.selectedCell:after {
|
|
173
|
+
background: var(--gray-2);
|
|
174
|
+
content: '';
|
|
175
|
+
left: 0;
|
|
176
|
+
right: 0;
|
|
177
|
+
top: 0;
|
|
178
|
+
bottom: 0;
|
|
179
|
+
pointer-events: none;
|
|
180
|
+
position: absolute;
|
|
181
|
+
z-index: 2;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
.column-resize-handle {
|
|
185
|
+
background-color: var(--purple);
|
|
186
|
+
bottom: -2px;
|
|
187
|
+
pointer-events: none;
|
|
188
|
+
position: absolute;
|
|
189
|
+
right: -2px;
|
|
190
|
+
top: 0;
|
|
191
|
+
width: 4px;
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
.tableWrapper {
|
|
196
|
+
margin: 1.5rem 0;
|
|
197
|
+
overflow-x: auto;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
&.resize-cursor {
|
|
201
|
+
cursor: ew-resize;
|
|
202
|
+
cursor: col-resize;
|
|
203
|
+
}
|
|
204
|
+
img {
|
|
205
|
+
max-width: 100%;
|
|
206
|
+
}
|
|
207
|
+
// @人的样式
|
|
208
|
+
.mention {
|
|
209
|
+
color: #c02537;
|
|
210
|
+
padding: 0 0.3em;
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
// animation
|
|
215
|
+
.animation-indent--right {
|
|
216
|
+
animation: indent-right 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 1 alternate-reverse;
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
@keyframes indent-right {
|
|
220
|
+
0% {
|
|
221
|
+
-webkit-transform: translateX(0);
|
|
222
|
+
transform: translateX(0);
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
to {
|
|
226
|
+
-webkit-transform: translateX(12px);
|
|
227
|
+
transform: translateX(12px);
|
|
228
|
+
}
|
|
229
|
+
}
|
package/lib/vue-sfc-shim.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
declare module '*.vue' {
|
|
2
|
-
// eslint-disable-next-line
|
|
3
|
-
import { DefineComponent } from 'vue'
|
|
4
|
-
const Component: DefineComponent
|
|
5
|
-
export default Component
|
|
6
|
-
}
|
|
1
|
+
declare module '*.vue' {
|
|
2
|
+
// eslint-disable-next-line
|
|
3
|
+
import { DefineComponent } from 'vue'
|
|
4
|
+
const Component: DefineComponent
|
|
5
|
+
export default Component
|
|
6
|
+
}
|
package/lib/vue-tsx-shim.d.ts
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import 'vue';
|
|
2
|
-
|
|
3
|
-
type EventHandler = (...args: any[]) => void;
|
|
4
|
-
|
|
5
|
-
declare module 'vue' {
|
|
6
|
-
interface ComponentCustomProps {
|
|
7
|
-
id?: string;
|
|
8
|
-
role?: string;
|
|
9
|
-
tabindex?: number;
|
|
10
|
-
onClick?: EventHandler;
|
|
11
|
-
onTouchend?: EventHandler;
|
|
12
|
-
onTouchmove?: EventHandler;
|
|
13
|
-
onTouchstart?: EventHandler;
|
|
14
|
-
onTouchcancel?: EventHandler;
|
|
15
|
-
onTouchmovePassive?: EventHandler;
|
|
16
|
-
onTouchstartPassive?: EventHandler;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
interface HTMLAttributes {
|
|
20
|
-
onTouchmovePassive?: EventHandler;
|
|
21
|
-
onTouchstartPassive?: EventHandler;
|
|
22
|
-
onClickCapture?: EventHandler;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
1
|
+
import 'vue';
|
|
2
|
+
|
|
3
|
+
type EventHandler = (...args: any[]) => void;
|
|
4
|
+
|
|
5
|
+
declare module 'vue' {
|
|
6
|
+
interface ComponentCustomProps {
|
|
7
|
+
id?: string;
|
|
8
|
+
role?: string;
|
|
9
|
+
tabindex?: number;
|
|
10
|
+
onClick?: EventHandler;
|
|
11
|
+
onTouchend?: EventHandler;
|
|
12
|
+
onTouchmove?: EventHandler;
|
|
13
|
+
onTouchstart?: EventHandler;
|
|
14
|
+
onTouchcancel?: EventHandler;
|
|
15
|
+
onTouchmovePassive?: EventHandler;
|
|
16
|
+
onTouchstartPassive?: EventHandler;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
interface HTMLAttributes {
|
|
20
|
+
onTouchmovePassive?: EventHandler;
|
|
21
|
+
onTouchstartPassive?: EventHandler;
|
|
22
|
+
onClickCapture?: EventHandler;
|
|
23
|
+
}
|
|
24
|
+
}
|