bytefun-ai-mcp/build/uiDesignReplenishxxxx.js

ByteFun AI MCP服务 - 打通产品设计、UI设计、代码开发的服务平台，支持设计稿转代码和跨平台原生代码开发

export const uiDesignReplenishPromptTemplate = `
# 1、html节点规则
- 给每个组件补充：id、name、nodeType属性
- id属性必须是英文或数字，且不能以数字开头，并且整个页面id属性的值必须唯一
- name属性必须是中文或数字，并且不能包含特殊字符
- nodeType属性的值必须是\`组件类型枚举 (node)\` 中的一个
- 给nodeType="switch"、nodeType="radio"、nodeType="checkBox"节点的孩子i标签节点添加一个checkedClass属性，用于表示选中状态的icon图标样式类名，比如：
\`\`\` html
<div nodeType="radio" id="xxxRadio" name="xxx单选">
    <i name="单选Icon" nodeType="icon" id="xxxRadioIcon" class="fa xxx" checkedClass="fa yyy"></i>
    <span name="xxx单选文本" nodeType="text" class="xxx-text">xxx</span>
</div>
<div nodeType="checkBox" id="agreementCheckbox" name="协议勾选框" class="agreement-checkbox" onclick="toggleAgreement()">
    <i id="agreementIcon" name="协议勾选图标" nodeType="icon" class="far fa-square" checkedClass="fas fa-check-square"></i>
</div>
\`\`\`

# 2、给nodeType是\`verticalListView\`、\`horizontalListView\`、\`viewPager\`、\`tabPanelFather\`、\`radioGroup\`、\`checkBoxGroup\`、\`inlineBlockAndWrap\`类型的节点添加数据获取方式属性fromApiOrCacheData，fromApiOrCacheData="true"的情况必须满足以下条件：
- 该组件的数据是从网络或者本地持久化缓存拉取回来的，比如：热门商品列表组件\`verticalListView\`，该组件的数据是从网络或者本地持久化缓存拉取回来的
- 如果是一些不需要后端API联网或本地持久化缓存拉取获取的静态写死的数据，那么就不需要fromApiOrCacheData属性了，比如：个人中心列表项、设置列表项、菜单列表项，这些根本不需要经过后台API联网或本地持久化缓存拉取获取的，那么就不要fromApiOrCacheData属性

# 3、必须添加节点显示和隐藏的切换js方法
- 如果一个节点的\`nodeType\`是\`oneStateContentContainer\`、\`viewPagerItem\`、\`tabPanel\`，或者该节点使用了\`display: none\`来实现显示与隐藏，那么就必须添加一个js方法来实现显示和隐藏的切换，js方法的命名规则：\`switchTo\` + 节点id，并且该js方法不得带有任何参数。
- js方法的命名规则：\`switchTo\` + 节点id，比如：\`switchToAgeContainer\`、\`switchToPhoneContainer\`
- 切换显示和隐藏的js方法不得带有任何参数，比如：\`switchToAgeContainer()\`、\`switchToPhoneContainer()\`
- 示例：
\`\`\` javascript
function switchToAgeContainer() {
    document.getElementById("ageContainer").style.display = "block";
    document.getElementById("phoneContainer").style.display = "none";
}
\`\`\`

# 4、组件类型枚举 (nodeType)
- 形状：\`rect\`, \`circle\`, \`line\`
- 基础组件：\`text\`、\`button\`、\`input\`、\`icon\`
- 基础容器：\`container\`
- 开关：\`switch\`
- 单选：\`radioGroup\`、\`radio\`
- 多选：\`checkBoxGroup\`、\`checkBox\`
- 顶部导航栏：\`topNavigateBar\`
- 多状态容器：\`multiStateContainer\`, \`oneStateContentContainer\`
- 列表：\`verticalListView\`, \`horizontalListView\`, \`listItemCard\`
- 轮播：\`viewPager\`, \`viewPagerItem\`, \`viewPagerIndicatorContainer\`
- tab选项卡：\`tabPanelFather\`, \`tabPanel\`, \`tabMenuBar\`, \`tabMenuBarItem\`
- 底部导航: \`bottomTabContentContainer\`, \`subPage\`, \`bottomTabNavigateBar\`, \`bottomTabNavigateBarItem\`
- 对话框：\`dialogOverlay\`, \`dialogContent\`
- toast提示：\`toast\`
- 下拉菜单：\`dropDownMenu\`, \`dropDownMenuItem\`
- 侧滑面板：\`sideSlidePanel\`
`;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWlEZXNpZ25SZXBsZW5pc2h4eHh4LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vc3JjL3VpRGVzaWduUmVwbGVuaXNoeHh4eC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSwrQkFBK0IsR0FBRzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0FrRDlDLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY29uc3QgdWlEZXNpZ25SZXBsZW5pc2hQcm9tcHRUZW1wbGF0ZSA9IGBcbiMgMeOAgWh0bWzoioLngrnop4TliJlcbi0g57uZ5q+P5Liq57uE5Lu26KGl5YWF77yaaWTjgIFuYW1l44CBbm9kZVR5cGXlsZ7mgKdcbi0gaWTlsZ7mgKflv4XpobvmmK/oi7HmlofmiJbmlbDlrZfvvIzkuJTkuI3og73ku6XmlbDlrZflvIDlpLTvvIzlubbkuJTmlbTkuKrpobXpnaJpZOWxnuaAp+eahOWAvOW/hemhu+WUr+S4gFxuLSBuYW1l5bGe5oCn5b+F6aG75piv5Lit5paH5oiW5pWw5a2X77yM5bm25LiU5LiN6IO95YyF5ZCr54m55q6K5a2X56ymXG4tIG5vZGVUeXBl5bGe5oCn55qE5YC85b+F6aG75pivXFxg57uE5Lu257G75Z6L5p6a5Li+IChub2RlKVxcYCDkuK3nmoTkuIDkuKpcbi0g57uZbm9kZVR5cGU9XCJzd2l0Y2hcIuOAgW5vZGVUeXBlPVwicmFkaW9cIuOAgW5vZGVUeXBlPVwiY2hlY2tCb3hcIuiKgueCueeahOWtqeWtkGnmoIfnrb7oioLngrnmt7vliqDkuIDkuKpjaGVja2VkQ2xhc3PlsZ7mgKfvvIznlKjkuo7ooajnpLrpgInkuK3nirbmgIHnmoRpY29u5Zu+5qCH5qC35byP57G75ZCN77yM5q+U5aaC77yaXG5cXGBcXGBcXGAgaHRtbFxuPGRpdiBub2RlVHlwZT1cInJhZGlvXCIgaWQ9XCJ4eHhSYWRpb1wiIG5hbWU9XCJ4eHjljZXpgIlcIj5cbiAgICA8aSBuYW1lPVwi5Y2V6YCJSWNvblwiIG5vZGVUeXBlPVwiaWNvblwiIGlkPVwieHh4UmFkaW9JY29uXCIgY2xhc3M9XCJmYSB4eHhcIiBjaGVja2VkQ2xhc3M9XCJmYSB5eXlcIj48L2k+XG4gICAgPHNwYW4gbmFtZT1cInh4eOWNlemAieaWh+acrFwiIG5vZGVUeXBlPVwidGV4dFwiIGNsYXNzPVwieHh4LXRleHRcIj54eHg8L3NwYW4+XG48L2Rpdj5cbjxkaXYgbm9kZVR5cGU9XCJjaGVja0JveFwiIGlkPVwiYWdyZWVtZW50Q2hlY2tib3hcIiBuYW1lPVwi5Y2P6K6u5Yu+6YCJ5qGGXCIgY2xhc3M9XCJhZ3JlZW1lbnQtY2hlY2tib3hcIiBvbmNsaWNrPVwidG9nZ2xlQWdyZWVtZW50KClcIj5cbiAgICA8aSBpZD1cImFncmVlbWVudEljb25cIiBuYW1lPVwi5Y2P6K6u5Yu+6YCJ5Zu+5qCHXCIgbm9kZVR5cGU9XCJpY29uXCIgY2xhc3M9XCJmYXIgZmEtc3F1YXJlXCIgY2hlY2tlZENsYXNzPVwiZmFzIGZhLWNoZWNrLXNxdWFyZVwiPjwvaT5cbjwvZGl2PlxuXFxgXFxgXFxgXG5cbiMgMuOAgee7mW5vZGVUeXBl5pivXFxgdmVydGljYWxMaXN0Vmlld1xcYOOAgVxcYGhvcml6b250YWxMaXN0Vmlld1xcYOOAgVxcYHZpZXdQYWdlclxcYOOAgVxcYHRhYlBhbmVsRmF0aGVyXFxg44CBXFxgcmFkaW9Hcm91cFxcYOOAgVxcYGNoZWNrQm94R3JvdXBcXGDjgIFcXGBpbmxpbmVCbG9ja0FuZFdyYXBcXGDnsbvlnovnmoToioLngrnmt7vliqDmlbDmja7ojrflj5bmlrnlvI/lsZ7mgKdmcm9tQXBpT3JDYWNoZURhdGHvvIxmcm9tQXBpT3JDYWNoZURhdGE9XCJ0cnVlXCLnmoTmg4XlhrXlv4Xpobvmu6HotrPku6XkuIvmnaHku7bvvJpcbi0g6K+l57uE5Lu255qE5pWw5o2u5piv5LuO572R57uc5oiW6ICF5pys5Zyw5oyB5LmF5YyW57yT5a2Y5ouJ5Y+W5Zue5p2l55qE77yM5q+U5aaC77ya54Ot6Zeo5ZWG5ZOB5YiX6KGo57uE5Lu2XFxgdmVydGljYWxMaXN0Vmlld1xcYO+8jOivpee7hOS7tueahOaVsOaNruaYr+S7jue9kee7nOaIluiAheacrOWcsOaMgeS5heWMlue8k+WtmOaLieWPluWbnuadpeeahFxuLSDlpoLmnpzmmK/kuIDkupvkuI3pnIDopoHlkI7nq69BUEnogZTnvZHmiJbmnKzlnLDmjIHkuYXljJbnvJPlrZjmi4nlj5bojrflj5bnmoTpnZnmgIHlhpnmrbvnmoTmlbDmja7vvIzpgqPkuYjlsLHkuI3pnIDopoFmcm9tQXBpT3JDYWNoZURhdGHlsZ7mgKfkuobvvIzmr5TlpoLvvJrkuKrkurrkuK3lv4PliJfooajpobnjgIHorr7nva7liJfooajpobnjgIHoj5zljZXliJfooajpobnvvIzov5nkupvmoLnmnKzkuI3pnIDopoHnu4/ov4flkI7lj7BBUEnogZTnvZHmiJbmnKzlnLDmjIHkuYXljJbnvJPlrZjmi4nlj5bojrflj5bnmoTvvIzpgqPkuYjlsLHkuI3opoFmcm9tQXBpT3JDYWNoZURhdGHlsZ7mgKdcblxuIyAz44CB5b+F6aG75re75Yqg6IqC54K55pi+56S65ZKM6ZqQ6JeP55qE5YiH5o2ianPmlrnms5Vcbi0g5aaC5p6c5LiA5Liq6IqC54K555qEXFxgbm9kZVR5cGVcXGDmmK9cXGBvbmVTdGF0ZUNvbnRlbnRDb250YWluZXJcXGDjgIFcXGB2aWV3UGFnZXJJdGVtXFxg44CBXFxgdGFiUGFuZWxcXGDvvIzmiJbogIXor6XoioLngrnkvb/nlKjkuoZcXGBkaXNwbGF5OiBub25lXFxg5p2l5a6e546w5pi+56S65LiO6ZqQ6JeP77yM6YKj5LmI5bCx5b+F6aG75re75Yqg5LiA5LiqanPmlrnms5XmnaXlrp7njrDmmL7npLrlkozpmpDol4/nmoTliIfmjaLvvIxqc+aWueazleeahOWRveWQjeinhOWIme+8mlxcYHN3aXRjaFRvXFxgICsg6IqC54K5aWTvvIzlubbkuJTor6Vqc+aWueazleS4jeW+l+W4puacieS7u+S9leWPguaVsOOAglxuLSBqc+aWueazleeahOWRveWQjeinhOWIme+8mlxcYHN3aXRjaFRvXFxgICsg6IqC54K5aWTvvIzmr5TlpoLvvJpcXGBzd2l0Y2hUb0FnZUNvbnRhaW5lclxcYOOAgVxcYHN3aXRjaFRvUGhvbmVDb250YWluZXJcXGBcbi0g5YiH5o2i5pi+56S65ZKM6ZqQ6JeP55qEanPmlrnms5XkuI3lvpfluKbmnInku7vkvZXlj4LmlbDvvIzmr5TlpoLvvJpcXGBzd2l0Y2hUb0FnZUNvbnRhaW5lcigpXFxg44CBXFxgc3dpdGNoVG9QaG9uZUNvbnRhaW5lcigpXFxgXG4tIOekuuS+i++8mlxuXFxgXFxgXFxgIGphdmFzY3JpcHRcbmZ1bmN0aW9uIHN3aXRjaFRvQWdlQ29udGFpbmVyKCkge1xuICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKFwiYWdlQ29udGFpbmVyXCIpLnN0eWxlLmRpc3BsYXkgPSBcImJsb2NrXCI7XG4gICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoXCJwaG9uZUNvbnRhaW5lclwiKS5zdHlsZS5kaXNwbGF5ID0gXCJub25lXCI7XG59XG5cXGBcXGBcXGBcblxuIyA044CB57uE5Lu257G75Z6L5p6a5Li+IChub2RlVHlwZSlcbi0g5b2i54q277yaXFxgcmVjdFxcYCwgXFxgY2lyY2xlXFxgLCBcXGBsaW5lXFxgXG4tIOWfuuehgOe7hOS7tu+8mlxcYHRleHRcXGDjgIFcXGBidXR0b25cXGDjgIFcXGBpbnB1dFxcYOOAgVxcYGljb25cXGBcbi0g5Z+656GA5a655Zmo77yaXFxgY29udGFpbmVyXFxgXG4tIOW8gOWFs++8mlxcYHN3aXRjaFxcYFxuLSDljZXpgInvvJpcXGByYWRpb0dyb3VwXFxg44CBXFxgcmFkaW9cXGBcbi0g5aSa6YCJ77yaXFxgY2hlY2tCb3hHcm91cFxcYOOAgVxcYGNoZWNrQm94XFxgXG4tIOmhtumDqOWvvOiIquagj++8mlxcYHRvcE5hdmlnYXRlQmFyXFxgXG4tIOWkmueKtuaAgeWuueWZqO+8mlxcYG11bHRpU3RhdGVDb250YWluZXJcXGAsIFxcYG9uZVN0YXRlQ29udGVudENvbnRhaW5lclxcYFxuLSDliJfooajvvJpcXGB2ZXJ0aWNhbExpc3RWaWV3XFxgLCBcXGBob3Jpem9udGFsTGlzdFZpZXdcXGAsIFxcYGxpc3RJdGVtQ2FyZFxcYFxuLSDova7mkq3vvJpcXGB2aWV3UGFnZXJcXGAsIFxcYHZpZXdQYWdlckl0ZW1cXGAsIFxcYHZpZXdQYWdlckluZGljYXRvckNvbnRhaW5lclxcYFxuLSB0YWLpgInpobnljaHvvJpcXGB0YWJQYW5lbEZhdGhlclxcYCwgXFxgdGFiUGFuZWxcXGAsIFxcYHRhYk1lbnVCYXJcXGAsIFxcYHRhYk1lbnVCYXJJdGVtXFxgXG4tIOW6lemDqOWvvOiIqjogXFxgYm90dG9tVGFiQ29udGVudENvbnRhaW5lclxcYCwgXFxgc3ViUGFnZVxcYCwgXFxgYm90dG9tVGFiTmF2aWdhdGVCYXJcXGAsIFxcYGJvdHRvbVRhYk5hdmlnYXRlQmFySXRlbVxcYFxuLSDlr7nor53moYbvvJpcXGBkaWFsb2dPdmVybGF5XFxgLCBcXGBkaWFsb2dDb250ZW50XFxgXG4tIHRvYXN05o+Q56S677yaXFxgdG9hc3RcXGBcbi0g5LiL5ouJ6I+c5Y2V77yaXFxgZHJvcERvd25NZW51XFxgLCBcXGBkcm9wRG93bk1lbnVJdGVtXFxgXG4tIOS+p+a7kemdouadv++8mlxcYHNpZGVTbGlkZVBhbmVsXFxgXG5gIl19