@agile-team/wl-skills-ui 1.6.3 → 1.6.5

package/bin/wl-ui.js

@@ -55,6 +55,7 @@ const EDITOR_TARGETS = {
   "agents-generic": { dir: ".", ext: ".md", singleFile: "AGENTS.md" },
   qoder: { dir: ".qoder/rules", ext: ".md" },
 };
+const EDITOR_IDS = Object.keys(EDITOR_TARGETS);
 
 // ── 参数解析 ─────────────────────────────────────────────────────────────────
 const rawArgs = process.argv.slice(2);
@@ -124,9 +125,10 @@ if (subcommand === "init" || subcommand === "update") {
   const skillsOnly = values["skills-only"];
   const mode = values.mode === "skin" ? "skin" : "native";
 
+  const manifest = readManifest(projectRoot);
   if (
     subcommand === "update" &&
-    readManifest(projectRoot)?.version === PKG.version &&
+    manifest?.version === PKG.version &&
     !values.force
   ) {
     console.log(
@@ -144,11 +146,21 @@ if (subcommand === "init" || subcommand === "update") {
     console.log(`[wl-ui ${subcommand}] DRY-RUN 模式：不实际写入文件\n`);
 
   // 1. 检测编辑器
-  const editor = values.editor || detectEditor(projectRoot);
-  console.log(`[wl-ui ${subcommand}] 检测到编辑器：${editor}\n`);
+  const editors = resolveEditorsForInstall({
+    projectRoot,
+    subcommand,
+    requestedEditor: values.editor,
+    manifest,
+  });
+  console.log(`[wl-ui ${subcommand}] 目标编辑器：${editors.join(", ")}\n`);
 
   // 2. 安装 skills（按 mode 过滤）
-  const installedFiles = installSkills({ projectRoot, editor, mode, dryRun });
+  const installedFiles = [];
+  for (const editor of editors) {
+    installedFiles.push(
+      ...installSkills({ projectRoot, editor, mode, dryRun }),
+    );
+  }
   installedFiles.push(...installSupportFiles({ projectRoot, dryRun }));
 
   // 3. 安装接入配置（非 --skills-only 时）
@@ -159,7 +171,8 @@ if (subcommand === "init" || subcommand === "update") {
   if (!dryRun) {
     writeManifest(projectRoot, {
       version: PKG.version,
-      editor,
+      editor: editors.join(","),
+      editors,
       mode,
       installedAt: new Date().toISOString(),
       files: Object.fromEntries(
@@ -169,7 +182,7 @@ if (subcommand === "init" || subcommand === "update") {
   }
 
   console.log(`\n✅ wl-ui ${subcommand} 完成！\n`);
-  printInstallSummary({ projectRoot, mode, editor });
+  printInstallSummary({ projectRoot, mode, editor: editors.join(", ") });
   console.log("下一步：");
   if (mode === "skin") {
     console.log("  npx wl-ui scan --target src --mode skin   # 仅化妆层审计");
@@ -252,6 +265,58 @@ function detectEditor(projectRoot) {
   return "github-copilot";
 }
 
+function detectInstalledEditors(projectRoot) {
+  return EDITOR_IDS.filter((editor) => {
+    const target = EDITOR_TARGETS[editor];
+    if (target.singleFile)
+      return existsSync(join(projectRoot, target.singleFile));
+    return existsSync(join(projectRoot, target.dir));
+  });
+}
+
+function normalizeManifestEditors(manifest) {
+  if (Array.isArray(manifest?.editors)) return manifest.editors;
+  if (typeof manifest?.editor === "string") {
+    return manifest.editor
+      .split(",")
+      .map((editor) => editor.trim())
+      .filter(Boolean);
+  }
+  return [];
+}
+
+function uniqueValidEditors(editors) {
+  return [...new Set(editors)].filter((editor) => EDITOR_TARGETS[editor]);
+}
+
+function resolveEditorsForInstall({
+  projectRoot,
+  subcommand,
+  requestedEditor,
+  manifest,
+}) {
+  if (requestedEditor) {
+    if (requestedEditor === "all") return EDITOR_IDS;
+    const editors = uniqueValidEditors(
+      requestedEditor.split(",").map((editor) => editor.trim()),
+    );
+    if (editors.length > 0) return editors;
+    console.error(`[wl-ui ${subcommand}] 不支持的编辑器：${requestedEditor}`);
+    console.error(`支持：${EDITOR_IDS.join(" | ")} | all`);
+    process.exit(1);
+  }
+
+  if (subcommand === "update") {
+    const editors = uniqueValidEditors([
+      ...normalizeManifestEditors(manifest),
+      ...detectInstalledEditors(projectRoot),
+    ]);
+    if (editors.length > 0) return editors;
+  }
+
+  return [detectEditor(projectRoot)];
+}
+
 /** 读取 skills/ 目录下所有 SKILL.md 文件 */
 function collectSkills(skillsDir) {
   const skills = [];
@@ -738,8 +803,8 @@ wl-ui — @agile-team/wl-skills-ui 统一 CLI v${PKG.version}
   wl-ui init   [--project <path>] [--editor <editor>] [--mode native|skin]
                 [--dry-run] [--skills-only]
                 把 skills/ 写入目标项目的 AI 编辑器规则目录
-  wl-ui update [--project <path>] [--force] [--dry-run]
-                增量更新 skills / MCP / 触发提示
+  wl-ui update [--project <path>] [--editor <editor|all>] [--force] [--dry-run]
+                更新已安装编辑器 rules / MCP / 触发提示
   wl-ui diff   [--project <path>]
                 对比已安装文件与 manifest
   wl-ui clean  [--project <path>] [--dry-run]
@@ -765,7 +830,7 @@ wl-ui — @agile-team/wl-skills-ui 统一 CLI v${PKG.version}
 
 参数：
   --project       项目根目录（默认 .）
-  --editor        指定编辑器：github-copilot | cursor | windsurf | kiro | trae | claude-code | cline | agents-generic | qoder
+  --editor        指定编辑器：github-copilot | cursor | windsurf | kiro | trae | claude-code | cline | agents-generic | qoder | all
   --mode          init: native(默认,完整接入) | skin(化妆,老项目)
                   scan: skin(只看L0/L1/L2) | native(全量)
   --layer         scan 过滤：L0/L1/L2/L3/L4（逗号分隔）
@@ -779,6 +844,7 @@ wl-ui — @agile-team/wl-skills-ui 统一 CLI v${PKG.version}
 示例：
   npx wl-ui init
   npx wl-ui update --force
+  npx wl-ui update --editor all --force
   npx wl-ui doctor
   npx wl-ui prompts
   npx wl-ui init --mode skin --project /path/to/legacy-project

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agile-team/wl-skills-ui",
-  "version": "1.6.3",
+  "version": "1.6.5",
   "description": "企业级 UI 风格对齐框架 — Vue + Element Plus 项目通用化妆/原生双模式（tokens / element / vendors / layouts / runtime / scanner / fixer / skills）",
   "type": "module",
   "main": "./es/index.js",

package/skills/element/el-form/SKILL.md

@@ -46,6 +46,19 @@ el-date-picker 默认宽度不会自动撑满 el-form-item，必须显式设置
 
 ---
 
+## 表单控件圆角一致性 【中危】
+
+表单里的输入类控件必须按控件家族统一判断，不要只修 `el-input`：
+
+- 输入：`el-input` / `el-textarea` / `el-input-number`
+- 选择：`el-select` / `el-cascader` / `el-autocomplete`
+- 日期：`el-date-picker` / `el-time-picker` / range editor
+- 上传：`el-upload-dragger` / upload list item
+
+修复时优先使用全局样式 token `--wk-form-control-radius`，不要在业务页面对某几个控件单独写 `border-radius: 0`、`4px`、`10px` 等局部值。若页面需要特殊圆角，应在页面容器上覆盖 token，而不是逐个控件硬编码。
+
+---
+
 ## 完整标准表单示例
 
 ```html

package/skills/runtime/style-align/SKILL.md

@@ -87,6 +87,7 @@ npx wk-ui check --project [项目根目录]
 - **R006**【中危】el-input / el-select 缺少 `size="small"`
 - **R007**【中危】el-date-picker 缺少 `style="width:100%"`
 - **R008**【低危】el-form labelWidth < 150px
+- **表单圆角一致性**【中危】输入、选择、日期、textarea、上传等控件必须统一使用 `--wk-form-control-radius`，不要局部硬编码不同圆角
 
 ### 弹窗类 → 详见 [skills/components/dialog/SKILL.md](../../components/dialog/SKILL.md)
 

package/standards/ui/03-form.md

@@ -44,6 +44,18 @@ date-picker 默认宽度固定，在 grid 布局中需撑满列宽：
 
 ---
 
+## 规则：表单控件圆角必须统一
+
+输入、选择、日期、数字输入、级联、自动完成、textarea、上传拖拽区都属于表单控件家族，圆角必须使用统一 token：
+
+```scss
+--wk-form-control-radius
+```
+
+业务页面不要给单个控件硬编码不同 `border-radius`。确有特殊场景时，在页面容器覆盖 token，而不是逐个控件写死。
+
+---
+
 ## 布局标准
 
 ### 搜索区（列表页顶部）

package/styles/element/_form.scss

@@ -1,5 +1,9 @@
 // styles/element/_form.scss — el-form / el-input 覆盖
 
+html body {
+  --wk-form-control-radius: var(--el-border-radius-base, 6px);
+}
+
 .el-form-item--small {
   margin-bottom: 8px;
 }
@@ -10,13 +14,14 @@
 }
 
 // ── 全局输入框圆角统一（6px，与搜索区保持一致）──────────────────────────────
-.el-input__wrapper {
-  border-radius: 6px;
-}
-.el-select .el-select__wrapper {
-  border-radius: 6px;
-}
+.el-input__wrapper,
+.el-select__wrapper,
+.el-select .el-select__wrapper,
 .el-date-editor.el-input__wrapper,
-.el-date-editor .el-input__wrapper {
-  border-radius: 6px;
+.el-date-editor .el-input__wrapper,
+.el-input-number .el-input__wrapper,
+.el-cascader .el-input__wrapper,
+.el-autocomplete .el-input__wrapper,
+.el-textarea__inner {
+  border-radius: var(--wk-form-control-radius) !important;
 }

package/styles/element/_upload.scss

@@ -1,34 +1,34 @@
 html body .el-upload {
   .el-upload-dragger {
-    border-color: var(--el-border-color);
-    border-radius: 10px;
-    background: var(--el-fill-color-light);
+    border-color: var(--el-border-color, #dcdfe6);
+    border-radius: var(--wk-form-control-radius, var(--el-border-radius-base, 6px));
+    background: var(--el-fill-color-light, #f5f7fa);
     transition: border-color 0.2s, background-color 0.2s;
   }
 
   .el-upload-dragger:hover,
   .el-upload-dragger.is-dragover {
-    border-color: var(--el-color-primary);
-    background: var(--el-color-primary-light-9);
+    border-color: var(--el-color-primary, #2254f4);
+    background: var(--el-color-primary-light-9, #f2f5ff);
   }
 
   .el-upload__tip {
-    color: var(--el-text-color-secondary);
-    font-size: var(--el-font-size-small);
+    color: var(--el-text-color-secondary, #909399);
+    font-size: var(--el-font-size-small, 12px);
   }
 }
 
 html body .el-upload-list {
   .el-upload-list__item {
-    border-radius: 6px;
+    border-radius: var(--wk-form-control-radius, var(--el-border-radius-base, 6px));
     transition: background-color 0.2s;
   }
 
   .el-upload-list__item:hover {
-    background: var(--el-fill-color-lighter);
+    background: var(--el-fill-color-lighter, #fafafa);
   }
 
   .el-upload-list__item-name {
-    color: var(--el-text-color-regular);
+    color: var(--el-text-color-regular, #606266);
   }
 }