fix: tinymce theme

This commit is contained in:
dap 2024-08-20 14:49:30 +08:00
parent 460a5ff494
commit a6524088fa
2 changed files with 7 additions and 10 deletions

View File

@ -1,6 +1,6 @@
import { requestClient } from '#/api/request';
export function commonUploadApi(file: Blob | File) {
export function uploadApi(file: Blob | File) {
return requestClient.upload('/resource/oss/upload', file);
}
/**

View File

@ -15,12 +15,12 @@ import {
watch,
} from 'vue';
import { preferences } from '@vben/preferences';
import { preferences, usePreferences } from '@vben/preferences';
import Editor from '@tinymce/tinymce-vue';
import { isNumber } from 'lodash-es';
import { commonUploadApi, type UploadResult } from '#/api/core/upload';
import { uploadApi, type UploadResult } from '#/api/core/upload';
import { buildShortUUID } from '#/utils/uuid';
import { bindHandlers } from './helper';
@ -93,16 +93,13 @@ const containerWidth = computed(() => {
return width;
});
const { isDark } = usePreferences();
const skinName = computed(() => {
const theme =
preferences.theme.mode === 'auto' ? 'light' : preferences.theme.mode;
return theme === 'light' ? 'oxide' : 'oxide-dark';
return isDark.value ? 'oxide-dark' : 'oxide';
});
const contentCss = computed(() => {
const theme =
preferences.theme.mode === 'auto' ? 'light' : preferences.theme.mode;
return theme === 'light' ? 'default' : 'dark';
return isDark.value ? 'dark' : 'default';
});
/**
@ -183,7 +180,7 @@ const initOptions = computed((): InitOptions => {
return new Promise((resolve, reject) => {
const file = blobInfo.blob();
// const filename = blobInfo.filename();
commonUploadApi(file)
uploadApi(file)
.then((response) => {
const { url } = response as unknown as UploadResult;
console.log('tinymce上传图片:', url);