用途:本技能面向通用 Vue 3 Web 项目,处理 @kdcloudjs/shoelace 标准组件与 KWC 扩展组件的接入、开发和修改。若项目本身是 KWC Vue 工程,应切换到 kwc-vue-development;KWC 工程需求交由 kwc-project-scaffold。
主要能力:覆盖 Table、DatePicker、TimePicker、Pagination、Daterangepicker、ThoughtChain、Nav、XMarkdown、Think、TreeSelect、Cascader、Steps、Grid、Notification、RadioGroup、Upload、Segmented、Transfer、Popconfirm、Bubble 等扩展组件,并提供 Design Token 参考。
使用方式:先确认需求只是“在现有 Vue 工程中使用组件”,而非创建 KWC 工程;开发前阅读本技能目录下的 rule.md,遵守导入、事件和属性传递约束;遇到扩展组件先阅读对应 reference/ 文档;交付时遵循当前 Vue 工程自身的入口、构建和测试方式,不引入 kd 脚手架命令。
关键约束:组件导入使用 @kdcloudjs/shoelace/dist/components/[component]/[component].js;标签使用 kebab-case;Shoelace 事件使用 @sl-*;数组和对象属性使用 camelCase + .prop;样式优先使用 Shoelace Design Token。
限制:仅适用于非 KWC 工程的通用 Vue 项目;不适用于 KWC 工程目录、页面元数据或 KWC 脚手架流程。具体安装命令、版本要求、收费与平台信息暂未提供。