mirror of
https://gitee.com/dapppp/ruoyi-plus-vben5.git
synced 2026-03-16 06:52:01 +08:00
feat: 统一系统图标渲染方式并优化代码生成预览
- 将操作系统和浏览器图标从自定义组件改为使用 Iconify 类名,简化渲染逻辑 - 在登录信息和在线用户表格中,将操作系统图标与文本并排显示,提升可读性 - 重构代码生成预览功能,将图标配置移至独立文件,提高可维护性 - 更新 GitHub 图标引用,使用 Ant Design Vue 的 GithubOutlined 组件
This commit is contained in:
@@ -1,38 +1,13 @@
|
||||
import { createIconifyOfflineIcon } from '@vben-core/icons';
|
||||
|
||||
import githubOutlined from '@iconify/icons-ant-design/github-outlined';
|
||||
import userOutlined from '@iconify/icons-ant-design/user-outlined';
|
||||
import defaultFileIcon from '@iconify/icons-bx/file';
|
||||
import sqlIcon from '@iconify/icons-carbon/sql';
|
||||
import linuxIcon from '@iconify/icons-devicon/linux';
|
||||
import windowsIcon from '@iconify/icons-devicon/windows8';
|
||||
import androidIcon from '@iconify/icons-flat-color-icons/android-os';
|
||||
import folderIcon from '@iconify/icons-flat-color-icons/folder';
|
||||
import defaultOsIcon from '@iconify/icons-ic/outline-computer';
|
||||
import vueIcon from '@iconify/icons-logos/vue';
|
||||
import iphoneIcon from '@iconify/icons-majesticons/iphone-x-apps-line';
|
||||
import menuIcon from '@iconify/icons-material-symbols/menu';
|
||||
import okButtonIcon from '@iconify/icons-mdi/button-pointer';
|
||||
import dingdingFill from '@iconify/icons-ri/dingding-fill';
|
||||
import giteeIcon from '@iconify/icons-simple-icons/gitee';
|
||||
import javaIcon from '@iconify/icons-skill-icons/java-light';
|
||||
import tsIcon from '@iconify/icons-skill-icons/typescript';
|
||||
import xmlIcon from '@iconify/icons-tabler/file-type-xml';
|
||||
import osxIcon from '@iconify/icons-wpf/macos';
|
||||
|
||||
import './menu-icons';
|
||||
|
||||
// 用户 下拉菜单
|
||||
export const GitHubOutlined = createIconifyOfflineIcon(
|
||||
'ant-design:github-outlined',
|
||||
githubOutlined,
|
||||
);
|
||||
|
||||
export const UserOutlined = createIconifyOfflineIcon(
|
||||
'ant-design:user-outlined',
|
||||
userOutlined,
|
||||
);
|
||||
|
||||
// 第三方登录相关图标
|
||||
export const DingdingIcon = createIconifyOfflineIcon(
|
||||
'ri:dingding-fill',
|
||||
@@ -43,27 +18,6 @@ export const GiteeIcon = createIconifyOfflineIcon(
|
||||
giteeIcon,
|
||||
);
|
||||
|
||||
// 系统相关图标
|
||||
export const WindowsIcon = createIconifyOfflineIcon(
|
||||
'devicon:windows8',
|
||||
windowsIcon,
|
||||
);
|
||||
export const LinuxIcon = createIconifyOfflineIcon('devicon:linux', linuxIcon);
|
||||
export const OSXIcon = createIconifyOfflineIcon('wpf:macos', osxIcon);
|
||||
export const AndroidIcon = createIconifyOfflineIcon(
|
||||
'flat-color-icons:android-os',
|
||||
androidIcon,
|
||||
);
|
||||
export const IPhoneIcon = createIconifyOfflineIcon(
|
||||
'majesticons:iphone-x-apps-line',
|
||||
iphoneIcon,
|
||||
);
|
||||
// 上面图标没找到 默认图标
|
||||
export const DefaultOsIcon = createIconifyOfflineIcon(
|
||||
'ic:outline-computer',
|
||||
defaultOsIcon,
|
||||
);
|
||||
|
||||
// 菜单类型 目录/按钮/菜单
|
||||
export const FolderIcon = createIconifyOfflineIcon(
|
||||
'flat-color-icons:folder',
|
||||
@@ -77,22 +31,3 @@ export const MenuIcon = createIconifyOfflineIcon(
|
||||
'material-symbols:menu',
|
||||
menuIcon,
|
||||
);
|
||||
|
||||
export const JavaIcon = createIconifyOfflineIcon(
|
||||
'skill-icons:java-light',
|
||||
javaIcon,
|
||||
);
|
||||
export const XmlIcon = createIconifyOfflineIcon(
|
||||
'tabler:file-type-xml',
|
||||
xmlIcon,
|
||||
);
|
||||
export const SqlIcon = createIconifyOfflineIcon('carbon:sql', sqlIcon);
|
||||
export const TsIcon = createIconifyOfflineIcon(
|
||||
'skill-icons:typescript',
|
||||
tsIcon,
|
||||
);
|
||||
export const VueIcon = createIconifyOfflineIcon('logos:vue', vueIcon);
|
||||
export const DefaultFileIcon = createIconifyOfflineIcon(
|
||||
'flat-color-icons:folder',
|
||||
defaultFileIcon,
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user