mx-space/mx-admin

😇 The next generation of mx-space admin dashboard built with Vue 3 and TypeScript.

MX Space Admin Vue 3 v2

嘿，这是一个为 Mix Space Server 打造的后台管理。使用 Vue 3 + Naive UI 编写。添加了许多有趣的小玩意。一起来玩吗？

嘿！现在可以使用共享面板了，立即前往：https://22333322.xyz/#/setup-api

git clone --single-branch -b master https://github.com/mx-space/mx-admin.git

Build

pnpm i
pnpm build

Preview

Version

• v4.0 for Mix Space Server v5.0

License

MIT. © 2021-present Mix Space & Innei

mx-admin's Issues

后台 setup-api 设置 API 和网关地址后点确定出现异常

经群里反馈和本人测试，在用 Docker 部署完 Core 完成初始化过程后管理后台上方仍出现 custom-api 的黑条，点进去设置 API 及网关地址后出现异常，在重新进入后台后黑条依旧存在，无论是否在 setup-api 那边勾选持久化。

可以加个联系方式不？

vuer
qq:1356006666

admin_web无法删除文件

Describe the bug

复现步骤

我采用的是Docker部署

• 1、转到admin前端（https://server.example.com/proxy/qaqdmin）
• 2、点击文件菜单
• 3、随便单击子选项图标、头像、文件
• 4、尝试点击删除任意文件，提示删除成功
• 5、随意来回切换子选项图标、头像、文件或者刷新，被删除的文件又诈尸了，且这文件还能正常以链接形式访问

Reproduction

https://alist.yuanxi953.cn:4433/BUG%E5%8F%8D%E9%A6%88%E7%9B%B8%E5%85%B3/mx-space_mx-admin_2024-05-20%2017-32-16.mkv

System Info

System:
    OS: Linux 6.1 Debian GNU/Linux 12 (bookworm) 12 (bookworm)
    CPU: (2) x64 Intel(R) Xeon(R) Platinum
    Memory: 412.82 MB / 1.69 GB
    Container: Yes
    Shell: 5.2.15 - /bin/bash
  Binaries:
    Node: 20.11.1 - /usr/local/NodeJS/node-v20.11.1-linux-x64/bin/node
    npm: 10.2.4 - /usr/local/NodeJS/node-v20.11.1-linux-x64/bin/npm


{
    "name": "@mx-space/core",
    "author": "Innei <https://innei.ren>",
    "version": "5.7.6",
    "homepage": "https://github.com/mx-space/core/tree/master/apps/core#readme",
    "issues": "https://github.com/mx-space/core/issues"
}

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

文章支持自定义创建时间

Clear and concise description of the problem

迁移博客到shiro之后文章的创建时间为当前日期，希望文章可以支持自定义创建时间（也许已经支持了，是我没找到？🤔）

Suggested solution

提供一个时间日期选择控件，在管理页面点击创建时间，可以选择文章的创建日期

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

一些功能/外观改进建议

Clear and concise description of the problem

如题，具体如下：

• 后台菜单栏子选项颜色灰一点区分度灰更高？且各个标题栏中可以增加一些 margin？

  

• 后台的网站 icon 希望能根据环境切换黑暗模式：

  

• 后台有新版本的时候的升级提示无法永久关闭（甚至不关闭的话会堆叠)

  

Suggested solution

对于后台提示，增加duration参数，增加永久关闭选项。

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

请教大佬 这个和mx-server的关系是什么

用docker搭建了mx-server是否还需要这个admin

无法给手记添加心情和天气

Describe the bug

无法给手记添加心情和天气，点击回车后弹出 text must be a string

Reproduction

选择一篇手记文章，修改心情，输入任意字符，回车即可复现

System Info

System:
    OS: Linux 5.15 Ubuntu 22.04.3 LTS 22.04.3 LTS (Jammy Jellyfish)
    CPU: (2) x64 Intel(R) Xeon(R) Platinum
    Memory: 73.10 MB / 1.65 GB
    Container: Yes
    Shell: 5.1.16 - /bin/bash
  Binaries:
    Node: 14.21.3 - ~/.nvm/versions/node/v14.21.3/bin/node
    npm: 6.14.18 - ~/.nvm/versions/node/v14.21.3/bin/npm

