feat: 增加图标边栏选项卡

This commit is contained in:
tnt group 2023-05-18 19:44:27 +08:00
parent aee8c6bf9e
commit 2fe63c613d
4 changed files with 16 additions and 4 deletions

View File

@ -162,6 +162,7 @@ export enum PackagesCategoryEnum {
TABLES = 'Tables',
INFORMATIONS = 'Informations',
PHOTOS = 'Photos',
ICONS = 'Icons',
DECORATES = 'Decorates'
}
@ -171,6 +172,7 @@ export enum PackagesCategoryName {
TABLES = '列表',
INFORMATIONS = '信息',
PHOTOS = '图片',
ICONS = '图标',
DECORATES = '小组件'
}
@ -186,5 +188,6 @@ export type PackagesType = {
[PackagesCategoryEnum.INFORMATIONS]: ConfigType[]
[PackagesCategoryEnum.TABLES]: ConfigType[]
[PackagesCategoryEnum.PHOTOS]: ConfigType[]
[PackagesCategoryEnum.ICONS]: ConfigType[]
[PackagesCategoryEnum.DECORATES]: ConfigType[]
}

View File

@ -3,6 +3,7 @@ import { DecorateList } from '@/packages/components/Decorates/index'
import { InformationList } from '@/packages/components/Informations/index'
import { TableList } from '@/packages/components/Tables/index'
import { PhotoList } from '@/packages/components/Photos/index'
import { IconList } from '@/packages/components/Icons/index'
import { PackagesCategoryEnum, PackagesType, ConfigType, FetchComFlagType } from '@/packages/index.d'
const configModules: Record<string, { default: string }> = import.meta.glob('./components/**/config.vue', {
@ -21,6 +22,7 @@ export let packagesList: PackagesType = {
[PackagesCategoryEnum.INFORMATIONS]: InformationList,
[PackagesCategoryEnum.TABLES]: TableList,
[PackagesCategoryEnum.PHOTOS]: PhotoList,
[PackagesCategoryEnum.ICONS]: IconList,
[PackagesCategoryEnum.DECORATES]: DecorateList
}

View File

@ -67,7 +67,8 @@ import {
EyeOutline as EyeOutlineIcon,
EyeOffOutline as EyeOffOutlineIcon,
Albums as AlbumsIcon,
Analytics as AnalyticsIcon
Analytics as AnalyticsIcon,
Airplane as AirPlaneIcon
} from '@vicons/ionicons5'
import {
@ -238,10 +239,12 @@ const ionicons5 = {
// 眼睛
EyeOutlineIcon,
EyeOffOutlineIcon,
// 图表列表
// 图表列表
AlbumsIcon,
// 分析
AnalyticsIcon
AnalyticsIcon,
// 飞机
AirPlaneIcon
}
const carbon = {

View File

@ -7,7 +7,7 @@ import { PackagesCategoryEnum, PackagesCategoryName, PackagesType } from '@/pack
import { usePackagesStore } from '@/store/modules/packagesStore/packagesStore'
import { ChartLayoutStoreEnum } from '@/store/modules/chartLayoutStore/chartLayoutStore.d'
// 图标
const { ImageIcon, BarChartIcon } = icon.ionicons5
const { AirPlaneIcon, ImageIcon, BarChartIcon } = icon.ionicons5
const { TableSplitIcon, RoadmapIcon, SpellCheckIcon, GraphicalDataFlowIcon } = icon.carbon
// 图表
@ -38,6 +38,10 @@ const packagesListObj = {
icon: renderIcon(ImageIcon),
label: PackagesCategoryName.PHOTOS
},
[PackagesCategoryEnum.ICONS]: {
icon: renderIcon(AirPlaneIcon),
label: PackagesCategoryName.ICONS
},
[PackagesCategoryEnum.DECORATES]: {
icon: renderIcon(GraphicalDataFlowIcon),
label: PackagesCategoryName.DECORATES