github/cool-admin-vue
1
0
Fork 0
mirror of https://github.com/cool-team-official/cool-admin-vue.git synced 2025-12-13 14:12:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

优化

Browse Source
This commit is contained in:
神仙都没用 2023-10-12 15:28:19 +08:00
parent 4d0e62b850
commit 7c7c98ec58
1 changed files with 10 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/modules/extend/editor/wang.vue
View File

@ -1,13 +1,16 @@
<template> <template>
<div class="cl-editor-wang" :class="{ disabled }" :ref="setRefs('editor')"> <div class="cl-editor-wang" :class="{ disabled }" :ref="setRefs('editor')">
<!-- 工具栏 --> <!-- 工具栏 -->
<toolbar :editor="Editor" :mode="mode" /> <toolbar :editor="Editor" :mode="mode" v-if="!preview" />
<!-- 编辑框 --> <!-- 编辑框 -->
<editor <editor
v-model="value" v-model="value"
:defaultConfig="editorConfig" :defaultConfig="editorConfig"
:mode="mode" :mode="mode"
:style="{
height: parsePx(height)
}"
@onCreated="onCreated" @onCreated="onCreated"
@onFocus="onFocus" @onFocus="onFocus"
@onBlur="onBlur" @onBlur="onBlur"
@ -58,8 +61,8 @@ export default defineComponent({
type: [String, Number], type: [String, Number],
default: 400 default: 400
}, },
maxHeight: [String, Number], disabled: Boolean,
disabled: Boolean preview: Boolean
}, },
emits: ["update:modelValue", "change", "focus", "blur"], emits: ["update:modelValue", "change", "focus", "blur"],
@ -110,7 +113,6 @@ export default defineComponent({
function onCreated(editor: any) { function onCreated(editor: any) {
Editor.value = editor; Editor.value = editor;
onDisabled(); onDisabled();
onHeight();
} }
// 聚焦 // 聚焦
@ -144,32 +146,16 @@ export default defineComponent({
} }
} }
// 设置高度
function onHeight() {
const { style } = refs.editor.querySelector(".w-e-text-container");
style.maxHeight = parsePx(props.maxHeight || "auto");
style.height = parsePx(props.height);
}
// 禁用 // 禁用
function onDisabled() { function onDisabled() {
if (props.disabled) { if (props.disabled || props.preview) {
Editor.value?.disable(); Editor.value?.disable();
} else { } else {
Editor.value?.enable(); Editor.value?.enable();
} }
} }
watch(() => props.disabled, onDisabled); watch(() => [props.disabled, props.preview], onDisabled);
watch(
() => {
return [props.height, props.maxHeight];
},
() => {
onHeight();
}
);
onBeforeUnmount(() => { onBeforeUnmount(() => {
const editor = Editor.value; const editor = Editor.value;
@ -187,7 +173,8 @@ export default defineComponent({
onBlur, onBlur,
onChange, onChange,
editorConfig, editorConfig,
onFileConfirm onFileConfirm,
parsePx
}; };
} }
}); });