Used Package Manager

npm

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

Screenshot

分类表单bug

博文 · 分类 / 标签 页面里面即使填写数据也会触发错误校验

文章縮略圖因不明原因無法顯示

Describe the bug

在「文章設定」中填寫了文章縮略圖的連結，底下的 cover 欄位裡也有正常出現

將鼠標放置在連結上時，圖片也有正常出現

點擊自動修正時，會顯示錯誤訊息

在文章中，沒有出現縮略圖

我猜想可能是因為這個圖片連結並不是以檔名結尾的？

文章連結：https://seria.vercel.app/notes/3
圖片連結：https://photos.seriaati.xyz/api/v1/t/a68835255d0640dfbd34e4b12a22a3f15b934916/1okg2wda/fit_1280

Reproduction

Described above

System Info

System:
    OS: Linux 6.1 Debian GNU/Linux 12 (bookworm) 12 (bookworm)
    CPU: (2) x64 AMD EPYC-Rome Processor
    Memory: 1.00 GB / 3.82 GB
    Container: Yes
    Shell: 5.2.15 - /bin/bash
  Binaries:
    Node: 18.19.0 - /usr/bin/node
    npm: 9.2.0 - /usr/bin/npm

API: https://mx-space.seriaati.xyz/api/v2

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

设置主人名为空格会导致无法登录

在设定->用户->界面里面
当设置 "主人名 (username)" 为一个空格并保存，会出现无法登录的情况

内存泄漏严重！

内存泄漏严重！路由切换没有释放上一个路由的内存！！！！！！！原因未知

错别字，嘿嘿

admin后台编辑时，功能优化建议

Clear and concise description of the problem

1、当前文章slug需要手动填写，是否考虑支持自动生成呢？我现在都是使用的随机字符串，复制粘贴。
2、后台编辑文章时，图片无法直接复制粘贴进去。我看了，再前端界面的编辑器时可以的，但是再前端粘贴进去后，再从后台看，图片时做了转码的。是否考虑优化下显示呢？

Suggested solution

1、文章slug可以配置自动生成，避免人工频繁操作。
2、后台编辑文章支持图片复制粘贴，并且最好有预览界面？

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Awaiting Schedule

These updates are awaiting their schedule. Click on a checkbox to get an update now.

• chore(deps): update dependency @biomejs/biome to v1.8.2
• fix(deps): update dependency vue-router to v4.4.0
• chore(deps): update peaceiris/actions-gh-pages action to v4
• chore(deps): update pnpm/action-setup action to v4

Ignored or Blocked

These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.

• fix(deps): update dependency @antv/g2 to v5

Detected dependencies

github-actions

.github/workflows/build.yml

• actions/checkout v4
• actions/setup-node v4
• actions/cache v4
• pnpm/action-setup v3.0.0

.github/workflows/deploy.yml

• actions/checkout v4
• actions/setup-node v4
• actions/cache v4
• pnpm/action-setup v3.0.0
• peaceiris/actions-gh-pages v3

.github/workflows/release.yml

• actions/checkout v4
• actions/setup-node v4
• actions/cache v4
• pnpm/action-setup v3.0.0
• actions/create-release v1
• actions/upload-release-asset v1

npm

package.json

