@core-pilot/client-vue 0.0.10 → 0.0.11

package/dist/es/components/x-markdown/index.js

@@ -1,85 +1,20 @@
-import { defineComponent, createVNode, useTemplateRef, ref, computed, watch, onMounted, onBeforeUnmount, nextTick, onUpdated, h } from "vue";
+import { defineComponent, createVNode, useTemplateRef, ref, computed, watch, nextTick, onMounted, onBeforeUnmount, onUpdated } from "vue";
 import debounce from "../../_virtual/debounce.js";
-import { useTemplateRefsList } from "../../node_modules/.pnpm/@vueuse_core@14.0.0_vue@3.5.24_typescript@5.6.3_/node_modules/@vueuse/core/dist/index.js";
-import { ElTimeline, ElRow, ElCol, ElCard, ElForm, ElFormItem, ElButton, ElSelect, ElDatePicker, ElInput, ElRadioGroup, ElRadio, ElTableColumn, ElConfigProvider, ElMessage } from "element-plus";
+import { ElMessage } from "element-plus";
 /* empty css                                                                                                                            */
 /* empty css                                                                                                                             */
 /* empty css                                                                                                                               */
-/* empty css                                                                                                                            */
-import "../../node_modules/.pnpm/element-plus@2.11.8_vue@3.5.24_typescript@5.6.3_/node_modules/element-plus/theme-chalk/src/form-item.scss.js";
-/* empty css                                                                                                                             */
-/* empty css                                                                                                                            */
-/* empty css                                                                                                                              */
-/* empty css                                                                                                                           */
-/* empty css                                                                                                                              */
-/* empty css                                                                                                                                    */
-/* empty css                                                                                                                                 */
-/* empty css                                                                                                                              */
-/* empty css                                                                                                                              */
-import "../../node_modules/.pnpm/element-plus@2.11.8_vue@3.5.24_typescript@5.6.3_/node_modules/element-plus/theme-chalk/src/date-picker.scss.js";
-/* empty css                                                                                                                                         */
-/* empty css                                                                                                                                    */
-/* empty css                                                                                                                                */
-/* empty css                                                                                                                                */
-/* empty css                                                                                                                           */
-/* empty css                                                                                                                           */
-/* empty css                                                                                                                             */
-/* empty css                                                                                                                                   */
-import "../../node_modules/.pnpm/element-plus@2.11.8_vue@3.5.24_typescript@5.6.3_/node_modules/element-plus/theme-chalk/src/config-provider.scss.js";
 /* empty css                 */
 /* empty css                 */
-import { createStreamGenerator } from "./utils/mockStream.js";
-import { parseCorePilot } from "./utils/parseCorePilotSchema.js";
-import { Accordion } from "./utils/animation.js";
-import CoreText from "../core-text/index.js";
-import CoreTips from "../core-tips/index.js";
-import CoreResult from "../core-result/index.js";
-import CoreTable from "../core-table/index.js";
-import CoreChart from "../core-chart/index.js";
-import CoreCard from "../core-card/index.js";
-import CoreUpload from "../core-upload/index.js";
 /* empty css                                                                           */
