vite-plugin-vue-testid 1.0.8 → 1.0.10

package/README.en.md

@@ -13,7 +13,6 @@ A Vite plugin that auto-injects `data-testid` into Vue component templates via c
 - **Date panel mode awareness** — date / month / year / decade panels are distinguished automatically
 - **MutationObserver re-injection** — New DOM elements from panel switching, tree node expand/collapse are detected and injected automatically
 - **Extensible** — Custom component lists, testId generation rules, and overlay injection strategies are supported
-- **prefixCls compatible** — Supports ant-design-vue global ConfigProvider custom `prefixCls` with auto-detection or manual config
 
 ---
 
@@ -244,14 +243,6 @@ const cleanup = setupAntDropdownTestIds({
    */
   attributeName: 'data-testid',
 
-  /**
-   * ant-design-vue global CSS class prefix.
-   * Required when ConfigProvider prefixCls is set to a non-default value.
-   * When not set, auto-detects from DOM (CSS vars → button class → fallback 'ant').
-   * @default auto-detect || 'ant'
-   */
-  prefixCls: 'myapp',
-
   /**
    * Custom panel selector → injection strategy mapping
    * key: CSS selector
@@ -264,7 +255,6 @@ const cleanup = setupAntDropdownTestIds({
       // ctx.trigger       — trigger HTMLElement | null
       // ctx.triggerTestId — the trigger's testId value
       // ctx.attrName      — testId attribute name
-      // ctx.prefixCls     — ant-design-vue CSS class prefix
       const prefix = `${ctx.triggerTestId}-dropdown`
       ctx.container.setAttribute(ctx.attrName, prefix)
       // ... custom injection logic

package/README.md

@@ -13,7 +13,6 @@
 - **日期面板模式感知** — date / month / year / decade 面板自动区分
 - **MutationObserver 重注入** — 面板切换、树节点展开/折叠时自动检测并注入新 DOM
 - **可扩展** — 支持自定义组件列表、testId 生成规则、弹出面板注入策略
-- **prefixCls 兼容** — 支持 ant-design-vue 全局 ConfigProvider 自定义 `prefixCls`，自动检测或手动配置
 
 ---
 
@@ -244,14 +243,6 @@ const cleanup = setupAntDropdownTestIds({
    */
   attributeName: 'data-testid',
 
-  /**
-   * ant-design-vue 全局 CSS 类名前缀。
-   * 如果通过 ConfigProvider 配置了 prefixCls，必须传入相同值。
-   * 未配置时自动从 DOM 检测（扫描 CSS 变量 → button 类名 → 回退 'ant'）。
-   * @default auto-detect || 'ant'
-   */
-  prefixCls: 'myapp',
-
   /**
    * 自定义面板选择器 → 注入策略映射
    * key: CSS 选择器
@@ -260,11 +251,10 @@ const cleanup = setupAntDropdownTestIds({
   panels: {
     '.ant-picker-dropdown': undefined,                     // 禁用内置 Picker 面板注入
     '.my-custom-dropdown': (ctx) => {
-      // ctx.container     — 面板容器 HTMLElement
-      // ctx.trigger       — 触发器 HTMLElement | null
+      // ctx.container   — 面板容器 HTMLElement
+      // ctx.trigger     — 触发器 HTMLElement | null
       // ctx.triggerTestId — 触发器的 testId 值
-      // ctx.attrName      — testId 属性名
-      // ctx.prefixCls     — ant-design-vue CSS 类名前缀
+      // ctx.attrName    — testId 属性名
       const prefix = `${ctx.triggerTestId}-dropdown`
       ctx.container.setAttribute(ctx.attrName, prefix)
       // ... 自定义注入逻辑

package/dist/index.d.ts

@@ -1,64 +1,57 @@
-import type { RootNode, TemplateChildNode } from '@vue/compiler-core';
-export interface VueTestIdTransformOptions {
-    /**
-     * 需要注入 testId 的组件标签列表（kebab-case）
-     * @default ant-design-vue 常用表单组件
-     */
-    components?: string[];
-    /**
-     * 自定义 testId 生成函数
-     * @param tagName  组件标签名
-     * @param count    全局递增序号
-     * @returns testId 字符串
-     */
-    generateId?: (tagName: string, count: number) => string;
+/**
+ * vite-plugin-vue-testid
+ *
+ * 为 ant-design-vue 组件的 DOM 元素自动注入 data-testid 属性，
+ * 全运行时实现，无需编译期模版转换。
+ *
+ * @example
+ * ```ts
+ * // vite.config.ts — 无需特殊配置
+ * import vue from '@vitejs/plugin-vue'
+ * export default defineConfig({ plugins: [vue()] })
+ *
+ * // main.ts — 启动运行时注入
+ * import { setupAntTestIds } from 'vite-plugin-vue-testid/runtime'
+ * createApp(App).mount('#app')
+ * setupAntTestIds()
+ * ```
+ */
+import type { Plugin } from 'vite';
+export type { RuntimeOptions, PanelContext, PanelInjectStrategy } from './runtime';
+export interface VueTestIdPluginOptions {
     /**
      * testId 属性名
      * @default 'data-testid'
      */
     attributeName?: string;
-    /**
-     * 需要同时注入 id + testId 的组件（如弹窗、日期选择器等 teleport 组件）
-     * @default ['a-date-picker', 'a-range-picker', 'a-time-picker', 'a-modal']
-     */
-    idComponents?: string[];
-    /**
-     * teleport 组件的 id 属性名
-     * @default 'id'
-     */
-    idAttributeName?: string;
 }
 /**
- * 创建 Vue 编译器 nodeTransform 函数。
- * 直接传给 `@vitejs/plugin-vue` 的 `template.compilerOptions.nodeTransforms`。
+ * Vite 插件（可选）。
+ * 当前仅作为占位，实际 testid 注入完全由运行时 `setupAntTestIds()` 完成。
  *
- * @example
- * ```ts
- * // vite.config.ts
- * import vue from '@vitejs/plugin-vue'
- * import { createVueTestIdTransform } from 'vite-plugin-vue-testid'
+ * 如果需要在构建时做额外配置，可通过此插件传入选项。
+ */
+export declare function vueTestIdPlugin(_opts?: VueTestIdPluginOptions): Plugin;
+/**
+ * @deprecated 此函数已废弃。testid 注入现在完全在运行时进行，
+ * 不再需要编译期 AST transform。请从 vite.config.ts 中移除 `nodeTransforms` 配置，
+ * 改为在 main.ts 中调用 `setupAntTestIds()`。
  *
- * export default defineConfig({
- *   plugins: [
- *     vue({
- *       template: {
- *         compilerOptions: {
- *           nodeTransforms: [createVueTestIdTransform()]
- *         }
- *       }
- *     })
- *   ]
- * })
- * ```
+ * @example 迁移方式
+ * ```diff
+ * // vite.config.ts
+ * - import { createVueTestIdTransform } from 'vite-plugin-vue-testid'
+ * - vue({ template: { compilerOptions: { nodeTransforms: [
+ * -   createVueTestIdTransform()
+ * - ]}}})
+
+ * + import vue from '@vitejs/plugin-vue'
+ * + vue()
  *
- * @example 自定义配置
- * ```ts
- * createVueTestIdTransform({
- *   components: ['a-input', 'a-select', 'el-input'],
- *   generateId: (tag, n) => `myapp-${tag}-${n}`,
- *   attributeName: 'data-cy',
- * })
+ * // main.ts
+ * + import { setupAntTestIds } from 'vite-plugin-vue-testid/runtime'
+ * + setupAntTestIds()
  * ```
  */
-export declare function createVueTestIdTransform(rawOpts?: VueTestIdTransformOptions): (node: RootNode | TemplateChildNode) => void;
+export declare function createVueTestIdTransform(): () => void;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAIV,QAAQ,EAER,iBAAiB,EAClB,MAAM,oBAAoB,CAAA;AAI3B,MAAM,WAAW,yBAAyB;IACxC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IAErB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IAEvD;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IAEvB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAyMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,wBAAwB,CACtC,OAAO,CAAC,EAAE,yBAAyB,GAClC,CAAC,IAAI,EAAE,QAAQ,GAAG,iBAAiB,KAAK,IAAI,CAG9C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAIlC,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AAIlF,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,KAAK,CAAC,EAAE,sBAAsB,GAAG,MAAM,CAItE;AAID;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,wBAAwB,IAAI,MAAM,IAAI,CASrD"}

package/dist/index.js

@@ -1,161 +1,19 @@
 // src/index.ts
-import { ConstantTypes, NodeTypes } from "@vue/compiler-core";
-var DEFAULT_COMPONENTS = [
-  "a-input",
-  "a-textarea",
-  "a-input-number",
-  "a-select",
-  "a-cascader",
-  "a-tree-select",
-  "a-radio-group",
-  "a-checkbox-group",
-  "a-date-picker",
-  "a-range-picker",
-  "a-time-picker",
-  "a-switch",
-  "a-slider",
-  "a-rate",
-  "a-upload",
-  "a-form-item",
-  "a-button",
-  "a-modal",
-  "a-menu",
-  "a-menu-item",
-  "a-sub-menu",
-  "a-menu-item-group"
-];
-var DEFAULT_ID_COMPONENTS = [
-  "a-date-picker",
-  "a-range-picker",
-  "a-time-picker",
-  "a-modal",
-  "a-upload",
-  "a-menu-item",
-  "a-sub-menu",
-  "a-menu-item-group"
-];
-function resolveOptions(raw) {
+function vueTestIdPlugin(_opts) {
   return {
-    components: raw?.components ?? DEFAULT_COMPONENTS,
-    generateId: raw?.generateId ?? ((tag, n) => `${tag}-${n}`),
-    attributeName: raw?.attributeName ?? "data-testid",
-    idComponents: raw?.idComponents ?? DEFAULT_ID_COMPONENTS,
-    idAttributeName: raw?.idAttributeName ?? "id"
+    name: "vite-plugin-vue-testid"
   };
 }
-function ensureSlotIndex(exp) {
-  if (!exp) return;
-  if (exp.type === NodeTypes.SIMPLE_EXPRESSION) {
-    if (!/\bindex\b/.test(exp.content)) {
-      exp.content = exp.content.replace(/\s*\}$/, ", index}");
-    }
-  } else if (exp.type === NodeTypes.COMPOUND_EXPRESSION) {
-    const hasIndex = exp.children.some((c) => {
-      if (typeof c === "string") return /\bindex\b/.test(c);
-      if (typeof c === "symbol") return false;
-      if (c.type === NodeTypes.TEXT || c.type === NodeTypes.SIMPLE_EXPRESSION) {
-        return /\bindex\b/.test(c.content);
-      }
-      return false;
-    });
-    if (hasIndex) return;
-    for (let i = exp.children.length - 1; i >= 0; i--) {
-      const c = exp.children[i];
-      if (typeof c === "string") {
-        exp.children[i] = c.replace(/}$/, ", index}");
-        break;
-      }
-      if (typeof c !== "symbol" && c.type === NodeTypes.TEXT) {
-        c.content = c.content.replace(/}$/, ", index}");
-        break;
-      }
-    }
+function createVueTestIdTransform() {
+  if (typeof console !== "undefined") {
+    console.warn(
+      "[vite-plugin-vue-testid] createVueTestIdTransform() is deprecated. Remove nodeTransforms from vite.config.ts and call setupAntTestIds() in main.ts instead. See https://github.com/... for migration guide."
+    );
   }
-}
-function hasExistingTestId(node, attrName) {
-  return node.props.some(
-    (p) => p.type === NodeTypes.ATTRIBUTE && p.name === attrName || p.type === NodeTypes.DIRECTIVE && p.name === "bind" && p.arg && p.arg.type === NodeTypes.SIMPLE_EXPRESSION && p.arg.content === attrName
-  );
-}
-function createStaticAttr(name, value, loc) {
-  return {
-    type: NodeTypes.ATTRIBUTE,
-    name,
-    nameLoc: loc,
-    value: { type: NodeTypes.TEXT, content: value, loc },
-    loc
+  return () => {
   };
 }
-function createBindDirective(attrName, exprContent, loc) {
-  return {
-    type: NodeTypes.DIRECTIVE,
-    name: "bind",
-    arg: {
-      type: NodeTypes.SIMPLE_EXPRESSION,
-      content: attrName,
-      isStatic: true,
-      constType: ConstantTypes.CAN_STRINGIFY,
-      loc
-    },
-    exp: {
-      type: NodeTypes.SIMPLE_EXPRESSION,
-      content: exprContent,
-      isStatic: false,
-      constType: ConstantTypes.NOT_CONSTANT,
-      loc
-    },
-    modifiers: [],
-    loc
-  };
-}
-function createASTTransform(opts) {
-  let count = 0;
-  let insideTableDepth = 0;
-  let insideBodyCellDepth = 0;
-  const componentSet = new Set(opts.components);
-  const idComponentSet = new Set(opts.idComponents);
-  return (node) => {
-    if (node.type !== NodeTypes.ELEMENT) return;
-    const tagName = node.tag.toLowerCase();
-    if (tagName === "a-table") {
-      insideTableDepth++;
-      return () => {
-        insideTableDepth--;
-      };
-    }
-    if (tagName === "template" && insideTableDepth > 0) {
-      const slotDir = node.props.find(
-        (p) => p.type === NodeTypes.DIRECTIVE && p.name === "slot" && p.arg && p.arg.type === NodeTypes.SIMPLE_EXPRESSION && p.arg.content === "bodyCell"
-      );
-      if (slotDir && slotDir.type === NodeTypes.DIRECTIVE) {
-        ensureSlotIndex(slotDir.exp);
-        insideBodyCellDepth++;
-        return () => {
-          insideBodyCellDepth--;
-        };
-      }
-    }
-    if (insideTableDepth > 0 && insideBodyCellDepth === 0) return;
-    if (!componentSet.has(tagName)) return;
-    if (hasExistingTestId(node, opts.attributeName)) return;
-    const testIdValue = opts.generateId(tagName, count++);
-    if (insideBodyCellDepth > 0) {
-      const expr = `\`\${column?.dataIndex || column?.key || 'cell'}-\${index}-${testIdValue}\``;
-      node.props.push(createBindDirective(opts.attributeName, expr, node.loc));
-      return;
-    }
-    if (idComponentSet.has(tagName)) {
-      node.props.push(createStaticAttr(opts.idAttributeName, testIdValue, node.loc));
-      node.props.push(createStaticAttr(opts.attributeName, testIdValue, node.loc));
-      return;
-    }
-    node.props.push(createStaticAttr(opts.attributeName, testIdValue, node.loc));
-  };
-}
-function createVueTestIdTransform(rawOpts) {
-  const opts = resolveOptions(rawOpts);
-  return createASTTransform(opts);
-}
 export {
-  createVueTestIdTransform
+  createVueTestIdTransform,
+  vueTestIdPlugin
 };

package/dist/runtime.d.ts

@@ -1,30 +1,44 @@
 /**
- * 运行时辅助模块：为 ant-design-vue teleport 弹出层（日期选择器、级联选择器等）
- * 中的 DOM 元素注入 data-testid，解决编译期无法处理的定位问题。
+ * 运行时 testid 注入：通过 MutationObserver 为 ant-design-vue 组件的 DOM 元素
+ * 自动注入 data-testid，解决编译期注入的诸多限制。
  *
- * 使用方式（在 main.ts 或入口文件中调用一次即可）：
+ * 使用方式（在 main.ts 中调用一次即可）：
  * ```ts
- * import { setupAntDropdownTestIds } from 'vite-plugin-vue-testid/runtime'
+ * import { setupAntTestIds } from 'vite-plugin-vue-testid/runtime'
  *
- * setupAntDropdownTestIds()
+ * createApp(App).mount('#app')
+ * setupAntTestIds()
  *
- * // 如果全局配置了 prefixCls（如 ConfigProvider prefixCls="myapp"）：
- * setupAntDropdownTestIds({ prefixCls: 'myapp' })
+ * // 支持自定义 prefixCls（对应 ant-design-vue ConfigProvider 的 prefixCls）：
+ * setupAntTestIds({ prefixCls: 'custom' })
  * ```
  */
 export interface RuntimeOptions {
     /**
-     * testId 属性名，需与编译期插件保持一致
+     * testId 属性名
      * @default 'data-testid'
      */
     attributeName?: string;
     /**
-     * ant-design-vue 全局 CSS 类名前缀。
-     * 如果通过 ConfigProvider 配置了 prefixCls，需要在此传入相同值。
-     * 未配置时自动从 DOM 检测，检测失败回退到 'ant'。
-     * @default auto-detect || 'ant'
+     * ant-design-vue CSS 类名前缀，对应 ConfigProvider 的 prefixCls
+     * @default 'ant'
      */
     prefixCls?: string;
+    /**
+     * 自定义组件 CSS 选择器 → testid 前缀映射。
+     * 会与默认映射合并（自定义覆盖默认）。
+     *
+     * @example
+     * ```ts
+     * setupAntTestIds({
+     *   components: {
+     *     '.el-input': 'el-input',
+     *     '.el-button': 'el-button',
+     *   }
+     * })
+     * ```
+     */
+    components?: Record<string, string>;
     /**
      * 需要监听的 teleport 面板 CSS 选择器映射
      * key: 面板容器选择器
@@ -41,46 +55,37 @@ export interface PanelContext {
     triggerTestId: string;
     /** testId 属性名 */
     attrName: string;
-    /** ant-design-vue 当前生效的 CSS 类名前缀 */
-    prefixCls: string;
 }
 export type PanelInjectStrategy = (ctx: PanelContext) => void;
 /**
- * 为 teleport 弹出层面板注入 testId。
- * 使用 MutationObserver 监听 DOM 新增节点，自动识别 ant-design 弹出面板。
+ * 启动全运行时 testid 注入。
+ *
+ * 覆盖范围：
+ * - 所有 ant-design-vue 组件根元素（input / select / button / picker / ...）
+ * - teleport 弹出层面板（日期选择器 / 级联选择器 / 下拉选择器）
+ * - Menu 子元素（inheritAttrs:false 兜底）
+ * - InputNumber 内部输入框及增减按钮
+ * - Slider handle、Rate 星星、Upload 内部 file input
+ *
+ * @returns 清理函数，调用后停止监听
  *
  * @example
  * ```ts
  * // main.ts
- * import { setupAntDropdownTestIds } from 'vite-plugin-vue-testid/runtime'
+ * import { setupAntTestIds } from 'vite-plugin-vue-testid/runtime'
  *
  * createApp(App).mount('#app')
- * setupAntDropdownTestIds()
- * ```
+ * setupAntTestIds()
  *
- * testId 注入结果示例：
- * ```
- * // 日期面板（初始）
- * a-date-picker-0-dropdown                  // 面板容器
- * a-date-picker-0-dropdown-prev             // 上月/上一级
- * a-date-picker-0-dropdown-next             // 下月/下一级
- * a-date-picker-0-dropdown-header-date      // header 容器
- * a-date-picker-0-dropdown-header-month-btn // header 内的月份按钮（"Jun"/"6月"）
- * a-date-picker-0-dropdown-header-year-btn  // header 内的年份按钮（"2026"）
- * a-date-picker-0-dropdown-date-2026-06-15  // 日期单元格
- * a-date-picker-0-dropdown-ok               // 确定按钮
- *
- * // 点击月份按钮 → 月面板（MutationObserver 自动重注入）
- * a-date-picker-0-dropdown-header-month     // header 容器
- * a-date-picker-0-dropdown-header-year-btn  // header 内的年份按钮
- * a-date-picker-0-dropdown-month-06         // 6月按钮
- *
- * // 点击年份按钮 → 年面板
- * a-date-picker-0-dropdown-header-year      // header 容器
- * a-date-picker-0-dropdown-year-2026        // 2026年按钮
+ * // 配合 ConfigProvider 自定义 prefixCls：
+ * setupAntTestIds({ prefixCls: 'custom' })
  * ```
  */
-export declare function setupAntDropdownTestIds(opts?: RuntimeOptions): () => void;
+export declare function setupAntTestIds(opts?: RuntimeOptions): () => void;
+/**
+ * @deprecated 使用 {@link setupAntTestIds} 替代。
+ */
+export declare const setupAntDropdownTestIds: typeof setupAntTestIds;
 /**
  * 手动为当前已存在或即将出现的弹出面板注入 testId（一次性补丁）。
  * 适用于 SSR/hydration 或不想用 MutationObserver 的场景。

package/dist/runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,GAAG,SAAS,CAAC,CAAA;CACzD;AAED,MAAM,WAAW,YAAY;IAC3B,kBAAkB;IAClB,SAAS,EAAE,WAAW,CAAA;IACtB,iBAAiB;IACjB,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;IAC3B,oBAAoB;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,iBAAiB;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,oCAAoC;IACpC,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,mBAAmB,GAAG,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAA;AA4e7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,GAAE,cAAmB,GAAG,MAAM,IAAI,CAqF7E;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,GAAE,cAAmB,GAAG,IAAI,CAiDtE"}
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;;;;;;;;;OAaG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAEnC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,GAAG,SAAS,CAAC,CAAA;CACzD;AAED,MAAM,WAAW,YAAY;IAC3B,kBAAkB;IAClB,SAAS,EAAE,WAAW,CAAA;IACtB,iBAAiB;IACjB,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;IAC3B,oBAAoB;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,iBAAiB;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,MAAM,mBAAmB,GAAG,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAA;AAijB7D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,eAAe,CAAC,IAAI,GAAE,cAAmB,GAAG,MAAM,IAAI,CA6ErE;AAED;;GAEG;AACH,eAAO,MAAM,uBAAuB,wBAAkB,CAAA;AAMtD;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,GAAE,cAAmB,GAAG,IAAI,CAgCtE"}

package/dist/runtime.js

@@ -1,41 +1,72 @@
 // src/runtime.ts
-function cls(prefix, name) {
-  return `.${prefix}-${name}`;
+var sel = (pc, name) => `.${pc}-${name}`;
+var cls = (pc, name) => `${pc}-${name}`;
+function buildComponentMatchers(pc) {
+  return [
+    // ── 输入框变体（按 specificity 降序）──
+    { selector: sel(pc, "input-search"), prefix: "a-input-search" },
+    { selector: sel(pc, "input-affix-wrapper"), prefix: "a-input" },
+    { selector: sel(pc, "input-textarea"), prefix: "a-textarea" },
+    { selector: sel(pc, "input-number"), prefix: "a-input-number" },
+    // ── 选择器 ──
+    { selector: sel(pc, "select"), prefix: "a-select", withId: true },
+    { selector: sel(pc, "cascader"), prefix: "a-cascader", withId: true },
+    { selector: sel(pc, "tree-select"), prefix: "a-tree-select" },
+    // ── 日期/时间 ──
+    { selector: sel(pc, "picker"), prefix: "a-date-picker", withId: true },
+    // ── 表单组件 ──
+    { selector: sel(pc, "radio-group"), prefix: "a-radio-group" },
+    { selector: sel(pc, "radio-wrapper"), prefix: "a-radio" },
+    { selector: sel(pc, "checkbox-group"), prefix: "a-checkbox-group" },
+    { selector: sel(pc, "checkbox-wrapper"), prefix: "a-checkbox" },
+    { selector: sel(pc, "switch"), prefix: "a-switch" },
+    { selector: sel(pc, "slider"), prefix: "a-slider" },
+    { selector: sel(pc, "rate"), prefix: "a-rate" },
+    { selector: sel(pc, "form-item"), prefix: "a-form-item" },
+    // ── 按钮 & 上传 ──
+    { selector: sel(pc, "btn"), prefix: "a-button" },
+    { selector: sel(pc, "upload"), prefix: "a-upload", withId: true },
+    // ── 弹窗 ──
+    { selector: sel(pc, "modal-wrap"), prefix: "a-modal", withId: true },
+    // ── 菜单 ──
+    { selector: sel(pc, "menu"), prefix: "a-menu" },
+    // ── 纯 input / textarea（必须排在最后）──
+    { selector: `input.${cls(pc, "input")}`, prefix: "a-input" },
+    { selector: `textarea.${cls(pc, "input")}`, prefix: "a-textarea" }
+  ];
 }
-function detectPrefixCls() {
-  try {
-    const styles = getComputedStyle(document.documentElement);
-    for (let i = 0; i < styles.length; i++) {
-      const prop = styles[i];
-      const m = prop.match(/^--(ant|[a-z]+)-/);
-      if (m && m[1]) return m[1];
-    }
-    const buttons = document.querySelectorAll('[class*="-btn"]');
-    for (const btn of buttons) {
-      for (const clsName of btn.classList) {
-        if (clsName.endsWith("-btn") && clsName.length > 4) {
-          return clsName.slice(0, -4);
-        }
+function buildSkipSelectors(pc) {
+  return [
+    sel(pc, "input-affix-wrapper"),
+    sel(pc, "input-textarea"),
+    sel(pc, "input-search"),
+    sel(pc, "input-number"),
+    sel(pc, "picker"),
+    sel(pc, "select"),
+    sel(pc, "cascader")
+  ];
+}
+function isInnerInput(el, skipSelectors) {
+  if (el.tagName !== "INPUT" && el.tagName !== "TEXTAREA") return false;
+  for (const s of skipSelectors) {
+    if (el.closest(s)) return true;
+  }
+  return false;
+}
+function injectComponentRoots(root, matchers, attrName, counter, skipSelectors) {
+  for (const { selector, prefix, withId } of matchers) {
+    const candidates = root.matches(selector) ? [root] : Array.from(root.querySelectorAll(selector));
+    for (const el of candidates) {
+      if (!(el instanceof HTMLElement)) continue;
+      if (el.hasAttribute(attrName)) continue;
+      if (isInnerInput(el, skipSelectors)) continue;
+      const testId = `${prefix}-${counter.value++}`;
+      el.setAttribute(attrName, testId);
+      if (withId && !el.hasAttribute("id")) {
+        el.setAttribute("id", testId);
       }
     }
-    const antElements = document.querySelectorAll('[class*="ant-"]');
-    if (antElements.length > 0) return "ant";
-  } catch {
   }
-  return "ant";
-}
-var _cachedPrefixCls = null;
-function resolvePrefixCls(userPrefix) {
-  if (userPrefix) return userPrefix;
-  if (_cachedPrefixCls !== null) return _cachedPrefixCls;
-  _cachedPrefixCls = detectPrefixCls();
-  return _cachedPrefixCls;
-}
-function getPanelMode(panel, pfx) {
-  if (panel.classList.contains(`${pfx}-picker-month-panel`)) return "month";
-  if (panel.classList.contains(`${pfx}-picker-year-panel`)) return "year";
-  if (panel.classList.contains(`${pfx}-picker-decade-panel`)) return "decade";
-  return "date";
 }
 var MONTH_NAMES = [
   "jan",
@@ -51,8 +82,14 @@ var MONTH_NAMES = [
   "nov",
   "dec"
 ];
-function injectHeaderViewButtons(panel, prefix, attrName, suffix, pfx) {
-  const headerView = panel.querySelector(cls(pfx, "picker-header-view"));
+function getPanelMode(panel, pc) {
+  if (panel.classList.contains(cls(pc, "picker-month-panel"))) return "month";
+  if (panel.classList.contains(cls(pc, "picker-year-panel"))) return "year";
+  if (panel.classList.contains(cls(pc, "picker-decade-panel"))) return "decade";
+  return "date";
+}
+function injectHeaderViewButtons(panel, prefix, attrName, suffix, pc) {
+  const headerView = panel.querySelector(sel(pc, "picker-header-view"));
   if (!headerView) return;
   const buttons = headerView.querySelectorAll("button");
   buttons.forEach((btn) => {
@@ -74,178 +111,203 @@ function injectHeaderViewButtons(panel, prefix, attrName, suffix, pfx) {
     el.setAttribute(attrName, `${prefix}-${name}${suffix}`);
   });
 }
-var _observedContainers = /* @__PURE__ */ new WeakSet();
-function injectSinglePanel(panel, prefix, attrName, suffix, pfx) {
-  const mode = getPanelMode(panel, pfx);
-  const setAttr = (selector, name) => {
-    const el = panel.querySelector(selector);
-    if (el && !el.hasAttribute(attrName)) {
-      el.setAttribute(attrName, `${prefix}-${name}${suffix}`);
-    }
-  };
-  setAttr(cls(pfx, "picker-header-super-prev-btn"), "super-prev");
-  setAttr(cls(pfx, "picker-header-prev-btn"), "prev");
-  setAttr(cls(pfx, "picker-header-next-btn"), "next");
-  setAttr(cls(pfx, "picker-header-super-next-btn"), "super-next");
-  setAttr(cls(pfx, "picker-header-view"), `header-${mode}`);
-  injectHeaderViewButtons(panel, prefix, attrName, suffix, pfx);
-  injectPanelCells(panel, prefix, attrName, suffix, pfx);
-}
-function injectPanelCells(panel, prefix, attrName, suffix, pfx) {
-  const mode = getPanelMode(panel, pfx);
-  const cells = panel.querySelectorAll(cls(pfx, "picker-cell-inner"));
+function injectPanelCells(panel, prefix, attrName, suffix, pc) {
+  const mode = getPanelMode(panel, pc);
+  const cells = panel.querySelectorAll(sel(pc, "picker-cell-inner"));
   cells.forEach((cell) => {
     const el = cell;
     if (el.hasAttribute(attrName)) return;
     const raw = (el.getAttribute("title") || el.textContent?.trim() || "").replace(/\s+/g, "-");
-    let label;
     switch (mode) {
       case "month":
-        label = raw.length >= 2 ? raw.slice(-2) : raw;
-        el.setAttribute(attrName, `${prefix}-month-${label}${suffix}`);
+        el.setAttribute(attrName, `${prefix}-month-${raw.length >= 2 ? raw.slice(-2) : raw}${suffix}`);
         break;
       case "year":
-        label = raw;
-        el.setAttribute(attrName, `${prefix}-year-${label}${suffix}`);
+        el.setAttribute(attrName, `${prefix}-year-${raw}${suffix}`);
         break;
       case "decade":
-        label = raw;
-        el.setAttribute(attrName, `${prefix}-decade-${label}${suffix}`);
+        el.setAttribute(attrName, `${prefix}-decade-${raw}${suffix}`);
         break;
       default:
-        label = raw;
-        el.setAttribute(attrName, `${prefix}-date-${label}${suffix}`);
+        el.setAttribute(attrName, `${prefix}-date-${raw}${suffix}`);
         break;
     }
   });
 }
-function injectPickerPanel(ctx) {
-  const { container, triggerTestId, attrName, prefixCls: pfx } = ctx;
-  const prefix = `${triggerTestId}-dropdown`;
-  container.setAttribute(attrName, prefix);
-  const isRange = container.classList.contains(`${pfx}-picker-dropdown-range`);
-  const injectAllPanels = () => {
-    const panels = container.querySelectorAll(cls(pfx, "picker-panel"));
-    if (isRange && panels.length >= 2) {
-      injectSinglePanel(panels[0], prefix, attrName, "-left", pfx);
-      injectSinglePanel(panels[1], prefix, attrName, "-right", pfx);
-    } else {
-      const panel = panels[0] || container;
-      injectSinglePanel(panel, prefix, attrName, "", pfx);
+function injectSinglePanel(panel, prefix, attrName, suffix, pc) {
+  const mode = getPanelMode(panel, pc);
+  const setAttr = (selector, name) => {
+    const el = panel.querySelector(selector);
+    if (el && !el.hasAttribute(attrName)) {
+      el.setAttribute(attrName, `${prefix}-${name}${suffix}`);
     }
-    const presets = container.querySelectorAll(`${cls(pfx, "picker-presets")} .${pfx}-tag`);
-    presets.forEach((tag) => {
-      const el = tag;
-      if (el.hasAttribute(attrName)) return;
-      const text = el.textContent?.trim() || "";
-      el.setAttribute(attrName, `${prefix}-preset-${text}`);
-    });
-    const timeColumns = container.querySelectorAll(cls(pfx, "picker-time-panel-column"));
-    timeColumns.forEach((col, i) => {
-      const el = col;
-      if (el.hasAttribute(attrName)) return;
-      el.setAttribute(attrName, `${prefix}-time-column-${i}`);
-      const items = col.querySelectorAll("li");
+  };
+  setAttr(sel(pc, "picker-header-super-prev-btn"), "super-prev");
+  setAttr(sel(pc, "picker-header-prev-btn"), "prev");
+  setAttr(sel(pc, "picker-header-next-btn"), "next");
+  setAttr(sel(pc, "picker-header-super-next-btn"), "super-next");
+  setAttr(sel(pc, "picker-header-view"), `header-${mode}`);
+  injectHeaderViewButtons(panel, prefix, attrName, suffix, pc);
+  injectPanelCells(panel, prefix, attrName, suffix, pc);
+}
+function makeInjectPickerPanel(pc) {
+  return (ctx) => {
+    const { container, triggerTestId, attrName } = ctx;
+    const prefix = `${triggerTestId}-dropdown`;
+    container.setAttribute(attrName, prefix);
+    const isRange = container.classList.contains(cls(pc, "picker-dropdown-range"));
+    const injectAllPanels = () => {
+      const panels = container.querySelectorAll(sel(pc, "picker-panel"));
+      if (isRange && panels.length >= 2) {
+        injectSinglePanel(panels[0], prefix, attrName, "-left", pc);
+        injectSinglePanel(panels[1], prefix, attrName, "-right", pc);
+      } else {
+        const panel = panels[0] || container;
+        injectSinglePanel(panel, prefix, attrName, "", pc);
+      }
+      const presets = container.querySelectorAll(`${sel(pc, "picker-presets")} .${cls(pc, "tag")}`);
+      presets.forEach((tag) => {
+        const el = tag;
+        if (el.hasAttribute(attrName)) return;
+        const text = el.textContent?.trim() || "";
+        el.setAttribute(attrName, `${prefix}-preset-${text}`);
+      });
+      const timeColumns = container.querySelectorAll(sel(pc, "picker-time-panel-column"));
+      timeColumns.forEach((col, i) => {
+        const el = col;
+        if (el.hasAttribute(attrName)) return;
+        el.setAttribute(attrName, `${prefix}-time-column-${i}`);
+        const items = col.querySelectorAll("li");
+        items.forEach((item) => {
+          const li = item;
+          if (li.hasAttribute(attrName)) return;
+          const text = li.textContent?.trim() || "";
+          li.setAttribute(attrName, `${prefix}-time-${i}-${text}`);
+        });
+      });
+      const setFooterBtn = (selector, name) => {
+        const btn = container.querySelector(selector);
+        if (btn && !btn.hasAttribute(attrName)) {
+          btn.setAttribute(attrName, `${prefix}-${name}`);
+        }
+      };
+      setFooterBtn(`${sel(pc, "picker-ok")} button`, "ok");
+      setFooterBtn(`${sel(pc, "picker-now")} button`, "now");
+      setFooterBtn(sel(pc, "picker-now-btn"), "now");
+    };
+    injectAllPanels();
+    if (!_observedContainers.has(container)) {
+      _observedContainers.add(container);
+      let timer = null;
+      const observer = new MutationObserver(() => {
+        if (timer !== null) clearTimeout(timer);
+        timer = setTimeout(() => {
+          injectAllPanels();
+        }, 50);
+      });
+      observer.observe(container, { childList: true, subtree: true });
+    }
+  };
+}
+function makeInjectCascaderPanel(pc) {
+  return (ctx) => {
+    const { container, triggerTestId, attrName } = ctx;
+    const prefix = `${triggerTestId}-dropdown`;
+    container.setAttribute(attrName, prefix);
+    const menus = container.querySelectorAll(sel(pc, "cascader-menu"));
+    menus.forEach((menu, i) => {
+      const el = menu;
+      el.setAttribute(attrName, `${prefix}-menu-${i}`);
+      const items = menu.querySelectorAll(sel(pc, "cascader-menu-item"));
       items.forEach((item) => {
         const li = item;
-        if (li.hasAttribute(attrName)) return;
         const text = li.textContent?.trim() || "";
-        li.setAttribute(attrName, `${prefix}-time-${i}-${text}`);
+        li.setAttribute(attrName, `${prefix}-item-${text}`);
       });
     });
-    const setFooterBtn = (selector, name) => {
-      const btn = container.querySelector(selector);
-      if (btn && !btn.hasAttribute(attrName)) {
-        btn.setAttribute(attrName, `${prefix}-${name}`);
-      }
+  };
+}
+function makeInjectSelectPanel(pc) {
+  return (ctx) => {
+    const { container, triggerTestId, attrName } = ctx;
+    const prefix = `${triggerTestId}-dropdown`;
+    container.setAttribute(attrName, prefix);
+    const injectAllItems = () => {
+      const options = container.querySelectorAll(sel(pc, "select-item-option"));
+      options.forEach((opt) => {
+        const el = opt;
+        if (el.hasAttribute(attrName)) return;
+        const title = el.getAttribute("title") || el.textContent?.trim() || "";
+        el.setAttribute(attrName, `${prefix}-option-${title}`);
+      });
+      const treeNodes = container.querySelectorAll(sel(pc, "select-tree-treenode"));
+      treeNodes.forEach((node) => {
+        const el = node;
+        const content = el.querySelector(sel(pc, "select-tree-node-content-wrapper"));
+        const title = content?.getAttribute("title") || content?.textContent?.trim() || "";
+        if (content && !content.hasAttribute(attrName)) {
+          content.setAttribute(attrName, `${prefix}-tree-${title}`);
+        }
+        const switcher = el.querySelector(sel(pc, "select-tree-switcher"));
+        if (switcher && !switcher.hasAttribute(attrName)) {
+          const isOpen = switcher.classList.contains(cls(pc, "select-tree-switcher_open"));
+          const state = isOpen ? "collapse" : "expand";
+          switcher.setAttribute(attrName, `${prefix}-tree-switcher-${state}-${title}`);
+        }
+      });
     };
-    setFooterBtn(`${cls(pfx, "picker-ok")} button`, "ok");
-    setFooterBtn(`${cls(pfx, "picker-now")} button`, "now");
-    setFooterBtn(cls(pfx, "picker-now-btn"), "now");
+    injectAllItems();
+    if (!_observedContainers.has(container)) {
+      _observedContainers.add(container);
+      let timer = null;
+      const observer = new MutationObserver(() => {
+        if (timer !== null) clearTimeout(timer);
+        timer = setTimeout(() => {
+          injectAllItems();
+        }, 50);
+      });
+      observer.observe(container, { childList: true, subtree: true });
+    }
   };
-  injectAllPanels();
-  if (!_observedContainers.has(container)) {
-    _observedContainers.add(container);
-    let timer = null;
-    const observer = new MutationObserver(() => {
-      if (timer !== null) clearTimeout(timer);
-      timer = setTimeout(() => {
-        injectAllPanels();
-      }, 50);
-    });
-    observer.observe(container, { childList: true, subtree: true });
-  }
 }
-function injectCascaderPanel(ctx) {
-  const { container, triggerTestId, attrName, prefixCls: pfx } = ctx;
-  const prefix = `${triggerTestId}-dropdown`;
-  container.setAttribute(attrName, prefix);
-  const menus = container.querySelectorAll(cls(pfx, "cascader-menu"));
-  menus.forEach((menu, i) => {
-    const el = menu;
-    el.setAttribute(attrName, `${prefix}-menu-${i}`);
-    const items = menu.querySelectorAll(cls(pfx, "cascader-menu-item"));
-    items.forEach((item) => {
-      const li = item;
-      const text = li.textContent?.trim() || "";
-      li.setAttribute(attrName, `${prefix}-item-${text}`);
-    });
-  });
+function buildPanels(pc) {
+  return {
+    [sel(pc, "picker-dropdown")]: makeInjectPickerPanel(pc),
+    [sel(pc, "cascader-dropdown")]: makeInjectCascaderPanel(pc),
+    [sel(pc, "select-dropdown")]: makeInjectSelectPanel(pc)
+  };
 }
-function injectSelectPanel(ctx) {
-  const { container, triggerTestId, attrName, prefixCls: pfx } = ctx;
-  const prefix = `${triggerTestId}-dropdown`;
-  container.setAttribute(attrName, prefix);
-  const injectAllItems = () => {
-    const options = container.querySelectorAll(cls(pfx, "select-item-option"));
-    options.forEach((opt) => {
-      const el = opt;
+function injectMenuItems(attrName, root = document, pc) {
+  const itemRules = [
+    { selector: sel(pc, "menu-item"), prefix: "a-menu-item-" },
+    { selector: sel(pc, "menu-submenu"), textSelector: sel(pc, "menu-submenu-title"), prefix: "a-sub-menu-" },
+    { selector: sel(pc, "menu-item-group"), textSelector: sel(pc, "menu-item-group-title"), prefix: "a-menu-item-group-" }
+  ];
+  for (const rule of itemRules) {
+    const items = root.querySelectorAll(rule.selector);
+    items.forEach((item) => {
+      const el = item;
       if (el.hasAttribute(attrName)) return;
-      const title = el.getAttribute("title") || el.textContent?.trim() || "";
-      el.setAttribute(attrName, `${prefix}-option-${title}`);
-    });
-    const treeNodes = container.querySelectorAll(cls(pfx, "select-tree-treenode"));
-    treeNodes.forEach((node) => {
-      const el = node;
-      const content = el.querySelector(cls(pfx, "select-tree-node-content-wrapper"));
-      const title = content?.getAttribute("title") || content?.textContent?.trim() || "";
-      if (content && !content.hasAttribute(attrName)) {
-        content.setAttribute(attrName, `${prefix}-tree-${title}`);
+      const id = el.getAttribute("id");
+      if (id) {
+        el.setAttribute(attrName, id);
+        return;
       }
-      const switcher = el.querySelector(cls(pfx, "select-tree-switcher"));
-      if (switcher && !switcher.hasAttribute(attrName)) {
-        const isOpen = switcher.classList.contains(`${pfx}-select-tree-switcher_open`);
-        const state = isOpen ? "collapse" : "expand";
-        switcher.setAttribute(attrName, `${prefix}-tree-switcher-${state}-${title}`);
+      const textTarget = rule.textSelector ? el.querySelector(rule.textSelector) : el;
+      const text = (textTarget?.textContent || "").trim().replace(/\s+/g, "-");
+      if (text) {
+        el.setAttribute(attrName, rule.prefix + text);
       }
     });
-  };
-  injectAllItems();
-  if (!_observedContainers.has(container)) {
-    _observedContainers.add(container);
-    let timer = null;
-    const observer = new MutationObserver(() => {
-      if (timer !== null) clearTimeout(timer);
-      timer = setTimeout(() => {
-        injectAllItems();
-      }, 50);
-    });
-    observer.observe(container, { childList: true, subtree: true });
   }
 }
-function buildDefaultPanels(pfx) {
-  return {
-    [cls(pfx, "picker-dropdown")]: injectPickerPanel,
-    [cls(pfx, "cascader-dropdown")]: injectCascaderPanel,
-    [cls(pfx, "select-dropdown")]: injectSelectPanel
-  };
-}
+var _observedContainers = /* @__PURE__ */ new WeakSet();
 function getTriggerTestId(trigger, attrName) {
-  if (!trigger) return "unknown-picker";
-  return trigger.getAttribute(attrName) || trigger.getAttribute("id") || "unknown-picker";
+  if (!trigger) return "unknown";
+  return trigger.getAttribute(attrName) || trigger.getAttribute("id") || "unknown";
 }
-function findActiveTrigger(attrName, pfx) {
-  const focused = document.querySelector(cls(pfx, "picker-focused"));
+function findActiveTrigger(attrName, pc) {
+  const focused = document.querySelector(sel(pc, "picker-focused"));
   if (focused) {
     if (focused.hasAttribute(attrName)) return focused;
     const inner = focused.querySelector(`[${attrName}]`);
@@ -253,9 +315,9 @@ function findActiveTrigger(attrName, pfx) {
     const input = focused.querySelector("input[id]");
     if (input) return input;
   }
-  const selectOpen = document.querySelector(cls(pfx, "select-open"));
+  const selectOpen = document.querySelector(sel(pc, "select-open"));
   if (selectOpen?.hasAttribute(attrName)) return selectOpen;
-  const cascader = document.querySelector(cls(pfx, "cascader-picker-focused"));
+  const cascader = document.querySelector(sel(pc, "cascader-picker-focused"));
   if (cascader?.hasAttribute(attrName)) return cascader;
   const expanded = document.querySelector(
     `[${attrName}][aria-expanded="true"]`
@@ -263,128 +325,153 @@ function findActiveTrigger(attrName, pfx) {
   if (expanded) return expanded;
   return null;
 }
-function injectMenuItems(attrName, pfx, root = document) {
-  const itemRules = [
-    { selector: cls(pfx, "menu-item"), prefix: "a-menu-item-" },
-    { selector: cls(pfx, "menu-submenu"), textSelector: cls(pfx, "menu-submenu-title"), prefix: "a-sub-menu-" },
-    { selector: cls(pfx, "menu-item-group"), textSelector: cls(pfx, "menu-item-group-title"), prefix: "a-menu-item-group-" }
-  ];
-  const injectSingle = (el, rule) => {
-    if (el.hasAttribute(attrName)) return;
-    const id = el.getAttribute("id");
-    if (id) {
-      el.setAttribute(attrName, id);
-      return;
+function injectSubElements(root, attrName, pc) {
+  const inputNumbers = root.matches(`${sel(pc, "input-number")}[${attrName}]`) ? [root] : Array.from(root.querySelectorAll(`${sel(pc, "input-number")}[${attrName}]`));
+  for (const wrapper of inputNumbers) {
+    if (!(wrapper instanceof HTMLElement)) continue;
+    const testId = wrapper.getAttribute(attrName) || "";
+    if (!testId) continue;
+    const input = wrapper.querySelector(sel(pc, "input-number-input"));
+    if (input && !input.hasAttribute(attrName)) {
+      input.setAttribute(attrName, testId);
     }
-    const textTarget = rule.textSelector ? el.querySelector(rule.textSelector) : el;
-    const text = (textTarget?.textContent || "").trim().replace(/\s+/g, "-");
-    if (text) {
-      el.setAttribute(attrName, rule.prefix + text);
+    const upHandler = wrapper.querySelector(sel(pc, "input-number-handler-up"));
+    if (upHandler && !upHandler.hasAttribute(attrName)) {
+      upHandler.setAttribute(attrName, `${testId}-up`);
     }
-  };
-  for (const rule of itemRules) {
-    if (root instanceof HTMLElement && root.matches(rule.selector)) {
-      injectSingle(root, rule);
+    const downHandler = wrapper.querySelector(sel(pc, "input-number-handler-down"));
+    if (downHandler && !downHandler.hasAttribute(attrName)) {
+      downHandler.setAttribute(attrName, `${testId}-down`);
     }
-    const items = root.querySelectorAll(rule.selector);
-    items.forEach((item) => {
-      injectSingle(item, rule);
+  }
+  const sliders = root.matches(`${sel(pc, "slider")}[${attrName}]`) ? [root] : Array.from(root.querySelectorAll(`${sel(pc, "slider")}[${attrName}]`));
+  for (const slider of sliders) {
+    if (!(slider instanceof HTMLElement)) continue;
+    const testId = slider.getAttribute(attrName) || "";
+    if (!testId) continue;
+    slider.querySelectorAll(sel(pc, "slider-handle")).forEach((h, i) => {
+      const el = h;
+      if (!el.hasAttribute(attrName)) {
+        el.setAttribute(attrName, `${testId}-handle-${i}`);
+      }
     });
   }
+  const rates = root.matches(`${sel(pc, "rate")}[${attrName}]`) ? [root] : Array.from(root.querySelectorAll(`${sel(pc, "rate")}[${attrName}]`));
+  for (const rate of rates) {
+    if (!(rate instanceof HTMLElement)) continue;
+    const testId = rate.getAttribute(attrName) || "";
+    if (!testId) continue;
+    rate.querySelectorAll(sel(pc, "rate-star")).forEach((s, i) => {
+      const el = s;
+      if (!el.hasAttribute(attrName)) {
+        el.setAttribute(attrName, `${testId}-star-${i}`);
+      }
+    });
+  }
+  const uploadByTestId = root.matches(`${sel(pc, "upload")}[${attrName}]`) ? [root] : Array.from(root.querySelectorAll(`${sel(pc, "upload")}[${attrName}]`));
+  const uploadById = uploadByTestId.length === 0 ? root.matches(`${sel(pc, "upload")}[id]`) ? [root] : Array.from(root.querySelectorAll(`${sel(pc, "upload")}[id]`)) : [];
+  for (const upload of [...uploadByTestId, ...uploadById]) {
+    if (!(upload instanceof HTMLElement)) continue;
+    const testId = upload.getAttribute(attrName) || upload.getAttribute("id") || "";
+    if (!testId) continue;
+    const input = upload.querySelector('input[type="file"]');
+    if (input && !input.hasAttribute(attrName)) {
+      input.setAttribute(attrName, `${testId}-input`);
+      if (!upload.hasAttribute(attrName)) {
+        upload.setAttribute(attrName, testId);
+      }
+    }
+  }
 }
-function setupAntDropdownTestIds(opts = {}) {
+function setupAntTestIds(opts = {}) {
   const attrName = opts.attributeName ?? "data-testid";
-  const pfx = resolvePrefixCls(opts.prefixCls);
-  const defaultPanels = buildDefaultPanels(pfx);
-  const panels = { ...defaultPanels, ...opts.panels };
+  const pc = opts.prefixCls ?? "ant";
+  const matchers = mergeMatchers(buildComponentMatchers(pc), opts.components);
+  const skipSelectors = buildSkipSelectors(pc);
+  const panels = { ...buildPanels(pc), ...opts.panels };
+  const counter = { value: 0 };
+  function processNode(node) {
+    if (!(node instanceof HTMLElement)) return;
+    injectComponentRoots(node, matchers, attrName, counter, skipSelectors);
+    injectMenuItems(attrName, node, pc);
+    for (const [selector, strategy] of Object.entries(panels)) {
+      const containers = node.matches(selector) ? [node] : Array.from(node.querySelectorAll(selector));
+      for (const container of containers) {
+        if (!(container instanceof HTMLElement)) continue;
+        if (container.hasAttribute(attrName)) continue;
+        if (strategy) {
+          queueMicrotask(() => {
+            const trigger = findActiveTrigger(attrName, pc);
+            const triggerTestId = getTriggerTestId(trigger, attrName);
+            strategy({ container, trigger, triggerTestId, attrName });
+          });
+        }
+      }
+    }
+    injectSubElements(node, attrName, pc);
+  }
+  let pending = false;
+  let pendingNodes = [];
+  const flushPending = () => {
+    pending = false;
+    const nodes = pendingNodes;
+    pendingNodes = [];
+    for (const node of nodes) {
+      processNode(node);
+    }
+  };
   const observer = new MutationObserver((mutations) => {
     for (const mutation of mutations) {
       for (const node of mutation.addedNodes) {
-        if (!(node instanceof HTMLElement)) continue;
-        for (const [selector, strategy] of Object.entries(panels)) {
-          const containers = node.matches(selector) ? [node] : Array.from(node.querySelectorAll(selector));
-          for (const container of containers) {
-            if (!(container instanceof HTMLElement)) continue;
-            if (container.hasAttribute(attrName)) continue;
-            if (strategy) {
-              queueMicrotask(() => {
-                const trigger = findActiveTrigger(attrName, pfx);
-                const triggerTestId = getTriggerTestId(trigger, attrName);
-                const ctx = {
-                  container,
-                  trigger,
-                  triggerTestId,
-                  attrName,
-                  prefixCls: pfx
-                };
-                strategy(ctx);
-              });
-            }
-          }
-        }
-        const uploadByTestId = node.matches(`${cls(pfx, "upload")}[${attrName}]`) ? [node] : Array.from(node.querySelectorAll(`${cls(pfx, "upload")}[${attrName}]`));
-        const uploadById = uploadByTestId.length === 0 ? node.matches(`${cls(pfx, "upload")}[id]`) ? [node] : Array.from(node.querySelectorAll(`${cls(pfx, "upload")}[id]`)) : [];
-        const uploads = [...uploadByTestId, ...uploadById];
-        for (const upload of uploads) {
-          if (!(upload instanceof HTMLElement)) continue;
-          const testId = upload.getAttribute(attrName) || upload.getAttribute("id") || "";
-          if (!testId) continue;
-          const input = upload.querySelector('input[type="file"]');
-          if (input && !input.hasAttribute(attrName)) {
-            input.setAttribute(attrName, `${testId}-input`);
-            if (!upload.hasAttribute(attrName)) {
-              upload.setAttribute(attrName, testId);
-            }
-          }
-        }
-        injectMenuItems(attrName, pfx, node instanceof HTMLElement ? node : document);
+        pendingNodes.push(node);
       }
     }
+    if (!pending) {
+      pending = true;
+      requestAnimationFrame(flushPending);
+    }
   });
   observer.observe(document.body, { childList: true, subtree: true });
-  requestAnimationFrame(() => {
-    injectMenuItems(attrName, pfx);
-  });
-  return () => observer.disconnect();
+  processNode(document.body);
+  return () => {
+    observer.disconnect();
+    pendingNodes = [];
+  };
 }
+var setupAntDropdownTestIds = setupAntTestIds;
 function injectCurrentDropdowns(opts = {}) {
   const attrName = opts.attributeName ?? "data-testid";
-  const pfx = resolvePrefixCls(opts.prefixCls);
-  const defaultPanels = buildDefaultPanels(pfx);
-  const panels = { ...defaultPanels, ...opts.panels };
+  const pc = opts.prefixCls ?? "ant";
+  const matchers = mergeMatchers(buildComponentMatchers(pc), opts.components);
+  const skipSelectors = buildSkipSelectors(pc);
+  const panels = { ...buildPanels(pc), ...opts.panels };
+  const counter = { value: 0 };
+  injectComponentRoots(document.body, matchers, attrName, counter, skipSelectors);
   for (const [selector, strategy] of Object.entries(panels)) {
     const containers = document.querySelectorAll(selector);
     containers.forEach((container) => {
       if (!(container instanceof HTMLElement)) return;
       if (container.hasAttribute(attrName)) return;
       if (!strategy) return;
-      const trigger = findActiveTrigger(attrName, pfx);
+      const trigger = findActiveTrigger(attrName, pc);
       const triggerTestId = getTriggerTestId(trigger, attrName);
-      strategy({ container, trigger, triggerTestId, attrName, prefixCls: pfx });
+      strategy({ container, trigger, triggerTestId, attrName });
     });
   }
-  const uploads = [
-    ...Array.from(document.querySelectorAll(`${cls(pfx, "upload")}[${attrName}]`)),
-    ...Array.from(document.querySelectorAll(`${cls(pfx, "upload")}[id]`))
-  ];
-  const seen = /* @__PURE__ */ new Set();
-  uploads.forEach((upload) => {
-    if (!(upload instanceof HTMLElement)) return;
-    if (seen.has(upload)) return;
-    seen.add(upload);
-    const testId = upload.getAttribute(attrName) || upload.getAttribute("id") || "";
-    if (!testId) return;
-    const input = upload.querySelector('input[type="file"]');
-    if (input && !input.hasAttribute(attrName)) {
-      input.setAttribute(attrName, `${testId}-input`);
-      if (!upload.hasAttribute(attrName)) {
-        upload.setAttribute(attrName, testId);
-      }
-    }
-  });
-  injectMenuItems(attrName, pfx);
+  injectSubElements(document.body, attrName, pc);
+  injectMenuItems(attrName, document, pc);
+}
+function mergeMatchers(defaults, customs) {
+  if (!customs) return defaults;
+  const customKeys = new Set(Object.keys(customs));
+  const filtered = defaults.filter((m) => !customKeys.has(m.selector));
+  for (const [selector, prefix] of Object.entries(customs)) {
+    filtered.push({ selector, prefix });
+  }
+  return filtered;
 }
 export {
   injectCurrentDropdowns,
-  setupAntDropdownTestIds
+  setupAntDropdownTestIds,
+  setupAntTestIds
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-vue-testid",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "description": "Vite plugin to auto-inject data-testid into Vue component templates for E2E testing",
   "type": "module",
   "main": "./dist/index.js",
@@ -42,9 +42,6 @@
     "vite": ">=5.0.0",
     "vue": ">=3.3.0"
   },
-  "dependencies": {
-    "@vue/compiler-core": "^3.5.0"
-  },
   "devDependencies": {
     "tsup": "^8.5.1",
     "typescript": "~6.0.2",