📦 Coding Rules
v0.1.0当用户要求生成、修改或审查 Vue3 + TypeScript 子项目代码时触发。 覆盖 kb-pro-table / u设置able / useForm 使用规范、arco de签名 + unocss 样式规则、 模块组织与命名规范、枚举与类型约束、ref 优先的响应式规范等。 无论用户是否明确提到"规范...
by 运行时依赖
安装命令
点击复制技能文档
项目编码规范 适用范围
本项目是 pnpm monorepo，包含多个子项目。本规范仅适用于使用以下技术栈的子项目：
vue3 + TypeScript + vite + arco de签名 + unocss
判断方式：查看目标目录下是否有 vite.config.ts 且 package.json 中包含上述依赖。
如果用户操作的是 Vue2、React、Node.js 等其他技术栈的子项目，不适用本规范中的 Vue3 专属规则（如表格页规范、组件规范、样式规范、响应式规范、自动导入等），但通用规则（如文件命名规范、注释规范）仍然建议遵循。
技术栈
vue3 + TypeScript + vite + arco de签名 + unocss
表格页规范【Vue3 专属】
常规列表页必须遵循以下模式，参考 网页/src/views/组件s-document/查询-table/索引.vue：
必须使用 kb-pro-table 作为表格组件 表格逻辑尽量使用 u设置able hooks，从 @/hooks 导入 弹窗式编辑优先：新增、编辑操作建议使用弹窗式实现（save.modal组件 配置） 表单尽量使用 useForm，从 @/hooks 导入 多表格页面必须拆分为多个独立组件 u设置able 配置要点 查询.fn：请求函数，严禁在组件内做复杂数据处理，建议放到 请求.ts 中 移除.beforeFn：删除前确认逻辑 save.modal组件：弹窗编辑组件 表格列定义 使用 IProTableColumn 类型 字段名使用枚举 EUserFieldName.xxx 而非字符串 通过 设置ColumnAlign(columns, 'center') 设置默认居中 组件规范【Vue3 专属】 使用 arco de签名 组件库，文档参考 https://arco.de签名/vue/组件 自定义组件需类型完备，props 必须声明类型和必要的注释 样式规范【Vue3 专属】 优先使用 unocss，避免在