-import zhCn from "../../node_modules/.pnpm/element-plus@2.11.8_vue@3.5.24_typescript@5.6.3_/node_modules/element-plus/es/locale/lang/zh-cn.js";
-import { unified } from "../../node_modules/.pnpm/unified@11.0.5/node_modules/unified/lib/index.js";
-import remarkParse from "../../node_modules/.pnpm/remark-parse@11.0.0/node_modules/remark-parse/lib/index.js";
-import remarkBreaks from "../../node_modules/.pnpm/remark-breaks@4.0.0/node_modules/remark-breaks/lib/index.js";
-import remarkGfm from "../../node_modules/.pnpm/remark-gfm@4.0.1/node_modules/remark-gfm/lib/index.js";
-import remarkMath from "../../node_modules/.pnpm/remark-math@6.0.0/node_modules/remark-math/lib/index.js";
-import remarkGemoji from "../../node_modules/.pnpm/remark-gemoji@8.0.0/node_modules/remark-gemoji/lib/index.js";
-import remarkRehype from "../../node_modules/.pnpm/remark-rehype@11.1.2/node_modules/remark-rehype/lib/index.js";
-import rehypeRaw from "../../node_modules/.pnpm/rehype-raw@7.0.0/node_modules/rehype-raw/lib/index.js";
-import rehypeKatex from "../../node_modules/.pnpm/rehype-katex@7.0.1/node_modules/rehype-katex/lib/index.js";
-import rehypeStringify from "../../node_modules/.pnpm/rehype-stringify@10.0.1/node_modules/rehype-stringify/lib/index.js";
-const checkAndReturnRefList = (text) => {
-  const reg = /<div hidden>([\s\S]*?)<\/div>/g;
-  const match = reg.exec(text);
-  if (!match) {
-    return [];
-  }
-  const refListStr = match[1];
-  try {
-    const refList = JSON.parse(refListStr);
-    return refList;
-  } catch (error) {
-    return [];
-  }
-};
-const isCompleteJSON = (jsonStr) => {
-  if (!jsonStr || jsonStr.trim().length === 0) {
-    return false;
-  }
-  const trimmed = jsonStr.trim();
-  const firstChar = trimmed[0];
-  if (firstChar !== "{" && firstChar !== "[") {
-    return false;
-  }
-  try {
-    JSON.parse(trimmed);
-    return true;
-  } catch (error) {
-    return false;
-  }
-};
+import { Accordion } from "./utils/animation.js";
+import { formatMarkdownText } from "./utils/textFormatUtils.js";
+import { useImageLoader } from "./composables/useImageLoader.js";
+import { useRefHandler } from "./composables/useRefHandler.js";
+import { useStreamHandler } from "./composables/useStreamHandler.js";
+import { useMarkdownProcessor } from "./composables/useMarkdownProcessor.js";
+import { useFormHandler } from "./composables/useFormHandler.js";
+import { hastToVNode } from "./renderers/hastRenderer.js";
 const XMarkdown = /* @__PURE__ */ defineComponent({
   name: "XMarkdown",
   props: {
@@ -128,159 +63,43 @@ const XMarkdown = /* @__PURE__ */ defineComponent({
     const container = useTemplateRef("x-markdown-container");
     const startTime = ref(Date.now());
     const endTime = ref(-Infinity);
-    const context = ref("");
-    const pendingImages = /* @__PURE__ */ new Set();
     const isInitAnimation = ref(false);
-    const tagComplete = ref(false);
-    const hitlData = ref([]);
-    const formRefs = useTemplateRefsList();
-    const curIndex = ref(0);
-    let curInit = 0;
-    const ast = ref(null);
-    const isRewrite = ref(false);
-    const streamCall = (stream) => {
-      context.value = context.value + stream;
-    };
-    const uploadHeaders = computed(() => {
-      return {
-        Authorization: `Bearer ${props.authToken}`,
-        appId: props.appId
-      };
-    });
-    const uploadExtendData = computed(() => {
-      return {
-        user: props.user
-      };
-    });
-    const streamGener = ref(createStreamGenerator(streamCall, props.speed));
-    const updateSummaryClasses = (mdText) => {
-      const summaryDivReg = /(<summary[^>]*>[\s\S]*?<\/summary>)\s*(<div>[\s\S]*?)(<\/div>|$)/g;
-      let isFirstSummary = true;
-      return mdText.replace(summaryDivReg, (match, summaryTag, divContent, divEnd) => {
-        const isDivComplete = divEnd === "</div>";
-        const updatedSummary = summaryTag.replace(/(<summary)/g, (match2) => {
-          if (isFirstSummary) {
-            isFirstSummary = false;
-            return match2;
-          }
-          return `<summary class="${isDivComplete ? "loaded" : "loading"}"`;
-        });
-        return `${updatedSummary}
-${divContent}${divEnd}`;
-      });
-    };
+    const {
+      context
+    } = useStreamHandler(computed(() => props.text), computed(() => props.typing), computed(() => props.speed));
     const formatText = computed(() => {
-      if (!props.autoHideThinking) return context.value;
-      let content = context.value;
-      content = updateSummaryClasses(content);
-      content = content.replace(/[\u00A0\u1680\u2000-\u200A\u202F\u205F\u3000]/g, " ");
-      if (content.includes("</details>")) {
-        if (endTime.value === -Infinity) {
-          endTime.value = Date.now();
-        }
-        const res = checkAndReturnRefList(content);
-        let text = content.replace(/<details open>([\s\S]*?)<\/details>/g, (match, content2) => {
-          content2 = content2.replace(/<summary>([\s\S]*?)<\/summary>/, (match2, content3) => {
-            const duration = ((endTime.value - startTime.value) / 1e3).toFixed(0);
-            return `<summary style="color: #8D90A0;font-weight: 300; font-size: 16px;">
-              已完成思考 ${duration > "0" ? duration + "s" : ""} ${res.length ? `<span style="display: inline-block;margin: 0 8px;border-left: 1px solid #CDCFD7;width: 1px;height: 16px;"></span> 引用文档：${res == null ? void 0 : res.length} 个` : ""}
-            </summary>`;
-          });
-          content2 = content2.replace(/<summary>完成<\/summary>/, '<summary class="loaded">完成</summary>');
-          return `<details>${content2}</details>`;
-        });
-        return text;
+      if (context.value.includes("</details>") && endTime.value === -Infinity) {
+        endTime.value = Date.now();
       }
-      return content;
-    });
-    const checkDisabled = (node) => {
-      const {
-        properties = {},
-        parentScope
-      } = node;
-      const {
-        disabled
-      } = properties;
-      if (disabled) {
-        return true;
-      }
-      if (parentScope === "form") {
-        return props.isHistoryMessage && !isRewrite.value;
-      }
-      return false;
-    };
-    watch(() => [props.text, props.typing], (v, o) => {
-      var _a, _b, _c, _d;
-      const [text, typing] = v;
-      const [oldText] = o || [];
-      if (!text.startsWith(oldText)) {
-        (_a = streamGener.value) == null ? void 0 : _a.reset();
-        context.value = "";
-      }
-      if (text) {
-        (_b = streamGener.value) == null ? void 0 : _b.update(text);
-        if (!typing) {
-          (_c = streamGener.value) == null ? void 0 : _c.stop();
-          return;
-        }
-        const checkReg = /<summary>资料整合<\/summary>\r?\n(.|\s)+?/;
-        if (!tagComplete.value && checkReg.test(text)) {
-          tagComplete.value = true;
-          (_d = streamGener.value) == null ? void 0 : _d.setSpeed(500);
-          return;
-        }
-      }
-    }, {
-      immediate: true
+      return formatMarkdownText(context.value, props.autoHideThinking, startTime.value, endTime.value === -Infinity ? Date.now() : endTime.value);
     });
-    const refConfig = ref([]);
-    const getRefConfig = () => {
-      var _a;
-      const refContainer = (_a = container.value) == null ? void 0 : _a.querySelector("div[hidden]");
-      refConfig.value = JSON.parse((refContainer == null ? void 0 : refContainer.textContent) || "[]");
-      emit("refConfigUpdate", refConfig.value);
-    };
+    const historyInputsRef = computed(() => props.historyInputs);
+    const {
+      ast,
+      hitlData
+    } = useMarkdownProcessor(formatText, historyInputsRef);
+    const {
+      formRefs,
+      curIndex,
+      isRewrite,
+      btnClick,
+      resetCurInit,
+      getCurInit
+    } = useFormHandler(hitlData, emit);
+    const {
+      processNewImages
+    } = useImageLoader(container);
+    const {
+      getRefConfig,
+      handleMouseOver,
+      handleClick: handleRefClick
+    } = useRefHandler(container, emit);
     const renderComplete = debounce(() => {
       getRefConfig();
     }, 100);
-    const activeRef = ref(null);
     watch(() => context.value, renderComplete, {
       immediate: true
     });
-    watch(activeRef, (newVal, oldVal) => {
-      if (newVal !== oldVal) {
-        if (newVal) {
-          const text = newVal.getAttribute("dataherf");
-          const target = refConfig.value.find((item) => {
-            return item.link === text;
-          });
-          emit("hoverActiveRefTrigger", target);
-        } else {
-          emit("hoverActiveRefTrigger", "");
-        }
-      }
-    });
-    const getTargeElement = (e) => {
-      const target = e.target;
-      if (target.tagName === "SPAN") {
-        const isInRefContainer = target.classList.contains("x-markdown-split");
-        const isRefContainer = target.classList.contains("x-markdown-sub");
-        if (isInRefContainer || isRefContainer) {
-          if (!isRefContainer) {
-            return target.parentElement;
-          }
-          return target;
-        }
-      }
-    };
-    const handleMouseOver = (e) => {
-      const target = getTargeElement(e);
-      if (target) {
-        activeRef.value = target;
-        return;
-      }
-      activeRef.value = null;
-    };
     const handleAClick = async (e) => {
       e.stopPropagation();
       e.preventDefault();
@@ -303,184 +122,47 @@ ${divContent}${divEnd}`;
         ext,
         href
       });
-      return;
-    };
-    const btnClick = async (index, action, payload, parentScope) => {
-      var _a;
-      if (action === "inner_next") {
-        curIndex.value += 1;
-        return;
-      }
-      if (action === "inner_prev") {
-        curIndex.value -= 1;
-        return;
-      }
-      if (action === "inner_rewrite") {
-        isRewrite.value = true;
-        return;
-      }
-      let res = {
-        action,
-        payload: {}
-      };
-      if (payload && parentScope !== "form") {
-        res = {
-          action,
-          payload
-        };
-      } else {
-        await ((_a = formRefs.value[index]) == null ? void 0 : _a.validate());
-        res = {
-          action,
-          payload: {
-            ...hitlData.value[index],
-            ...payload
-          }
-        };
-      }
-      if (isRewrite.value && action.startsWith("core_")) {
-        isRewrite.value = false;
-      }
-      emit("coreSubmit", res);
     };
     const handleClick = (e) => {
       if (e.target.tagName === "A") {
         handleAClick(e);
         return;
       }
-      const target = getTargeElement(e);
-      if (target) {
-        const text = target.getAttribute("dataherf");
-        const highlight = JSON.parse(target.getAttribute("datahighlight") || "[]");
-        const page = Number(target.getAttribute("datanumber"));
-        const id = target.getAttribute("id");
-        const source = refConfig.value.find((item) => {
-          return item.link === text;
-        });
-        const data = {
-          ...source,
-          highlight,
-          page,
-          id
-        };
-        emit("clickActiveRefTrigger", data);
-      }
+      handleRefClick(e);
     };
     const getContentText = () => {
       var _a;
       return (_a = container.value) == null ? void 0 : _a.innerText;
     };
-    onMounted(() => {
-      container.value.addEventListener("mouseover", handleMouseOver);
-      container.value.addEventListener("click", handleClick);
+    const uploadHeaders = computed(() => {
+      return {
+        Authorization: `Bearer ${props.authToken}`,
+        appId: props.appId
+      };
     });
-    onBeforeUnmount(() => {
-      container.value.removeEventListener("mouseover", handleMouseOver);
-      container.value.addEventListener("click", handleClick);
+    const uploadExtendData = computed(() => {
+      return {
+        user: props.user
+      };
     });
-    const processNewImages = () => {
-      if (!container.value) return;
-      const newImages = container.value.querySelectorAll("img:not([data-processed='true'])");
-      newImages.forEach((img) => {
-        if (pendingImages.has(img)) return;
-        pendingImages.add(img);
-        setPlaceholderDimensions(img);
-        if (img.complete) {
-          handleImageLoad(img);
-        } else {
-          img.addEventListener("load", () => handleImageLoad(img));
-          img.addEventListener("error", () => handleImageError(img));
-        }
-      });
-    };
-    const setPlaceholderDimensions = (img) => {
-      const containerWidth = img.parentElement.offsetWidth;
-      if (img.naturalWidth > containerWidth) {
-        img.style.maxWidth = "100%";
-      }
-      if (img.naturalWidth && img.naturalHeight) {
-        const ratio = img.naturalHeight / img.naturalWidth;
-        img.style.maxHeight = `${Math.min(500, containerWidth * ratio)}px`;
-      }
-    };
-    const handleImageLoad = (img) => {
-      pendingImages.delete(img);
-      img.setAttribute("data-processed", "true");
-      img.classList.add("loaded");
-      img.style.opacity = "1";
-      img.removeEventListener("load", handleImageLoad);
-      img.removeEventListener("error", handleImageError);
-    };
-    const handleImageError = (img) => {
-      pendingImages.delete(img);
-      img.setAttribute("data-processed", "true");
-      img.classList.add("load-error");
-      img.style.maxHeight = "200px";
-      img.removeEventListener("load", handleImageLoad);
-      img.removeEventListener("error", handleImageError);
-    };
-    const md = unified().use(remarkParse).use(remarkBreaks).use(remarkGfm, {
-      singleTilde: false
-    }).use(remarkMath).use(remarkGemoji).use(remarkRehype, {
-      allowDangerousHtml: true
-    }).use(rehypeRaw).use(rehypeKatex).use(rehypeStringify);
-    const collectFormsFromSchema = (schema, formDataList) => {
-      var _a;
-      if (!schema || typeof schema !== "object") return;
-      if (schema.type === "form") {
-        const formData = {
-          ...((_a = schema.properties) == null ? void 0 : _a.data) || {},
-          // FIXME 目前只有卡片里面仅有可能出现单个表单，需要需要支持多表单场景
-          ...props.historyInputs || {}
-        };
-        formDataList.push(formData);
-        return;
-      }
-      if (Array.isArray(schema.children)) {
-        schema.children.forEach((child) => {
-          collectFormsFromSchema(child, formDataList);
-        });
-      }
-    };
-    const computedForm = (mdAst) => {
-      const formDataList = [];
-      const preNodes = [];
-      const findPreNodes = (node) => {
-        if (!node) return;
-        if (node.tagName === "pre") {
-          preNodes.push(node);
-        }
-        if (Array.isArray(node.children)) {
-          node.children.forEach(findPreNodes);
+    const createRendererConfig = () => {
+      return {
+        hitlData: hitlData.value,
+        formRefs: formRefs.value,
+        curIndex: curIndex.value,
+        getCurInit,
+        btnClick,
+        uploadHeaders: uploadHeaders.value,
+        uploadExtendData: uploadExtendData.value,
+        disabledContext: {
+          isHistoryMessage: props.isHistoryMessage,
+          isRewrite: isRewrite.value
         }
       };
-      if (Array.isArray(mdAst.children)) {
-        mdAst.children.forEach(findPreNodes);
-      }
-      preNodes.forEach((preNode) => {
-        var _a, _b, _c, _d, _e;
-        const codeNode = (_a = preNode.children) == null ? void 0 : _a.find((child) => child.tagName === "code");
-        if ((_c = (_b = codeNode == null ? void 0 : codeNode.properties) == null ? void 0 : _b.className) == null ? void 0 : _c.includes("language-CorePilot")) {
-          try {
-            const code = ((_e = (_d = codeNode.children) == null ? void 0 : _d[0]) == null ? void 0 : _e.value) || "";
-            if (code) {
-              const schema = JSON.parse(code);
-              collectFormsFromSchema(schema, formDataList);
-            }
-          } catch (error) {
-            console.error("Failed to parse CorePilot schema:", error);
-          }
-        }
-      });
-      return formDataList;
     };
-    watch(() => formatText.value, async (text) => {
-      curInit = 0;
-      const mdAst = await md.run(md.parse(text));
-      const formDataList = computedForm(mdAst);
-      hitlData.value = formDataList;
+    watch(() => ast.value, async () => {
+      if (!ast.value) return;
       await nextTick();
-      ast.value = mdAst;
       nextTick(processNewImages);
       nextTick(() => {
         var _a;
@@ -494,313 +176,23 @@ ${divContent}${divEnd}`;
     }, {
       immediate: true
     });
-    const renderSkeleton = () => {
-      return h("div", {
-        class: "hitl-skeleton"
-      }, [
-        // 头部骨架
-        h("div", {
-          class: "skeleton-header"
-        }, [h("div", {
-          class: "skeleton-avatar"
-        }), h("div", {
-          class: "skeleton-title"
-        })]),
-        // 内容骨架
-        h("div", {
-          class: "skeleton-item skeleton-item-long"
-        }),
-        h("div", {
-          class: "skeleton-item skeleton-item-medium"
-        }),
-        h("div", {
-          class: "skeleton-item skeleton-item-short"
-        }),
-        h("div", {
-          class: "skeleton-item skeleton-item-long"
-        }),
-        h("div", {
-          class: "skeleton-item skeleton-item-medium"
-        })
-      ]);
-    };
-    const hastToVNode = (node, index, row) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
-      if (!node) return null;
-      let children = [];
-      const blackTagNames = ["sub", "pre", "text", "ElForm"];
-      if (!blackTagNames.includes(node.tagName)) {
-        children = ((_b = (_a = node.children) == null ? void 0 : _a.map) == null ? void 0 : _b.call(_a, (child) => hastToVNode(child, index))) || [];
+    onMounted(() => {
+      if (container.value) {
+        container.value.addEventListener("mouseover", handleMouseOver);
+        container.value.addEventListener("click", handleClick);
       }
-      switch (node.type) {
-        case "root":
-          return h("div", {
-            class: "markdown-body"
-          }, h(ElConfigProvider, {
-            locale: zhCn
-          }, children));
-        case "element":
-          if (node.tagName === "sub") {
-            const formatChildren = [{
-              type: "element",
-              tagName: "span",
-              properties: {
-                class: "x-markdown-split"
-              }
-            }, ...node.children];
-            const children2 = formatChildren == null ? void 0 : formatChildren.map((child) => hastToVNode(child, index));
-            return h("span", {
-              ...node.properties,
-              class: "x-markdown-sub"
-            }, children2);
-          }
-          if (node.tagName === "span") {
-            return h("span", {
-              ...node.properties
-            }, children);
-          }
-          if (node.tagName === "img") {
-            return h("img", {
-              ...node.properties,
-              class: "markdown-image",
-              "data-processed": "false"
-              // 标记未处理图片
-            });
-          }
-          if (node.tagName === "a") {
-            const href = ((_c = node.properties) == null ? void 0 : _c.href) || "";
-            const fileType = href ? href.split(".").pop() : null;
-            return h("a", {
-              ...node.properties,
-              class: "file-link",
-              "data-file-type": fileType
-            }, children);
-          }
-          if (node.tagName === "ElTimeline") {
-            return h(ElTimeline, {
-              ...node.properties
-            }, children);
-          }
-          if (node.tagName === "table") {
-            return h("div", {
-              class: "custom-table-container"
-            }, [h("table", children)]);
-          }
-          if (node.tagName === "view") {
-            return h("div", {
-              class: "custom-view-container"
-            }, [children[curIndex.value]]);
-          }
-          if (node.tagName === "ElRow") {
-            return h(ElRow, {
-              ...node.properties
-            }, children);
-          }
-          if (node.tagName === "ElCol") {
-            return h(ElCol, {
-              ...node.properties
-            }, children);
-          }
-          if (node.tagName === "ElCard") {
-            return h(ElCard, {
-              ...node.properties
-            }, children);
-          }
-          if (node.tagName === "CoreCard") {
-            const slots = {};
-            if ((_d = node.slots) == null ? void 0 : _d.header) {
-              slots.header = () => {
-                return node.slots.header.map((slotItem) => {
-                  return hastToVNode(slotItem, index);
-                });
-              };
-            }
-            if (children && children.length > 0) {
-              slots.default = () => children;
-            }
-            return h(CoreCard, {
-              ...node.properties
-            }, slots);
-          }
-          if (node.tagName === "ElForm") {
-            const children2 = (_e = node.children) == null ? void 0 : _e.map((child) => hastToVNode(child, curInit));
-            curInit++;
-            return h(ElForm, {
-              ref: formRefs.value.set,
-              model: hitlData.value[index],
-              ...node.properties,
-              disabled: checkDisabled(node)
-            }, children2);
-          }
-          if (node.tagName === "ElFormItem") {
-            return h(ElFormItem, {
-              ...node.properties
-            }, children);
-          }
-          if (node.tagName === "ElButton") {
-            let payload = (_f = node.properties) == null ? void 0 : _f.payload;
-            if (node.parentScope === "table") {
-              payload = row;
-            }
-            return h(ElButton, {
-              ...node.properties,
-              disabled: checkDisabled(node),
-              onClick: () => {
-                var _a2;
-                btnClick(index, (_a2 = node.properties) == null ? void 0 : _a2.action, payload, node.parentScope);
-              }
-            }, children);
-          }
-          if (node.tagName === "ElSelect") {
-            return h(ElSelect, {
-              ...node.properties,
-              disabled: checkDisabled(node),
-              modelValue: hitlData.value[index][(_g = node.properties) == null ? void 0 : _g.formProp],
-              "onUpdate:modelValue": (value) => {
-                var _a2;
-                hitlData.value[index][(_a2 = node.properties) == null ? void 0 : _a2.formProp] = value;
-              }
-            }, children);
-          }
-          if (node.tagName === "ElDatePicker") {
-            return h(ElDatePicker, {
-              ...node.properties,
-              disabled: checkDisabled(node),
-              modelValue: hitlData.value[index][(_h = node.properties) == null ? void 0 : _h.formProp],
-              "onUpdate:modelValue": (value) => {
-                var _a2;
-                hitlData.value[index][(_a2 = node.properties) == null ? void 0 : _a2.formProp] = value;
-              }
-            }, children);
-          }
-          if (node.tagName === "ElInput") {
-            return h(ElInput, {
-              ...node.properties,
-              disabled: checkDisabled(node),
-              modelValue: hitlData.value[index][(_i = node.properties) == null ? void 0 : _i.formProp],
-              "onUpdate:modelValue": (value) => {
-                var _a2;
-                hitlData.value[index][(_a2 = node.properties) == null ? void 0 : _a2.formProp] = value;
-              }
-            }, children);
-          }
-          if (node.tagName === "ElRadioGroup") {
-            return h(ElRadioGroup, {
-              ...node.properties,
-              disabled: checkDisabled(node),
-              modelValue: hitlData.value[index][(_j = node.properties) == null ? void 0 : _j.formProp],
-              "onUpdate:modelValue": (value) => {
-                var _a2;
-                hitlData.value[index][(_a2 = node.properties) == null ? void 0 : _a2.formProp] = value;
-              }
-            }, children);
-          }
-          if (node.tagName === "ElRadio") {
-            return h(ElRadio, {
-              ...node.properties,
-              disabled: checkDisabled(node)
-            }, children);
-          }
-          if (node.tagName === "ElTable") {
-            return h(CoreTable, {
-              ...node.properties
-            }, children);
-          }
-          if (node.tagName === "ElTableColumn") {
-            return h(ElTableColumn, {
-              ...node.properties
-            }, {
-              default: (scope) => {
-                var _a2, _b2;
-                const children2 = (_a2 = node.children) == null ? void 0 : _a2.map((child) => hastToVNode(child, curInit, scope.row));
-                console.log("children", children2, node.children);
-                const index2 = (_b2 = node.children) == null ? void 0 : _b2.findIndex((child) => {
-                  var _a3;
-                  return child.value === scope.row[(_a3 = node.properties) == null ? void 0 : _a3.prop] && child.value !== void 0;
-                });
-                return index2 === -1 ? children2 : children2 == null ? void 0 : children2[index2];
-              }
-            });
-          }
-          if (node.tagName === "CoreText") {
-            return h(CoreText, {
-              ...node.properties
-            });
-          }
-          if (node.tagName === "CoreTips") {
-            return h(CoreTips, {
-              ...node.properties
-            });
-          }
-          if (node.tagName === "CoreResult") {
-            return h(CoreResult, {
-              ...node.properties
-            });
-          }
-          if (node.tagName === "CoreChart") {
-            return h(CoreChart, {
-              ...node.properties
-            });
-          }
-          if (node.tagName === "CoreUpload") {
-            if (node.parentScope === "form" && ((_k = node.properties) == null ? void 0 : _k.formProp)) {
-              const formProp = node.properties.formProp;
-              return h(CoreUpload, {
-                headers: uploadHeaders.value,
-                extendData: uploadExtendData.value,
-                ...node.properties,
-                disabled: checkDisabled(node),
-                fileList: ((_l = hitlData.value[index]) == null ? void 0 : _l[formProp]) || [],
-                "onUpdate:fileList": (value) => {
-                  if (!hitlData.value[index]) {
-                    hitlData.value[index] = {};
-                  }
-                  if (!hitlData.value[index].__files__) {
-                    hitlData.value[index].__files__ = {};
-                  }
-                  hitlData.value[index].__files__[formProp] = value;
-                  hitlData.value[index][formProp] = value;
-                }
-              });
-            }
-            return h(CoreUpload, {
-              ...node.properties,
-              disabled: checkDisabled(node)
-            });
-          }
-          if (node.tagName === "pre") {
-            const codeNode = (_m = node.children) == null ? void 0 : _m.find((child) => child.tagName === "code");
-            if (codeNode) {
-              if ((_o = (_n = codeNode.properties) == null ? void 0 : _n.className) == null ? void 0 : _o.includes("language-CorePilot")) {
-                const code = ((_q = (_p = codeNode.children) == null ? void 0 : _p[0]) == null ? void 0 : _q.value) || "";
-                if (!isCompleteJSON(code)) {
-                  return renderSkeleton();
-                }
-                try {
-                  const schema = JSON.parse(code);
-                  const viewTree = parseCorePilot(schema);
-                  const children2 = hastToVNode(viewTree, curInit);
-                  return h("div", {
-                    class: "hitl-wrapper"
-                  }, [children2]);
-                } catch (error) {
-                  return renderSkeleton();
-                }
-              }
-            }
-          }
-          return h(node.tagName, node.properties, children);
-        case "text":
-          return node.value.trim();
-        default:
-          return null;
+    });
+    onBeforeUnmount(() => {
+      if (container.value) {
+        container.value.removeEventListener("mouseover", handleMouseOver);
+        container.value.removeEventListener("click", handleClick);
       }
-    };
+    });
     onUpdated(() => {
-      curInit = 0;
+      resetCurInit();
     });
     return {
-      hastToVNode,
+      hastToVNode: (node) => hastToVNode(node, createRendererConfig()),
       ast,
       container,
       renderComplete,