SuperAPI AI 工具集

a1-migration

前端与建站

查看项目

更新于 10-15 19:55

技能介绍

用途:把 Angular 应用从 NDBX/旧设计系统迁移到 One Allianz(A1)设计系统,涉及主题、组件替换、布局与可访问性调整。技能版本 0.1.5,处于 beta 阶段,开始前需告知用户版本与阶段。

主要能力与步骤:1)应用 A1 主题:先检查 @allianz/ngx-brand-kit 是否安装,未安装则跳过并继续;安装后未指定主题时询问 spacious、compact 或 dense,再从项目根目录执行 ng g @allianz/ngx-brand-kit:apply-a1-theme --type=<THEME>。2)方块开关迁移:nx-circle-toggle 不在组内时为多选,用 nx-tile-group [value]="arrayOfValues";在 nx-circle-toggle-group 内时为单选,用 nx-tile-group [value]="selectedValue",nx-tile 仅用 label、value、icon 属性,内部不放置内容;circleText 需移除并留 TODO。3)独立信息按钮弹窗迁移为 nx-info-icon;表单域内信息图标改用 nxFormfieldAppendix 投影槽,import 自 @allianz/ng-aquila/info-icon,推荐内容投影而非透传输入。4)布局左对齐:移除居中、rowJustify="center" 改 start、text-center;底部导航按钮右对齐且同行、句首大写;nxCol 仅接受数字。5)头部尺寸映射:nxHeadline="page" 等转换为 size 属性,并检查层级;小舞台主标题用 size="3xl",必须用 accent-color 包裹重点词。6)文件上传器:Choose File 按钮 primary→secondary、图标 plus→arrow-upload、文案 Add File→Choose File;手动上传时上传按钮用 @if 依据值显示并移除 disabled。7)上下文菜单选择迁移到 nxContextMenuItem 内置单选/多选 API。

使用方式:按步骤逐一应用,涉及 CSS 时写入组件 CSS 文件或 styles 数组,不使用 HTML 内联样式;每处替换输出简短决策日志。

限制:安装 brand kit 后才能应用主题与间距变量,未安装则跳过相关步骤;nxCol="auto" 会破坏,需用数字;表单域信息图标与独立按钮处理方式不同;具体收费、价格、平台与效果资料暂未提供。