yudao
/
admin-vben
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vben.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: 为CodeEditor添加bordered属性

pull/38/head
xingyu 2023-10-13 10:20:35 +08:00
parent 21e1cee4ce
commit b06d3c58b3
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/CodeEditor/src/CodeEditor.vue
View File

@ -16,6 +16,7 @@ const props = defineProps({
}, },
readonly: { type: Boolean }, readonly: { type: Boolean },
autoFormat: { type: Boolean, default: true }, autoFormat: { type: Boolean, default: true },
bordered: { type: Boolean, default: false },
}) })
const emit = defineEmits(['change', 'update:value', 'formatError']) const emit = defineEmits(['change', 'update:value', 'formatError'])
@ -46,6 +47,6 @@ function handleValueChange(v) {
<template> <template>
<div class="h-full"> <div class="h-full">
<CodeMirrorEditor :value="getValue" :mode="mode" :readonly="readonly" @change="handleValueChange" /> <CodeMirrorEditor :value="getValue" :mode="mode" :readonly="readonly" :bordered="bordered" @change="handleValueChange" />
</div> </div>
</template> </template>

7
src/components/CodeEditor/src/codemirror/CodeMirror.vue
View File

@ -27,6 +27,7 @@ const props = defineProps({
}, },
value: { type: String, default: '' }, value: { type: String, default: '' },
readonly: { type: Boolean, default: false }, readonly: { type: Boolean, default: false },
bordered: { type: Boolean, default: false },
}) })
const emit = defineEmits(['change']) const emit = defineEmits(['change'])
@ -107,5 +108,9 @@ onUnmounted(() => {
</script> </script>
<template> <template>
<div ref="el" class="relative w-full overflow-hidden !h-full" /> <div
ref="el"
class="relative w-full overflow-hidden !h-full"
:class="{ 'ant-input': props.bordered, 'css-dev-only-do-not-override-kqecok': props.bordered }"
/>
</template> </template>