@wg-npm/survey-response 0.5.730 → 0.5.732
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 +197 -151
- package/package.json +6 -6
- package/src/components/question/type/fill-blank.vue +0 -18
- package/src/components/question/type/quill-rich-text.vue +114 -35
- package/src/components/question/type/short-answer.vue +0 -18
- 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,14 +16933,112 @@ 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,
|
|
@@ -16957,61 +17055,66 @@ var script$f = Vue.extend({
|
|
|
16957
17055
|
maxlength: {
|
|
16958
17056
|
type: Number,
|
|
16959
17057
|
default: 5000
|
|
16960
|
-
},
|
|
16961
|
-
videoScreenShotButtonName: {
|
|
16962
|
-
type: String,
|
|
16963
|
-
default: "插入视频截图"
|
|
16964
|
-
},
|
|
16965
|
-
uploadImageExceedLimit: {
|
|
16966
|
-
type: String,
|
|
16967
|
-
default: "图片数量超过限制"
|
|
16968
|
-
},
|
|
16969
|
-
maxLengthHint: {
|
|
16970
|
-
type: String,
|
|
16971
|
-
default: "字数超过限制"
|
|
16972
17058
|
}
|
|
16973
17059
|
},
|
|
16974
17060
|
mounted() {
|
|
16975
17061
|
this.initQuill();
|
|
16976
|
-
this.changeVideoScreenShotButtonName();
|
|
16977
17062
|
EventBus.$on("screen-shot-urls", this.handleScreenShotUrl);
|
|
16978
17063
|
this.componentId = this.generateRandomId();
|
|
16979
17064
|
},
|
|
16980
17065
|
computed: {
|
|
16981
17066
|
imageCount() {
|
|
16982
17067
|
let imgTagRegex = /<img\s[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/g;
|
|
16983
|
-
let matches = this.
|
|
17068
|
+
let matches = this.value.match(imgTagRegex);
|
|
16984
17069
|
return matches ? matches.length : 0;
|
|
16985
17070
|
}
|
|
16986
17071
|
},
|
|
16987
17072
|
methods: {
|
|
16988
17073
|
handleScreenShotUrl(screenData) {
|
|
16989
17074
|
if (this.componentId === screenData.messageId) {
|
|
16990
|
-
if (this.imageCount >
|
|
16991
|
-
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"));
|
|
16992
17077
|
return;
|
|
16993
17078
|
}
|
|
16994
17079
|
for (let url of screenData.urls) {
|
|
16995
|
-
|
|
16996
|
-
if (!range) {
|
|
16997
|
-
range = {
|
|
16998
|
-
index: this.quill.getLength(),
|
|
16999
|
-
length: 0
|
|
17000
|
-
};
|
|
17001
|
-
}
|
|
17002
|
-
const imgTag = `<img src="${url}" alt="image load fail" width="400px" height="auto" >`;
|
|
17003
|
-
this.quill.clipboard.dangerouslyPasteHTML(range.index, imgTag);
|
|
17004
|
-
this.quill.setSelection(range.index + 1);
|
|
17080
|
+
this.insertImageUrl(url);
|
|
17005
17081
|
}
|
|
17006
17082
|
}
|
|
17007
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
|
+
};
|
|
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);
|
|
17109
|
+
}
|
|
17110
|
+
},
|
|
17008
17111
|
changeVideoScreenShotButtonName() {
|
|
17009
17112
|
// 查找自定义按钮并更新其文本
|
|
17010
17113
|
const toolbar = this.quill.getModule("toolbar");
|
|
17011
17114
|
const buttons = toolbar.container.querySelectorAll("button.ql-video-screen-shot");
|
|
17012
17115
|
if (buttons.length > 0) {
|
|
17013
17116
|
let button = buttons[0];
|
|
17014
|
-
button.innerHTML = this.
|
|
17117
|
+
button.innerHTML = this.getLocaleValue("survey_response.common.tips.get_screen_shot_name");
|
|
17015
17118
|
button.style.padding = "2px";
|
|
17016
17119
|
button.style.fontSize = "12px";
|
|
17017
17120
|
button.style.color = "rgb(105, 140, 208)";
|
|
@@ -17055,16 +17158,44 @@ var script$f = Vue.extend({
|
|
|
17055
17158
|
});
|
|
17056
17159
|
this.quill.root.innerHTML = this.value;
|
|
17057
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
|
+
}
|
|
17058
17166
|
},
|
|
17059
17167
|
handleTextChange() {
|
|
17060
|
-
this.editorContent = this.quill.root.innerHTML;
|
|
17061
17168
|
let text = this.quill.getText();
|
|
17062
17169
|
if (text.length > this.maxlength) {
|
|
17063
|
-
this.$Message.error(this.
|
|
17170
|
+
this.$Message.error(this.getLocaleValue("survey_response.common.tips.max_length_hint"));
|
|
17064
17171
|
this.quill.deleteText(this.maxlength, text.trim().length);
|
|
17065
17172
|
}
|
|
17066
17173
|
text = this.quill.getText();
|
|
17067
|
-
this.$emit("input", this.
|
|
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
|
+
}
|
|
17068
17199
|
},
|
|
17069
17200
|
customVideoScreenShot() {
|
|
17070
17201
|
//获取视频截图
|
|
@@ -17072,25 +17203,50 @@ var script$f = Vue.extend({
|
|
|
17072
17203
|
},
|
|
17073
17204
|
generateRandomId() {
|
|
17074
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
|
+
}
|
|
17075
17228
|
}
|
|
17076
17229
|
},
|
|
17077
17230
|
data() {
|
|
17078
17231
|
return {
|
|
17079
17232
|
quill: null,
|
|
17080
|
-
componentId: null
|
|
17081
|
-
editorContent: ""
|
|
17233
|
+
componentId: null
|
|
17082
17234
|
};
|
|
17083
17235
|
},
|
|
17084
17236
|
watch: {
|
|
17085
17237
|
value(newValue) {
|
|
17086
17238
|
if (newValue !== this.quill.root.innerHTML) {
|
|
17087
17239
|
this.quill.root.innerHTML = newValue;
|
|
17240
|
+
this.$nextTick(() => {
|
|
17241
|
+
this.quill.setSelection(newValue.length);
|
|
17242
|
+
});
|
|
17088
17243
|
}
|
|
17089
17244
|
}
|
|
17090
17245
|
},
|
|
17091
17246
|
beforeDestroy() {
|
|
17092
17247
|
// 移除事件监听器
|
|
17093
17248
|
EventBus.$off("screen-shot-urls", this.handleScreenShotUrl);
|
|
17249
|
+
this.quill.root.removeEventListener("paste", this.handlePaste);
|
|
17094
17250
|
}
|
|
17095
17251
|
});
|
|
17096
17252
|
|
|
@@ -17104,9 +17260,9 @@ var __vue_staticRenderFns__$f = [];
|
|
|
17104
17260
|
/* style */
|
|
17105
17261
|
const __vue_inject_styles__$f = function (inject) {
|
|
17106
17262
|
if (!inject) return
|
|
17107
|
-
inject("data-v-1b79d586_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 })
|
|
17108
|
-
,inject("data-v-1b79d586_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 })
|
|
17109
|
-
,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 });
|
|
17110
17266
|
|
|
17111
17267
|
};
|
|
17112
17268
|
/* scoped */
|
|
@@ -17197,26 +17353,17 @@ const __vue_script__$e = script$e;
|
|
|
17197
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":{
|
|
17198
17354
|
required: _vm.question.options.required,
|
|
17199
17355
|
message: _vm.t('survey_response.question.question_required'),
|
|
17200
|
-
}}},[_c('quill-rich-text',{attrs:{"disabled":_vm.readonly || _vm.question.options.readonly,"placeholder":_vm.placeholder,"maxlength":_vm.question.options.wordLimit,"
|
|
17201
|
-
'survey_response.common.tips.get_screen_shot_name',
|
|
17202
|
-
_vm.$rootComponent.currentLanguage
|
|
17203
|
-
),"upload-image-exceed-limit":_vm.t(
|
|
17204
|
-
'survey_response.common.tips.upload_image_exceed_the_limit',
|
|
17205
|
-
_vm.$rootComponent.currentLanguage
|
|
17206
|
-
),"max-length-hint":_vm.t(
|
|
17207
|
-
'survey_response.common.tips.max_length_hint',
|
|
17208
|
-
_vm.$rootComponent.currentLanguage
|
|
17209
|
-
)},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)};
|
|
17210
17357
|
var __vue_staticRenderFns__$e = [];
|
|
17211
17358
|
|
|
17212
17359
|
/* style */
|
|
17213
17360
|
const __vue_inject_styles__$e = function (inject) {
|
|
17214
17361
|
if (!inject) return
|
|
17215
|
-
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 });
|
|
17216
17363
|
|
|
17217
17364
|
};
|
|
17218
17365
|
/* scoped */
|
|
17219
|
-
const __vue_scope_id__$e = "data-v-
|
|
17366
|
+
const __vue_scope_id__$e = "data-v-e120591e";
|
|
17220
17367
|
/* module identifier */
|
|
17221
17368
|
const __vue_module_identifier__$e = undefined;
|
|
17222
17369
|
/* functional template */
|
|
@@ -17567,90 +17714,6 @@ var __vue_staticRenderFns__$b = [];
|
|
|
17567
17714
|
|
|
17568
17715
|
var TextTitle = __vue_component__$b;
|
|
17569
17716
|
|
|
17570
|
-
var defaultLang = {
|
|
17571
|
-
survey_response: {
|
|
17572
|
-
locale: "zh-CN",
|
|
17573
|
-
common: {
|
|
17574
|
-
back: "返回",
|
|
17575
|
-
save: "保存",
|
|
17576
|
-
submit: "提交",
|
|
17577
|
-
cancel: "取消",
|
|
17578
|
-
languages: {
|
|
17579
|
-
"zh-CN": "简体中文",
|
|
17580
|
-
"zh-TW": "繁体中文",
|
|
17581
|
-
"en-US": "English",
|
|
17582
|
-
},
|
|
17583
|
-
tips: {
|
|
17584
|
-
get_screen_shot_name: "插入视频截图",
|
|
17585
|
-
upload_image_exceed_the_limit: "图片数量超过限制",
|
|
17586
|
-
max_length_hint: "字数超过限制",
|
|
17587
|
-
}
|
|
17588
|
-
},
|
|
17589
|
-
question: {
|
|
17590
|
-
please_enter: "请填写",
|
|
17591
|
-
question_required: "此题必填",
|
|
17592
|
-
survey_confirm_content: "确认要提交问卷?",
|
|
17593
|
-
noQuestion: "还未添加题目!",
|
|
17594
|
-
input_text_limit: "输入项字数不少于{0}字",
|
|
17595
|
-
choice_required: "此项必填",
|
|
17596
|
-
},
|
|
17597
|
-
},
|
|
17598
|
-
};
|
|
17599
|
-
|
|
17600
|
-
let lang = defaultLang;
|
|
17601
|
-
let merged = false;
|
|
17602
|
-
let i18nHandler = function (...args) {
|
|
17603
|
-
const vuei18n = Object.getPrototypeOf(this || Vue).$t;
|
|
17604
|
-
if (typeof vuei18n === "function" && !!Vue.locale) {
|
|
17605
|
-
if (!merged) {
|
|
17606
|
-
merged = true;
|
|
17607
|
-
Vue.locale(Vue.config.lang, deepmerge(lang, Vue.locale(Vue.config.lang) || {}, { clone: true }));
|
|
17608
|
-
}
|
|
17609
|
-
return vuei18n.apply(this, args);
|
|
17610
|
-
}
|
|
17611
|
-
};
|
|
17612
|
-
const t = function (...args) {
|
|
17613
|
-
let value = i18nHandler.apply(this, args);
|
|
17614
|
-
if (value !== null && typeof value !== "undefined") {
|
|
17615
|
-
return value;
|
|
17616
|
-
}
|
|
17617
|
-
const array = args[0].split(".");
|
|
17618
|
-
let current = lang;
|
|
17619
|
-
for (let i = 0, len = array.length; i < len; i++) {
|
|
17620
|
-
const property = array[i];
|
|
17621
|
-
value = current[property];
|
|
17622
|
-
if (i === len - 1) {
|
|
17623
|
-
return value;
|
|
17624
|
-
}
|
|
17625
|
-
else if (!value) {
|
|
17626
|
-
return "";
|
|
17627
|
-
}
|
|
17628
|
-
current = value;
|
|
17629
|
-
}
|
|
17630
|
-
return "";
|
|
17631
|
-
};
|
|
17632
|
-
const use = function (l) {
|
|
17633
|
-
lang = l || lang;
|
|
17634
|
-
};
|
|
17635
|
-
const i18n = function (fn) {
|
|
17636
|
-
i18nHandler = fn || i18nHandler;
|
|
17637
|
-
};
|
|
17638
|
-
function currentLang() {
|
|
17639
|
-
return lang;
|
|
17640
|
-
}
|
|
17641
|
-
var locale = { use, t, i18n, currentLang };
|
|
17642
|
-
|
|
17643
|
-
var LocaleMixin = Vue.extend({
|
|
17644
|
-
methods: {
|
|
17645
|
-
t(...args) {
|
|
17646
|
-
return t.apply(this, args);
|
|
17647
|
-
},
|
|
17648
|
-
i18nText(obj, prettyMath = true) {
|
|
17649
|
-
return translate(obj, this.$surveyLanguage, prettyMath);
|
|
17650
|
-
},
|
|
17651
|
-
},
|
|
17652
|
-
});
|
|
17653
|
-
|
|
17654
17717
|
var script$a = Vue.extend({
|
|
17655
17718
|
name: "fill-blank",
|
|
17656
17719
|
components: {
|
|
@@ -17712,26 +17775,17 @@ const __vue_script__$a = script$a;
|
|
|
17712
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":{
|
|
17713
17776
|
required: _vm.question.options.required,
|
|
17714
17777
|
message: _vm.t('survey_response.question.question_required'),
|
|
17715
|
-
}}},[_c('quill-rich-text',{attrs:{"placeholder":_vm.placeholder,"disabled":_vm.readonly || _vm.question.options.readonly,"
|
|
17716
|
-
'survey_response.common.tips.get_screen_shot_name',
|
|
17717
|
-
_vm.$rootComponent.currentLanguage
|
|
17718
|
-
),"upload-image-exceed-limit":_vm.t(
|
|
17719
|
-
'survey_response.common.tips.upload_image_exceed_the_limit',
|
|
17720
|
-
_vm.$rootComponent.currentLanguage
|
|
17721
|
-
),"max-length-hint":_vm.t(
|
|
17722
|
-
'survey_response.common.tips.max_length_hint',
|
|
17723
|
-
_vm.$rootComponent.currentLanguage
|
|
17724
|
-
)},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)};
|
|
17725
17779
|
var __vue_staticRenderFns__$a = [];
|
|
17726
17780
|
|
|
17727
17781
|
/* style */
|
|
17728
17782
|
const __vue_inject_styles__$a = function (inject) {
|
|
17729
17783
|
if (!inject) return
|
|
17730
|
-
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 });
|
|
17731
17785
|
|
|
17732
17786
|
};
|
|
17733
17787
|
/* scoped */
|
|
17734
|
-
const __vue_scope_id__$a = "data-v-
|
|
17788
|
+
const __vue_scope_id__$a = "data-v-6b66ad70";
|
|
17735
17789
|
/* module identifier */
|
|
17736
17790
|
const __vue_module_identifier__$a = undefined;
|
|
17737
17791
|
/* functional template */
|
|
@@ -19082,14 +19136,6 @@ var __vue_staticRenderFns__ = [];
|
|
|
19082
19136
|
|
|
19083
19137
|
var MoreSurveyResponse = __vue_component__;
|
|
19084
19138
|
|
|
19085
|
-
class Constants {
|
|
19086
|
-
constructor() {
|
|
19087
|
-
this.STATUS_ENABLED = "ENABLED";
|
|
19088
|
-
this.STATUS_DRAFT = "DRAFT";
|
|
19089
|
-
}
|
|
19090
|
-
}
|
|
19091
|
-
const consts = new Constants();
|
|
19092
|
-
|
|
19093
19139
|
class SurveyResponseOptions {
|
|
19094
19140
|
}
|
|
19095
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.732",
|
|
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.732",
|
|
16
|
+
"@wg-npm/survey-service-api": "0.5.732",
|
|
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.732",
|
|
38
|
+
"@wg-npm/survey-service-api": "0.5.732",
|
|
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": "0b0e26827e76876a8bdd92b429cd252642947580",
|
|
76
76
|
"rollup": {
|
|
77
77
|
"external": [
|
|
78
78
|
"vue",
|
|
@@ -11,24 +11,6 @@
|
|
|
11
11
|
v-model.trim="value.answer"
|
|
12
12
|
:placeholder="placeholder"
|
|
13
13
|
:disabled="readonly || 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
|
-
"
|
|
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,7 +17,11 @@ 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,
|
|
@@ -33,48 +39,54 @@ export default Vue.extend({
|
|
|
33
39
|
type: Number,
|
|
34
40
|
default: 5000,
|
|
35
41
|
},
|
|
36
|
-
videoScreenShotButtonName: {
|
|
37
|
-
type: String,
|
|
38
|
-
default: "插入视频截图",
|
|
39
|
-
},
|
|
40
|
-
uploadImageExceedLimit: {
|
|
41
|
-
type: String,
|
|
42
|
-
default: "图片数量超过限制",
|
|
43
|
-
},
|
|
44
|
-
maxLengthHint: {
|
|
45
|
-
type: String,
|
|
46
|
-
default: "字数超过限制",
|
|
47
|
-
},
|
|
48
42
|
},
|
|
49
43
|
mounted() {
|
|
50
44
|
this.initQuill();
|
|
51
|
-
this.changeVideoScreenShotButtonName();
|
|
52
45
|
EventBus.$on("screen-shot-urls", this.handleScreenShotUrl);
|
|
53
46
|
this.componentId = this.generateRandomId();
|
|
54
47
|
},
|
|
55
48
|
computed: {
|
|
56
49
|
imageCount() {
|
|
57
50
|
let imgTagRegex = /<img\s[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/g;
|
|
58
|
-
let matches = this.
|
|
51
|
+
let matches = this.value.match(imgTagRegex);
|
|
59
52
|
return matches ? matches.length : 0;
|
|
60
53
|
},
|
|
61
54
|
},
|
|
62
55
|
methods: {
|
|
63
56
|
handleScreenShotUrl(screenData) {
|
|
64
57
|
if (this.componentId === screenData.messageId) {
|
|
65
|
-
if (this.imageCount >
|
|
66
|
-
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
|
+
);
|
|
67
64
|
return;
|
|
68
65
|
}
|
|
69
66
|
for (let url of screenData.urls) {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
67
|
+
this.insertImageUrl(url);
|
|
68
|
+
}
|
|
69
|
+
}
|
|
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 };
|
|
77
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);
|
|
78
90
|
}
|
|
79
91
|
},
|
|
80
92
|
changeVideoScreenShotButtonName() {
|
|
@@ -85,7 +97,9 @@ export default Vue.extend({
|
|
|
85
97
|
);
|
|
86
98
|
if (buttons.length > 0) {
|
|
87
99
|
let button = buttons[0];
|
|
88
|
-
button.innerHTML = this.
|
|
100
|
+
button.innerHTML = this.getLocaleValue(
|
|
101
|
+
"survey_response.common.tips.get_screen_shot_name"
|
|
102
|
+
);
|
|
89
103
|
button.style.padding = "2px";
|
|
90
104
|
button.style.fontSize = "12px";
|
|
91
105
|
button.style.color = "rgb(105, 140, 208)";
|
|
@@ -131,16 +145,48 @@ export default Vue.extend({
|
|
|
131
145
|
});
|
|
132
146
|
this.quill.root.innerHTML = this.value;
|
|
133
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
|
+
}
|
|
134
153
|
},
|
|
135
154
|
handleTextChange() {
|
|
136
|
-
this.editorContent = this.quill.root.innerHTML;
|
|
137
155
|
let text = this.quill.getText();
|
|
138
156
|
if (text.length > this.maxlength) {
|
|
139
|
-
this.$Message.error(
|
|
157
|
+
this.$Message.error(
|
|
158
|
+
this.getLocaleValue("survey_response.common.tips.max_length_hint")
|
|
159
|
+
);
|
|
140
160
|
this.quill.deleteText(this.maxlength, text.trim().length);
|
|
141
161
|
}
|
|
142
162
|
text = this.quill.getText();
|
|
143
|
-
this.$emit("input", this.
|
|
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
|
+
}
|
|
144
190
|
},
|
|
145
191
|
customVideoScreenShot() {
|
|
146
192
|
//获取视频截图
|
|
@@ -149,24 +195,54 @@ export default Vue.extend({
|
|
|
149
195
|
generateRandomId() {
|
|
150
196
|
return "id-" + Math.random().toString(36).slice(2, 11) + "-" + Date.now();
|
|
151
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
|
+
},
|
|
152
225
|
},
|
|
153
226
|
data() {
|
|
154
227
|
return {
|
|
155
228
|
quill: null,
|
|
156
229
|
componentId: null,
|
|
157
|
-
editorContent: "",
|
|
158
230
|
};
|
|
159
231
|
},
|
|
160
232
|
watch: {
|
|
161
233
|
value(newValue) {
|
|
162
234
|
if (newValue !== this.quill.root.innerHTML) {
|
|
163
235
|
this.quill.root.innerHTML = newValue;
|
|
236
|
+
this.$nextTick(() => {
|
|
237
|
+
this.quill.setSelection(newValue.length);
|
|
238
|
+
});
|
|
164
239
|
}
|
|
165
240
|
},
|
|
166
241
|
},
|
|
167
242
|
beforeDestroy() {
|
|
168
243
|
// 移除事件监听器
|
|
169
244
|
EventBus.$off("screen-shot-urls", this.handleScreenShotUrl);
|
|
245
|
+
this.quill.root.removeEventListener("paste", this.handlePaste);
|
|
170
246
|
},
|
|
171
247
|
});
|
|
172
248
|
</script>
|
|
@@ -174,17 +250,20 @@ export default Vue.extend({
|
|
|
174
250
|
<style src="quill/dist/quill.core.css"></style>
|
|
175
251
|
<style>
|
|
176
252
|
/* Quill的基本样式已经包含在引入的CSS文件中,如有需要,可以在这里添加额外的样式 */
|
|
177
|
-
|
|
178
|
-
max-height: 200px; /* 设置图片的最大高度为 200px */
|
|
179
|
-
width: auto; /* 保持宽度自动调整 */
|
|
180
|
-
}
|
|
253
|
+
|
|
181
254
|
.ql-snow .ql-color-picker .ql-picker-label,
|
|
182
255
|
.ql-snow .ql-icon-picker .ql-picker-label {
|
|
183
|
-
padding:
|
|
256
|
+
padding: 0 4px 2px 4px;
|
|
257
|
+
}
|
|
258
|
+
.ql-snow .ql-editor img {
|
|
259
|
+
max-width: 600px;
|
|
260
|
+
height: auto;
|
|
261
|
+
width: 100%;
|
|
184
262
|
}
|
|
185
263
|
.ql-editor {
|
|
186
264
|
box-sizing: border-box;
|
|
187
|
-
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;
|
|
188
267
|
line-height: 1.42;
|
|
189
268
|
height: 100%;
|
|
190
269
|
outline: 0;
|
|
@@ -195,6 +274,6 @@ export default Vue.extend({
|
|
|
195
274
|
text-align: left;
|
|
196
275
|
white-space: pre-wrap;
|
|
197
276
|
word-wrap: break-word;
|
|
198
|
-
max-height:
|
|
277
|
+
max-height: 500px;
|
|
199
278
|
}
|
|
200
279
|
</style>
|
|
@@ -12,24 +12,6 @@
|
|
|
12
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