• @antv/g2 ^4.2.11
• @bytebase/vue-kbar 0.1.8
• @codemirror/search 6.5.6
• @huacnlee/autocorrect 2.11.1
• @mx-space/api-client 1.13.1
• @simplewebauthn/browser 10.0.0
• @types/canvas-confetti 1.6.4
• @vicons/antd 0.12.0
• @vicons/fa 0.12.0
• @vicons/fluent 0.12.0
• @vicons/ionicons4 0.12.0
• @vicons/ionicons5 0.12.0
• @vicons/material 0.12.0
• @vicons/tabler 0.12.0
• @vicons/utils 0.1.4
• @vueuse/core 10.11.0
• @xterm/addon-fit 0.10.0
• @xterm/xterm 5.5.0
• ansi_up 6.0.2
• buffer 6.0.3
• canvas-confetti 1.9.3
• class-transformer 0.5.1
• class-validator 0.14.1
• crossbell.js 1.11.9
• date-fns 3.6.0
• ejs 3.1.10
• event-source-polyfill 1.0.31
• highlight.js 11.9.0
• js-cookie 3.0.5
• js-yaml 4.1.0
• json5 2.2.3
• lodash-es 4.17.21
• markdown-escape 2.0.0
• marked 13.0.0
• monaco-editor 0.50.0
• monaco-editor-auto-typings 0.4.5
• naive-ui 2.38.2
• octokit 4.0.2
• openai 4.52.0
• os-browserify 0.3.0
• path-browserify 1.0.1
• pinia 2.1.7
• qier-progress 1.0.4
• qs 6.12.1
• reflect-metadata 0.2.2
• socket.io-client 4.7.5
• sortablejs 1.15.2
• swrv 1.0.4
• tinycolor2 1.6.0
• umi-request 1.4.0
• unidata.js 0.8.0
• validator 13.12.0
• vite-plugin-windicss 1.9.3
• vue 3.4.29
• vue-router 4.3.3
• xss 1.0.15
• xterm-theme 1.1.0
• @biomejs/biome 1.7.3
• @innei/prettier 0.13.2
• @types/ejs 3.1.5
• @types/event-source-polyfill 1.0.5
• @types/js-yaml 4.0.9
• @types/lodash-es 4.17.12
• @types/markdown-escape 1.1.3
• @types/qs 6.9.15
• @types/sortablejs 1.15.8
• @types/tinycolor2 1.4.6
• @types/validator 13.12.0
• @vitejs/plugin-vue 5.0.5
• @vitejs/plugin-vue-jsx 4.0.0
• @vue/compiler-sfc 3.4.29
• cors 2.8.5
• lint-staged 15.2.7
• postcss 8.4.38
• postcss-nested 6.0.1
• postcss-preset-env 9.5.14
• prettier 3.3.2
• rollup ^4.18.0
• rollup-plugin-visualizer 5.12.0
• simple-git-hooks 2.11.1
• typescript 5.5.2
• unplugin-auto-import 0.17.6
• vite 5.3.1
• vite-plugin-checker 0.6.4
• vite-plugin-mkcert 1.17.5
• vite-plugin-wasm 3.3.0
• vite-tsconfig-paths 4.3.2
• windicss 3.5.6

polyfills/packages/path/package.json

src/components/function-editor/libs/node/package.json

---

• Check this box to trigger a request for Renovate to run again on this repository

TODO Icons 打包优化

移除 @vicons 所有库，换用 unplugin-icons, 拆分 /components/icons/index.tsx 细化到多个文件。单次引用 Icon 不做抽离，直接引用 ~icons/，预计 node_modules 能小一半。

删除数据库后，重新初始化站点会出现异常

删除数据库后，初始化站点(点击第3步的LINK START)，无法跳转到登录界面。似乎是因为cookie中依然存在被删除用户的token，导致请求后端发生500错误，我可以提一个PR来删除这个token

错别字

登陆 应改为 登录

Action Required: Fix Renovate Configuration

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Location: renovate.json
Error type: The renovate configuration file contains some invalid settings
Message: Invalid configuration option: node

md文件yaml解析出错无状态显示

Describe the bug

有的时候md开头的yaml出错了，点击解析就没响应，比较诡异
所以希望加一个错误显示

Reproduction

文件的yaml部分出错时

System Info

macOs 14.4.1
node 20.12.1
edge

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

升级后出错，后台时而打得开时而打不开

使用配置

环境：Ubuntu / 20.04 LTS amd64 (64bit)

出现问题

后台升级管理中台（当前版本: 3.25.0，最新版本: 3.25.3），更新到最后报错

然后访问后台时而可以访问进，时而访问不进（进不去为大多数）

求助呜呜呜

登录界面改变窗口大小，会导致按钮bug

2022-06-22.21.30.42.mp4

应该是改变窗口大小的时候，没重新获取到窗口大小，我来修下吧

api文档

作者大大，首先感谢您开源mx admin，我是上个月用这个开源项目的，非常棒的管理面板!我希望作者能出一些api文档用于调用，这样能实现更多的功能和个性化

