Support disabling transformHoist for custom rendering scenarios

[voncheng]

By default, when hoistStatic is enabled, eligible hoisted static trees are turned into stringified static nodes, as shown below:

source code：

<div>
    <div>
      <div>foo</div> <!-- cached -->
      <div>foo</div> <!-- cached -->
      <div>foo</div> <!-- cached -->
      <div>foo</div> <!-- cached -->
      <div>foo</div> <!-- cached -->
      <div>bar</div> <!-- cached -->
      <div>bar</div> <!-- cached -->
      <div>bar</div> <!-- cached -->
      <div>bar</div> <!-- cached -->
      <div>bar</div> <!-- cached -->
    </div>
    <div>{{ dynamic }}</div>
  </div>

Compiled Code:

import { ref, openBlock, createElementBlock, createStaticVNode, createElementVNode, toDisplayString } from "vue";
const _sfc_main = {
  __name: "test",
  setup(__props) {
    const dynamic = ref("vue");
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", null, [
        _cache[0] || (_cache[0] = createStaticVNode("<div><div>foo</div><div>foo</div><div>foo</div><div>foo</div><div>foo</div><div>bar</div><div>bar</div><div>bar</div><div>bar</div><div>bar</div></div>", 1)),
        createElementVNode("div", null, toDisplayString(dynamic.value), 1)
      ]);
    };
  }
};

In custom rendering scenarios, stringified static nodes are not very friendly because most custom rendering environments are not browser-based. To render these nodes, an HTML parsing tool would need to be introduced at runtime. This makes transformHoist counterproductive, as the overhead outweighs the benefits.

If it were possible to disable transformHoist via configuration while retaining the cacheStatic functionality, it would be beneficial for custom rendering. The final transformed code would look like this:

import { ref, openBlock, createElementBlock, createElementVNode, toDisplayString } from "vue";
const _sfc_main = {
  __name: "test",
  setup(__props) {
    const dynamic = ref("vue");
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", null, [
        _cache[0] || (_cache[0] = createElementVNode("div", null, [
          createElementVNode("div", null, "foo"),
          createElementVNode("div", null, "foo"),
          createElementVNode("div", null, "foo"),
          createElementVNode("div", null, "foo"),
          createElementVNode("div", null, "foo"),
          createElementVNode("div", null, "bar"),
          createElementVNode("div", null, "bar"),
          createElementVNode("div", null, "bar"),
          createElementVNode("div", null, "bar"),
          createElementVNode("div", null, "bar")
        ], -1)),
        createElementVNode("div", null, toDisplayString(dynamic.value), 1)
      ]);
    };
  }
};