用途:本技能面向通用 React Web 项目,处理 @kdcloudjs/shoelace 标准组件及 KWC 扩展组件的接入、开发与修改。若项目已是 KWC React 工程,应切换到 kwc-react-development;KWC 工程需求交由 kwc-project-scaffold。
主要能力:覆盖 Table、DatePicker、TimePicker、Pagination、Daterangepicker、ThoughtChain、Nav、XMarkdown、Think、TreeSelect、Cascader、Steps、Grid、Notification、RadioGroup、Space、Upload、Image、Segmented、Transfer、PopConfirm、Bubble 等扩展组件,并提供 Design Token 参考。
使用方式:先确认需求只是“在现有 React 工程中使用组件”,而非创建 KWC 工程;开发前阅读本技能目录下的 rule.md,遵守 React Wrapper、事件和样式约束;遇到扩展组件先阅读对应 reference/ 文档;交付时遵循当前 React 工程自身的入口、构建和测试方式,不引入 kd 脚手架命令。
关键约束:组件导入使用 @kdcloudjs/shoelace/dist/react/[component]/index.js;类型导入使用 @kdcloudjs/shoelace/dist/components/[component]/[component].js;Shoelace 事件映射为 onSl*;样式优先使用 Shoelace Design Token,避免硬编码颜色和间距;扩展组件 API 以本地 reference/ 文档为准,不可凭空猜测。
适用场景:仅限非 KWC 的通用 React 项目中使用上述组件的开发与修改。限制:不依赖 KWC 工程目录、页面元数据或 KWC 脚手架;具体安装命令、版本与收费信息暂未提供。