@vureact/compiler-core 1.1.0 → 1.2.0

package/lib/{chunk-37YHAUPX.esm.js → chunk-UJZGDNNB.esm.js}

@@ -1,5 +1,5 @@
 /**
- * @vureact/compiler-core v1.1.0
+ * @vureact/compiler-core v1.1.1
  * (c) 2025-present Ruihong Zhong (Ryan John)
  * @license MIT
  */
@@ -26,93 +26,349 @@ function executePlugins(map, result, ctx) {
 // src/core/codegen/component/jsx/syntax-processor/postprocess/build-ctx-provider.ts
 import * as t10 from "@babel/types";
 
-// src/consts/adapters-map.ts
-var ADAPTER_COMPS = {
-  KeepAlive: "KeepAlive",
-  Suspense: "Suspense",
-  Teleport: "Teleport",
-  Component: "Component",
-  Provider: "Provider",
-  // 实际是 Vue 的 provide 方法，为了命名统一采用 Provide
-  Transition: "Transition",
-  TransitionGroup: "TransitionGroup"
-};
-var ADAPTER_UTILS_MAP = {
-  dir: "dir",
-  dirCls: "dir.cls",
-  dirKeyless: "dir.keyless",
-  dirOn: "dir.on",
-  dirStyle: "dir.style",
-  nextTick: "nextTick"
+// src/consts/other.ts
+var PACKAGE_NAME = {
+  react: "react",
+  runtime: "@vureact/runtime-core",
+  router: "@vureact/router"
 };
-var ADAPTER_ROUTER_COMPS = {
-  RouterLink: "RouterLink",
-  RouterView: "RouterView"
+var STYLE_MODULE_NAME = "$style";
+var MACRO_API_NAMES = {
+  props: "defineProps",
+  emits: "defineEmits",
+  slots: "defineSlots",
+  options: "defineOptions",
+  expose: "defineExpose"
 };
-var ADAPTER_HOOKS = {
-  renameOnly: {
-    pure: {
-      useActived: "useActived",
-      useDeactivated: "useDeactivated",
-      onBeforeMount: "useBeforeMount",
-      onBeforeUnMount: "useBeforeUnMount",
-      onMounted: "useMounted",
-      onUnmounted: "useUnmounted"
+var DOLLAR_IDENTIFIERS = [
+  "$data",
+  "$props",
+  "$el",
+  "$options",
+  "$parent",
+  "$root",
+  "$slots",
+  "$refs",
+  "$attrs",
+  "$emit",
+  "$watch",
+  "$forceUpdate",
+  "$nextTick",
+  "$router",
+  "$route",
+  "$store",
+  "$pinia",
+  "$event"
+];
+var VUE_PACKAGES = [
+  "vue",
+  "vite",
+  "pinia",
+  "nuxt",
+  // 不需要带到 React 项目中
+  "@vureact/compiler-core"
+];
+
+// src/consts/adapters-map.ts
+var ADAPTER_RULES = {
+  // =============== [React] ===============
+  react: {
+    // =============== Hooks ===============
+    useTemplateRef: {
+      target: "useRef",
+      package: PACKAGE_NAME.react,
+      type: "none"
     },
-    effectful: {
-      ref: "useVRef",
-      reactive: "useReactive",
-      computed: "useComputed",
-      readonly: "useReadonly",
-      toRef: "useToVRef",
-      toRefs: "useToVRefs",
-      toRaw: "useToRaw",
-      inject: "useInject",
-      watch: "useWatch",
-      shallowRef: "useShallowRef",
-      shallowReactive: "useShallowReactive",
-      shallowReadonly: "useShallowReadonly",
-      isRef: "isRef",
-      isProxy: "isProxy",
-      isReactive: "isReactive"
+    defineExpose: {
+      target: "useImperativeHandle",
+      package: PACKAGE_NAME.react,
+      type: "none"
     }
   },
-  transform: {
-    pure: {
-      useTemplateRef: "useRef",
-      watchEffect: {
-        watchEffect: "useWatchEffect",
-        watchPostEffect: "useWatchPostEffect",
-        watchSyncEffect: "useWatchSyncEffect"
-      },
-      lifecycle: {
-        onBeforeUpdate: "useBeforeUpdate",
-        onUpdated: "useUpdated"
-      }
+  // ============== [VuReact Runtime Core] ===============
+  runtime: {
+    // =============== Components ===============
+    KeepAlive: {
+      target: "KeepAlive",
+      package: PACKAGE_NAME.runtime,
+      type: "rename"
     },
-    effectful: {}
-  }
-};
-var ADAPTER_ROUTER_APIS = {
-  renameOnly: {
-    pure: {
-      createRouter: "createRouter",
-      onBeforeRouteLeave: "useBeforeRouteLeave",
-      onBeforeRouteUpdate: "useBeforeRouteUpdate",
-      onBeforeRouteEnter: "useBeforeRouteEnter"
+    Suspense: {
+      target: "Suspense",
+      package: PACKAGE_NAME.runtime,
+      type: "rename"
+    },
+    Teleport: {
+      target: "Teleport",
+      package: PACKAGE_NAME.runtime,
+      type: "rename"
+    },
+    Component: {
+      target: "Component",
+      package: PACKAGE_NAME.runtime,
+      type: "rename"
+    },
+    provide: {
+      target: "Provider",
+      package: PACKAGE_NAME.runtime,
+      type: "rename"
+    },
+    Transition: {
+      target: "Transition",
+      package: PACKAGE_NAME.runtime,
+      type: "rename"
+    },
+    TransitionGroup: {
+      target: "TransitionGroup",
+      package: PACKAGE_NAME.runtime,
+      type: "rename"
+    },
+    // =============== Hooks ===============
+    useActived: {
+      target: "useActived",
+      package: PACKAGE_NAME.runtime,
+      type: "rename"
+    },
+    useDeactivated: {
+      target: "useDeactivated",
+      package: PACKAGE_NAME.runtime,
+      type: "rename"
+    },
+    onBeforeMount: {
+      target: "useBeforeMount",
+      package: PACKAGE_NAME.runtime,
+      type: "rename"
+    },
+    onBeforeUnMount: {
+      target: "useBeforeUnMount",
+      package: PACKAGE_NAME.runtime,
+      type: "rename"
+    },
+    onMounted: {
+      target: "useMounted",
+      package: PACKAGE_NAME.runtime,
+      type: "rename"
+    },
+    onUnmounted: {
+      target: "useUnmounted",
+      package: PACKAGE_NAME.runtime,
+      type: "rename"
+    },
+    onBeforeUpdate: {
+      target: "useBeforeUpdate",
+      package: PACKAGE_NAME.runtime,
+      type: "analyzed-deps"
+    },
+    onUpdated: {
+      target: "useUpdated",
+      package: PACKAGE_NAME.runtime,
+      type: "analyzed-deps"
+    },
+    ref: {
+      target: "useVRef",
+      package: PACKAGE_NAME.runtime,
+      type: "rename",
+      isTrackable: true
+    },
+    reactive: {
+      target: "useReactive",
+      package: PACKAGE_NAME.runtime,
+      type: "rename",
+      isTrackable: true
+    },
+    computed: {
+      target: "useComputed",
+      package: PACKAGE_NAME.runtime,
+      type: "rename",
+      isTrackable: true
+    },
+    readonly: {
+      target: "useReadonly",
+      package: PACKAGE_NAME.runtime,
+      type: "rename",
+      isTrackable: true
+    },
+    toRef: {
+      target: "useToVRef",
+      package: PACKAGE_NAME.runtime,
+      type: "rename",
+      isTrackable: true
+    },
+    toRefs: {
+      target: "useToVRefs",
+      package: PACKAGE_NAME.runtime,
+      type: "rename",
+      isTrackable: true
+    },
+    toRaw: {
+      target: "useToRaw",
+      package: PACKAGE_NAME.runtime,
+      type: "rename"
+    },
+    inject: {
+      target: "useInject",
+      package: PACKAGE_NAME.runtime,
+      type: "rename",
+      isTrackable: true
+    },
+    shallowRef: {
+      target: "useShallowRef",
+      package: PACKAGE_NAME.runtime,
+      type: "rename",
+      isTrackable: true
+    },
+    shallowReactive: {
+      target: "useShallowReactive",
+      package: PACKAGE_NAME.runtime,
+      type: "rename",
+      isTrackable: true
+    },
+    shallowReadonly: {
+      target: "useShallowReadonly",
+      package: PACKAGE_NAME.runtime,
+      type: "rename",
+      isTrackable: true
+    },
+    isRef: {
+      target: "isRef",
+      package: PACKAGE_NAME.runtime,
+      type: "rename",
+      isTrackable: true
+    },
+    isProxy: {
+      target: "isProxy",
+      package: PACKAGE_NAME.runtime,
+      type: "rename",
+      isTrackable: true
+    },
+    isReactive: {
+      target: "isReactive",
+      package: PACKAGE_NAME.runtime,
+      type: "rename",
+      isTrackable: true
+    },
+    watch: {
+      target: "useWatch",
+      package: PACKAGE_NAME.runtime,
+      type: "rename"
+    },
+    watchEffect: {
+      target: "useWatchEffect",
+      package: PACKAGE_NAME.runtime,
+      type: "analyzed-deps"
+    },
+    watchPostEffect: {
+      target: "useWatchPostEffect",
+      package: PACKAGE_NAME.runtime,
+      type: "analyzed-deps"
+    },
+    watchSyncEffect: {
+      target: "useWatchSyncEffect",
+      package: PACKAGE_NAME.runtime,
+      type: "analyzed-deps"
+    },
+    // =============== Directive Utils ===============
+    dir: {
+      target: "dir",
+      package: PACKAGE_NAME.runtime,
+      type: "rename"
     },
-    effectful: {
-      useRoute: "useRoute",
-      useRouter: "useRouter",
-      useLink: "useLink"
+    dirCls: {
+      target: "dir.cls",
+      package: PACKAGE_NAME.runtime,
+      type: "rename"
+    },
+    dirKeyless: {
+      target: "dir.keyless",
+      package: PACKAGE_NAME.runtime,
+      type: "rename"
+    },
+    dirOn: {
+      target: "dir.On",
+      package: PACKAGE_NAME.runtime,
+      type: "rename"
+    },
+    dirStyle: {
+      target: "dir.style",
+      package: PACKAGE_NAME.runtime,
+      type: "rename"
+    },
+    nextTick: {
+      target: "nextTick",
+      package: PACKAGE_NAME.runtime,
+      type: "rename"
     }
   },
-  transform: {
-    pure: {},
-    effectful: {}
+  // =================== [VuReact Router] ===================
+  router: {
+    // =============== Components ===============
+    RouterLink: {
+      target: "RouterLink",
+      package: PACKAGE_NAME.router,
+      type: "rename"
+    },
+    RouterView: {
+      target: "RouterView",
+      package: PACKAGE_NAME.router,
+      type: "rename"
+    },
+    createRouter: {
+      target: "createRouter",
+      package: PACKAGE_NAME.router,
+      type: "rename"
+    },
+    // =============== Hooks ===============
+    useRoute: {
+      target: "useRoute",
+      package: PACKAGE_NAME.router,
+      type: "rename",
+      isTrackable: true
+    },
+    useRouter: {
+      target: "useRouter",
+      package: PACKAGE_NAME.router,
+      type: "rename",
+      isTrackable: true
+    },
+    useLink: {
+      target: "useLink",
+      package: PACKAGE_NAME.router,
+      type: "rename",
+      isTrackable: true
+    },
+    onBeforeRouteLeave: {
+      target: "useBeforeRouteLeave",
+      package: PACKAGE_NAME.router,
+      type: "rename"
+    },
+    onBeforeRouteUpdate: {
+      target: "useBeforeRouteUpdate",
+      package: PACKAGE_NAME.router,
+      type: "rename"
+    },
+    onBeforeRouteEnter: {
+      target: "useBeforeRouteEnter",
+      package: PACKAGE_NAME.router,
+      type: "rename"
+    }
   }
 };
 
+// src/consts/vue-api-map.ts
+var VUE_API_MAP = {
+  ref: "ref",
+  provide: "provide",
+  watch: "watch",
+  watchEffect: "watchEffect",
+  watchPostEffect: "watchPostEffect",
+  watchSyncEffect: "watchSyncEffect",
+  useTemplateRef: "useTemplateRef",
+  defineAsyncComponent: "defineAsyncComponent",
+  DynamicComponent: "Component",
+  Transition: "Transition",
+  RouterLink: "RouterLink"
+};
+
 // src/core/codegen/component/jsx/utils/jsx-element-utils.ts
 import * as t from "@babel/types";
 function createJsxElement(tag, props, children, selfClosing) {
@@ -705,7 +961,8 @@ function buildCtxProviderNode(nodeIR, ctx, children) {
     buildJsxExpressionNode(t10.identifier(value))
   );
   void ctx;
-  return createJsxElement(ADAPTER_COMPS.Provider, [keyProp, valueProp], childNodes);
+  const adpater = ADAPTER_RULES.runtime[VUE_API_MAP.provide];
+  return createJsxElement(adpater.target, [keyProp, valueProp], childNodes);
 }
 
 // src/core/codegen/component/jsx/syntax-processor/postprocess/build-root-jsx.ts
@@ -783,9 +1040,11 @@ var REACT_API_MAP = {
   lazy: "lazy",
   memo: "memo",
   useRef: "useRef",
-  useCallback: "useCallback",
   useMemo: "useMemo",
-  ReactNode: "ReactNode"
+  ReactNode: "ReactNode",
+  forwardRef: "forwardRef",
+  useCallback: "useCallback",
+  useImperativeHandle: "useImperativeHandle"
 };
 
 // src/utils/camelCase.ts
@@ -825,10 +1084,13 @@ function buildComponent(scriptIR, ctx, state) {
   const hasProps = getHasProps(propsTSIface.propsTypes) || getHasProps(propsTSIface.emitTypes) || getHasProps(propsTSIface.slotTypes);
   const shouldMemo = scriptIR !== null || hasProps;
   const jsxStatement = t12.returnStatement(state.jsx || t12.nullLiteral());
-  const component = !shouldMemo ? resolveComponent(jsxStatement, ctx) : resolveMemoComponent(scriptIR.statement.local, jsxStatement, ctx);
+  const component = !shouldMemo ? resolvePureUIComponent(jsxStatement, ctx) : resolveMemoComponent(scriptIR.statement.local, jsxStatement, ctx);
   state.component = component;
 }
-function resolveComponent(jsxStmt, ctx) {
+function getHasProps(list) {
+  return list.length > 0;
+}
+function resolvePureUIComponent(jsxStmt, ctx) {
   return t12.variableDeclaration("const", [
     t12.variableDeclarator(
       resolveComponentName(ctx),
@@ -838,12 +1100,14 @@ function resolveComponent(jsxStmt, ctx) {
 }
 function resolveMemoComponent(local, jsxStmt, ctx) {
   const name = resolveComponentName(ctx);
-  const param = resolveParam(ctx);
-  const component = t12.arrowFunctionExpression(
-    !param ? [] : [param],
-    t12.blockStatement(resolveStatements(local, jsxStmt))
-  );
-  const memoCall = t12.callExpression(t12.identifier(REACT_API_MAP.memo), [component]);
+  const param = resolvePropsParam(ctx);
+  const body = t12.blockStatement(resolveLocalStatements(local, jsxStmt));
+  const component = resolveComponent(param, body, ctx);
+  let compFn = component;
+  if (ctx.scriptData.forwardRef.enabled) {
+    compFn = resolveForwardRef(body, ctx);
+  }
+  const memoCall = t12.callExpression(t12.identifier(REACT_API_MAP.memo), [compFn]);
   return t12.variableDeclaration("const", [t12.variableDeclarator(name, memoCall)]);
 }
 function resolveComponentName(ctx) {
@@ -860,7 +1124,52 @@ function resolveComponentName(ctx) {
   }
   return t12.identifier(name);
 }
-function resolveParam(ctx) {
+function resolveLocalStatements(local, jsx) {
+  const stmts = [jsx];
+  if (!local) return stmts;
+  if (typeof local === "object" && "program" in local) {
+    const program3 = local.program;
+    if (program3?.body?.length) {
+      return [...program3.body, jsx];
+    }
+  }
+  return stmts;
+}
+function resolveComponent(param, body, ctx) {
+  const {
+    scriptData: { forwardRef }
+  } = ctx;
+  if (forwardRef.enabled) {
+    return resolveForwardRef(body, ctx);
+  }
+  const baseComponent = t12.arrowFunctionExpression(!param ? [] : [param], body);
+  return baseComponent;
+}
+function resolveForwardRef(body, ctx) {
+  const {
+    propField,
+    scriptData: { forwardRef, lang }
+  } = ctx;
+  const params = [t12.identifier(forwardRef.refField)];
+  const propsId = resolvePropsParam(ctx);
+  const callExpr = t12.callExpression(t12.identifier(REACT_API_MAP.forwardRef), [
+    t12.arrowFunctionExpression(params, body)
+  ]);
+  if (lang.startsWith("ts")) {
+    const types = [t12.tsAnyKeyword()];
+    if (propsId) {
+      const propsType = propsId?.typeAnnotation?.typeAnnotation;
+      types.push(propsType || t12.tsAnyKeyword());
+    }
+    callExpr.typeParameters = t12.tsTypeParameterInstantiation(types);
+  }
+  if (propsId) {
+    propsId.typeAnnotation = null;
+    params.unshift(propsId);
+  }
+  return callExpr;
+}
+function resolvePropsParam(ctx) {
   const { propField, scriptData } = ctx;
   const { propsTSIface } = scriptData;
   const propsIdentifier = t12.identifier(propField);
@@ -877,20 +1186,6 @@ function resolveParam(ctx) {
   propsIdentifier.typeAnnotation = t12.tsTypeAnnotation(t12.tsTypeReference(typeIdentifier));
   return propsIdentifier;
 }
-function resolveStatements(local, jsx) {
-  const stmts = [jsx];
-  if (!local) return stmts;
-  if (typeof local === "object" && "program" in local) {
-    const program3 = local.program;
-    if (program3?.body?.length) {
-      return [...program3.body, jsx];
-    }
-  }
-  return stmts;
-}
-function getHasProps(list) {
-  return list.length > 0;
-}
 
 // src/core/codegen/component/script/syntax-processor/process/build-program-preamble.ts
 function buildProgramPreamble(nodeIR, ctx, state) {
@@ -1234,11 +1529,6 @@ var HTML_TAG_TYPES = {
   frame: "HTMLFrameElement"
 };
 
-// src/consts/vue-api-map.ts
-var VUE_API_MAP = {
-  useTemplateRef: "useTemplateRef"
-};
-
 // src/consts/reactive-type-map.ts
 var REACTIVE_TYPE_MAP = {
   ref: "ref",
@@ -1294,7 +1584,7 @@ function collectReactiveBindings(node, ctx) {
   if (!reactiveStateApis.has(source)) return;
   const varName = node.id.name;
   const value = init.arguments[0];
-  if (source === "defineProps") {
+  if (source === MACRO_API_NAMES.props) {
     ctx.propField = varName;
   }
   reactiveBindings[varName] = {
@@ -1311,55 +1601,13 @@ function collectRefBindings(node, ctx) {
   if (callee.name !== VUE_API_MAP.useTemplateRef) return;
   const idName = node.id.name;
   const tag = init.arguments[0]?.value;
-  refBindings[idName] = {
+  refBindings.domRefs[idName] = {
     tag,
     htmlType: HTML_TAG_TYPES[tag] || "HTMLElement",
     name: idName
   };
 }
 
-// src/consts/other.ts
-var PACKAGE_NAME = {
-  react: "react",
-  runtime: "@vureact/runtime-core",
-  router: "@vureact/router"
-};
-var STYLE_MODULE_NAME = "$style";
-var MACRO_API_NAMES = {
-  props: "defineProps",
-  emits: "defineEmits",
-  slots: "defineSlots",
-  options: "defineOptions"
-};
-var DOLLAR_IDENTIFIERS = [
-  "$data",
-  "$props",
-  "$el",
-  "$options",
-  "$parent",
-  "$root",
-  "$slots",
-  "$refs",
-  "$attrs",
-  "$emit",
-  "$watch",
-  "$forceUpdate",
-  "$nextTick",
-  "$router",
-  "$route",
-  "$store",
-  "$pinia",
-  "$event"
-];
-var VUE_PACKAGES = [
-  "vue",
-  "vite",
-  "pinia",
-  "nuxt",
-  // 不需要带到 React 项目中
-  "@vureact/compiler-core"
-];
-
 // src/plugins/postcss.ts
 import postcss from "postcss";
 function processScopedWithPostCss(input, hash) {
@@ -1411,6 +1659,7 @@ function resolveLessSass(source, options) {
   } else if (lang === "scss" || lang === "sass") {
     result.code = resolveSassSync(source, filename);
   }
+  result.code = resolveImportExtensions(result.code);
   return result;
 }
 function resolveLessSync(source, filename) {
@@ -1462,6 +1711,12 @@ function resolveSassSync(source, filename) {
   const result = sass.compileString(source, options);
   return result.css;
 }
+function resolveImportExtensions(code) {
+  if (code.includes(".less") || code.includes(".scss") || code.includes(".sass")) {
+    return code.replaceAll(/\.(less|scss|sass)(?=['")])/g, ".css");
+  }
+  return code;
+}
 
 // src/core/parse/sfc/process/resolve-styles.ts
 function resolveStyles(descriptor, ctx, result) {
@@ -1991,66 +2246,13 @@ function collectLocalStatements(ctx, ast) {
   scriptIR.statement.local = ast;
 }
 
-// src/core/transform/sfc/script/syntax-processor/process/resolve-template-ref.ts
+// src/core/transform/sfc/script/syntax-processor/preprocess/resolve-define-async-component.ts
 import * as t20 from "@babel/types";
-function resolveTemplateRef(ctx) {
-  if (ctx.inputType !== "sfc") return {};
+function resolveDefineAsyncComponent(ctx) {
   return {
     CallExpression(path7) {
       const { node } = path7;
-      if (!isCalleeNamed(node, VUE_API_MAP.useTemplateRef)) return;
-      addTypeParam(ctx, path7);
-      replaceValue(node);
-      replaceCallName(node, REACT_API_MAP.useRef);
-      recordImport(ctx, PACKAGE_NAME.react, REACT_API_MAP.useRef);
-    },
-    MemberExpression(path7) {
-      const { node } = path7;
-      if (node.computed || !t20.isIdentifier(node.property) || node.property.name !== "value") {
-        return;
-      }
-      const rootPath = findRootVariablePath(path7);
-      if (!rootPath?.node || !t20.isCallExpression(rootPath.node.init) || !isCalleeNamed(rootPath.node.init, REACT_API_MAP.useRef)) {
-        return;
-      }
-      const rootId = findRootIdentifier(node);
-      if (!t20.isIdentifier(node.object) || node.object.name !== rootId?.name) {
-        return;
-      }
-      node.property.name = "current";
-    }
-  };
-}
-function replaceValue(node) {
-  const initVal = node.arguments[0];
-  const newVal = t20.identifier("null");
-  newVal.start = initVal?.start;
-  newVal.end = initVal?.end;
-  newVal.loc = initVal?.loc;
-  node.arguments[0] = newVal;
-}
-function addTypeParam(ctx, path7) {
-  const { templateData, scriptData } = ctx;
-  const { node, parent } = path7;
-  if (!scriptData.lang.startsWith("ts") && !t20.isVariableDeclarator(parent)) {
-    return;
-  }
-  const idName = parent.id.name;
-  const bindingMeta = templateData.refBindings[idName];
-  if (!node.typeParameters && bindingMeta) {
-    node.typeParameters = t20.tsTypeParameterInstantiation([
-      t20.tsTypeReference(t20.identifier(bindingMeta.htmlType))
-    ]);
-  }
-}
-
-// src/core/transform/sfc/script/syntax-processor/preprocess/resolve-async-component.ts
-import * as t21 from "@babel/types";
-function resolveAsyncComponent(ctx) {
-  return {
-    CallExpression(path7) {
-      const { node } = path7;
-      if (!isCalleeNamed(node, "defineAsyncComponent")) {
+      if (!isCalleeNamed(node, VUE_API_MAP.defineAsyncComponent)) {
         return;
       }
       const [arg] = node.arguments;
@@ -2061,11 +2263,11 @@ function resolveAsyncComponent(ctx) {
   };
 }
 function checkIsUnsupported(ctx, arg) {
-  if (t21.isFunction(arg)) {
+  if (t20.isFunction(arg)) {
     checkIsDynamicImport(ctx, arg);
-  } else if (t21.isObjectExpression(arg)) {
+  } else if (t20.isObjectExpression(arg)) {
     const { value } = arg.properties.find(
-      (p) => t21.isObjectProperty(p) && t21.isIdentifier(p.key) && p.key.name === "loader"
+      (p) => t20.isObjectProperty(p) && t20.isIdentifier(p.key) && p.key.name === "loader"
     );
     checkIsDynamicImport(ctx, value);
     if (arg.properties.length > 1) {
@@ -2076,7 +2278,7 @@ function checkIsUnsupported(ctx, arg) {
 function checkIsDynamicImport(ctx, node) {
   const { scriptData, filename } = ctx;
   const warnIsNotImport = (target) => {
-    if (!target || !t21.isImport(target)) {
+    if (!target || !t20.isImport(target)) {
       logger.error(
         `Only ES module dynamic imports are supported. You must use and return import('...').`,
         {
@@ -2087,20 +2289,20 @@ function checkIsDynamicImport(ctx, node) {
       );
     }
   };
-  if (t21.isFunction(node)) {
+  if (t20.isFunction(node)) {
     checkIsDynamicImport(ctx, node.body);
     return;
   }
-  if (t21.isBlockStatement(node)) {
+  if (t20.isBlockStatement(node)) {
     const [returnSmt] = node.body;
-    if (t21.isReturnStatement(returnSmt)) {
+    if (t20.isReturnStatement(returnSmt)) {
       warnIsNotImport(returnSmt.argument);
     }
     return;
   }
-  if (t21.isCallExpression(node)) {
+  if (t20.isCallExpression(node)) {
     warnIsNotImport(node.callee);
-    if (t21.isStringLiteral(node.arguments[0])) {
+    if (t20.isStringLiteral(node.arguments[0])) {
       replaceVueSuffix(ctx, node.arguments[0]);
     }
     return;
@@ -2148,61 +2350,64 @@ function pushToGlobalScope(path7, ctx) {
   scriptIR.statement.global.push(fullNode);
 }
 
-// src/core/transform/sfc/script/syntax-processor/preprocess/resolve-emit-calls.ts
+// src/core/transform/sfc/script/syntax-processor/preprocess/resolve-define-expose.ts
 import * as t22 from "@babel/types";
-function resolveEmitCalls(ctx) {
+
+// src/core/transform/sfc/script/shared/hook-creator.ts
+import * as t21 from "@babel/types";
+function createUseCallback(body, deps) {
+  return t21.callExpression(t21.identifier(REACT_API_MAP.useCallback), [
+    body,
+    deps ?? t21.arrayExpression([])
+  ]);
+}
+function createUseMemo(body, deps) {
+  return t21.callExpression(t21.identifier(REACT_API_MAP.useMemo), [
+    t21.arrowFunctionExpression([], body),
+    deps ?? t21.arrayExpression([])
+  ]);
+}
+function createUseImperativeHandle(refId, init) {
+  return t21.callExpression(t21.identifier(REACT_API_MAP.useImperativeHandle), [refId, init]);
+}
+
+// src/core/transform/sfc/script/syntax-processor/preprocess/resolve-define-expose.ts
+function resolveDefineExpose(ctx) {
+  if (ctx.inputType !== "sfc") return {};
   return {
     CallExpression(path7) {
       const { node } = path7;
-      const { filename, templateData, scriptData } = ctx;
-      if (!t22.isIdentifier(node.callee)) return;
-      const { name } = node.callee;
-      const checkIfFromDefineEmits = () => {
-        let result = false;
-        const meta = templateData.reactiveBindings[name];
-        if (meta) {
-          result = meta.source === MACRO_API_NAMES.emits;
-        }
-        if (!result) {
-          const binding = path7.scope.getBinding(name);
-          if (binding) {
-            const parent = binding.path.node;
-            if (t22.isVariableDeclarator(parent) && t22.isCallExpression(parent.init) && t22.isIdentifier(parent.init.callee)) {
-              result = parent.init.callee.name === MACRO_API_NAMES.emits;
-            }
-          }
-        }
-        return result;
-      };
-      if (!checkIfFromDefineEmits()) return;
-      const [callee, ...args] = node.arguments;
-      const eventName = t22.isStringLiteral(callee) ? `on${capitalize(camelCase(callee.value))}` : void 0;
-      if (!eventName) {
-        logger.warn(`Expected String type but got ${callee?.type}, expression will be removed`, {
-          file: filename,
-          source: scriptData.source,
-          loc: callee?.loc
-        });
+      const { filename, scriptData } = ctx;
+      if (!isCalleeNamed(node, MACRO_API_NAMES.expose)) {
+        return;
+      }
+      const [expose] = node.arguments;
+      if (!expose) {
         path7.remove();
         return;
       }
-      const propCall = t22.callExpression(
-        t22.optionalMemberExpression(
-          t22.identifier(ctx.propField),
-          t22.identifier(eventName),
-          false,
-          true
-        ),
-        args
-      );
-      path7.replaceWith(propCall);
+      const adapter = ADAPTER_RULES.react[MACRO_API_NAMES.expose];
+      recordImport(ctx, adapter.package, REACT_API_MAP.forwardRef);
+      recordImport(ctx, adapter.package, adapter.target);
+      if (!t22.isObjectExpression(expose) && !t22.isFunction(expose)) {
+        logger.warn("Non-deterministic object literal may cause unknown risks.", {
+          file: filename,
+          loc: expose.loc,
+          source: scriptData.source
+        });
+      }
+      const init = !t22.isFunction(expose) ? t22.arrowFunctionExpression([], expose) : expose;
+      const { forwardRef } = scriptData;
+      const newNode = createUseImperativeHandle(t22.identifier(forwardRef.refField), init);
+      forwardRef.enabled = true;
+      path7.replaceWith(newNode);
     }
   };
 }
 
-// src/core/transform/sfc/script/syntax-processor/preprocess/resolve-options.ts
+// src/core/transform/sfc/script/syntax-processor/preprocess/resolve-define-options.ts
 import * as t23 from "@babel/types";
-function resolveOptions(ctx) {
+function resolveDefineOptions(ctx) {
   return {
     CallExpression(path7) {
       const { node } = path7;
@@ -2246,39 +2451,91 @@ function extractName(prop, ctx) {
       ctx.compName = prop.value.value;
       return;
     }
-    logger.error(`name must be a string type, but got ${prop.value.type}`, {
-      source: scriptData.source,
-      file: filename,
-      loc: prop.key?.loc
-    });
-  }
+    logger.error(`name must be a string type, but got ${prop.value.type}`, {
+      source: scriptData.source,
+      file: filename,
+      loc: prop.key?.loc
+    });
+  }
+}
+
+// src/core/transform/sfc/script/syntax-processor/preprocess/resolve-emit-calls.ts
+import * as t24 from "@babel/types";
+function resolveEmitCalls(ctx) {
+  return {
+    CallExpression(path7) {
+      const { node } = path7;
+      const { filename, templateData, scriptData } = ctx;
+      if (!t24.isIdentifier(node.callee)) return;
+      const { name } = node.callee;
+      const checkIfFromDefineEmits = () => {
+        let result = false;
+        const meta = templateData.reactiveBindings[name];
+        if (meta) {
+          result = meta.source === MACRO_API_NAMES.emits;
+        }
+        if (!result) {
+          const binding = path7.scope.getBinding(name);
+          if (binding) {
+            const parent = binding.path.node;
+            if (t24.isVariableDeclarator(parent) && t24.isCallExpression(parent.init) && t24.isIdentifier(parent.init.callee)) {
+              result = parent.init.callee.name === MACRO_API_NAMES.emits;
+            }
+          }
+        }
+        return result;
+      };
+      if (!checkIfFromDefineEmits()) return;
+      const [callee, ...args] = node.arguments;
+      const eventName = t24.isStringLiteral(callee) ? `on${capitalize(camelCase(callee.value))}` : void 0;
+      if (!eventName) {
+        logger.warn(`Expected String type but got ${callee?.type}, expression will be removed`, {
+          file: filename,
+          source: scriptData.source,
+          loc: callee?.loc
+        });
+        path7.remove();
+        return;
+      }
+      const propCall = t24.callExpression(
+        t24.optionalMemberExpression(
+          t24.identifier(ctx.propField),
+          t24.identifier(eventName),
+          false,
+          true
+        ),
+        args
+      );
+      path7.replaceWith(propCall);
+    }
+  };
 }
 
 // src/core/transform/sfc/script/syntax-processor/preprocess/resolve-props-interface/index.ts
-import * as t28 from "@babel/types";
+import * as t29 from "@babel/types";
 
 // src/core/transform/sfc/script/syntax-processor/preprocess/resolve-props-interface/resolve-emits.ts
-import * as t25 from "@babel/types";
+import * as t26 from "@babel/types";
 
 // src/core/transform/sfc/script/syntax-processor/preprocess/resolve-props-interface/shared.ts
-import * as t24 from "@babel/types";
+import * as t25 from "@babel/types";
 function cloneCallableParams(params) {
   const cloneCallableParam = (param, index) => {
-    if (t24.isRestElement(param)) {
+    if (t25.isRestElement(param)) {
       const arg = param.argument;
-      const name = t24.isIdentifier(arg) ? arg.name : `args${index}`;
-      const rest = t24.restElement(t24.identifier(name));
-      rest.typeAnnotation = param.typeAnnotation || (t24.isIdentifier(arg) ? arg.typeAnnotation : null) || t24.tsTypeAnnotation(t24.tsArrayType(t24.tsAnyKeyword()));
+      const name = t25.isIdentifier(arg) ? arg.name : `args${index}`;
+      const rest = t25.restElement(t25.identifier(name));
+      rest.typeAnnotation = param.typeAnnotation || (t25.isIdentifier(arg) ? arg.typeAnnotation : null) || t25.tsTypeAnnotation(t25.tsArrayType(t25.tsAnyKeyword()));
       return rest;
     }
-    if (t24.isIdentifier(param)) {
-      const id = t24.identifier(param.name || `arg${index}`);
+    if (t25.isIdentifier(param)) {
+      const id = t25.identifier(param.name || `arg${index}`);
       id.optional = param.optional;
-      id.typeAnnotation = param.typeAnnotation || t24.tsTypeAnnotation(t24.tsAnyKeyword());
+      id.typeAnnotation = param.typeAnnotation || t25.tsTypeAnnotation(t25.tsAnyKeyword());
       return id;
     }
-    const fallback = t24.identifier(`arg${index}`);
-    fallback.typeAnnotation = t24.tsTypeAnnotation(t24.tsAnyKeyword());
+    const fallback = t25.identifier(`arg${index}`);
+    fallback.typeAnnotation = t25.tsTypeAnnotation(t25.tsAnyKeyword());
     return fallback;
   };
   return params.map(cloneCallableParam);
@@ -2288,18 +2545,18 @@ function cloneCallableParams(params) {
 function resolveEmitsTopLevelTypes(ctx) {
   return {
     "TSInterfaceDeclaration|TSTypeAliasDeclaration"(path7) {
-      if (!t25.isProgram(path7.parent)) return;
+      if (!t26.isProgram(path7.parent)) return;
       const { node } = path7;
-      if (t25.isTSInterfaceDeclaration(node)) {
-        const typeLiteral = t25.tsTypeLiteral(node.body.body);
+      if (t26.isTSInterfaceDeclaration(node)) {
+        const typeLiteral = t26.tsTypeLiteral(node.body.body);
         if (!hasEmitsSignatureInType(typeLiteral)) return;
         const resolved = resolveTopLevelEmitType(typeLiteral);
-        if (resolved && t25.isTSTypeLiteral(resolved)) {
+        if (resolved && t26.isTSTypeLiteral(resolved)) {
           node.body.body = resolved.members;
         }
         return;
       }
-      if (t25.isTSTypeAliasDeclaration(node)) {
+      if (t26.isTSTypeAliasDeclaration(node)) {
         if (!hasEmitsSignatureInType(node.typeAnnotation)) return;
         const resolved = resolveTopLevelEmitType(node.typeAnnotation);
         if (resolved) {
@@ -2310,47 +2567,47 @@ function resolveEmitsTopLevelTypes(ctx) {
   };
 }
 function resolveTopLevelEmitType(tsType) {
-  if (t25.isTSParenthesizedType(tsType)) {
+  if (t26.isTSParenthesizedType(tsType)) {
     return resolveTopLevelEmitType(tsType.typeAnnotation);
   }
-  if (t25.isTSTypeReference(tsType)) {
+  if (t26.isTSTypeReference(tsType)) {
     if (!tsType.typeParameters || !tsType.typeParameters.params.length) {
       return tsType;
     }
     const params = tsType.typeParameters.params.map((param) => resolveTopLevelEmitType(param)).filter(Boolean);
-    return t25.tsTypeReference(
+    return t26.tsTypeReference(
       tsType.typeName,
-      t25.tsTypeParameterInstantiation(params.length ? params : tsType.typeParameters.params)
+      t26.tsTypeParameterInstantiation(params.length ? params : tsType.typeParameters.params)
     );
   }
-  if (t25.isTSIntersectionType(tsType)) {
+  if (t26.isTSIntersectionType(tsType)) {
     const types = tsType.types.map(resolveTopLevelEmitType).filter(Boolean);
     if (!types.length) return null;
     if (types.length === 1) return types[0];
-    return t25.tsIntersectionType(types);
+    return t26.tsIntersectionType(types);
   }
-  if (t25.isTSUnionType(tsType)) {
+  if (t26.isTSUnionType(tsType)) {
     const types = tsType.types.map(resolveTopLevelEmitType).filter(Boolean);
     if (!types.length) return null;
     if (types.length === 1) return types[0];
-    return t25.tsUnionType(types);
+    return t26.tsUnionType(types);
   }
-  if (t25.isTSTypeLiteral(tsType)) {
+  if (t26.isTSTypeLiteral(tsType)) {
     const members = [];
     for (const member of tsType.members) {
-      if (t25.isTSCallSignatureDeclaration(member)) {
+      if (t26.isTSCallSignatureDeclaration(member)) {
         members.push(...resolveEmitPropsFromCallSignature(member));
         continue;
       }
       members.push(member);
     }
     if (!members.length) return null;
-    return t25.tsTypeLiteral(members);
+    return t26.tsTypeLiteral(members);
   }
-  if (t25.isTSFunctionType(tsType)) {
+  if (t26.isTSFunctionType(tsType)) {
     const props = resolveEmitPropsFromCallable(tsType.parameters, tsType.typeAnnotation);
     if (!props.length) return null;
-    return t25.tsTypeLiteral(props);
+    return t26.tsTypeLiteral(props);
   }
   return tsType;
 }
@@ -2371,41 +2628,41 @@ function processInferredTypes(ctx, runtimeArg) {
     propsTSIface: { emitTypes }
   } = ctx.scriptData;
   const members = [];
-  if (t25.isArrayExpression(runtimeArg)) {
+  if (t26.isArrayExpression(runtimeArg)) {
     for (const element of runtimeArg.elements) {
-      if (!element || !t25.isStringLiteral(element)) continue;
+      if (!element || !t26.isStringLiteral(element)) continue;
       const handlerName = resolveEmitHandlerName(element.value);
       const key = buildKey(handlerName);
-      const fnType = t25.tsFunctionType(
+      const fnType = t26.tsFunctionType(
         null,
         [createRestAnyParam("args")],
-        t25.tsTypeAnnotation(t25.tsAnyKeyword())
+        t26.tsTypeAnnotation(t26.tsAnyKeyword())
       );
-      const prop = t25.tsPropertySignature(key, t25.tsTypeAnnotation(fnType));
+      const prop = t26.tsPropertySignature(key, t26.tsTypeAnnotation(fnType));
       prop.optional = true;
       members.push(prop);
     }
     if (members.length) {
-      emitTypes.push(t25.tsTypeLiteral(members));
+      emitTypes.push(t26.tsTypeLiteral(members));
     }
     return;
   }
-  if (t25.isObjectExpression(runtimeArg)) {
+  if (t26.isObjectExpression(runtimeArg)) {
     for (const prop of runtimeArg.properties) {
-      if (!t25.isObjectProperty(prop)) continue;
-      if (t25.isSpreadElement(prop)) continue;
+      if (!t26.isObjectProperty(prop)) continue;
+      if (t26.isSpreadElement(prop)) continue;
       const rawName = resolvePropName(prop.key);
       if (!rawName) continue;
       const handlerName = resolveEmitHandlerName(rawName);
       const key = buildKey(handlerName);
-      const params = t25.isArrayExpression(prop.value) ? resolveRuntimeTupleParams(prop.value) : [createRestAnyParam("args")];
-      const fnType = t25.tsFunctionType(null, params, t25.tsTypeAnnotation(t25.tsAnyKeyword()));
-      const propSig = t25.tsPropertySignature(key, t25.tsTypeAnnotation(fnType));
+      const params = t26.isArrayExpression(prop.value) ? resolveRuntimeTupleParams(prop.value) : [createRestAnyParam("args")];
+      const fnType = t26.tsFunctionType(null, params, t26.tsTypeAnnotation(t26.tsAnyKeyword()));
+      const propSig = t26.tsPropertySignature(key, t26.tsTypeAnnotation(fnType));
       propSig.optional = true;
       members.push(propSig);
     }
     if (members.length) {
-      emitTypes.push(t25.tsTypeLiteral(members));
+      emitTypes.push(t26.tsTypeLiteral(members));
     }
   }
 }
@@ -2426,129 +2683,129 @@ function resolveEmitHandlerName(rawName) {
   return `on${name}`;
 }
 function resolvePropName(key) {
-  if (t25.isIdentifier(key)) return key.name;
-  if (t25.isStringLiteral(key)) return key.value;
-  if (t25.isNumericLiteral(key)) return String(key.value);
+  if (t26.isIdentifier(key)) return key.name;
+  if (t26.isStringLiteral(key)) return key.value;
+  if (t26.isNumericLiteral(key)) return String(key.value);
   return null;
 }
 function buildKey(name) {
-  return t25.isValidIdentifier(name) ? t25.identifier(name) : t25.stringLiteral(name);
+  return t26.isValidIdentifier(name) ? t26.identifier(name) : t26.stringLiteral(name);
 }
 function createRestAnyParam(name) {
-  const id = t25.identifier(name);
-  const rest = t25.restElement(id);
-  rest.typeAnnotation = t25.tsTypeAnnotation(t25.tsArrayType(t25.tsAnyKeyword()));
+  const id = t26.identifier(name);
+  const rest = t26.restElement(id);
+  rest.typeAnnotation = t26.tsTypeAnnotation(t26.tsArrayType(t26.tsAnyKeyword()));
   return rest;
 }
 function resolveRuntimeTupleParams(value) {
   const params = [];
   value.elements.forEach((element, index) => {
     if (!element) return;
-    if (t25.isSpreadElement(element)) {
+    if (t26.isSpreadElement(element)) {
       params.push(createRestAnyParam(`args${index}`));
       return;
     }
-    if (t25.isIdentifier(element)) {
-      const id = t25.identifier(element.name);
-      id.typeAnnotation = element.typeAnnotation || t25.tsTypeAnnotation(t25.tsAnyKeyword());
+    if (t26.isIdentifier(element)) {
+      const id = t26.identifier(element.name);
+      id.typeAnnotation = element.typeAnnotation || t26.tsTypeAnnotation(t26.tsAnyKeyword());
       params.push(id);
       return;
     }
-    if (t25.isTSAsExpression(element)) {
-      const id = t25.identifier(`arg${index}`);
-      id.typeAnnotation = t25.tsTypeAnnotation(element.typeAnnotation);
+    if (t26.isTSAsExpression(element)) {
+      const id = t26.identifier(`arg${index}`);
+      id.typeAnnotation = t26.tsTypeAnnotation(element.typeAnnotation);
       params.push(id);
       return;
     }
-    const fallback = t25.identifier(`arg${index}`);
-    fallback.typeAnnotation = t25.tsTypeAnnotation(t25.tsAnyKeyword());
+    const fallback = t26.identifier(`arg${index}`);
+    fallback.typeAnnotation = t26.tsTypeAnnotation(t26.tsAnyKeyword());
     params.push(fallback);
   });
   return params;
 }
 function resolveExplicitEmitType(tsType) {
-  if (t25.isTSParenthesizedType(tsType)) {
+  if (t26.isTSParenthesizedType(tsType)) {
     return resolveExplicitEmitType(tsType.typeAnnotation);
   }
-  if (t25.isTSTypeReference(tsType)) {
+  if (t26.isTSTypeReference(tsType)) {
     if (!tsType.typeParameters || !tsType.typeParameters.params.length) {
       return tsType;
     }
     const params = tsType.typeParameters.params.map((param) => resolveExplicitEmitType(param)).filter(Boolean);
-    return t25.tsTypeReference(
+    return t26.tsTypeReference(
       tsType.typeName,
-      t25.tsTypeParameterInstantiation(params.length ? params : tsType.typeParameters.params)
+      t26.tsTypeParameterInstantiation(params.length ? params : tsType.typeParameters.params)
     );
   }
-  if (t25.isTSIntersectionType(tsType)) {
+  if (t26.isTSIntersectionType(tsType)) {
     const types = tsType.types.map(resolveExplicitEmitType).filter(Boolean);
     if (!types.length) return null;
     if (types.length === 1) return types[0];
-    return t25.tsIntersectionType(types);
+    return t26.tsIntersectionType(types);
   }
-  if (t25.isTSUnionType(tsType)) {
+  if (t26.isTSUnionType(tsType)) {
     const types = tsType.types.map(resolveExplicitEmitType).filter(Boolean);
     if (!types.length) return null;
     if (types.length === 1) return types[0];
-    return t25.tsUnionType(types);
+    return t26.tsUnionType(types);
   }
-  if (t25.isTSTypeLiteral(tsType)) {
+  if (t26.isTSTypeLiteral(tsType)) {
     const members = [];
     for (const member of tsType.members) {
-      if (t25.isTSPropertySignature(member)) {
+      if (t26.isTSPropertySignature(member)) {
         const prop = resolveEmitPropFromPropertySignature(member);
         if (prop) members.push(prop);
         continue;
       }
-      if (t25.isTSCallSignatureDeclaration(member)) {
+      if (t26.isTSCallSignatureDeclaration(member)) {
         members.push(...resolveEmitPropsFromCallSignature(member));
         continue;
       }
     }
     if (!members.length) return null;
-    return t25.tsTypeLiteral(members);
+    return t26.tsTypeLiteral(members);
   }
-  if (t25.isTSFunctionType(tsType)) {
+  if (t26.isTSFunctionType(tsType)) {
     const props = resolveEmitPropsFromCallable(tsType.parameters, tsType.typeAnnotation);
     if (!props.length) return null;
-    return t25.tsTypeLiteral(props);
+    return t26.tsTypeLiteral(props);
   }
   return tsType;
 }
 function hasEmitsSignatureInType(tsType) {
-  if (t25.isTSParenthesizedType(tsType)) {
+  if (t26.isTSParenthesizedType(tsType)) {
     return hasEmitsSignatureInType(tsType.typeAnnotation);
   }
-  if (t25.isTSTypeReference(tsType)) {
+  if (t26.isTSTypeReference(tsType)) {
     if (!tsType.typeParameters || !tsType.typeParameters.params.length) {
       return false;
     }
     return tsType.typeParameters.params.some(hasEmitsSignatureInType);
   }
-  if (t25.isTSIntersectionType(tsType) || t25.isTSUnionType(tsType)) {
+  if (t26.isTSIntersectionType(tsType) || t26.isTSUnionType(tsType)) {
     return tsType.types.some(hasEmitsSignatureInType);
   }
-  if (t25.isTSTypeLiteral(tsType)) {
+  if (t26.isTSTypeLiteral(tsType)) {
     return tsType.members.some(hasEmitsSignatureInMember);
   }
-  if (t25.isTSFunctionType(tsType)) {
+  if (t26.isTSFunctionType(tsType)) {
     return isEmitsCallable(tsType.parameters);
   }
   return false;
 }
 function hasEmitsSignatureInMember(member) {
-  if (t25.isTSCallSignatureDeclaration(member)) {
+  if (t26.isTSCallSignatureDeclaration(member)) {
     return isEmitsCallable(member.parameters);
   }
   return false;
 }
 function isEmitsCallable(parameters) {
   const [eventParam] = parameters;
-  if (!eventParam || !t25.isIdentifier(eventParam) || !eventParam.typeAnnotation) {
+  if (!eventParam || !t26.isIdentifier(eventParam) || !eventParam.typeAnnotation) {
     return false;
   }
   const { typeAnnotation } = eventParam;
-  if (t25.isNoop(typeAnnotation)) return false;
+  if (t26.isNoop(typeAnnotation)) return false;
   return resolveEventNames(typeAnnotation.typeAnnotation).length > 0;
 }
 function resolveEmitPropFromPropertySignature(member) {
@@ -2558,19 +2815,19 @@ function resolveEmitPropFromPropertySignature(member) {
   const key = buildKey(handlerName);
   const typeAnnotation = member.typeAnnotation?.typeAnnotation;
   let params = [];
-  let returnType = t25.tsAnyKeyword();
-  if (typeAnnotation && t25.isTSFunctionType(typeAnnotation)) {
+  let returnType = t26.tsAnyKeyword();
+  if (typeAnnotation && t26.isTSFunctionType(typeAnnotation)) {
     params = cloneCallableParams(typeAnnotation.parameters);
     returnType = typeAnnotation.typeAnnotation?.typeAnnotation ?? returnType;
-  } else if (typeAnnotation && t25.isTSTupleType(typeAnnotation)) {
+  } else if (typeAnnotation && t26.isTSTupleType(typeAnnotation)) {
     params = resolveTupleTypeParams(typeAnnotation);
   } else if (typeAnnotation) {
-    const id = t25.identifier("value");
-    id.typeAnnotation = t25.tsTypeAnnotation(typeAnnotation);
+    const id = t26.identifier("value");
+    id.typeAnnotation = t26.tsTypeAnnotation(typeAnnotation);
     params = [id];
   }
-  const fnType = t25.tsFunctionType(null, params, t25.tsTypeAnnotation(returnType));
-  const prop = t25.tsPropertySignature(key, t25.tsTypeAnnotation(fnType));
+  const fnType = t26.tsFunctionType(null, params, t26.tsTypeAnnotation(returnType));
+  const prop = t26.tsPropertySignature(key, t26.tsTypeAnnotation(fnType));
   prop.optional = !!member.optional;
   return prop;
 }
@@ -2579,32 +2836,32 @@ function resolveEmitPropsFromCallSignature(member) {
 }
 function resolveEmitPropsFromCallable(parameters, typeAnnotation) {
   const [eventParam, ...restParams] = parameters;
-  if (!eventParam || !t25.isIdentifier(eventParam) || !eventParam.typeAnnotation) {
+  if (!eventParam || !t26.isIdentifier(eventParam) || !eventParam.typeAnnotation) {
     return [];
   }
   const { typeAnnotation: paramTypeAnnotation } = eventParam;
-  if (t25.isNoop(paramTypeAnnotation)) return [];
+  if (t26.isNoop(paramTypeAnnotation)) return [];
   const eventNames = resolveEventNames(paramTypeAnnotation.typeAnnotation);
   if (!eventNames.length) return [];
-  const returnType = typeAnnotation?.typeAnnotation ?? t25.tsAnyKeyword();
+  const returnType = typeAnnotation?.typeAnnotation ?? t26.tsAnyKeyword();
   return eventNames.map((eventName) => {
     const handlerName = resolveEmitHandlerName(eventName);
     const key = buildKey(handlerName);
     const params = cloneCallableParams(restParams);
-    const fnType = t25.tsFunctionType(null, params, t25.tsTypeAnnotation(returnType));
-    const prop = t25.tsPropertySignature(key, t25.tsTypeAnnotation(fnType));
+    const fnType = t26.tsFunctionType(null, params, t26.tsTypeAnnotation(returnType));
+    const prop = t26.tsPropertySignature(key, t26.tsTypeAnnotation(fnType));
     prop.optional = true;
     return prop;
   });
 }
 function resolveEventNames(type) {
-  if (t25.isTSLiteralType(type) && t25.isStringLiteral(type.literal)) {
+  if (t26.isTSLiteralType(type) && t26.isStringLiteral(type.literal)) {
     return [type.literal.value];
   }
-  if (t25.isTSUnionType(type)) {
+  if (t26.isTSUnionType(type)) {
     return type.types.flatMap(resolveEventNames);
   }
-  if (t25.isTSParenthesizedType(type)) {
+  if (t26.isTSParenthesizedType(type)) {
     return resolveEventNames(type.typeAnnotation);
   }
   return [];
@@ -2617,44 +2874,44 @@ function resolveTupleTypeParams(tuple) {
   return params;
 }
 function resolveTupleElementParam(element, index) {
-  const isNamedTuple = typeof t25.isTSNamedTupleMember === "function" && t25.isTSNamedTupleMember(element);
+  const isNamedTuple = typeof t26.isTSNamedTupleMember === "function" && t26.isTSNamedTupleMember(element);
   if (isNamedTuple) {
     const tupleMember = element;
     const name = tupleMember.label?.name || `arg${index}`;
     let innerType = tupleMember.elementType;
     let optional = tupleMember.optional;
-    if (t25.isTSOptionalType(innerType)) {
+    if (t26.isTSOptionalType(innerType)) {
       optional = true;
       innerType = innerType.typeAnnotation;
     }
-    if (t25.isTSRestType(innerType)) {
-      const rest = t25.restElement(t25.identifier(name));
-      rest.typeAnnotation = t25.tsTypeAnnotation(innerType.typeAnnotation);
+    if (t26.isTSRestType(innerType)) {
+      const rest = t26.restElement(t26.identifier(name));
+      rest.typeAnnotation = t26.tsTypeAnnotation(innerType.typeAnnotation);
       return rest;
     }
-    const id2 = t25.identifier(name);
+    const id2 = t26.identifier(name);
     id2.optional = optional;
-    id2.typeAnnotation = t25.tsTypeAnnotation(innerType);
+    id2.typeAnnotation = t26.tsTypeAnnotation(innerType);
     return id2;
   }
-  if (t25.isTSRestType(element)) {
-    const rest = t25.restElement(t25.identifier(`args${index}`));
-    rest.typeAnnotation = t25.tsTypeAnnotation(element.typeAnnotation);
+  if (t26.isTSRestType(element)) {
+    const rest = t26.restElement(t26.identifier(`args${index}`));
+    rest.typeAnnotation = t26.tsTypeAnnotation(element.typeAnnotation);
     return rest;
   }
-  if (t25.isTSOptionalType(element)) {
-    const id2 = t25.identifier(`arg${index}`);
+  if (t26.isTSOptionalType(element)) {
+    const id2 = t26.identifier(`arg${index}`);
     id2.optional = true;
-    id2.typeAnnotation = t25.tsTypeAnnotation(element.typeAnnotation);
+    id2.typeAnnotation = t26.tsTypeAnnotation(element.typeAnnotation);
     return id2;
   }
-  const id = t25.identifier(`arg${index}`);
-  id.typeAnnotation = t25.tsTypeAnnotation(element);
+  const id = t26.identifier(`arg${index}`);
+  id.typeAnnotation = t26.tsTypeAnnotation(element);
   return id;
 }
 
 // src/core/transform/sfc/script/syntax-processor/preprocess/resolve-props-interface/resolve-props.ts
-import * as t26 from "@babel/types";
+import * as t27 from "@babel/types";
 function resolveDefinePropsIface(path7, ctx) {
   const { node } = path7;
   const [runtimeArg] = node.arguments;
@@ -2674,38 +2931,38 @@ function processInferredTypes2(ctx, runtimeArg) {
   } = scriptData;
   if (!runtimeArg) return;
   const members = [];
-  if (t26.isArrayExpression(runtimeArg)) {
+  if (t27.isArrayExpression(runtimeArg)) {
     for (const element of runtimeArg.elements) {
-      if (!element || !t26.isStringLiteral(element)) continue;
-      const key = t26.isValidIdentifier(element.value) ? t26.identifier(element.value) : t26.stringLiteral(element.value);
-      const prop = t26.tsPropertySignature(key, t26.tsTypeAnnotation(t26.tsAnyKeyword()));
+      if (!element || !t27.isStringLiteral(element)) continue;
+      const key = t27.isValidIdentifier(element.value) ? t27.identifier(element.value) : t27.stringLiteral(element.value);
+      const prop = t27.tsPropertySignature(key, t27.tsTypeAnnotation(t27.tsAnyKeyword()));
       prop.optional = true;
       members.push(prop);
     }
     if (members.length) {
-      propsTypes.push(t26.tsTypeLiteral(members));
+      propsTypes.push(t27.tsTypeLiteral(members));
     }
     return;
   }
-  if (t26.isObjectExpression(runtimeArg)) {
+  if (t27.isObjectExpression(runtimeArg)) {
     for (const prop of runtimeArg.properties) {
-      if (!t26.isObjectProperty(prop)) continue;
-      if (t26.isSpreadElement(prop)) continue;
+      if (!t27.isObjectProperty(prop)) continue;
+      if (t27.isSpreadElement(prop)) continue;
       const key = prop.key;
       let propName = null;
-      if (t26.isIdentifier(key)) propName = key.name;
-      if (t26.isStringLiteral(key)) propName = key.value;
-      if (t26.isNumericLiteral(key)) propName = String(key.value);
+      if (t27.isIdentifier(key)) propName = key.name;
+      if (t27.isStringLiteral(key)) propName = key.value;
+      if (t27.isNumericLiteral(key)) propName = String(key.value);
       if (!propName) continue;
       const { type, required } = resolveRuntimePropMeta(prop.value);
-      const tsType = type ?? t26.tsAnyKeyword();
-      const tsKey = t26.isValidIdentifier(propName) ? t26.identifier(propName) : t26.stringLiteral(propName);
-      const tsProp = t26.tsPropertySignature(tsKey, t26.tsTypeAnnotation(tsType));
+      const tsType = type ?? t27.tsAnyKeyword();
+      const tsKey = t27.isValidIdentifier(propName) ? t27.identifier(propName) : t27.stringLiteral(propName);
+      const tsProp = t27.tsPropertySignature(tsKey, t27.tsTypeAnnotation(tsType));
       tsProp.optional = !required;
       members.push(tsProp);
     }
     if (members.length) {
-      propsTypes.push(t26.tsTypeLiteral(members));
+      propsTypes.push(t27.tsTypeLiteral(members));
     }
     return;
   }
@@ -2719,42 +2976,42 @@ function processInferredTypes2(ctx, runtimeArg) {
   );
 }
 function resolveRuntimePropMeta(value) {
-  if (t26.isIdentifier(value)) {
+  if (t27.isIdentifier(value)) {
     return {
       type: mapRuntimeTypeToTSType(value),
       required: false
     };
   }
-  if (t26.isArrayExpression(value)) {
+  if (t27.isArrayExpression(value)) {
     return {
       type: resolveRuntimeUnionType(value),
       required: false
     };
   }
-  if (!t26.isObjectExpression(value)) {
+  if (!t27.isObjectExpression(value)) {
     return { required: false };
   }
   let type;
   let required = false;
   for (const prop of value.properties) {
-    if (!t26.isObjectProperty(prop)) continue;
-    if (t26.isSpreadElement(prop)) continue;
+    if (!t27.isObjectProperty(prop)) continue;
+    if (t27.isSpreadElement(prop)) continue;
     const key = prop.key;
-    const propName = t26.isIdentifier(key) ? key.name : t26.isStringLiteral(key) ? key.value : null;
+    const propName = t27.isIdentifier(key) ? key.name : t27.isStringLiteral(key) ? key.value : null;
     if (!propName) continue;
     if (propName === "type") {
       const valueNode = prop.value;
-      if (t26.isArrayExpression(valueNode)) {
+      if (t27.isArrayExpression(valueNode)) {
         type = resolveRuntimeUnionType(valueNode);
         continue;
       }
-      if (t26.isIdentifier(valueNode)) {
+      if (t27.isIdentifier(valueNode)) {
         type = mapRuntimeTypeToTSType(valueNode);
         continue;
       }
     }
     if (propName === "required") {
-      if (t26.isBooleanLiteral(prop.value)) {
+      if (t27.isBooleanLiteral(prop.value)) {
         required = prop.value.value;
       }
     }
@@ -2764,58 +3021,58 @@ function resolveRuntimePropMeta(value) {
 function resolveRuntimeUnionType(value) {
   const types = [];
   for (const element of value.elements) {
-    if (!element || !t26.isIdentifier(element)) continue;
+    if (!element || !t27.isIdentifier(element)) continue;
     const resolved = mapRuntimeTypeToTSType(element);
     if (resolved) types.push(resolved);
   }
-  if (!types.length) return t26.tsAnyKeyword();
+  if (!types.length) return t27.tsAnyKeyword();
   if (types.length === 1) return types[0];
-  return t26.tsUnionType(types);
+  return t27.tsUnionType(types);
 }
 function mapRuntimeTypeToTSType(value) {
   switch (value.name) {
     case "String":
-      return t26.tsStringKeyword();
+      return t27.tsStringKeyword();
     case "Number":
-      return t26.tsNumberKeyword();
+      return t27.tsNumberKeyword();
     case "Boolean":
-      return t26.tsBooleanKeyword();
+      return t27.tsBooleanKeyword();
     case "Object":
-      return t26.tsTypeLiteral([]);
+      return t27.tsTypeLiteral([]);
     case "Array":
-      return t26.tsArrayType(t26.tsAnyKeyword());
+      return t27.tsArrayType(t27.tsAnyKeyword());
     case "Function":
-      return t26.tsFunctionType(null, [], t26.tsTypeAnnotation(t26.tsAnyKeyword()));
+      return t27.tsFunctionType(null, [], t27.tsTypeAnnotation(t27.tsAnyKeyword()));
     case "Symbol":
-      return t26.tsSymbolKeyword();
+      return t27.tsSymbolKeyword();
     case "BigInt":
-      return t26.tsBigIntKeyword();
+      return t27.tsBigIntKeyword();
     default:
-      return t26.tsAnyKeyword();
+      return t27.tsAnyKeyword();
   }
 }
 
 // src/core/transform/sfc/script/syntax-processor/preprocess/resolve-props-interface/resolve-slot.ts
-import * as t27 from "@babel/types";
+import * as t28 from "@babel/types";
 var SLOT_DEFAULT_NAME = "default";
 var SLOT_CHILDREN_NAME = "children";
 var SLOT_FN_PARAM_NAME = "props";
 function resolveSlotsTopLevelTypes(ctx) {
   return {
     "TSInterfaceDeclaration|TSTypeAliasDeclaration"(path7) {
-      if (!t27.isProgram(path7.parent)) return;
+      if (!t28.isProgram(path7.parent)) return;
       const { node } = path7;
-      if (t27.isTSInterfaceDeclaration(node)) {
-        const typeLiteral = t27.tsTypeLiteral(node.body.body);
+      if (t28.isTSInterfaceDeclaration(node)) {
+        const typeLiteral = t28.tsTypeLiteral(node.body.body);
         if (!hasSlotsSignatureInType(typeLiteral)) return;
         const resolved = resolveSlotType(typeLiteral);
-        if (resolved && t27.isTSTypeLiteral(resolved)) {
+        if (resolved && t28.isTSTypeLiteral(resolved)) {
           node.body.body = resolved.members;
           recordReactNode(ctx);
         }
         return;
       }
-      if (t27.isTSTypeAliasDeclaration(node)) {
+      if (t28.isTSTypeAliasDeclaration(node)) {
         if (!hasSlotsSignatureInType(node.typeAnnotation)) return;
         const resolved = resolveSlotType(node.typeAnnotation);
         if (resolved) {
@@ -2860,7 +3117,7 @@ function resolveTemplateSlotIface(ctx) {
   }
   if (tsMembers.length) {
     recordReactNode(ctx);
-    slotTypes.push(t27.tsTypeLiteral(tsMembers));
+    slotTypes.push(t28.tsTypeLiteral(tsMembers));
   }
 }
 function recordReactNode(ctx) {
@@ -2870,32 +3127,32 @@ function recordReactNode(ctx) {
   recordImport(ctx, PACKAGE_NAME.react, REACT_API_MAP.ReactNode);
 }
 function resolveSlotType(tsType) {
-  if (t27.isTSParenthesizedType(tsType)) {
+  if (t28.isTSParenthesizedType(tsType)) {
     return resolveSlotType(tsType.typeAnnotation);
   }
-  if (t27.isTSTypeReference(tsType)) {
+  if (t28.isTSTypeReference(tsType)) {
     if (!tsType.typeParameters || !tsType.typeParameters.params.length) {
       return tsType;
     }
     const params = tsType.typeParameters.params.map((param) => resolveSlotType(param)).filter(Boolean);
-    return t27.tsTypeReference(
+    return t28.tsTypeReference(
       tsType.typeName,
-      t27.tsTypeParameterInstantiation(params.length ? params : tsType.typeParameters.params)
+      t28.tsTypeParameterInstantiation(params.length ? params : tsType.typeParameters.params)
     );
   }
-  if (t27.isTSIntersectionType(tsType)) {
+  if (t28.isTSIntersectionType(tsType)) {
     const types = tsType.types.map(resolveSlotType).filter(Boolean);
     if (!types.length) return null;
     if (types.length === 1) return types[0];
-    return t27.tsIntersectionType(types);
+    return t28.tsIntersectionType(types);
   }
-  if (t27.isTSUnionType(tsType)) {
+  if (t28.isTSUnionType(tsType)) {
     const types = tsType.types.map(resolveSlotType).filter(Boolean);
     if (!types.length) return null;
     if (types.length === 1) return types[0];
-    return t27.tsUnionType(types);
+    return t28.tsUnionType(types);
   }
-  if (t27.isTSTypeLiteral(tsType)) {
+  if (t28.isTSTypeLiteral(tsType)) {
     const members = [];
     for (const member of tsType.members) {
       const resolved = resolveSlotPropFromMember(member);
@@ -2906,56 +3163,56 @@ function resolveSlotType(tsType) {
       members.push(member);
     }
     if (!members.length) return null;
-    return t27.tsTypeLiteral(members);
+    return t28.tsTypeLiteral(members);
   }
-  if (t27.isTSFunctionType(tsType)) {
+  if (t28.isTSFunctionType(tsType)) {
     const props = buildSlotPropSignature(
       SLOT_DEFAULT_NAME,
       cloneCallableParams(tsType.parameters),
       false
     );
-    return t27.tsTypeLiteral([props]);
+    return t28.tsTypeLiteral([props]);
   }
   return tsType;
 }
 function hasSlotsSignatureInType(tsType) {
-  if (t27.isTSParenthesizedType(tsType)) {
+  if (t28.isTSParenthesizedType(tsType)) {
     return hasSlotsSignatureInType(tsType.typeAnnotation);
   }
-  if (t27.isTSTypeReference(tsType)) {
+  if (t28.isTSTypeReference(tsType)) {
     if (!tsType.typeParameters || !tsType.typeParameters.params.length) {
       return false;
     }
     return tsType.typeParameters.params.some(hasSlotsSignatureInType);
   }
-  if (t27.isTSIntersectionType(tsType) || t27.isTSUnionType(tsType)) {
+  if (t28.isTSIntersectionType(tsType) || t28.isTSUnionType(tsType)) {
     return tsType.types.some(hasSlotsSignatureInType);
   }
-  if (t27.isTSTypeLiteral(tsType)) {
+  if (t28.isTSTypeLiteral(tsType)) {
     return tsType.members.some(hasSlotsSignatureInMember);
   }
-  if (t27.isTSFunctionType(tsType)) {
+  if (t28.isTSFunctionType(tsType)) {
     return true;
   }
   return false;
 }
 function hasSlotsSignatureInMember(member) {
-  if (t27.isTSMethodSignature(member)) return true;
-  if (t27.isTSCallSignatureDeclaration(member)) return true;
-  if (t27.isTSPropertySignature(member)) {
+  if (t28.isTSMethodSignature(member)) return true;
+  if (t28.isTSCallSignatureDeclaration(member)) return true;
+  if (t28.isTSPropertySignature(member)) {
     const typeAnnotation = member.typeAnnotation?.typeAnnotation;
     return !!(typeAnnotation && resolveCallableType(typeAnnotation));
   }
   return false;
 }
 function resolveSlotPropFromMember(member) {
-  if (t27.isTSMethodSignature(member)) {
+  if (t28.isTSMethodSignature(member)) {
     const rawName = resolvePropName2(member.key);
     if (!rawName) return null;
     const params = cloneCallableParams(member.parameters);
     return buildSlotPropSignature(rawName, params, !!member.optional);
   }
-  if (t27.isTSPropertySignature(member)) {
+  if (t28.isTSPropertySignature(member)) {
     const rawName = resolvePropName2(member.key);
     if (!rawName) return null;
     const typeAnnotation = member.typeAnnotation?.typeAnnotation;
@@ -2964,52 +3221,52 @@ function resolveSlotPropFromMember(member) {
     const params = cloneCallableParams(callable.parameters);
     return buildSlotPropSignature(rawName, params, !!member.optional);
   }
-  if (t27.isTSCallSignatureDeclaration(member)) {
+  if (t28.isTSCallSignatureDeclaration(member)) {
     const params = cloneCallableParams(member.parameters);
     return buildSlotPropSignature(SLOT_DEFAULT_NAME, params, true);
   }
   return null;
 }
 function resolveCallableType(tsType) {
-  if (t27.isTSFunctionType(tsType)) return tsType;
-  if (t27.isTSParenthesizedType(tsType)) return resolveCallableType(tsType.typeAnnotation);
+  if (t28.isTSFunctionType(tsType)) return tsType;
+  if (t28.isTSParenthesizedType(tsType)) return resolveCallableType(tsType.typeAnnotation);
   return null;
 }
 function buildSlotPropSignature(rawName, params, optional) {
   const propName = rawName === SLOT_DEFAULT_NAME ? SLOT_CHILDREN_NAME : rawName;
-  const key = t27.isValidIdentifier(propName) ? t27.identifier(propName) : t27.stringLiteral(propName);
-  const reactNodeType = t27.tsTypeAnnotation(
-    t27.tsTypeReference(t27.identifier(REACT_API_MAP.ReactNode))
+  const key = t28.isValidIdentifier(propName) ? t28.identifier(propName) : t28.stringLiteral(propName);
+  const reactNodeType = t28.tsTypeAnnotation(
+    t28.tsTypeReference(t28.identifier(REACT_API_MAP.ReactNode))
   );
   let typeAnnotation;
   if (rawName === SLOT_DEFAULT_NAME && params.length === 0 || params.length === 0) {
     typeAnnotation = reactNodeType;
   } else {
-    const fnType = t27.tsFunctionType(null, params, reactNodeType);
-    typeAnnotation = t27.tsTypeAnnotation(fnType);
+    const fnType = t28.tsFunctionType(null, params, reactNodeType);
+    typeAnnotation = t28.tsTypeAnnotation(fnType);
   }
-  const prop = t27.tsPropertySignature(key, typeAnnotation);
+  const prop = t28.tsPropertySignature(key, typeAnnotation);
   prop.optional = optional;
   return prop;
 }
 function createSlotScopeParam(props, ctx) {
-  const paramId = t27.identifier(SLOT_FN_PARAM_NAME);
+  const paramId = t28.identifier(SLOT_FN_PARAM_NAME);
   const propsSigns = [];
   const { reactiveBindings } = ctx.templateData;
   props.forEach(({ prop, tsType }) => {
     const foundBindingValue = reactiveBindings[prop]?.value;
     const foundBindingTypes = foundBindingValue ? expressionToTSType(foundBindingValue) : null;
-    const typeAnnotation = foundBindingTypes ? t27.tsTypeAnnotation(foundBindingTypes) : tsType;
-    const propSign = t27.tsPropertySignature(t27.identifier(prop), typeAnnotation);
+    const typeAnnotation = foundBindingTypes ? t28.tsTypeAnnotation(foundBindingTypes) : tsType;
+    const propSign = t28.tsPropertySignature(t28.identifier(prop), typeAnnotation);
     propsSigns.push(propSign);
   });
-  paramId.typeAnnotation = t27.tsTypeAnnotation(t27.tsTypeLiteral(propsSigns));
+  paramId.typeAnnotation = t28.tsTypeAnnotation(t28.tsTypeLiteral(propsSigns));
   return paramId;
 }
 function resolvePropName2(key) {
-  if (t27.isIdentifier(key)) return key.name;
-  if (t27.isStringLiteral(key)) return key.value;
-  if (t27.isNumericLiteral(key)) return String(key.value);
+  if (t28.isIdentifier(key)) return key.name;
+  if (t28.isStringLiteral(key)) return key.value;
+  if (t28.isNumericLiteral(key)) return String(key.value);
   return null;
 }
 
@@ -3061,65 +3318,17 @@ function resolveCompIProps(ctx, ast) {
   }
   const n = ctx.compName || "Comp";
   const ns = `I${camelCase(capitalize(n))}Props`;
-  const typeNode = t28.tsIntersectionType(tsTypes);
-  const typeAliasDecl = t28.tsTypeAliasDeclaration(t28.identifier(ns), null, typeNode);
-  const exportDecl = t28.exportNamedDeclaration(typeAliasDecl);
+  const typeNode = t29.tsIntersectionType(tsTypes);
+  const typeAliasDecl = t29.tsTypeAliasDeclaration(t29.identifier(ns), null, typeNode);
+  const exportDecl = t29.exportNamedDeclaration(typeAliasDecl);
   propsTSIface.name = ns;
   const scriptIR = getScriptIR(ctx);
   scriptIR.exports.push(exportDecl);
   void ast;
 }
 
-// src/core/transform/sfc/script/syntax-processor/process/lint-rules.ts
-import * as t29 from "@babel/types";
-function lintRules(ctx, ast) {
-  const inScriptFile = ctx.inputType !== "sfc";
-  return {
-    CallExpression(path7) {
-      const { node, parentPath } = path7;
-      if (!t29.isIdentifier(node.callee)) return;
-      const { name: callName } = node.callee;
-      const addLog = (t40) => {
-        logger.error(t40, {
-          file: ctx.filename,
-          source: ctx.scriptData.source,
-          loc: node.loc
-        });
-      };
-      const lintMacros = () => {
-        const macro = Object.values(MACRO_API_NAMES).find((v) => v === callName);
-        if (!macro) return;
-        if (inScriptFile) {
-          addLog(
-            `The ${macro} can only be used inside Vue SFC <script> blocks, not in separate script files.`
-          );
-          return;
-        }
-        if (!atComponentOrHookRoot(path7, ast.program)) {
-          addLog(
-            `The ${macro} must be defined at the top level of the component, not inside blocks or functions.`
-          );
-          return;
-        }
-        if (!parentPath.isVariableDeclarator()) {
-          addLog(
-            `The ${macro} macro must be assigned to a variable (e.g., const props = defineProps(...)).`
-          );
-        }
-      };
-      const lintHooks = () => {
-        if (!callName.startsWith("use")) return;
-        if (!atComponentOrHookRoot(path7, ast.program, inScriptFile)) {
-          addLog(
-            `The ${callName} hook must be called at the top level, not inside loops, conditions, or nested functions.`
-          );
-        }
-      };
-      lintMacros();
-      lintHooks();
-    }
-  };
-}
+// src/core/transform/sfc/script/syntax-processor/process/resolve-analysis-only-adapter.ts
+import * as t31 from "@babel/types";
 
 // src/core/transform/sfc/script/shared/dependency-analyzer.ts
 import { traverse as traverse2 } from "@babel/core";
@@ -3369,19 +3578,48 @@ function getIsAnalyzed(node) {
   return getScriptNodeMeta(node)?.is_deps_analyzed;
 }
 
-// src/core/transform/sfc/script/shared/hook-creator.ts
-import * as t31 from "@babel/types";
-function createUseCallback(body, deps) {
-  return t31.callExpression(t31.identifier(REACT_API_MAP.useCallback), [
-    body,
-    deps ?? t31.arrayExpression([])
-  ]);
+// src/core/transform/sfc/script/syntax-processor/process/resolve-analysis-only-adapter.ts
+function resolveAnalysisOnlyAdapter(ctx) {
+  return {
+    "CallExpression|Identifier"(path7) {
+      const node = path7.node;
+      const apiName = getApiName(node);
+      const adapter = ADAPTER_RULES.runtime[apiName];
+      if (!adapter || adapter.type !== "analyzed-deps") {
+        return;
+      }
+      if (t31.isCallExpression(node)) {
+        resolveCallNode(path7, adapter, ctx);
+      } else {
+        replaceIdName(node, adapter.target);
+      }
+      recordImport(ctx, adapter.package, adapter.target);
+    }
+  };
 }
-function createUseMemo(body, deps) {
-  return t31.callExpression(t31.identifier(REACT_API_MAP.useMemo), [
-    t31.arrowFunctionExpression([], body),
-    deps ?? t31.arrayExpression([])
-  ]);
+function getApiName(node) {
+  const isCallNode = t31.isCallExpression(node);
+  let apiName = "";
+  if (t31.isIdentifier(node)) {
+    apiName = node.name;
+  } else if (isCallNode && t31.isIdentifier(node.callee)) {
+    apiName = node.callee.name;
+  }
+  return apiName;
+}
+function resolveCallNode(path7, adapter, ctx) {
+  const { node } = path7;
+  const { arguments: args } = node;
+  if (!args.length) return;
+  const fn = args[0];
+  if (!t31.isArrowFunctionExpression(fn) && !t31.isFunctionExpression(fn)) {
+    return;
+  }
+  const fnPath = path7.get("arguments")[0];
+  const deps = analyzeDeps(fn, ctx, fnPath);
+  args.push(deps);
+  replaceCallName(node, adapter.target);
+  recordImport(ctx, adapter.package, adapter.target);
 }
 
 // src/core/transform/sfc/script/syntax-processor/process/resolve-arrow-deps.ts
@@ -3455,8 +3693,78 @@ function isSkip(path7) {
   return (isCallback() || isMethod() || !isVariableDecl()) && !isReturnFunc();
 }
 
-// src/core/transform/sfc/script/syntax-processor/process/resolve-expression-memo.ts
+// src/core/transform/sfc/script/syntax-processor/process/resolve-element-ref.ts
 import * as t32 from "@babel/types";
+function resolveElementRef(ctx) {
+  return {
+    CallExpression(path7) {
+      const {
+        inputType,
+        templateData: { refBindings }
+      } = ctx;
+      if (inputType !== "sfc") return;
+      const { node } = path7;
+      const isUseTemplateRef = isCalleeNamed(node, VUE_API_MAP.useTemplateRef);
+      const isCompRefBindings = Object.keys(refBindings.componentRefs).length > 0 && isCalleeNamed(node, VUE_API_MAP.ref);
+      const shouldProcess = isUseTemplateRef || isCompRefBindings;
+      if (!shouldProcess) {
+        return;
+      }
+      if (isCompRefBindings) {
+        const varDeclaratorPath = getVariableDeclaratorPath(path7)?.node;
+        if (!t32.isIdentifier(varDeclaratorPath?.id)) {
+          return;
+        }
+        const varName = varDeclaratorPath.id.name;
+        const compRef = refBindings.componentRefs[varName];
+        if (!compRef) return;
+      }
+      node.arguments[0] = t32.identifier("null");
+      resolveTypeParameters(ctx, path7);
+      replaceCallName(node, REACT_API_MAP.useRef);
+      recordImport(ctx, PACKAGE_NAME.react, REACT_API_MAP.useRef);
+    },
+    MemberExpression(path7) {
+      resolveRefValueToCurrent(path7);
+    }
+  };
+}
+function resolveTypeParameters(ctx, path7) {
+  const {
+    templateData: { refBindings },
+    scriptData
+  } = ctx;
+  const { node } = path7;
+  const varDeclaratorNode = getVariableDeclaratorPath(path7)?.node;
+  if (!scriptData.lang.startsWith("ts") || !varDeclaratorNode) {
+    return;
+  }
+  const idName = varDeclaratorNode.id.name;
+  const domBindingMeta = refBindings.domRefs[idName];
+  const compBindingMeta = refBindings.componentRefs[idName];
+  if (!node.typeParameters && (domBindingMeta || compBindingMeta)) {
+    const type = compBindingMeta ? "any" : domBindingMeta.htmlType;
+    node.typeParameters = t32.tsTypeParameterInstantiation([t32.tsTypeReference(t32.identifier(type))]);
+  }
+}
+function resolveRefValueToCurrent(path7) {
+  const { node } = path7;
+  if (node.computed || !t32.isIdentifier(node.property) || node.property.name !== "value") {
+    return;
+  }
+  const rootPath = findRootVariablePath(path7);
+  if (!rootPath?.node || !t32.isCallExpression(rootPath.node.init) || !isCalleeNamed(rootPath.node.init, REACT_API_MAP.useRef)) {
+    return;
+  }
+  const rootId = findRootIdentifier(node);
+  if (!t32.isIdentifier(node.object) || node.object.name !== rootId?.name) {
+    return;
+  }
+  node.property.name = "current";
+}
+
+// src/core/transform/sfc/script/syntax-processor/process/resolve-expression-memo.ts
+import * as t33 from "@babel/types";
 function resolveExprMemo(ctx, ast) {
   const isScriptFile = ctx.inputType !== "sfc";
   return {
@@ -3468,7 +3776,7 @@ function resolveExprMemo(ctx, ast) {
         if (!atComponentOrHookRoot(path7, ast.program, isScriptFile)) {
           return false;
         }
-        if (t32.isCallExpression(init) && t32.isIdentifier(init.callee) && init.callee.name.startsWith("use")) {
+        if (t33.isCallExpression(init) && t33.isIdentifier(init.callee) && init.callee.name.startsWith("use")) {
           return false;
         }
         return true;
@@ -3485,20 +3793,74 @@ function resolveExprMemo(ctx, ast) {
   };
 }
 
+// src/core/transform/sfc/script/syntax-processor/process/resolve-lint-rules.ts
+import * as t34 from "@babel/types";
+function resolveLintRules(ctx, ast) {
+  const inScriptFile = ctx.inputType !== "sfc";
+  return {
+    CallExpression(path7) {
+      const { node, parentPath } = path7;
+      if (!t34.isIdentifier(node.callee)) return;
+      const { name: callName } = node.callee;
+      const addLog = (t41) => {
+        logger.error(t41, {
+          file: ctx.filename,
+          source: ctx.scriptData.source,
+          loc: node.loc
+        });
+      };
+      const lintMacros = () => {
+        const macro = Object.values(MACRO_API_NAMES).find((v) => v === callName);
+        if (!macro) return;
+        if (inScriptFile) {
+          addLog(
+            `The ${macro} can only be used inside Vue SFC <script> blocks, not in separate script files.`
+          );
+          return;
+        }
+        if (!atComponentOrHookRoot(path7, ast.program)) {
+          addLog(
+            `The ${macro} must be defined at the top level of the component, not inside blocks or functions.`
+          );
+          return;
+        }
+        if (!parentPath.isVariableDeclarator()) {
+          if (macro === MACRO_API_NAMES.props || macro === MACRO_API_NAMES.emits) {
+            addLog(
+              `The ${macro} macro must be assigned to a variable (e.g., const props = defineProps(...)).`
+            );
+          }
+        }
+      };
+      const lintHooks = () => {
+        if (!callName.startsWith("use")) return;
+        if (!atComponentOrHookRoot(path7, ast.program, inScriptFile)) {
+          addLog(
+            `The ${callName} hook must be called at the top level, not inside loops, conditions, or nested functions.`
+          );
+        }
+      };
+      lintMacros();
+      lintHooks();
+    }
+  };
+}
+
 // src/core/transform/sfc/script/syntax-processor/process/resolve-provide.ts
 import { generate as generate3 } from "@babel/generator";
-import * as t33 from "@babel/types";
+import * as t35 from "@babel/types";
 function resolveProvide(ctx) {
   if (ctx.inputType !== "sfc") return {};
   return {
     CallExpression(path7) {
       const { node } = path7;
-      if (!isCalleeNamed(node, "provide")) return;
+      if (!isCalleeNamed(node, VUE_API_MAP.provide)) return;
       const { provide } = ctx.scriptData;
       const [key, value] = node.arguments;
       const target = findOrCreateCtxProvider(provide);
+      const adapter = ADAPTER_RULES.runtime[VUE_API_MAP.provide];
       assignProviderValue(target, key, value);
-      recordImport(ctx, PACKAGE_NAME.runtime, ADAPTER_COMPS.Provider);
+      recordImport(ctx, adapter.package, adapter.target);
       path7.parentPath.remove();
     }
   };
@@ -3516,13 +3878,13 @@ function findOrCreateCtxProvider(root) {
 function assignProviderValue(target, key, value) {
   const getRawExp = (exp) => {
     if (!exp) return "''";
-    if (t33.isStringLiteral(exp)) {
+    if (t35.isStringLiteral(exp)) {
       return `'${exp.value}'`;
     }
-    if (t33.isNumericLiteral(exp)) {
+    if (t35.isNumericLiteral(exp)) {
       return exp.value.toString();
     }
-    if (t33.isIdentifier(exp)) {
+    if (t35.isIdentifier(exp)) {
       return exp.name;
     }
     try {
@@ -3537,165 +3899,70 @@ function assignProviderValue(target, key, value) {
   target.provide = {};
 }
 
-// src/core/transform/sfc/script/syntax-processor/process/resolve-rename-only-adapter.ts
-import * as t34 from "@babel/types";
-function resolveRenameOnlyAdapter(ctx) {
-  return {
-    "Identifier|CallExpression"(path7) {
-      resolveAdapterRules(PACKAGE_NAME.runtime, ADAPTER_HOOKS, path7, ctx);
-      resolveAdapterRules(PACKAGE_NAME.router, ADAPTER_ROUTER_APIS, path7, ctx);
-    }
-  };
-}
-function resolveAdapterRules(pkgName, rules, path7, ctx) {
-  const node = path7.node;
-  const isCallExpr = t34.isCallExpression(node);
-  let sourceName = "";
-  if (t34.isIdentifier(node)) {
-    sourceName = node.name;
-  } else if (isCallExpr && t34.isIdentifier(node.callee)) {
-    sourceName = node.callee.name;
-  }
-  const { pure, effectful } = rules.renameOnly;
-  const pureApi = pure[sourceName];
-  const effectfulApi = effectful[sourceName];
-  const adapter = pureApi || effectfulApi;
-  if (!adapter) return;
-  if (effectfulApi) {
-    const reactiveType = getReactiveType(sourceName);
-    const declaratorPath = getVariableDeclaratorPath(path7);
-    setScriptNodeMeta(declaratorPath?.node, {
-      is_reactive: true,
-      reactive_type: reactiveType
-    });
-  }
-  if (isCallExpr) {
-    replaceCallName(node, adapter);
-  } else {
-    replaceIdName(node, adapter);
-  }
-  recordImport(ctx, pkgName, adapter);
-  if (pkgName === PACKAGE_NAME.router && !ctx.route) {
-    ctx.route = true;
-  }
-}
-
-// src/core/transform/sfc/script/syntax-processor/process/resolve-transform-adapter.ts
-import * as t35 from "@babel/types";
-function resolveTransformAdapter(ctx) {
+// src/core/transform/sfc/script/syntax-processor/process/resolve-rename-adapter.ts
+import * as t36 from "@babel/types";
+function resolveRenameAdapter(ctx) {
   return {
-    "Identifier|CallExpression"(path7) {
-      resolveTransformAdapterRules(PACKAGE_NAME.runtime, ADAPTER_HOOKS, path7, ctx);
-      resolveTransformAdapterRules(PACKAGE_NAME.router, ADAPTER_ROUTER_APIS, path7, ctx);
+    "CallExpression|Identifier"(path7) {
+      const node = path7.node;
+      const isCallNode = t36.isCallExpression(node);
+      let apiName = "";
+      if (t36.isIdentifier(node)) {
+        apiName = node.name;
+      } else if (isCallNode && t36.isIdentifier(node.callee)) {
+        apiName = node.callee.name;
+      }
+      const runtimeAdapter = ADAPTER_RULES.runtime[apiName];
+      const routerAdapter = ADAPTER_RULES.router[apiName];
+      const adapter = runtimeAdapter || routerAdapter;
+      if (!adapter || adapter.type !== "rename") {
+        return;
+      }
+      if (adapter.isTrackable) {
+        const reactiveType = getReactiveType(apiName);
+        const declaratorPath = getVariableDeclaratorPath(path7);
+        setScriptNodeMeta(declaratorPath?.node, {
+          is_reactive: true,
+          reactive_type: reactiveType
+        });
+      }
+      if (isCallNode) {
+        replaceCallName(node, adapter.target);
+      } else {
+        replaceIdName(node, adapter.target);
+      }
+      if (adapter.package === PACKAGE_NAME.router && !ctx.route) {
+        ctx.route = true;
+      }
+      recordImport(ctx, adapter.package, adapter.target);
     }
   };
 }
-function resolveTransformAdapterRules(pkgName, rules, path7, ctx) {
-  const node = path7.node;
-  const isCallExpr = t35.isCallExpression(node);
-  let sourceName = "";
-  if (t35.isIdentifier(node)) {
-    sourceName = node.name;
-  } else if (isCallExpr && t35.isIdentifier(node.callee)) {
-    sourceName = node.callee.name;
-  }
-  const { pure, effectful } = rules.transform;
-  const watchEffectAdapter = findNestedAdapter(sourceName, pure.watchEffect);
-  if (watchEffectAdapter) {
-    if (isCallExpr) {
-      handleDependencyAnalysisAPI(
-        path7,
-        ctx,
-        watchEffectAdapter,
-        pkgName
-      );
-    } else {
-      replaceIdName(node, watchEffectAdapter);
-      recordImport(ctx, pkgName, watchEffectAdapter);
-    }
-    return;
-  }
-  const lifecycleAdapter = findNestedAdapter(sourceName, pure.lifecycle);
-  if (lifecycleAdapter) {
-    if (isCallExpr) {
-      handleDependencyAnalysisAPI(
-        path7,
-        ctx,
-        lifecycleAdapter,
-        pkgName
-      );
-    } else {
-      replaceIdName(node, lifecycleAdapter);
-      recordImport(ctx, pkgName, lifecycleAdapter);
-    }
-    return;
-  }
-  const pureApi = pure[sourceName];
-  if (pureApi) {
-    if (isCallExpr) {
-      replaceCallName(node, pureApi);
-    } else {
-      replaceIdName(node, pureApi);
-    }
-    recordImport(ctx, pkgName, pureApi);
-    return;
-  }
-  const effectfulApi = effectful[sourceName];
-  if (effectfulApi) {
-    if (isCallExpr) {
-      replaceCallName(node, effectfulApi);
-    } else {
-      replaceIdName(node, effectfulApi);
-    }
-    recordImport(ctx, pkgName, effectfulApi);
-    return;
-  }
-}
-function findNestedAdapter(sourceName, nestedMap) {
-  if (!nestedMap) return void 0;
-  if (typeof nestedMap === "string") {
-    return nestedMap;
-  }
-  return nestedMap[sourceName];
-}
-function handleDependencyAnalysisAPI(path7, ctx, adapter, pkgName) {
-  const { node } = path7;
-  const { arguments: args } = node;
-  if (args.length === 0) return;
-  const fn = args[0];
-  if (!t35.isArrowFunctionExpression(fn) && !t35.isFunctionExpression(fn)) {
-    return;
-  }
-  const fnPath = path7.get("arguments")[0];
-  const deps = analyzeDeps(fn, ctx, fnPath);
-  args.push(deps);
-  replaceCallName(node, adapter);
-  recordImport(ctx, pkgName, adapter);
-}
 
 // src/core/transform/sfc/script/syntax-processor/index.ts
 function processVueSyntax2(ast, ctx) {
   vueSyntaxProcessor2(ast, ctx, {
     preprocess: {
       applyBabel: [
-        resolveOptions,
+        resolvePropsIface,
         resolveEmitsTopLevelTypes,
         resolveSlotsTopLevelTypes,
-        resolvePropsIface,
-        resolveAsyncComponent,
+        resolveDefineOptions,
+        resolveDefineExpose,
+        resolveDefineAsyncComponent,
         resolveEmitCalls
       ]
     },
     process: {
       applyBabel: [
-        resolveRenameOnlyAdapter,
+        resolveElementRef,
+        resolveRenameAdapter,
         resolveArrowFnDeps,
         resolveUnanalyzedArrow,
-        resolveTransformAdapter,
-        resolveTemplateRef,
+        resolveAnalysisOnlyAdapter,
         resolveProvide,
         resolveExprMemo,
-        lintRules
+        resolveLintRules
       ],
       excludeBabel: [resolveTemplateSlotIface, resolveCompIProps]
     },
@@ -3793,11 +4060,11 @@ function isRouterLinkBooleanCustomProp(prop) {
 }
 
 // src/core/transform/sfc/template/shared/prop-ir-utils.ts
-import * as t38 from "@babel/types";
+import * as t39 from "@babel/types";
 
 // src/shared/string-code-types.ts
 import { parseExpression as parseExpression3 } from "@babel/parser";
-import * as t36 from "@babel/types";
+import * as t37 from "@babel/types";
 var strCodeTypes = {
   isIdentifier: isIdentifier20,
   isSimpleExpression,
@@ -3810,22 +4077,22 @@ function isSimpleExpression(code, excludeVar = false) {
   } catch {
     return false;
   }
-  if (t36.isLiteral(node)) {
+  if (t37.isLiteral(node)) {
     return true;
   }
-  if (!excludeVar && t36.isIdentifier(node)) {
+  if (!excludeVar && t37.isIdentifier(node)) {
     return true;
   }
-  if (t36.isMemberExpression(node)) {
-    return isSimpleExpression(node.object) && t36.isIdentifier(node.property);
+  if (t37.isMemberExpression(node)) {
+    return isSimpleExpression(node.object) && t37.isIdentifier(node.property);
   }
-  if (t36.isObjectExpression(node) || t36.isArrayExpression(node)) {
+  if (t37.isObjectExpression(node) || t37.isArrayExpression(node)) {
     return false;
   }
-  if (t36.isCallExpression(node) || t36.isAssignmentExpression(node)) {
+  if (t37.isCallExpression(node) || t37.isAssignmentExpression(node)) {
     return false;
   }
-  if (t36.isBinaryExpression(node) || t36.isUnaryExpression(node)) {
+  if (t37.isBinaryExpression(node) || t37.isUnaryExpression(node)) {
     return true;
   }
   return false;
@@ -3833,7 +4100,7 @@ function isSimpleExpression(code, excludeVar = false) {
 function isIdentifier20(code) {
   try {
     const node = parseExpression3(code);
-    return t36.isIdentifier(node);
+    return t37.isIdentifier(node);
   } catch {
     return false;
   }
@@ -3841,14 +4108,14 @@ function isIdentifier20(code) {
 function isStringLiteral12(code) {
   try {
     const node = parseExpression3(code);
-    return t36.isStringLiteral(node) || t36.isTemplateLiteral(node);
+    return t37.isStringLiteral(node) || t37.isTemplateLiteral(node);
   } catch {
     return false;
   }
 }
 
 // src/core/transform/sfc/template/shared/resolve-string-expression/index.ts
-import * as t37 from "@babel/types";
+import * as t38 from "@babel/types";
 
 // src/core/transform/sfc/template/shared/resolve-string-expression/special-expressions.ts
 function resolveSpecialExpressions(input, ctx) {
@@ -3894,13 +4161,13 @@ function resolveRefVariable(input, ctx) {
 
 // src/core/transform/sfc/template/shared/resolve-string-expression/index.ts
 function resolveStringExpr(input, ctx, toStrLiteral = false) {
-  if (toStrLiteral) return t37.stringLiteral(input);
+  if (toStrLiteral) return t38.stringLiteral(input);
   const { filename, scriptData } = ctx;
   const newContent = resolveSpecialExpressions(input, ctx);
   try {
     return stringToExpr(newContent, scriptData.lang, filename);
   } catch {
-    return t37.identifier(newContent);
+    return t38.identifier(newContent);
   }
 }
 
@@ -4037,7 +4304,7 @@ function resolvePropAsBabelExp(ir, ctx) {
   const mergedItems = value.merge;
   const setNameIdentifier = (target, valueName) => {
     target.content = valueName;
-    target.ast = t38.jsxIdentifier(valueName);
+    target.ast = t39.jsxIdentifier(valueName);
   };
   const setValueExpression = (target, content, isStringLiteral13) => {
     target.content = content;
@@ -4051,29 +4318,34 @@ function resolvePropAsBabelExp(ir, ctx) {
     if (setName && nameIdentifier) {
       setNameIdentifier(nameExp, nameIdentifier);
     }
+    const dir = ADAPTER_RULES.runtime.dir;
+    recordImport(ctx, dir.package, dir.target);
     setValueExpression(value.babelExp, expression, isStringLiteral13);
-    recordImport(ctx, PACKAGE_NAME.runtime, ADAPTER_UTILS_MAP.dir);
   };
   if (ir.isKeyLessVBind) {
-    const expression = createRuntimeCall(ADAPTER_UTILS_MAP.dirKeyless, [valueContent]);
+    const dirKeyless = ADAPTER_RULES.runtime.dirKeyless;
+    const expression = createRuntimeCall(dirKeyless.target, [valueContent]);
     applyRuntimeExpression(expression, false);
     return;
   }
   if (isClassAttr(name) && !value.isStringLiteral && !valueContent.startsWith(STYLE_MODULE_NAME)) {
+    const dirCls = ADAPTER_RULES.runtime.dirCls;
     const arg = mergedItems?.join(",") || wrapSingleQuotes(valueContent);
-    const expression = createRuntimeCall(ADAPTER_UTILS_MAP.dirCls, [arg]);
+    const expression = createRuntimeCall(dirCls.target, [arg]);
     applyRuntimeExpression(expression, true, name);
     return;
   }
   if (isStyleAttr(name) && (!isSimpleStyle(valueContent) || mergedItems?.some((item) => !isSimpleStyle(item)))) {
+    const dirStyle = ADAPTER_RULES.runtime.dirStyle;
     const arg = mergedItems?.join(",") || valueContent;
-    const expression = createRuntimeCall(ADAPTER_UTILS_MAP.dirStyle, [arg]);
+    const expression = createRuntimeCall(dirStyle.target, [arg]);
     applyRuntimeExpression(expression, true, name);
     return;
   }
   if (ir.type === 3 /* EVENT */ && ir.modifiers?.length) {
+    const dirOn = ADAPTER_RULES.runtime.dirOn;
     const eventName = wrapSingleQuotes(ir.__vOnEvName || name, ir.isStatic);
-    const expression = createRuntimeCall(ADAPTER_UTILS_MAP.dirOn, [eventName, valueContent]);
+    const expression = createRuntimeCall(dirOn.target, [eventName, valueContent]);
     applyRuntimeExpression(expression, true, name);
     return;
   }
@@ -4126,12 +4398,12 @@ function resolveElementChildrenRules(children, ctx, parentIR, ir) {
     }
     const nodeIR = child;
     if (parentIR?.isBuiltIn) {
-      if (parentIR.tag == ADAPTER_COMPS.Transition) {
+      if (parentIR.tag == VUE_API_MAP.Transition) {
         resolveTransitionRules(nodeIR, parentIR, ir, ctx);
       }
     }
     if (nodeIR.isRoute) {
-      if (nodeIR.tag === ADAPTER_ROUTER_COMPS.RouterLink) {
+      if (nodeIR.tag === VUE_API_MAP.RouterLink) {
         resolveRouterLinkRules(nodeIR, ctx);
       }
     }
@@ -4338,7 +4610,7 @@ function resolveDynamicIsProp(node, ir, ctx, nodeIR) {
   }
   const propIR = createPropsIR("is", "is", content);
   resolvePropAsBabelExp(propIR, ctx);
-  nodeIR.tag = ADAPTER_COMPS.Component;
+  nodeIR.tag = VUE_API_MAP.DynamicComponent;
   nodeIR.isComponent = true;
   nodeIR.props.push(propIR);
   recordImport(ctx, PACKAGE_NAME.runtime, nodeIR.tag);
@@ -4347,15 +4619,20 @@ function resolveDynamicIsProp(node, ir, ctx, nodeIR) {
 // src/core/transform/sfc/template/syntax-processor/process/props/resolve-ref-prop.ts
 import { NodeTypes as NodeTypes5 } from "@vue/compiler-core";
 function resolveRefProp(node, ctx, nodeIR) {
-  const { templateData } = ctx;
+  const {
+    templateData: { refBindings }
+  } = ctx;
   let propIR;
   if (node.type === NodeTypes5.ATTRIBUTE) {
-    const tagName = node.value?.content;
-    const binding = Object.values(templateData.refBindings).find((r) => r.tag === tagName);
-    propIR = createPropsIR("ref", "ref", binding?.name || "null");
+    const tag = node.value?.content;
+    if (!tag) return;
+    collectComponentRef(tag, ctx);
+    const domRefBinding = Object.values(refBindings.domRefs).find((r) => r.tag === tag);
+    const refVar = domRefBinding?.name || refBindings.componentRefs[tag]?.name;
+    propIR = createPropsIR("ref", "ref", refVar || "null");
   } else {
     const exp = node.exp;
-    for (const name in templateData.refBindings) {
+    for (const name in refBindings.domRefs) {
       const newName = `${name}.current`;
       const regex = new RegExp(`${name}(?!\\.current)`, "g");
       exp.content = exp.content.replace(regex, newName);
@@ -4365,6 +4642,22 @@ function resolveRefProp(node, ctx, nodeIR) {
   resolvePropAsBabelExp(propIR, ctx);
   nodeIR.props.push(propIR);
 }
+function collectComponentRef(tag, ctx) {
+  if (tag in HTML_TAG_TYPES) {
+    return;
+  }
+  const { refBindings, reactiveBindings } = ctx.templateData;
+  refBindings.componentRefs[tag] = {
+    tag,
+    // 对应的标签名（随便填，不影响）
+    htmlType: "",
+    name: tag
+    // 对应的变量名（随便填，不影响）
+  };
+  if (reactiveBindings[tag]) {
+    delete reactiveBindings[tag];
+  }
+}
 
 // src/core/transform/sfc/template/syntax-processor/process/props/resolve-dynamic-attribute-prop.ts
 function resolveDynamicAttributeProp(node, ir, ctx, nodeIR) {
@@ -4631,7 +4924,7 @@ function getRootIdName(expr) {
 }
 
 // src/core/transform/sfc/template/syntax-processor/process/props/resolve-v-on.ts
-import * as t39 from "@babel/types";
+import * as t40 from "@babel/types";
 function resolveVOn(node, _ir, ctx, nodeIR) {
   const arg = node.arg;
   const exp = node.exp;
@@ -4648,7 +4941,7 @@ function resolveVOn(node, _ir, ctx, nodeIR) {
     originalVueEventName = `${arg.content}.${modifiers.join(".")}`;
   } else {
     const expr = stringToExpr(handler);
-    if (!t39.isFunctionExpression(expr) && !t39.isIdentifier(expr)) {
+    if (!t40.isFunctionExpression(expr) && !t40.isIdentifier(expr)) {
       handler = `() => {${handler}}`;
     }
   }
@@ -4775,7 +5068,7 @@ function resolveDirectiveProp(node, ir, ctx, elementNode, nodeIR, siblingNodesIR
       return resolveVOn(node, ir, ctx, nodeIR);
     }
     if (isVSlot(rawName2)) {
-      if (nodeIR.tag === ADAPTER_ROUTER_COMPS.RouterLink) {
+      if (nodeIR.tag === VUE_API_MAP.RouterLink) {
         resolveRouterLinkVSlotProp(node, nodeIR, ctx);
       }
       return true;
@@ -4849,14 +5142,16 @@ function resolveElementNode(node, ir, ctx, siblingNodesIR) {
     isSelfClosing: node.isSelfClosing,
     loc: node.loc
   });
-  if (tag in ADAPTER_COMPS) {
+  const routerAdapter = ADAPTER_RULES.router[tag];
+  const runtimeAdapter = ADAPTER_RULES.runtime[tag];
+  if (runtimeAdapter) {
     nodeIR.isBuiltIn = true;
-    recordImport(ctx, PACKAGE_NAME.runtime, tag);
+    recordImport(ctx, runtimeAdapter.package, runtimeAdapter.target);
   }
-  if (tag in ADAPTER_ROUTER_COMPS) {
+  if (routerAdapter) {
     if (!ctx.route) ctx.route = true;
     nodeIR.isRoute = true;
-    recordImport(ctx, PACKAGE_NAME.router, tag);
+    recordImport(ctx, routerAdapter?.package, routerAdapter.target);
   }
   resolveProps(node, ir, ctx, nodeIR, siblingNodesIR);
   return nodeIR;
@@ -5094,7 +5389,7 @@ function transform(ast, ctx, options) {
 }
 
 // package.json
-var version = "1.1.0";
+var version = "1.1.1";
 var bin = {
   vureact: "./bin/vureact.js"
 };
@@ -5549,7 +5844,10 @@ var CompilationContext = class {
       propField: "$props",
       templateData: {
         slots: {},
-        refBindings: {},
+        refBindings: {
+          domRefs: {},
+          componentRefs: {}
+        },
         reactiveBindings: {}
       },
       scriptData: {
@@ -5566,6 +5864,10 @@ var CompilationContext = class {
           emitTypes: [],
           slotTypes: []
         },
+        forwardRef: {
+          enabled: false,
+          refField: "expose"
+        },
         source: ""
       },
       styleData: {