diff --git a/src/plugins/assets.ts b/src/assets/index.ts similarity index 74% rename from src/plugins/assets.ts rename to src/assets/index.ts index bc37fd2..aed0e5d 100644 --- a/src/plugins/assets.ts +++ b/src/assets/index.ts @@ -3,4 +3,4 @@ import 'uno.css' import '@/styles/css/index.css' import 'virtual:svg-icons-register' -export default function setupAssets() {} +export function setupAssets() { } diff --git a/src/components/custom/Editor/RichTextEditor/index.vue b/src/components/custom/Editor/RichTextEditor/index.vue index f27d3c6..24da7bb 100644 --- a/src/components/custom/Editor/RichTextEditor/index.vue +++ b/src/components/custom/Editor/RichTextEditor/index.vue @@ -3,7 +3,7 @@ import Editor from '@tinymce/tinymce-vue' const modelValue = defineModel() -function imagesUploadHandler(blobInfo, _progress) { +function imagesUploadHandler(blobInfo: any, _progress: number) { return new Promise((resolve, reject) => { const formData = new FormData() formData.append('file', blobInfo.blob()) @@ -16,7 +16,7 @@ function imagesUploadHandler(blobInfo, _progress) { throw new Error('上传失败') // 处理上传成功后的响应数据 - resolve(data) + resolve('上传成功') }) .catch((error) => { // 处理上传失败的情况 @@ -24,44 +24,6 @@ function imagesUploadHandler(blobInfo, _progress) { }) }) } -function filesUploadHandler(callback, value, meta) { - // 使用案例http://tinymce.ax-z.cn/general/upload-images.php - // meta.filetype //根据这个判断点击的是什么file image media - let filetype // 限制文件的上传类型,需要什么就添加什么的后缀 - if (meta.filetype === 'image') - filetype = '.jpg, .jpeg, .png, .gif, .ico, .svg' - - else if (meta.filetype === 'media') - filetype = '.mp3, .mp4, .avi, .mov' - - else - filetype = '.pdf, .txt, .zip, .rar, .7z, .doc, .docx, .xls, .xlsx, .ppt, .pptx, .mp3, .mp4, .jpg, .jpeg, .png, .gif, .ico, .svg' - - const inputElem = document.createElement('input') // 创建文件选择 - inputElem.setAttribute('type', 'file') - inputElem.setAttribute('accept', filetype) - inputElem.click() - inputElem.onchange = () => { - const file = inputElem.files[0] // 获取文件信息 - - // 所有都转成base64文件流,来自官方文档https://www.tiny.cloud/docs/configure/file-image-upload/#file_picker_callback - const reader = new FileReader() - reader.readAsDataURL(file) - reader.onload = function () { - // Note: Now we need to register the blob in TinyMCEs image blob - // registry. In the next release this part hopefully won't be - // necessary, as we are looking to handle it internally. - const id = `blobid${new Date().getTime()}` - const blobCache = tinymce.activeEditor.editorUpload.blobCache - const base64 = reader.result.split(',')[1] - const blobInfo = blobCache.create(id, file, base64) - blobCache.add(blobInfo) - - // call the callback and populate the Title field with the file name - callback(blobInfo.blobUri(), { title: file.name }) - } - } -} const initConfig = { language: 'zh_CN', // 语言类型 min_height: 700, @@ -71,18 +33,18 @@ const initConfig = { font_formats: '微软雅黑=Microsoft YaHei,Helvetica Neue,PingFang SC,sans-serif;苹果苹方=PingFang SC,Microsoft YaHei,sans-serif;宋体=simsun,serif;仿宋体=FangSong,serif;黑体=SimHei,sans-serif;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;', // 字体样式 plugins: - 'print preview searchreplace autolink directionality visualblocks visualchars fullscreen image link media code codesample table charmap hr pagebreak nonbreaking anchor insertdatetime advlist lists wordcount textpattern autosave emoticons', // 插件配置 axupimgs indent2em + 'print preview searchreplace autolink directionality visualblocks visualchars fullscreen code codesample table charmap hr pagebreak nonbreaking anchor insertdatetime advlist lists wordcount textpattern autosave emoticons', // 插件配置 axupimgs indent2em toolbar: [ 'fullscreen undo redo restoredraft | cut copy paste pastetext | forecolor backcolor bold italic underline strikethrough anchor | alignleft aligncenter alignright alignjustify outdent indent | bullist numlist | blockquote subscript superscript removeformat ', - 'styleselect formatselect fontselect fontsizeselect | table image axupimgs media link emoticons charmap hr pagebreak insertdatetime selectall visualblocks | code preview | indent2em lineheight formatpainter', + 'styleselect formatselect fontselect fontsizeselect | table emoticons charmap hr pagebreak insertdatetime selectall visualblocks | code preview | indent2em lineheight formatpainter', ], paste_data_images: true, // 图片是否可粘贴 // 此处为图片上传处理函数 images_upload_handler: imagesUploadHandler, - file_picker_types: 'file image media', // file image media分别对应三个类型文件的上传：link插件，image和axupimgs插件，media插件。想屏蔽某个插件的上传就去掉对应的参数 + // file_picker_types: 'file image media', // file image media分别对应三个类型文件的上传：link插件，image和axupimgs插件，media插件。想屏蔽某个插件的上传就去掉对应的参数 // 文件上传处理函数 - file_picker_callback: filesUploadHandler, + // file_picker_callback: filesUploadHandler, } diff --git a/src/layouts/components/header/Search.vue b/src/layouts/components/header/Search.vue index 7d89c41..b86d53e 100644 --- a/src/layouts/components/header/Search.vue +++ b/src/layouts/components/header/Search.vue @@ -2,7 +2,7 @@ import HeaderButton from '../common/HeaderButton.vue' function handleSearch() { - window.$message.success('施工中...') + window.$message?.success('施工中...') } diff --git a/src/layouts/components/header/UserCenter.vue b/src/layouts/components/header/UserCenter.vue index 7b0b51d..105b091 100644 --- a/src/layouts/components/header/UserCenter.vue +++ b/src/layouts/components/header/UserCenter.vue @@ -24,7 +24,7 @@ const options = [ ] function handleSelect(key: string | number) { if (key === 'loginOut') { - window.$dialog.info({ + window.$dialog?.info({ title: '退出登录', content: '确认退出当前账号？', positiveText: '确定', diff --git a/src/main.ts b/src/main.ts index 0aacaf0..cfe04e7 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,7 +1,7 @@ import App from './App.vue' import AppLoading from './components/common/appLoading.vue' import { setupRouter } from './router' -import { setupAssets } from './plugins' +import { setupAssets } from './assets' import { setupStore } from './store' import { setupDirectives } from './directive' diff --git a/src/plugins/index.ts b/src/plugins/index.ts deleted file mode 100644 index ae1ac22..0000000 --- a/src/plugins/index.ts +++ /dev/null @@ -1,3 +0,0 @@ -import setupAssets from './assets' - -export { setupAssets } diff --git a/src/views/list/commonList/index.vue b/src/views/list/commonList/index.vue index 0c00442..bc15b85 100644 --- a/src/views/list/commonList/index.vue +++ b/src/views/list/commonList/index.vue @@ -19,7 +19,7 @@ const model = ref({ ...initialModel }) const formRef = ref() function sendMail(id: number) { - window.$message.success(`用户id:${id}`) + window.$message?.success(`用户id:${id}`) } const columns: DataTableColumns = [ { @@ -136,7 +136,7 @@ async function getUserList() { }) } function changePage(page: number, size: number) { - window.$message.success(`分页器:${page},${size}`) + window.$message?.success(`分页器:${page},${size}`) } function handleResetSearch() { model.value = { ...initialModel } diff --git a/src/views/test/test3/test4/index.vue b/src/views/test/test3/test4/index.vue index 58196f6..1ca330f 100644 --- a/src/views/test/test3/test4/index.vue +++ b/src/views/test/test3/test4/index.vue @@ -1,6 +1,6 @@ diff --git a/src/views/userCenter/index.vue b/src/views/userCenter/index.vue index 844a11e..c1806d3 100644 --- a/src/views/userCenter/index.vue +++ b/src/views/userCenter/index.vue @@ -35,8 +35,8 @@ const rules = { function handleValidateClick() { formRef.value?.validate((errors: any) => { if (!errors) - window.$message.success('验证通过') - else window.$message.error('验证不通过') + window.$message?.success('验证通过') + else window.$message?.error('验证不通过') }) } diff --git a/tsconfig.json b/tsconfig.json index 5b39b8d..d613816 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -2,8 +2,8 @@ "compilerOptions": { "baseUrl": ".", "target": "ESNext", - "useDefineForClassFields": true, "module": "ESNext", + "useDefineForClassFields": true, "moduleResolution": "Node", "strict": true, "jsx": "preserve", diff --git a/vite.config.ts b/vite.config.ts index 56b1cbf..d481dd2 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -36,12 +36,13 @@ export default defineConfig(({ mode }: ConfigEnv) => { port: 5211, }, build: { + target: 'esnext', reportCompressedSize: false, // 启用/禁用 gzip 压缩大小报告 sourcemap: false, // 构建后是否生成 source map 文件 assetsInlineLimit: 4096, // 4kb内资源使用base64 }, optimizeDeps: { - include: ['echarts', 'md-editor-v3', '@wangeditor/editor', '@wangeditor/editor-for-vue'], + include: ['echarts', 'md-editor-v3', '@tinymce/tinymce-vue'], }, } })