bytefun-ai-mcp/build/uiDesignReplenish.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWlEZXNpZ25SZXBsZW5pc2guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvdWlEZXNpZ25SZXBsZW5pc2gudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0sK0JBQStCLEdBQUc7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBa0Q5QyxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IHVpRGVzaWduUmVwbGVuaXNoUHJvbXB0VGVtcGxhdGUgPSBgXG4jIDHjgIFodG1s6IqC54K56KeE5YiZXG4tIOe7meavj+S4que7hOS7tuihpeWFhe+8mmlk44CBbmFtZeOAgW5vZGVUeXBl5bGe5oCnXG4tIGlk5bGe5oCn5b+F6aG75piv6Iux5paH5oiW5pWw5a2X77yM5LiU5LiN6IO95Lul5pWw5a2X5byA5aS077yM5bm25LiU5pW05Liq6aG16Z2iaWTlsZ7mgKfnmoTlgLzlv4XpobvllK/kuIBcbi0gbmFtZeWxnuaAp+W/hemhu+aYr+S4reaWh+aIluaVsOWtl++8jOW5tuS4lOS4jeiDveWMheWQq+eJueauiuWtl+esplxuLSBub2RlVHlwZeWxnuaAp+eahOWAvOW/hemhu+aYr1xcYOe7hOS7tuexu+Wei+aemuS4viAobm9kZSlcXGAg5Lit55qE5LiA5LiqXG4tIOe7mW5vZGVUeXBlPVwic3dpdGNoXCLjgIFub2RlVHlwZT1cInJhZGlvXCLjgIFub2RlVHlwZT1cImNoZWNrQm94XCLoioLngrnnmoTlranlrZBp5qCH562+6IqC54K55re75Yqg5LiA5LiqY2hlY2tlZENsYXNz5bGe5oCn77yM55So5LqO6KGo56S66YCJ5Lit54q25oCB55qEaWNvbuWbvuagh+agt+W8j+exu+WQje+8jOavlOWmgu+8mlxuXFxgXFxgXFxgIGh0bWxcbjxkaXYgbm9kZVR5cGU9XCJyYWRpb1wiIGlkPVwieHh4UmFkaW9cIiBuYW1lPVwieHh45Y2V6YCJXCI+XG4gICAgPGkgbmFtZT1cIuWNlemAiUljb25cIiBub2RlVHlwZT1cImljb25cIiBpZD1cInh4eFJhZGlvSWNvblwiIGNsYXNzPVwiZmEgeHh4XCIgY2hlY2tlZENsYXNzPVwiZmEgeXl5XCI+PC9pPlxuICAgIDxzcGFuIG5hbWU9XCJ4eHjljZXpgInmlofmnKxcIiBub2RlVHlwZT1cInRleHRcIiBjbGFzcz1cInh4eC10ZXh0XCI+eHh4PC9zcGFuPlxuPC9kaXY+XG48ZGl2IG5vZGVUeXBlPVwiY2hlY2tCb3hcIiBpZD1cImFncmVlbWVudENoZWNrYm94XCIgbmFtZT1cIuWNj+iuruWLvumAieahhlwiIGNsYXNzPVwiYWdyZWVtZW50LWNoZWNrYm94XCIgb25jbGljaz1cInRvZ2dsZUFncmVlbWVudCgpXCI+XG4gICAgPGkgaWQ9XCJhZ3JlZW1lbnRJY29uXCIgbmFtZT1cIuWNj+iuruWLvumAieWbvuagh1wiIG5vZGVUeXBlPVwiaWNvblwiIGNsYXNzPVwiZmFyIGZhLXNxdWFyZVwiIGNoZWNrZWRDbGFzcz1cImZhcyBmYS1jaGVjay1zcXVhcmVcIj48L2k+XG48L2Rpdj5cblxcYFxcYFxcYFxuXG4jIDLjgIHnu5lub2RlVHlwZeaYr1xcYHZlcnRpY2FsTGlzdFZpZXdcXGDjgIFcXGBob3Jpem9udGFsTGlzdFZpZXdcXGDjgIFcXGB2aWV3UGFnZXJcXGDjgIFcXGB0YWJQYW5lbEZhdGhlclxcYOOAgVxcYHJhZGlvR3JvdXBcXGDjgIFcXGBjaGVja0JveEdyb3VwXFxg44CBXFxgaW5saW5lQmxvY2tBbmRXcmFwXFxg57G75Z6L55qE6IqC54K55re75Yqg5pWw5o2u6I635Y+W5pa55byP5bGe5oCnZnJvbUFwaU9yQ2FjaGVEYXRh77yMZnJvbUFwaU9yQ2FjaGVEYXRhPVwidHJ1ZVwi55qE5oOF5Ya15b+F6aG75ruh6Laz5Lul5LiL5p2h5Lu277yaXG4tIOivpee7hOS7tueahOaVsOaNruaYr+S7jue9kee7nOaIluiAheacrOWcsOaMgeS5heWMlue8k+WtmOaLieWPluWbnuadpeeahO+8jOavlOWmgu+8mueDremXqOWVhuWTgeWIl+ihqOe7hOS7tlxcYHZlcnRpY2FsTGlzdFZpZXdcXGDvvIzor6Xnu4Tku7bnmoTmlbDmja7mmK/ku47nvZHnu5zmiJbogIXmnKzlnLDmjIHkuYXljJbnvJPlrZjmi4nlj5blm57mnaXnmoRcbi0g5aaC5p6c5piv5LiA5Lqb5LiN6ZyA6KaB5ZCO56uvQVBJ6IGU572R5oiW5pys5Zyw5oyB5LmF5YyW57yT5a2Y5ouJ5Y+W6I635Y+W55qE6Z2Z5oCB5YaZ5q2755qE5pWw5o2u77yM6YKj5LmI5bCx5LiN6ZyA6KaBZnJvbUFwaU9yQ2FjaGVEYXRh5bGe5oCn5LqG77yM5q+U5aaC77ya5Liq5Lq65Lit5b+D5YiX6KGo6aG544CB6K6+572u5YiX6KGo6aG544CB6I+c5Y2V5YiX6KGo6aG577yM6L+Z5Lqb5qC55pys5LiN6ZyA6KaB57uP6L+H5ZCO5Y+wQVBJ6IGU572R5oiW5pys5Zyw5oyB5LmF5YyW57yT5a2Y5ouJ5Y+W6I635Y+W55qE77yM6YKj5LmI5bCx5LiN6KaBZnJvbUFwaU9yQ2FjaGVEYXRh5bGe5oCnXG5cbiMgM+OAgeW/hemhu+a3u+WKoOiKgueCueaYvuekuuWSjOmakOiXj+eahOWIh+aNompz5pa55rOVXG4tIOWmguaenOS4gOS4quiKgueCueeahFxcYG5vZGVUeXBlXFxg5pivXFxgb25lU3RhdGVDb250ZW50Q29udGFpbmVyXFxg44CBXFxgdmlld1BhZ2VySXRlbVxcYOOAgVxcYHRhYlBhbmVsXFxg77yM5oiW6ICF6K+l6IqC54K55L2/55So5LqGXFxgZGlzcGxheTogbm9uZVxcYOadpeWunueOsOaYvuekuuS4jumakOiXj++8jOmCo+S5iOWwseW/hemhu+a3u+WKoOS4gOS4qmpz5pa55rOV5p2l5a6e546w5pi+56S65ZKM6ZqQ6JeP55qE5YiH5o2i77yManPmlrnms5XnmoTlkb3lkI3op4TliJnvvJpcXGBzd2l0Y2hUb1xcYCArIOiKgueCuWlk77yM5bm25LiU6K+lanPmlrnms5XkuI3lvpfluKbmnInku7vkvZXlj4LmlbDjgIJcbi0ganPmlrnms5XnmoTlkb3lkI3op4TliJnvvJpcXGBzd2l0Y2hUb1xcYCArIOiKgueCuWlk77yM5q+U5aaC77yaXFxgc3dpdGNoVG9BZ2VDb250YWluZXJcXGDjgIFcXGBzd2l0Y2hUb1Bob25lQ29udGFpbmVyXFxgXG4tIOWIh+aNouaYvuekuuWSjOmakOiXj+eahGpz5pa55rOV5LiN5b6X5bim5pyJ5Lu75L2V5Y+C5pWw77yM5q+U5aaC77yaXFxgc3dpdGNoVG9BZ2VDb250YWluZXIoKVxcYOOAgVxcYHN3aXRjaFRvUGhvbmVDb250YWluZXIoKVxcYFxuLSDnpLrkvovvvJpcblxcYFxcYFxcYCBqYXZhc2NyaXB0XG5mdW5jdGlvbiBzd2l0Y2hUb0FnZUNvbnRhaW5lcigpIHtcbiAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChcImFnZUNvbnRhaW5lclwiKS5zdHlsZS5kaXNwbGF5ID0gXCJibG9ja1wiO1xuICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKFwicGhvbmVDb250YWluZXJcIikuc3R5bGUuZGlzcGxheSA9IFwibm9uZVwiO1xufVxuXFxgXFxgXFxgXG5cbiMgNOOAgee7hOS7tuexu+Wei+aemuS4viAobm9kZVR5cGUpXG4tIOW9oueKtu+8mlxcYHJlY3RcXGAsIFxcYGNpcmNsZVxcYCwgXFxgbGluZVxcYFxuLSDln7rnoYDnu4Tku7bvvJpcXGB0ZXh0XFxg44CBXFxgYnV0dG9uXFxg44CBXFxgaW5wdXRcXGDjgIFcXGBpY29uXFxgXG4tIOWfuuehgOWuueWZqO+8mlxcYGNvbnRhaW5lclxcYFxuLSDlvIDlhbPvvJpcXGBzd2l0Y2hcXGBcbi0g5Y2V6YCJ77yaXFxgcmFkaW9Hcm91cFxcYOOAgVxcYHJhZGlvXFxgXG4tIOWkmumAie+8mlxcYGNoZWNrQm94R3JvdXBcXGDjgIFcXGBjaGVja0JveFxcYFxuLSDpobbpg6jlr7zoiKrmoI/vvJpcXGB0b3BOYXZpZ2F0ZUJhclxcYFxuLSDlpJrnirbmgIHlrrnlmajvvJpcXGBtdWx0aVN0YXRlQ29udGFpbmVyXFxgLCBcXGBvbmVTdGF0ZUNvbnRlbnRDb250YWluZXJcXGBcbi0g5YiX6KGo77yaXFxgdmVydGljYWxMaXN0Vmlld1xcYCwgXFxgaG9yaXpvbnRhbExpc3RWaWV3XFxgLCBcXGBsaXN0SXRlbUNhcmRcXGBcbi0g6L2u5pKt77yaXFxgdmlld1BhZ2VyXFxgLCBcXGB2aWV3UGFnZXJJdGVtXFxgLCBcXGB2aWV3UGFnZXJJbmRpY2F0b3JDb250YWluZXJcXGBcbi0gdGFi6YCJ6aG55Y2h77yaXFxgdGFiUGFuZWxGYXRoZXJcXGAsIFxcYHRhYlBhbmVsXFxgLCBcXGB0YWJNZW51QmFyXFxgLCBcXGB0YWJNZW51QmFySXRlbVxcYFxuLSDlupXpg6jlr7zoiKo6IFxcYGJvdHRvbVRhYkNvbnRlbnRDb250YWluZXJcXGAsIFxcYHN1YlBhZ2VcXGAsIFxcYGJvdHRvbVRhYk5hdmlnYXRlQmFyXFxgLCBcXGBib3R0b21UYWJOYXZpZ2F0ZUJhckl0ZW1cXGBcbi0g5a+56K+d5qGG77yaXFxgZGlhbG9nT3ZlcmxheVxcYCwgXFxgZGlhbG9nQ29udGVudFxcYFxuLSB0b2FzdOaPkOekuu+8mlxcYHRvYXN0XFxgXG4tIOS4i+aLieiPnOWNle+8mlxcYGRyb3BEb3duTWVudVxcYCwgXFxgZHJvcERvd25NZW51SXRlbVxcYFxuLSDkvqfmu5HpnaLmnb/vvJpcXGBzaWRlU2xpZGVQYW5lbFxcYFxuYCJdfQ==