用途:把自然语言描述的界面翻译为 Iress Design System(IDS)组件实现,使用 @iress-oss/ids-components 与 @iress-oss/ids-tokens。
主要能力:拆解描述中的动作、输入、布局、内容、浮层与导航元素并映射到对应 IDS 组件;推荐前查阅组件文档确认能力;用 IressStack/IressInline/IressRow/IressCol 处理布局;使用样式属性控制间距、颜色与字体,间距 token 需带类别前缀如 gap="spacing.4"、p="spacing.6",也可用别名 token(xs、sm、md、lg、xl),不可用裸数字;输出需响应式,列在移动端堆叠,次要内容移入 IressSlideout、IressModal 或折叠区。
使用方式:IDS v6 处于 beta,安装 npm install @iress-oss/ids-components@beta,如直接使用 tokens 另装 npm install @iress-oss/ids-tokens@beta;引入 '@iress-oss/ids-components/dist/style.css',使用 tokens 时引入 '@iress-oss/ids-tokens/build/css-vars.css';应用根节点用 IressProvider 包裹。表单输入用 IressField,优先 IDS 组件而非原生标签。
限制与注意:IressProvider 已内置各类 Provider,无需重复添加;避免多余布局包裹,单个子元素不要包 layout;网格必须使用响应式 span(如 span={{ xs: 12, md: 6 }});需防范禁用按钮、冗余 textStyle、slot 属性、原生 HTML 等反模式。收费、价格、平台等信息暂未提供。