@aglyn/ shared- data- mdi (英语)
材料设计图标作为数据. 每个图标都是一种平地物体,带有它的ID,显示名,SVG路径,别名和标记,外加一个懒散地装入的目录,用于图标取取器和搜索. Aglyn 使用它,只要一个图标被 id 选择并作为数据存储;它可用于任何想要没有组件库的 MDI 路径的项目.
从Aglyn monorepo出版到npm. 随后的版本 语义版本。 。 。 .
安装
npm install @aglyn/shared-data-mdi
没有同伴依赖关系,也没有反应.
里面有什么东西
- 生成的图标集 . 在骆驼案中,每个图标有一个命名导出符
mdi前缀( e)mdiAbacus, (中文(简体) ),mdiAccessPoint) (中文(简体) ). 每个都是Icon数字 :{ id, name, path, as, tags }时path是 24 乘以 24 视图框的 SVG 路径数据。 该套集由材料设计图标 6.5.95和包件中的船舶所产生generated/6.5.95/。 。 。 . - 目录.
loadMdiIcons()动态导入整个集,填充MdiIcons地图( e)Map<IconId, Icon>)第一调和缓存承诺. 没有在导入时加载目录, 因为目录是大型的; 只在需要每个图标的表面使用 . - 对装入的目录进行搜索.
getMdiIconPath(id)返回路径,或undefined当id未知或目录未加载时.getMdiIconFromId(idOrIds)返回图标,替换DEFAULT_ICON错过.getMdiAllIcons()返回地图. - 助会者.
convertIdToModuleName('access-point')给'mdiAccessPoint'。 。 。 .iconPathPropName('iconId')给'iconPath',将一个解析的路径保存在id旁的相伴道具名.handleIconNotFound财务报告和审定财务报表DEFAULT_ICON是倒计时的碎片. - 类型.
Icon, (中文(简体) ),Icons, (中文(简体) ),IconId, (中文(简体) ),IconName, (中文(简体) ),IconPath, (中文(简体) ),IconTag, (中文(简体) ),IconTags, (中文(简体) ),IconAliases。 。 。 .
使用量
一个被命名的图标, 树切换到一个对象 :
import { mdiAbacus } from '@aglyn/shared-data-mdi'
mdiAbacus.path // 'M5 5H7V11H5V5M10 5H8V11H10V5…'
整个目录,一个拾取者:
import { getMdiIconPath, loadMdiIcons } from '@aglyn/shared-data-mdi'
const icons = await loadMdiIcons() // Map<IconId, Icon>
const path = getMdiIconPath('abacus')
生成的文件是构建输出 。 不要用手编辑它们.
怎样才合适
A 类 shared 数据包。 这只取决于 @aglyn/shared-util-tools。 。 。 . @aglyn/shared-data-enums 命名其图标常数,以及 @aglyn/shared-ui-jsx 再出口到旁边 MdiIcon 实现路径的组件。 共享软件包是通用的:它们只导入其他共享软件包并持有没有插件的域名.
许可证
阿帕奇2.0 (英语). 资料来源: https://github.com/aglyn/aglyn/tree/main/libs/shared/data/mdi 页面存档备份,存于互联网档案馆
图标路径来自材料设计图标项目(https://github.com/腾讯/Matrial Design (中文(简体) )依据自己的执照出版.