blackteay/nova-admin
1
0
Fork 0
mirror of https://github.com/chansee97/nova-admin.git synced 2025-04-05 19:41:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(build): resolve build error

Browse Source
This commit is contained in:
chen.home 2023-06-22 00:42:46 +08:00
parent 1a9da07df3
commit 446ee7794e
11 changed files with 18 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/plugins/assets.ts → src/assets/index.ts
View File

@ -3,4 +3,4 @@ import 'uno.css'
import '@/styles/css/index.css'
import 'virtual:svg-icons-register'
export default function setupAssets() {}
export function setupAssets() { }

50
src/components/custom/Editor/RichTextEditor/index.vue
View File

@ -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>

2
src/layouts/components/header/Search.vue
View File

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

2
src/layouts/components/header/UserCenter.vue
View File

@ -24,7 +24,7 @@ const options = [
]
function handleSelect(key: string | number) {
if (key === 'loginOut') {
window.$dialog.info({
window.$dialog?.info({
title: '退出登录',
content: '确认退出当前账号？',
positiveText: '确定',

2
src/main.ts
View File

@ -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'

3
src/plugins/index.ts
View File

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

4
src/views/list/commonList/index.vue
View File

@ -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 }

2
src/views/test/test3/test4/index.vue
View File

@ -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>

4
src/views/userCenter/index.vue
View File

@ -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('验证不通过')
})
}
</script>

2
tsconfig.json
View File

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

3
vite.config.ts
View File

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