bytefun-ai-mcp
Version:
ByteFun AI MCP服务 - 打通产品设计、UI设计、代码开发的服务平台，支持设计稿转代码和跨平台原生代码开发
2 lines • 5.4 kB
TypeScript
export declare const uiDesignReplenishPromptTemplate = "\n# 1\u3001html\u8282\u70B9\u89C4\u5219\n- \u7ED9\u6BCF\u4E2A\u7EC4\u4EF6\u8865\u5145\uFF1Aid\u3001name\u3001nodeType\u5C5E\u6027\n- id\u5C5E\u6027\u5FC5\u987B\u662F\u82F1\u6587\u6216\u6570\u5B57\uFF0C\u4E14\u4E0D\u80FD\u4EE5\u6570\u5B57\u5F00\u5934\uFF0C\u5E76\u4E14\u6574\u4E2A\u9875\u9762id\u5C5E\u6027\u7684\u503C\u5FC5\u987B\u552F\u4E00\n- name\u5C5E\u6027\u5FC5\u987B\u662F\u4E2D\u6587\u6216\u6570\u5B57\uFF0C\u5E76\u4E14\u4E0D\u80FD\u5305\u542B\u7279\u6B8A\u5B57\u7B26\n- nodeType\u5C5E\u6027\u7684\u503C\u5FC5\u987B\u662F`\u7EC4\u4EF6\u7C7B\u578B\u679A\u4E3E (node)` \u4E2D\u7684\u4E00\u4E2A\n- \u7ED9nodeType=\"switch\"\u3001nodeType=\"radio\"\u3001nodeType=\"checkBox\"\u8282\u70B9\u7684\u5B69\u5B50i\u6807\u7B7E\u8282\u70B9\u6DFB\u52A0\u4E00\u4E2AcheckedClass\u5C5E\u6027\uFF0C\u7528\u4E8E\u8868\u793A\u9009\u4E2D\u72B6\u6001\u7684icon\u56FE\u6807\u6837\u5F0F\u7C7B\u540D\uFF0C\u6BD4\u5982\uFF1A\n``` html\n<div nodeType=\"radio\" id=\"xxxRadio\" name=\"xxx\u5355\u9009\">\n <i name=\"\u5355\u9009Icon\" nodeType=\"icon\" id=\"xxxRadioIcon\" class=\"fa xxx\" checkedClass=\"fa yyy\"></i>\n <span name=\"xxx\u5355\u9009\u6587\u672C\" nodeType=\"text\" class=\"xxx-text\">xxx</span>\n</div>\n<div nodeType=\"checkBox\" id=\"agreementCheckbox\" name=\"\u534F\u8BAE\u52FE\u9009\u6846\" class=\"agreement-checkbox\" onclick=\"toggleAgreement()\">\n <i id=\"agreementIcon\" name=\"\u534F\u8BAE\u52FE\u9009\u56FE\u6807\" nodeType=\"icon\" class=\"far fa-square\" checkedClass=\"fas fa-check-square\"></i>\n</div>\n```\n\n# 2\u3001\u7ED9nodeType\u662F`verticalListView`\u3001`horizontalListView`\u3001`viewPager`\u3001`tabPanelFather`\u3001`radioGroup`\u3001`checkBoxGroup`\u3001`inlineBlockAndWrap`\u7C7B\u578B\u7684\u8282\u70B9\u6DFB\u52A0\u6570\u636E\u83B7\u53D6\u65B9\u5F0F\u5C5E\u6027fromApiOrCacheData\uFF0CfromApiOrCacheData=\"true\"\u7684\u60C5\u51B5\u5FC5\u987B\u6EE1\u8DB3\u4EE5\u4E0B\u6761\u4EF6\uFF1A\n- \u8BE5\u7EC4\u4EF6\u7684\u6570\u636E\u662F\u4ECE\u7F51\u7EDC\u6216\u8005\u672C\u5730\u6301\u4E45\u5316\u7F13\u5B58\u62C9\u53D6\u56DE\u6765\u7684\uFF0C\u6BD4\u5982\uFF1A\u70ED\u95E8\u5546\u54C1\u5217\u8868\u7EC4\u4EF6`verticalListView`\uFF0C\u8BE5\u7EC4\u4EF6\u7684\u6570\u636E\u662F\u4ECE\u7F51\u7EDC\u6216\u8005\u672C\u5730\u6301\u4E45\u5316\u7F13\u5B58\u62C9\u53D6\u56DE\u6765\u7684\n- \u5982\u679C\u662F\u4E00\u4E9B\u4E0D\u9700\u8981\u540E\u7AEFAPI\u8054\u7F51\u6216\u672C\u5730\u6301\u4E45\u5316\u7F13\u5B58\u62C9\u53D6\u83B7\u53D6\u7684\u9759\u6001\u5199\u6B7B\u7684\u6570\u636E\uFF0C\u90A3\u4E48\u5C31\u4E0D\u9700\u8981fromApiOrCacheData\u5C5E\u6027\u4E86\uFF0C\u6BD4\u5982\uFF1A\u4E2A\u4EBA\u4E2D\u5FC3\u5217\u8868\u9879\u3001\u8BBE\u7F6E\u5217\u8868\u9879\u3001\u83DC\u5355\u5217\u8868\u9879\uFF0C\u8FD9\u4E9B\u6839\u672C\u4E0D\u9700\u8981\u7ECF\u8FC7\u540E\u53F0API\u8054\u7F51\u6216\u672C\u5730\u6301\u4E45\u5316\u7F13\u5B58\u62C9\u53D6\u83B7\u53D6\u7684\uFF0C\u90A3\u4E48\u5C31\u4E0D\u8981fromApiOrCacheData\u5C5E\u6027\n\n# 3\u3001\u5FC5\u987B\u6DFB\u52A0\u8282\u70B9\u663E\u793A\u548C\u9690\u85CF\u7684\u5207\u6362js\u65B9\u6CD5\n- \u5982\u679C\u4E00\u4E2A\u8282\u70B9\u7684`nodeType`\u662F`oneStateContentContainer`\u3001`viewPagerItem`\u3001`tabPanel`\uFF0C\u6216\u8005\u8BE5\u8282\u70B9\u4F7F\u7528\u4E86`display: none`\u6765\u5B9E\u73B0\u663E\u793A\u4E0E\u9690\u85CF\uFF0C\u90A3\u4E48\u5C31\u5FC5\u987B\u6DFB\u52A0\u4E00\u4E2Ajs\u65B9\u6CD5\u6765\u5B9E\u73B0\u663E\u793A\u548C\u9690\u85CF\u7684\u5207\u6362\uFF0Cjs\u65B9\u6CD5\u7684\u547D\u540D\u89C4\u5219\uFF1A`switchTo` + \u8282\u70B9id\uFF0C\u5E76\u4E14\u8BE5js\u65B9\u6CD5\u4E0D\u5F97\u5E26\u6709\u4EFB\u4F55\u53C2\u6570\u3002\n- js\u65B9\u6CD5\u7684\u547D\u540D\u89C4\u5219\uFF1A`switchTo` + \u8282\u70B9id\uFF0C\u6BD4\u5982\uFF1A`switchToAgeContainer`\u3001`switchToPhoneContainer`\n- \u5207\u6362\u663E\u793A\u548C\u9690\u85CF\u7684js\u65B9\u6CD5\u4E0D\u5F97\u5E26\u6709\u4EFB\u4F55\u53C2\u6570\uFF0C\u6BD4\u5982\uFF1A`switchToAgeContainer()`\u3001`switchToPhoneContainer()`\n- \u793A\u4F8B\uFF1A\n``` javascript\nfunction switchToAgeContainer() {\n document.getElementById(\"ageContainer\").style.display = \"block\";\n document.getElementById(\"phoneContainer\").style.display = \"none\";\n}\n```\n\n# 4\u3001\u7EC4\u4EF6\u7C7B\u578B\u679A\u4E3E (nodeType)\n- \u5F62\u72B6\uFF1A`rect`, `circle`, `line`\n- \u57FA\u7840\u7EC4\u4EF6\uFF1A`text`\u3001`button`\u3001`input`\u3001`icon`\n- \u57FA\u7840\u5BB9\u5668\uFF1A`container`\n- \u5F00\u5173\uFF1A`switch`\n- \u5355\u9009\uFF1A`radioGroup`\u3001`radio`\n- \u591A\u9009\uFF1A`checkBoxGroup`\u3001`checkBox`\n- \u9876\u90E8\u5BFC\u822A\u680F\uFF1A`topNavigateBar`\n- \u591A\u72B6\u6001\u5BB9\u5668\uFF1A`multiStateContainer`, `oneStateContentContainer`\n- \u5217\u8868\uFF1A`verticalListView`, `horizontalListView`, `listItemCard`\n- \u8F6E\u64AD\uFF1A`viewPager`, `viewPagerItem`, `viewPagerIndicatorContainer`\n- tab\u9009\u9879\u5361\uFF1A`tabPanelFather`, `tabPanel`, `tabMenuBar`, `tabMenuBarItem`\n- \u5E95\u90E8\u5BFC\u822A: `bottomTabContentContainer`, `subPage`, `bottomTabNavigateBar`, `bottomTabNavigateBarItem`\n- \u5BF9\u8BDD\u6846\uFF1A`dialogOverlay`, `dialogContent`\n- toast\u63D0\u793A\uFF1A`toast`\n- \u4E0B\u62C9\u83DC\u5355\uFF1A`dropDownMenu`, `dropDownMenuItem`\n- \u4FA7\u6ED1\u9762\u677F\uFF1A`sideSlidePanel`\n";
//# sourceMappingURL=uiDesignReplenish.d.ts.map