404: Not Found

Describe the bug

访问后端管理页 /qaqdmin#/dashboard 报 404: Not Found；改到 /proxy/qaqdmin#/dashboard 后正常

使用手动部署方式安装，无单独部署管理页

Reproduction

{api}/qaqdmin#/dashboard

System Info

System:
    OS: Windows 10 10.0.22621
    CPU: (16) x64 AMD Ryzen 7 4800H with Radeon Graphics
    Memory: 865.93 MB / 15.42 GB
  Binaries:
    Node: 16.17.1 - C:\Program Files\nodejs\node.EXE
    npm: 8.15.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.22621.1105.0), Chromium (109.0.1518.78)

Used Package Manager

npm

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

data.0.meta.title must be a string

Describe the bug

proxy/qaqdmin#/other/markdown
markdown导入导出时，yaml字段被成功识别，同时包含title字段，但是会报这个错误。

Reproduction

/api/v2/markdown/import接口

markdown示例:

---
date: '2023/3/28 14:00'
coverUrl: 'https://s3.bmp.ovh/imgs/2023/03/28/932ba869aceb2776.jpg'
sticky: false
keyword: css
description: study
title: 操作系统原理实验
tag: [国示院]
categories: [study]  
---

## 第一次实验

操作系统原理这门课还是挺有意识的，这里主要记录一下操作系统原理实验的一些操作

System Info

Ubuntu-20.04

Used Package Manager

pnpm

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

[BUG?] md导入文章 部分文章yaml字段无法识别

Describe the bug

已校验yaml文件格式无错误

core中导出的md后导入也会出现字段识别不了

面板版本: 3.27.1
系统版本：3.42.4

Reproduction

导入文件

System Info

System:
    OS: Linux 5.8 Ubuntu 20.04.2 LTS (Focal Fossa)
    CPU: (4) arm64 unknown
    Memory: 2.47 GB / 23.31 GB
    Container: Yes
    Shell: 5.0.17 - /bin/bash
  Binaries:
    Node: 16.13.0 - /www/server/nvm/versions/node/v16.13.0/bin/node
    Yarn: 1.22.19 - /www/server/nvm/versions/node/v16.13.0/bin/yarn
    npm: 9.5.0 - /www/server/nvm/versions/node/v16.13.0/bin/npm

Used Package Manager

pnpm

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

代码跑不起来

我install之后，执行了npm run dev报错
'TAILWIND_MODE' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
这个命令我在网上搜不到，麻烦指点。

[Feature request] Translation to English, possible/how hard ?

Clear and concise description of the problem

Hi,

Is it possible to translate this project or add internalization ? How hard would that be, I'm not very knowledgeable with the tech stack used (NodeJS/VueJS)

Suggested solution

but I'm not sure if one of these solution could be used :

• https://locize.com/blog/i18next-vue/
• https://vue-i18n.intlify.dev/guide/

Alternative

Use the website by translating them using an extension in the browser, the translation isn't perfect but it could allow usage as a workaround.

Additional context

I could try and work on it, but with guidance and an accepted solution discussed with the maintainers of this repo.

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

后台 Passkey 无法添加实体密钥

Describe the bug

（感谢 @GrassBlock1 发现问题并提供截图）
在 设定-安全-Passkey 设置中新增 Passkey，只能添加 Windows Hello，找不到实体密钥（For Windows）；无法添加实体密钥（For Linux）。日志无相关记录

具体表现截图如下：
Arch-Edge：设备不能用于此站点

Arch-Firefox：

Win-Vivaldi：只有 Windows Hello 的选项，无实体密钥

Reproduction

See above

System Info

ArchLinux: Firefox 127 / Edge 126
Windows 11: Vivaldi(Chrome/126.0.0.0) / Edge 126 / Firefox 128.0b2

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

admin后台点击文件上传，页面没有响应。文件也无法上传

Describe the bug

admin后台点击文件上传，页面没有响应。文件也无法上传

Reproduction

admin后台点击文件上传，页面没有响应。文件也无法上传

System Info

面板版本: 4.2.5
系统版本：5.5.5

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.