@wg-npm/survey-response 0.5.205 → 0.5.213
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/dist/survey-response.esm.js +200 -161
- package/package.json +6 -6
- package/src/components/question/type/fill-blank.vue +1 -19
- package/src/components/question/type/quill-rich-text.vue +117 -45
- package/src/components/question/type/short-answer.vue +1 -19
- package/src/constants.ts +1 -0
- package/src/locale/lang/en-US.ts +1 -0
- package/src/locale/lang/zh-CN.ts +2 -1
|
@@ -16933,23 +16933,117 @@ Quill.register({
|
|
|
16933
16933
|
|
|
16934
16934
|
const EventBus = new Vue();
|
|
16935
16935
|
|
|
16936
|
+
var defaultLang = {
|
|
16937
|
+
survey_response: {
|
|
16938
|
+
locale: "zh-CN",
|
|
16939
|
+
common: {
|
|
16940
|
+
back: "返回",
|
|
16941
|
+
save: "保存",
|
|
16942
|
+
submit: "提交",
|
|
16943
|
+
cancel: "取消",
|
|
16944
|
+
languages: {
|
|
16945
|
+
"zh-CN": "简体中文",
|
|
16946
|
+
"zh-TW": "繁体中文",
|
|
16947
|
+
"en-US": "English",
|
|
16948
|
+
},
|
|
16949
|
+
tips: {
|
|
16950
|
+
get_screen_shot_name: "插入视频截图",
|
|
16951
|
+
upload_image_exceed_the_limit: "图片数量超过限制",
|
|
16952
|
+
max_length_hint: "字数超过限制",
|
|
16953
|
+
upload_fail: "上传文件失败",
|
|
16954
|
+
},
|
|
16955
|
+
},
|
|
16956
|
+
question: {
|
|
16957
|
+
please_enter: "请填写",
|
|
16958
|
+
question_required: "此题必填",
|
|
16959
|
+
survey_confirm_content: "确认要提交问卷?",
|
|
16960
|
+
noQuestion: "还未添加题目!",
|
|
16961
|
+
input_text_limit: "输入项字数不少于{0}字",
|
|
16962
|
+
choice_required: "此项必填",
|
|
16963
|
+
},
|
|
16964
|
+
},
|
|
16965
|
+
};
|
|
16966
|
+
|
|
16967
|
+
let lang = defaultLang;
|
|
16968
|
+
let merged = false;
|
|
16969
|
+
let i18nHandler = function (...args) {
|
|
16970
|
+
const vuei18n = Object.getPrototypeOf(this || Vue).$t;
|
|
16971
|
+
if (typeof vuei18n === "function" && !!Vue.locale) {
|
|
16972
|
+
if (!merged) {
|
|
16973
|
+
merged = true;
|
|
16974
|
+
Vue.locale(Vue.config.lang, deepmerge(lang, Vue.locale(Vue.config.lang) || {}, { clone: true }));
|
|
16975
|
+
}
|
|
16976
|
+
return vuei18n.apply(this, args);
|
|
16977
|
+
}
|
|
16978
|
+
};
|
|
16979
|
+
const t = function (...args) {
|
|
16980
|
+
let value = i18nHandler.apply(this, args);
|
|
16981
|
+
if (value !== null && typeof value !== "undefined") {
|
|
16982
|
+
return value;
|
|
16983
|
+
}
|
|
16984
|
+
const array = args[0].split(".");
|
|
16985
|
+
let current = lang;
|
|
16986
|
+
for (let i = 0, len = array.length; i < len; i++) {
|
|
16987
|
+
const property = array[i];
|
|
16988
|
+
value = current[property];
|
|
16989
|
+
if (i === len - 1) {
|
|
16990
|
+
return value;
|
|
16991
|
+
}
|
|
16992
|
+
else if (!value) {
|
|
16993
|
+
return "";
|
|
16994
|
+
}
|
|
16995
|
+
current = value;
|
|
16996
|
+
}
|
|
16997
|
+
return "";
|
|
16998
|
+
};
|
|
16999
|
+
const use = function (l) {
|
|
17000
|
+
lang = l || lang;
|
|
17001
|
+
};
|
|
17002
|
+
const i18n = function (fn) {
|
|
17003
|
+
i18nHandler = fn || i18nHandler;
|
|
17004
|
+
};
|
|
17005
|
+
function currentLang() {
|
|
17006
|
+
return lang;
|
|
17007
|
+
}
|
|
17008
|
+
var locale = { use, t, i18n, currentLang };
|
|
17009
|
+
|
|
17010
|
+
var LocaleMixin = Vue.extend({
|
|
17011
|
+
methods: {
|
|
17012
|
+
t(...args) {
|
|
17013
|
+
return t.apply(this, args);
|
|
17014
|
+
},
|
|
17015
|
+
i18nText(obj, prettyMath = true) {
|
|
17016
|
+
return translate(obj, this.$surveyLanguage, prettyMath);
|
|
17017
|
+
},
|
|
17018
|
+
},
|
|
17019
|
+
});
|
|
17020
|
+
|
|
17021
|
+
class Constants {
|
|
17022
|
+
constructor() {
|
|
17023
|
+
this.STATUS_ENABLED = "ENABLED";
|
|
17024
|
+
this.STATUS_DRAFT = "DRAFT";
|
|
17025
|
+
this.RICH_TEXT_IMAGE_COUNT_LIMIT = 20;
|
|
17026
|
+
}
|
|
17027
|
+
}
|
|
17028
|
+
const consts = new Constants();
|
|
17029
|
+
|
|
16936
17030
|
//
|
|
16937
17031
|
var script$f = Vue.extend({
|
|
16938
17032
|
name: "QuillEditor",
|
|
16939
17033
|
inject: {
|
|
16940
17034
|
showVideoScreenShotButton: {
|
|
16941
17035
|
default: false
|
|
17036
|
+
},
|
|
17037
|
+
$rootComponent: {
|
|
17038
|
+
default: {}
|
|
16942
17039
|
}
|
|
16943
17040
|
},
|
|
17041
|
+
mixins: [LocaleMixin],
|
|
16944
17042
|
props: {
|
|
16945
17043
|
value: {
|
|
16946
17044
|
type: String,
|
|
16947
17045
|
default: ""
|
|
16948
17046
|
},
|
|
16949
|
-
content: {
|
|
16950
|
-
type: String,
|
|
16951
|
-
default: ""
|
|
16952
|
-
},
|
|
16953
17047
|
placeholder: {
|
|
16954
17048
|
type: String,
|
|
16955
17049
|
default: ""
|
|
@@ -16961,52 +17055,57 @@ var script$f = Vue.extend({
|
|
|
16961
17055
|
maxlength: {
|
|
16962
17056
|
type: Number,
|
|
16963
17057
|
default: 5000
|
|
16964
|
-
},
|
|
16965
|
-
videoScreenShotButtonName: {
|
|
16966
|
-
type: String,
|
|
16967
|
-
default: "插入视频截图"
|
|
16968
|
-
},
|
|
16969
|
-
uploadImageExceedLimit: {
|
|
16970
|
-
type: String,
|
|
16971
|
-
default: "图片数量超过限制"
|
|
16972
|
-
},
|
|
16973
|
-
maxLengthHint: {
|
|
16974
|
-
type: String,
|
|
16975
|
-
default: "字数超过限制"
|
|
16976
17058
|
}
|
|
16977
17059
|
},
|
|
16978
17060
|
mounted() {
|
|
16979
17061
|
this.initQuill();
|
|
16980
|
-
this.changeVideoScreenShotButtonName();
|
|
16981
17062
|
EventBus.$on("screen-shot-urls", this.handleScreenShotUrl);
|
|
16982
17063
|
this.componentId = this.generateRandomId();
|
|
16983
17064
|
},
|
|
16984
17065
|
computed: {
|
|
16985
17066
|
imageCount() {
|
|
16986
17067
|
let imgTagRegex = /<img\s[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/g;
|
|
16987
|
-
let matches = this.
|
|
17068
|
+
let matches = this.value.match(imgTagRegex);
|
|
16988
17069
|
return matches ? matches.length : 0;
|
|
16989
17070
|
}
|
|
16990
17071
|
},
|
|
16991
17072
|
methods: {
|
|
16992
17073
|
handleScreenShotUrl(screenData) {
|
|
16993
17074
|
if (this.componentId === screenData.messageId) {
|
|
16994
|
-
if (this.imageCount >
|
|
16995
|
-
this.$Message.error(this.
|
|
17075
|
+
if (this.imageCount > consts.RICH_TEXT_IMAGE_COUNT_LIMIT) {
|
|
17076
|
+
this.$Message.error(this.getLocaleValue("survey_response.common.tips.upload_image_exceed_the_limit"));
|
|
16996
17077
|
return;
|
|
16997
17078
|
}
|
|
16998
17079
|
for (let url of screenData.urls) {
|
|
16999
|
-
|
|
17000
|
-
|
|
17001
|
-
|
|
17002
|
-
|
|
17003
|
-
|
|
17004
|
-
|
|
17005
|
-
|
|
17006
|
-
|
|
17007
|
-
this.quill.
|
|
17008
|
-
|
|
17080
|
+
this.insertImageUrl(url);
|
|
17081
|
+
}
|
|
17082
|
+
}
|
|
17083
|
+
},
|
|
17084
|
+
insertImageEmbed(url) {
|
|
17085
|
+
let range = this.quill.getSelection();
|
|
17086
|
+
if (!range) {
|
|
17087
|
+
range = {
|
|
17088
|
+
index: this.quill.getLength(),
|
|
17089
|
+
length: 0
|
|
17090
|
+
};
|
|
17091
|
+
}
|
|
17092
|
+
this.quill.insertEmbed(range, "image", url, "user");
|
|
17093
|
+
this.$nextTick(() => {
|
|
17094
|
+
this.quill.update("user");
|
|
17095
|
+
});
|
|
17096
|
+
},
|
|
17097
|
+
insertImageUrl(url) {
|
|
17098
|
+
if (url) {
|
|
17099
|
+
let range = this.quill.getSelection();
|
|
17100
|
+
if (!range) {
|
|
17101
|
+
range = {
|
|
17102
|
+
index: this.quill.getLength(),
|
|
17103
|
+
length: 0
|
|
17104
|
+
};
|
|
17009
17105
|
}
|
|
17106
|
+
const imgTag = `<img src="${url}" alt="image load fail">`;
|
|
17107
|
+
this.quill.clipboard.dangerouslyPasteHTML(range.index, imgTag);
|
|
17108
|
+
this.quill.setSelection(range.index + 1);
|
|
17010
17109
|
}
|
|
17011
17110
|
},
|
|
17012
17111
|
changeVideoScreenShotButtonName() {
|
|
@@ -17015,7 +17114,7 @@ var script$f = Vue.extend({
|
|
|
17015
17114
|
const buttons = toolbar.container.querySelectorAll("button.ql-video-screen-shot");
|
|
17016
17115
|
if (buttons.length > 0) {
|
|
17017
17116
|
let button = buttons[0];
|
|
17018
|
-
button.innerHTML = this.
|
|
17117
|
+
button.innerHTML = this.getLocaleValue("survey_response.common.tips.get_screen_shot_name");
|
|
17019
17118
|
button.style.padding = "2px";
|
|
17020
17119
|
button.style.fontSize = "12px";
|
|
17021
17120
|
button.style.color = "rgb(105, 140, 208)";
|
|
@@ -17046,10 +17145,10 @@ var script$f = Vue.extend({
|
|
|
17046
17145
|
this.quill = new Quill(this.$refs.editor, {
|
|
17047
17146
|
theme: "snow",
|
|
17048
17147
|
// 或者 'bubble'
|
|
17049
|
-
placeholder: this.placeholder,
|
|
17050
|
-
readOnly:
|
|
17148
|
+
placeholder: this.disabled ? "" : this.placeholder,
|
|
17149
|
+
readOnly: this.disabled,
|
|
17051
17150
|
modules: {
|
|
17052
|
-
toolbar: {
|
|
17151
|
+
toolbar: this.disabled ? false : {
|
|
17053
17152
|
container: toolbarOptions,
|
|
17054
17153
|
handlers: {
|
|
17055
17154
|
"video-screen-shot": this.customVideoScreenShot
|
|
@@ -17059,19 +17158,44 @@ var script$f = Vue.extend({
|
|
|
17059
17158
|
});
|
|
17060
17159
|
this.quill.root.innerHTML = this.value;
|
|
17061
17160
|
this.quill.on("text-change", this.handleTextChange);
|
|
17161
|
+
//quill 剪切事件自定义处理
|
|
17162
|
+
this.quill.root.addEventListener("paste", this.handlePaste, true);
|
|
17163
|
+
if (this.showVideoScreenShotButton && !this.disabled) {
|
|
17164
|
+
this.changeVideoScreenShotButtonName();
|
|
17165
|
+
}
|
|
17062
17166
|
},
|
|
17063
17167
|
handleTextChange() {
|
|
17064
|
-
this.editorContent = this.quill.root.innerHTML;
|
|
17065
17168
|
let text = this.quill.getText();
|
|
17066
17169
|
if (text.length > this.maxlength) {
|
|
17067
|
-
this.$Message.error(this.
|
|
17170
|
+
this.$Message.error(this.getLocaleValue("survey_response.common.tips.max_length_hint"));
|
|
17068
17171
|
this.quill.deleteText(this.maxlength, text.trim().length);
|
|
17069
17172
|
}
|
|
17070
17173
|
text = this.quill.getText();
|
|
17071
|
-
|
|
17072
|
-
|
|
17073
|
-
|
|
17074
|
-
|
|
17174
|
+
this.$emit("input", this.quill.root.innerHTML);
|
|
17175
|
+
},
|
|
17176
|
+
handlePaste(event) {
|
|
17177
|
+
let clipboard = event.clipboardData || window.clipboardData;
|
|
17178
|
+
|
|
17179
|
+
// IE 11 is .files other browsers are .items
|
|
17180
|
+
if (clipboard && (clipboard.items || clipboard.files)) {
|
|
17181
|
+
let items = clipboard.items || clipboard.files;
|
|
17182
|
+
const IMAGE_MIME_REGEX = /^image\/(jpe?g|gif|png|svg|webp)$/i;
|
|
17183
|
+
for (let i = 0; i < items.length; i++) {
|
|
17184
|
+
if (IMAGE_MIME_REGEX.test(items[i].type)) {
|
|
17185
|
+
let file = items[i].getAsFile ? items[i].getAsFile() : items[i];
|
|
17186
|
+
if (file) {
|
|
17187
|
+
this.quill.focus();
|
|
17188
|
+
this.range = this.quill.getSelection();
|
|
17189
|
+
event.preventDefault();
|
|
17190
|
+
setTimeout(() => {
|
|
17191
|
+
this.quill.focus();
|
|
17192
|
+
this.range = this.quill.getSelection();
|
|
17193
|
+
this.uploadAndInsertImage(file);
|
|
17194
|
+
}, 0);
|
|
17195
|
+
}
|
|
17196
|
+
}
|
|
17197
|
+
}
|
|
17198
|
+
}
|
|
17075
17199
|
},
|
|
17076
17200
|
customVideoScreenShot() {
|
|
17077
17201
|
//获取视频截图
|
|
@@ -17079,25 +17203,50 @@ var script$f = Vue.extend({
|
|
|
17079
17203
|
},
|
|
17080
17204
|
generateRandomId() {
|
|
17081
17205
|
return "id-" + Math.random().toString(36).slice(2, 11) + "-" + Date.now();
|
|
17206
|
+
},
|
|
17207
|
+
getLocaleValue(key) {
|
|
17208
|
+
return this.t(key, this.$rootComponent.currentLanguage);
|
|
17209
|
+
},
|
|
17210
|
+
uploadAndInsertImage(file) {
|
|
17211
|
+
console.log("ready to upload file", file);
|
|
17212
|
+
const formData = new FormData();
|
|
17213
|
+
formData.append("file", file);
|
|
17214
|
+
let qmsAxios = this.$serverHttp;
|
|
17215
|
+
if (qmsAxios) {
|
|
17216
|
+
qmsAxios.post("/api/storage/upload/file", formData).then(response => {
|
|
17217
|
+
console.log("upload interface response:", response);
|
|
17218
|
+
if (response.status === 200 && response.data.data) {
|
|
17219
|
+
let imageUrl = response.data.data.downloadUrl;
|
|
17220
|
+
console.log("wait to insert image url is:", imageUrl);
|
|
17221
|
+
this.insertImageUrl(imageUrl);
|
|
17222
|
+
}
|
|
17223
|
+
}).catch(error => {
|
|
17224
|
+
console.log("upload fail", error);
|
|
17225
|
+
this.$Message.error(this.getLocaleValue("survey_response.common.tips.upload_fail"));
|
|
17226
|
+
});
|
|
17227
|
+
}
|
|
17082
17228
|
}
|
|
17083
17229
|
},
|
|
17084
17230
|
data() {
|
|
17085
17231
|
return {
|
|
17086
17232
|
quill: null,
|
|
17087
|
-
componentId: null
|
|
17088
|
-
editorContent: ""
|
|
17233
|
+
componentId: null
|
|
17089
17234
|
};
|
|
17090
17235
|
},
|
|
17091
17236
|
watch: {
|
|
17092
17237
|
value(newValue) {
|
|
17093
17238
|
if (newValue !== this.quill.root.innerHTML) {
|
|
17094
17239
|
this.quill.root.innerHTML = newValue;
|
|
17240
|
+
this.$nextTick(() => {
|
|
17241
|
+
this.quill.setSelection(newValue.length);
|
|
17242
|
+
});
|
|
17095
17243
|
}
|
|
17096
17244
|
}
|
|
17097
17245
|
},
|
|
17098
17246
|
beforeDestroy() {
|
|
17099
17247
|
// 移除事件监听器
|
|
17100
17248
|
EventBus.$off("screen-shot-urls", this.handleScreenShotUrl);
|
|
17249
|
+
this.quill.root.removeEventListener("paste", this.handlePaste);
|
|
17101
17250
|
}
|
|
17102
17251
|
});
|
|
17103
17252
|
|
|
@@ -17111,9 +17260,9 @@ var __vue_staticRenderFns__$f = [];
|
|
|
17111
17260
|
/* style */
|
|
17112
17261
|
const __vue_inject_styles__$f = function (inject) {
|
|
17113
17262
|
if (!inject) return
|
|
17114
|
-
inject("data-v-8e7a0246_0", { source: "/*!\n * Quill Editor v2.0.2\n * https://quilljs.com\n * Copyright (c) 2017-2024, Slab\n * Copyright (c) 2014, Jason Chen\n * Copyright (c) 2013, salesforce.com\n */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:0;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre{margin:0;padding:0}@supports (counter-set:none){.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor p{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor p{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:'\\2022'}.ql-editor li[data-list=checked]>.ql-ui:before{content:'\\2611'}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:'\\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:0}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:'';display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:0 0;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:0}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor .ql-code-block-container,.ql-snow .ql-editor code{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item::before,.ql-snow .ql-picker.ql-header .ql-picker-label::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"1\"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"1\"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"2\"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"2\"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"3\"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"3\"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"4\"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"4\"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"5\"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"5\"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"6\"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"6\"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"1\"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"2\"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"3\"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"4\"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"5\"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"6\"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item::before,.ql-snow .ql-picker.ql-font .ql-picker-label::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item::before,.ql-snow .ql-picker.ql-size .ql-picker-label::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:\"Visit URL:\";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:\"Enter link:\"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:\"Enter formula:\"}.ql-snow .ql-tooltip[data-mode=video]::before{content:\"Enter video:\"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}", map: undefined, media: undefined })
|
|
17115
|
-
,inject("data-v-8e7a0246_1", { source: "/*!\n * Quill Editor v2.0.2\n * https://quilljs.com\n * Copyright (c) 2017-2024, Slab\n * Copyright (c) 2014, Jason Chen\n * Copyright (c) 2013, salesforce.com\n */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:0;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre{margin:0;padding:0}@supports (counter-set:none){.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor p{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor p{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:'\\2022'}.ql-editor li[data-list=checked]>.ql-ui:before{content:'\\2611'}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:'\\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:0}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}", map: undefined, media: undefined })
|
|
17116
|
-
,inject("data-v-
|
|
17263
|
+
inject("data-v-9454295a_0", { source: "/*!\n * Quill Editor v2.0.2\n * https://quilljs.com\n * Copyright (c) 2017-2024, Slab\n * Copyright (c) 2014, Jason Chen\n * Copyright (c) 2013, salesforce.com\n */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:0;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre{margin:0;padding:0}@supports (counter-set:none){.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor p{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor p{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:'\\2022'}.ql-editor li[data-list=checked]>.ql-ui:before{content:'\\2611'}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:'\\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:0}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:'';display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:0 0;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:0}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor .ql-code-block-container,.ql-snow .ql-editor code{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item::before,.ql-snow .ql-picker.ql-header .ql-picker-label::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"1\"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"1\"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"2\"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"2\"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"3\"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"3\"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"4\"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"4\"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"5\"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"5\"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"6\"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"6\"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"1\"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"2\"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"3\"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"4\"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"5\"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"6\"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item::before,.ql-snow .ql-picker.ql-font .ql-picker-label::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item::before,.ql-snow .ql-picker.ql-size .ql-picker-label::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:\"Visit URL:\";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:\"Enter link:\"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:\"Enter formula:\"}.ql-snow .ql-tooltip[data-mode=video]::before{content:\"Enter video:\"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}", map: undefined, media: undefined })
|
|
17264
|
+
,inject("data-v-9454295a_1", { source: "/*!\n * Quill Editor v2.0.2\n * https://quilljs.com\n * Copyright (c) 2017-2024, Slab\n * Copyright (c) 2014, Jason Chen\n * Copyright (c) 2013, salesforce.com\n */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:0;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre{margin:0;padding:0}@supports (counter-set:none){.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor p{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor p{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:'\\2022'}.ql-editor li[data-list=checked]>.ql-ui:before{content:'\\2611'}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:'\\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:0}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}", map: undefined, media: undefined })
|
|
17265
|
+
,inject("data-v-9454295a_2", { source: ".ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:0 4px 2px 4px}.ql-snow .ql-editor img{max-width:600px;height:auto;width:100%}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:0;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word;max-height:500px}", map: undefined, media: undefined });
|
|
17117
17266
|
|
|
17118
17267
|
};
|
|
17119
17268
|
/* scoped */
|
|
@@ -17204,26 +17353,17 @@ const __vue_script__$e = script$e;
|
|
|
17204
17353
|
var __vue_render__$e = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('FormItem',{attrs:{"prop":_vm.answerProp,"rules":{
|
|
17205
17354
|
required: _vm.question.options.required,
|
|
17206
17355
|
message: _vm.t('survey_response.question.question_required'),
|
|
17207
|
-
}}},[_c('quill-rich-text',{attrs:{"disabled":_vm.question.options.readonly,"placeholder":_vm.placeholder,"maxlength":_vm.question.options.wordLimit,"
|
|
17208
|
-
'survey_response.common.tips.get_screen_shot_name',
|
|
17209
|
-
_vm.$rootComponent.currentLanguage
|
|
17210
|
-
),"upload-image-exceed-limit":_vm.t(
|
|
17211
|
-
'survey_response.common.tips.upload_image_exceed_the_limit',
|
|
17212
|
-
_vm.$rootComponent.currentLanguage
|
|
17213
|
-
),"max-length-hint":_vm.t(
|
|
17214
|
-
'survey_response.common.tips.max_length_hint',
|
|
17215
|
-
_vm.$rootComponent.currentLanguage
|
|
17216
|
-
)},model:{value:(_vm.value.answer),callback:function ($$v) {_vm.$set(_vm.value, "answer", (typeof $$v === 'string'? $$v.trim(): $$v));},expression:"value.answer"}}),_vm._v(" "),_c('div')],1)],1)};
|
|
17356
|
+
}}},[_c('quill-rich-text',{attrs:{"disabled":_vm.readonly || _vm.question.options.readonly,"placeholder":_vm.placeholder,"maxlength":_vm.question.options.wordLimit},model:{value:(_vm.value.answer),callback:function ($$v) {_vm.$set(_vm.value, "answer", (typeof $$v === 'string'? $$v.trim(): $$v));},expression:"value.answer"}}),_vm._v(" "),_c('div')],1)],1)};
|
|
17217
17357
|
var __vue_staticRenderFns__$e = [];
|
|
17218
17358
|
|
|
17219
17359
|
/* style */
|
|
17220
17360
|
const __vue_inject_styles__$e = function (inject) {
|
|
17221
17361
|
if (!inject) return
|
|
17222
|
-
inject("data-v-
|
|
17362
|
+
inject("data-v-e120591e_0", { source: ".processed-answer[data-v-e120591e]{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc;width:100%;min-height:94px;border:1px solid #dcdee2;border-radius:4px;padding:4px 8px;line-height:1.5}", map: undefined, media: undefined });
|
|
17223
17363
|
|
|
17224
17364
|
};
|
|
17225
17365
|
/* scoped */
|
|
17226
|
-
const __vue_scope_id__$e = "data-v-
|
|
17366
|
+
const __vue_scope_id__$e = "data-v-e120591e";
|
|
17227
17367
|
/* module identifier */
|
|
17228
17368
|
const __vue_module_identifier__$e = undefined;
|
|
17229
17369
|
/* functional template */
|
|
@@ -17574,90 +17714,6 @@ var __vue_staticRenderFns__$b = [];
|
|
|
17574
17714
|
|
|
17575
17715
|
var TextTitle = __vue_component__$b;
|
|
17576
17716
|
|
|
17577
|
-
var defaultLang = {
|
|
17578
|
-
survey_response: {
|
|
17579
|
-
locale: "zh-CN",
|
|
17580
|
-
common: {
|
|
17581
|
-
back: "返回",
|
|
17582
|
-
save: "保存",
|
|
17583
|
-
submit: "提交",
|
|
17584
|
-
cancel: "取消",
|
|
17585
|
-
languages: {
|
|
17586
|
-
"zh-CN": "简体中文",
|
|
17587
|
-
"zh-TW": "繁体中文",
|
|
17588
|
-
"en-US": "English",
|
|
17589
|
-
},
|
|
17590
|
-
tips: {
|
|
17591
|
-
get_screen_shot_name: "插入视频截图",
|
|
17592
|
-
upload_image_exceed_the_limit: "图片数量超过限制",
|
|
17593
|
-
max_length_hint: "字数超过限制",
|
|
17594
|
-
}
|
|
17595
|
-
},
|
|
17596
|
-
question: {
|
|
17597
|
-
please_enter: "请填写",
|
|
17598
|
-
question_required: "此题必填",
|
|
17599
|
-
survey_confirm_content: "确认要提交问卷?",
|
|
17600
|
-
noQuestion: "还未添加题目!",
|
|
17601
|
-
input_text_limit: "输入项字数不少于{0}字",
|
|
17602
|
-
choice_required: "此项必填",
|
|
17603
|
-
},
|
|
17604
|
-
},
|
|
17605
|
-
};
|
|
17606
|
-
|
|
17607
|
-
let lang = defaultLang;
|
|
17608
|
-
let merged = false;
|
|
17609
|
-
let i18nHandler = function (...args) {
|
|
17610
|
-
const vuei18n = Object.getPrototypeOf(this || Vue).$t;
|
|
17611
|
-
if (typeof vuei18n === "function" && !!Vue.locale) {
|
|
17612
|
-
if (!merged) {
|
|
17613
|
-
merged = true;
|
|
17614
|
-
Vue.locale(Vue.config.lang, deepmerge(lang, Vue.locale(Vue.config.lang) || {}, { clone: true }));
|
|
17615
|
-
}
|
|
17616
|
-
return vuei18n.apply(this, args);
|
|
17617
|
-
}
|
|
17618
|
-
};
|
|
17619
|
-
const t = function (...args) {
|
|
17620
|
-
let value = i18nHandler.apply(this, args);
|
|
17621
|
-
if (value !== null && typeof value !== "undefined") {
|
|
17622
|
-
return value;
|
|
17623
|
-
}
|
|
17624
|
-
const array = args[0].split(".");
|
|
17625
|
-
let current = lang;
|
|
17626
|
-
for (let i = 0, len = array.length; i < len; i++) {
|
|
17627
|
-
const property = array[i];
|
|
17628
|
-
value = current[property];
|
|
17629
|
-
if (i === len - 1) {
|
|
17630
|
-
return value;
|
|
17631
|
-
}
|
|
17632
|
-
else if (!value) {
|
|
17633
|
-
return "";
|
|
17634
|
-
}
|
|
17635
|
-
current = value;
|
|
17636
|
-
}
|
|
17637
|
-
return "";
|
|
17638
|
-
};
|
|
17639
|
-
const use = function (l) {
|
|
17640
|
-
lang = l || lang;
|
|
17641
|
-
};
|
|
17642
|
-
const i18n = function (fn) {
|
|
17643
|
-
i18nHandler = fn || i18nHandler;
|
|
17644
|
-
};
|
|
17645
|
-
function currentLang() {
|
|
17646
|
-
return lang;
|
|
17647
|
-
}
|
|
17648
|
-
var locale = { use, t, i18n, currentLang };
|
|
17649
|
-
|
|
17650
|
-
var LocaleMixin = Vue.extend({
|
|
17651
|
-
methods: {
|
|
17652
|
-
t(...args) {
|
|
17653
|
-
return t.apply(this, args);
|
|
17654
|
-
},
|
|
17655
|
-
i18nText(obj, prettyMath = true) {
|
|
17656
|
-
return translate(obj, this.$surveyLanguage, prettyMath);
|
|
17657
|
-
},
|
|
17658
|
-
},
|
|
17659
|
-
});
|
|
17660
|
-
|
|
17661
17717
|
var script$a = Vue.extend({
|
|
17662
17718
|
name: "fill-blank",
|
|
17663
17719
|
components: {
|
|
@@ -17719,26 +17775,17 @@ const __vue_script__$a = script$a;
|
|
|
17719
17775
|
var __vue_render__$a = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('FormItem',{attrs:{"prop":_vm.answerProp,"rules":{
|
|
17720
17776
|
required: _vm.question.options.required,
|
|
17721
17777
|
message: _vm.t('survey_response.question.question_required'),
|
|
17722
|
-
}}},[_c('quill-rich-text',{attrs:{"placeholder":_vm.placeholder,"disabled":_vm.question.options.readonly,"
|
|
17723
|
-
'survey_response.common.tips.get_screen_shot_name',
|
|
17724
|
-
_vm.$rootComponent.currentLanguage
|
|
17725
|
-
),"upload-image-exceed-limit":_vm.t(
|
|
17726
|
-
'survey_response.common.tips.upload_image_exceed_the_limit',
|
|
17727
|
-
_vm.$rootComponent.currentLanguage
|
|
17728
|
-
),"max-length-hint":_vm.t(
|
|
17729
|
-
'survey_response.common.tips.max_length_hint',
|
|
17730
|
-
_vm.$rootComponent.currentLanguage
|
|
17731
|
-
)},model:{value:(_vm.value.answer),callback:function ($$v) {_vm.$set(_vm.value, "answer", (typeof $$v === 'string'? $$v.trim(): $$v));},expression:"value.answer"}})],1)],1)};
|
|
17778
|
+
}}},[_c('quill-rich-text',{attrs:{"placeholder":_vm.placeholder,"disabled":_vm.readonly || _vm.question.options.readonly},model:{value:(_vm.value.answer),callback:function ($$v) {_vm.$set(_vm.value, "answer", (typeof $$v === 'string'? $$v.trim(): $$v));},expression:"value.answer"}})],1)],1)};
|
|
17732
17779
|
var __vue_staticRenderFns__$a = [];
|
|
17733
17780
|
|
|
17734
17781
|
/* style */
|
|
17735
17782
|
const __vue_inject_styles__$a = function (inject) {
|
|
17736
17783
|
if (!inject) return
|
|
17737
|
-
inject("data-v-
|
|
17784
|
+
inject("data-v-6b66ad70_0", { source: ".processed-answer[data-v-6b66ad70]{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc;width:100%;min-height:32px;border:1px solid #dcdee2;border-radius:4px;padding:4px 8px;line-height:1.5}", map: undefined, media: undefined });
|
|
17738
17785
|
|
|
17739
17786
|
};
|
|
17740
17787
|
/* scoped */
|
|
17741
|
-
const __vue_scope_id__$a = "data-v-
|
|
17788
|
+
const __vue_scope_id__$a = "data-v-6b66ad70";
|
|
17742
17789
|
/* module identifier */
|
|
17743
17790
|
const __vue_module_identifier__$a = undefined;
|
|
17744
17791
|
/* functional template */
|
|
@@ -19089,14 +19136,6 @@ var __vue_staticRenderFns__ = [];
|
|
|
19089
19136
|
|
|
19090
19137
|
var MoreSurveyResponse = __vue_component__;
|
|
19091
19138
|
|
|
19092
|
-
class Constants {
|
|
19093
|
-
constructor() {
|
|
19094
|
-
this.STATUS_ENABLED = "ENABLED";
|
|
19095
|
-
this.STATUS_DRAFT = "DRAFT";
|
|
19096
|
-
}
|
|
19097
|
-
}
|
|
19098
|
-
const consts = new Constants();
|
|
19099
|
-
|
|
19100
19139
|
class SurveyResponseOptions {
|
|
19101
19140
|
}
|
|
19102
19141
|
class SurveyResponsePlugin {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wg-npm/survey-response",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.213",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"scripts": {
|
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
"lint-fix": "eslint \"**/*.ts\" \"**/*.vue\" --fix --no-error-on-unmatched-pattern"
|
|
13
13
|
},
|
|
14
14
|
"peerDependencies": {
|
|
15
|
-
"@wg-npm/survey-core": "0.5.
|
|
16
|
-
"@wg-npm/survey-service-api": "0.5.
|
|
15
|
+
"@wg-npm/survey-core": "0.5.213",
|
|
16
|
+
"@wg-npm/survey-service-api": "0.5.213",
|
|
17
17
|
"axios": "^0.19.2",
|
|
18
18
|
"deepmerge": "^4.2.2",
|
|
19
19
|
"lodash": "^4.17.15",
|
|
@@ -34,8 +34,8 @@
|
|
|
34
34
|
"@typescript-eslint/parser": "^3.6.0",
|
|
35
35
|
"@vue/eslint-config-prettier": "^6.0.0",
|
|
36
36
|
"@vue/eslint-config-typescript": "^5.0.2",
|
|
37
|
-
"@wg-npm/survey-core": "0.5.
|
|
38
|
-
"@wg-npm/survey-service-api": "0.5.
|
|
37
|
+
"@wg-npm/survey-core": "0.5.213",
|
|
38
|
+
"@wg-npm/survey-service-api": "0.5.213",
|
|
39
39
|
"acorn": "^7.3.1",
|
|
40
40
|
"axios": "^0.19.2",
|
|
41
41
|
"babelrc-rollup": "^3.0.0",
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"publishConfig": {
|
|
73
73
|
"access": "public"
|
|
74
74
|
},
|
|
75
|
-
"gitHead": "
|
|
75
|
+
"gitHead": "a1830f73b7c481bc7cb041e900b9360aabb9c99b",
|
|
76
76
|
"rollup": {
|
|
77
77
|
"external": [
|
|
78
78
|
"vue",
|
|
@@ -10,25 +10,7 @@
|
|
|
10
10
|
<quill-rich-text
|
|
11
11
|
v-model.trim="value.answer"
|
|
12
12
|
:placeholder="placeholder"
|
|
13
|
-
:disabled="question.options.readonly"
|
|
14
|
-
:video-screen-shot-button-name="
|
|
15
|
-
t(
|
|
16
|
-
'survey_response.common.tips.get_screen_shot_name',
|
|
17
|
-
$rootComponent.currentLanguage
|
|
18
|
-
)
|
|
19
|
-
"
|
|
20
|
-
:upload-image-exceed-limit="
|
|
21
|
-
t(
|
|
22
|
-
'survey_response.common.tips.upload_image_exceed_the_limit',
|
|
23
|
-
$rootComponent.currentLanguage
|
|
24
|
-
)
|
|
25
|
-
"
|
|
26
|
-
:max-length-hint="
|
|
27
|
-
t(
|
|
28
|
-
'survey_response.common.tips.max_length_hint',
|
|
29
|
-
$rootComponent.currentLanguage
|
|
30
|
-
)
|
|
31
|
-
"
|
|
13
|
+
:disabled="readonly || question.options.readonly"
|
|
32
14
|
></quill-rich-text>
|
|
33
15
|
</FormItem>
|
|
34
16
|
</div>
|
|
@@ -7,6 +7,8 @@
|
|
|
7
7
|
<script>
|
|
8
8
|
import Quill from "quill";
|
|
9
9
|
import { EventBus } from "../../../event-bus";
|
|
10
|
+
import LocalMixin from "../../../mixins/locale-mixin.ts";
|
|
11
|
+
import { consts } from "../../../constants.ts";
|
|
10
12
|
import Vue from "vue";
|
|
11
13
|
|
|
12
14
|
export default Vue.extend({
|
|
@@ -15,16 +17,16 @@ export default Vue.extend({
|
|
|
15
17
|
showVideoScreenShotButton: {
|
|
16
18
|
default: false,
|
|
17
19
|
},
|
|
20
|
+
$rootComponent: {
|
|
21
|
+
default: {},
|
|
22
|
+
},
|
|
18
23
|
},
|
|
24
|
+
mixins: [LocalMixin],
|
|
19
25
|
props: {
|
|
20
26
|
value: {
|
|
21
27
|
type: String,
|
|
22
28
|
default: "",
|
|
23
29
|
},
|
|
24
|
-
content: {
|
|
25
|
-
type: String,
|
|
26
|
-
default: "",
|
|
27
|
-
},
|
|
28
30
|
placeholder: {
|
|
29
31
|
type: String,
|
|
30
32
|
default: "",
|
|
@@ -37,50 +39,56 @@ export default Vue.extend({
|
|
|
37
39
|
type: Number,
|
|
38
40
|
default: 5000,
|
|
39
41
|
},
|
|
40
|
-
videoScreenShotButtonName: {
|
|
41
|
-
type: String,
|
|
42
|
-
default: "插入视频截图",
|
|
43
|
-
},
|
|
44
|
-
uploadImageExceedLimit: {
|
|
45
|
-
type: String,
|
|
46
|
-
default: "图片数量超过限制",
|
|
47
|
-
},
|
|
48
|
-
maxLengthHint: {
|
|
49
|
-
type: String,
|
|
50
|
-
default: "字数超过限制",
|
|
51
|
-
},
|
|
52
42
|
},
|
|
53
43
|
mounted() {
|
|
54
44
|
this.initQuill();
|
|
55
|
-
this.changeVideoScreenShotButtonName();
|
|
56
45
|
EventBus.$on("screen-shot-urls", this.handleScreenShotUrl);
|
|
57
46
|
this.componentId = this.generateRandomId();
|
|
58
47
|
},
|
|
59
48
|
computed: {
|
|
60
49
|
imageCount() {
|
|
61
50
|
let imgTagRegex = /<img\s[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/g;
|
|
62
|
-
let matches = this.
|
|
51
|
+
let matches = this.value.match(imgTagRegex);
|
|
63
52
|
return matches ? matches.length : 0;
|
|
64
53
|
},
|
|
65
54
|
},
|
|
66
55
|
methods: {
|
|
67
56
|
handleScreenShotUrl(screenData) {
|
|
68
57
|
if (this.componentId === screenData.messageId) {
|
|
69
|
-
if (this.imageCount >
|
|
70
|
-
this.$Message.error(
|
|
58
|
+
if (this.imageCount > consts.RICH_TEXT_IMAGE_COUNT_LIMIT) {
|
|
59
|
+
this.$Message.error(
|
|
60
|
+
this.getLocaleValue(
|
|
61
|
+
"survey_response.common.tips.upload_image_exceed_the_limit"
|
|
62
|
+
)
|
|
63
|
+
);
|
|
71
64
|
return;
|
|
72
65
|
}
|
|
73
66
|
for (let url of screenData.urls) {
|
|
74
|
-
|
|
75
|
-
if (!range) {
|
|
76
|
-
range = { index: this.quill.getLength(), length: 0 };
|
|
77
|
-
}
|
|
78
|
-
const imgTag = `<img src="${url}" alt="image load fail" width="400px" height="auto" >`;
|
|
79
|
-
this.quill.clipboard.dangerouslyPasteHTML(range.index, imgTag);
|
|
80
|
-
this.quill.setSelection(range.index + 1);
|
|
67
|
+
this.insertImageUrl(url);
|
|
81
68
|
}
|
|
82
69
|
}
|
|
83
70
|
},
|
|
71
|
+
insertImageEmbed(url) {
|
|
72
|
+
let range = this.quill.getSelection();
|
|
73
|
+
if (!range) {
|
|
74
|
+
range = { index: this.quill.getLength(), length: 0 };
|
|
75
|
+
}
|
|
76
|
+
this.quill.insertEmbed(range, "image", url, "user");
|
|
77
|
+
this.$nextTick(() => {
|
|
78
|
+
this.quill.update("user");
|
|
79
|
+
});
|
|
80
|
+
},
|
|
81
|
+
insertImageUrl(url) {
|
|
82
|
+
if (url) {
|
|
83
|
+
let range = this.quill.getSelection();
|
|
84
|
+
if (!range) {
|
|
85
|
+
range = { index: this.quill.getLength(), length: 0 };
|
|
86
|
+
}
|
|
87
|
+
const imgTag = `<img src="${url}" alt="image load fail">`;
|
|
88
|
+
this.quill.clipboard.dangerouslyPasteHTML(range.index, imgTag);
|
|
89
|
+
this.quill.setSelection(range.index + 1);
|
|
90
|
+
}
|
|
91
|
+
},
|
|
84
92
|
changeVideoScreenShotButtonName() {
|
|
85
93
|
// 查找自定义按钮并更新其文本
|
|
86
94
|
const toolbar = this.quill.getModule("toolbar");
|
|
@@ -89,7 +97,9 @@ export default Vue.extend({
|
|
|
89
97
|
);
|
|
90
98
|
if (buttons.length > 0) {
|
|
91
99
|
let button = buttons[0];
|
|
92
|
-
button.innerHTML = this.
|
|
100
|
+
button.innerHTML = this.getLocaleValue(
|
|
101
|
+
"survey_response.common.tips.get_screen_shot_name"
|
|
102
|
+
);
|
|
93
103
|
button.style.padding = "2px";
|
|
94
104
|
button.style.fontSize = "12px";
|
|
95
105
|
button.style.color = "rgb(105, 140, 208)";
|
|
@@ -120,10 +130,10 @@ export default Vue.extend({
|
|
|
120
130
|
}
|
|
121
131
|
this.quill = new Quill(this.$refs.editor, {
|
|
122
132
|
theme: "snow", // 或者 'bubble'
|
|
123
|
-
placeholder:
|
|
124
|
-
readOnly:
|
|
133
|
+
placeholder: this.disabled ? "" : this.placeholder,
|
|
134
|
+
readOnly: this.disabled,
|
|
125
135
|
modules: {
|
|
126
|
-
toolbar:
|
|
136
|
+
toolbar: this.disabled
|
|
127
137
|
? false
|
|
128
138
|
: {
|
|
129
139
|
container: toolbarOptions,
|
|
@@ -135,19 +145,48 @@ export default Vue.extend({
|
|
|
135
145
|
});
|
|
136
146
|
this.quill.root.innerHTML = this.value;
|
|
137
147
|
this.quill.on("text-change", this.handleTextChange);
|
|
148
|
+
//quill 剪切事件自定义处理
|
|
149
|
+
this.quill.root.addEventListener("paste", this.handlePaste, true);
|
|
150
|
+
if (this.showVideoScreenShotButton && !this.disabled) {
|
|
151
|
+
this.changeVideoScreenShotButtonName();
|
|
152
|
+
}
|
|
138
153
|
},
|
|
139
154
|
handleTextChange() {
|
|
140
|
-
this.editorContent = this.quill.root.innerHTML;
|
|
141
155
|
let text = this.quill.getText();
|
|
142
156
|
if (text.length > this.maxlength) {
|
|
143
|
-
this.$Message.error(
|
|
157
|
+
this.$Message.error(
|
|
158
|
+
this.getLocaleValue("survey_response.common.tips.max_length_hint")
|
|
159
|
+
);
|
|
144
160
|
this.quill.deleteText(this.maxlength, text.trim().length);
|
|
145
161
|
}
|
|
146
162
|
text = this.quill.getText();
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
163
|
+
this.$emit("input", this.quill.root.innerHTML);
|
|
164
|
+
},
|
|
165
|
+
handlePaste(event) {
|
|
166
|
+
let clipboard = event.clipboardData || window.clipboardData;
|
|
167
|
+
|
|
168
|
+
// IE 11 is .files other browsers are .items
|
|
169
|
+
if (clipboard && (clipboard.items || clipboard.files)) {
|
|
170
|
+
let items = clipboard.items || clipboard.files;
|
|
171
|
+
const IMAGE_MIME_REGEX = /^image\/(jpe?g|gif|png|svg|webp)$/i;
|
|
172
|
+
|
|
173
|
+
for (let i = 0; i < items.length; i++) {
|
|
174
|
+
if (IMAGE_MIME_REGEX.test(items[i].type)) {
|
|
175
|
+
let file = items[i].getAsFile ? items[i].getAsFile() : items[i];
|
|
176
|
+
|
|
177
|
+
if (file) {
|
|
178
|
+
this.quill.focus();
|
|
179
|
+
this.range = this.quill.getSelection();
|
|
180
|
+
event.preventDefault();
|
|
181
|
+
setTimeout(() => {
|
|
182
|
+
this.quill.focus();
|
|
183
|
+
this.range = this.quill.getSelection();
|
|
184
|
+
this.uploadAndInsertImage(file);
|
|
185
|
+
}, 0);
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
}
|
|
189
|
+
}
|
|
151
190
|
},
|
|
152
191
|
customVideoScreenShot() {
|
|
153
192
|
//获取视频截图
|
|
@@ -156,24 +195,54 @@ export default Vue.extend({
|
|
|
156
195
|
generateRandomId() {
|
|
157
196
|
return "id-" + Math.random().toString(36).slice(2, 11) + "-" + Date.now();
|
|
158
197
|
},
|
|
198
|
+
getLocaleValue(key) {
|
|
199
|
+
return this.t(key, this.$rootComponent.currentLanguage);
|
|
200
|
+
},
|
|
201
|
+
uploadAndInsertImage(file) {
|
|
202
|
+
console.log("ready to upload file", file);
|
|
203
|
+
const formData = new FormData();
|
|
204
|
+
formData.append("file", file);
|
|
205
|
+
let qmsAxios = this.$serverHttp;
|
|
206
|
+
if (qmsAxios) {
|
|
207
|
+
qmsAxios
|
|
208
|
+
.post("/api/storage/upload/file", formData)
|
|
209
|
+
.then((response) => {
|
|
210
|
+
console.log("upload interface response:", response);
|
|
211
|
+
if (response.status === 200 && response.data.data) {
|
|
212
|
+
let imageUrl = response.data.data.downloadUrl;
|
|
213
|
+
console.log("wait to insert image url is:", imageUrl);
|
|
214
|
+
this.insertImageUrl(imageUrl);
|
|
215
|
+
}
|
|
216
|
+
})
|
|
217
|
+
.catch((error) => {
|
|
218
|
+
console.log("upload fail", error);
|
|
219
|
+
this.$Message.error(
|
|
220
|
+
this.getLocaleValue("survey_response.common.tips.upload_fail")
|
|
221
|
+
);
|
|
222
|
+
});
|
|
223
|
+
}
|
|
224
|
+
},
|
|
159
225
|
},
|
|
160
226
|
data() {
|
|
161
227
|
return {
|
|
162
228
|
quill: null,
|
|
163
229
|
componentId: null,
|
|
164
|
-
editorContent: "",
|
|
165
230
|
};
|
|
166
231
|
},
|
|
167
232
|
watch: {
|
|
168
233
|
value(newValue) {
|
|
169
234
|
if (newValue !== this.quill.root.innerHTML) {
|
|
170
235
|
this.quill.root.innerHTML = newValue;
|
|
236
|
+
this.$nextTick(() => {
|
|
237
|
+
this.quill.setSelection(newValue.length);
|
|
238
|
+
});
|
|
171
239
|
}
|
|
172
240
|
},
|
|
173
241
|
},
|
|
174
242
|
beforeDestroy() {
|
|
175
243
|
// 移除事件监听器
|
|
176
244
|
EventBus.$off("screen-shot-urls", this.handleScreenShotUrl);
|
|
245
|
+
this.quill.root.removeEventListener("paste", this.handlePaste);
|
|
177
246
|
},
|
|
178
247
|
});
|
|
179
248
|
</script>
|
|
@@ -181,17 +250,20 @@ export default Vue.extend({
|
|
|
181
250
|
<style src="quill/dist/quill.core.css"></style>
|
|
182
251
|
<style>
|
|
183
252
|
/* Quill的基本样式已经包含在引入的CSS文件中,如有需要,可以在这里添加额外的样式 */
|
|
184
|
-
|
|
185
|
-
max-height: 200px; /* 设置图片的最大高度为 200px */
|
|
186
|
-
width: auto; /* 保持宽度自动调整 */
|
|
187
|
-
}
|
|
253
|
+
|
|
188
254
|
.ql-snow .ql-color-picker .ql-picker-label,
|
|
189
255
|
.ql-snow .ql-icon-picker .ql-picker-label {
|
|
190
|
-
padding:
|
|
256
|
+
padding: 0 4px 2px 4px;
|
|
257
|
+
}
|
|
258
|
+
.ql-snow .ql-editor img {
|
|
259
|
+
max-width: 600px;
|
|
260
|
+
height: auto;
|
|
261
|
+
width: 100%;
|
|
191
262
|
}
|
|
192
263
|
.ql-editor {
|
|
193
264
|
box-sizing: border-box;
|
|
194
|
-
counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8
|
|
265
|
+
counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8
|
|
266
|
+
list-9;
|
|
195
267
|
line-height: 1.42;
|
|
196
268
|
height: 100%;
|
|
197
269
|
outline: 0;
|
|
@@ -202,6 +274,6 @@ export default Vue.extend({
|
|
|
202
274
|
text-align: left;
|
|
203
275
|
white-space: pre-wrap;
|
|
204
276
|
word-wrap: break-word;
|
|
205
|
-
max-height:
|
|
277
|
+
max-height: 500px;
|
|
206
278
|
}
|
|
207
279
|
</style>
|
|
@@ -9,27 +9,9 @@
|
|
|
9
9
|
>
|
|
10
10
|
<quill-rich-text
|
|
11
11
|
v-model.trim="value.answer"
|
|
12
|
-
:disabled="question.options.readonly"
|
|
12
|
+
:disabled="readonly || question.options.readonly"
|
|
13
13
|
:placeholder="placeholder"
|
|
14
14
|
:maxlength="question.options.wordLimit"
|
|
15
|
-
:video-screen-shot-button-name="
|
|
16
|
-
t(
|
|
17
|
-
'survey_response.common.tips.get_screen_shot_name',
|
|
18
|
-
$rootComponent.currentLanguage
|
|
19
|
-
)
|
|
20
|
-
"
|
|
21
|
-
:upload-image-exceed-limit="
|
|
22
|
-
t(
|
|
23
|
-
'survey_response.common.tips.upload_image_exceed_the_limit',
|
|
24
|
-
$rootComponent.currentLanguage
|
|
25
|
-
)
|
|
26
|
-
"
|
|
27
|
-
:max-length-hint="
|
|
28
|
-
t(
|
|
29
|
-
'survey_response.common.tips.max_length_hint',
|
|
30
|
-
$rootComponent.currentLanguage
|
|
31
|
-
)
|
|
32
|
-
"
|
|
33
15
|
></quill-rich-text>
|
|
34
16
|
<div></div>
|
|
35
17
|
</FormItem>
|
package/src/constants.ts
CHANGED
package/src/locale/lang/en-US.ts
CHANGED