fix(build): resolve build error

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() { }

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,
 }
 </script>
 

src/layouts/components/header/Search.vue

@@ -2,7 +2,7 @@
 import HeaderButton from '../common/HeaderButton.vue'
 
 function handleSearch() {
-  window.$message.success('施工中...')
+  window.$message?.success('施工中...')
 }
 </script>
 

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: '确定',

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'
 

src/plugins/index.ts

@@ -1,3 +0,0 @@
-import setupAssets from './assets'
-
-export { setupAssets }

src/views/list/commonList/index.vue

@@ -19,7 +19,7 @@ const model = ref({ ...initialModel })
 
 const formRef = ref<FormInst | null>()
 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 }

src/views/test/test3/test4/index.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 function testMsg() {
-  window.$message.error('Once upon a time you dressed so fine')
+  window.$message?.error('Once upon a time you dressed so fine')
 }
 </script>
 

src/views/userCenter/index.vue

@@ -35,8 +35,8 @@ const rules = {
 function handleValidateClick() {
   formRef.value?.validate((errors: any) => {
     if (!errors)
-      window.$message.success('验证通过')
+      window.$message?.success('验证通过')
-    else window.$message.error('验证不通过')
+    else window.$message?.error('验证不通过')
   })
 }
 </script>

tsconfig.json

@@ -2,8 +2,8 @@
   "compilerOptions": {
     "baseUrl": ".",
     "target": "ESNext",
-    "useDefineForClassFields": true,
     "module": "ESNext",
+    "useDefineForClassFields": true,
     "moduleResolution": "Node",
     "strict": true,
     "jsx": "preserve",

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'],
     },
   }
 })